@commercengine/storefront-sdk-nextjs 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/index.cjs

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -31,14 +32,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   ClientTokenStorage: () => ClientTokenStorage,
-  Environment: () => import_storefront_sdk2.Environment,
   ServerTokenStorage: () => ServerTokenStorage,
-  StorefrontSDKInitializer: () => StorefrontSDKInitializer,
-  getStorefrontSDK: () => getStorefrontSDK
+  getStorefrontSDK: () => getStorefrontSDK,
+  storefront: () => storefront
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/sdk-manager.ts
+var import_react = require("react");
 var import_storefront_sdk = require("@commercengine/storefront-sdk");
 
 // src/token-storage.ts
@@ -147,7 +148,7 @@ var ServerTokenStorage = class {
         secure: this.options.secure,
         sameSite: this.options.sameSite?.toLowerCase(),
         httpOnly: false
-        // Must be false for client-side access
+        // Allow client-side access for SDK flexibility
       });
     } catch (error) {
       console.warn(`Could not set access token on server:`, error);
@@ -170,7 +171,7 @@ var ServerTokenStorage = class {
         secure: this.options.secure,
         sameSite: this.options.sameSite?.toLowerCase(),
         httpOnly: false
-        // Must be false for client-side access
+        // Allow client-side access for SDK flexibility
       });
     } catch (error) {
       console.warn(`Could not set refresh token on server:`, error);
@@ -186,88 +187,171 @@ var ServerTokenStorage = class {
   }
 };
 
