npm - @vendure/dashboard - Versions diffs - 3.2.0 → 3.2.1 - Mend

@vendure/dashboard 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (381) hide show

package/LICENSE.md ADDED Viewed

@@ -0,0 +1,42 @@
+# License
+Copyright (C) Vendure GmbH
+This software is available under two different licenses:
+* GNU General Public License version 3 (GPLv3) as Vendure Community Edition
+* Vendure Commercial License (VCL)
+The default Vendure license, without a valid Vendure Commercial License agreement, is the Open-Source GPLv3 license.
+## GNU General Public License version 3 (GPLv3)
+If you decide to choose the GPLv3 license, you must comply with the following terms:
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+Additional permission under GNU GPL version 3 section 7:
+An additional exception under section 7 of the GPL is included in the plugin-exception.txt file,
+which allows you to distribute Vendure plugins (i.e. extensions) under a different license.
+## Vendure Commercial License (VCL)
+Alternatively, commercial and supported versions of the program - also known as
+Commercial Distributions - must be used in accordance with the terms and conditions
+contained in a separate written agreement between you and Vendure GmbH.
+For more information about the Vendure Commercial License (VCL) please contact contact@vendure.io.
+Please see also:
+- [Licensing FAQ - license-faq.md](license/license-faq.md)
+- [GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007 - gpl-3.0.txt](license/gpl-3.0.txt)

package/README.md CHANGED Viewed

@@ -1,13 +1,13 @@
-# Vendure Dashboard
-This is an admin dashboard for managing Vendure applications. It is designed to supersede the existing Admin UI.
-Current status: early work in progress
-## Development
-Run `npx vite` to start Vite in dev mode.
-## Testing
+# Vendure Dashboard
+This is an admin dashboard for managing Vendure applications. It is designed to supersede the existing Admin UI.
+Current status: early work in progress
+## Development
+Run `npx vite` to start Vite in dev mode.
+## Testing
 Run `npm run test` to run tests once, or `npx vitest` to run tests in watch mode

package/index.html CHANGED Viewed

@@ -1,15 +1,15 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" 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" />
-        <title>Vendure Admin Dashboard</title>
-    </head>
-    <body>
-        <div id="app"></div>
-        <script type="module" src="/src/app/main.jsx"></script>
-    </body>
-</html>
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" 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" />
+        <title>Vendure Admin Dashboard</title>
+    </head>
+    <body>
+        <div id="app"></div>
+        <script type="module" src="/src/app/main.jsx"></script>
+    </body>
+</html>

package/lingui.config.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { defineConfig } from '@lingui/cli';
-export default defineConfig({
-    sourceLocale: 'en',
-    locales: ['de', 'en'],
-    catalogs: [
-        {
-            path: '<rootDir>/src/i18n/locales/{locale}',
-            include: ['<rootDir>'],
-        },
-    ],
-});
+import { defineConfig } from '@lingui/cli';
+export default defineConfig({
+    sourceLocale: 'en',
+    locales: ['de', 'en'],
+    catalogs: [
+        {
+            path: '<rootDir>/src/i18n/locales/{locale}',
+            include: ['<rootDir>'],
+        },
+    ],
+});

package/package.json CHANGED Viewed

@@ -1,8 +1,17 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.2.0",
+    "version": "3.2.1",
     "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:lib": "vite build --config vite.config.lib.mts",
@@ -114,5 +123,5 @@
         "globals": "^15.14.0",
         "vite-plugin-dts": "^4.5.3"
     },
-    "gitHead": "58c173ac0c7854ff53809d69f34a496f3eff1910"
+    "gitHead": "d86ca35d52e64990f5cb17dad476c6315a2e548c"
 }

package/src/app/app-providers.tsx CHANGED Viewed

