Vite migration (#207)

* Start

* Temporary.

* Get rid of a few any.

* Fix tests

* Fix build.

* Install playwright.

* Install playwright in pr script.

* Fix warning

.eslintrc.js

@@ -19,6 +19,7 @@ module.exports = {
         "@typescript-eslint",
     ],
     "rules": {
+        "@typescript-eslint/space-before-blocks": "off",
         "@typescript-eslint/dot-notation": "off",
         "@typescript-eslint/indent": [
             "error",

.github/workflows/build.yml

@@ -19,8 +19,11 @@ jobs:
       - name: Install Dependencies
         run: npm i
 
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
       - name: Run Tests 
-        run: npm run test:coverage
+        run: npm run test:ci
 
       - name: Run Build 
         run: npm run build

.github/workflows/pr.yml

@@ -19,8 +19,11 @@ jobs:
       - name: Install Dependencies
         run: npm i
 
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
       - name: Run Tests 
-        run: npm run test:coverage
+        run: npm run test:ci
 
       - name: Run Build 
         run: npm run build

.gitignore

@@ -11,7 +11,7 @@
 _test-output
 
 # production
-/build
+/dist
 
 # misc
 .DS_Store

.storybook/main.js

@@ -1,60 +1,20 @@
-const path = require('path');
-
-const appRoot = path.resolve(__dirname, '..');
-
-function root() {
-    const newArgs = Array.prototype.slice.call(arguments, 0);
-
-    return path.join.apply(path, [appRoot].concat(newArgs));
-}
-
-const plugins = {
-    // https://github.com/dividab/tsconfig-paths-webpack-plugin
-    TsconfigPathsPlugin: require('tsconfig-paths-webpack-plugin')
-};
-
 module.exports = {
     stories: [
         '../src/**/*.stories.mdx',
         '../src/**/*.stories.@(js|jsx|ts|tsx)'
     ],
+
     addons: [
         '@storybook/addon-links',
         '@storybook/addon-essentials'
     ],
-    core: {
-        builder: 'webpack5'
-    },
-    framework: '@storybook/react',
-    webpackFinal: async (config) => {
-        // https://github.com/storybookjs/storybook/issues/12019
-        config.module.rules[0].use[0].options.plugins = [
-            ['@babel/proposal-class-properties', { 'loose': true }]
-        ];
-
-        config.module.rules.push({
-            test: /\.scss$/,
-            use: [{
-                loader: 'style-loader',
-            }, {
-                loader: 'css-loader',
-            }, {
-                loader: 'sass-loader',
-                options: {
-                    sourceMap: true,
-                },
-            }],
-        });
 
-        config.resolve.modules.push(root('src'));
-        config.resolve.modules.push(root('src', 'style'));
-
-        config.resolve.plugins = [
-            new plugins.TsconfigPathsPlugin({
-                configFile: root('tsconfig.json')
-            }),
-        ];
+    framework: {
+        name: '@storybook/react-vite',
+        options: {}
+    },
 
-        return config;
+    docs: {
+        autodocs: true
     }
 }

Dockerfile.build

@@ -11,7 +11,7 @@ RUN npm install --loglevel=error
 COPY . .
 
 # Test Frontend
-RUN npm run test:coverage
+RUN npm run test:ci
 
 # Build Frontend
 RUN npm run build