-// src/sdk-manager.ts
-var NextJSSDKManager = class _NextJSSDKManager {
-  constructor() {
-    this.clientSDK = null;
-    this.config = null;
-  }
-  static getInstance() {
-    if (!_NextJSSDKManager.instance) {
-      _NextJSSDKManager.instance = new _NextJSSDKManager();
-    }
-    return _NextJSSDKManager.instance;
-  }
-  /**
-   * Initialize the SDK with configuration (should be called once)
-   */
-  initialize(config) {
-    this.config = config;
-    if (typeof window !== "undefined" && !this.clientSDK) {
-      this.clientSDK = this.createClientSDK();
-    }
+// src/build-token-cache.ts
+var store = /* @__PURE__ */ new Map();
+function isExpired(token) {
+  if (!token) return true;
+  if (!token.expiresAt) return false;
+  return Date.now() > token.expiresAt - 3e4;
+}
+function getCachedToken(key) {
+  const token = store.get(key);
+  return isExpired(token) ? null : token;
+}
+function setCachedToken(key, token) {
+  const expiresAt = token.ttlSeconds != null ? Date.now() + token.ttlSeconds * 1e3 : void 0;
+  store.set(key, {
+    accessToken: token.accessToken,
+    refreshToken: token.refreshToken ?? null,
+    expiresAt
+  });
+}
+function clearCachedToken(key) {
+  store.delete(key);
+}
+
+// src/build-caching-memory-storage.ts
+var DEFAULT_TTL_SECONDS = 5 * 60;
+var BuildCachingMemoryTokenStorage = class {
+  constructor(cacheKey, ttlSeconds = DEFAULT_TTL_SECONDS) {
+    this.cacheKey = cacheKey;
+    this.ttlSeconds = ttlSeconds;
+    this.access = null;
+    this.refresh = null;
   }
-  /**
-   * Get SDK instance for client-side usage
-   */
-  getClientSDK() {
-    if (!this.config) {
-      throw new Error("SDK not initialized. Call initialize() first.");
+  async getAccessToken() {
+    if (this.access) {
+      console.log(`\u{1F535} [BuildCache] Using instance token for key: ${this.cacheKey}`);
+      return this.access;
     }
-    if (!this.clientSDK) {
-      this.clientSDK = this.createClientSDK();
+    const cached = getCachedToken(this.cacheKey);
+    if (cached?.accessToken) {
+      console.log(`\u{1F7E2} [BuildCache] Using cached token for key: ${this.cacheKey}`);
+      this.access = cached.accessToken;
+      this.refresh = cached.refreshToken ?? null;
+      return this.access;
     }
-    return this.clientSDK;
+    console.log(`\u{1F7E1} [BuildCache] No cached token found for key: ${this.cacheKey}`);
+    return null;
   }
-  /**
-   * Get SDK instance for server-side usage
-   */
-  getServerSDK(cookieStore) {
-    if (!this.config) {
-      throw new Error("SDK not initialized. Call initialize() first.");
-    }
-    return new import_storefront_sdk.StorefrontSDK({
-      ...this.config,
-      tokenStorage: new ServerTokenStorage(
-        cookieStore,
-        this.config.tokenStorageOptions
-      )
+  async setAccessToken(token) {
+    console.log(`\u{1F7E0} [BuildCache] Caching new access token for key: ${this.cacheKey}`);
+    this.access = token;
+    setCachedToken(this.cacheKey, {
+      accessToken: token,
+      refreshToken: this.refresh,
+      ttlSeconds: this.ttlSeconds
     });
   }
-  createClientSDK() {
-    if (!this.config) {
-      throw new Error("SDK not initialized. Call initialize() first.");
-    }
-    return new import_storefront_sdk.StorefrontSDK({
-      ...this.config,
-      tokenStorage: new ClientTokenStorage(this.config.tokenStorageOptions)
-    });
+  async getRefreshToken() {
+    return this.refresh;
   }
-  /**
-   * Check if SDK is initialized
-   */
-  isInitialized() {
-    return this.config !== null;
+  async setRefreshToken(token) {
+    this.refresh = token;
+    setCachedToken(this.cacheKey, {
+      accessToken: this.access ?? "",
+      refreshToken: token,
+      ttlSeconds: this.ttlSeconds
+    });
   }
-  /**
-   * Reset the SDK (useful for testing)
-   */
-  reset() {
-    this.clientSDK = null;
-    this.config = null;
+  async clearTokens() {
+    this.access = null;
+    this.refresh = null;
+    clearCachedToken(this.cacheKey);
   }
 };
+
+// src/sdk-manager.ts
+var globalConfig = null;
+function getEnvConfig() {
+  return {
+    storeId: process.env.NEXT_PUBLIC_STORE_ID || "",
+    environment: process.env.NEXT_PUBLIC_ENVIRONMENT === "production" ? import_storefront_sdk.Environment.Production : import_storefront_sdk.Environment.Staging,
+    apiKey: process.env.NEXT_PUBLIC_API_KEY
+  };
+}
+function getConfig() {
+  if (globalConfig) {
+    return globalConfig;
+  }
+  return getEnvConfig();
+}
+var clientSDK = null;
+function hasRequestContext() {
+  try {
+    const { cookies } = require("next/headers");
+    cookies();
+    return true;
+  } catch {
+    return false;
+  }
+}
+function createTokenStorage(cookieStore, options, config) {
+  if (typeof window !== "undefined") {
+    return new ClientTokenStorage(options);
+  }
+  if (cookieStore) {
+    return new ServerTokenStorage(cookieStore, options);
+  }
+  const shouldCache = process.env.NEXT_BUILD_CACHE_TOKENS === "true";
+  if (shouldCache && config) {
+    const cacheKey = `${config.storeId}:${config.environment || "production"}`;
+    console.log(`\u{1F680} [BuildCache] Using BuildCachingMemoryTokenStorage with key: ${cacheKey}`);
+    return new BuildCachingMemoryTokenStorage(cacheKey);
+  }
+  console.log(`\u{1F504} [Build] Using standard MemoryTokenStorage (caching disabled)`);
+  return new import_storefront_sdk.MemoryTokenStorage();
+}
+var getServerSDKCached = (0, import_react.cache)((cookieStore) => {
+  const config = getEnvConfig();
+  return new import_storefront_sdk.StorefrontSDK({
+    ...config,
+    tokenStorage: createTokenStorage(
+      cookieStore,
+      config.tokenStorageOptions,
+      config
+    )
+  });
+});
+var buildTimeSDK = null;
+function getBuildTimeSDK() {
+  const config = getEnvConfig();
+  if (!buildTimeSDK) {
+    buildTimeSDK = new import_storefront_sdk.StorefrontSDK({
+      ...config,
+      tokenStorage: createTokenStorage(
+        void 0,
+        config.tokenStorageOptions,
+        config
+      )
+    });
+  }
+  return buildTimeSDK;
+}
 function getStorefrontSDK(cookieStore) {
-  const manager = NextJSSDKManager.getInstance();
   if (typeof window !== "undefined") {
     if (cookieStore) {
       console.warn(
         "Cookie store passed in client environment - this will be ignored"
       );
     }
-    return manager.getClientSDK();
+    const config = getConfig();
+    if (!clientSDK) {
+      clientSDK = new import_storefront_sdk.StorefrontSDK({
+        ...config,
+        tokenStorage: createTokenStorage(
+          void 0,
+          config.tokenStorageOptions,
+          config
+        )
+      });
+    }
+    return clientSDK;
+  }
+  if (cookieStore) {
+    return getServerSDKCached(cookieStore);
   }
-  if (!cookieStore) {
+  if (hasRequestContext()) {
     let autoDetectMessage = "";
     try {
       require.resolve("next/headers");
@@ -276,7 +360,7 @@ function getStorefrontSDK(cookieStore) {
 \u{1F50D} Auto-detection attempted but failed. You may be in:
 - Server Action (use: const sdk = getStorefrontSDK(await cookies()))
 - API Route (use: const sdk = getStorefrontSDK(cookies()))
-- Middleware (token access limited)
+- Server Component in App Router (use: const sdk = getStorefrontSDK(cookies()))
 `;
     } catch {
       autoDetectMessage = `
@@ -297,7 +381,7 @@ import { cookies } from 'next/headers';
 // Server Actions & Route Handlers
 const sdk = getStorefrontSDK(await cookies());
 
-// API Routes (Next.js 12)
+// API Routes & Server Components (App Router)
 const sdk = getStorefrontSDK(cookies());
 
 \u274C Your current usage:
@@ -307,31 +391,21 @@ This is required for server-side token access.
     `.trim()
     );
   }
-  return manager.getServerSDK(cookieStore);
-}
-function initializeStorefrontSDK(config) {
-  const manager = NextJSSDKManager.getInstance();
-  manager.initialize(config);
+  return getBuildTimeSDK();
 }
 
-// src/init-client.ts
-var import_react = require("react");
-function StorefrontSDKInitializer({
-  config
-}) {
-  (0, import_react.useEffect)(() => {
-    initializeStorefrontSDK(config);
-  }, [config]);
-  return null;
+// src/storefront.ts
+function storefront(cookieStore) {
+  return getStorefrontSDK(cookieStore);
 }
 
 // src/index.ts
-var import_storefront_sdk2 = require("@commercengine/storefront-sdk");
+__reExport(index_exports, require("@commercengine/storefront-sdk"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClientTokenStorage,
-  Environment,
   ServerTokenStorage,
-  StorefrontSDKInitializer,
-  getStorefrontSDK
+  getStorefrontSDK,
+  storefront,
+  ...require("@commercengine/storefront-sdk")
 });

package/dist/index.d.cts

@@ -1,5 +1,7 @@
 import { TokenStorage, StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
-export { Environment, StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
+export * from '@commercengine/storefront-sdk';
+export { StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
+export { default as storefront } from './storefront.cjs';
 
 /**
  * Configuration options for NextJSTokenStorage
@@ -91,26 +93,15 @@ type NextCookieStore = {
  *
  * Usage:
  * - Client-side: getStorefrontSDK()
- * - Server-side: getStorefrontSDK(await cookies())
+ * - Server-side with request context: getStorefrontSDK(await cookies())
+ * - SSG/ISR (no request context): getStorefrontSDK() (uses memory storage)
  */
 declare function getStorefrontSDK(): StorefrontSDK;
 declare function getStorefrontSDK(cookieStore: NextCookieStore): StorefrontSDK;
-
-interface StorefrontSDKInitializerProps {
-    config: NextJSSDKConfig;
-}
 /**
- * Client-side initialization component
- * Use this in your root layout to initialize the SDK once
- *
- * The core SDK middleware now automatically handles everything:
- * - Creates anonymous tokens automatically on first API request (if no tokens exist)
- * - Token state assessment and cleanup on first request per page load
- * - Expired token refresh with automatic anonymous fallback
- * - Graceful handling of partial token states
- *
- * No manual token creation needed - just make API calls and everything works!
+ * Initialize the SDK with configuration (internal use)
+ * This should be called once in your app via StorefrontSDKInitializer
  */
-declare function StorefrontSDKInitializer({ config, }: StorefrontSDKInitializerProps): null;
+declare function initializeStorefrontSDK(config: NextJSSDKConfig): void;
 
-export { ClientTokenStorage, type NextJSSDKConfig, type NextJSTokenStorageOptions, ServerTokenStorage, StorefrontSDKInitializer, getStorefrontSDK };
+export { ClientTokenStorage, type NextJSSDKConfig, type NextJSTokenStorageOptions, ServerTokenStorage, getStorefrontSDK, initializeStorefrontSDK as i };

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import { TokenStorage, StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
-export { Environment, StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
+export * from '@commercengine/storefront-sdk';
+export { StorefrontSDK, StorefrontSDKOptions } from '@commercengine/storefront-sdk';
+export { default as storefront } from './storefront.js';
 
 /**
  * Configuration options for NextJSTokenStorage
@@ -91,26 +93,15 @@ type NextCookieStore = {
  *
  * Usage:
  * - Client-side: getStorefrontSDK()
- * - Server-side: getStorefrontSDK(await cookies())
+ * - Server-side with request context: getStorefrontSDK(await cookies())
+ * - SSG/ISR (no request context): getStorefrontSDK() (uses memory storage)
  */
 declare function getStorefrontSDK(): StorefrontSDK;
 declare function getStorefrontSDK(cookieStore: NextCookieStore): StorefrontSDK;
-
-interface StorefrontSDKInitializerProps {
-    config: NextJSSDKConfig;
-}
 /**
- * Client-side initialization component
- * Use this in your root layout to initialize the SDK once
- *
- * The core SDK middleware now automatically handles everything:
- * - Creates anonymous tokens automatically on first API request (if no tokens exist)
- * - Token state assessment and cleanup on first request per page load
- * - Expired token refresh with automatic anonymous fallback
- * - Graceful handling of partial token states
- *
- * No manual token creation needed - just make API calls and everything works!
+ * Initialize the SDK with configuration (internal use)
+ * This should be called once in your app via StorefrontSDKInitializer
  */
-declare function StorefrontSDKInitializer({ config, }: StorefrontSDKInitializerProps): null;
+declare function initializeStorefrontSDK(config: NextJSSDKConfig): void;
 
-export { ClientTokenStorage, type NextJSSDKConfig, type NextJSTokenStorageOptions, ServerTokenStorage, StorefrontSDKInitializer, getStorefrontSDK };
+export { ClientTokenStorage, type NextJSSDKConfig, type NextJSTokenStorageOptions, ServerTokenStorage, getStorefrontSDK, initializeStorefrontSDK as i };