@vue-storefront/next 4.3.2 → 5.1.0

package/dist/client.d.mts

@@ -1,6 +1,6 @@
 import { SDKApi } from '@vue-storefront/sdk';
-import { S as SfContract, c as CreateSdkContextReturn } from './types-BdDsK6en.mjs';
-export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-BdDsK6en.mjs';
+import { S as SfContract, c as CreateSdkContextReturn } from './types-Dw2Ev7Da.mjs';
+export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-Dw2Ev7Da.mjs';
 import 'react';
 import 'next/headers';
 

package/dist/client.d.ts

@@ -1,6 +1,6 @@
 import { SDKApi } from '@vue-storefront/sdk';
-import { S as SfContract, c as CreateSdkContextReturn } from './types-BdDsK6en.js';
-export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-BdDsK6en.js';
+import { S as SfContract, c as CreateSdkContextReturn } from './types-Dw2Ev7Da.js';
+export { M as Maybe, e as SfState, d as SfStateProps, f as createSfStateProvider } from './types-Dw2Ev7Da.js';
 import 'react';
 import 'next/headers';
 

package/dist/client.js

@@ -177,7 +177,7 @@ function createAlokaiContext() {
     return /* @__PURE__ */ import_react2.default.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ import_react2.default.createElement(import_script.default, { strategy: "beforeInteractive", id: "vsfMetaTag" }, `
           const vsfMetaTag = document.createElement("meta");
           vsfMetaTag.setAttribute("name", "generator");
-          vsfMetaTag.setAttribute("content", "Vue Storefront 2");
+          vsfMetaTag.setAttribute("content", "Alokai Storefront");
           document.head.appendChild(vsfMetaTag);
         `), /* @__PURE__ */ import_react2.default.createElement(SfStateProvider, { initialData }, children));
   }

package/dist/client.mjs

@@ -121,7 +121,7 @@ function createAlokaiContext() {
     return /* @__PURE__ */ React2.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ React2.createElement(Script, { strategy: "beforeInteractive", id: "vsfMetaTag" }, `
           const vsfMetaTag = document.createElement("meta");
           vsfMetaTag.setAttribute("name", "generator");
-          vsfMetaTag.setAttribute("content", "Vue Storefront 2");
+          vsfMetaTag.setAttribute("content", "Alokai Storefront");
           document.head.appendChild(vsfMetaTag);
         `), /* @__PURE__ */ React2.createElement(SfStateProvider, { initialData }, children));
   }

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-BdDsK6en.mjs';
+import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-Dw2Ev7Da.mjs';
 import * as _vue_storefront_logger from '@vue-storefront/logger';
 import '@vue-storefront/sdk';
 import 'react';
@@ -30,7 +30,8 @@ import 'next/headers';
  *   options,
  *   ({ buildModule, middlewareModule, config, getRequestHeaders }) => ({
  *     unified: buildModule(middlewareModule<UnifiedApiEndpoints>, {
- *       apiUrl: config.middlewareUrl + "/commerce",
+ *       apiUrl: config.apiUrl + "/commerce",
+ *       ssrApiUrl: config.ssrApiUrl + "/commerce",
  *       cdnCacheBustingId: config.cdnCacheBustingId,
  *       defaultRequestConfig: {
  *         headers: getRequestHeaders(),
@@ -38,7 +39,8 @@ import 'next/headers';
  *       methodsRequestConfig: config.defaultMethodsRequestConfig.unifiedCommerce.middlewareModule,
  *     }),
  *     contentful: buildModule(contentfulModule, {
- *       apiUrl: config.middlewareUrl + "/cntf",
+ *       apiUrl: config.apiUrl + "/cntf",
+ *       ssrApiUrl: config.ssrApiUrl + "/cntf",
  *     }),
  *   }),
  * );
