feat!: remove redux-bundler, full typescript

.aegir.js

@@ -1,14 +1,82 @@
+// import copy from 'esbuild-plugin-copy'
+import fs from 'node:fs'
+import path from 'node:path'
+
+const copyPlugin = ({ext}) => {
+  return {
+    name: `copy-${ext}`,
+    setup(build) {
+      const srcDir = 'src'
+      const destDir = 'dist/src'
+      build.onEnd(() => {
+        const copyFile = (src, dest) => {
+          fs.mkdirSync(path.dirname(dest), { recursive: true })
+          fs.copyFileSync(src, dest)
+        }
+
+        const walkDir = (dir, callback) => {
+          fs.readdirSync(dir).forEach(f => {
+            const dirPath = path.join(dir, f)
+            const isDirectory = fs.statSync(dirPath).isDirectory()
+            isDirectory ? walkDir(dirPath, callback) : callback(path.join(dir, f))
+          })
+        }
+
+        walkDir(srcDir, (filePath) => {
+          if (filePath.endsWith(`.${ext}`)) {
+            const relativePath = path.relative(srcDir, filePath)
+            const destPath = path.join(destDir, relativePath)
+            copyFile(filePath, destPath)
+          }
+        })
+      })
+    }
+  }
+}
 /** @type {import('aegir').PartialOptions} */
-module.exports = {
+export default {
+  // TODO: fix build and test with aegir
+  // test: {
+  //   build: false,
+  //   files: [
+  //     'dist/test/**/*.spec.{js,ts, jsx, tsx}',
+  //   ],
+  // },
+  build: {
+    config: {
+      inject: [
+        './src/lib/browser-shims.js'
+      ],
+      bundle: true,
+      loader: {
+        '.js': 'jsx',
+        '.ts': 'ts',
+        '.tsx': 'tsx',
+        '.jsx': 'jsx',
+        '.svg': 'text',
+        // '.css': 'css'
+        '.woff': 'file',
+        '.woff2': 'file',
+        '.eot': 'file',
+        '.otf': 'file',
+      },
+      platform: 'browser',
+      target: 'es2022',
+      format: 'esm',
+      metafile: true,
+      plugins: [
+        copyPlugin({ext: 'css'}),
+        copyPlugin({ext: 'svg'}),
+      ],
+    }
+  },
   lint: {
     files: [
-      // '!node_modules/**',
       'src/**/*.{js,jsx,ts,tsx}',
       'test/**/*.{js,jsx,ts,tsx}',
-      // 'src/**/*.tsx',
-      // 'src/**/*.js',
-      // 'src/**/*.jsx',
       'dev/**/*.{js,jsx,ts,tsx}',
+      // TODO: re-enable linting of stories.
+      '!src/**/*.stories.*',
     ]
   },
   dependencyCheck: {
@@ -19,28 +87,24 @@ module.exports = {
       'filesize',
       'react-inspector',
       'react-joyride',
+      'react-helmet',
 
       // storybook deps
+      '@chromatic-com/storybook',
       '@storybook/addon-actions',
       '@storybook/addon-coverage',
-      '@storybook/addon-essentials',
       '@storybook/addon-interactions',
       '@storybook/addon-links',
-      '@storybook/channels',
-      '@storybook/core-common',
-      '@storybook/core-events',
-      '@storybook/csf-plugin',
-      '@storybook/csf-tools',
-      '@storybook/docs-tools',
-      '@storybook/node-logger',
-      '@storybook/react-dom-shim',
       '@storybook/types',
 
       // problem with deps
       '@typescript-eslint/eslint-plugin',
 
       // scripts
       'wait-on',
+
+      // vite stuff
+      'rollup-plugin-node-polyfills',
     ],
     productionIgnorePatterns: [
       '.aegir.js',
@@ -49,7 +113,7 @@ module.exports = {
       'vitest.config.js',
       '/test',
       '.storybook',
-      'dist-vite'
+      '**/*.stories.*',
     ]
   }
 }

.storybook/main.ts

@@ -4,23 +4,32 @@ import { mergeConfig } from 'vite';
 import viteConfig from '../vite.config';
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
-    '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    '@storybook/addon-coverage'
+    '@storybook/addon-coverage',
+    '@chromatic-com/storybook'
   ],
+
   framework: {
     name: '@storybook/react-vite',
     options: {},
   },
-  docs: {
-    autodocs: 'tag',
-  },
-  async viteFinal(config) {
-    // Merge custom configuration into the default config
-    return mergeConfig(config, viteConfig);
+
+  // async viteFinal(config) {
+  //   // Merge custom configuration into the default config
+  //   return mergeConfig(config, viteConfig);
+  // },
+  typescript: {
+    // reactDocgen: 'react-docgen-typescript'
+    reactDocgen: false
+    // reactDocgenTypescriptOptions: {
+
+    // }
   },
+
+  // docs: {}
 };
 export default config;

.storybook/preview.ts

@@ -5,21 +5,12 @@ globalThis.Buffer = Buffer
 
 // import CSS files
 import 'ipfs-css'
-import 'react-virtualized/styles.css'
 import 'tachyons'
-import '../src/components/loader/Loader.css'
-import '../src/components/object-info/LinksTable.css'
+import '../src/components/loader/loader.css'
+import '../src/components/object-info/links-table.css'
 
 const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
+  // tags: ['autodocs']
 };
 
 export default preview;