@vendure/dashboard 3.3.8-master-202507231129 → 3.3.8-master-202507240240

package/dist/plugin/utils/plugin-discovery.d.ts

@@ -12,7 +12,7 @@ export declare function discoverPlugins({ vendureConfigPath, transformTsConfigPa
  * 1. Local Vendure plugins
  * 2. All non-local package imports that could contain plugins
  */
-export declare function analyzeSourceFiles(vendureConfigPath: string, logger: Logger, transformTsConfigPathMappings: TransformTsConfigPathMappingsFn): Promise<{
+export declare function analyzeSourceFiles(vendureConfigPath: string, nodeModulesRoot: string, logger: Logger, transformTsConfigPathMappings: TransformTsConfigPathMappingsFn): Promise<{
     localPluginLocations: Map<string, string>;
     packageImports: string[];
 }>;

package/dist/plugin/utils/plugin-discovery.js

@@ -8,9 +8,10 @@ import * as ts from 'typescript';
 import { fileURLToPath } from 'url';
 import { findTsConfigPaths } from './tsconfig-utils.js';
 export async function discoverPlugins({ vendureConfigPath, transformTsConfigPathMappings, logger, outputPath, pluginPackageScanner, }) {
+    var _a;
     const plugins = [];
     // Analyze source files to find local plugins and package imports
-    const { localPluginLocations, packageImports } = await analyzeSourceFiles(vendureConfigPath, logger, transformTsConfigPathMappings);
+    const { localPluginLocations, packageImports } = await analyzeSourceFiles(vendureConfigPath, (_a = pluginPackageScanner === null || pluginPackageScanner === void 0 ? void 0 : pluginPackageScanner.nodeModulesRoot) !== null && _a !== void 0 ? _a : guessNodeModulesRoot(vendureConfigPath, logger), logger, transformTsConfigPathMappings);
     logger.debug(`[discoverPlugins] Found ${localPluginLocations.size} local plugins: ${JSON.stringify([...localPluginLocations.entries()], null, 2)}`);
     logger.debug(`[discoverPlugins] Found ${packageImports.length} package imports: ${JSON.stringify(packageImports, null, 2)}`);
     const filePaths = await findVendurePluginFiles({
@@ -92,12 +93,32 @@ function getDecoratorObjectProps(decorator) {
     }
     return [];
 }
+async function isSymlinkedLocalPackage(packageName, nodeModulesRoot) {
+    try {
+        const packagePath = path.join(nodeModulesRoot, packageName);
+        const stats = await fs.lstat(packagePath);
+        if (stats.isSymbolicLink()) {
+            // Get the real path that the symlink points to
+            const realPath = await fs.realpath(packagePath);
+            // If the real path is within the project directory (i.e. not in some other node_modules),
+            // then it's a local package
+            if (!realPath.includes('node_modules')) {
+                return realPath;
+            }
+        }
+    }
+    catch (e) {
+        // Package doesn't exist or other error - not a local package
+        return undefined;
+    }
+    return undefined;
+}
 /**
  * Analyzes TypeScript source files starting from the config file to discover:
  * 1. Local Vendure plugins
  * 2. All non-local package imports that could contain plugins
  */
-export async function analyzeSourceFiles(vendureConfigPath, logger, transformTsConfigPathMappings) {
+export async function analyzeSourceFiles(vendureConfigPath, nodeModulesRoot, logger, transformTsConfigPathMappings) {
     const localPluginLocations = new Map();
     const visitedFiles = new Set();
     const packageImportsSet = new Set();
@@ -123,7 +144,7 @@ export async function analyzeSourceFiles(vendureConfigPath, logger, transformTsC
             const sourceFile = ts.createSourceFile(filePath, content, ts.ScriptTarget.Latest, true);
             // Track imports to follow
             const importsToFollow = [];
-            function visit(node) {
+            async function visit(node) {
                 // Look for VendurePlugin decorator
                 const vendurePluginClassName = getVendurePluginClassName(node);
                 if (vendurePluginClassName) {
@@ -139,7 +160,16 @@ export async function analyzeSourceFiles(vendureConfigPath, logger, transformTsC
                         // Track non-local imports (packages)
                         const npmPackageName = getNpmPackageNameFromImport(importPath);
                         if (npmPackageName) {
-                            packageImportsSet.add(npmPackageName);
+                            // Check if this is actually a symlinked local package
+                            const localPackagePath = await isSymlinkedLocalPackage(npmPackageName, nodeModulesRoot);
+                            if (localPackagePath) {
+                                // If it is local, follow it like a local import
+                                importsToFollow.push(localPackagePath);
+                                logger.debug(`Found symlinked local package "${npmPackageName}" at ${localPackagePath}`);
+                            }
+                            else {
+                                packageImportsSet.add(npmPackageName);
+                            }
                         }
                         // Handle path aliases and local imports
                         const pathAliasImports = getPotentialPathAliasImportPaths(importPath, tsConfigInfo);
@@ -153,9 +183,14 @@ export async function analyzeSourceFiles(vendureConfigPath, logger, transformTsC
                         }
                     }
                 }
-                ts.forEachChild(node, visit);
+                // Visit children
+                const promises = [];
+                ts.forEachChild(node, child => {
+                    promises.push(visit(child));
+                });
+                await Promise.all(promises);
             }
-            visit(sourceFile);
+            await visit(sourceFile);
             // Follow imports
             for (const importPath of importsToFollow) {
                 // Try all possible file paths
@@ -265,27 +300,14 @@ export async function findVendurePluginFiles({ outputPath, vendureConfigPath, lo
     let nodeModulesRoot = providedNodeModulesRoot;
     const readStart = Date.now();
     if (!nodeModulesRoot) {
-        // If the node_modules root path has not been explicitly
-        // specified, we will try to guess it by resolving the
-        // `@vendure/core` package.
-        try {
-            const coreUrl = import.meta.resolve('@vendure/core');
-            logger.debug(`Found core URL: ${coreUrl}`);
-            const corePath = fileURLToPath(coreUrl);
-            logger.debug(`Found core path: ${corePath}`);
-            nodeModulesRoot = path.join(path.dirname(corePath), '..', '..');
-        }
-        catch (e) {
-            logger.warn(`Failed to resolve @vendure/core: ${e instanceof Error ? e.message : String(e)}`);
-            nodeModulesRoot = path.dirname(vendureConfigPath);
-        }
+        nodeModulesRoot = guessNodeModulesRoot(vendureConfigPath, logger);
     }
     const patterns = [
         // Local compiled plugins in temp dir
         path.join(outputPath, '**/*.js'),
         // Node modules patterns
         ...packageGlobs.map(pattern => path.join(nodeModulesRoot, pattern)),
-    ];
+    ].map(p => p.replace(/\\/g, '/'));
     logger.debug(`Finding Vendure plugins using patterns: ${patterns.join('\n')}`);
     const globStart = Date.now();
     const files = await glob(patterns, {
@@ -345,3 +367,21 @@ export async function findVendurePluginFiles({ outputPath, vendureConfigPath, lo
         `(scanned ${files.length} files)`);
     return potentialPluginFiles;
 }
+function guessNodeModulesRoot(vendureConfigPath, logger) {
+    let nodeModulesRoot;
+    // If the node_modules root path has not been explicitly
+    // specified, we will try to guess it by resolving the
+    // `@vendure/core` package.
+    try {
+        const coreUrl = import.meta.resolve('@vendure/core');
+        logger.debug(`Found core URL: ${coreUrl}`);
+        const corePath = fileURLToPath(coreUrl);
+        logger.debug(`Found core path: ${corePath}`);
+        nodeModulesRoot = path.join(path.dirname(corePath), '..', '..');
+    }
+    catch (e) {
+        logger.warn(`Failed to resolve @vendure/core: ${e instanceof Error ? e.message : String(e)}`);
+        nodeModulesRoot = path.dirname(vendureConfigPath);
+    }
+    return nodeModulesRoot;
+}

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

@@ -22,7 +22,19 @@ export function dashboardTailwindSourcePlugin() {
                     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 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 sources = dashboardExtensionDirs
                     .map(extension => {
                     return `@source '${extension}';`;

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

@@ -63,7 +63,7 @@ export type VitePluginVendureDashboardOptions = {
      * @description
      * The path to the directory where the generated GraphQL Tada files will be output.
      */
-    gqlTadaOutputPath?: string;
+    gqlOutputPath?: string;
     tempCompilationDir?: string;
     disableTansStackRouterPlugin?: boolean;
     /**

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

@@ -55,8 +55,8 @@ export function vendureDashboardPlugin(options) {
         adminApiSchemaPlugin(),
         dashboardMetadataPlugin(),
         uiConfigPlugin({ adminUiConfig: options.adminUiConfig }),
-        ...(options.gqlTadaOutputPath
-            ? [gqlTadaPlugin({ gqlTadaOutputPath: options.gqlTadaOutputPath, tempDir, packageRoot })]
+        ...(options.gqlOutputPath
+            ? [gqlTadaPlugin({ gqlTadaOutputPath: options.gqlOutputPath, tempDir, packageRoot })]
             : []),
         transformIndexHtmlPlugin(),
     ];

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.3.8-master-202507231129",
+    "version": "3.3.8-master-202507240240",
     "type": "module",
     "repository": {
         "type": "git",
@@ -95,8 +95,8 @@
         "@types/react-dom": "^19.0.4",
         "@types/react-grid-layout": "^1.3.5",
         "@uidotdev/usehooks": "^2.4.1",
-        "@vendure/common": "^3.3.8-master-202507231129",
-        "@vendure/core": "^3.3.8-master-202507231129",
+        "@vendure/common": "^3.3.8-master-202507240240",
+        "@vendure/core": "^3.3.8-master-202507240240",
         "@vitejs/plugin-react": "^4.3.4",
         "acorn": "^8.11.3",
         "acorn-walk": "^8.3.2",
@@ -146,5 +146,5 @@
         "lightningcss-linux-arm64-musl": "^1.29.3",
         "lightningcss-linux-x64-musl": "^1.29.1"
     },
-    "gitHead": "cddb246db3aa0bff9ee72f1a9517ee4b8702ed4f"
+    "gitHead": "5a2448f30b88b5c0fd038adc2966a1147c9a0406"
 }

package/src/app/routes/_authenticated/_facets/components/add-facet-value-dialog.tsx

@@ -0,0 +1,146 @@
+import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
+import { Button } from '@/vdb/components/ui/button.js';
+import {
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/vdb/components/ui/dialog.js';
+import { Form } from '@/vdb/components/ui/form.js';
+import { Input } from '@/vdb/components/ui/input.js';
+import { api } from '@/vdb/graphql/api.js';
+import { graphql } from '@/vdb/graphql/graphql.js';
+import { Trans, useLingui } from '@/vdb/lib/trans.js';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useMutation } from '@tanstack/react-query';
+import { Plus } from 'lucide-react';
+import { useCallback, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import * as z from 'zod';
+
+const createFacetValuesDocument = graphql(`
+    mutation CreateFacetValues($input: [CreateFacetValueInput!]!) {
+        createFacetValues(input: $input) {
+            id
+            name
+            code
+        }
+    }
+`);
+
+const formSchema = z.object({
+    name: z.string().min(1, 'Name is required'),
+    code: z.string().min(1, 'Code is required'),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+export function AddFacetValueDialog({
+    facetId,
+    onSuccess,
+}: Readonly<{
+    facetId: string;
+    onSuccess?: () => void;
+}>) {
+    const [open, setOpen] = useState(false);
+    const { i18n } = useLingui();
+
+    const form = useForm<FormValues>({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            name: '',
+            code: '',
+        },
+    });
+
+    const createFacetValueMutation = useMutation({
+        mutationFn: api.mutate(createFacetValuesDocument),
+        onSuccess: () => {
+            toast.success(i18n.t('Successfully created facet value'));
+            setOpen(false);
+            form.reset();
+            onSuccess?.();
+        },
+        onError: error => {
+            toast.error(i18n.t('Failed to create facet value'), {
+                description: error instanceof Error ? error.message : i18n.t('Unknown error'),
+            });
+        },
+    });
+
+    const onSubmit = useCallback(
+        (values: FormValues) => {
+            createFacetValueMutation.mutate({
+                input: [
+                    {
+                        facetId,
+                        code: values.code,
+                        translations: [
+                            {
+                                languageCode: 'en',
+                                name: values.name,
+                            },
+                        ],
+                    },
+                ],
+            });
+        },
+        [createFacetValueMutation, facetId],
+    );
+
+    return (
+        <Dialog open={open} onOpenChange={setOpen}>
+            <DialogTrigger asChild>
+                <Button variant="outline">
+                    <Plus className="mr-2 h-4 w-4" />
+                    <Trans>Add facet value</Trans>
+                </Button>
+            </DialogTrigger>
+            <DialogContent>
+                <DialogHeader>
+                    <DialogTitle>
+                        <Trans>Add facet value</Trans>
+                    </DialogTitle>
+                </DialogHeader>
+                <Form {...form}>
+                    <form
+                        onSubmit={e => {
+                            e.stopPropagation();
+                            form.handleSubmit(onSubmit)(e);
+                        }}
+                        className="space-y-4"
+                    >
+                        <FormFieldWrapper
+                            control={form.control}
+                            name="name"
+                            label={<Trans>Name</Trans>}
+                            render={({ field }) => <Input {...field} />}
+                        />
+                        <FormFieldWrapper
+                            control={form.control}
+                            name="code"
+                            label={<Trans>Code</Trans>}
+                            render={({ field }) => <Input {...field} />}
+                        />
+                        <DialogFooter>
+                            <Button 
+                                type="submit" 
+                                disabled={
+                                    createFacetValueMutation.isPending || 
+                                    !form.formState.isValid || 
+                                    !form.watch('name').trim() || 
+                                    !form.watch('code').trim()
+                                }
+                            >
+                                <Trans>Create facet value</Trans>
+                            </Button>
+                        </DialogFooter>
+                    </form>
+                </Form>
+            </DialogContent>
+        </Dialog>
+    );
+}

package/src/app/routes/_authenticated/_facets/components/facet-values-table.tsx

@@ -5,8 +5,10 @@ import { addCustomFields } from '@/vdb/framework/document-introspection/add-cust
 import { graphql } from '@/vdb/graphql/graphql.js';
 import { Trans } from '@/vdb/lib/trans.js';
 import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
+import { AddFacetValueDialog } from './add-facet-value-dialog.js';
 import { EditFacetValue } from './edit-facet-value.js';
+import { deleteFacetValuesDocument } from '../facets.graphql.js';
 
 export const facetValueListDocument = graphql(`
     query FacetValueList($options: FacetValueListOptions) {
@@ -26,76 +28,96 @@ export const facetValueListDocument = graphql(`
 
 export interface FacetValuesTableProps {
     facetId: string;
+    registerRefresher?: (refresher: () => void) => void;
 }
 
-export function FacetValuesTable({ facetId }: Readonly<FacetValuesTableProps>) {
+export function FacetValuesTable({ facetId, registerRefresher }: Readonly<FacetValuesTableProps>) {
     const [sorting, setSorting] = useState<SortingState>([]);
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(10);
     const [filters, setFilters] = useState<ColumnFiltersState>([]);
+    const refreshRef = useRef<() => void>(() => {});
 
     return (
-        <PaginatedListDataTable
-            listQuery={addCustomFields(facetValueListDocument)}
-            page={page}
-            itemsPerPage={pageSize}
-            sorting={sorting}
-            columnFilters={filters}
-            onPageChange={(_, page, perPage) => {
-                setPage(page);
-                setPageSize(perPage);
-            }}
-            onSortChange={(_, sorting) => {
-                setSorting(sorting);
-            }}
-            onFilterChange={(_, filters) => {
-                setFilters(filters);
-            }}
-            transformVariables={variables => {
-                const filter = variables.options?.filter ?? {};
-                return {
-                    options: {
-                        filter: {
-                            ...filter,
-                            facetId: { eq: facetId },
+        <>
+            <PaginatedListDataTable
+                listQuery={addCustomFields(facetValueListDocument)}
+                deleteMutation={deleteFacetValuesDocument}
+                page={page}
+                itemsPerPage={pageSize}
+                sorting={sorting}
+                columnFilters={filters}
+                onPageChange={(_, page, perPage) => {
+                    setPage(page);
+                    setPageSize(perPage);
+                }}
+                onSortChange={(_, sorting) => {
+                    setSorting(sorting);
+                }}
+                onFilterChange={(_, filters) => {
+                    setFilters(filters);
+                }}
+                registerRefresher={refresher => {
+                    refreshRef.current = refresher;
+                    registerRefresher?.(refresher);
+                }}
+                transformVariables={variables => {
+                    const filter = variables.options?.filter ?? {};
+                    return {
+                        options: {
+                            filter: {
+                                ...filter,
+                                facetId: { eq: facetId },
+                            },
+                            sort: variables.options?.sort,
+                            take: pageSize,
+                            skip: (page - 1) * pageSize,
+                        },
+                    };
+                }}
+                onSearchTermChange={searchTerm => {
+                    return {
+                        name: {
+                            contains: searchTerm,
+                        },
+                    };
+                }}
+                additionalColumns={{
+                    actions: {
+                        header: 'Actions',
+                        cell: ({ row }) => {
+                            const [open, setOpen] = useState(false);
+                            const facetValue = row.original;
+                            return (
+                                <Popover open={open} onOpenChange={setOpen}>
+                                    <PopoverTrigger asChild>
+                                        <Button type="button" variant="outline" size="sm">
+                                            <Trans>Edit</Trans>
+                                        </Button>
+                                    </PopoverTrigger>
+                                    <PopoverContent className="w-80">
+                                        <EditFacetValue
+                                            facetValueId={facetValue.id}
+                                            onSuccess={() => {
+                                                setOpen(false);
+                                                refreshRef.current?.();
+                                            }}
+                                        />
+                                    </PopoverContent>
+                                </Popover>
+                            );
                         },
-                        sort: variables.options?.sort,
-                        take: pageSize,
-                        skip: (page - 1) * pageSize,
-                    },
-                };
-            }}
-            onSearchTermChange={searchTerm => {
-                return {
-                    name: {
-                        contains: searchTerm,
-                    },
-                };
-            }}
-            additionalColumns={{
-                actions: {
-                    header: 'Actions',
-                    cell: ({ row }) => {
-                        const [open, setOpen] = useState(false);
-                        const facetValue = row.original;
-                        return (
-                            <Popover open={open} onOpenChange={setOpen}>
-                                <PopoverTrigger asChild>
-                                    <Button type="button" variant="outline" size="sm">
-                                        <Trans>Edit</Trans>
-                                    </Button>
-                                </PopoverTrigger>
-                                <PopoverContent className="w-80">
-                                    <EditFacetValue
-                                        facetValueId={facetValue.id}
-                                        onSuccess={() => setOpen(false)}
-                                    />
-                                </PopoverContent>
-                            </Popover>
-                        );
                     },
-                },
-            }}
-        />
+                }}
+            />
+            <div className="mt-4">
+                <AddFacetValueDialog
+                    facetId={facetId}
+                    onSuccess={() => {
+                        refreshRef.current?.();
+                    }}
+                />
+            </div>
+        </>
     );
 }

package/src/app/routes/_authenticated/_facets/facets.graphql.ts

@@ -132,3 +132,12 @@ export const deleteFacetsDocument = graphql(`
         }
     }
 `);
+
+export const deleteFacetValuesDocument = graphql(`
+    mutation DeleteFacetValues($ids: [ID!]!) {
+        deleteFacetValues(ids: $ids) {
+            result
+            message
+        }
+    }
+`);

package/src/lib/components/data-table/use-generated-columns.tsx

@@ -1,5 +1,5 @@
 import { DisplayComponent } from '@/vdb/framework/component-registry/dynamic-component.js';
-import { FieldInfo, getTypeFieldInfo } from '@/vdb/framework/document-introspection/get-document-structure.js';
+import { FieldInfo, getTypeFieldInfo, getOperationVariablesFields } 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 { TypedDocumentNode } from '@graphql-typed-document-node/core';
@@ -250,16 +250,23 @@ function DeleteMutationRowAction({
 }>) {
     const { refetchPaginatedList } = usePaginatedList();
     const { i18n } = useLingui();
+    
+    // Inspect the mutation variables to determine if it expects 'id' or 'ids'
+    const mutationVariables = getOperationVariablesFields(deleteMutation);
+    const hasIdsParameter = mutationVariables.some(field => field.name === 'ids');
+    
     const { mutate: deleteMutationFn } = useMutation({
         mutationFn: api.mutate(deleteMutation),
-        onSuccess: (result: { [key: string]: { result: 'DELETED' | 'NOT_DELETED'; message: string } }) => {
+        onSuccess: (result: { [key: string]: { result: 'DELETED' | 'NOT_DELETED'; message: string } | { result: 'DELETED' | 'NOT_DELETED'; message: string }[] }) => {
             const unwrappedResult = Object.values(result)[0];
-            if (unwrappedResult.result === 'DELETED') {
+            // Handle both single result and array of results
+            const resultToCheck = Array.isArray(unwrappedResult) ? unwrappedResult[0] : unwrappedResult;
+            if (resultToCheck.result === 'DELETED') {
                 refetchPaginatedList();
                 toast.success(i18n.t('Deleted successfully'));
             } else {
                 toast.error(i18n.t('Failed to delete'), {
-                    description: unwrappedResult.message,
+                    description: resultToCheck.message,
                 });
             }
         },
@@ -295,7 +302,15 @@ function DeleteMutationRowAction({
                         <Trans>Cancel</Trans>
                     </AlertDialogCancel>
                     <AlertDialogAction
-                        onClick={() => deleteMutationFn({ id: row.original.id })}
+                        onClick={() => {
+                            // Pass variables based on what the mutation expects
+                            if (hasIdsParameter) {
+                                deleteMutationFn({ ids: [row.original.id] });
+                            } else {
+                                // Fallback to single id if we can't determine the format
+                                deleteMutationFn({ id: row.original.id });
+                            }
+                        }}
                         className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
                     >
                         <Trans>Delete</Trans>

package/src/lib/index.ts

@@ -105,7 +105,6 @@ export * from './components/ui/accordion.js';
 export * from './components/ui/alert-dialog.js';
 export * from './components/ui/alert.js';
 export * from './components/ui/aspect-ratio.js';
-export * from './components/ui/avatar.js';
 export * from './components/ui/badge.js';
 export * from './components/ui/breadcrumb.js';
 export * from './components/ui/button.js';

package/vite/utils/plugin-discovery.ts

@@ -30,6 +30,7 @@ export async function discoverPlugins({
     // Analyze source files to find local plugins and package imports
     const { localPluginLocations, packageImports } = await analyzeSourceFiles(
         vendureConfigPath,
+        pluginPackageScanner?.nodeModulesRoot ?? guessNodeModulesRoot(vendureConfigPath, logger),
         logger,
         transformTsConfigPathMappings,
     );
@@ -137,6 +138,29 @@ function getDecoratorObjectProps(decorator: any): any[] {
     return [];
 }
 
+async function isSymlinkedLocalPackage(
+    packageName: string,
+    nodeModulesRoot: string,
+): Promise<string | undefined> {
+    try {
+        const packagePath = path.join(nodeModulesRoot, packageName);
+        const stats = await fs.lstat(packagePath);
+        if (stats.isSymbolicLink()) {
+            // Get the real path that the symlink points to
+            const realPath = await fs.realpath(packagePath);
+            // If the real path is within the project directory (i.e. not in some other node_modules),
+            // then it's a local package
+            if (!realPath.includes('node_modules')) {
+                return realPath;
+            }
+        }
+    } catch (e) {
+        // Package doesn't exist or other error - not a local package
+        return undefined;
+    }
+    return undefined;
+}
+
 /**
  * Analyzes TypeScript source files starting from the config file to discover:
  * 1. Local Vendure plugins
@@ -144,6 +168,7 @@ function getDecoratorObjectProps(decorator: any): any[] {
  */
 export async function analyzeSourceFiles(
     vendureConfigPath: string,
+    nodeModulesRoot: string,
     logger: Logger,
     transformTsConfigPathMappings: TransformTsConfigPathMappingsFn,
 ): Promise<{
@@ -186,7 +211,7 @@ export async function analyzeSourceFiles(
             // Track imports to follow
             const importsToFollow: string[] = [];
 
-            function visit(node: ts.Node) {
+            async function visit(node: ts.Node) {
                 // Look for VendurePlugin decorator
                 const vendurePluginClassName = getVendurePluginClassName(node);
                 if (vendurePluginClassName) {
@@ -204,7 +229,20 @@ export async function analyzeSourceFiles(
                         // Track non-local imports (packages)
                         const npmPackageName = getNpmPackageNameFromImport(importPath);
                         if (npmPackageName) {
-                            packageImportsSet.add(npmPackageName);
+                            // Check if this is actually a symlinked local package
+                            const localPackagePath = await isSymlinkedLocalPackage(
+                                npmPackageName,
+                                nodeModulesRoot,
+                            );
+                            if (localPackagePath) {
+                                // If it is local, follow it like a local import
+                                importsToFollow.push(localPackagePath);
+                                logger.debug(
+                                    `Found symlinked local package "${npmPackageName}" at ${localPackagePath}`,
+                                );
+                            } else {
+                                packageImportsSet.add(npmPackageName);
+                            }
                         }
                         // Handle path aliases and local imports
                         const pathAliasImports = getPotentialPathAliasImportPaths(importPath, tsConfigInfo);
@@ -219,10 +257,15 @@ export async function analyzeSourceFiles(
                     }
                 }
 
-                ts.forEachChild(node, visit);
+                // Visit children
+                const promises: Array<Promise<void>> = [];
+                ts.forEachChild(node, child => {
+                    promises.push(visit(child));
+                });
+                await Promise.all(promises);
             }
 
-            visit(sourceFile);
+            await visit(sourceFile);
 
             // Follow imports
             for (const importPath of importsToFollow) {
@@ -352,19 +395,7 @@ export async function findVendurePluginFiles({
     let nodeModulesRoot = providedNodeModulesRoot;
     const readStart = Date.now();
     if (!nodeModulesRoot) {
-        // If the node_modules root path has not been explicitly
-        // specified, we will try to guess it by resolving the
-        // `@vendure/core` package.
-        try {
-            const coreUrl = import.meta.resolve('@vendure/core');
-            logger.debug(`Found core URL: ${coreUrl}`);
-            const corePath = fileURLToPath(coreUrl);
-            logger.debug(`Found core path: ${corePath}`);
-            nodeModulesRoot = path.join(path.dirname(corePath), '..', '..');
-        } catch (e) {
-            logger.warn(`Failed to resolve @vendure/core: ${e instanceof Error ? e.message : String(e)}`);
-            nodeModulesRoot = path.dirname(vendureConfigPath);
-        }
+        nodeModulesRoot = guessNodeModulesRoot(vendureConfigPath, logger);
     }
 
     const patterns = [
@@ -372,7 +403,7 @@ export async function findVendurePluginFiles({
         path.join(outputPath, '**/*.js'),
         // Node modules patterns
         ...packageGlobs.map(pattern => path.join(nodeModulesRoot, pattern)),
-    ];
+    ].map(p => p.replace(/\\/g, '/'));
 
     logger.debug(`Finding Vendure plugins using patterns: ${patterns.join('\n')}`);
 
@@ -443,3 +474,21 @@ export async function findVendurePluginFiles({
 
     return potentialPluginFiles;
 }
+
+function guessNodeModulesRoot(vendureConfigPath: string, logger: Logger): string {
+    let nodeModulesRoot: string;
+    // If the node_modules root path has not been explicitly
+    // specified, we will try to guess it by resolving the
+    // `@vendure/core` package.
+    try {
+        const coreUrl = import.meta.resolve('@vendure/core');
+        logger.debug(`Found core URL: ${coreUrl}`);
+        const corePath = fileURLToPath(coreUrl);
+        logger.debug(`Found core path: ${corePath}`);
+        nodeModulesRoot = path.join(path.dirname(corePath), '..', '..');
+    } catch (e) {
+        logger.warn(`Failed to resolve @vendure/core: ${e instanceof Error ? e.message : String(e)}`);
+        nodeModulesRoot = path.dirname(vendureConfigPath);
+    }
+    return nodeModulesRoot;
+}

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

@@ -27,10 +27,26 @@ export function dashboardTailwindSourcePlugin(): Plugin {
                 const { pluginInfo } = loadVendureConfigResult;
                 const dashboardExtensionDirs =
                     pluginInfo
-                        ?.map(
-                            ({ dashboardEntryPath, pluginPath }) =>
-                                dashboardEntryPath && path.join(pluginPath, path.dirname(dashboardEntryPath)),
-                        )
+                        ?.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) ?? [];
                 const sources = dashboardExtensionDirs
                     .map(extension => {

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

@@ -76,7 +76,7 @@ export type VitePluginVendureDashboardOptions = {
      * @description
      * The path to the directory where the generated GraphQL Tada files will be output.
      */
-    gqlTadaOutputPath?: string;
+    gqlOutputPath?: string;
     tempCompilationDir?: string;
     disableTansStackRouterPlugin?: boolean;
     /**
@@ -134,8 +134,8 @@ export function vendureDashboardPlugin(options: VitePluginVendureDashboardOption
         adminApiSchemaPlugin(),
         dashboardMetadataPlugin(),
         uiConfigPlugin({ adminUiConfig: options.adminUiConfig }),
-        ...(options.gqlTadaOutputPath
-            ? [gqlTadaPlugin({ gqlTadaOutputPath: options.gqlTadaOutputPath, tempDir, packageRoot })]
+        ...(options.gqlOutputPath
+            ? [gqlTadaPlugin({ gqlTadaOutputPath: options.gqlOutputPath, tempDir, packageRoot })]
             : []),
         transformIndexHtmlPlugin(),
     ];

package/src/lib/components/ui/avatar.tsx

@@ -1,53 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
-
-import { cn } from "@/vdb/lib/utils"
-
-function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
-  return (
-    <AvatarPrimitive.Root
-      data-slot="avatar"
-      className={cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
-  return (
-    <AvatarPrimitive.Image
-      data-slot="avatar-image"
-      className={cn("aspect-square size-full", className)}
-      {...props}
-    />
-  )
-}
-
-function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
-  return (
-    <AvatarPrimitive.Fallback
-      data-slot="avatar-fallback"
-      className={cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Avatar, AvatarImage, AvatarFallback }