@@ -54,7 +56,8 @@ declare function createSdk<TConfig extends Record<string, any>>(options: CreateS
  * const config = defineSdkConfig(
  *   ({ buildModule, middlewareModule, config, getRequestHeaders }) => ({
  *     unified: buildModule(middlewareModule<UnifiedApiEndpoints>, {
- *       apiUrl: config.middlewareUrl + "/commerce",
+ *       apiUrl: config.apiUrl + "/commerce",
+ *       ssrApiUrl: config.ssrApiUrl + "/commerce",
  *       cdnCacheBustingId: config.cdnCacheBustingId,
  *       defaultRequestConfig: {
  *         headers: getRequestHeaders(),
@@ -62,7 +65,8 @@ declare function createSdk<TConfig extends Record<string, any>>(options: CreateS
  *       methodsRequestConfig: config.defaultMethodsRequestConfig.unifiedCommerce.middlewareModule,
  *     }),
  *     contentful: buildModule(contentfulModule, {
- *       apiUrl: config.middlewareUrl + "/cntf",
+ *       apiUrl: config.apiUrl + "/cntf",
+ *       ssrApiUrl: config.ssrApiUrl + "/cntf",
  *     }),
  *   })
  * );
@@ -73,11 +77,17 @@ type ResolveSdkOptionsConfig = {
 };
 /**
  * Helper function to resolve the SDK options based on the configuration.
+ *
+ * @privateRemarks
+ * For now this file only verifies the type of the input and simply returns it.
+ * However, in the future we might need it to perform true input resolution.
+ *
  * @param input - The options for creating the SDK.
  * @param options - The configuration object, that allows to customize the API Url creation on enabled multistore.
+ *
  * @returns The resolved SDK options.
  */
-declare function resolveSdkOptions(input: CreateSdkOptions, options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
+declare function resolveSdkOptions(input: CreateSdkOptions, _options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
 
 type LogVerbosity = "emergency" | "alert" | "critical" | "error" | "warning" | "notice" | "info" | "debug";
 type LoggerOptions = Partial<{

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-BdDsK6en.js';
+import { C as CreateSdkOptions, a as Config, b as CreateSdkReturn } from './types-Dw2Ev7Da.js';
 import * as _vue_storefront_logger from '@vue-storefront/logger';
 import '@vue-storefront/sdk';
 import 'react';
@@ -30,7 +30,8 @@ import 'next/headers';
  *   options,
  *   ({ buildModule, middlewareModule, config, getRequestHeaders }) => ({
  *     unified: buildModule(middlewareModule<UnifiedApiEndpoints>, {
- *       apiUrl: config.middlewareUrl + "/commerce",
+ *       apiUrl: config.apiUrl + "/commerce",
+ *       ssrApiUrl: config.ssrApiUrl + "/commerce",
  *       cdnCacheBustingId: config.cdnCacheBustingId,
  *       defaultRequestConfig: {
  *         headers: getRequestHeaders(),
@@ -38,7 +39,8 @@ import 'next/headers';
  *       methodsRequestConfig: config.defaultMethodsRequestConfig.unifiedCommerce.middlewareModule,
  *     }),
  *     contentful: buildModule(contentfulModule, {
- *       apiUrl: config.middlewareUrl + "/cntf",
+ *       apiUrl: config.apiUrl + "/cntf",
+ *       ssrApiUrl: config.ssrApiUrl + "/cntf",
  *     }),
  *   }),
  * );
@@ -54,7 +56,8 @@ declare function createSdk<TConfig extends Record<string, any>>(options: CreateS
  * const config = defineSdkConfig(
  *   ({ buildModule, middlewareModule, config, getRequestHeaders }) => ({
  *     unified: buildModule(middlewareModule<UnifiedApiEndpoints>, {
- *       apiUrl: config.middlewareUrl + "/commerce",
+ *       apiUrl: config.apiUrl + "/commerce",
+ *       ssrApiUrl: config.ssrApiUrl + "/commerce",
  *       cdnCacheBustingId: config.cdnCacheBustingId,
  *       defaultRequestConfig: {
  *         headers: getRequestHeaders(),
@@ -62,7 +65,8 @@ declare function createSdk<TConfig extends Record<string, any>>(options: CreateS
  *       methodsRequestConfig: config.defaultMethodsRequestConfig.unifiedCommerce.middlewareModule,
  *     }),
  *     contentful: buildModule(contentfulModule, {
- *       apiUrl: config.middlewareUrl + "/cntf",
+ *       apiUrl: config.apiUrl + "/cntf",
+ *       ssrApiUrl: config.ssrApiUrl + "/cntf",
  *     }),
  *   })
  * );
@@ -73,11 +77,17 @@ type ResolveSdkOptionsConfig = {
 };
 /**
  * Helper function to resolve the SDK options based on the configuration.
+ *
+ * @privateRemarks
+ * For now this file only verifies the type of the input and simply returns it.
+ * However, in the future we might need it to perform true input resolution.
+ *
  * @param input - The options for creating the SDK.
  * @param options - The configuration object, that allows to customize the API Url creation on enabled multistore.
+ *
  * @returns The resolved SDK options.
  */
-declare function resolveSdkOptions(input: CreateSdkOptions, options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
+declare function resolveSdkOptions(input: CreateSdkOptions, _options?: Partial<ResolveSdkOptionsConfig>): CreateSdkOptions;
 
 type LogVerbosity = "emergency" | "alert" | "critical" | "error" | "warning" | "notice" | "info" | "debug";
 type LoggerOptions = Partial<{

package/dist/index.js

@@ -100,62 +100,20 @@ var defaultMethodsRequestConfig = {
   }
 };
 
-// src/sdk/helpers/composeMiddlewareUrl.ts
-function calculateMiddlewareUrl({
-  options,
-  headers
-}) {
-  var _a, _b, _c;
-  const { apiUrl, ssrApiUrl } = options.middleware;
-  if (typeof window !== "undefined") {
-    if ((_a = options.multistore) == null ? void 0 : _a.enabled) {
-      const url2 = new URL(apiUrl);
-      url2.host = window.location.host;
-      return url2.href;
-    }
-    return apiUrl;
-  }
-  if (ssrApiUrl) {
-    return ssrApiUrl;
-  }
-  if (!((_b = options.multistore) == null ? void 0 : _b.enabled)) {
-    return apiUrl;
-  }
-  const forwardedHost = (_c = headers["x-forwarded-host"]) != null ? _c : headers.host;
-  const resolvedForwardedHost = forwardedHost && Array.isArray(forwardedHost) ? forwardedHost[0] : forwardedHost;
-  const url = new URL(apiUrl);
-  url.host = resolvedForwardedHost || new URL(apiUrl).host;
-  return url.href;
-}
-function removeTrailingSlash(url) {
-  return url.replace(/\/$/, "");
-}
-function composeMiddlewareUrl({
-  options,
-  headers
-}) {
-  const url = calculateMiddlewareUrl({ options, headers });
-  return removeTrailingSlash(url);
-}
-
 // src/sdk/index.tsx
 var import_sdk = require("@vue-storefront/sdk");
 function createSdk(options, configDefinition) {
   function getSdk(dynamicContext = {}) {
     var _a;
     const { getRequestHeaders } = resolveDynamicContext(dynamicContext);
-    const middlewareUrl = composeMiddlewareUrl({
-      options,
-      headers: getRequestHeaders()
-    });
     const resolvedConfig = configDefinition({
       defaults: defaultMethodsRequestConfig,
       buildModule: import_sdk.buildModule,
       middlewareModule: import_sdk.middlewareModule,
       getRequestHeaders,
-      middlewareUrl,
       config: {
-        middlewareUrl,
+        apiUrl: options.middleware.apiUrl,
+        ssrApiUrl: options.middleware.ssrApiUrl,
         defaultMethodsRequestConfig,
         cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set"
       }
@@ -169,22 +127,7 @@ function createSdk(options, configDefinition) {
 function defineSdkConfig(config) {
   return config;
 }
-function resolveSdkOptions(input, options = {}) {
-  var _a, _b, _c, _d, _e;
-  if ((_a = input == null ? void 0 : input.multistore) == null ? void 0 : _a.enabled) {
-    return {
-      middleware: {
-        // This is a dummy URL, the localhost domain will be replaced by the actual domain in the browser
-        // in composeMiddlewareUrl function. The server-side rendering will use ssrApiUrl.
-        apiUrl: `https://localhost/${(_b = options == null ? void 0 : options.customSuffix) != null ? _b : "api"}`,
-        cdnCacheBustingId: (_c = input.middleware) == null ? void 0 : _c.cdnCacheBustingId,
-        ssrApiUrl: (_e = (_d = input.middleware) == null ? void 0 : _d.ssrApiUrl) != null ? _e : input.middleware.apiUrl
-      },
-      multistore: {
-        enabled: true
-      }
-    };
-  }
+function resolveSdkOptions(input, _options = {}) {
   return input;
 }
 

package/dist/index.mjs

@@ -59,62 +59,20 @@ var defaultMethodsRequestConfig = {
   }
 };
 
-// src/sdk/helpers/composeMiddlewareUrl.ts
-function calculateMiddlewareUrl({
-  options,
-  headers
-}) {
-  var _a, _b, _c;
-  const { apiUrl, ssrApiUrl } = options.middleware;
-  if (typeof window !== "undefined") {
-    if ((_a = options.multistore) == null ? void 0 : _a.enabled) {
-      const url2 = new URL(apiUrl);
-      url2.host = window.location.host;
-      return url2.href;
-    }
-    return apiUrl;
-  }
-  if (ssrApiUrl) {
-    return ssrApiUrl;
-  }
-  if (!((_b = options.multistore) == null ? void 0 : _b.enabled)) {
-    return apiUrl;
-  }
-  const forwardedHost = (_c = headers["x-forwarded-host"]) != null ? _c : headers.host;
-  const resolvedForwardedHost = forwardedHost && Array.isArray(forwardedHost) ? forwardedHost[0] : forwardedHost;
-  const url = new URL(apiUrl);
-  url.host = resolvedForwardedHost || new URL(apiUrl).host;
-  return url.href;
-}
-function removeTrailingSlash(url) {
-  return url.replace(/\/$/, "");
-}
-function composeMiddlewareUrl({
-  options,
-  headers
-}) {
-  const url = calculateMiddlewareUrl({ options, headers });
-  return removeTrailingSlash(url);
-}
-
 // src/sdk/index.tsx
 import { buildModule, initSDK, middlewareModule } from "@vue-storefront/sdk";
 function createSdk(options, configDefinition) {
   function getSdk(dynamicContext = {}) {
     var _a;
     const { getRequestHeaders } = resolveDynamicContext(dynamicContext);
-    const middlewareUrl = composeMiddlewareUrl({
-      options,
-      headers: getRequestHeaders()
-    });
     const resolvedConfig = configDefinition({
       defaults: defaultMethodsRequestConfig,
       buildModule,
       middlewareModule,
       getRequestHeaders,
-      middlewareUrl,
       config: {
-        middlewareUrl,
+        apiUrl: options.middleware.apiUrl,
+        ssrApiUrl: options.middleware.ssrApiUrl,
         defaultMethodsRequestConfig,
         cdnCacheBustingId: (_a = options.middleware.cdnCacheBustingId) != null ? _a : "no-cache-busting-id-set"
       }
@@ -128,22 +86,7 @@ function createSdk(options, configDefinition) {
 function defineSdkConfig(config) {
   return config;
 }
-function resolveSdkOptions(input, options = {}) {
-  var _a, _b, _c, _d, _e;
-  if ((_a = input == null ? void 0 : input.multistore) == null ? void 0 : _a.enabled) {
-    return {
-      middleware: {
-        // This is a dummy URL, the localhost domain will be replaced by the actual domain in the browser
-        // in composeMiddlewareUrl function. The server-side rendering will use ssrApiUrl.
-        apiUrl: `https://localhost/${(_b = options == null ? void 0 : options.customSuffix) != null ? _b : "api"}`,
-        cdnCacheBustingId: (_c = input.middleware) == null ? void 0 : _c.cdnCacheBustingId,
-        ssrApiUrl: (_e = (_d = input.middleware) == null ? void 0 : _d.ssrApiUrl) != null ? _e : input.middleware.apiUrl
-      },
-      multistore: {
-        enabled: true
-      }
-    };
-  }
+function resolveSdkOptions(input, _options = {}) {
   return input;
 }
 

package/dist/{types-BdDsK6en.d.mts → types-Dw2Ev7Da.d.mts}

@@ -1,4 +1,4 @@
-import { SDKApi, buildModule, middlewareModule } from '@vue-storefront/sdk';
+import { buildModule, middlewareModule, SDKApi } from '@vue-storefront/sdk';
 import React, { PropsWithChildren, ReactNode } from 'react';
 import { cookies } from 'next/headers';
 
@@ -104,7 +104,7 @@ interface MiddlewareConfig {
      * The URL of the middleware for server-side rendering.
      * @example "http://localhost:4000"
      */
-    ssrApiUrl?: string;
+    ssrApiUrl: string;
     /**
      * This is identifier used to invalidate the cache on CDN when the assets change.
      * Usually it's a commit hash.
@@ -142,16 +142,13 @@ type DynamicContext = {
 type StaticContext = {
     buildModule: typeof buildModule;
     middlewareModule: typeof middlewareModule;
-    /**
-     * @deprecated Use `config.middlewareUrl` instead.
-     */
-    middlewareUrl: string;
     /**
      * @deprecated Use `config.defaultMethodsRequestConfig` instead.
      */
     defaults: typeof defaultMethodsRequestConfig;
     config: {
-        middlewareUrl: string;
+        apiUrl: string;
+        ssrApiUrl: string;
         defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
         cdnCacheBustingId: string;
     };

package/dist/{types-BdDsK6en.d.ts → types-Dw2Ev7Da.d.ts}

@@ -1,4 +1,4 @@
-import { SDKApi, buildModule, middlewareModule } from '@vue-storefront/sdk';
+import { buildModule, middlewareModule, SDKApi } from '@vue-storefront/sdk';
 import React, { PropsWithChildren, ReactNode } from 'react';
 import { cookies } from 'next/headers';
 
@@ -104,7 +104,7 @@ interface MiddlewareConfig {
      * The URL of the middleware for server-side rendering.
      * @example "http://localhost:4000"
      */
-    ssrApiUrl?: string;
+    ssrApiUrl: string;
     /**
      * This is identifier used to invalidate the cache on CDN when the assets change.
      * Usually it's a commit hash.
@@ -142,16 +142,13 @@ type DynamicContext = {
 type StaticContext = {
     buildModule: typeof buildModule;
     middlewareModule: typeof middlewareModule;
-    /**
-     * @deprecated Use `config.middlewareUrl` instead.
-     */
-    middlewareUrl: string;
     /**
      * @deprecated Use `config.defaultMethodsRequestConfig` instead.
      */
     defaults: typeof defaultMethodsRequestConfig;
     config: {
-        middlewareUrl: string;
+        apiUrl: string;
+        ssrApiUrl: string;
         defaultMethodsRequestConfig: typeof defaultMethodsRequestConfig;
         cdnCacheBustingId: string;
     };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vue-storefront/next",
   "description": "Alokai dedicated features for Next.js",
   "license": "MIT",
-  "version": "4.3.2",
+  "version": "5.1.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -23,7 +23,7 @@
     "lint": "biome ci .",
     "format": "prettier --write .",
     "test:unit": "vitest run",
-    "version": "cp CHANGELOG.md ../../docs/content/storefront/6.change-log/next.md"
+    "version": "cp CHANGELOG.md ../../docs/enterprise/content/storefront/6.change-log/next.md"
   },
   "dependencies": {
     "zustand": "^4.5.4",