@leandrosk/dashboard 3.5.5-fork.2

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

@@ -0,0 +1,142 @@
+import { PluginOption } from 'vite';
+import { PathAdapter } from './types.js';
+import { PackageScannerConfig } from './utils/compiler.js';
+import { ThemeVariablesPluginOptions } from './vite-plugin-theme.js';
+import { UiConfigPluginOptions } from './vite-plugin-ui-config.js';
+/**
+ * @description
+ * Options for the {@link vendureDashboardPlugin} Vite plugin.
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ * @docsWeight 1
+ */
+export type VitePluginVendureDashboardOptions = {
+    /**
+     * @description
+     * The path to the Vendure server configuration file.
+     */
+    vendureConfigPath: string | URL;
+    /**
+     * @description
+     * The {@link PathAdapter} allows you to customize the resolution of paths
+     * in the compiled Vendure source code which is used as part of the
+     * introspection step of building the dashboard.
+     *
+     * It enables support for more complex repository structures, such as
+     * monorepos, where the Vendure server configuration file may not
+     * be located in the root directory of the project.
+     *
+     * If you get compilation errors like "Error loading Vendure config: Cannot find module",
+     * you probably need to provide a custom `pathAdapter` to resolve the paths correctly.
+     *
+     * @example
+     * ```ts
+     * vendureDashboardPlugin({
+     *     tempCompilationDir: join(__dirname, './__vendure-dashboard-temp'),
+     *     pathAdapter: {
+     *         getCompiledConfigPath: ({ inputRootDir, outputPath, configFileName }) => {
+     *             const projectName = inputRootDir.split('/libs/')[1].split('/')[0];
+     *             const pathAfterProject = inputRootDir.split(`/libs/${projectName}`)[1];
+     *             const compiledConfigFilePath = `${outputPath}/${projectName}${pathAfterProject}`;
+     *             return path.join(compiledConfigFilePath, configFileName);
+     *         },
+     *         transformTsConfigPathMappings: ({ phase, patterns }) => {
+     *             // "loading" phase is when the compiled Vendure code is being loaded by
+     *             // the plugin, in order to introspect the configuration of your app.
+     *             if (phase === 'loading') {
+     *                 return patterns.map((p) =>
+     *                     p.replace('libs/', '').replace(/.ts$/, '.js'),
+     *                 );
+     *             }
+     *             return patterns;
+     *         },
+     *     },
+     *     // ...
+     * }),
+     * ```
+     */
+    pathAdapter?: PathAdapter;
+    /**
+     * @description
+     * The name of the exported variable from the Vendure server configuration file, e.g. `config`.
+     * This is only required if the plugin is unable to auto-detect the name of the exported variable.
+     */
+    vendureConfigExport?: string;
+    /**
+     * @description
+     * The path to the directory where the generated GraphQL Tada files will be output.
+     */
+    gqlOutputPath?: string;
+    tempCompilationDir?: string;
+    /**
+     * @description
+     * Allows you to customize the location of node_modules & glob patterns used to scan for potential
+     * Vendure plugins installed as npm packages. If not provided, the compiler will attempt to guess
+     * 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.
+     * @example
+     * ```ts
+     * vendureDashboardPlugin({
+     *   vendureConfigPath: './config.ts',
+     *   disablePlugins: {
+     *     react: true,
+     *     lingui: true,
+     *   }
+     * })
+     * ```
+     */
+    disablePlugins?: {
+        tanstackRouter?: boolean;
+        linguiBabel?: boolean;
+        react?: boolean;
+        lingui?: boolean;
+        themeVariables?: boolean;
+        tailwindSource?: boolean;
+        tailwindcss?: boolean;
+        configLoader?: boolean;
+        viteConfig?: boolean;
+        adminApiSchema?: boolean;
+        dashboardMetadata?: boolean;
+        uiConfig?: boolean;
+        gqlTada?: boolean;
+        transformIndexHtml?: boolean;
+        translations?: boolean;
+        hmr?: boolean;
+    };
+} & UiConfigPluginOptions & ThemeVariablesPluginOptions;
+/**
+ * @description
+ * This is the Vite plugin which powers the Vendure Dashboard, including:
+ *
+ * - Configuring routing, styling and React support
+ * - Analyzing your VendureConfig file and introspecting your schema
+ * - Loading your custom Dashboard extensions
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ * @docsWeight 0
+ */
+export declare function vendureDashboardPlugin(options: VitePluginVendureDashboardOptions): PluginOption[];
+/**
+ * Get the normalized path to the Vendure config file given either a string or URL.
+ */
+export declare function getNormalizedVendureConfigPath(vendureConfigPath: string | URL): string;

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

