@scayle/storefront-nuxt 8.1.6 → 8.2.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scayle/storefront-nuxt
 
+## 8.2.1
+
+### Patch Changes
+
+- Updated dependency `@vueuse/core@12.0.0` to `@vueuse/core@12.3.0`
+
+**Dependencies**
+
+- Updated dependency to @scayle/unstorage-compression-driver@0.2.3
+- Updated dependency to @scayle/storefront-core@8.1.3
+
+## 8.2.0
+
+### Minor Changes
+
+- `storefront-nuxt` now includes experimental support for OpenTelemetry spans covering the bootstrapping and redirects middlewares. This aims to provide better insights into their performance impact. Please note that this is an experimental feature and its implementation and API might change in future releases.
+
+### Patch Changes
+
+- Updated dependency `@scayle/h3-session@^0.5.0` to `@scayle/h3-session@0.5.0`
+
 ## 8.1.6
 
 ### Patch Changes

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "8.1.6",
+  "version": "8.2.1",
   "configKey": "storefront",
   "compatibility": {
     "nuxt": "^3.9.0"
   },
   "builder": {
     "@nuxt/module-builder": "0.8.4",
-    "unbuild": "3.0.1"
+    "unbuild": "3.2.0"
   }
 }

package/dist/module.mjs

@@ -45,7 +45,7 @@ export default {
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "8.1.6";
+const PACKAGE_VERSION = "8.2.1";
 const logger = createConsola({
   fancy: true,
   formatOptions: {

package/dist/runtime/plugin/log.client.d.ts

@@ -1,8 +1,8 @@
 import type { Log } from '@scayle/storefront-core';
-declare const _default: import("nuxt/app").Plugin<{
+declare const _default: import("#app/nuxt").Plugin<{
     log: Log;
     coreLog: Log;
-}> & import("nuxt/app").ObjectPlugin<{
+}> & import("#app/nuxt").ObjectPlugin<{
     log: Log;
     coreLog: Log;
 }>;

package/dist/runtime/plugin/log.server.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("nuxt/app").Plugin<{
+declare const _default: import("#app/nuxt").Plugin<{
     log: import("@scayle/storefront-core").Log;
     coreLog: import("@scayle/storefront-core").Log;
-}> & import("nuxt/app").ObjectPlugin<{
+}> & import("#app/nuxt").ObjectPlugin<{
     log: import("@scayle/storefront-core").Log;
     coreLog: import("@scayle/storefront-core").Log;
 }>;

package/dist/runtime/plugin/shop.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("nuxt/app").Plugin<{
+declare const _default: import("#app/nuxt").Plugin<{
     currentShop: import("../..").PublicShopConfig;
     availableShops: import("../..").PublicShopConfig[];
-}> & import("nuxt/app").ObjectPlugin<{
+}> & import("#app/nuxt").ObjectPlugin<{
     currentShop: import("../..").PublicShopConfig;
     availableShops: import("../..").PublicShopConfig[];
 }>;

package/dist/runtime/server/middleware/bootstrap.js

@@ -5,6 +5,7 @@ import {
   useSession,
   unsignCookie
 } from "@scayle/h3-session";
+import { trace, SpanStatusCode } from "@opentelemetry/api";
 import { buildContext } from "../../context.js";
 import { useCacheStorage, useSessionStorage } from "../utils/cacheStorage.js";
 import {
@@ -24,6 +25,10 @@ const generateSessionId = (event) => {
   }
   return userId ? `${userId}:${randomUUID()}` : randomUUID();
 };
+const tracer = trace.getTracer(
+  "storefront-nuxt",
+  "__sfc_version"
+);
 async function getOldSessionData(event, cookieName, store, secret) {
   const rawCookie = getCookie(event, cookieName);
   const normalizedSecrets = Array.isArray(secret) ? secret : [secret];
@@ -134,50 +139,73 @@ async function bootstrap(event, $shopConfig, $storefrontConfig, apiBasePath, con
   });
 }
 export default defineEventHandler(async (event) => {
-  try {
-    const { path, originalPath } = getBootstrapPath(event);
-    if (path.startsWith("/__nuxt")) {
-      return;
-    }
-    if (path === "/favicon.ico") {
-      return;
-    }
-    const config = useRuntimeConfig(event);
-    const $storefrontConfig = config.storefront;
-    if (path === `${$storefrontConfig.apiBasePath ?? "/api"}/up`) {
-      return;
-    }
-    const $shopConfig = getCurrentShopConfigForRequest(
-      event,
-      $storefrontConfig,
-      config.app
-    );
-    if (!$shopConfig) {
-      event.context.$log.debug(
-        "Could not find shop config for this request",
-        path
-      );
-      return;
-    }
-    const apiBasePath = getApiBasePath(
-      $storefrontConfig,
-      $shopConfig,
-      config.app.baseURL
-    );
-    if (!event.context.$rpcContext) {
-      event.context.$log.debug("Bootstrapping request: " + path);
-      await bootstrap(
-        event,
-        $shopConfig,
-        $storefrontConfig,
-        apiBasePath,
-        config
-      );
-    }
-    if ($storefrontConfig.redirects?.enabled && !path.startsWith(apiBasePath) && originalPath !== "/__nuxt_error") {
-      await useRedirects(event);
-    }
-  } catch (e) {
-    console.error(e);
+  const { path, originalPath } = getBootstrapPath(event);
+  if (path.startsWith("/__nuxt")) {
+    return;
   }
+  if (path === "/favicon.ico") {
+    return;
+  }
+  const config = useRuntimeConfig(event);
+  const $storefrontConfig = config.storefront;
+  if (path === `${$storefrontConfig.apiBasePath ?? "/api"}/up`) {
+    return;
+  }
+  await tracer.startActiveSpan(
+    `storefront-nuxt.middleware/bootstrap`,
+    {
+      attributes: {
+        path,
+        originalPath
+      }
+    },
+    async (span) => {
+      try {
+        const $shopConfig = getCurrentShopConfigForRequest(
+          event,
+          $storefrontConfig,
+          config.app
+        );
+        if (!$shopConfig) {
+          event.context.$log.debug(
+            "Could not find shop config for this request",
+            path
+          );
+          return;
+        }
+        const apiBasePath = getApiBasePath(
+          $storefrontConfig,
+          $shopConfig,
+          config.app.baseURL
+        );
+        if (!event.context.$rpcContext) {
+          event.context.$log.debug("Bootstrapping request: " + path);
+          await bootstrap(
+            event,
+            $shopConfig,
+            $storefrontConfig,
+            apiBasePath,
+            config
+          );
+        }
+        if ($storefrontConfig.redirects?.enabled && !path.startsWith(apiBasePath) && originalPath !== "/__nuxt_error") {
+          await tracer.startActiveSpan(
+            `storefront-nuxt.middleware/redirects`,
+            {},
+            async (innerSpan) => {
+              await useRedirects(event);
+              innerSpan.end();
+            }
+          );
+        }
+      } catch (e) {
+        console.error(e);
+        span.setStatus({ code: SpanStatusCode.ERROR });
+        if (e instanceof Error) {
+          span.recordException(e);
+        }
+      }
+      span.end();
+    }
+  );
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "8.1.6",
+  "version": "8.2.1",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -72,10 +72,10 @@
   "dependencies": {
     "@nuxt/kit": "^3.12.2",
     "@opentelemetry/api": "^1.9.0",
-    "@scayle/h3-session": "^0.5.0",
-    "@scayle/storefront-core": "8.1.2",
-    "@scayle/unstorage-compression-driver": "^0.2.2",
-    "@vueuse/core": "12.0.0",
+    "@scayle/h3-session": "0.5.0",
+    "@scayle/storefront-core": "8.1.3",
+    "@scayle/unstorage-compression-driver": "^0.2.3",
+    "@vueuse/core": "12.3.0",
     "consola": "^3.2.3",
     "core-js": "^3.37.1",
     "defu": "^6.1.4",
@@ -91,24 +91,24 @@
     "schema-dts": "1.1.2"
   },
   "devDependencies": {
-    "@nuxt/eslint": "0.7.3",
+    "@nuxt/eslint": "0.7.4",
     "@nuxt/module-builder": "0.8.4",
     "@nuxt/schema": "3.14.1592",
     "@nuxt/test-utils": "3.15.1",
     "@scayle/eslint-config-storefront": "4.4.0",
     "@scayle/eslint-plugin-vue-composable": "0.2.1",
-    "@types/node": "22.10.2",
-    "dprint": "0.47.6",
+    "@types/node": "22.10.5",
+    "dprint": "0.48.0",
     "eslint": "9.17.0",
     "eslint-formatter-gitlab": "5.1.0",
     "fishery": "2.2.2",
     "h3": "1.13.0",
     "nitropack": "2.9.7",
     "node-mocks-http": "1.16.2",
-    "nuxi": "3.17.0",
+    "nuxi": "3.17.2",
     "nuxt": "3.14.1592",
     "publint": "0.2.12",
-    "vue-tsc": "2.1.10",
+    "vue-tsc": "2.2.0",
     "vitest": "2.1.8"
   },
   "peerDependencies": {