@shopbite-de/storefront 1.5.3 → 1.6.1

package/app/validation/registrationSchema.ts

@@ -1,14 +1,47 @@
 // schemas/registrationSchema.ts
 import * as z from "zod";
 
+const baseAddressSchema = z.object({
+  firstName: z.string().optional(),
+  lastName: z.string().optional(),
+  company: z.string().optional(),
+  department: z.string().optional(),
+  salutationId: z.string().optional(),
+  street: z
+    .string()
+    .min(1, { message: "Bitte geben Sie Ihre Straße und Hausnummer an." })
+    .refine((val) => /[0-9]/.test(val), {
+      message: "Bitte geben Sie Ihre Straße und Hausnummer an.",
+    }),
+  additionalAddressLine1: z.string().optional(),
+  zipcode: z.string().optional(),
+  city: z.string().min(1, {
+    message: "Bitte geben Sie Ihren Ort an.",
+  }),
+  countryId: z.string().min(1, { message: "Bitte wählen Sie ein Land aus." }),
+  phoneNumber: z.string().min(7, {
+    message: "Bitte geben Sie eine gültige Telefonnummer an (mind. 7 Zeichen).",
+  }),
+});
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const createRegistrationSchema = (state: any) =>
   z.object({
-    accountType: z.string(),
-    email: z.string().email("Invalid email"),
-    firstName: z.string().min(1),
-    lastName: z.string().min(1),
+    accountType: z.enum(["private", "business"], {
+      errorMap: () => ({ message: "Bitte wählen Sie einen Kontotyp aus." }),
+    }),
+    email: z.string().email("Bitte geben Sie eine gültige E-Mail-Adresse ein."),
+    firstName: z
+      .string()
+      .min(1, { message: "Bitte geben Sie Ihren Vornamen an." }),
+    lastName: z
+      .string()
+      .min(1, { message: "Bitte geben Sie Ihren Nachnamen an." }),
     guest: z.boolean(),
+    acceptedDataProtection: z.boolean().refine((val) => val, {
+      message: "Bitte akzeptieren Sie die Datenschutzbestimmungen.",
+    }),
+    storefrontUrl: z.string().optional(),
     password: z
       .string()
       .optional()
@@ -17,7 +50,7 @@ export const createRegistrationSchema = (state: any) =>
           return state.guest || (val && val.length >= 8);
         },
         {
-          message: "Password muss mindestens 8 Zeichen lang sein.",
+          message: "Das Passwort muss mindestens 8 Zeichen lang sein.",
         },
       ),
     passwordConfirm: z
@@ -28,129 +61,77 @@ export const createRegistrationSchema = (state: any) =>
           return state.guest || val === state.password;
         },
         {
-          message: "Password stimmt nicht überein.",
+          message: "Die Passwörter stimmen nicht überein.",
         },
       ),
-    billingAddress: z.object({
-      firstName: z.string().min(1).optional(),
-      lastName: z.string().min(1).optional(),
-      company: z
-        .string()
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              state.accountType !== "commercial" ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Als Geschäftskunde ist dieses Feld pflicht.",
-          },
-        ),
-      department: z.string().optional(),
-      street: z.string().min(1),
-      zipcode: z.string().min(1).optional(),
-      city: z.string().min(1, {
-        message: "Bitte geben Sie den Ort an.",
-      }),
-      countryId: z.string().min(1),
-      phoneNumber: z.string().min(7),
-    }),
-    shippingAddress: z.object({
-      firstName: z
-        .string()
-        .min(1)
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      lastName: z
-        .string()
-        .min(1)
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      company: z
-        .string()
-        .min(1)
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      department: z.string().optional(),
-      phoneNumber: z
-        .string()
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      street: z
-        .string()
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      zipcode: z.string().min(1).optional(),
-      city: z
-        .string()
-        .optional()
-        .refine(
-          (val) => {
-            return (
-              !state.isShippingAddressDifferent ||
-              (val !== undefined && val !== "")
-            );
-          },
-          {
-            message: "Erforderlich.",
-          },
-        ),
-      countryId: z.string().min(1),
-    }),
+    billingAddress: baseAddressSchema.refine(
+      (data) => {
+        return (
+          state.accountType !== "business" ||
+          (data.company !== undefined && data.company !== "")
+        );
+      },
+      {
+        message: "Als Geschäftskunde ist der Firmenname ein Pflichtfeld.",
+        path: ["company"],
+      },
+    ),
+    shippingAddress: baseAddressSchema
+      .extend({
+        firstName: z.string().optional(),
+        lastName: z.string().optional(),
+        company: z.string().optional(),
+        phoneNumber: z.string().optional(),
+        street: z.string().optional(),
+        city: z.string().optional(),
+        zipcode: z.string().optional(),
+        countryId: z.string().optional(),
+      })
+      .superRefine((data, ctx) => {
+        if (!state.isShippingAddressDifferent) return;
+
+        const requiredFields: (keyof typeof data)[] = [
+          "firstName",
+          "lastName",
+          "company",
+          "phoneNumber",
+          "street",
+          "city",
+        ];
+
+        const fieldMessages: Record<string, string> = {
+          firstName: "Bitte geben Sie den Vornamen für die Lieferadresse an.",
+          lastName: "Bitte geben Sie den Nachnamen für die Lieferadresse an.",
+          company: "Bitte geben Sie den Firmennamen für die Lieferadresse an.",
+          phoneNumber:
+            "Bitte geben Sie eine Telefonnummer für die Lieferadresse an.",
+          street: "Bitte geben Sie die Straße für die Lieferadresse an.",
+          city: "Bitte geben Sie den Ort für die Lieferadresse an.",
+        };
+
+        requiredFields.forEach((field) => {
+          if (field === "company" && state.accountType !== "business") return;
+
+          if (!data[field] || data[field] === "") {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message: fieldMessages[field] || "Dieses Feld ist erforderlich.",
+              path: [field],
+            });
+          } else if (field === "street" && !/[0-9]/.test(data.street || "")) {
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              message: "Bitte geben Sie Ihre Straße und Hausnummer an.",
+              path: ["street"],
+            });
+          }
+        });
+      })
+      .optional(),
   });
 
 export type RegistrationSchema = z.infer<
   ReturnType<typeof createRegistrationSchema>
 >;