@@ -1,30 +1,30 @@
-import { AuthProvider } from '@/providers/auth.js';
-import { ChannelProvider } from '@/providers/channel-provider.js';
-import { I18nProvider } from '@/providers/i18n-provider.js';
-import { ServerConfigProvider } from '@/providers/server-config.js';
-import { ThemeProvider } from '@/providers/theme-provider.js';
-import { UserSettingsProvider } from '@/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();
-export function AppProviders({ children }: { children: React.ReactNode }) {
-    return (
-        <I18nProvider>
-            <QueryClientProvider client={queryClient}>
-                <ServerConfigProvider>
-                    <UserSettingsProvider>
-                        <ThemeProvider defaultTheme="system">
-                            <AuthProvider>
-                                <ChannelProvider>{children}</ChannelProvider>
-                            </AuthProvider>
-                        </ThemeProvider>
-                    </UserSettingsProvider>
-                </ServerConfigProvider>
-                <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
-            </QueryClientProvider>
-        </I18nProvider>
-    );
-}
+import { AuthProvider } from '@/providers/auth.js';
+import { ChannelProvider } from '@/providers/channel-provider.js';
+import { I18nProvider } from '@/providers/i18n-provider.js';
+import { ServerConfigProvider } from '@/providers/server-config.js';
+import { ThemeProvider } from '@/providers/theme-provider.js';
+import { UserSettingsProvider } from '@/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();
+export function AppProviders({ children }: { children: React.ReactNode }) {
+    return (
+        <I18nProvider>
+            <QueryClientProvider client={queryClient}>
+                <ServerConfigProvider>
+                    <UserSettingsProvider>
+                        <ThemeProvider defaultTheme="system">
+                            <AuthProvider>
+                                <ChannelProvider>{children}</ChannelProvider>
+                            </AuthProvider>
+                        </ThemeProvider>
+                    </UserSettingsProvider>
+                </ServerConfigProvider>
+                <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
+            </QueryClientProvider>
+        </I18nProvider>
+    );
+}

package/src/app/main.tsx CHANGED Viewed

