feat: sync and update with all changes from fork (#720)

* feat: sync and update with all changes from fork * refactor: extract clipboard copy logic into custom hook * fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers * refactor(ui-tests): replace fixed sleeps with condition-based waits * fix: handle null values for size and granteeCount in infoGroups * fix(lint): add newline at end of file in useClipboardCopy hook * fix(ui-tests): page.goto URL * refactor: update import paths for useClipboardCopy --------- Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>
2026-03-02 11:34:39 +01:00
parent b0f00a624a
commit 519c411db0
303 changed files with 16609 additions and 29415 deletions
@@ -0,0 +1,108 @@
+import path from 'path'
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import dts from 'vite-plugin-dts'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+
+const DEFAULT_VITE_DEV_PORT = 3002
+
+export default defineConfig(({ mode }) => {
+  const isProd = mode === 'production'
+  const isComponentBuild = process.env.BUILD_MODE === 'component'
+
+  if (isComponentBuild) {
+    return {
+      build: {
+        lib: {
+          entry: path.resolve(__dirname, 'src/App.tsx'),
+          name: 'beeDashboard',
+          fileName: format => `App.${format === 'es' ? 'js' : 'cjs.js'}`,
+          formats: ['es', 'cjs'],
+        },
+        sourcemap: !isProd,
+        minify: false,
+        outDir: 'lib',
+        rollupOptions: {
+          external: ['react', 'react-dom'],
+          output: {
+            globals: {
+              react: 'React',
+              'react-dom': 'ReactDOM',
+            },
+            assetFileNames: (assetInfo: any) => {
+              if (assetInfo.originalFileNames?.includes('style.css') || assetInfo.names?.includes('bee-dashboard.css'))
+                return 'App.css'
+              return assetInfo.names?.[0] || 'asset'
+            },
+          },
+        },
+      },
+      plugins: [
+        react(),
+        dts({
+          exclude: ['**/tests/**', 'src/index.tsx'],
+          outDir: 'lib',
+          entryRoot: 'src',
+          tsconfigPath: './tsconfig.lib.json',
+        }),
+      ],
+      resolve: {
+        alias: {
+          '@': path.resolve(__dirname, 'src'),
+        },
+        extensions: ['.ts', '.tsx', '.js', '.jsx', '.css', '.scss'],
+      },
+    }
+  }
+
+  return {
+    plugins: [
+      react(),
+      nodePolyfills({
+        include: ['util', 'buffer'],
+        globals: {
+          Buffer: true,
+          global: true,
+          process: true,
+        },
+      }),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
+      extensions: ['.ts', '.tsx', '.js', '.jsx', '.css', '.scss'],
+    },
+    optimizeDeps: {
+      // exclude: [], // add libs for local development, if needed, e.g.: @solarpunkltd/file-manager-lib
+    },
+    build: {
+      outDir: 'build',
+      sourcemap: !isProd,
+      commonjsOptions: {
+        transformMixedEsModules: true,
+      },
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            if (id.includes('node_modules')) {
+              if (id.includes('react') || id.includes('react-dom') || id.includes('@mui') || id.includes('@emotion'))
+                return 'vendor-react-mui'
+              if (id.includes('ethers') || id.includes('@ethersproject')) return 'vendor-ethers'
+              if (id.includes('@ethersphere/bee-js')) return 'vendor-bee-js'
+              if (id.includes('notistack')) return 'vendor-notistack'
+
+              // let Vite handle the rest
+            }
+          },
+        },
+      },
+    },
+    server: {
+      port: DEFAULT_VITE_DEV_PORT,
+      open: true,
+    },
+    publicDir: 'public',
+    assetsInclude: ['**/*.svg'],
+  }
+})