+
+export type AddressSchema = z.infer<typeof baseAddressSchema>;

package/content/{unternehmen/impressum.md → impressum.md}

@@ -1,3 +1,8 @@
+---
+title: Impressum
+description: Impressum für unsere Website
+---
+
 # Impressum
 
 ## Angaben gemäß § 5 TMG

package/content/index.yml

@@ -1,6 +1,7 @@
 seo:
-  title: ShopBite – Kostenloses Online-Bestellsystem für Gastronomie
+  title: ShopBite – Demo Store
   description: Dein eigenes Bestellsystem ohne Provisionen, ohne monatliche Kosten – 100% Open Source und individuell anpassbar. Perfekt für Pizzerien, Imbisse und Lieferdienste.
+  image: /card.png
 title: ShopBite
 description: Reduziere Kosten und steigere deinen Umsatz
 hero:

package/content/unternehmen/agb.md

@@ -1 +1,6 @@
+---
+title: AGB
+description: Allgemeine Geschäftsbedingungen
+---
+
 # AGB

package/content/unternehmen/datenschutz.md

@@ -1 +1,6 @@
+---
+title: Datenschutz
+description: Datenschutzbestimmungen für unsere Website
+---
+
 # Datenschutz

package/content/unternehmen/zahlung-und-versand.md

@@ -0,0 +1,34 @@
+---
+title: Zahlungs- und Lieferinformationen
+description: Zahlungs- und Lieferinformationen
+---
+
+# Zahlungs- und Lieferinformationen
+
+### Liefermethoden
+
+Wir bieten Ihnen zwei Möglichkeiten, Ihre Bestellung zu erhalten:
+
+- **Lieferung:** Wir bringen Ihre Bestellung direkt zu Ihnen nach Hause (beachten Sie bitte unsere Liefergebiete).
+- **Abholung:** Sie können Ihre Bestellung auch direkt bei uns abholen (Kantstraße 6, 63179 Obertshausen).
+
+### Zahlungsmöglichkeiten
+
+- **Bei Lieferung:** Die Zahlung erfolgt ausschließlich **bar**.
+- **Bei Abholung:** Sie können bar oder elektronisch mit **EC-Karte** bezahlen.
+
+### Lieferbedingungen
+
+Wir liefern ausschließlich in folgende Gebiete:
+
+- **63179 Obertshausen** (Stadtteile Obertshausen und Hausen)
+- **63165 Mühlheim** (Stadtteil Lämmerspiel)
+
+### Lieferkosten
+
+- **Ab 15,00 € Bestellwert:** Lieferung frei Haus (versandkostenfrei).
+- **Unter 15,00 € Bestellwert:** Wir erheben eine Lieferpauschale von **2,00 €**.
+
+### Lieferzeit
+
+Die Lieferzeit beträgt in der Regel ca. **30 Minuten**. Bitte beachten Sie, dass es zu Stoßzeiten zu Abweichungen kommen kann.

package/content.config.ts

@@ -131,9 +131,13 @@ export default defineContentConfig({
         }),
       }),
     }),
-    unternehmen: defineCollection({
-      source: "unternehmen/*.md",
+    landingpages: defineCollection({
+      source: "**/*.md",
       type: "page",
+      schema: z.object({
+        title: z.string().min(1),
+        description: z.string().optional(),
+      }),
     }),
   },
 });

package/eslint.config.mjs

@@ -3,6 +3,8 @@ import withNuxt from './.nuxt/eslint.config.mjs'
 
 export default withNuxt({
   rules: {
-    'vue/multi-word-component-names': 'off'
-  }
-})
+    "vue/no-watch-after-await": "error",
+    "vue/no-lifecycle-after-await": "error",
+    "vue/multi-word-component-names": "off",
+  },
+});

package/nuxt.config.ts

