@vendure/dashboard 3.6.0-minor-202511061555 → 3.6.0-minor-202512161454

package/dist/plugin/constants.js

@@ -7,6 +7,6 @@ exports.DEFAULT_APP_PATH = (0, path_1.join)(__dirname, 'dist');
 exports.loggerCtx = 'DashboardPlugin';
 exports.defaultLanguage = 'en';
 exports.defaultLocale = undefined;
-exports.defaultAvailableLanguages = ['en', 'de', 'es', 'cs', 'zh_Hans', 'pt_BR', 'pt_PT', 'zh_Hant'];
-exports.defaultAvailableLocales = ['en-US', 'de-DE', 'es-ES', 'zh-CN', 'zh-TW', 'pt-BR', 'pt-PT'];
+exports.defaultAvailableLanguages = ['en', 'de', 'es', 'cs', 'zh_Hans', 'pt_BR', 'pt_PT', 'zh_Hant', 'bg'];
+exports.defaultAvailableLocales = ['en-US', 'de-DE', 'es-ES', 'zh-CN', 'zh-TW', 'pt-BR', 'pt-PT', 'bg_BG'];
 exports.manageDashboardGlobalViews = new core_1.RwPermissionDefinition('DashboardGlobalViews');

package/dist/vite/constants.js

@@ -23,6 +23,7 @@ export const defaultAvailableLanguages = [
     LanguageCode.sv,
     LanguageCode.nb,
     LanguageCode.tr,
+    LanguageCode.bg,
 ];
 export const defaultAvailableLocales = [
     'AF',

package/dist/vite/utils/compiler.d.ts

@@ -9,6 +9,7 @@ export interface CompilerOptions {
     pathAdapter?: PathAdapter;
     logger?: Logger;
     pluginPackageScanner?: PackageScannerConfig;
+    module?: 'commonjs' | 'esm';
 }
 export interface CompileResult {
     vendureConfig: VendureConfig;

package/dist/vite/utils/compiler.js

@@ -16,7 +16,7 @@ const defaultPathAdapter = {
  * and in node_modules.
  */
 export async function compile(options) {
-    var _a, _b;
+    var _a, _b, _c;
     const { vendureConfigPath, outputPath, pathAdapter, logger = noopLogger, pluginPackageScanner } = options;
     const getCompiledConfigPath = (_a = pathAdapter === null || pathAdapter === void 0 ? void 0 : pathAdapter.getCompiledConfigPath) !== null && _a !== void 0 ? _a : defaultPathAdapter.getCompiledConfigPath;
     const transformTsConfigPathMappings = (_b = pathAdapter === null || pathAdapter === void 0 ? void 0 : pathAdapter.transformTsConfigPathMappings) !== null && _b !== void 0 ? _b : defaultPathAdapter.transformTsConfigPathMappings;
@@ -29,6 +29,7 @@ export async function compile(options) {
         outputPath,
         logger,
         transformTsConfigPathMappings,
+        module: (_c = options.module) !== null && _c !== void 0 ? _c : 'commonjs',
     });
     logger.info(`TypeScript compilation completed in ${Date.now() - compileStart}ms`);
     // 2. Discover plugins
@@ -49,7 +50,7 @@ export async function compile(options) {
         configFileName,
     })).href.replace(/.ts$/, '.js');
     // Create package.json with type commonjs
-    await fs.writeFile(path.join(outputPath, 'package.json'), JSON.stringify({ type: 'commonjs', private: true }, null, 2));
+    await fs.writeFile(path.join(outputPath, 'package.json'), JSON.stringify({ type: options.module === 'esm' ? 'module' : 'commonjs', private: true }, null, 2));
     // Find the exported config symbol
     const sourceFile = ts.createSourceFile(vendureConfigPath, await fs.readFile(vendureConfigPath, 'utf-8'), ts.ScriptTarget.Latest, true);
     const exportedSymbolName = findConfigExport(sourceFile);
@@ -80,14 +81,14 @@ export async function compile(options) {
 /**
  * Compiles TypeScript files to JavaScript
  */
-async function compileTypeScript({ inputPath, outputPath, logger, transformTsConfigPathMappings, }) {
+async function compileTypeScript({ inputPath, outputPath, logger, transformTsConfigPathMappings, module, }) {
     var _a;
     await fs.ensureDir(outputPath);
     // Find tsconfig paths first
     const tsConfigInfo = await findTsConfigPaths(inputPath, logger, 'compiling', transformTsConfigPathMappings);
     const compilerOptions = {
         target: ts.ScriptTarget.ES2020,
-        module: ts.ModuleKind.CommonJS,
+        module: module === 'esm' ? ts.ModuleKind.ESNext : ts.ModuleKind.CommonJS,
         moduleResolution: ts.ModuleResolutionKind.Node10, // More explicit CJS resolution
         experimentalDecorators: true,
         emitDecoratorMetadata: true,

package/dist/vite/utils/get-dashboard-paths.d.ts

@@ -0,0 +1,5 @@
+import { PluginInfo } from '../types.js';
+/**
+ * Returns an array of the paths to plugins, based on the info provided by the ConfigLoaderApi.
+ */
+export declare function getDashboardPaths(pluginInfo: PluginInfo[]): string[];

package/dist/vite/utils/get-dashboard-paths.js

@@ -0,0 +1,20 @@
+import path from 'path';
+/**
+ * Returns an array of the paths to plugins, based on the info provided by the ConfigLoaderApi.
+ */
+export function getDashboardPaths(pluginInfo) {
+    var _a;
+    return ((_a = pluginInfo === null || pluginInfo === void 0 ? void 0 : pluginInfo.flatMap(({ dashboardEntryPath, sourcePluginPath, pluginPath }) => {
+        if (!dashboardEntryPath) {
+            return [];
+        }
+        const sourcePaths = [];
+        if (sourcePluginPath) {
+            sourcePaths.push(path.join(path.dirname(sourcePluginPath), path.dirname(dashboardEntryPath)));
+        }
+        if (pluginPath) {
+            sourcePaths.push(path.join(path.dirname(pluginPath), path.dirname(dashboardEntryPath)));
+        }
+        return sourcePaths;
+    }).filter(x => x != null)) !== null && _a !== void 0 ? _a : []);
+}

package/dist/vite/vite-plugin-dashboard-metadata.js

@@ -1,4 +1,5 @@
 import path from 'path';
+import { pathToFileURL } from 'node:url';
 import { getConfigLoaderApi } from './vite-plugin-config-loader.js';
 const virtualModuleId = 'virtual:dashboard-extensions';
 const resolvedVirtualModuleId = `\0${virtualModuleId}`;
@@ -50,7 +51,7 @@ export function dashboardMetadataPlugin() {
                     export async function runDashboardExtensions() {
                         ${pluginsWithExtensions
                     .map(extension => {
-                    return `await import(\`${extension}\`);`;
+                    return `await import(\`${pathToFileURL(extension)}\`);`;
                 })
                     .join('\n')}
                 }`;

package/dist/vite/vite-plugin-tailwind-source.js

@@ -1,4 +1,4 @@
-import path from 'path';
+import { getDashboardPaths } from './utils/get-dashboard-paths.js';
 import { getConfigLoaderApi } from './vite-plugin-config-loader.js';
 /**
  * This Vite plugin transforms the `app/styles.css` file to include a `@source` directive
@@ -16,25 +16,12 @@ export function dashboardTailwindSourcePlugin() {
             configLoaderApi = getConfigLoaderApi(plugins);
         },
         async transform(src, id) {
-            var _a;
             if (/app\/styles.css$/.test(id)) {
                 if (!loadVendureConfigResult) {
                     loadVendureConfigResult = await configLoaderApi.getVendureConfig();
                 }
                 const { pluginInfo } = loadVendureConfigResult;
-                const dashboardExtensionDirs = (_a = pluginInfo === null || pluginInfo === void 0 ? void 0 : pluginInfo.flatMap(({ dashboardEntryPath, sourcePluginPath, pluginPath }) => {
-                    if (!dashboardEntryPath) {
-                        return [];
-                    }
-                    const sourcePaths = [];
-                    if (sourcePluginPath) {
-                        sourcePaths.push(path.join(path.dirname(sourcePluginPath), path.dirname(dashboardEntryPath)));
-                    }
-                    if (pluginPath) {
-                        sourcePaths.push(path.join(path.dirname(pluginPath), path.dirname(dashboardEntryPath)));
-                    }
-                    return sourcePaths;
-                }).filter(x => x != null)) !== null && _a !== void 0 ? _a : [];
+                const dashboardExtensionDirs = getDashboardPaths(pluginInfo);
                 const sources = dashboardExtensionDirs
                     .map(extension => {
                     return `@source '${extension}';`;

package/dist/vite/vite-plugin-translations.d.ts

@@ -16,7 +16,16 @@ export interface TranslationsPluginOptions {
 }
 /**
  * @description
- * This Vite plugin compiles
+ * This Vite plugin compiles the source .po files into JS bundles that can be loaded statically.
+ *
+ * It handles 2 modes: dev and build.
+ *
+ * - The dev case is handled in the `load` function using Vite virtual
+ * modules to compile and return translations from plugins _only_, which then get merged with the built-in
+ * translations in the `loadI18nMessages` function
+ * - The build case loads both built-in and plugin translations, merges them, and outputs the compiled
+ * files as .js files that can be statically consumed by the built app.
+ *
  * @param options
  */
 export declare function translationsPlugin(options: TranslationsPluginOptions): Plugin;

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

@@ -1,62 +1,82 @@
 import { createCompilationErrorMessage, createCompiledCatalog, getCatalogForFile, getCatalogs, } from '@lingui/cli/api';
 import { getConfig } from '@lingui/conf';
+import glob from 'fast-glob';
 import * as fs from 'fs';
 import * as path from 'path';
+import { getDashboardPaths } from './utils/get-dashboard-paths.js';
+import { getConfigLoaderApi } from './vite-plugin-config-loader.js';
+const virtualModuleId = 'virtual:plugin-translations';
+const resolvedVirtualModuleId = `\0${virtualModuleId}`;
 /**
  * @description
- * This Vite plugin compiles
+ * This Vite plugin compiles the source .po files into JS bundles that can be loaded statically.
+ *
+ * It handles 2 modes: dev and build.
+ *
+ * - The dev case is handled in the `load` function using Vite virtual
+ * modules to compile and return translations from plugins _only_, which then get merged with the built-in
+ * translations in the `loadI18nMessages` function
+ * - The build case loads both built-in and plugin translations, merges them, and outputs the compiled
+ * files as .js files that can be statically consumed by the built app.
+ *
  * @param options
  */
 export function translationsPlugin(options) {
-    const { externalPoFiles = [], localesDir = 'src/i18n/locales', outputPath = 'assets/i18n' } = options;
-    const linguiConfig = getConfig({ configPath: path.join(options.packageRoot, 'lingui.config.js') });
-    const catalogsPromise = getCatalogs(linguiConfig);
-    async function compileTranslations(files, emitFile) {
-        const catalogs = await catalogsPromise;
-        for (const file of files) {
-            const catalogRelativePath = path.relative(options.packageRoot, file.path);
-            const fileCatalog = getCatalogForFile(catalogRelativePath, catalogs);
-            const { locale, catalog } = fileCatalog;
-            const { messages } = await catalog.getTranslations(locale, {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                fallbackLocales: { default: linguiConfig.sourceLocale },
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                sourceLocale: linguiConfig.sourceLocale,
-            });
-            const { source: code, errors } = createCompiledCatalog(locale, messages, {
-                namespace: 'es',
-                pseudoLocale: linguiConfig.pseudoLocale,
-            });
-            if (errors.length) {
-                const message = createCompilationErrorMessage(locale, errors);
-                throw new Error(message +
-                    `These errors fail build because \`failOnCompileError=true\` in Lingui Vite plugin configuration.`);
-            }
-            // Emit the compiled JavaScript file to the build output
-            const outputFileName = path.posix.join(outputPath, `${locale}.js`);
-            emitFile({
-                type: 'asset',
-                fileName: outputFileName,
-                source: code,
-            });
-        }
-    }
+    let configLoaderApi;
+    let loadVendureConfigResult;
     return {
         name: 'vendure:compile-translations',
+        configResolved({ plugins }) {
+            configLoaderApi = getConfigLoaderApi(plugins);
+        },
+        resolveId(id) {
+            if (id === virtualModuleId) {
+                return resolvedVirtualModuleId;
+            }
+        },
+        async load(id) {
+            if (id === resolvedVirtualModuleId) {
+                this.debug('Loading plugin translations...');
+                if (!loadVendureConfigResult) {
+                    loadVendureConfigResult = await configLoaderApi.getVendureConfig();
+                }
+                const { pluginInfo } = loadVendureConfigResult;
+                const pluginTranslations = await getPluginTranslations(pluginInfo);
+                const linguiConfig = getConfig({
+                    configPath: path.join(options.packageRoot, 'lingui.config.js'),
+                });
+                const catalogs = await getLinguiCatalogs(linguiConfig, pluginTranslations);
+                const pluginFiles = pluginTranslations.flatMap(translation => translation.translations);
+                const mergedMessageMap = await createMergedMessageMap({
+                    files: pluginFiles,
+                    packageRoot: options.packageRoot,
+                    catalogs,
+                    sourceLocale: linguiConfig.sourceLocale,
+                });
+                return `
+                    const translations = {
+                        ${[...mergedMessageMap.entries()]
+                    .map(([locale, messages]) => {
+                    const safeLocale = locale.replace(/-/g, '_');
+                    return `${safeLocale}: ${JSON.stringify(messages)}`;
+                })
+                    .join(',\n')}
+                    };
+                    export default translations;
+                `;
+            }
+        },
+        // This runs at build-time only
         async generateBundle() {
             // This runs during the bundle generation phase - emit files directly to build output
             try {
-                const resolvedLocalesDir = path.resolve(options.packageRoot, localesDir);
-                // Get all built-in .po files
-                const builtInFiles = fs
-                    .readdirSync(resolvedLocalesDir)
-                    .filter(file => file.endsWith('.po'))
-                    .map(file => ({
-                    name: file,
-                    path: path.join(resolvedLocalesDir, file),
-                }));
-                await compileTranslations(builtInFiles, this.emitFile);
-                this.info(`✓ Processed ${builtInFiles.length} translation files to ${outputPath}`);
+                const { pluginInfo } = await configLoaderApi.getVendureConfig();
+                // Get any plugin-provided .po files
+                const pluginTranslations = await getPluginTranslations(pluginInfo);
+                const pluginTranslationFiles = pluginTranslations.flatMap(p => p.translations);
+                this.info(`Found ${pluginTranslationFiles.length} translation files from plugins`);
+                this.debug(pluginTranslationFiles.join('\n'));
+                await compileTranslations(options, pluginTranslations, this.emitFile);
             }
             catch (error) {
                 this.error(`Translation plugin error: ${error instanceof Error ? error.message : String(error)}`);
@@ -64,3 +84,94 @@ export function translationsPlugin(options) {
         },
     };
 }
+async function getPluginTranslations(pluginInfo) {
+    const dashboardPaths = getDashboardPaths(pluginInfo);
+    const pluginTranslations = [];
+    for (const dashboardPath of dashboardPaths) {
+        const poPatterns = path.join(dashboardPath, '**/*.po');
+        const translations = await glob(poPatterns, {
+            ignore: [
+                // Standard test & doc files
+                '**/node_modules/**/node_modules/**',
+                '**/*.spec.js',
+                '**/*.test.js',
+            ],
+            onlyFiles: true,
+            absolute: true,
+            followSymbolicLinks: false,
+            stats: false,
+        });
+        pluginTranslations.push({
+            pluginRootPath: dashboardPath,
+            translations,
+        });
+    }
+    return pluginTranslations;
+}
+async function compileTranslations(options, pluginTranslations, emitFile) {
+    const { localesDir = 'src/i18n/locales', outputPath = 'assets/i18n' } = options;
+    const linguiConfig = getConfig({ configPath: path.join(options.packageRoot, 'lingui.config.js') });
+    const resolvedLocalesDir = path.resolve(options.packageRoot, localesDir);
+    const catalogs = await getLinguiCatalogs(linguiConfig, pluginTranslations);
+    // Get all built-in .po files
+    const builtInFiles = fs
+        .readdirSync(resolvedLocalesDir)
+        .filter(file => file.endsWith('.po'))
+        .map(file => path.join(resolvedLocalesDir, file));
+    const pluginFiles = pluginTranslations.flatMap(translation => translation.translations);
+    const mergedMessageMap = await createMergedMessageMap({
+        files: [...builtInFiles, ...pluginFiles],
+        packageRoot: options.packageRoot,
+        catalogs,
+        sourceLocale: linguiConfig.sourceLocale,
+    });
+    for (const [locale, messages] of mergedMessageMap.entries()) {
+        const { source: code, errors } = createCompiledCatalog(locale, messages, {
+            namespace: 'es',
+            pseudoLocale: linguiConfig.pseudoLocale,
+        });
+        if (errors.length) {
+            const message = createCompilationErrorMessage(locale, errors);
+            throw new Error(message +
+                `These errors fail build because \`failOnCompileError=true\` in Lingui Vite plugin configuration.`);
+        }
+        // Emit the compiled JavaScript file to the build output
+        const outputFileName = path.posix.join(outputPath, `${locale}.js`);
+        emitFile({
+            type: 'asset',
+            fileName: outputFileName,
+            source: code,
+        });
+    }
+}
+async function getLinguiCatalogs(linguiConfig, pluginTranslations) {
+    var _a, _b, _c;
+    for (const pluginTranslation of pluginTranslations) {
+        if (pluginTranslation.translations.length === 0) {
+            continue;
+        }
+        (_a = linguiConfig.catalogs) === null || _a === void 0 ? void 0 : _a.push({
+            path: (_c = (_b = pluginTranslation.translations[0]) === null || _b === void 0 ? void 0 : _b.replace(/[a-z_-]+\.po$/, '{locale}')) !== null && _c !== void 0 ? _c : '',
+            include: [],
+        });
+    }
+    return getCatalogs(linguiConfig);
+}
+async function createMergedMessageMap({ files, packageRoot, catalogs, sourceLocale, }) {
+    var _a;
+    const mergedMessageMap = new Map();
+    for (const file of files) {
+        const catalogRelativePath = path.relative(packageRoot, file);
+        const fileCatalog = getCatalogForFile(catalogRelativePath, catalogs);
+        const { locale, catalog } = fileCatalog;
+        const { messages } = await catalog.getTranslations(locale, {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            fallbackLocales: { default: sourceLocale },
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            sourceLocale: sourceLocale,
+        });
+        const mergedMessages = (_a = mergedMessageMap.get(locale)) !== null && _a !== void 0 ? _a : {};
+        mergedMessageMap.set(locale, Object.assign(Object.assign({}, mergedMessages), messages));
+    }
+    return mergedMessageMap;
+}

package/dist/vite/vite-plugin-vendure-dashboard.d.ts

@@ -77,6 +77,18 @@ export type VitePluginVendureDashboardOptions = {
      * the location based on the location of the `@vendure/core` package.
      */
     pluginPackageScanner?: PackageScannerConfig;
+    /**
+     * @description
+     * Allows you to specify the module system to use when compiling and loading your Vendure config.
+     * By default, the compiler will use CommonJS, but you can set it to `esm` if you are using
+     * ES Modules in your Vendure project.
+     *
+     * **Status** Developer preview. If you are using ESM please try this out and provide us with feedback!
+     *
+     * @since 3.5.1
+     * @default 'commonjs'
+     */
+    module?: 'commonjs' | 'esm';
     /**
      * @description
      * Allows you to selectively disable individual plugins.

package/dist/vite/vite-plugin-vendure-dashboard.js

@@ -76,6 +76,7 @@ export function vendureDashboardPlugin(options) {
                 outputPath: tempDir,
                 pathAdapter: options.pathAdapter,
                 pluginPackageScanner: options.pluginPackageScanner,
+                module: options.module,
             }),
         },
         {

package/lingui.config.js

@@ -25,6 +25,7 @@ export default defineConfig({
         'sv',
         'tr',
         'ja',
+        'bg'
     ],
     catalogs: [
         {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.6.0-minor-202511061555",
+    "version": "3.6.0-minor-202512161454",
     "type": "module",
     "repository": {
         "type": "git",
@@ -14,10 +14,11 @@
     },
     "scripts": {
         "dev": "vite",
+        "check-types": "tsc --project tsconfig.check.json --noEmit",
         "build:standalone": "vite build",
         "build:vite": "tsc --project tsconfig.vite.json",
         "build:plugin": "tsc --project tsconfig.plugin.json && node scripts/build-plugin.js",
-        "build": "npm run build:vite && npm run build:plugin",
+        "build": "npm run check-types && npm run build:vite && npm run build:plugin",
         "watch": "tsc --project tsconfig.vite.json --watch",
         "test": "vitest run",
         "lint": "eslint .",
@@ -63,7 +64,7 @@
         "@lingui/cli": "^5.5.0",
         "@lingui/core": "^5.5.0",
         "@lingui/react": "^5.5.0",
-        "@lingui/swc-plugin": "^5.6.1",
+        "@lingui/swc-plugin": "5.6.1",
         "@lingui/vite-plugin": "^5.5.0",
         "@radix-ui/react-accordion": "^1.2.11",
         "@radix-ui/react-alert-dialog": "^1.1.14",
@@ -155,8 +156,8 @@
         "@storybook/addon-vitest": "^10.0.0-beta.9",
         "@storybook/react-vite": "^10.0.0-beta.9",
         "@types/node": "^22.13.4",
-        "@vendure/common": "^3.6.0-minor-202511061555",
-        "@vendure/core": "^3.6.0-minor-202511061555",
+        "@vendure/common": "^3.6.0-minor-202512161454",
+        "@vendure/core": "^3.6.0-minor-202512161454",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "eslint": "^9.19.0",
@@ -172,6 +173,5 @@
     "optionalDependencies": {
         "lightningcss-linux-arm64-musl": "^1.29.3",
         "lightningcss-linux-x64-musl": "^1.29.1"
-    },
-    "gitHead": "65e9f71bcdab9ad062707d63d6d7de99547c8970"
+    }
 }