├── .DS_Store ├── .gitignore ├── .prettierrc ├── README.md ├── components ├── app.tsx ├── canvas-pixi │ ├── canvas.tsx │ └── surface.ts ├── hooks │ ├── useKeyboardEvents.tsx │ ├── useViewBox.tsx │ └── useWindowEvents.ts ├── overlays │ ├── button.tsx │ ├── model.tsx │ ├── overlays.tsx │ ├── positions.tsx │ ├── value.tsx │ └── zoom-indicator.tsx ├── state │ ├── box-selecter.tsx │ ├── box-transforms.tsx │ ├── database.ts │ ├── index.tsx │ └── pure.tsx ├── theme.tsx ├── toolbar │ ├── icon-button.tsx │ ├── icons │ │ ├── arrow.svg │ │ ├── bottom.svg │ │ ├── box.svg │ │ ├── center-x.svg │ │ ├── center-y.svg │ │ ├── config.js │ │ ├── delete.svg │ │ ├── distribute-x.svg │ │ ├── distribute-y.svg │ │ ├── flip-arrow.svg │ │ ├── index.html │ │ ├── invert-arrow.svg │ │ ├── left.svg │ │ ├── redo.svg │ │ ├── right.svg │ │ ├── select.svg │ │ ├── stretch-x.svg │ │ ├── stretch-y.svg │ │ ├── svgr │ │ │ ├── Arrow.tsx │ │ │ ├── Bottom.tsx │ │ │ ├── Box.tsx │ │ │ ├── CenterX.tsx │ │ │ ├── CenterY.tsx │ │ │ ├── Delete.tsx │ │ │ ├── DistributeX.tsx │ │ │ ├── DistributeY.tsx │ │ │ ├── FlipArrow.tsx │ │ │ ├── InvertArrow.tsx │ │ │ ├── Left.tsx │ │ │ ├── Redo.tsx │ │ │ ├── Right.tsx │ │ │ ├── Select.tsx │ │ │ ├── StretchX.tsx │ │ │ ├── StretchY.tsx │ │ │ ├── Top.tsx │ │ │ ├── Undo.tsx │ │ │ └── index.tsx │ │ ├── top.svg │ │ └── undo.svg │ ├── styled.tsx │ └── toolbar.tsx └── utils.tsx ├── next-env.d.ts ├── next.config.js ├── package.json ├── pages ├── _app.js ├── api │ └── hello.js └── index.tsx ├── public ├── favicon.ico ├── service.worker.js └── vercel.svg ├── styles └── globals.css ├── tsconfig.json ├── types.ts ├── yarn-error.log └── yarn.lock /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .next/* 3 | 4 | .vercel 5 | .DS_Store 6 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/.prettierrc -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/README.md -------------------------------------------------------------------------------- /components/app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/app.tsx -------------------------------------------------------------------------------- /components/canvas-pixi/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/canvas-pixi/canvas.tsx -------------------------------------------------------------------------------- /components/canvas-pixi/surface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/canvas-pixi/surface.ts -------------------------------------------------------------------------------- /components/hooks/useKeyboardEvents.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/hooks/useKeyboardEvents.tsx -------------------------------------------------------------------------------- /components/hooks/useViewBox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/hooks/useViewBox.tsx -------------------------------------------------------------------------------- /components/hooks/useWindowEvents.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/hooks/useWindowEvents.ts -------------------------------------------------------------------------------- /components/overlays/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/button.tsx -------------------------------------------------------------------------------- /components/overlays/model.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/model.tsx -------------------------------------------------------------------------------- /components/overlays/overlays.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/overlays.tsx -------------------------------------------------------------------------------- /components/overlays/positions.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/positions.tsx -------------------------------------------------------------------------------- /components/overlays/value.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/value.tsx -------------------------------------------------------------------------------- /components/overlays/zoom-indicator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/overlays/zoom-indicator.tsx -------------------------------------------------------------------------------- /components/state/box-selecter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/state/box-selecter.tsx -------------------------------------------------------------------------------- /components/state/box-transforms.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/state/box-transforms.tsx -------------------------------------------------------------------------------- /components/state/database.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/state/database.ts -------------------------------------------------------------------------------- /components/state/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/state/index.tsx -------------------------------------------------------------------------------- /components/state/pure.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/state/pure.tsx -------------------------------------------------------------------------------- /components/theme.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/theme.tsx -------------------------------------------------------------------------------- /components/toolbar/icon-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icon-button.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/arrow.svg -------------------------------------------------------------------------------- /components/toolbar/icons/bottom.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/bottom.svg -------------------------------------------------------------------------------- /components/toolbar/icons/box.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/box.svg -------------------------------------------------------------------------------- /components/toolbar/icons/center-x.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/center-x.svg -------------------------------------------------------------------------------- /components/toolbar/icons/center-y.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/center-y.svg -------------------------------------------------------------------------------- /components/toolbar/icons/config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/config.js -------------------------------------------------------------------------------- /components/toolbar/icons/delete.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/delete.svg -------------------------------------------------------------------------------- /components/toolbar/icons/distribute-x.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/distribute-x.svg -------------------------------------------------------------------------------- /components/toolbar/icons/distribute-y.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/distribute-y.svg -------------------------------------------------------------------------------- /components/toolbar/icons/flip-arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/flip-arrow.svg -------------------------------------------------------------------------------- /components/toolbar/icons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/index.html -------------------------------------------------------------------------------- /components/toolbar/icons/invert-arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/invert-arrow.svg -------------------------------------------------------------------------------- /components/toolbar/icons/left.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/left.svg -------------------------------------------------------------------------------- /components/toolbar/icons/redo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/redo.svg -------------------------------------------------------------------------------- /components/toolbar/icons/right.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/right.svg -------------------------------------------------------------------------------- /components/toolbar/icons/select.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/select.svg -------------------------------------------------------------------------------- /components/toolbar/icons/stretch-x.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/stretch-x.svg -------------------------------------------------------------------------------- /components/toolbar/icons/stretch-y.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/stretch-y.svg -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Arrow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Arrow.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Bottom.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Bottom.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Box.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Box.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/CenterX.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/CenterX.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/CenterY.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/CenterY.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Delete.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Delete.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/DistributeX.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/DistributeX.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/DistributeY.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/DistributeY.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/FlipArrow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/FlipArrow.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/InvertArrow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/InvertArrow.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Left.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Left.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Redo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Redo.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Right.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Right.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Select.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/StretchX.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/StretchX.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/StretchY.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/StretchY.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Top.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Top.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/Undo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/Undo.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/svgr/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/svgr/index.tsx -------------------------------------------------------------------------------- /components/toolbar/icons/top.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/top.svg -------------------------------------------------------------------------------- /components/toolbar/icons/undo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/icons/undo.svg -------------------------------------------------------------------------------- /components/toolbar/styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/styled.tsx -------------------------------------------------------------------------------- /components/toolbar/toolbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/toolbar/toolbar.tsx -------------------------------------------------------------------------------- /components/utils.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/components/utils.tsx -------------------------------------------------------------------------------- /next-env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/next-env.d.ts -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/next.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/package.json -------------------------------------------------------------------------------- /pages/_app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/pages/_app.js -------------------------------------------------------------------------------- /pages/api/hello.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/pages/api/hello.js -------------------------------------------------------------------------------- /pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/pages/index.tsx -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/service.worker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/public/service.worker.js -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/public/vercel.svg -------------------------------------------------------------------------------- /styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/styles/globals.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/tsconfig.json -------------------------------------------------------------------------------- /types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/types.ts -------------------------------------------------------------------------------- /yarn-error.log: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/yarn-error.log -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/steveruizok/arrows-playground/HEAD/yarn.lock --------------------------------------------------------------------------------