Merge pull request #118 from swarmion/feat/add-frontend-shared

Author: adriencaccia

commonConfiguration/babel.config.js

@@ -9,7 +9,7 @@ const defaultPlugins = [
     'module-resolver',
     {
       root: ['./src'],
-      extensions: ['.ts'],
+      extensions: ['.ts', '.tsx'],
     },
   ],
   '@babel/plugin-transform-runtime',
@@ -34,14 +34,14 @@ const presetsForCJS = [
   ...defaultPresets,
 ];
 
-module.exports = (plugins = []) => {
+module.exports = (plugins = [], presets = []) => {
   return {
     env: {
       cjs: {
-        presets: presetsForCJS,
+        presets: [...presets, ...presetsForCJS],
       },
       esm: {
-        presets: presetsForESM,
+        presets: [...presets, ...presetsForESM],
       },
     },
     ignore: defaultIgnores,

frontend/app/package.json

@@ -29,6 +29,7 @@
     "@react-hookz/web": "^13.1.0",
     "@reduxjs/toolkit": "^1.8.0",
     "@swarmion-starter/configuration": "1.0.0",
+    "@swarmion-starter/frontend-shared": "1.0.0",
     "@swarmion-starter/users-contracts": "1.0.0",
     "axios": "0.26.1",
     "react": "^17.0.2",

frontend/app/src/AppRoutes.tsx

@@ -1,5 +1,7 @@
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
+import { NotFound } from '@swarmion-starter/frontend-shared';
+
 import { Home } from 'pages';
 
 export enum RoutePaths {
@@ -10,6 +12,7 @@ const AppRoutes = (): JSX.Element => (
   <BrowserRouter>
     <Routes>
       <Route path={RoutePaths.HOME_PAGE} element={<Home />} />
+      <Route path="*" element={<NotFound />} />
     </Routes>
   </BrowserRouter>
 );

frontend/app/tsconfig.json

@@ -17,6 +17,7 @@
     "types": ["vite-plugin-svgr/client"]
   },
   "references": [
+    { "path": "../shared/tsconfig.build.json" },
     { "path": "../../packages/configuration/tsconfig.build.json" },
     { "path": "../../contracts/users-contracts/tsconfig.build.json" }
   ],

frontend/app/vite.config.ts

@@ -24,5 +24,10 @@ export default defineConfig(({ mode }) => {
   return {
     define: envWithProcessPrefix,
     plugins,
+    resolve: {
+      alias: {
+        'react/jsx-runtime': 'react/jsx-runtime.js',
+      },
+    },
   };
 });

frontend/shared/.eslintignore

@@ -0,0 +1 @@
+dist

frontend/shared/.eslintrc.js

@@ -0,0 +1,9 @@
+const generateImportOrderRule = require('../../commonConfiguration/generateImportOrderRule');
+
+module.exports = {
+  rules: generateImportOrderRule(__dirname),
+  parserOptions: {
+    project: ['./tsconfig.json'],
+    tsconfigRootDir: __dirname,
+  },
+};

frontend/shared/.lintstagedrc.js

@@ -0,0 +1,2 @@
+const baseConfig = require('../../.lintstagedrc');
+module.exports = baseConfig;

frontend/shared/.vscode

@@ -0,0 +1 @@
+../../commonConfiguration/.vscode

frontend/shared/babel.config.js

@@ -0,0 +1,12 @@
+const commonBabelConfig = require('../../commonConfiguration/babel.config');
+
+const presets = [
+  [
+    '@babel/preset-react',
+    {
+      runtime: 'automatic',
+    },
+  ],
+];
+
+module.exports = commonBabelConfig([], presets);