@vue-storefront/next 7.0.0-next.1 → 7.0.0-next.3

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

@@ -50,9 +50,35 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// 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,
-  __async
+  __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-B00HMKAX.mjs';
-export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-B00HMKAX.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-B00HMKAX.js';
-export { M as Maybe, b as SfState, a as SfStateProps, c as createSfStateProvider } from './types-B00HMKAX.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-WNQUEZJF.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-B00HMKAX.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-B00HMKAX.js';
 import 'next/headers';
 import 'react';
 

package/dist/index.js

@@ -63,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");
 
@@ -220,5 +233,6 @@ function buildModules(modules) {
   defineGetConfigSwitcherHeader,
   defineSdkConfig,
   defineSdkModule,
+  env,
   resolveSdkOptions
 });

package/dist/index.mjs

@@ -1,8 +1,9 @@
 import {
   __async,
   __spreadProps,
-  __spreadValues
-} from "./chunk-WNQUEZJF.mjs";
+  __spreadValues,
+  env
+} from "./chunk-NSPLXZD5.mjs";
 
 // src/logger/index.ts
 import { LoggerFactory, LoggerType } from "@alokai/connect/logger";
@@ -156,5 +157,6 @@ export {
   defineGetConfigSwitcherHeader,
   defineSdkConfig,
   defineSdkModule,
+  env,
   resolveSdkOptions
 };

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

@@ -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-B00HMKAX.d.ts → types-FGnrBhjy.d.ts}

@@ -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.1",
+  "version": "7.0.0-next.3",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -27,15 +27,15 @@
     "version": "cp CHANGELOG.md ../../docs/enterprise/content/storefront/6.change-log/next.md"
   },
   "dependencies": {
-    "@alokai/instrumentation-next-component": "1.0.0",
+    "@alokai/instrumentation-next-component": "1.0.1-next.0",
     "zustand": "^4.5.4"
   },
   "devDependencies": {
-    "@alokai/connect": "^1.3.0-next.0",
+    "@alokai/connect": "^2.0.0-next.1",
     "@types/react": "18.3.2",
     "@types/react-dom": "18.3.0",
     "eslint": "9.23.0",
-    "next": "15.5.6",
+    "next": "15.5.7",
     "prettier": "3.3.2",
     "react": "19.2.0",
     "react-dom": "19.2.0",
@@ -44,7 +44,7 @@
     "vitest": "2.1.9"
   },
   "peerDependencies": {
-    "@alokai/connect": "^1.3.0-next.0",
+    "@alokai/connect": "^2.0.0-next.1",
     "next": "^15.0.0",
     "react": "^19.0.0"
   },