├── .editorconfig ├── .github └── workflows │ └── test.yml ├── .gitignore ├── LICENSE ├── README.md ├── assets └── example.png ├── biome.json ├── examples ├── fps.tsx └── node.tsx ├── package.json ├── pnpm-lock.yaml ├── src ├── arc.ts ├── canvas.ts ├── entity.ts ├── event-target.ts ├── events.ts ├── group.ts ├── hooks │ ├── use-dimensions.ts │ ├── use-layout.ts │ ├── use-parent.ts │ └── use-text-metrics.ts ├── image.ts ├── index.tsx ├── path.ts ├── rect.ts ├── render.ts ├── root.ts ├── round-rect.ts ├── shape.ts ├── test.tsx ├── text.ts ├── types.ts └── util.ts ├── test.html ├── test ├── Geist-Regular.otf ├── __image_snapshots__ │ ├── group-test-tsx-test-group-test-tsx-should-render-group-1-snap.png │ ├── group-test-tsx-test-group-test-tsx-should-render-group-with-parent-layout-context-1-snap.png │ ├── image-test-tsx-test-image-test-tsx-should-render-image-1-snap.png │ ├── image-test-tsx-test-image-test-tsx-should-render-image-2-snap.png │ ├── path-test-tsx-test-path-test-tsx-should-render-path-1-snap.png │ ├── rect-test-tsx-test-rect-test-tsx-should-receive-click-event-1-snap.png │ ├── rect-test-tsx-test-rect-test-tsx-should-receive-click-event-2-snap.png │ ├── rect-test-tsx-test-rect-test-tsx-should-render-rect-1-snap.png │ ├── rect-test-tsx-test-rect-test-tsx-should-render-rect-with-layout-context-1-snap.png │ └── text-test-tsx-test-text-test-tsx-should-render-text-1-snap.png ├── group.test.tsx ├── helpers │ ├── event.ts │ └── font.ts ├── image.test.tsx ├── path.test.tsx ├── pexels-sidorela-shehaj-339534630-19546368.jpg ├── rect.test.tsx ├── setup.ts └── text.test.tsx ├── tsconfig.json └── vitest.config.ts /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/.editorconfig -------------------------------------------------------------------------------- /.github/workflows/test.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/.github/workflows/test.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/README.md -------------------------------------------------------------------------------- /assets/example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/assets/example.png -------------------------------------------------------------------------------- /biome.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/biome.json -------------------------------------------------------------------------------- /examples/fps.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/examples/fps.tsx -------------------------------------------------------------------------------- /examples/node.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/examples/node.tsx -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /src/arc.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/arc.ts -------------------------------------------------------------------------------- /src/canvas.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/canvas.ts -------------------------------------------------------------------------------- /src/entity.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/entity.ts -------------------------------------------------------------------------------- /src/event-target.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/event-target.ts -------------------------------------------------------------------------------- /src/events.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/events.ts -------------------------------------------------------------------------------- /src/group.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/group.ts -------------------------------------------------------------------------------- /src/hooks/use-dimensions.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/hooks/use-dimensions.ts -------------------------------------------------------------------------------- /src/hooks/use-layout.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/hooks/use-layout.ts -------------------------------------------------------------------------------- /src/hooks/use-parent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/hooks/use-parent.ts -------------------------------------------------------------------------------- /src/hooks/use-text-metrics.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/hooks/use-text-metrics.ts -------------------------------------------------------------------------------- /src/image.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/image.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/path.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/path.ts -------------------------------------------------------------------------------- /src/rect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/rect.ts -------------------------------------------------------------------------------- /src/render.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/render.ts -------------------------------------------------------------------------------- /src/root.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/root.ts -------------------------------------------------------------------------------- /src/round-rect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/round-rect.ts -------------------------------------------------------------------------------- /src/shape.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/shape.ts -------------------------------------------------------------------------------- /src/test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/test.tsx -------------------------------------------------------------------------------- /src/text.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/text.ts -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/util.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/src/util.ts -------------------------------------------------------------------------------- /test.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test.html -------------------------------------------------------------------------------- /test/Geist-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/Geist-Regular.otf -------------------------------------------------------------------------------- /test/__image_snapshots__/group-test-tsx-test-group-test-tsx-should-render-group-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/group-test-tsx-test-group-test-tsx-should-render-group-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/group-test-tsx-test-group-test-tsx-should-render-group-with-parent-layout-context-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/group-test-tsx-test-group-test-tsx-should-render-group-with-parent-layout-context-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/image-test-tsx-test-image-test-tsx-should-render-image-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/image-test-tsx-test-image-test-tsx-should-render-image-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/image-test-tsx-test-image-test-tsx-should-render-image-2-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/image-test-tsx-test-image-test-tsx-should-render-image-2-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/path-test-tsx-test-path-test-tsx-should-render-path-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/path-test-tsx-test-path-test-tsx-should-render-path-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-receive-click-event-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-receive-click-event-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-receive-click-event-2-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-receive-click-event-2-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-render-rect-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-render-rect-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-render-rect-with-layout-context-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/rect-test-tsx-test-rect-test-tsx-should-render-rect-with-layout-context-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/text-test-tsx-test-text-test-tsx-should-render-text-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/__image_snapshots__/text-test-tsx-test-text-test-tsx-should-render-text-1-snap.png -------------------------------------------------------------------------------- /test/group.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/group.test.tsx -------------------------------------------------------------------------------- /test/helpers/event.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/helpers/event.ts -------------------------------------------------------------------------------- /test/helpers/font.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/helpers/font.ts -------------------------------------------------------------------------------- /test/image.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/image.test.tsx -------------------------------------------------------------------------------- /test/path.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/path.test.tsx -------------------------------------------------------------------------------- /test/pexels-sidorela-shehaj-339534630-19546368.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/pexels-sidorela-shehaj-339534630-19546368.jpg -------------------------------------------------------------------------------- /test/rect.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/rect.test.tsx -------------------------------------------------------------------------------- /test/setup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/setup.ts -------------------------------------------------------------------------------- /test/text.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/test/text.test.tsx -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TooTallNate/react-tela/HEAD/vitest.config.ts --------------------------------------------------------------------------------