Compare commits
No commits in common. "d2e1d9f0a4c9093d3b80fb5b10f89f984c030852" and "d9e06537e8a5d35ff2dc960a325c740a80c08438" have entirely different histories.
d2e1d9f0a4
...
d9e06537e8
4 changed files with 1 additions and 125 deletions
|
@ -10,8 +10,7 @@ An svg layout designer.
|
||||||
|
|
||||||
Requierements :
|
Requierements :
|
||||||
- NodeJS
|
- NodeJS
|
||||||
- npm
|
- NPM
|
||||||
- pnpm (optional but recommanded unless you prefer having a huge `node_modules` directory)
|
|
||||||
|
|
||||||
# Developping
|
# Developping
|
||||||
|
|
||||||
|
|
12
docs/CICD.md
12
docs/CICD.md
|
@ -1,12 +0,0 @@
|
||||||
# Azure Pipelines
|
|
||||||
|
|
||||||
This project uses Azure Pipelines to runs automatic tests.
|
|
||||||
|
|
||||||
Its `azure-pipelines.yml` configuration file can be found at the root project folder.
|
|
||||||
|
|
||||||
|
|
||||||
# Drone.io
|
|
||||||
|
|
||||||
Due to the limitations of Azure Pipelines (limited free usage, no parallel, no dockerhub...), it might be more useful to use Drone.io.
|
|
||||||
|
|
||||||
Its config file can be found in `.drone.yml`.
|
|
|
@ -1,73 +0,0 @@
|
||||||
# Dependencies
|
|
||||||
|
|
||||||
This document briefly explains the different dependencies located in the `package.json`.
|
|
||||||
|
|
||||||
This document will not explain how to use them. You can read their documentation for that and the codebase have exemples for references.
|
|
||||||
|
|
||||||
|
|
||||||
# [React](https://reactjs.org/)
|
|
||||||
|
|
||||||
Main framework to build the js application.
|
|
||||||
|
|
||||||
It depends on Vite in order to build the project.
|
|
||||||
|
|
||||||
Others dependencies:
|
|
||||||
- [react-dom](https://reactjs.org/docs/react-dom.html): library used to inject the app to `#root` html element.
|
|
||||||
- [react-svg-pan-zoom](https://www.npmjs.com/package/react-svg-pan-zoom): component that offers pan + zoom to a svg element
|
|
||||||
|
|
||||||
|
|
||||||
# [Vite](https://vitejs.dev/)
|
|
||||||
|
|
||||||
Vite is the main tool to develop the react application.
|
|
||||||
|
|
||||||
Its uses the following files to configure the project :
|
|
||||||
- `vite.config.ts`
|
|
||||||
- `.env*`
|
|
||||||
- `src/vite-env.d.ts`
|
|
||||||
|
|
||||||
Others dependencies:
|
|
||||||
- @vitejs/plugin-react
|
|
||||||
|
|
||||||
|
|
||||||
# [Tailwind CSS](https://tailwindcss.com/)
|
|
||||||
|
|
||||||
CSS framework designed around constraints with utility classes in order to reduce dead css code.
|
|
||||||
|
|
||||||
Its uses the following files to configure the project :
|
|
||||||
- `src/index.scss`
|
|
||||||
- `tailwind.config.cjs`
|
|
||||||
- `postcss.config.cjs`
|
|
||||||
|
|
||||||
Other dependencies:
|
|
||||||
- postcss
|
|
||||||
- sass
|
|
||||||
- autoprefixer
|
|
||||||
|
|
||||||
|
|
||||||
# [Heroicons](https://heroicons.com/)
|
|
||||||
|
|
||||||
SVG Icons that can be used as JSX elements with Tailwind CSS
|
|
||||||
|
|
||||||
|
|
||||||
# Testing
|
|
||||||
|
|
||||||
- [Vitest](https://vitest.dev/)
|
|
||||||
- [Testing Library](https://testing-library.com/)
|
|
||||||
- [jsdom](https://github.com/jsdom/jsdom)
|
|
||||||
|
|
||||||
|
|
||||||
# [eslint](https://eslint.org/)
|
|
||||||
|
|
||||||
A Linter. Used for error checking, syntax checking and code style enforcing.
|
|
||||||
|
|
||||||
Currently using `standard-with-typescript` with a few modification.
|
|
||||||
|
|
||||||
See the `.eslintrc.cjs` for more informations.
|
|
||||||
|
|
||||||
Other dependencies:
|
|
||||||
- typescript-eslint/eslint-plugin
|
|
||||||
- typescript-eslint/parser
|
|
||||||
- eslint-plugin-import
|
|
||||||
- eslint-plugin-n
|
|
||||||
- eslint-plugin-promise
|
|
||||||
- eslint-plugin-react
|
|
|
@ -1,38 +0,0 @@
|
||||||
# Project Structure
|
|
||||||
|
|
||||||
The project is structured this way
|
|
||||||
|
|
||||||
```
|
|
||||||
.
|
|
||||||
├── docs Documentation folder
|
|
||||||
├── public Public folder in which the index.html
|
|
||||||
│ import its resources
|
|
||||||
├── src Source folder for the react app
|
|
||||||
│ ├── assets Assets folder in which the react app
|
|
||||||
│ │ import its resources
|
|
||||||
│ ├── Components Components folder
|
|
||||||
│ ├── Enums Enums folder
|
|
||||||
│ ├── Interfaces Interface (+ types folder)
|
|
||||||
│ ├── test Setup folder for the tests
|
|
||||||
│ ├── tests Other tests + resources
|
|
||||||
│ ├── utils Utilities folder
|
|
||||||
│ ├── index.scss Tailwind CSS extends
|
|
||||||
│ ├── main.tsx Entrypoint for App injection
|
|
||||||
│ └── vite-env.d.ts Types for .env files
|
|
||||||
├── test-server Tests servers to test the API
|
|
||||||
│ ├── http.js Test server for bun.sh
|
|
||||||
│ └── node-http.js Test server for Node.js
|
|
||||||
├── azure-pipelines.yml Azure Pipelines YAML config file
|
|
||||||
├── index.html HTML Page
|
|
||||||
├── package-lock.json Describe the node_modules tree for npm
|
|
||||||
├── package.json Node.JS config file
|
|
||||||
├── pnpm-lock.yaml Describe the node_modules tree for pnpm
|
|
||||||
├── postcss.config.cjs Postcss config file for SCSS processing
|
|
||||||
├── README.md
|
|
||||||
├── tailwind.config.cjs Tailwind CSS config file
|
|
||||||
├── tsconfig.json Typescript config file
|
|
||||||
├── tsconfig.node.json Typescript config file for Node modules
|
|
||||||
├── vite.config.ts Vite config file
|
|
||||||
└── vitest.config.ts Vitest config file
|
|
||||||
```
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue