@vendure/dashboard 3.3.6-master-202507050232 → 3.4.0-minor-202506250934

package/dist/plugin/tests/barrel-exports/vendure-config.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-const my_plugin_1 = require("./my-plugin");
-exports.config = {
-    apiOptions: {
-        port: 3000,
-    },
-    authOptions: {
-        tokenMethod: 'bearer',
-    },
-    dbConnectionOptions: {
-        type: 'postgres',
-    },
-    paymentOptions: {
-        paymentMethodHandlers: [],
-    },
-    plugins: [my_plugin_1.MyPlugin],
-};

package/dist/plugin/tests/barrel-exports.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/plugin/tests/barrel-exports.spec.js

@@ -1,14 +0,0 @@
-import { join } from 'path';
-import { describe, expect, it } from 'vitest';
-import { loadVendureConfig } from '../utils/config-loader.js';
-describe('detecting plugins in barrel exports', () => {
-    it('should detect plugins in barrel exports', async () => {
-        const result = await loadVendureConfig({
-            tempDir: join(__dirname, './__temp'),
-            vendureConfigPath: join(__dirname, 'barrel-exports', 'vendure-config.ts'),
-        });
-        expect(result.pluginInfo).toHaveLength(1);
-        expect(result.pluginInfo[0].name).toBe('MyPlugin');
-        expect(result.pluginInfo[0].dashboardEntryPath).toBe('./dashboard/index.tsx');
-    }, { timeout: 10000 });
-});

package/dist/plugin/vite-plugin-tailwind-source.d.ts

@@ -1,7 +0,0 @@
-import { Plugin } from 'vite';
-/**
- * This Vite plugin transforms the `app/styles.css` file to include a `@source` directive
- * for each dashboard extension's source directory. This allows Tailwind CSS to
- * include styles from these extensions when processing the CSS.
- */
-export declare function dashboardTailwindSourcePlugin(): Plugin;

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

@@ -1,49 +0,0 @@
-import path from 'path';
-import { getConfigLoaderApi } from './vite-plugin-config-loader.js';
-/**
- * This Vite plugin transforms the `app/styles.css` file to include a `@source` directive
- * for each dashboard extension's source directory. This allows Tailwind CSS to
- * include styles from these extensions when processing the CSS.
- */
-export function dashboardTailwindSourcePlugin() {
-    let configLoaderApi;
-    let loadVendureConfigResult;
-    return {
-        name: 'vendure:dashboard-tailwind-source',
-        // Ensure this plugin runs before Tailwind CSS processing
-        enforce: 'pre',
-        configResolved({ plugins }) {
-            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.map(({ dashboardEntryPath, pluginPath }) => dashboardEntryPath && path.join(pluginPath, path.dirname(dashboardEntryPath))).filter(x => x != null)) !== null && _a !== void 0 ? _a : [];
-                const sources = dashboardExtensionDirs
-                    .map(extension => {
-                    return `@source '${extension}';`;
-                })
-                    .join('\n');
-                // Find the line with the specific comment and insert sources after it
-                const lines = src.split('\n');
-                const sourceCommentIndex = lines.findIndex(line => line.includes('/* @source rules from extensions will be added here by the dashboardTailwindSourcePlugin */'));
-                if (sourceCommentIndex !== -1) {
-                    // Insert the sources after the comment line
-                    lines.splice(sourceCommentIndex + 1, 0, sources);
-                    const modifiedSrc = lines.join('\n');
-                    return {
-                        code: modifiedSrc,
-                    };
-                }
-                // If the comment is not found, append sources at the end
-                return {
-                    code: src + '\n' + sources,
-                };
-            }
-        },
-    };
-}

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

@@ -1,148 +0,0 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { TrashIcon } from 'lucide-react';
-import { toast } from 'sonner';
-
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-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';
-
-interface DeleteBulkActionProps {
-    /** The GraphQL mutation document to execute */
-    mutationDocument: any;
-    /** The entity name for localization (e.g., "products", "administrators") */
-    entityName: string;
-    /** The required permissions for this action */
-    requiredPermissions: string[];
-    /** Optional callback for additional cleanup after successful deletion */
-    onSuccess?: () => void;
-    /** Optional query keys to invalidate after successful deletion */
-    invalidateQueries?: string[];
-    /** The selected items to delete */
-    selection: any[];
-    /** The table instance */
-    table: any;
-}
-
-/**
- * A reusable delete bulk action component that can be used across all bulk action files.
- *
- * This component handles the common pattern of deleting multiple entities:
- * - Executes the provided GraphQL mutation
- * - Shows success/error toasts with localized messages
- * - Refetches the paginated list
- * - Resets table selection
- * - Optionally invalidates additional queries
- * - Optionally calls additional success callbacks
- *
- * @example
- * ```tsx
- * // Basic usage
- * export const DeleteProductsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
- *     return (
- *         <DeleteBulkAction
- *             mutationDocument={deleteProductsDocument}
- *             entityName="products"
- *             requiredPermissions={['DeleteCatalog', 'DeleteProduct']}
- *             selection={selection}
- *             table={table}
- *         />
- *     );
- * };
- *
- * // With additional cleanup
- * export const DeleteCollectionsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
- *     return (
- *         <DeleteBulkAction
- *             mutationDocument={deleteCollectionsDocument}
- *             entityName="collections"
- *             requiredPermissions={['DeleteCatalog', 'DeleteCollection']}
- *             invalidateQueries={['childCollections']}
- *             onSuccess={() => {
- *                 // Additional cleanup logic
- *             }}
- *             selection={selection}
- *             table={table}
- *         />
- *     );
- * };
- * ```
- */
-export function DeleteBulkAction({
-    mutationDocument,
-    entityName,
-    requiredPermissions,
-    onSuccess,
-    invalidateQueries = [],
-    selection,
-    table,
-}: Readonly<DeleteBulkActionProps>) {
-    const { refetchPaginatedList } = usePaginatedList();
-    const { i18n } = useLingui();
-    const queryClient = useQueryClient();
-
-    const { mutate } = useMutation({
-        mutationFn: api.mutate(mutationDocument),
-        onSuccess: (result: any) => {
-            let deleted = 0;
-            let failed = 0;
-            const errors: string[] = [];
-
-            // Get the mutation result field name from the document
-            const mutationResultFieldName = getMutationName(mutationDocument);
-            const deleteResults = result[mutationResultFieldName];
-
-            for (const item of deleteResults) {
-                if (item.result === 'DELETED') {
-                    deleted++;
-                } else {
-                    failed++;
-                    if (item.message) {
-                        errors.push(item.message);
-                    }
-                }
-            }
-
-            if (0 < deleted) {
-                toast.success(i18n.t(`Deleted ${deleted} ${entityName}`));
-            }
-            if (0 < failed) {
-                const errorMessage =
-                    errors.length > 0
-                        ? i18n.t(`Failed to delete ${failed} ${entityName}: ${errors.join(', ')}`)
-                        : i18n.t(`Failed to delete ${failed} ${entityName}`);
-                toast.error(errorMessage);
-            }
-
-            refetchPaginatedList();
-            table.resetRowSelection();
-
-            // Invalidate additional queries if specified
-            invalidateQueries.forEach(queryKey => {
-                queryClient.invalidateQueries({ queryKey: [queryKey] });
-            });
-
-            // Call additional success callback if provided
-            onSuccess?.();
-        },
-        onError: () => {
-            toast.error(`Failed to delete ${selection.length} ${entityName}`);
-        },
-    });
-
-    return (
-        <DataTableBulkActionItem
-            requiresPermission={requiredPermissions}
-            onClick={() => mutate({ ids: selection.map(s => s.id) })}
-            label={<Trans>Delete</Trans>}
-            confirmationText={
-                <Trans>
-                    Are you sure you want to delete {selection.length} {entityName}?
-                </Trans>
-            }
-            icon={TrashIcon}
-            className="text-destructive"
-        />
-    );
-}

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

@@ -1,134 +0,0 @@
-import { useMutation } from '@tanstack/react-query';
-import { CopyIcon } from 'lucide-react';
-import { useState } from 'react';
-import { toast } from 'sonner';
-
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-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';
-
-interface DuplicateBulkActionProps {
-    entityType: 'Product' | 'Collection' | 'Facet' | 'Promotion';
-    duplicatorCode: string;
-    duplicatorArguments?: Array<{ name: string; value: string }>;
-    requiredPermissions: string[];
-    entityName: string; // For display purposes in error messages
-    onSuccess?: () => void;
-    selection: any[];
-    table: any;
-}
-
-export function DuplicateBulkAction({
-    entityType,
-    duplicatorCode,
-    duplicatorArguments = [],
-    requiredPermissions,
-    entityName,
-    onSuccess,
-    selection,
-    table,
-}: DuplicateBulkActionProps) {
-    const { refetchPaginatedList } = usePaginatedList();
-    const { i18n } = useLingui();
-    const [isDuplicating, setIsDuplicating] = useState(false);
-    const [progress, setProgress] = useState({ completed: 0, total: 0 });
-
-    const { mutateAsync } = useMutation({
-        mutationFn: api.mutate(duplicateEntityDocument),
-    });
-
-    const handleDuplicate = async () => {
-        if (isDuplicating) return;
-
-        setIsDuplicating(true);
-        setProgress({ completed: 0, total: selection.length });
-
-        const results = {
-            success: 0,
-            failed: 0,
-            errors: [] as string[],
-        };
-
-        try {
-            // Process entities sequentially to avoid overwhelming the server
-            for (let i = 0; i < selection.length; i++) {
-                const entity = selection[i];
-
-                try {
-                    const result = await mutateAsync({
-                        input: {
-                            entityName: entityType,
-                            entityId: entity.id,
-                            duplicatorInput: {
-                                code: duplicatorCode,
-                                arguments: duplicatorArguments,
-                            },
-                        },
-                    });
-
-                    if ('newEntityId' in result.duplicateEntity) {
-                        results.success++;
-                    } else {
-                        results.failed++;
-                        const errorMsg =
-                            result.duplicateEntity.message ||
-                            result.duplicateEntity.duplicationError ||
-                            'Unknown error';
-                        results.errors.push(`${entityName} ${entity.name || entity.id}: ${errorMsg}`);
-                    }
-                } catch (error) {
-                    results.failed++;
-                    results.errors.push(
-                        `${entityName} ${entity.name || entity.id}: ${error instanceof Error ? error.message : 'Unknown error'}`,
-                    );
-                }
-
-                setProgress({ completed: i + 1, total: selection.length });
-            }
-
-            // Show results
-            if (results.success > 0) {
-                toast.success(
-                    i18n.t(`Successfully duplicated ${results.success} ${entityName.toLowerCase()}s`),
-                );
-            }
-            if (results.failed > 0) {
-                const errorMessage =
-                    results.errors.length > 3
-                        ? `${results.errors.slice(0, 3).join(', ')}... and ${results.errors.length - 3} more`
-                        : results.errors.join(', ');
-                toast.error(
-                    `Failed to duplicate ${results.failed} ${entityName.toLowerCase()}s: ${errorMessage}`,
-                );
-            }
-
-            if (results.success > 0) {
-                refetchPaginatedList();
-                table.resetRowSelection();
-                onSuccess?.();
-            }
-        } finally {
-            setIsDuplicating(false);
-            setProgress({ completed: 0, total: 0 });
-        }
-    };
-
-    return (
-        <DataTableBulkActionItem
-            requiresPermission={requiredPermissions}
-            onClick={handleDuplicate}
-            label={
-                isDuplicating ? (
-                    <Trans>
-                        Duplicating... ({progress.completed}/{progress.total})
-                    </Trans>
-                ) : (
-                    <Trans>Duplicate</Trans>
-                )
-            }
-            icon={CopyIcon}
-        />
-    );
-}

package/src/app/routes/_authenticated/_administrators/components/administrator-bulk-actions.tsx

@@ -1,15 +0,0 @@
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/index.js';
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-import { deleteAdministratorsDocument } from '../administrators.graphql.js';
-
-export const DeleteAdministratorsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deleteAdministratorsDocument}
-            entityName="administrators"
-            requiredPermissions={['DeleteAdministrator']}
-            selection={selection}
-            table={table}
-        />
-    );
-};

package/src/app/routes/_authenticated/_assets/components/asset-bulk-actions.tsx

@@ -1,45 +0,0 @@
-import { useMutation } from '@tanstack/react-query';
-import { TrashIcon } from 'lucide-react';
-import { toast } from 'sonner';
-
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-import { api } from '@/vdb/graphql/api.js';
-import { AssetFragment } from '@/vdb/graphql/fragments.js';
-import { ResultOf } from '@/vdb/graphql/graphql.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
-import { deleteAssetsDocument } from '../assets.graphql.js';
-
-export const DeleteAssetsBulkAction = ({
-    selection,
-    refetch,
-}: {
-    selection: AssetFragment[];
-    refetch: () => void;
-}) => {
-    const { i18n } = useLingui();
-    const { mutate } = useMutation({
-        mutationFn: api.mutate(deleteAssetsDocument),
-        onSuccess: (result: ResultOf<typeof deleteAssetsDocument>) => {
-            if (result.deleteAssets.result === 'DELETED') {
-                toast.success(i18n.t(`Deleted ${selection.length} assets`));
-            } else {
-                toast.error(i18n.t(`Failed to delete assets: ${result.deleteAssets.message}`));
-            }
-            refetch();
-        },
-        onError: () => {
-            toast.error(`Failed to delete ${selection.length} assets`);
-        },
-    });
-
-    return (
-        <DataTableBulkActionItem
-            requiresPermission={['DeleteCatalog', 'DeleteAsset']}
-            onClick={() => mutate({ input: { assetIds: selection.map(s => s.id) } })}
-            label={<Trans>Delete</Trans>}
-            confirmationText={<Trans>Are you sure you want to delete {selection.length} assets?</Trans>}
-            icon={TrashIcon}
-            className="text-destructive"
-        />
-    );
-};

package/src/app/routes/_authenticated/_channels/components/channel-bulk-actions.tsx

@@ -1,15 +0,0 @@
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-import { deleteChannelsDocument } from '../channels.graphql.js';
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/index.js';
-
-export const DeleteChannelsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deleteChannelsDocument}
-            entityName="channels"
-            requiredPermissions={['DeleteChannel']}
-            selection={selection}
-            table={table}
-        />
-    );
-};

package/src/app/routes/_authenticated/_collections/components/collection-bulk-actions.tsx

@@ -1,123 +0,0 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { useState } from 'react';
-import { FolderTree } from 'lucide-react';
-
-import { Trans } from '@/vdb/lib/trans.js';
-import { AssignToChannelBulkAction } from '@/vdb/components/shared/assign-to-channel-bulk-action.js';
-import { RemoveFromChannelBulkAction } from '@/vdb/components/shared/remove-from-channel-bulk-action.js';
-import { api } from '@/vdb/graphql/api.js';
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/data-table.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-import { usePaginatedList } from '@/vdb/components/shared/paginated-list-data-table.js';
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-import { DuplicateBulkAction } from '../../../../common/duplicate-bulk-action.js';
-import {
-    assignCollectionToChannelDocument,
-    deleteCollectionsDocument,
-    removeCollectionFromChannelDocument,
-} from '../collections.graphql.js';
-import { MoveCollectionsDialog } from './move-collections-dialog.js';
-
-export const AssignCollectionsToChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const queryClient = useQueryClient();
-
-    return (
-        <AssignToChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="collections"
-            mutationFn={api.mutate(assignCollectionToChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateCollection']}
-            buildInput={(channelId: string) => ({
-                collectionIds: selection.map(s => s.id),
-                channelId,
-            })}
-            onSuccess={() => {
-                queryClient.invalidateQueries({ queryKey: ['childCollections'] });
-            }}
-        />
-    );
-};
-
-export const RemoveCollectionsFromChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { selectedChannel } = useChannel();
-    const queryClient = useQueryClient();
-
-    return (
-        <RemoveFromChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="collections"
-            mutationFn={api.mutate(removeCollectionFromChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateCollection']}
-            buildInput={() => ({
-                collectionIds: selection.map(s => s.id),
-                channelId: selectedChannel?.id,
-            })}
-            onSuccess={() => {
-                queryClient.invalidateQueries({ queryKey: ['childCollections'] });
-            }}
-        />
-    );
-};
-
-export const DuplicateCollectionsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const queryClient = useQueryClient();
-    return (
-        <DuplicateBulkAction
-            entityType="Collection"
-            duplicatorCode="collection-duplicator"
-            duplicatorArguments={[]}
-            requiredPermissions={['UpdateCatalog', 'UpdateCollection']}
-            entityName="Collection"
-            selection={selection}
-            table={table}
-            onSuccess={() => {
-                queryClient.invalidateQueries({ queryKey: ['childCollections'] });
-            }}
-        />
-    );
-};
-
-export const DeleteCollectionsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deleteCollectionsDocument}
-            entityName="collections"
-            requiredPermissions={['DeleteCatalog', 'DeleteCollection']}
-            invalidateQueries={['childCollections']}
-            selection={selection}
-            table={table}
-        />
-    );
-};
-
-export const MoveCollectionsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    const queryClient = useQueryClient();
-    const { refetchPaginatedList } = usePaginatedList();
-
-    const handleSuccess = () => {
-        queryClient.invalidateQueries({ queryKey: ['childCollections'] });
-        refetchPaginatedList();
-        table.resetRowSelection();
-    };
-
-    return (
-        <>
-            <DataTableBulkActionItem
-                requiresPermission={['UpdateCatalog', 'UpdateCollection']}
-                onClick={() => setDialogOpen(true)}
-                label={<Trans>Move</Trans>}
-                icon={FolderTree}
-            />
-            <MoveCollectionsDialog
-                open={dialogOpen}
-                onOpenChange={setDialogOpen}
-                collectionsToMove={selection}
-                onSuccess={handleSuccess}
-            />
-        </>
-    );
-};