@scayle/storefront-nuxt 7.65.1 → 7.66.1

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @scayle/storefront-nuxt
 
+## 7.66.1
+
+### Patch Changes
+
+- Fix RpcContext containing outdated data for the remainder of the request after mutating the session data
+
+## 7.66.0
+
+### Minor Changes
+
+- Fix variable used before initialization in `useBasket`
+
+  Breaking: This change removes the `useEventListener` call from `useBasket`. This code was specific to the checkout page and it has been moved to that page in the Storefront Boilerplate (v1.0.0-rc.9). To make the necessary change in your own project, add the following code to `checkout.vue`.
+
+  ```
+  import type { CheckoutEvent } from '@scayle/storefront-nuxt'
+  const { fetching, fetch } = await useBasket()
+
+  const onCheckoutUpdate = async (
+    event: MessageEvent<CheckoutEvent>,
+    fetching: Boolean,
+    fetchCallback: () => Promise<void>,
+  ) => {
+    if (fetching) {
+      return
+    } // prevent multiple fetches
+    if (event?.data?.type === 'tracking') {
+      const actionType = event.data.event?.event
+
+      if (actionType === 'add_to_cart' || actionType === 'remove_from_cart') {
+        await fetchCallback()
+      }
+    }
+  }
+
+  // Refresh basket if the user changes quantity or removes an item at checkout
+  useEventListener(
+    'message',
+    (event) => onCheckoutUpdate(event, fetching.value, fetch),
+  )
+  ```
+
+### Patch Changes
+
+- Fixes an issue where the `refreshToken` was not exposed on the `RPCContext` even if the user is logged in.
+- Updated dependencies
+  - @scayle/storefront-core@7.48.2
+
 ## 7.65.1
 
 ### Patch Changes

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "7.65.0",
+  "version": "7.66.0",
   "configKey": "storefront",
   "compatibility": {
     "nuxt": "^3.9.0"

package/dist/module.mjs

@@ -40,7 +40,7 @@ export default {
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "7.65.0";
+const PACKAGE_VERSION = "7.66.0";
 const module = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,

package/dist/runtime/composables/storefront/useBasket.mjs

@@ -8,31 +8,15 @@ import {
 } from "@scayle/storefront-core";
 import { useNuxtApp, useAsyncData } from "nuxt/app";
 import { computed } from "vue";
-import { useEventListener } from "@vueuse/core";
 import { rpcCall } from "../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "../core/useCurrentShop.mjs";
 import { toValue, toRef } from "#imports";
-const onCheckoutUpdate = async (event, fetching, fetchCallback) => {
-  if (fetching) {
-    return;
-  }
-  if (event?.data?.type === "tracking") {
-    const actionType = event.data.event?.event;
-    if (actionType === "add_to_cart" || actionType === "remove_from_cart") {
-      await fetchCallback();
-    }
-  }
-};
 export async function useBasket({
   params,
   key = "useBasket"
 } = {}) {
   const nuxtApp = useNuxtApp();
   const shop = useCurrentShop();
-  useEventListener(
-    "message",
-    (event) => onCheckoutUpdate(event, fetching.value, fetch)
-  );
   const {
     data,
     pending: fetching,

package/dist/runtime/context.mjs

@@ -37,6 +37,9 @@ async function sessionProperties(context) {
       get accessToken() {
         return session.data?.accessToken ?? void 0;
       },
+      get refreshToken() {
+        return session.data?.refreshToken ?? void 0;
+      },
       destroySession: async () => {
         await session.destroy();
       },
@@ -63,6 +66,7 @@ async function sessionProperties(context) {
     sessionId: void 0,
     user: void 0,
     accessToken: void 0,
+    refreshToken: void 0,
     destroySession: void 0,
     createUserBoundSession: void 0,
     updateUser: void 0,
@@ -74,7 +78,7 @@ export const buildContext = async (context) => {
   const bapiConfig = $shopConfig.bapi ?? $storefront.bapi;
   const appKeys = $shopConfig.appKeys ?? $storefront.appKeys;
   const idpConfig = $shopConfig.idp ?? $storefront.idp;
-  return {
+  const baseContext = {
     cached: new Cached($cache, $log, "", $storefront.cache?.enabled ?? true).execute,
     bapiClient: initBapi({
       host: bapiConfig.host,
@@ -82,7 +86,6 @@ export const buildContext = async (context) => {
       authentication: "token",
       token: bapiConfig.token
     }),
-    ...await sessionProperties(context),
     auth: {
       resetPasswordUrl: $shopConfig.auth?.resetPasswordUrl
     },
@@ -126,4 +129,8 @@ export const buildContext = async (context) => {
     ip: getRequestIP(event, { xForwardedFor: true }),
     headers: createAndPurifyHeaders(getRequestHeaders(event))
   };
+  return Object.defineProperties({}, {
+    ...Object.getOwnPropertyDescriptors(baseContext),
+    ...Object.getOwnPropertyDescriptors(await sessionProperties(context))
+  });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "7.65.1",
+  "version": "7.66.1",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -63,7 +63,7 @@
     "@nuxt/kit": "3.11.1",
     "@opentelemetry/api": "1.8.0",
     "@scayle/h3-session": "0.3.6",
-    "@scayle/storefront-core": "7.48.1",
+    "@scayle/storefront-core": "7.48.2",
     "@scayle/unstorage-compression-driver": "0.1.3",
     "@vueuse/core": "10.9.0",
     "consola": "3.2.3",
@@ -93,8 +93,8 @@
     "node-mocks-http": "1.14.1",
     "nuxt": "3.11.1",
     "publint": "0.2.7",
-    "vitest": "1.4.0",
-    "vue-tsc": "2.0.12"
+    "vitest": "1.5.0",
+    "vue-tsc": "2.0.13"
   },
   "peerDependencies": {
     "h3": "^1.10.0",
@@ -109,6 +109,6 @@
     "@nuxt/schema": "3.11.1"
   },
   "volta": {
-    "node": "20.12.1"
+    "node": "20.12.2"
   }
 }