Merge pull request #924 from datopian/fix-redeclaration-of-formal-parameter-error

[packages/components][m] - fix error on build

.changeset/clever-jeans-wonder.md

@@ -0,0 +1,5 @@
+---
+'@portaljs/components': patch
+---
+
+Fixed redeclaration of formal parameter "x" error after next build

packages/components/package.json

@@ -34,8 +34,10 @@
     "react-hook-form": "^7.43.9",
     "react-query": "^3.39.3",
     "react-vega": "^7.6.0",
+    "rollup-plugin-re": "^1.0.7",
     "vega": "5.25.0",
-    "vega-lite": "5.1.0"
+    "vega-lite": "5.1.0",
+    "vitest": "^0.31.4"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.0.7",

packages/components/vite.config.ts

@@ -1,15 +1,38 @@
-import react from '@vitejs/plugin-react';
+import react from '@vitejs/plugin-react'
-import path from 'node:path';
+import path from 'node:path'
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config'
-import dts from 'vite-plugin-dts';
+import dts from 'vite-plugin-dts'
+import tailwindcss from 'tailwindcss'
+import { UserConfigExport } from 'vite'
+import replace from "rollup-plugin-re"
 
-export default defineConfig({
+const app = async (): Promise<UserConfigExport> => {
+  return defineConfig({
     plugins: [
       react(),
+      replace({
+          patterns: [
+            {
+              match: /js-sha256/,
+              test: `eval("require('crypto')")`,
+              replace: `require('crypto')`,
+            },
+            {
+              match: /js-sha256/,
+              test: `eval("require('buffer').Buffer")`,
+              replace: `require('buffer').Buffer`,
+            },
+          ],
+        }),
       dts({
         insertTypesEntry: true,
       }),
     ],
+    css: {
+      postcss: {
+        plugins: [tailwindcss],
+      },
+    },
     build: {
       lib: {
         entry: path.resolve(__dirname, 'src/index.ts'),
@@ -18,13 +41,21 @@ export default defineConfig({
         fileName: (format) => `components.${format}.js`,
       },
       rollupOptions: {
-            external: ['react', 'react-dom', 'styled-components'],
+        external: ['react', 'react-dom', 'tailwindcss', 'vega-lite', 'vega', 'react-vega'],
         output: {
           globals: {
             react: 'React',
-                    'react-dom': 'ReactDOM'
+            'react-dom': 'ReactDOM',
+            tailwindcss: 'tailwindcss',
           },
         },
       },
     },
-});
+    test: {
+      globals: true,
+      environment: 'jsdom',
+    },
+  })
+}
+// https://vitejs.dev/config/
+export default app