@vue-storefront/next 7.0.0-next.0 → 7.0.0-next.2

package/dist/{chunk-FWCSY2DS.mjs → chunk-NSPLXZD5.mjs}

@@ -29,9 +29,56 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/env/constants.ts
+var PUBLIC_ENV_KEY = "__ALOKAI_ENV__";
+
+// src/env/env.ts
+function env(key) {
+  var _a;
+  if (typeof window === "undefined") {
+    return process.env[key];
+  }
+  return (_a = window[PUBLIC_ENV_KEY]) == null ? void 0 : _a[key];
+}
+
+// src/env/get-public-env.ts
+function getPublicEnv() {
+  const publicEnv = {};
+  for (const key in process.env) {
+    if (key.startsWith("NEXT_PUBLIC_")) {
+      publicEnv[key] = process.env[key];
+    }
+  }
+  return publicEnv;
+}
 
 export {
   __spreadValues,
   __spreadProps,
-  __objRest
+  __objRest,
+  __async,
+  PUBLIC_ENV_KEY,
+  getPublicEnv,
+  env
 };

package/dist/client.d.mts

@@ -1,6 +1,6 @@
 import { SDKApi } from '@alokai/connect/sdk';
-import { S as SfContract, C as CreateSdkContextReturn } from './types-D5y1qo72.mjs';
-export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-D5y1qo72.mjs';
+import { S as SfContract, C as CreateSdkContextReturn } from './types-FGnrBhjy.mjs';
+export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider, e as env } from './types-FGnrBhjy.mjs';
 import 'next/headers';
 import 'react';
 

package/dist/client.d.ts

@@ -1,6 +1,6 @@
 import { SDKApi } from '@alokai/connect/sdk';
-import { S as SfContract, C as CreateSdkContextReturn } from './types-D5y1qo72.js';
-export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-D5y1qo72.js';
+import { S as SfContract, C as CreateSdkContextReturn } from './types-FGnrBhjy.js';
+export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider, e as env } from './types-FGnrBhjy.js';
 import 'next/headers';
 import 'react';
 

package/dist/client.js

@@ -61,7 +61,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   createAlokaiContext: () => createAlokaiContext,
-  createSfStateProvider: () => createSfStateProvider
+  createSfStateProvider: () => createSfStateProvider,
+  env: () => env
 });
 module.exports = __toCommonJS(client_exports);
 
@@ -70,6 +71,20 @@ var import_instrumentation_next_component = require("@alokai/instrumentation-nex
 var import_script = __toESM(require("next/script"));
 var import_react2 = __toESM(require("react"));
 
+// src/env/constants.ts
+var PUBLIC_ENV_KEY = "__ALOKAI_ENV__";
+
+// src/env/get-public-env.ts
+function getPublicEnv() {
+  const publicEnv = {};
+  for (const key in process.env) {
+    if (key.startsWith("NEXT_PUBLIC_")) {
+      publicEnv[key] = process.env[key];
+    }
+  }
+  return publicEnv;
+}
+
 // src/state.tsx
 var import_react = __toESM(require("react"));
 var import_zustand = require("zustand");
@@ -181,7 +196,9 @@ function createAlokaiContext() {
       vsfMetaTag.setAttribute("content", "Alokai Storefront");
       document.head.appendChild(vsfMetaTag);
     `;
-    return /* @__PURE__ */ import_react2.default.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ import_react2.default.createElement(import_script.default, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
+    const publicEnv = typeof window === "undefined" ? getPublicEnv() : void 0;
+    const envScript = publicEnv ? `window['${PUBLIC_ENV_KEY}'] = ${JSON.stringify(publicEnv)};` : "";
+    return /* @__PURE__ */ import_react2.default.createElement(SdkContext.Provider, { value: sdk }, publicEnv && /* @__PURE__ */ import_react2.default.createElement(import_script.default, { id: "alokaiEnv", strategy: "beforeInteractive" }, envScript), /* @__PURE__ */ import_react2.default.createElement(import_script.default, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
             ${metaTagScript}
           `), /* @__PURE__ */ import_react2.default.createElement(import_instrumentation_next_component.AlokaiInstrumentation, null), /* @__PURE__ */ import_react2.default.createElement(SfStateProvider, { initialData }, children));
   }