@@ -1,97 +1,97 @@
-import { Toaster } from '@/components/ui/sonner.js';
-import { setCustomFieldsMap } from '@/framework/document-introspection/add-custom-fields.js';
-import { useDashboardExtensions } from '@/framework/extension-api/use-dashboard-extensions.js';
-import { useExtendedRouter } from '@/framework/page/use-extended-router.js';
-import { useAuth } from '@/hooks/use-auth.js';
-import { useServerConfig } from '@/hooks/use-server-config.js';
-import { defaultLocale, dynamicActivate } from '@/providers/i18n-provider.js';
-import { createRouter, RouterProvider } from '@tanstack/react-router';
-import React, { useEffect } from 'react';
-import ReactDOM from 'react-dom/client';
-import { registerDefaults } from '@/framework/defaults.js';
-import { executeDashboardExtensionCallbacks } from '@/framework/extension-api/define-dashboard-extension.js';
-import { AppProviders, queryClient } from './app-providers.js';
-import { routeTree } from './routeTree.gen.js';
-import './styles.css';
-// Register things for typesafety
-declare module '@tanstack/react-router' {
-    interface Register {
-        router: typeof router;
-    }
-}
-export const router = createRouter({
-    routeTree,
-    defaultPreload: 'intent',
-    scrollRestoration: true,
-    context: {
-        /* eslint-disable @typescript-eslint/no-non-null-assertion */
-        auth: undefined!, // This will be set after we wrap the app in an AuthProvider
-        queryClient,
-    },
-    defaultErrorComponent: ({ error }: { error: Error }) => <div>Uh Oh!!! {error.message}</div>,
-});
-function InnerApp() {
-    const auth = useAuth();
-    const extendedRouter = useExtendedRouter(router);
-    const serverConfig = useServerConfig();
-    const [hasSetCustomFieldsMap, setHasSetCustomFieldsMap] = React.useState(false);
-    useEffect(() => {
-        if (!serverConfig) {
-            return;
-        }
-        setCustomFieldsMap(serverConfig.entityCustomFields);
-        setHasSetCustomFieldsMap(true);
-    }, [serverConfig?.entityCustomFields]);
-    return (
-        <>
-            {hasSetCustomFieldsMap && (
-                <RouterProvider router={extendedRouter} context={{ auth, queryClient }} />
-            )}
-        </>
-    );
-}
-function App() {
-    const [i18nLoaded, setI18nLoaded] = React.useState(false);
-    const { extensionsLoaded } = useDashboardExtensions();
-    useEffect(() => {
-        // With this method we dynamically load the catalogs
-        dynamicActivate(defaultLocale, () => {
-            setI18nLoaded(true);
-        });
-        registerDefaults();
-    }, []);
-    useEffect(() => {
-        if (extensionsLoaded) {
-            executeDashboardExtensionCallbacks();
-        }
-    }, [extensionsLoaded]);
-    return (
-        i18nLoaded &&
-        extensionsLoaded && (
-            <AppProviders>
-                <InnerApp />
-                <Toaster />
-            </AppProviders>
-        )
-    );
-}
-const rootElement = document.getElementById('app')!;
-if (!rootElement.innerHTML) {
-    const root = ReactDOM.createRoot(rootElement);
-    root.render(
-        <React.StrictMode>
-            <App />
-        </React.StrictMode>,
-    );
-}
+import { Toaster } from '@/components/ui/sonner.js';
+import { setCustomFieldsMap } from '@/framework/document-introspection/add-custom-fields.js';
+import { useDashboardExtensions } from '@/framework/extension-api/use-dashboard-extensions.js';
+import { useExtendedRouter } from '@/framework/page/use-extended-router.js';
+import { useAuth } from '@/hooks/use-auth.js';
+import { useServerConfig } from '@/hooks/use-server-config.js';
+import { defaultLocale, dynamicActivate } from '@/providers/i18n-provider.js';
+import { createRouter, RouterProvider } from '@tanstack/react-router';
+import React, { useEffect } from 'react';
+import ReactDOM from 'react-dom/client';
+import { registerDefaults } from '@/framework/defaults.js';
+import { executeDashboardExtensionCallbacks } from '@/framework/extension-api/define-dashboard-extension.js';
+import { AppProviders, queryClient } from './app-providers.js';
+import { routeTree } from './routeTree.gen.js';
+import './styles.css';
+// Register things for typesafety
+declare module '@tanstack/react-router' {
+    interface Register {
+        router: typeof router;
+    }
+}
+export const router = createRouter({
+    routeTree,
+    defaultPreload: 'intent',
+    scrollRestoration: true,
+    context: {
+        /* eslint-disable @typescript-eslint/no-non-null-assertion */
+        auth: undefined!, // This will be set after we wrap the app in an AuthProvider
+        queryClient,
+    },
+    defaultErrorComponent: ({ error }: { error: Error }) => <div>Uh Oh!!! {error.message}</div>,
+});
+function InnerApp() {
+    const auth = useAuth();
+    const extendedRouter = useExtendedRouter(router);
+    const serverConfig = useServerConfig();
+    const [hasSetCustomFieldsMap, setHasSetCustomFieldsMap] = React.useState(false);
+    useEffect(() => {
+        if (!serverConfig) {
+            return;
+        }
+        setCustomFieldsMap(serverConfig.entityCustomFields);
+        setHasSetCustomFieldsMap(true);
+    }, [serverConfig?.entityCustomFields]);
+    return (
+        <>
+            {hasSetCustomFieldsMap && (
+                <RouterProvider router={extendedRouter} context={{ auth, queryClient }} />
+            )}
+        </>
+    );
+}
+function App() {
+    const [i18nLoaded, setI18nLoaded] = React.useState(false);
+    const { extensionsLoaded } = useDashboardExtensions();
+    useEffect(() => {
+        // With this method we dynamically load the catalogs
+        dynamicActivate(defaultLocale, () => {
+            setI18nLoaded(true);
+        });
+        registerDefaults();
+    }, []);
+    useEffect(() => {
+        if (extensionsLoaded) {
+            executeDashboardExtensionCallbacks();
+        }
+    }, [extensionsLoaded]);
+    return (
+        i18nLoaded &&
+        extensionsLoaded && (
+            <AppProviders>
+                <InnerApp />
+                <Toaster />
+            </AppProviders>
+        )
+    );
+}
+const rootElement = document.getElementById('app')!;
+if (!rootElement.innerHTML) {
+    const root = ReactDOM.createRoot(rootElement);
+    root.render(
+        <React.StrictMode>
+            <App />
+        </React.StrictMode>,
+    );
+}

package/src/app/routes/__root.tsx CHANGED Viewed

@@ -1,24 +1,24 @@
-import { AuthContext } from '@/providers/auth.js';
-import { QueryClient } from '@tanstack/react-query';
-import { createRootRouteWithContext, Outlet } from '@tanstack/react-router';
-import { TanStackRouterDevtools } from '@tanstack/router-devtools';
-export interface MyRouterContext {
-    auth: AuthContext;
-    queryClient: QueryClient;
-}
-export const Route = createRootRouteWithContext<MyRouterContext>()({
-    component: RootComponent,
-    search: {
-        // middlewares: [retainSearchParams(['page', 'perPage', 'sort'] as any)],
-    },
-});
-function RootComponent() {
-    return (
-        <>
-            <Outlet />
-        </>
-    );
-}
+import { AuthContext } from '@/providers/auth.js';
+import { QueryClient } from '@tanstack/react-query';
+import { createRootRouteWithContext, Outlet } from '@tanstack/react-router';
+import { TanStackRouterDevtools } from '@tanstack/router-devtools';
+export interface MyRouterContext {
+    auth: AuthContext;
+    queryClient: QueryClient;
+}
+export const Route = createRootRouteWithContext<MyRouterContext>()({
+    component: RootComponent,
+    search: {
+        // middlewares: [retainSearchParams(['page', 'perPage', 'sort'] as any)],
+    },
+});
+function RootComponent() {
+    return (
+        <>
+            <Outlet />
+        </>
+    );
+}

package/src/app/routes/_authenticated/_administrators/administrators.graphql.ts CHANGED Viewed

@@ -1,79 +1,79 @@
-import { graphql } from '@/graphql/graphql.js';
-export const administratorItemFragment = graphql(`
-    fragment AdministratorItem on Administrator {
-        id
-        createdAt
-        updatedAt
-        firstName
-        lastName
-        emailAddress
-        user {
-            id
-            identifier
-            lastLogin
-            roles {
-                id
-                createdAt
-                updatedAt
-                code
-                description
-                channels {
-                    id
-                    code
-                }
-            }
-        }
-    }
-`);
-export const administratorListDocument = graphql(
-    `
-        query AdministratorList {
-            administrators {
-                items {
-                    ...AdministratorItem
-                }
-                totalItems
-            }
-        }
-    `,
-    [administratorItemFragment],
-);
-export const administratorDetailDocument = graphql(
-    `
-        query AdministratorDetail($id: ID!) {
-            administrator(id: $id) {
-                ...AdministratorItem
-                customFields
-            }
-        }
-    `,
-    [administratorItemFragment],
-);
-export const createAdministratorDocument = graphql(`
-    mutation CreateAdministrator($input: CreateAdministratorInput!) {
-        createAdministrator(input: $input) {
-            id
-        }
-    }
-`);
-export const updateAdministratorDocument = graphql(`
-    mutation UpdateAdministrator($input: UpdateAdministratorInput!) {
-        updateAdministrator(input: $input) {
-            id
-        }
-    }
-`);
-export const deleteAdministratorDocument = graphql(`
-    mutation DeleteAdministrator($id: ID!) {
-        deleteAdministrator(id: $id) {
-            result
-            message
-        }
-    }
-`);
+import { graphql } from '@/graphql/graphql.js';
+export const administratorItemFragment = graphql(`
+    fragment AdministratorItem on Administrator {
+        id
+        createdAt
+        updatedAt
+        firstName
+        lastName
+        emailAddress
+        user {
+            id
+            identifier
+            lastLogin
+            roles {
+                id
+                createdAt
+                updatedAt
+                code
+                description
+                channels {
+                    id
+                    code
+                }
+            }
+        }
+    }
+`);
+export const administratorListDocument = graphql(
+    `
+        query AdministratorList {
+            administrators {
+                items {
+                    ...AdministratorItem
+                }
+                totalItems
+            }
+        }
+    `,
+    [administratorItemFragment],
+);
+export const administratorDetailDocument = graphql(
+    `
+        query AdministratorDetail($id: ID!) {
+            administrator(id: $id) {
+                ...AdministratorItem
+                customFields
+            }
+        }
+    `,
+    [administratorItemFragment],
+);
+export const createAdministratorDocument = graphql(`
+    mutation CreateAdministrator($input: CreateAdministratorInput!) {
+        createAdministrator(input: $input) {
+            id
+        }
+    }
+`);
+export const updateAdministratorDocument = graphql(`
+    mutation UpdateAdministrator($input: UpdateAdministratorInput!) {
+        updateAdministrator(input: $input) {
+            id
+        }
+    }
+`);
+export const deleteAdministratorDocument = graphql(`
+    mutation DeleteAdministrator($id: ID!) {
+        deleteAdministrator(id: $id) {
+            result
+            message
+        }
+    }
+`);