@@ -0,0 +1,170 @@
+import { lingui } from '@lingui/vite-plugin';
+import tailwindcss from '@tailwindcss/vite';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { adminApiSchemaPlugin } from './vite-plugin-admin-api-schema.js';
+import { configLoaderPlugin } from './vite-plugin-config-loader.js';
+import { viteConfigPlugin } from './vite-plugin-config.js';
+import { dashboardMetadataPlugin } from './vite-plugin-dashboard-metadata.js';
+import { gqlTadaPlugin } from './vite-plugin-gql-tada.js';
+import { hmrPlugin } from './vite-plugin-hmr.js';
+import { linguiBabelPlugin } from './vite-plugin-lingui-babel.js';
+import { dashboardTailwindSourcePlugin } from './vite-plugin-tailwind-source.js';
+import { themeVariablesPlugin } from './vite-plugin-theme.js';
+import { transformIndexHtmlPlugin } from './vite-plugin-transform-index.js';
+import { translationsPlugin } from './vite-plugin-translations.js';
+import { uiConfigPlugin } from './vite-plugin-ui-config.js';
+/**
+ * @description
+ * This is the Vite plugin which powers the Vendure Dashboard, including:
+ *
+ * - Configuring routing, styling and React support
+ * - Analyzing your VendureConfig file and introspecting your schema
+ * - Loading your custom Dashboard extensions
+ *
+ * @docsCategory vite-plugin
+ * @docsPage vendureDashboardPlugin
+ * @since 3.4.0
+ * @docsWeight 0
+ */
+export function vendureDashboardPlugin(options) {
+    var _a, _b;
+    const tempDir = (_a = options.tempCompilationDir) !== null && _a !== void 0 ? _a : path.join(import.meta.dirname, './.vendure-dashboard-temp');
+    const normalizedVendureConfigPath = getNormalizedVendureConfigPath(options.vendureConfigPath);
+    const packageRoot = getDashboardPackageRoot();
+    const linguiConfigPath = path.join(packageRoot, 'lingui.config.js');
+    const disabled = (_b = options.disablePlugins) !== null && _b !== void 0 ? _b : {};
+    if (process.env.IS_LOCAL_DEV !== 'true') {
+        process.env.LINGUI_CONFIG = linguiConfigPath;
+    }
+    const pluginMap = [
+        {
+            key: 'tanstackRouter',
+            plugin: () => tanstackRouter({
+                autoCodeSplitting: true,
+                routeFileIgnorePattern: '.graphql.ts|components|hooks|utils',
+                routesDirectory: path.join(packageRoot, 'src/app/routes'),
+                generatedRouteTree: path.join(packageRoot, 'src/app/routeTree.gen.ts'),
+            }),
+        },
+        {
+            // Custom plugin that transforms Lingui macros using Babel instead of SWC.
+            // This runs BEFORE the react plugin to ensure macros are transformed first.
+            // Using Babel eliminates the SWC binary compatibility issues that caused
+            // "failed to invoke plugin" errors in external projects.
+            // See: https://github.com/vendurehq/vendure/issues/3929
+            key: 'linguiBabel',
+            plugin: () => linguiBabelPlugin(),
+        },
+        {
+            key: 'react',
+            plugin: () => react(),
+        },
+        {
+            key: 'lingui',
+            plugin: () => lingui({}),
+        },
+        {
+            key: 'themeVariables',
+            plugin: () => themeVariablesPlugin({ theme: options.theme }),
+        },
+        {
+            key: 'tailwindSource',
+            plugin: () => dashboardTailwindSourcePlugin(),
+        },
+        {
+            key: 'tailwindcss',
+            plugin: () => tailwindcss(),
+        },
+        {
+            key: 'configLoader',
+            plugin: () => configLoaderPlugin({
+                vendureConfigPath: normalizedVendureConfigPath,
+                outputPath: tempDir,
+                pathAdapter: options.pathAdapter,
+                pluginPackageScanner: options.pluginPackageScanner,
+                module: options.module,
+            }),
+        },
+        {
+            key: 'viteConfig',
+            plugin: () => viteConfigPlugin({ packageRoot }),
+        },
+        {
+            key: 'adminApiSchema',
+            plugin: () => adminApiSchemaPlugin(),
+        },
+        {
+            key: 'dashboardMetadata',
+            plugin: () => dashboardMetadataPlugin(),
+        },
+        {
+            key: 'uiConfig',
+            plugin: () => uiConfigPlugin(options),
+        },
+        {
+            key: 'gqlTada',
+            plugin: () => options.gqlOutputPath &&
+                gqlTadaPlugin({ gqlTadaOutputPath: options.gqlOutputPath, tempDir, packageRoot }),
+        },
+        {
+            key: 'transformIndexHtml',
+            plugin: () => transformIndexHtmlPlugin(),
+        },
+        {
+            key: 'translations',
+            plugin: () => translationsPlugin({
+                packageRoot,
+            }),
+        },
+        {
+            key: 'hmr',
+            plugin: () => hmrPlugin(),
+        },
+    ];
+    const plugins = [];
+    for (const entry of pluginMap) {
+        if (!disabled[entry.key]) {
+            const plugin = entry.plugin();
+            if (plugin) {
+                if (Array.isArray(plugin)) {
+                    plugins.push(...plugin);
+                }
+                else {
+                    plugins.push(plugin);
+                }
+            }
+        }
+    }
+    return plugins;
+}
+/**
+ * @description
+ * Returns the path to the root of the `@vendure/dashboard` package.
+ */
+function getDashboardPackageRoot() {
+    const fileUrl = import.meta.resolve('@vendure/dashboard');
+    const packagePath = fileUrl.startsWith('file:') ? new URL(fileUrl).pathname : fileUrl;
+    return fixWindowsPath(path.join(packagePath, '../../../'));
+}
+/**
+ * Get the normalized path to the Vendure config file given either a string or URL.
+ */
+export function getNormalizedVendureConfigPath(vendureConfigPath) {
+    const stringPath = typeof vendureConfigPath === 'string' ? vendureConfigPath : vendureConfigPath.href;
+    if (stringPath.startsWith('file:')) {
+        return fixWindowsPath(new URL(stringPath).pathname);
+    }
+    return fixWindowsPath(stringPath);
+}
+function fixWindowsPath(filePath) {
+    // Fix Windows paths that might start with a leading slash
+    if (process.platform === 'win32') {
+        // Remove leading slash before drive letter on Windows
+        if (/^[/\\][A-Za-z]:/.test(filePath)) {
+            return filePath.substring(1);
+        }
+    }
+    return filePath;
+}