@@ -194,8 +211,18 @@ function createAlokaiContext() {
   };
   return __spreadValues({ AlokaiProvider, useSdk }, rest);
 }
+
+// src/env/env.ts
+function env(key) {
+  var _a;
+  if (typeof window === "undefined") {
+    return process.env[key];
+  }
+  return (_a = window[PUBLIC_ENV_KEY]) == null ? void 0 : _a[key];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createAlokaiContext,
-  createSfStateProvider
+  createSfStateProvider,
+  env
 });

package/dist/client.mjs

@@ -1,9 +1,12 @@
 "use client";
 import {
+  PUBLIC_ENV_KEY,
   __objRest,
   __spreadProps,
-  __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+  __spreadValues,
+  env,
+  getPublicEnv
+} from "./chunk-NSPLXZD5.mjs";
 
 // src/alokai-provider.tsx
 import { AlokaiInstrumentation } from "@alokai/instrumentation-next-component";
@@ -125,7 +128,9 @@ function createAlokaiContext() {
       vsfMetaTag.setAttribute("content", "Alokai Storefront");
       document.head.appendChild(vsfMetaTag);
     `;
-    return /* @__PURE__ */ React2.createElement(SdkContext.Provider, { value: sdk }, /* @__PURE__ */ React2.createElement(Script, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
+    const publicEnv = typeof window === "undefined" ? getPublicEnv() : void 0;
+    const envScript = publicEnv ? `window['${PUBLIC_ENV_KEY}'] = ${JSON.stringify(publicEnv)};` : "";
+    return /* @__PURE__ */ React2.createElement(SdkContext.Provider, { value: sdk }, publicEnv && /* @__PURE__ */ React2.createElement(Script, { id: "alokaiEnv", strategy: "beforeInteractive" }, envScript), /* @__PURE__ */ React2.createElement(Script, { id: "vsfMetaTag", strategy: "beforeInteractive" }, `
             ${metaTagScript}
           `), /* @__PURE__ */ React2.createElement(AlokaiInstrumentation, null), /* @__PURE__ */ React2.createElement(SfStateProvider, { initialData }, children));
   }
@@ -140,5 +145,6 @@ function createAlokaiContext() {
 }
 export {
   createAlokaiContext,
-  createSfStateProvider
+  createSfStateProvider,
+  env
 };

package/dist/index.d.mts

@@ -1,8 +1,9 @@
+import { d as CreateSdkOptions, f as Config, g as CreateSdkReturn, I as InjectedContext } from './types-FGnrBhjy.mjs';
+export { e as env } from './types-FGnrBhjy.mjs';
 import * as _alokai_connect_logger from '@alokai/connect/logger';
 import { NextRequest, NextResponse } from 'next/server';
 import { buildModule } from '@alokai/connect/sdk';
 export { defineGetConfigSwitcherHeader } from '@alokai/connect/sdk';
-import { d as CreateSdkOptions, e as Config, f as CreateSdkReturn, I as InjectedContext } from './types-D5y1qo72.mjs';
 import 'next/headers';
 import 'react';
 

package/dist/index.d.ts

@@ -1,8 +1,9 @@
+import { d as CreateSdkOptions, f as Config, g as CreateSdkReturn, I as InjectedContext } from './types-FGnrBhjy.js';
+export { e as env } from './types-FGnrBhjy.js';
 import * as _alokai_connect_logger from '@alokai/connect/logger';
 import { NextRequest, NextResponse } from 'next/server';
 import { buildModule } from '@alokai/connect/sdk';
 export { defineGetConfigSwitcherHeader } from '@alokai/connect/sdk';
-import { d as CreateSdkOptions, e as Config, f as CreateSdkReturn, I as InjectedContext } from './types-D5y1qo72.js';
 import 'next/headers';
 import 'react';
 

package/dist/index.js

@@ -33,6 +33,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/index.ts
 var src_exports = {};
@@ -43,10 +63,23 @@ __export(src_exports, {
   defineGetConfigSwitcherHeader: () => import_sdk2.defineGetConfigSwitcherHeader,
   defineSdkConfig: () => defineSdkConfig,
   defineSdkModule: () => defineSdkModule,
+  env: () => env,
   resolveSdkOptions: () => resolveSdkOptions
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/env/constants.ts
+var PUBLIC_ENV_KEY = "__ALOKAI_ENV__";
+
+// src/env/env.ts
+function env(key) {
+  var _a;
+  if (typeof window === "undefined") {
+    return process.env[key];
+  }
+  return (_a = window[PUBLIC_ENV_KEY]) == null ? void 0 : _a[key];
+}
+
 // src/logger/index.ts
 var import_logger = require("@alokai/connect/logger");
 
@@ -132,19 +165,21 @@ function normalizeRequestHeaders(requestHeaders) {
 function resolveDynamicContext(context) {
   return __spreadProps(__spreadValues({}, context), {
     getRequestHeaders() {
-      var _a;
-      const normalizedHeaders = normalizeRequestHeaders(
-        (_a = context.getRequestHeaders) == null ? void 0 : _a.call(context)
-      );
-      const requestHeaders = Object.fromEntries(
-        Object.entries(normalizedHeaders).filter(
-          ([key]) => !BLACKLISTED_HEADERS.has(key)
-        )
-      );
-      if (context.getLocale) {
-        requestHeaders["x-alokai-locale"] = context.getLocale();
-      }
-      return requestHeaders;
+      return __async(this, null, function* () {
+        var _a2;
+        const normalizedHeaders = normalizeRequestHeaders(
+          yield (_a2 = context.getRequestHeaders) == null ? void 0 : _a2.call(context)
+        );
+        const requestHeaders = Object.fromEntries(
+          Object.entries(normalizedHeaders).filter(
+            ([key]) => !BLACKLISTED_HEADERS.has(key)
+          )
+        );
+        if (context.getLocale) {
+          requestHeaders["x-alokai-locale"] = context.getLocale();
+        }
+        return requestHeaders;
+      });
     }
   });
 }
@@ -198,5 +233,6 @@ function buildModules(modules) {
   defineGetConfigSwitcherHeader,
   defineSdkConfig,
   defineSdkModule,
+  env,
   resolveSdkOptions
 });

package/dist/index.mjs

@@ -1,7 +1,9 @@
 import {
+  __async,
   __spreadProps,
-  __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+  __spreadValues,
+  env
+} from "./chunk-NSPLXZD5.mjs";
 
 // src/logger/index.ts
 import { LoggerFactory, LoggerType } from "@alokai/connect/logger";
@@ -88,19 +90,21 @@ function normalizeRequestHeaders(requestHeaders) {
 function resolveDynamicContext(context) {
   return __spreadProps(__spreadValues({}, context), {
     getRequestHeaders() {
-      var _a;
-      const normalizedHeaders = normalizeRequestHeaders(
-        (_a = context.getRequestHeaders) == null ? void 0 : _a.call(context)
-      );
-      const requestHeaders = Object.fromEntries(
-        Object.entries(normalizedHeaders).filter(
-          ([key]) => !BLACKLISTED_HEADERS.has(key)
-        )
-      );
-      if (context.getLocale) {
-        requestHeaders["x-alokai-locale"] = context.getLocale();
-      }
-      return requestHeaders;
+      return __async(this, null, function* () {
+        var _a2;
+        const normalizedHeaders = normalizeRequestHeaders(
+          yield (_a2 = context.getRequestHeaders) == null ? void 0 : _a2.call(context)
+        );
+        const requestHeaders = Object.fromEntries(
+          Object.entries(normalizedHeaders).filter(
+            ([key]) => !BLACKLISTED_HEADERS.has(key)
+          )
+        );
+        if (context.getLocale) {
+          requestHeaders["x-alokai-locale"] = context.getLocale();
+        }
+        return requestHeaders;
+      });
     }
   });
 }
@@ -153,5 +157,6 @@ export {
   defineGetConfigSwitcherHeader,
   defineSdkConfig,
   defineSdkModule,
+  env,
   resolveSdkOptions
 };

package/dist/{types-D5y1qo72.d.mts → types-FGnrBhjy.d.mts}

@@ -1,5 +1,5 @@
 import { SDKApi, buildModule, middlewareModule } from '@alokai/connect/sdk';
-import { cookies, headers } from 'next/headers';
+import { cookies } from 'next/headers';
 import React, { PropsWithChildren, ReactNode } from 'react';
 
 type Maybe<TType> = null | TType;
@@ -107,8 +107,11 @@ interface CreateSdkOptions {
     middleware: MiddlewareConfig;
     multistore?: MultistoreConfig;
 }
-type Cookies = ReturnType<typeof cookies>;
-type NextHeaders = Awaited<ReturnType<typeof headers>>;
+type Cookies = Awaited<ReturnType<typeof cookies>>;
+type RequestHeaders = {
+    cookies: Cookies;
+    headers: Headers;
+} | Headers | undefined;
 type GetSdkContext = {
     /**
      * A function that returns the current locale string;
@@ -117,13 +120,10 @@ type GetSdkContext = {
     /**
      * A function that returns the request headers.
      */
-    getRequestHeaders?: () => {
-        cookies: Cookies;
-        headers: NextHeaders;
-    } | NextHeaders;
+    getRequestHeaders?: () => Promise<RequestHeaders> | RequestHeaders;
 };
 type DynamicContext = {
-    getRequestHeaders: () => Record<string, string | string[]>;
+    getRequestHeaders: () => Promise<Record<string, string | string[]>>;
 };
 type StaticContext = {
     buildModule: typeof buildModule;
@@ -164,7 +164,7 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      *
      * export const getServerSideProps: GetServerSideProps = async ({ req, locale }) => {
      *  const sdk = await getSdk({
-     *    getRequestHeaders: () => req.headers,
+     *    getRequestHeaders: () => Promise.resolve(req.headers),
      *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
@@ -206,4 +206,36 @@ type CreateSdkContextReturn<TSdk extends SDKApi<any>, TSfContract extends SfCont
     useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
 }>;
 
-export { type CreateSdkContextReturn as C, type InjectedContext as I, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, type Config as e, type CreateSdkReturn as f };
+/**
+ * Retrieves an environment variable value.
+ * On the server side, it reads from process.env.
+ * On the client side, it reads from window.__ALOKAI_ENV__ to support runtime environment variables.
+ *
+ * @param key - The environment variable key (e.g., "NEXT_PUBLIC_API_URL")
+ * @returns The environment variable value or undefined if not found
+ *
+ * @example
+ * ```tsx
+ * import { env } from "@vue-storefront/next/client";
+ *
+ * const apiUrl = env("NEXT_PUBLIC_API_URL");
+ * ```
+ */
+declare function env(key: string): string | undefined;
+
+/**
+ * Type representing environment variables as key-value pairs
+ */
+interface PublicEnv {
+    [key: string]: string | undefined;
+}
+/**
+ * Extended window interface to include Alokai environment variables
+ */
+declare global {
+    interface Window {
+        __ALOKAI_ENV__?: PublicEnv;
+    }
+}
+
+export { type CreateSdkContextReturn as C, type InjectedContext as I, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, env as e, type Config as f, type CreateSdkReturn as g };

package/dist/{types-D5y1qo72.d.ts → types-FGnrBhjy.d.ts}

@@ -1,5 +1,5 @@
 import { SDKApi, buildModule, middlewareModule } from '@alokai/connect/sdk';
-import { cookies, headers } from 'next/headers';
+import { cookies } from 'next/headers';
 import React, { PropsWithChildren, ReactNode } from 'react';
 
 type Maybe<TType> = null | TType;
@@ -107,8 +107,11 @@ interface CreateSdkOptions {
     middleware: MiddlewareConfig;
     multistore?: MultistoreConfig;
 }
-type Cookies = ReturnType<typeof cookies>;
-type NextHeaders = Awaited<ReturnType<typeof headers>>;
+type Cookies = Awaited<ReturnType<typeof cookies>>;
+type RequestHeaders = {
+    cookies: Cookies;
+    headers: Headers;
+} | Headers | undefined;
 type GetSdkContext = {
     /**
      * A function that returns the current locale string;
@@ -117,13 +120,10 @@ type GetSdkContext = {
     /**
      * A function that returns the request headers.
      */
-    getRequestHeaders?: () => {
-        cookies: Cookies;
-        headers: NextHeaders;
-    } | NextHeaders;
+    getRequestHeaders?: () => Promise<RequestHeaders> | RequestHeaders;
 };
 type DynamicContext = {
-    getRequestHeaders: () => Record<string, string | string[]>;
+    getRequestHeaders: () => Promise<Record<string, string | string[]>>;
 };
 type StaticContext = {
     buildModule: typeof buildModule;
@@ -164,7 +164,7 @@ interface CreateSdkReturn<TConfig extends Record<string, any>> {
      *
      * export const getServerSideProps: GetServerSideProps = async ({ req, locale }) => {
      *  const sdk = await getSdk({
-     *    getRequestHeaders: () => req.headers,
+     *    getRequestHeaders: () => Promise.resolve(req.headers),
      *    getLocale: () => locale,
      *  });
      *  const { products } = await sdk.unified.getProducts();
@@ -206,4 +206,36 @@ type CreateSdkContextReturn<TSdk extends SDKApi<any>, TSfContract extends SfCont
     useSfLocaleState: ReturnType<typeof createSfStateProvider<TSfContract>>["useSfLocaleState"];
 }>;
 
-export { type CreateSdkContextReturn as C, type InjectedContext as I, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, type Config as e, type CreateSdkReturn as f };
+/**
+ * Retrieves an environment variable value.
+ * On the server side, it reads from process.env.
+ * On the client side, it reads from window.__ALOKAI_ENV__ to support runtime environment variables.
+ *
+ * @param key - The environment variable key (e.g., "NEXT_PUBLIC_API_URL")
+ * @returns The environment variable value or undefined if not found
+ *
+ * @example
+ * ```tsx
+ * import { env } from "@vue-storefront/next/client";
+ *
+ * const apiUrl = env("NEXT_PUBLIC_API_URL");
+ * ```
+ */
+declare function env(key: string): string | undefined;
+
+/**
+ * Type representing environment variables as key-value pairs
+ */
+interface PublicEnv {
+    [key: string]: string | undefined;
+}
+/**
+ * Extended window interface to include Alokai environment variables
+ */
+declare global {
+    interface Window {
+        __ALOKAI_ENV__?: PublicEnv;
+    }
+}
+
+export { type CreateSdkContextReturn as C, type InjectedContext as I, type Maybe as M, type SfContract as S, type SfStateProps as a, type SfState as b, createSfStateProvider as c, type CreateSdkOptions as d, env as e, type Config as f, type CreateSdkReturn as g };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vue-storefront/next",
   "description": "Alokai dedicated features for Next.js",
   "license": "MIT",
-  "version": "7.0.0-next.0",
+  "version": "7.0.0-next.2",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
     "zustand": "^4.5.4"
   },
   "devDependencies": {
-    "@alokai/connect": "^1.1.2",
+    "@alokai/connect": "^1.3.0-next.0",
     "@types/react": "18.3.2",
     "@types/react-dom": "18.3.0",
     "eslint": "9.23.0",
@@ -44,7 +44,7 @@
     "vitest": "2.1.9"
   },
   "peerDependencies": {
-    "@alokai/connect": "^1.1.2",
+    "@alokai/connect": "^1.3.0-next.0",
     "next": "^15.0.0",
     "react": "^19.0.0"
   },