@@ -2,7 +2,7 @@
 export default defineNuxtConfig({
   app: {
     head: {
-      title: "ShopBite Demo Shop",
+      title: "ShopBite – Kostenloses Online-Bestellsystem für Gastronomie",
       htmlAttrs: {
         lang: "de",
       },
@@ -11,18 +11,20 @@ export default defineNuxtConfig({
         { name: "viewport", content: "width=device-width, initial-scale=1" },
         {
           name: "description",
-          content: "Italienisch-deutsche Küche in Obertshausen",
+          content:
+            "Dein eigenes Bestellsystem ohne Provisionen, ohne monatliche Kosten – 100% Open Source und individuell anpassbar. Perfekt für Pizzerien, Imbisse und Lieferdienste.",
         },
         {
           property: "og:title",
-          content: "ShopBite - Demo Shop",
+          content:
+            "Dein eigenes Bestellsystem ohne Provisionen, ohne monatliche Kosten – 100% Open Source und individuell anpassbar. Perfekt für Pizzerien, Imbisse und Lieferdienste.",
         },
         {
           property: "og:description",
           content: "Italienisch-deutsche Küche in Obertshausen",
         },
       ],
-      link: [{ rel: "icon", href: "/favicon.ico" }],
+      link: [{ rel: "icon", href: "/favicon.ico", type: "image/png" }],
     },
   },
   colorMode: {
@@ -30,12 +32,6 @@ export default defineNuxtConfig({
   },
   robots: {
     disallow: [
-      "/unternehmen/impressum",
-      "/unternehmen/datenschutz",
-      "/unternehmen/agb",
-      "/impressum",
-      "/datenschutz",
-      "/agb",
       "/merkliste",
       "/passwort-vergessen",
       "/account/recover/password",
@@ -45,6 +41,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     shopware: {},
     apiClientConfig: {},
+    geoapifyApiKey: "",
     public: {
       site: {
         name: "ShopBite",
@@ -59,15 +56,6 @@ export default defineNuxtConfig({
   },
 
   routeRules: {
-    "/impressum": {
-      redirect: "/unternehmen/impressum",
-    },
-    "/datenschutz": {
-      redirect: "/unternehmen/datenschutz",
-    },
-    "/agb": {
-      redirect: "/unternehmen/agb",
-    },
     "/merkliste": {
       ssr: false,
     },
@@ -92,10 +80,8 @@ export default defineNuxtConfig({
     "@vite-pwa/nuxt",
     "@sentry/nuxt/module",
     "@nuxt/ui",
+    "@nuxt/scripts",
     "@nuxtjs/plausible",
-    ...(process.env.NODE_ENV === "development"
-      ? ["@nuxt/test-utils/module", "@nuxt/eslint"]
-      : []),
   ],
 
   plausible: {
@@ -150,4 +136,29 @@ export default defineNuxtConfig({
   experimental: {
     asyncContext: true,
   },
+  $development: {
+    modules: [
+      "@shopware/nuxt-module",
+      "@nuxt/image",
+      "@nuxt/content",
+      "@nuxtjs/robots",
+      "@vite-pwa/nuxt",
+      "@sentry/nuxt/module",
+      "@nuxt/ui",
+      "@nuxt/scripts",
+      "@nuxtjs/plausible",
+      "@nuxt/test-utils/module",
+      "@nuxt/eslint",
+    ],
+  },
+  $production: {
+    scripts: {
+      registry: {
+        matomoAnalytics: {
+          matomoUrl: "",
+          siteId: "",
+        },
+      },
+    },
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopbite-de/storefront",
-  "version": "1.5.3",
+  "version": "1.6.1",
   "main": "nuxt.config.ts",
   "description": "Shopware storefront for food delivery shops",
   "keywords": [
@@ -20,6 +20,7 @@
     "@iconify-json/simple-icons": "^1.2.59",
     "@nuxt/content": "^3.8.2",
     "@nuxt/image": "^2.0.0",
+    "@nuxt/scripts": "0.13.2",
     "@nuxt/ui": "^4.1.0",
     "@nuxtjs/plausible": "2.0.1",
     "@nuxtjs/robots": "^5.5.6",

package/server/api/address/autocomplete.get.ts

@@ -0,0 +1,33 @@
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const apiKey = config.geoapifyApiKey;
+  const query = getQuery(event);
+
+  if (!apiKey) {
+    return { features: [] };
+  }
+
+  const { text, lang, limit, filter } = query;
+
+  if (!text) {
+    return { features: [] };
+  }
+
+  const geoapifyUrl = new URL(
+    "https://api.geoapify.com/v1/geocode/autocomplete",
+  );
+  geoapifyUrl.searchParams.set("apiKey", apiKey);
+  geoapifyUrl.searchParams.set("text", text as string);
+  if (lang) geoapifyUrl.searchParams.set("lang", lang as string);
+  if (limit) geoapifyUrl.searchParams.set("limit", limit as string);
+  if (filter) geoapifyUrl.searchParams.set("filter", filter as string);
+
+  try {
+    return await $fetch(geoapifyUrl.toString());
+  } catch (error) {
+    throw createError({
+      statusCode: error.response?.status || 500,
+      statusMessage: error.message || "Error fetching address suggestions",
+    });
+  }
+});