@vendure-platform/create 0.5.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/error.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { Button } from '@/components/ui/button';
-import {Link} from '@/i18n/navigation';
-import {useTranslations} from 'next-intl';
+import { Link } from '@/i18n/navigation';
+import { useTranslations } from 'next-intl';
 
 export default function GlobalError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
     const t = useTranslations('Errors');
@@ -11,9 +11,7 @@ export default function GlobalError({ reset }: { error: Error & { digest?: strin
             <div className="text-center space-y-6 max-w-md">
                 <h1 className="text-6xl font-bold text-destructive">Error</h1>
                 <h2 className="text-2xl font-semibold">Something went wrong</h2>
-                <p className="text-muted-foreground">
-                    {t('unexpectedError')}
-                </p>
+                <p className="text-muted-foreground">{t('unexpectedError')}</p>
                 <div className="flex gap-4 justify-center">
                     <Button onClick={() => reset()} variant="outline">
                         Try Again

package/dist/assets/storefront/src/app/[locale]/forgot-password/actions.ts

@@ -1,13 +1,16 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
-import {RequestPasswordResetMutation} from '@/lib/vendure/mutations';
+import { client } from '@/lib/vendure/api';
+import { RequestPasswordResetMutation } from '@/lib/vendure/mutations';
 
-export async function requestPasswordResetAction(prevState: { error?: string; success?: boolean } | undefined, formData: FormData) {
+export async function requestPasswordResetAction(
+    prevState: { error?: string; success?: boolean } | undefined,
+    formData: FormData,
+) {
     const emailAddress = formData.get('emailAddress') as string;
 
     if (!emailAddress) {
-        return {error: 'Email address is required'};
+        return { error: 'Email address is required' };
     }
 
     const [result, error] = await client.mutate(RequestPasswordResetMutation, {
@@ -15,14 +18,14 @@ export async function requestPasswordResetAction(prevState: { error?: string; su
     });
 
     if (error) {
-        return {error: 'An unexpected error occurred. Please try again.'};
+        return { error: 'An unexpected error occurred. Please try again.' };
     }
 
     const resetResult = result.data.requestPasswordReset;
 
     if (resetResult?.__typename !== 'Success') {
-        return {error: resetResult?.message || 'Failed to request password reset'};
+        return { error: resetResult?.message || 'Failed to request password reset' };
     }
 
-    return {success: true};
+    return { success: true };
 }

package/dist/assets/storefront/src/app/[locale]/forgot-password/forgot-password-form.tsx

@@ -1,23 +1,16 @@
 'use client';
 
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Link } from '@/i18n/navigation';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useTranslations } from 'next-intl';
 import { useState, useTransition } from 'react';
 import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
-import { useTranslations } from 'next-intl';
 import { requestPasswordResetAction } from './actions';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
-import {
-    Form,
-    FormControl,
-    FormField,
-    FormItem,
-    FormLabel,
-    FormMessage,
-} from '@/components/ui/form';
-import {Link} from '@/i18n/navigation';
 
 const forgotPasswordSchema = z.object({
     emailAddress: z.email('Please enter a valid email address'),
@@ -59,9 +52,7 @@ export function ForgotPasswordForm() {
             <Card>
                 <CardHeader>
                     <CardTitle>{t('checkYourEmail')}</CardTitle>
-                    <CardDescription>
-                        {t('checkYourEmailDescription')}
-                    </CardDescription>
+                    <CardDescription>{t('checkYourEmailDescription')}</CardDescription>
                 </CardHeader>
                 <CardFooter>
                     <Link href="/sign-in">
@@ -78,9 +69,7 @@ export function ForgotPasswordForm() {
         <Card>
             <CardHeader>
                 <CardTitle>{t('forgotPasswordTitle')}</CardTitle>
-                <CardDescription>
-                    {t('forgotPasswordDescription')}
-                </CardDescription>
+                <CardDescription>{t('forgotPasswordDescription')}</CardDescription>
             </CardHeader>
             <Form {...form}>
                 <form onSubmit={form.handleSubmit(onSubmit)}>
@@ -104,11 +93,7 @@ export function ForgotPasswordForm() {
                             )}
                         />
 
-                        {serverError && (
-                            <div className="text-sm text-destructive mt-4">
-                                {serverError}
-                            </div>
-                        )}
+                        {serverError && <div className="text-sm text-destructive mt-4">{serverError}</div>}
                     </CardContent>
                     <CardFooter className="flex flex-col space-y-4 mt-4">
                         <Button type="submit" className="w-full" disabled={isPending}>

package/dist/assets/storefront/src/app/[locale]/forgot-password/page.tsx

@@ -1,12 +1,12 @@
-import type {Metadata} from 'next';
-import {getTranslations} from 'next-intl/server';
-import {locale as rootLocale} from 'next/root-params';
-import {type Locale} from '@/i18n/routing';
+import { type Locale } from '@/i18n/routing';
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+import { locale as rootLocale } from 'next/root-params';
 import { ForgotPasswordForm } from './forgot-password-form';
 
 export async function generateMetadata(): Promise<Metadata> {
     const locale = (await rootLocale()) as Locale;
-    const t = await getTranslations({locale, namespace: 'Auth'});
+    const t = await getTranslations({ locale, namespace: 'Auth' });
     return {
         title: t('forgotPasswordPageTitle'),
         description: t('forgotPasswordDescription'),

package/dist/assets/storefront/src/app/[locale]/globals.css

@@ -1,46 +1,46 @@
-@import "tailwindcss";
-@import "tw-animate-css";
+@import 'tailwindcss';
+@import 'tw-animate-css';
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --font-sans: var(--font-geist-sans);
+    --font-mono: var(--font-geist-mono);
+    --color-sidebar-ring: var(--sidebar-ring);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar: var(--sidebar);
+    --color-chart-5: var(--chart-5);
+    --color-chart-4: var(--chart-4);
+    --color-chart-3: var(--chart-3);
+    --color-chart-2: var(--chart-2);
+    --color-chart-1: var(--chart-1);
+    --color-ring: var(--ring);
+    --color-input: var(--input);
+    --color-border: var(--border);
+    --color-destructive: var(--destructive);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-accent: var(--accent);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-muted: var(--muted);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-secondary: var(--secondary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-primary: var(--primary);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-popover: var(--popover);
+    --color-card-foreground: var(--card-foreground);
+    --color-card: var(--card);
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
 }
 
 /* =============================================================
@@ -50,12 +50,12 @@
    ============================================================= */
 
 @layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
+    * {
+        @apply border-border outline-ring/50;
+    }
+    body {
+        @apply bg-background text-foreground;
+    }
 }
 
 /* =============================================================
@@ -66,7 +66,7 @@
    <AwaitingApprovalBanner/> when active. --page-top-offset is the sum.
    ============================================================= */
 :root {
-  --navbar-height: 64px;
-  --banner-height: 0px;
-  --page-top-offset: calc(var(--navbar-height) + var(--banner-height));
+    --navbar-height: 64px;
+    --banner-height: 0px;
+    --page-top-offset: calc(var(--navbar-height) + var(--banner-height));
 }

package/dist/assets/storefront/src/app/[locale]/layout.tsx

@@ -1,36 +1,36 @@
-import type {Metadata, Viewport} from "next";
-import {Geist, Geist_Mono, Inter_Tight, JetBrains_Mono} from "next/font/google";
-import {NextIntlClientProvider} from 'next-intl';
-import {getMessages, setRequestLocale} from 'next-intl/server';
-import "./globals.css";
-import {Toaster} from "@/components/ui/sonner";
-import {Navbar} from "@/components/layout/navbar";
-import {Footer} from "@/components/layout/footer";
-import {ThemeProvider} from "@/components/providers/theme-provider";
-import {SITE_NAME, SITE_URL, buildAlternates} from "@/lib/metadata";
-import {Suspense} from "react";
-import {SearchBarProvider} from "@/lib/search-bar-context";
-import {CartCountProvider} from "@/lib/cart-count-context";
-import {CartCountServer} from "@/components/providers/cart-count-server";
-import {CompanyContextGuard} from "@/components/providers/company-context-guard";
-import {CompanyPermissionsServer} from "@/components/providers/company-permissions-server";
-import {getBranding, getBrandingStyleTag} from "@/config/branding";
+import { Footer } from '@/components/layout/footer';
+import { Navbar } from '@/components/layout/navbar';
+import { CartCountServer } from '@/components/providers/cart-count-server';
+import { CompanyContextGuard } from '@/components/providers/company-context-guard';
+import { CompanyPermissionsServer } from '@/components/providers/company-permissions-server';
+import { ThemeProvider } from '@/components/providers/theme-provider';
+import { Toaster } from '@/components/ui/sonner';
+import { getBranding, getBrandingStyleTag } from '@/config/branding';
+import { CartCountProvider } from '@/lib/cart-count-context';
+import { SITE_NAME, SITE_URL, buildAlternates } from '@/lib/metadata';
+import { SearchBarProvider } from '@/lib/search-bar-context';
+import type { Metadata, Viewport } from 'next';
+import { NextIntlClientProvider } from 'next-intl';
+import { getMessages, setRequestLocale } from 'next-intl/server';
+import { Geist, Geist_Mono, Inter_Tight, JetBrains_Mono } from 'next/font/google';
+import { Suspense } from 'react';
+import './globals.css';
 // next/root-params provides cache-safe locale resolution. The SWC transform
 // only runs in route files (layout/page), so this import cannot be moved to
 // a utility module. There must be no layout.tsx above [locale] — see next.config.ts.
-import {locale as rootLocale} from 'next/root-params';
-import {hasLocale} from 'next-intl';
-import {routing, type Locale} from '@/i18n/routing';
-import {toOgLocale} from '@/i18n/locale-utils';
+import { toOgLocale } from '@/i18n/locale-utils';
+import { routing, type Locale } from '@/i18n/routing';
+import { hasLocale } from 'next-intl';
+import { locale as rootLocale } from 'next/root-params';
 
 const geistSans = Geist({
-    variable: "--font-geist-sans",
-    subsets: ["latin"],
+    variable: '--font-geist-sans',
+    subsets: ['latin'],
 });
 
 const geistMono = Geist_Mono({
-    variable: "--font-geist-mono",
-    subsets: ["latin"],
+    variable: '--font-geist-mono',
+    subsets: ['latin'],
 });
 
 // Technical-documentation typography stack — loaded at module scope
@@ -38,13 +38,13 @@ const geistMono = Geist_Mono({
 // <body> when the active scenario's branding opts in via `fonts.technical`;
 // other scenarios render with Geist and never see these CSS variables.
 const interTight = Inter_Tight({
-    variable: "--font-inter-tight",
-    subsets: ["latin"],
+    variable: '--font-inter-tight',
+    subsets: ['latin'],
 });
 
 const jetbrainsMono = JetBrains_Mono({
-    variable: "--font-jetbrains-mono",
-    subsets: ["latin"],
+    variable: '--font-jetbrains-mono',
+    subsets: ['latin'],
 });
 
 const _branding = getBranding();
@@ -62,12 +62,12 @@ export async function generateMetadata(): Promise<Metadata> {
         description: _branding.metadata.defaultDescription,
         alternates: buildAlternates('/', locale),
         openGraph: {
-            type: "website",
+            type: 'website',
             siteName: SITE_NAME,
             locale: toOgLocale(locale),
         },
         twitter: {
-            card: "summary_large_image",
+            card: 'summary_large_image',
         },
         robots: {
             index: true,
@@ -75,23 +75,23 @@ export async function generateMetadata(): Promise<Metadata> {
             googleBot: {
                 index: true,
                 follow: true,
-                "max-video-preview": -1,
-                "max-image-preview": "large",
-                "max-snippet": -1,
+                'max-video-preview': -1,
+                'max-image-preview': 'large',
+                'max-snippet': -1,
             },
         },
     };
 }
 
 export const viewport: Viewport = {
-    width: "device-width",
+    width: 'device-width',
     initialScale: 1,
     maximumScale: 5,
     themeColor: _branding.metadata.themeColor,
 };
 
 export function generateStaticParams() {
-    return routing.locales.map((locale) => ({locale}));
+    return routing.locales.map((locale) => ({ locale }));
 }
 
 // Matches the exact structure of <Footer /> so the swap is zero-shift.
@@ -104,8 +104,8 @@ function FooterSkeleton() {
                     <div>
                         <div className="h-5 w-20 mb-4" />
                         <div className="space-y-2">
-                            {Array.from({length: 5}).map((_, i) => (
-                                <div key={i} className="h-5 rounded" style={{width: `${50 + i * 8}%`}} />
+                            {Array.from({ length: 5 }).map((_, i) => (
+                                <div key={i} className="h-5 rounded" style={{ width: `${50 + i * 8}%` }} />
                             ))}
                         </div>
                     </div>
@@ -113,8 +113,8 @@ function FooterSkeleton() {
                     <div>
                         <div className="h-5 w-16 mb-4" />
                         <div className="space-y-2">
-                            {Array.from({length: 5}).map((_, i) => (
-                                <div key={i} className="h-5 rounded" style={{width: `${40 + i * 10}%`}} />
+                            {Array.from({ length: 5 }).map((_, i) => (
+                                <div key={i} className="h-5 rounded" style={{ width: `${40 + i * 10}%` }} />
                             ))}
                         </div>
                     </div>
@@ -122,8 +122,8 @@ function FooterSkeleton() {
                     <div>
                         <div className="h-5 w-32 mb-4" />
                         <div className="space-y-2">
-                            {Array.from({length: 3}).map((_, i) => (
-                                <div key={i} className="h-5 rounded" style={{width: `${50 + i * 15}%`}} />
+                            {Array.from({ length: 3 }).map((_, i) => (
+                                <div key={i} className="h-5 rounded" style={{ width: `${50 + i * 15}%` }} />
                             ))}
                         </div>
                     </div>
@@ -131,8 +131,8 @@ function FooterSkeleton() {
                     <div>
                         <div className="h-5 w-24 mb-4" />
                         <div className="space-y-2">
-                            {Array.from({length: 3}).map((_, i) => (
-                                <div key={i} className="h-5 rounded" style={{width: `${55 + i * 12}%`}} />
+                            {Array.from({ length: 3 }).map((_, i) => (
+                                <div key={i} className="h-5 rounded" style={{ width: `${55 + i * 12}%` }} />
                             ))}
                         </div>
                     </div>
@@ -146,10 +146,16 @@ function FooterSkeleton() {
     );
 }
 
-export default async function LocaleLayout({children, params}: {children: React.ReactNode; params: Promise<{locale: string}>}) {
-    const {locale} = await params;
+export default async function LocaleLayout({
+    children,
+    params,
+}: {
+    children: React.ReactNode;
+    params: Promise<{ locale: string }>;
+}) {
+    const { locale } = await params;
     setRequestLocale(locale);
-    const messages = await getMessages({locale});
+    const messages = await getMessages({ locale });
 
     return (
         <html lang={locale} suppressHydrationWarning>

package/dist/assets/storefront/src/app/[locale]/not-found.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@/components/ui/button';
-import {Link} from "@/i18n/navigation";
-import {getTranslations} from 'next-intl/server';
+import { Link } from '@/i18n/navigation';
+import { getTranslations } from 'next-intl/server';
 
 export default async function NotFound() {
     const t = await getTranslations('NotFound');
@@ -9,9 +9,7 @@ export default async function NotFound() {
             <div className="text-center space-y-6 max-w-md">
                 <h1 className="text-6xl font-bold text-primary">404</h1>
                 <h2 className="text-2xl font-semibold">{t('title')}</h2>
-                <p className="text-muted-foreground">
-                    {t('message')}
-                </p>
+                <p className="text-muted-foreground">{t('message')}</p>
                 <div className="flex gap-4 justify-center">
                     <Button asChild>
                         <Link href="/">{t('goHome')}</Link>