├── .gitignore ├── .prettierrc ├── README.md ├── babel.config.cjs ├── index.html ├── jest-setup.ts ├── package.json ├── public ├── assets │ ├── images │ │ └── placeholder.jpg │ └── logos │ │ └── logo.webp └── vite.svg ├── src ├── components │ ├── code-editor │ │ ├── background │ │ │ └── index.tsx │ │ ├── constants.tsx │ │ ├── index.tsx │ │ ├── preview-next-position │ │ │ └── index.tsx │ │ ├── tab │ │ │ └── index.tsx │ │ ├── types.ts │ │ └── utils.tsx │ ├── navbar │ │ ├── actions │ │ │ └── index.tsx │ │ ├── index.tsx │ │ └── logo │ │ │ └── index.tsx │ ├── shared │ │ ├── button │ │ │ └── index.tsx │ │ ├── icon-button │ │ │ └── index.tsx │ │ ├── icons │ │ │ ├── AddIcon.tsx │ │ │ ├── BottomAlignIcon.tsx │ │ │ ├── CSSIcon.tsx │ │ │ ├── CloseIcon.tsx │ │ │ ├── ExportIcon.tsx │ │ │ ├── HTMLIcon.tsx │ │ │ ├── JSIcon.tsx │ │ │ ├── JSXIcon.tsx │ │ │ ├── LeftAlignIcon.tsx │ │ │ ├── PHPIcon.tsx │ │ │ ├── ResetIcon.tsx │ │ │ ├── RightAlignIcon.tsx │ │ │ ├── SASSIcon.tsx │ │ │ ├── TSIcon.tsx │ │ │ ├── TSXIcon.tsx │ │ │ ├── ThemesIcon.tsx │ │ │ ├── TopAlignIcon.tsx │ │ │ ├── WindowButtonsIcon.tsx │ │ │ ├── XAxisCenterIcon.tsx │ │ │ ├── YAxisCenterIcon.tsx │ │ │ └── index.ts │ │ ├── img │ │ │ ├── index.spec.tsx │ │ │ └── index.tsx │ │ └── number-input │ │ │ └── index.tsx │ └── sidebar │ │ ├── advanced-style │ │ ├── index.tsx │ │ └── slider │ │ │ └── index.tsx │ │ ├── alignment │ │ ├── index.spec.tsx │ │ └── index.tsx │ │ ├── contants.tsx │ │ ├── editor-position-inputs │ │ └── index.tsx │ │ ├── formatter-button │ │ └── index.tsx │ │ ├── index.tsx │ │ └── types.ts ├── main.tsx ├── pages │ └── home │ │ └── index.tsx ├── store │ ├── atoms │ │ └── code-editor.ts │ └── selectors │ │ └── code-editor.ts ├── styles │ ├── moveable.css │ └── react-simple-code-editor.css ├── test │ └── renderWithProviders.tsx ├── types │ └── declartions │ │ └── index.d.ts ├── utils │ └── toDecimal.ts └── vite-env.d.ts ├── theme.ts ├── tsconfig.json ├── tsconfig.node.json ├── vite.config.ts └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/.prettierrc -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/README.md -------------------------------------------------------------------------------- /babel.config.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/babel.config.cjs -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/index.html -------------------------------------------------------------------------------- /jest-setup.ts: -------------------------------------------------------------------------------- 1 | import '@testing-library/jest-dom/extend-expect' 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/package.json -------------------------------------------------------------------------------- /public/assets/images/placeholder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/public/assets/images/placeholder.jpg -------------------------------------------------------------------------------- /public/assets/logos/logo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/public/assets/logos/logo.webp -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/components/code-editor/background/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/background/index.tsx -------------------------------------------------------------------------------- /src/components/code-editor/constants.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/constants.tsx -------------------------------------------------------------------------------- /src/components/code-editor/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/index.tsx -------------------------------------------------------------------------------- /src/components/code-editor/preview-next-position/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/preview-next-position/index.tsx -------------------------------------------------------------------------------- /src/components/code-editor/tab/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/tab/index.tsx -------------------------------------------------------------------------------- /src/components/code-editor/types.ts: -------------------------------------------------------------------------------- 1 | export type TabData = { label: string; icon: JSX.Element | null } 2 | -------------------------------------------------------------------------------- /src/components/code-editor/utils.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/code-editor/utils.tsx -------------------------------------------------------------------------------- /src/components/navbar/actions/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/navbar/actions/index.tsx -------------------------------------------------------------------------------- /src/components/navbar/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/navbar/index.tsx -------------------------------------------------------------------------------- /src/components/navbar/logo/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/navbar/logo/index.tsx -------------------------------------------------------------------------------- /src/components/shared/button/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/button/index.tsx -------------------------------------------------------------------------------- /src/components/shared/icon-button/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icon-button/index.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/AddIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/AddIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/BottomAlignIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/BottomAlignIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/CSSIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/CSSIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/CloseIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/CloseIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/ExportIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/ExportIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/HTMLIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/HTMLIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/JSIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/JSIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/JSXIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/JSXIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/LeftAlignIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/LeftAlignIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/PHPIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/PHPIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/ResetIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/ResetIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/RightAlignIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/RightAlignIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/SASSIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/SASSIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/TSIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/TSIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/TSXIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/TSXIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/ThemesIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/ThemesIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/TopAlignIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/TopAlignIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/WindowButtonsIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/WindowButtonsIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/XAxisCenterIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/XAxisCenterIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/YAxisCenterIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/YAxisCenterIcon.tsx -------------------------------------------------------------------------------- /src/components/shared/icons/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/icons/index.ts -------------------------------------------------------------------------------- /src/components/shared/img/index.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/img/index.spec.tsx -------------------------------------------------------------------------------- /src/components/shared/img/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/img/index.tsx -------------------------------------------------------------------------------- /src/components/shared/number-input/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/shared/number-input/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/advanced-style/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/advanced-style/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/advanced-style/slider/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/advanced-style/slider/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/alignment/index.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/alignment/index.spec.tsx -------------------------------------------------------------------------------- /src/components/sidebar/alignment/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/alignment/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/contants.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/contants.tsx -------------------------------------------------------------------------------- /src/components/sidebar/editor-position-inputs/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/editor-position-inputs/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/formatter-button/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/formatter-button/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/index.tsx -------------------------------------------------------------------------------- /src/components/sidebar/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/components/sidebar/types.ts -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/pages/home/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/pages/home/index.tsx -------------------------------------------------------------------------------- /src/store/atoms/code-editor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/store/atoms/code-editor.ts -------------------------------------------------------------------------------- /src/store/selectors/code-editor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/store/selectors/code-editor.ts -------------------------------------------------------------------------------- /src/styles/moveable.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/styles/moveable.css -------------------------------------------------------------------------------- /src/styles/react-simple-code-editor.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/styles/react-simple-code-editor.css -------------------------------------------------------------------------------- /src/test/renderWithProviders.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/test/renderWithProviders.tsx -------------------------------------------------------------------------------- /src/types/declartions/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/types/declartions/index.d.ts -------------------------------------------------------------------------------- /src/utils/toDecimal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/src/utils/toDecimal.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /theme.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/theme.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/vite.config.ts -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pooridev/snippets/HEAD/yarn.lock --------------------------------------------------------------------------------