fix: fix windows build command basign on --mode [mode] flag (#5841)

* fix: fix windows build command basign on --mode [mode] flag

* fix: adjust scripts basing on Vite modes docs;remove cross-env package;

* fix: revert pnpm-lock.yaml

* fix: fix unintentional pnpm-lock.yaml changes

Author: sohaieb

packages/agentflow/package.json

@@ -44,10 +44,10 @@
         "*.css"
     ],
     "scripts": {
-        "build": "tsc && cross-env NODE_ENV=production vite build",
+        "build": "tsc && vite build",
         "clean": "rimraf dist",
-        "dev": "cross-env NODE_ENV=development vite",
-        "dev:example": "cross-env NODE_ENV=development vite --config examples/vite.config.ts",
+        "dev": "vite",
+        "dev:example": "vite --config examples/vite.config.ts",
         "format": "prettier --write \"{src,examples}/**/*.{ts,tsx,js,jsx,json,css,md}\"",
         "format:check": "prettier --check \"{src,examples}/**/*.{ts,tsx,js,jsx,json,css,md}\"",
         "lint": "eslint \"{src,examples/src}/**/*.{js,jsx,ts,tsx,json,md}\"",
@@ -89,7 +89,6 @@
         "eslint-plugin-simple-import-sort": "^12.0.0",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
-        "cross-env": "^7.0.3",
         "rimraf": "^5.0.5",
         "ts-jest": "^29.3.2",
         "typescript": "^5.4.5",

packages/agentflow/vite.config.ts

@@ -3,59 +3,61 @@ import react from '@vitejs/plugin-react'
 import dts from 'vite-plugin-dts'
 import { resolve } from 'path'
 
-const isDev = process.env.NODE_ENV === 'development'
+export default defineConfig(({ mode }) => {
+    const isDev = mode === 'development'
 
-export default defineConfig({
-    plugins: [
-        react(),
-        dts({
-            insertTypesEntry: true,
-            include: ['src/**/*'],
-            exclude: ['src/**/*.test.ts', 'src/**/*.test.tsx', 'src/__test_utils__/**']
-        })
-    ],
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, 'src')
-        }
-    },
-    build: {
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            name: 'FlowiseAgentflow',
-            formats: ['es', 'umd'],
-            fileName: (format) => `index.${format === 'es' ? 'js' : 'umd.js'}`
-        },
-        rollupOptions: {
-            external: [
-                'react',
-                'react-dom',
-                'react/jsx-runtime',
-                '@mui/material',
-                '@mui/material/styles',
-                '@mui/icons-material',
-                '@emotion/react',
-                '@emotion/styled',
-                'reactflow'
-            ],
-            output: {
-                globals: {
-                    react: 'React',
-                    'react-dom': 'ReactDOM',
-                    'react/jsx-runtime': 'jsxRuntime',
-                    '@mui/material': 'MaterialUI',
-                    '@mui/material/styles': 'MaterialUIStyles',
-                    '@emotion/react': 'emotionReact',
-                    '@emotion/styled': 'emotionStyled',
-                    reactflow: 'ReactFlow'
-                },
-                assetFileNames: (assetInfo) => {
-                    if (assetInfo.name === 'style.css') return 'flowise.css'
-                    return assetInfo.name || 'asset'
-                }
+    return {
+        plugins: [
+            react(),
+            dts({
+                insertTypesEntry: true,
+                include: ['src/**/*'],
+                exclude: ['src/**/*.test.ts', 'src/**/*.test.tsx', 'src/__test_utils__/**']
+            })
+        ],
+        resolve: {
+            alias: {
+                '@': resolve(__dirname, 'src')
             }
         },
-        cssCodeSplit: false,
-        sourcemap: isDev ? true : false
+        build: {
+            lib: {
+                entry: resolve(__dirname, 'src/index.ts'),
+                name: 'FlowiseAgentflow',
+                formats: ['es', 'umd'],
+                fileName: (format) => `index.${format === 'es' ? 'js' : 'umd.js'}`
+            },
+            rollupOptions: {
+                external: [
+                    'react',
+                    'react-dom',
+                    'react/jsx-runtime',
+                    '@mui/material',
+                    '@mui/material/styles',
+                    '@mui/icons-material',
+                    '@emotion/react',
+                    '@emotion/styled',
+                    'reactflow'
+                ],
+                output: {
+                    globals: {
+                        react: 'React',
+                        'react-dom': 'ReactDOM',
+                        'react/jsx-runtime': 'jsxRuntime',
+                        '@mui/material': 'MaterialUI',
+                        '@mui/material/styles': 'MaterialUIStyles',
+                        '@emotion/react': 'emotionReact',
+                        '@emotion/styled': 'emotionStyled',
+                        reactflow: 'ReactFlow'
+                    },
+                    assetFileNames: (assetInfo) => {
+                        if (assetInfo.name === 'style.css') return 'flowise.css'
+                        return assetInfo.name || 'asset'
+                    }
+                }
+            },
+            cssCodeSplit: false,
+            sourcemap: isDev ? true : false
+        }
     }
 })