@vendure/dashboard 3.3.4-master-202506181504 → 3.3.4-master-202506181834

package/dist/plugin/vite-plugin-config.js

@@ -2,16 +2,36 @@ import path from 'path';
 export function viteConfigPlugin({ packageRoot }) {
     return {
         name: 'vendure:vite-config-plugin',
-        config: (config) => {
-            var _a, _b, _c, _d;
+        config: (config, env) => {
+            var _a, _b, _c, _d, _e;
+            // Only set the vite `root` to the dashboard package when running the dev server.
+            // During a production build we still need to reference the dashboard source which
+            // lives in `node_modules`, but we don't want the build output to be emitted in there.
+            // Therefore we set `root` only for `serve` and, for `build`, we instead make sure that
+            // an `outDir` **outside** of `node_modules` is used (defaulting to the current working
+            // directory if the user did not provide one already).
             config.root = packageRoot;
+            // If we are building and no explicit outDir has been provided (or it is a relative path),
+            // set it to an **absolute** path relative to the cwd so that the output never ends up in
+            // `node_modules`.
+            if (env.command === 'build') {
+                const buildConfig = (_a = config.build) !== null && _a !== void 0 ? _a : {};
+                const hasOutDir = typeof buildConfig.outDir === 'string' && buildConfig.outDir.length > 0;
+                const outDirIsAbsolute = hasOutDir && path.isAbsolute(buildConfig.outDir);
+                const normalizedOutDir = hasOutDir
+                    ? outDirIsAbsolute
+                        ? buildConfig.outDir
+                        : path.resolve(process.cwd(), buildConfig.outDir)
+                    : path.resolve(process.cwd(), 'dist/vendure-dashboard');
+                config.build = Object.assign(Object.assign({}, buildConfig), { outDir: normalizedOutDir });
+            }
             config.resolve = {
-                alias: Object.assign(Object.assign({}, ((_b = (_a = config.resolve) === null || _a === void 0 ? void 0 : _a.alias) !== null && _b !== void 0 ? _b : {})), { '@': path.resolve(packageRoot, './src/lib') }),
+                alias: Object.assign(Object.assign({}, ((_c = (_b = config.resolve) === null || _b === void 0 ? void 0 : _b.alias) !== null && _c !== void 0 ? _c : {})), { '@': path.resolve(packageRoot, './src/lib') }),
             };
             // This is required to prevent Vite from pre-bundling the
             // dashboard source when it resides in node_modules.
             config.optimizeDeps = Object.assign(Object.assign({}, config.optimizeDeps), { exclude: [
-                    ...(((_c = config.optimizeDeps) === null || _c === void 0 ? void 0 : _c.exclude) || []),
+                    ...(((_d = config.optimizeDeps) === null || _d === void 0 ? void 0 : _d.exclude) || []),
                     '@vendure/dashboard',
                     '@/providers',
                     '@/framework',
@@ -26,7 +46,7 @@ export function viteConfigPlugin({ packageRoot }) {
                 // on lodash which is a CJS packages and _does_ require
                 // pre-bundling.
                 include: [
-                    ...(((_d = config.optimizeDeps) === null || _d === void 0 ? void 0 : _d.include) || []),
+                    ...(((_e = config.optimizeDeps) === null || _e === void 0 ? void 0 : _e.include) || []),
                     '@/components > recharts',
                     '@/components > react-dropzone',
                 ] });

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.3.4-master-202506181504",
+    "version": "3.3.4-master-202506181834",
     "type": "module",
     "repository": {
         "type": "git",
@@ -86,8 +86,8 @@
         "@types/react-dom": "^19.0.4",
         "@types/react-grid-layout": "^1.3.5",
         "@uidotdev/usehooks": "^2.4.1",
-        "@vendure/common": "^3.3.4-master-202506181504",
-        "@vendure/core": "^3.3.4-master-202506181504",
+        "@vendure/common": "^3.3.4-master-202506181834",
+        "@vendure/core": "^3.3.4-master-202506181834",
         "@vitejs/plugin-react": "^4.3.4",
         "awesome-graphql-client": "^2.1.0",
         "class-variance-authority": "^0.7.1",
@@ -130,5 +130,5 @@
         "lightningcss-linux-arm64-musl": "^1.29.3",
         "lightningcss-linux-x64-musl": "^1.29.1"
     },
-    "gitHead": "6b6d55f050655378698459826c8f4786e5648afb"
+    "gitHead": "78db619a3a32108f73408c0e8ecc1846c78529a0"
 }

package/vite/vite-plugin-config.ts

@@ -1,11 +1,39 @@
 import path from 'path';
-import { Plugin, UserConfig } from 'vite';
+import { ConfigEnv, Plugin, UserConfig } from 'vite';
 
 export function viteConfigPlugin({ packageRoot }: { packageRoot: string }): Plugin {
     return {
         name: 'vendure:vite-config-plugin',
-        config: (config: UserConfig) => {
+        config: (config: UserConfig, env: ConfigEnv) => {
+            // Only set the vite `root` to the dashboard package when running the dev server.
+            // During a production build we still need to reference the dashboard source which
+            // lives in `node_modules`, but we don't want the build output to be emitted in there.
+            // Therefore we set `root` only for `serve` and, for `build`, we instead make sure that
+            // an `outDir` **outside** of `node_modules` is used (defaulting to the current working
+            // directory if the user did not provide one already).
             config.root = packageRoot;
+
+            // If we are building and no explicit outDir has been provided (or it is a relative path),
+            // set it to an **absolute** path relative to the cwd so that the output never ends up in
+            // `node_modules`.
+            if (env.command === 'build') {
+                const buildConfig = config.build ?? {};
+
+                const hasOutDir = typeof buildConfig.outDir === 'string' && buildConfig.outDir.length > 0;
+                const outDirIsAbsolute = hasOutDir && path.isAbsolute(buildConfig.outDir as string);
+
+                const normalizedOutDir = hasOutDir
+                    ? outDirIsAbsolute
+                        ? (buildConfig.outDir as string)
+                        : path.resolve(process.cwd(), buildConfig.outDir as string)
+                    : path.resolve(process.cwd(), 'dist/vendure-dashboard');
+
+                config.build = {
+                    ...buildConfig,
+                    outDir: normalizedOutDir,
+                };
+            }
+
             config.resolve = {
                 alias: {
                     ...(config.resolve?.alias ?? {}),