package/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Vendure Admin Dashboard" />
+    <meta name="author" content="Vendure" />
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/src/app/main.jsx"></script>
+</body>
+</html>

package/lingui.config.js

@@ -0,0 +1,39 @@
+import { defineConfig } from '@lingui/cli';
+
+export default defineConfig({
+    sourceLocale: 'en',
+    locales: [
+        'he',
+        'ar',
+        'de',
+        'en',
+        'es',
+        'pl',
+        'zh_Hans',
+        'zh_Hant',
+        'pt_BR',
+        'pt_PT',
+        'cs',
+        'fr',
+        'ru',
+        'uk',
+        'it',
+        'fa',
+        'ne',
+        'hr',
+        'nb',
+        'sv',
+        'tr',
+        'ja',
+        'bg',
+        'nl',
+        'el'
+    ],
+    catalogs: [
+        {
+            path: '<rootDir>/src/i18n/locales/{locale}',
+            include: ['<rootDir>/src'],
+            exclude: ['<rootDir>/src/**/*.stories.tsx'],
+        },
+    ],
+});

package/package.json

@@ -0,0 +1,184 @@
+{
+    "name": "@leandrosk/dashboard",
+    "private": false,
+    "version": "3.5.5-fork.2",
+    "type": "module",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/vendurehq/vendure"
+    },
+    "homepage": "https://www.vendure.io",
+    "funding": "https://github.com/sponsors/michaelbromley",
+    "publishConfig": {
+        "access": "public"
+    },
+    "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 check-types && npm run build:vite && npm run build:plugin",
+        "watch": "tsc --project tsconfig.vite.json --watch",
+        "test": "vitest run",
+        "lint": "eslint .",
+        "preview": "vite preview",
+        "generate-index": "node scripts/generate-index.js",
+        "i18n:extract": "lingui extract && node ./scripts/translate/i18n-tool.js extract",
+        "i18n:apply": "node ./scripts/translate/i18n-tool.js apply",
+        "i18n:check": "node ./scripts/translate/check-translations.js",
+        "storybook": "storybook dev -p 6006",
+        "e2e:pw": "playwright test --config e2e/playwright.config.ts",
+        "e2e:ui": "playwright test --config e2e/playwright.config.ts --ui",
+        "storybook:build": "storybook build",
+        "storybook:deploy": "npm run build --prefix ../common && npm run build --prefix ../core && npm run build:vite && storybook build"
+    },
+    "module": "./src/lib/index.ts",
+    "main": "./src/lib/index.ts",
+    "types": "./src/lib/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./src/lib/index.d.ts",
+            "import": "./src/lib/index.ts",
+            "require": "./src/lib/index.ts"
+        },
+        "./plugin": {
+            "types": "./dist/plugin/index.d.ts",
+            "import": "./dist/plugin/index.js",
+            "require": "./dist/plugin/index.js"
+        },
+        "./vite": {
+            "types": "./dist/vite/index.d.ts",
+            "import": "./dist/vite/index.js",
+            "require": "./dist/vite/index.js"
+        }
+    },
+    "files": [
+        "dist",
+        "src",
+        "lingui.config.js",
+        "index.html"
+    ],
+    "dependencies": {
+        "@babel/core": "^7.26.0",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/modifiers": "^9.0.0",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@hookform/resolvers": "^4.1.3",
+        "@lingui/babel-plugin-lingui-macro": "^5.7.0",
+        "@lingui/cli": "^5.7.0",
+        "@lingui/core": "^5.7.0",
+        "@lingui/react": "^5.7.0",
+        "@lingui/vite-plugin": "^5.7.0",
+        "@radix-ui/react-accordion": "^1.2.11",
+        "@radix-ui/react-alert-dialog": "^1.1.14",
+        "@radix-ui/react-aspect-ratio": "^1.1.7",
+        "@radix-ui/react-avatar": "^1.1.10",
+        "@radix-ui/react-checkbox": "^1.3.2",
+        "@radix-ui/react-collapsible": "^1.1.11",
+        "@radix-ui/react-context-menu": "^2.2.15",
+        "@radix-ui/react-dialog": "^1.1.14",
+        "@radix-ui/react-direction": "^1.1.1",
+        "@radix-ui/react-dropdown-menu": "^2.1.15",
+        "@radix-ui/react-hover-card": "^1.1.14",
+        "@radix-ui/react-label": "^2.1.7",
+        "@radix-ui/react-menubar": "^1.1.15",
+        "@radix-ui/react-navigation-menu": "^1.2.13",
+        "@radix-ui/react-popover": "^1.1.14",
+        "@radix-ui/react-progress": "^1.1.7",
+        "@radix-ui/react-radio-group": "^1.3.7",
+        "@radix-ui/react-scroll-area": "^1.2.9",
+        "@radix-ui/react-select": "^2.2.5",
+        "@radix-ui/react-separator": "^1.1.7",
+        "@radix-ui/react-slider": "^1.3.5",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-switch": "^1.2.5",
+        "@radix-ui/react-tabs": "^1.1.12",
+        "@radix-ui/react-toggle": "^1.1.9",
+        "@radix-ui/react-toggle-group": "^1.1.10",
+        "@radix-ui/react-tooltip": "^1.2.7",
+        "@tailwindcss/vite": "^4.1.5",
+        "@tanstack/eslint-plugin-query": "^5.66.1",
+        "@tanstack/react-query": "^5.66.7",
+        "@tanstack/react-query-devtools": "^5.68.0",
+        "@tanstack/react-router": "^1.154.0",
+        "@tanstack/react-table": "^8.21.2",
+        "@tanstack/router-devtools": "^1.154.0",
+        "@tanstack/router-plugin": "^1.154.0",
+        "@tiptap/extension-floating-menu": "^3.4.4",
+        "@tiptap/extension-image": "^3.4.4",
+        "@tiptap/extension-table": "^3.4.4",
+        "@tiptap/extension-text-style": "^3.4.4",
+        "@tiptap/pm": "^3.4.4",
+        "@tiptap/react": "^3.4.4",
+        "@tiptap/starter-kit": "^3.4.4",
+        "@types/react": "^19.0.10",
+        "@types/react-dom": "^19.0.4",
+        "@uidotdev/usehooks": "^2.4.1",
+        "@vitejs/plugin-react": "^5.0.4",
+        "acorn": "^8.11.3",
+        "acorn-walk": "^8.3.2",
+        "awesome-graphql-client": "^2.1.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.1.1",
+        "date-fns": "^4.0.0",
+        "embla-carousel-react": "^8.6.0",
+        "express-rate-limit": "^7.5.0",
+        "fast-glob": "^3.3.2",
+        "fs-extra": "^11.2.0",
+        "gql.tada": "^1.8.13",
+        "graphql": "^16.11.0",
+        "input-otp": "^1.4.2",
+        "json-edit-react": "^1.23.1",
+        "lucide-react": "^0.475.0",
+        "motion": "^12.6.2",
+        "next-themes": "^0.4.6",
+        "react": "^19.0.0",
+        "react-day-picker": "^9.8.0",
+        "react-dom": "^19.0.0",
+        "react-dropzone": "^14.3.8",
+        "react-hook-form": "^7.60.0",
+        "react-resizable-panels": "^3.0.3",
+        "recharts": "^2.15.4",
+        "sonner": "^2.0.6",
+        "strip-json-comments": "^5.0.3",
+        "tailwind-merge": "^3.2.0",
+        "tailwindcss": "^4.1.5",
+        "tailwindcss-animate": "^1.0.7",
+        "tsconfig-paths": "^4.2.0",
+        "tw-animate-css": "^1.2.9",
+        "vaul": "^1.1.2",
+        "vite": "^6.3.6",
+        "zod": "^3.25.76"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.19.0",
+        "@playwright/test": "^1.58.2",
+        "@storybook/addon-a11y": "^10.0.0-beta.9",
+        "@storybook/addon-docs": "^10.0.0-beta.9",
+        "@storybook/addon-vitest": "^10.0.0-beta.9",
+        "@storybook/react-vite": "^10.0.0-beta.9",
+        "@types/node": "^22.13.4",
+        "@vendure/common": "^3.5.5",
+        "@vendure/core": "^3.5.5",
+        "@vendure/ui-devkit": "^3.5.5",
+        "@vitest/browser": "^3.2.4",
+        "@vitest/coverage-v8": "^3.2.4",
+        "eslint": "^9.19.0",
+        "eslint-plugin-react": "^7.37.4",
+        "eslint-plugin-react-hooks": "^5.0.0",
+        "eslint-plugin-react-refresh": "^0.4.18",
+        "eslint-plugin-storybook": "^10.0.0-beta.9",
+        "globals": "^15.14.0",
+        "playwright": "^1.55.1",
+        "storybook": "^10.0.0-beta.9",
+        "vite-plugin-dts": "^4.5.4"
+    },
+    "optionalDependencies": {
+        "lightningcss-linux-arm64-musl": "^1.29.3",
+        "lightningcss-linux-x64-musl": "^1.29.1"
+    }
+}

