├── .eslintrc.js ├── .gitignore ├── .vscode └── launch.json ├── LICENSE ├── README.md ├── block.json ├── media └── block.gif ├── package.json └── src ├── Annotation.ts ├── DrawCanvas.tsx ├── Editor.tsx ├── Main.tsx ├── Settings.tsx ├── components ├── AttachmentPanel.tsx ├── CanvasHover.tsx ├── Confirm.tsx ├── ContextMenu.tsx ├── EmojiPicker.tsx ├── FabricCanvas.tsx ├── IconButton.tsx ├── LayersPanel.tsx ├── Layout.tsx ├── LeftPanel.tsx ├── PopoverButton.tsx ├── PropertiesInputs.tsx ├── PropertiesPanel.tsx ├── Setup.tsx ├── SidePanel.tsx ├── Snackbar.tsx ├── Toolbar.tsx ├── index.ts └── keyboardShortcutsList.tsx ├── hooks ├── index.ts ├── useAnnotation.ts ├── useCursor.ts ├── useDeepCompareEffect.ts ├── useHotkeys.ts ├── useImage.ts ├── useLinkedRecords.ts ├── useRecords.ts ├── useResize.ts ├── useSettings.ts └── useStyle.ts ├── index.tsx ├── styles.ts ├── tools ├── Arrow.ts ├── Circle.ts ├── Line.ts ├── Move.ts ├── Pencil.ts ├── Rectangle.ts ├── Select.ts ├── Tool.ts ├── ToolsList.tsx └── index.ts ├── tsconfig.json ├── types ├── blocks.d.ts ├── fabric.d.ts └── index.ts └── utils ├── canvas.tsx ├── imageUtils.ts ├── index.ts └── time.ts /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/.vscode/launch.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/README.md -------------------------------------------------------------------------------- /block.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/block.json -------------------------------------------------------------------------------- /media/block.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/media/block.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/package.json -------------------------------------------------------------------------------- /src/Annotation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/Annotation.ts -------------------------------------------------------------------------------- /src/DrawCanvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/DrawCanvas.tsx -------------------------------------------------------------------------------- /src/Editor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/Editor.tsx -------------------------------------------------------------------------------- /src/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/Main.tsx -------------------------------------------------------------------------------- /src/Settings.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/Settings.tsx -------------------------------------------------------------------------------- /src/components/AttachmentPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/AttachmentPanel.tsx -------------------------------------------------------------------------------- /src/components/CanvasHover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/CanvasHover.tsx -------------------------------------------------------------------------------- /src/components/Confirm.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/Confirm.tsx -------------------------------------------------------------------------------- /src/components/ContextMenu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/ContextMenu.tsx -------------------------------------------------------------------------------- /src/components/EmojiPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/EmojiPicker.tsx -------------------------------------------------------------------------------- /src/components/FabricCanvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/FabricCanvas.tsx -------------------------------------------------------------------------------- /src/components/IconButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/IconButton.tsx -------------------------------------------------------------------------------- /src/components/LayersPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/LayersPanel.tsx -------------------------------------------------------------------------------- /src/components/Layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/Layout.tsx -------------------------------------------------------------------------------- /src/components/LeftPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/LeftPanel.tsx -------------------------------------------------------------------------------- /src/components/PopoverButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/PopoverButton.tsx -------------------------------------------------------------------------------- /src/components/PropertiesInputs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/PropertiesInputs.tsx -------------------------------------------------------------------------------- /src/components/PropertiesPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/PropertiesPanel.tsx -------------------------------------------------------------------------------- /src/components/Setup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/Setup.tsx -------------------------------------------------------------------------------- /src/components/SidePanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/SidePanel.tsx -------------------------------------------------------------------------------- /src/components/Snackbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/Snackbar.tsx -------------------------------------------------------------------------------- /src/components/Toolbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/Toolbar.tsx -------------------------------------------------------------------------------- /src/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/index.ts -------------------------------------------------------------------------------- /src/components/keyboardShortcutsList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/components/keyboardShortcutsList.tsx -------------------------------------------------------------------------------- /src/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/index.ts -------------------------------------------------------------------------------- /src/hooks/useAnnotation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useAnnotation.ts -------------------------------------------------------------------------------- /src/hooks/useCursor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useCursor.ts -------------------------------------------------------------------------------- /src/hooks/useDeepCompareEffect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useDeepCompareEffect.ts -------------------------------------------------------------------------------- /src/hooks/useHotkeys.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useHotkeys.ts -------------------------------------------------------------------------------- /src/hooks/useImage.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useImage.ts -------------------------------------------------------------------------------- /src/hooks/useLinkedRecords.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useLinkedRecords.ts -------------------------------------------------------------------------------- /src/hooks/useRecords.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useRecords.ts -------------------------------------------------------------------------------- /src/hooks/useResize.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useResize.ts -------------------------------------------------------------------------------- /src/hooks/useSettings.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useSettings.ts -------------------------------------------------------------------------------- /src/hooks/useStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/hooks/useStyle.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/styles.ts -------------------------------------------------------------------------------- /src/tools/Arrow.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Arrow.ts -------------------------------------------------------------------------------- /src/tools/Circle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Circle.ts -------------------------------------------------------------------------------- /src/tools/Line.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Line.ts -------------------------------------------------------------------------------- /src/tools/Move.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Move.ts -------------------------------------------------------------------------------- /src/tools/Pencil.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Pencil.ts -------------------------------------------------------------------------------- /src/tools/Rectangle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Rectangle.ts -------------------------------------------------------------------------------- /src/tools/Select.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Select.ts -------------------------------------------------------------------------------- /src/tools/Tool.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/Tool.ts -------------------------------------------------------------------------------- /src/tools/ToolsList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/ToolsList.tsx -------------------------------------------------------------------------------- /src/tools/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tools/index.ts -------------------------------------------------------------------------------- /src/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/tsconfig.json -------------------------------------------------------------------------------- /src/types/blocks.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/types/blocks.d.ts -------------------------------------------------------------------------------- /src/types/fabric.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/types/fabric.d.ts -------------------------------------------------------------------------------- /src/types/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/types/index.ts -------------------------------------------------------------------------------- /src/utils/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/utils/canvas.tsx -------------------------------------------------------------------------------- /src/utils/imageUtils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/utils/imageUtils.ts -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/utils/time.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmrEsyd/annotate/HEAD/src/utils/time.ts --------------------------------------------------------------------------------