├── .github └── workflows │ └── ci.yml ├── .gitignore ├── LICENSE ├── README.md ├── index.html ├── package.json ├── pnpm-lock.yaml ├── src ├── App.css ├── App.tsx ├── components │ ├── ActionBar │ │ ├── index.css │ │ └── index.tsx │ ├── Artboard │ │ ├── commands │ │ │ ├── area.ts │ │ │ ├── eraser.ts │ │ │ ├── index.ts │ │ │ ├── line.ts │ │ │ ├── ruler.ts │ │ │ ├── selection.ts │ │ │ ├── simple-line.ts │ │ │ └── text.ts │ │ ├── creates.ts │ │ ├── extensions │ │ │ ├── SelectionRect.tsx │ │ │ └── index.ts │ │ ├── hooks │ │ │ └── useMachine.ts │ │ ├── index.css │ │ ├── index.tsx │ │ └── shapes │ │ │ ├── Area.tsx │ │ │ ├── Eraser.tsx │ │ │ ├── Line.tsx │ │ │ ├── Ruler.tsx │ │ │ ├── SimpleLine.tsx │ │ │ ├── Text.tsx │ │ │ └── index.tsx │ ├── Draggable │ │ └── index.tsx │ ├── Panel │ │ └── index.tsx │ └── ToolBar │ │ ├── index.css │ │ └── index.tsx ├── constants │ └── action-types.ts ├── favicon.svg ├── hooks │ ├── index.ts │ └── useUpdateRef.ts ├── index.css ├── main.tsx ├── store │ ├── configureStore.ts │ ├── index.ts │ └── reducers │ │ ├── app.ts │ │ └── shape.ts ├── types │ ├── shape.d.ts │ └── typings.d.ts ├── utils │ └── index.ts └── vite-env.d.ts ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.github/workflows/ci.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/.github/workflows/ci.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Artboard 2 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/App.css -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/components/ActionBar/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/ActionBar/index.css -------------------------------------------------------------------------------- /src/components/ActionBar/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/ActionBar/index.tsx -------------------------------------------------------------------------------- /src/components/Artboard/commands/area.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/area.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/eraser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/eraser.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/index.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/line.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/line.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/ruler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/ruler.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/selection.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/selection.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/simple-line.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/simple-line.ts -------------------------------------------------------------------------------- /src/components/Artboard/commands/text.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/commands/text.ts -------------------------------------------------------------------------------- /src/components/Artboard/creates.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/creates.ts -------------------------------------------------------------------------------- /src/components/Artboard/extensions/SelectionRect.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/extensions/SelectionRect.tsx -------------------------------------------------------------------------------- /src/components/Artboard/extensions/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/extensions/index.ts -------------------------------------------------------------------------------- /src/components/Artboard/hooks/useMachine.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/hooks/useMachine.ts -------------------------------------------------------------------------------- /src/components/Artboard/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/index.css -------------------------------------------------------------------------------- /src/components/Artboard/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/index.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/Area.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/Area.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/Eraser.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/Eraser.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/Line.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/Line.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/Ruler.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/Ruler.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/SimpleLine.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/SimpleLine.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/Text.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/Text.tsx -------------------------------------------------------------------------------- /src/components/Artboard/shapes/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Artboard/shapes/index.tsx -------------------------------------------------------------------------------- /src/components/Draggable/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Draggable/index.tsx -------------------------------------------------------------------------------- /src/components/Panel/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/Panel/index.tsx -------------------------------------------------------------------------------- /src/components/ToolBar/index.css: -------------------------------------------------------------------------------- 1 | .toolbar { 2 | display: flex; 3 | align-items: center; 4 | } 5 | -------------------------------------------------------------------------------- /src/components/ToolBar/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/components/ToolBar/index.tsx -------------------------------------------------------------------------------- /src/constants/action-types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/constants/action-types.ts -------------------------------------------------------------------------------- /src/favicon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/favicon.svg -------------------------------------------------------------------------------- /src/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/hooks/index.ts -------------------------------------------------------------------------------- /src/hooks/useUpdateRef.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/hooks/useUpdateRef.ts -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/index.css -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/store/configureStore.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/store/configureStore.ts -------------------------------------------------------------------------------- /src/store/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/store/index.ts -------------------------------------------------------------------------------- /src/store/reducers/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/store/reducers/app.ts -------------------------------------------------------------------------------- /src/store/reducers/shape.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/store/reducers/shape.ts -------------------------------------------------------------------------------- /src/types/shape.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/types/shape.d.ts -------------------------------------------------------------------------------- /src/types/typings.d.ts: -------------------------------------------------------------------------------- 1 | type ArrayOrSingle = T | T[]; 2 | -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/985563349/artboard/HEAD/vite.config.ts --------------------------------------------------------------------------------