package/src/app/app-providers.tsx

@@ -0,0 +1,31 @@
+import { AlertsProvider } from '@/vdb/providers/alerts-provider.js';
+import { AuthProvider } from '@/vdb/providers/auth.js';
+import { ChannelProvider } from '@/vdb/providers/channel-provider.js';
+import { I18nProvider } from '@/vdb/providers/i18n-provider.js';
+import { ServerConfigProvider } from '@/vdb/providers/server-config.js';
+import { ThemeProvider } from '@/vdb/providers/theme-provider.js';
+import { UserSettingsProvider } from '@/vdb/providers/user-settings.js';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import React from 'react';
+
+export const queryClient = new QueryClient();
+
+export function AppProviders({ children }: { children: React.ReactNode }) {
+    return (
+        <I18nProvider>
+            <QueryClientProvider client={queryClient}>
+                <UserSettingsProvider queryClient={queryClient}>
+                    <ThemeProvider defaultTheme="system">
+                        <AuthProvider>
+                            <ServerConfigProvider>
+                                <ChannelProvider>
+                                    <AlertsProvider>{children}</AlertsProvider>
+                                </ChannelProvider>
+                            </ServerConfigProvider>
+                        </AuthProvider>
+                    </ThemeProvider>
+                </UserSettingsProvider>
+            </QueryClientProvider>
+        </I18nProvider>
+    );
+}