@leandrosk/dashboard 3.5.5-fork.2

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

@@ -0,0 +1,130 @@
+const defaultVariables = {
+    light: {
+        background: 'oklch(1.0000 0 0)',
+        foreground: 'oklch(0.2103 0.0059 285.8852)',
+        card: 'oklch(1.0000 0 0)',
+        'card-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        popover: 'oklch(1.0000 0 0)',
+        'popover-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        primary: 'oklch(0.7613 0.1503 231.1314)',
+        'primary-foreground': 'oklch(0.261 0.043 218.379)',
+        secondary: 'oklch(0.9674 0.0013 286.3752)',
+        'secondary-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        muted: 'oklch(0.9674 0.0013 286.3752)',
+        'muted-foreground': 'oklch(0.5517 0.0138 285.9385)',
+        accent: 'oklch(0.9674 0.0013 286.3752)',
+        'accent-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        destructive: 'oklch(0.505 0.188 27.325)',
+        'destructive-foreground': 'oklch(0.9851 0 0)',
+        success: 'hsl(99deg 67.25% 33.2%)',
+        'success-foreground': 'hsl(0 0% 98%)',
+        'dev-mode': 'hsl(204, 76%, 62%)',
+        'dev-mode-foreground': 'hsl(0 0% 98%)',
+        border: 'oklch(0.9197 0.0040 286.3202)',
+        input: 'oklch(0.9197 0.0040 286.3202)',
+        ring: 'oklch(0.7613 0.1503 231.1314)',
+        'chart-1': 'oklch(0.7613 0.1503 231.1314)',
+        'chart-2': 'oklch(0.5575 0.2525 302.3212)',
+        'chart-3': 'oklch(0.5858 0.2220 17.5846)',
+        'chart-4': 'oklch(0.6658 0.1574 58.3183)',
+        'chart-5': 'oklch(0.6271 0.1699 149.2138)',
+        radius: '0.375rem',
+        sidebar: 'oklch(0.9674 0.0013 286.3752)',
+        'sidebar-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        'sidebar-primary': 'oklch(0.7613 0.1503 231.1314)',
+        'sidebar-primary-foreground': 'oklch(0.1408 0.0044 285.8229)',
+        'sidebar-accent': 'oklch(1.0000 0 0)',
+        'sidebar-accent-foreground': 'oklch(0.2103 0.0059 285.8852)',
+        'sidebar-border': 'oklch(0.9197 0.0040 286.3202)',
+        'sidebar-ring': 'oklch(0.7613 0.1503 231.1314)',
+        brand: '#17c1ff',
+        'brand-lighter': '#e6f9ff',
+        'brand-darker': '#0099ff',
+        'font-sans': 'Inter, sans-serif',
+        'font-mono': 'Geist Mono, monospace',
+    },
+    dark: {
+        background: 'oklch(0.1408 0.0044 285.8229)',
+        foreground: 'oklch(0.9851 0 0)',
+        card: 'oklch(0.2103 0.0059 285.8852)',
+        'card-foreground': 'oklch(0.9851 0 0)',
+        popover: 'oklch(0.2103 0.0059 285.8852)',
+        'popover-foreground': 'oklch(0.9851 0 0)',
+        primary: 'oklch(0.7613 0.1503 231.1314)',
+        'primary-foreground': 'oklch(0.1408 0.0044 285.8229)',
+        secondary: 'oklch(0.2739 0.0055 286.0326)',
+        'secondary-foreground': 'oklch(0.9851 0 0)',
+        muted: 'oklch(0.2739 0.0055 286.0326)',
+        'muted-foreground': 'oklch(0.7118 0.0129 286.0665)',
+        accent: 'oklch(0.2739 0.0055 286.0326)',
+        'accent-foreground': 'oklch(0.9851 0 0)',
+        destructive: 'oklch(0.4 0.15 27.11)',
+        'destructive-foreground': 'oklch(0.9851 0 0)',
+        success: 'hsl(100 76.42% 22.21%)',
+        'success-foreground': 'hsl(0 0% 98%)',
+        'dev-mode': 'hsl(204, 86%, 53%)',
+        'dev-mode-foreground': 'hsl(0 0% 98%)',
+        border: 'oklch(0.2739 0.0055 286.0326)',
+        input: 'oklch(0.2739 0.0055 286.0326)',
+        ring: 'oklch(0.7613 0.1503 231.1314)',
+        'chart-1': 'oklch(0.7613 0.1503 231.1314)',
+        'chart-2': 'oklch(0.6268 0.2325 303.9004)',
+        'chart-3': 'oklch(0.6450 0.2154 16.4393)',
+        'chart-4': 'oklch(0.7686 0.1647 70.0804)',
+        'chart-5': 'oklch(0.7227 0.1920 149.5793)',
+        sidebar: 'oklch(0.2 0 0)',
+        'sidebar-foreground': 'oklch(0.9851 0 0)',
+        'sidebar-primary': 'oklch(0.7613 0.1503 231.1314)',
+        'sidebar-primary-foreground': 'oklch(0.1408 0.0044 285.8229)',
+        'sidebar-accent': 'oklch(0.2739 0.0055 286.0326)',
+        'sidebar-accent-foreground': 'oklch(0.9851 0 0)',
+        'sidebar-border': 'oklch(0.2739 0.0055 286.0326)',
+        'sidebar-ring': 'oklch(0.7613 0.1503 231.1314)',
+        brand: '#17c1ff',
+        'brand-lighter': '#e6f9ff',
+        'brand-darker': '#0099ff',
+        'font-sans': 'Inter, sans-serif',
+        'font-mono': 'Geist Mono, monospace',
+    },
+};
+export function themeVariablesPlugin(options) {
+    const virtualModuleId = 'virtual:admin-theme';
+    const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+    return {
+        name: 'vendure:admin-theme',
+        enforce: 'pre', // This ensures our plugin runs before other CSS processors
+        transform(code, id) {
+            var _a, _b;
+            // Only transform CSS files
+            if (!id.endsWith('styles.css')) {
+                return null;
+            }
+            // Replace the @import 'virtual:admin-theme'; with our theme variables
+            if (code.includes('@import "virtual:admin-theme";') ||
+                code.includes("@import 'virtual:admin-theme';")) {
+                const lightTheme = ((_a = options.theme) === null || _a === void 0 ? void 0 : _a.light) || {};
+                const darkTheme = ((_b = options.theme) === null || _b === void 0 ? void 0 : _b.dark) || {};
+                // Merge default themes with custom themes
+                const mergedLightTheme = Object.assign(Object.assign({}, defaultVariables.light), lightTheme);
+                const mergedDarkTheme = Object.assign(Object.assign({}, defaultVariables.dark), darkTheme);
+                const themeCSS = `
+                    :root {
+                        ${Object.entries(mergedLightTheme)
+                    .filter(([key, value]) => value !== undefined)
+                    .map(([key, value]) => `--${key}: ${value};`)
+                    .join('\n')}
+                    }
+
+                    .dark {
+                        ${Object.entries(mergedDarkTheme)
+                    .filter(([key, value]) => value !== undefined)
+                    .map(([key, value]) => `--${key}: ${value};`)
+                    .join('\n')}
+                    }
+                `;
+                return code.replace(/@import ['"]virtual:admin-theme['"];?/, themeCSS);
+            }
+            return null;
+        },
+    };
+}

package/dist/vite/vite-plugin-transform-index.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from 'vite';
+/**
+ * @description
+ * This Vite plugin handles the scenario where the `base` path is set in the Vite config.
+ * The default Vite behavior is to prepend the `base` path to all `href` and `src` attributes in the HTML,
+ * but this causes the Vendure Dashboard not to load its assets correctly.
+ *
+ * This plugin removes the `base` path from all `href` and `src` attributes in the HTML,
+ * and adds a `<base>` tag to the `<head>` of the HTML document.
+ */
+export declare function transformIndexHtmlPlugin(): Plugin;

package/dist/vite/vite-plugin-transform-index.js

@@ -0,0 +1,40 @@
+/**
+ * @description
+ * This Vite plugin handles the scenario where the `base` path is set in the Vite config.
+ * The default Vite behavior is to prepend the `base` path to all `href` and `src` attributes in the HTML,
+ * but this causes the Vendure Dashboard not to load its assets correctly.
+ *
+ * This plugin removes the `base` path from all `href` and `src` attributes in the HTML,
+ * and adds a `<base>` tag to the `<head>` of the HTML document.
+ */
+export function transformIndexHtmlPlugin() {
+    let config;
+    return {
+        name: 'vendure:vite-config-transform-index-html',
+        configResolved(resolvedConfig) {
+            // store the resolved config
+            config = resolvedConfig;
+        },
+        // Only apply this plugin during the build phase
+        apply: 'build',
+        transformIndexHtml(html, ctx) {
+            // Don't transform Storybook HTML files
+            if (ctx.filename &&
+                (ctx.filename.includes('iframe.html') || ctx.filename.includes('storybook'))) {
+                return html;
+            }
+            if (config.base && config.base !== '/') {
+                // Remove the base path from hrefs and srcs
+                const basePath = config.base.replace(/\/$/, ''); // Remove trailing slash
+                // Single regex to handle both href and src attributes with any quote type
+                const attributeRegex = new RegExp(`(href|src)=(["'])${basePath}/?`, 'g');
+                let transformedHtml = html.replace(attributeRegex, '$1=$2');
+                // Add base tag to head
+                const baseTag = `        <base href="${config.base}">\n`;
+                transformedHtml = transformedHtml.replace(/<head>/, `<head>\n${baseTag}`);
+                return transformedHtml;
+            }
+            return html;
+        },
+    };
+}

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

@@ -0,0 +1,31 @@
+import type { Plugin } from 'vite';
+export interface TranslationsPluginOptions {
+    /**
+     * Array of paths to .po files to merge with built-in translations
+     */
+    externalPoFiles?: string[];
+    /**
+     * Path to the built-in locales directory
+     */
+    localesDir?: string;
+    /**
+     * Output path for merged translations within the build output (e.g., 'i18n')
+     */
+    outputPath?: string;
+    packageRoot: string;
+}
+/**
+ * @description
+ * 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

@@ -0,0 +1,177 @@
+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 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) {
+    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 { 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)}`);
+            }
+        },
+    };
+}
+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: [
+                // Skip nested node_modules (transitive deps) but not .pnpm or .bun directories.
+                '**/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-ui-config.d.ts

@@ -0,0 +1,181 @@
+import { LanguageCode } from '@vendure/core';
+import { Plugin } from 'vite';
+/**
+ * @description
+ * Options used by the {@link vendureDashboardPlugin} to configure how the Dashboard
+ * connects to the Vendure Admin API
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ */
+export interface ApiConfig {
+    /**
+     * @description
+     * The hostname of the Vendure server which the admin UI will be making API calls
+     * to. If set to "auto", the Admin UI app will determine the hostname from the
+     * current location (i.e. `window.location.hostname`).
+     *
+     * @default 'auto'
+     */
+    host?: string | 'auto';
+    /**
+     * @description
+     * The port of the Vendure server which the admin UI will be making API calls
+     * to. If set to "auto", the Admin UI app will determine the port from the
+     * current location (i.e. `window.location.port`).
+     *
+     * @default 'auto'
+     */
+    port?: number | 'auto';
+    /**
+     * @description
+     * The path to the GraphQL Admin API.
+     *
+     * @default 'admin-api'
+     */
+    adminApiPath?: string;
+    /**
+     * @description
+     * Whether to use cookies or bearer tokens to track sessions.
+     * Should match the setting of in the server's `tokenMethod` config
+     * option.
+     *
+     * @default 'cookie'
+     */
+    tokenMethod?: 'cookie' | 'bearer';
+    /**
+     * @description
+     * The header used when using the 'bearer' auth method. Should match the
+     * setting of the server's `authOptions.authTokenHeaderKey` config option.
+     *
+     * @default 'vendure-auth-token'
+     */
+    authTokenHeaderKey?: string;
+    /**
+     * @description
+     * The name of the header which contains the channel token. Should match the
+     * setting of the server's `apiOptions.channelTokenKey` config option.
+     *
+     * @default 'vendure-token'
+     */
+    channelTokenKey?: string;
+}
+/**
+ * @description
+ * Options used by the {@link vendureDashboardPlugin} to configure aspects of the
+ * Dashboard UI behaviour.
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ */
+export interface I18nConfig {
+    /**
+     * @description
+     * The default language for the Admin UI. Must be one of the
+     * items specified in the `availableLanguages` property.
+     *
+     * @default LanguageCode.en
+     */
+    defaultLanguage?: LanguageCode;
+    /**
+     * @description
+     * The default locale for the Admin UI. The locale affects the formatting of
+     * currencies & dates. Must be one of the items specified
+     * in the `availableLocales` property.
+     *
+     * If not set, the browser default locale will be used.
+     *
+     * @since 2.2.0
+     */
+    defaultLocale?: string;
+    /**
+     * @description
+     * An array of languages for which translations exist for the Admin UI.
+     */
+    availableLanguages?: LanguageCode[];
+    /**
+     * @description
+     * An array of locales to be used on Admin UI.
+     *
+     * @since 2.2.0
+     */
+    availableLocales?: string[];
+}
+/**
+ * @description
+ * Options used by the {@link vendureDashboardPlugin} to configure order-related
+ * Dashboard UI behaviour.
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ */
+export interface OrdersConfig {
+    /**
+     * @description
+     * An array of refund reasons to display in the refund order dialog.
+     * Each reason has a `value` (used as the identifier) and a `label` (displayed to the user).
+     * If not provided, default reasons will be used.
+     */
+    refundReasons?: Array<{
+        value: string;
+        label: string;
+    }>;
+}
+/**
+ * @description
+ * Options used by the {@link vendureDashboardPlugin} to configure aspects of the
+ * Dashboard UI behaviour.
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ */
+export interface UiConfigPluginOptions {
+    /**
+     * @description
+     * Configuration for API connection settings
+     */
+    api?: ApiConfig;
+    /**
+     * @description
+     * Configuration for internationalization settings
+     */
+    i18n?: I18nConfig;
+    /**
+     * @description
+     * Configuration for order-related settings
+     */
+    orders?: OrdersConfig;
+}
+/**
+ * @description
+ * The resolved UI configuration with all defaults applied.
+ * This is the type of the configuration object available at runtime.
+ */
+export interface ResolvedUiConfig {
+    /**
+     * @description
+     * API connection settings with all defaults applied
+     */
+    api: Required<ApiConfig>;
+    /**
+     * @description
+     * Internationalization settings with all defaults applied.
+     * Note: defaultLocale remains optional as it can be undefined.
+     */
+    i18n: Required<Omit<I18nConfig, 'defaultLocale'>> & Pick<I18nConfig, 'defaultLocale'>;
+    /**
+     * @description
+     * Order-related settings with all defaults applied
+     */
+    orders: Required<OrdersConfig>;
+}
+/**
+ * This Vite plugin scans the configured plugins for any dashboard extensions and dynamically
+ * generates an import statement for each one, wrapped up in a `runDashboardExtensions()`
+ * function which can then be imported and executed in the Dashboard app.
+ */
+export declare function uiConfigPlugin(options?: UiConfigPluginOptions): Plugin;

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

@@ -0,0 +1,36 @@
+import { getUiConfig } from './utils/ui-config.js';
+import { getConfigLoaderApi } from './vite-plugin-config-loader.js';
+const virtualModuleId = 'virtual:vendure-ui-config';
+const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+/**
+ * This Vite plugin scans the configured plugins for any dashboard extensions and dynamically
+ * generates an import statement for each one, wrapped up in a `runDashboardExtensions()`
+ * function which can then be imported and executed in the Dashboard app.
+ */
+export function uiConfigPlugin(options = {}) {
+    let configLoaderApi;
+    let vendureConfig;
+    return {
+        name: 'vendure:dashboard-ui-config',
+        configResolved({ plugins }) {
+            configLoaderApi = getConfigLoaderApi(plugins);
+        },
+        resolveId(id) {
+            if (id === virtualModuleId) {
+                return resolvedVirtualModuleId;
+            }
+        },
+        async load(id) {
+            if (id === resolvedVirtualModuleId) {
+                if (!vendureConfig) {
+                    const result = await configLoaderApi.getVendureConfig();
+                    vendureConfig = result.vendureConfig;
+                }
+                const config = getUiConfig(vendureConfig, options);
+                return `
+                    export const uiConfig = ${JSON.stringify(config)}
+                `;
+            }
+        },
+    };
+}