first steps of project industrialisation (#23)

* Added engine, zap fill and speed icons in 24 and 16 pixels

* ESM only, typescript only

* Change version name

* Revert changes about rollup-dts & types

* Repair types, add  OSRDGenericIconType

* Correct generic icon type

* ui-icons: add union of icons, remove generic type

* ui-speedspacechart: init

- create-react-app ui-speedspacechart
- add taillwindcss using PostCSS
- copy /ui-core/styles/main.css to replace /ui-speedspacechart/index.css
- import main.css in index.tsx, remove import from App.tsx
- edit tailwind.config.js
- add IBMPlex fonts to /public
- add storybook, clean /stories
- clean unnecessary files

* - add storybook setup for tailwind
- create speedSpaceChart story
- create useCanvas custom hook
- create:
  - SpeedSpaceChart.tsx
  - FrontInterractivityLayer.tsx
  - GridLayer.tsx
  - CurveLayer.tsx
- add draw function in drawElements.ts
- copy simulation consts and types from osrd
- copy sampleData from osrd

* - replace GridLayer with AxisLayerX and AxisLayerY
- add ticks on axis
- add d3 zoom function for zoom and reset
- replace speed props with full store props

* ui-warping: drafts project structure

* ui-warping: drafts WarpedMap code

Details:
- Drafts WarpedMap, based on existing code from OSRD, but without all
  the business specific code
- Drafts first story (but cannot run it because of missing data)

TODO:
- Add missing features:
  - Allow syncing bbox
  - Allow refining data (ie. reloading OSRD entities)
  - Allow adding custom buttons (to set bbox sync mode)
- Add missing data to base story

* ui-warping: first rendered map

Details:
- Adds sample paths and OSM styles
- Adds an optional timeout to DataLoader
- Fixes various minor issues to get a proper first rendered map

TODO:
- Add missing features, detailed in previous commit

* ui-warping: drafts algorithms showcase

* ui-warping: allows customizing warping

Details:
- Makes every setting from getWarping overridable
- Adds inputs for all warping settings in algorithm showcase stories

* ui-warping: improves story controls, fixes displayed grid

* ui-warping: fixes rendering

Details:
- Intersects polygons with zone instead of clipping them (this makes
  large areas of water for instance being properly drawn around the
  grid)
- Fixes various issues that caused properties to not be properly set to
  the warped data
- Fixes TransformedDataMap filters to take source-layers into account

* ui-warped-map: renames warping as warped-map

* review project architecture

- monorepo project with sub-packages which allow us to share dep,
  scripts, ...
- rollup configuration (remove commonjs, babel, and adding postcss)
- package.json with export
- remove CRA trace
- adding a stroybook package that read stories across project
- adding lerna for release

* merge all projects

* Cnh/UI core/input (#16)

* ui-core: implement anatomy input

ui-core: use css instead of full tailwind class

ui-core: handle small input

ui-core: readme v1

ui-core: implement disabled & readonly

ui-core: fix height of component, use bowshadow instead of border

ui-core: fix small input

ui-core: fix style on focus via keyboard

ui-core: use box shadow fof leading/trailing

iu-core: fix blur

ui-core: implement token input

fix border using box shadow

ui-core: add form validation

refacto style

refacto. use scss power to handle small version of input more clearly

* ui-core: wrap token input

* ui-core: password input

* Fix story book and styles

* ui-core: export Input, TokenInput and PasswordInput

---------

Co-authored-by: Benoit Simard <[email protected]>

* osrd-ui: normalize eslint and prettier conf

* osrd-ui: revert eslint config (#19)

* github action to deploy osr-project to npm (#20)

* ui-core: optimize rollup config for  storybook hotreload

* osrd-ui: build and check code (#22)

* osrd-ui: build and check code

* fix prettier error

* osrd-ui: ignore prettier error from component generated by ui-icons

* osrd-ui: enable hot reload only when we are in development

---------

Co-authored-by: thibautsailly <[email protected]>
Co-authored-by: Nicolas Wurtz <[email protected]>
Co-authored-by: Nicolas Wurtz <[email protected]>
Co-authored-by: Élysæ <[email protected]>
Co-authored-by: Yohh <[email protected]>
Co-authored-by: Alexis Jacomy <[email protected]>
Co-authored-by: Benoit Simard <[email protected]>
Co-authored-by: Mathieu Richard <[email protected]>

Author: 8 people

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc

@@ -0,0 +1,25 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "ignorePatterns": ["*.css"],
+  "extends": [
+    "eslint:recommended", // ESLint recommended rules
+    "plugin:react/recommended", // React recommended rules
+    "plugin:@typescript-eslint/recommended", // TypeScript recommended rules
+    "plugin:@typescript-eslint/eslint-recommended", // ESLint overrides for TypeScript
+    "prettier", // Prettier rules
+    "plugin:prettier/recommended", // Prettier plugin integration
+    "plugin:react-hooks/recommended", // Recommended rules for React hooks
+    "plugin:storybook/recommended", // Recommended rules for Storybook
+  ],
+  "rules": {
+    "react/prop-types": "off",
+    "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+  },
+  "settings": {
+    "react": {
+      "version": "detect",
+    },
+  },
+}

.github/workflows/icons-optimize.yml

@@ -1,4 +1,4 @@
-on: 
+on:
   # This workflow will be laucnhed manually and will trigger a new commit
   # on the branc that is specified.
   workflow_dispatch:
@@ -12,7 +12,7 @@ jobs:
 
       - uses: actions/setup-python@v4
         with:
-          python-version: '3.10' 
+          python-version: '3.10'
           cache: 'pip'
       - run: pip install -r .github/helpers/ui-icons/requirements.txt
       - run: |

.github/workflows/icons-publish.yml

@@ -0,0 +1,17 @@
+name: Build osrd-ui
+
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18'
+          registry-url: 'https://registry.npmjs.org/'
+      - run: |
+          npm ci
+          npm run build

.github/workflows/osrd-ui-build.yml

@@ -0,0 +1,24 @@
+name: Publish @osrd-project on Release
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          registry-url: 'https://registry.npmjs.org/'
+      - run: |
+          npm ci
+          npm run build
+          VERSION=${GITHUB_REF/refs\/tags\//}
+          lerna version $VERSION --no-private --no-git-tag-version --yes
+          lerna publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/osrd-ui-publish.yml

@@ -2,6 +2,7 @@
 dist/
 node_modules/
 *.tgz
+storybook-static
 
 # Direnv
 .envrc

.gitignore

@@ -0,0 +1,7 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "arrowParens": "always",
+  "proseWrap": "always",
+  "trailingComma": "es5"
+}

.prettierrc.json

@@ -4,12 +4,11 @@ Icons, fonts, colors, components and all user interface items for OSRD project.
 
 ## TODO
 
-We should write a README to explain the goal of the `osrd-ui` repository and the design system as the whole.
+We should write a README to explain the goal of the `osrd-ui` repository and the design system as
+the whole.
 
 We should also explain how it is related to the `osrd-design` repository.
 
 ## Credits
 
 ### ui-icons
-
-Inspired and taken from Primer/Octicons (https://github.com/primer/octicons). Distributed under the MIT license.

README.md

@@ -0,0 +1,7 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "0.1.0",
+  "private": false,
+  "push": false,
+  "includeMergedTags": true
+}