@vendure/dashboard 3.4.3-master-202509260228 → 3.5.0-minor-202510012036

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

@@ -1,6 +1,7 @@
+import { lingui } from '@lingui/vite-plugin';
 import tailwindcss from '@tailwindcss/vite';
-import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
-import react from '@vitejs/plugin-react';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+import react from '@vitejs/plugin-react-swc';
 import path from 'path';
 import { adminApiSchemaPlugin } from './vite-plugin-admin-api-schema.js';
 import { configLoaderPlugin } from './vite-plugin-config-loader.js';
@@ -10,6 +11,7 @@ import { gqlTadaPlugin } from './vite-plugin-gql-tada.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
@@ -25,12 +27,10 @@ export function vendureDashboardPlugin(options) {
         process.env.LINGUI_CONFIG = linguiConfigPath;
     }
     return [
-        // TODO: solve https://github.com/kentcdodds/babel-plugin-macros/issues/87
-        // lingui(),
         ...(options.disableTansStackRouterPlugin
             ? []
             : [
-                TanStackRouterVite({
+                tanstackRouter({
                     autoCodeSplitting: true,
                     routeFileIgnorePattern: '.graphql.ts|components|hooks|utils',
                     routesDirectory: path.join(packageRoot, 'src/app/routes'),
@@ -38,10 +38,9 @@ export function vendureDashboardPlugin(options) {
                 }),
             ]),
         react({
-        // babel: {
-        //     plugins: ['@lingui/babel-plugin-lingui-macro'],
-        // },
+            plugins: [['@lingui/swc-plugin', {}]],
         }),
+        lingui({}),
         themeVariablesPlugin({ theme: options.theme }),
         dashboardTailwindSourcePlugin(),
         tailwindcss(),
@@ -59,6 +58,9 @@ export function vendureDashboardPlugin(options) {
             ? [gqlTadaPlugin({ gqlTadaOutputPath: options.gqlOutputPath, tempDir, packageRoot })]
             : []),
         transformIndexHtmlPlugin(),
+        translationsPlugin({
+            packageRoot,
+        }),
     ];
 }
 /**

package/lingui.config.js

@@ -2,11 +2,34 @@ import { defineConfig } from '@lingui/cli';
 
 export default defineConfig({
     sourceLocale: 'en',
-    locales: ['de', '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',
+    ],
     catalogs: [
         {
             path: '<rootDir>/src/i18n/locales/{locale}',
-            include: ['<rootDir>'],
+            include: ['<rootDir>/src'],
         },
     ],
 });

package/package.json

@@ -1,160 +1,163 @@
 {
-    "name": "@vendure/dashboard",
-    "private": false,
-    "version": "3.4.3-master-202509260228",
-    "type": "module",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/vendure-ecommerce/vendure"
+  "name": "@vendure/dashboard",
+  "private": false,
+  "version": "3.5.0-minor-202510012036",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vendure-ecommerce/vendure"
+  },
+  "homepage": "https://www.vendure.io",
+  "funding": "https://github.com/sponsors/michaelbromley",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "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",
+    "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"
+  },
+  "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"
     },
-    "homepage": "https://www.vendure.io",
-    "funding": "https://github.com/sponsors/michaelbromley",
-    "publishConfig": {
-        "access": "public"
+    "./plugin": {
+      "types": "./dist/plugin/index.d.ts",
+      "import": "./dist/plugin/index.js",
+      "require": "./dist/plugin/index.js"
     },
-    "scripts": {
-        "dev": "vite",
-        "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",
-        "watch": "tsc --project tsconfig.vite.json --watch",
-        "test": "vitest run",
-        "lint": "eslint .",
-        "preview": "vite preview",
-        "generate-index": "node scripts/generate-index.js"
-    },
-    "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": {
-        "@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.2.0",
-        "@lingui/cli": "^5.2.0",
-        "@lingui/core": "^5.2.0",
-        "@lingui/react": "^5.2.0",
-        "@lingui/vite-plugin": "^5.2.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-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.105.0",
-        "@tanstack/react-table": "^8.21.2",
-        "@tanstack/router-devtools": "^1.105.0",
-        "@tanstack/router-plugin": "^1.105.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",
-        "@vendure/common": "^3.4.3-master-202509260228",
-        "@vendure/core": "^3.4.3-master-202509260228",
-        "@vitejs/plugin-react": "^4.3.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.10",
-        "graphql": "^16.10.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",
-        "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.5",
-        "zod": "^3.25.76"
-    },
-    "devDependencies": {
-        "@eslint/js": "^9.19.0",
-        "@types/node": "^22.13.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",
-        "globals": "^15.14.0",
-        "vite-plugin-dts": "^4.5.3"
-    },
-    "optionalDependencies": {
-        "lightningcss-linux-arm64-musl": "^1.29.3",
-        "lightningcss-linux-x64-musl": "^1.29.1"
-    },
-    "gitHead": "09a859925b6a64910b4d028e04845bf5aefd89b4"
+    "./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": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@hookform/resolvers": "^4.1.3",
+    "@lingui/cli": "^5.5.0",
+    "@lingui/core": "^5.5.0",
+    "@lingui/react": "^5.5.0",
+    "@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",
+    "@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-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.105.0",
+    "@tanstack/react-table": "^8.21.2",
+    "@tanstack/router-devtools": "^1.105.0",
+    "@tanstack/router-plugin": "^1.105.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",
+    "@vendure/common": "^3.5.0-minor-202510012036",
+    "@vendure/core": "^3.5.0-minor-202510012036",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react-swc": "^4.1.0",
+    "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.10",
+    "graphql": "^16.10.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",
+    "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.5",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@types/node": "^22.13.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",
+    "globals": "^15.14.0",
+    "vite-plugin-dts": "^4.5.3"
+  },
+  "optionalDependencies": {
+    "lightningcss-linux-arm64-musl": "^1.29.3",
+    "lightningcss-linux-x64-musl": "^1.29.1"
+  },
+  "gitHead": "e1ec4b6b65d0743ab1ab1f344eb03c0cf55a7f32"
 }

package/src/app/app-providers.tsx

@@ -5,7 +5,6 @@ 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 { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import React from 'react';
 
 export const queryClient = new QueryClient();
@@ -23,9 +22,6 @@ export function AppProviders({ children }: { children: React.ReactNode }) {
                         </AuthProvider>
                     </ThemeProvider>
                 </UserSettingsProvider>
-                {process.env.NODE_ENV === 'development' && (
-                    <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
-                )}
             </QueryClientProvider>
         </I18nProvider>
     );

package/src/app/common/delete-bulk-action.tsx

@@ -6,7 +6,7 @@ import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-
 import { usePaginatedList } from '@/vdb/components/shared/paginated-list-data-table.js';
 import { getMutationName } from '@/vdb/framework/document-introspection/get-document-structure.js';
 import { api } from '@/vdb/graphql/api.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
+import { Trans, useLingui } from '@lingui/react/macro';
 
 interface DeleteBulkActionProps {
     /** The GraphQL mutation document to execute */
@@ -79,7 +79,7 @@ export function DeleteBulkAction({
     table,
 }: Readonly<DeleteBulkActionProps>) {
     const { refetchPaginatedList } = usePaginatedList();
-    const { i18n } = useLingui();
+    const { t } = useLingui();
     const queryClient = useQueryClient();
 
     const { mutate } = useMutation({
@@ -105,13 +105,14 @@ export function DeleteBulkAction({
             }
 
             if (0 < deleted) {
-                toast.success(i18n.t(`Deleted ${deleted} ${entityName}`));
+                toast.success(t`Deleted ${deleted} ${entityName}`);
             }
             if (0 < failed) {
+                const allErrors = errors.join(', ');
                 const errorMessage =
                     errors.length > 0
-                        ? i18n.t(`Failed to delete ${failed} ${entityName}: ${errors.join(', ')}`)
-                        : i18n.t(`Failed to delete ${failed} ${entityName}`);
+                        ? t`Failed to delete ${failed} ${entityName}: ${allErrors}`
+                        : t`Failed to delete ${failed} ${entityName}`;
                 toast.error(errorMessage);
             }
 

package/src/app/common/duplicate-bulk-action.tsx

@@ -8,7 +8,7 @@ import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-
 import { usePaginatedList } from '@/vdb/components/shared/paginated-list-data-table.js';
 import { api } from '@/vdb/graphql/api.js';
 import { duplicateEntityDocument } from '@/vdb/graphql/common-operations.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
+import { Trans, useLingui } from '@lingui/react/macro';
 import { DuplicateEntityDialog } from './duplicate-entity-dialog.js';
 
 interface DuplicateBulkActionProps {
@@ -31,7 +31,7 @@ export function DuplicateBulkAction({
     table,
 }: Readonly<DuplicateBulkActionProps>) {
     const { refetchPaginatedList } = usePaginatedList();
-    const { i18n } = useLingui();
+    const { t } = useLingui();
     const [isDuplicating, setIsDuplicating] = useState(false);
     const [progress, setProgress] = useState({ completed: 0, total: 0 });
     const [dialogOpen, setDialogOpen] = useState(false);
@@ -93,9 +93,8 @@ export function DuplicateBulkAction({
 
             // Show results
             if (results.success > 0) {
-                toast.success(
-                    i18n.t(`Successfully duplicated ${results.success} ${entityName.toLowerCase()}s`),
-                );
+                const count = results.success;
+                toast.success(t`Successfully duplicated ${count} ${entityName}`);
             }
             if (results.failed > 0) {
                 const errorMessage =

package/src/app/common/duplicate-entity-dialog.tsx

@@ -9,7 +9,7 @@ import {
 } from '@/vdb/components/ui/dialog.js';
 import { api } from '@/vdb/graphql/api.js';
 import { getEntityDuplicatorsDocument } from '@/vdb/graphql/common-operations.js';
-import { Trans } from '@/vdb/lib/trans.js';
+import { Trans } from '@lingui/react/macro';
 import { useQuery } from '@tanstack/react-query';
 import { ConfigurableOperationInput } from '@vendure/common/lib/generated-types';
 import React, { useState } from 'react';

package/src/app/common/set-document-direction.ts

@@ -0,0 +1,7 @@
+/**
+ * @description
+ * Sets the `dir` attribute on the HTML tag, which sets the global text direction
+ */
+export function setDocumentDirection(direction: 'rtl' | 'ltr') {
+    document.documentElement.setAttribute('dir', direction);
+}