@shopbite-de/storefront 1.9.1 → 1.10.0

package/.env.example

@@ -12,6 +12,7 @@ NUXT_SHOPWARE_ADMIN_CLIENT_ID=your_client_id
 NUXT_SHOPWARE_ADMIN_CLIENT_SECRET=your_client_secret
 
 NUXT_PUBLIC_SHOP_BITE_FEATURE_MULTI_CHANNEL=false
+NUXT_PUBLIC_SHOP_BITE_FEATURE_SECURE_KEY=
 
 OPENAPI_ACCESS_KEY=key
 OPENAPI_JSON_URL="https://shopware.shopbite.net"

package/.github/workflows/build.yaml

@@ -66,7 +66,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.26.2
+          version: 10.29.3
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile

package/.nuxtrc

@@ -0,0 +1 @@
+setups.@nuxt/test-utils="3.23.0"

package/app/components/ImageGallery.vue

@@ -28,19 +28,15 @@ defineProps<{
     <template #body>
       <UCarousel
         v-slot="{ item, index }"
-        :items="images"
-        class="mx-auto w-full"
-        auto-height
         arrows
-        loop
+        :items="images"
+        class="w-full max-w-2xl mx-auto"
       >
         <img
-          v-if="item"
-          :loading="index === 0 ? 'eager' : 'lazy'"
-          :fetchpriority="index === 0 ? 'high' : 'low'"
           :src="item.image"
           :alt="item.alt"
-          class="rounded-lg w-full max-h-screen object-contain"
+          :fetchpriority="index === 0 ? 'high' : 'auto'"
+          class="rounded-lg"
         >
       </UCarousel>
     </template>

package/app/error.vue

@@ -30,7 +30,7 @@ useSeoMeta({
       <h3 class="max-w-lg whitespace-pre-line pb-8 pt-5 text-3xl">
         {{ error.statusCode }}
       </h3>
-      <NuxtLink to="" class="button">Zurück zur Starseite</NuxtLink>
+      <NuxtLink to="/" class="button">Zurück zur Startseite</NuxtLink>
     </div>
   </NuxtLayout>
 </template>

package/app/middleware/secure-key.global.ts

@@ -0,0 +1,46 @@
+import { defineNuxtRouteMiddleware, navigateTo, useCookie } from "#app";
+
+export default defineNuxtRouteMiddleware((to) => {
+  // Normalize query param (can be string | string[] | undefined)
+  const q = to.query.secureKey as string | string[] | undefined;
+  const providedSecureKey = Array.isArray(q) ? q[0] : q;
+
+  // Read secure key from public runtime config
+  const definedSecureKey = useRuntimeConfig().public?.shopBite?.feature
+    ?.secureKey as string | undefined;
+
+  if (!definedSecureKey) return;
+
+  // Cookie used to persist successful auth
+  const cookie = useCookie<string | null>("store_secure_key", {
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+    maxAge: 60 * 60 * 24 * 30, // 30 days
+  });
+
+  // If a key is provided in the URL, always persist it and strip it from the URL
+  if (providedSecureKey) {
+    cookie.value = providedSecureKey;
+
+    // Strip auth-related query params from URL
+    const { path, query, hash } = to;
+    const {
+      secureKey: _s,
+      key: _k,
+      token: _t,
+      ...rest
+    } = query as typeof to.query;
+
+    // Navigate once to clean the URL; middleware will re-run after this
+    return navigateTo({ path, query: rest, hash }, { replace: true });
+  }
+
+  // When feature is enabled, enforce that cookie matches configured key
+  if (cookie.value === definedSecureKey) return;
+
+  if (to.path === "/maintenance") return;
+
+  // Not authorized — redirect to maintenance
+  return navigateTo("/maintenance");
+});

package/app/pages/maintenance.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="min-h-screen flex items-center justify-center p-6 text-center">
+    <div>
+      <h1 class="text-3xl font-semibold mb-3">Wartungsmodus</h1>
+      <p class="text-gray-600">
+        Der Shop ist vorübergehend nicht verfügbar. Bitte versuchen Sie es
+        später erneut.
+      </p>
+    </div>
+  </div>
+</template>

package/content/index.yml

@@ -5,7 +5,7 @@ seo:
 title: ShopBite
 description: Reduziere Kosten und steigere deinen Umsatz
 hero:
-  backgroundVideo: https://shopware.shopbite.de/media/10/59/96/1762465181/background.mp4?ts=1762465194
+  backgroundVideo: https://shopware.shopbite.de/media/10/59/96/1762465181/background.mp4
   headline: SHOPBITE
   usps:
     - title: 4.5 ⭐
@@ -68,17 +68,17 @@ gallery:
       variant: subtle
       trailingIcon: i-lucide-phone
   images:
-    - image: https://shopware.shopbite.de/media/71/2a/1a/1762465670/restaurant1.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/71/2a/1a/1762465670/restaurant1.webp
       alt: La Fattoria Restaurant Innenbereich 1
-    - image: https://shopware.shopbite.de/media/61/ea/77/1762465670/restaurant2.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/61/ea/77/1762465670/restaurant2.webp
       alt: La Fattoria Restaurant Innenbereich 2
-    - image: https://shopware.shopbite.de/media/6d/ac/ca/1762465670/restaurant3.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/6d/ac/ca/1762465670/restaurant3.webp
       alt: La Fattoria Restaurant Innenbereich 3
-    - image: https://shopware.shopbite.de/media/af/d6/da/1762465670/restaurant4.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/af/d6/da/1762465670/restaurant4.webp
       alt: La Fattoria Restaurant Innenbereich 4
-    - image: https://shopware.shopbite.de/media/6a/ff/e2/1762465670/restaurant5.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/6a/ff/e2/1762465670/restaurant5.webp
       alt: La Fattoria Restaurant Innenbereich 5
-    - image: https://shopware.shopbite.de/media/80/76/d0/1762465670/restaurant6.webp?ts=1762465670
+    - image: https://shopware.shopbite.de/media/80/76/d0/1762465670/restaurant6.webp
       alt: La Fattoria Restaurant Innenbereich 6
 
 cta:

package/nuxt.config.ts

@@ -57,6 +57,7 @@ export default defineNuxtConfig({
       shopBite: {
         feature: {
           multiChannel: "",
+          secureKey: "",
         },
       },
       site: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopbite-de/storefront",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "main": "nuxt.config.ts",
   "description": "Shopware storefront for food delivery shops",
   "keywords": [
@@ -18,7 +18,7 @@
     "@heroicons/vue": "^2.2.0",
     "@iconify-json/lucide": "^1.2.73",
     "@iconify-json/simple-icons": "^1.2.59",
-    "@nuxt/content": "3.8.2",
+    "@nuxt/content": "3.11.2",
     "@nuxt/image": "^2.0.0",
     "@nuxt/scripts": "0.13.2",
     "@nuxt/ui": "^4.1.0",
@@ -49,9 +49,9 @@
     "@vue/compiler-dom": "^3.5.26",
     "@vue/server-renderer": "^3.5.26",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.39.1",
+    "eslint": "^10.0.0",
     "happy-dom": "^20.0.10",
-    "jsdom": "^27.2.0",
+    "jsdom": "^28.0.0",
     "playwright-core": "^1.56.1",
     "prettier": "^3.6.2",
     "tailwindcss": "^4.1.18",