@anker-in/shopify-next 0.1.1-beta.0

package/dist/index.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var shopifyReact = require('@anker-in/shopify-react');
+var router = require('next/router');
+var jsxRuntime = require('react/jsx-runtime');
+var cookie = require('cookie');
+
+// src/provider/provider.tsx
+function useNextRouterAdapter() {
+  const router$1 = router.useRouter();
+  return {
+    locale: router$1.locale || "us",
+    locales: router$1.locales,
+    pathname: router$1.pathname,
+    push: async (url) => {
+      await router$1.push(url);
+    },
+    replace: async (url) => {
+      await router$1.replace(url);
+    }
+  };
+}
+function ShopifyNextProvider({
+  locale: propLocale,
+  children,
+  ...props
+}) {
+  const routerAdapter = useNextRouterAdapter();
+  const locale = propLocale || routerAdapter.locale;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    shopifyReact.ShopifyProvider,
+    {
+      ...props,
+      locale,
+      locales: routerAdapter.locales,
+      routerAdapter,
+      children
+    }
+  );
+}
+function createNextServerCookieAdapter(req, res) {
+  return {
+    get(key) {
+      const cookies = cookie.parse(req.headers.cookie || "");
+      return cookies[key];
+    },
+    set(key, value, options) {
+      const cookie$1 = cookie.serialize(key, value, {
+        path: options?.path || "/",
+        domain: options?.domain,
+        expires: options?.expires,
+        maxAge: options?.maxAge,
+        secure: options?.secure,
+        httpOnly: options?.httpOnly,
+        sameSite: options?.sameSite
+      });
+      const existing = res.getHeader("Set-Cookie") || [];
+      const cookies = Array.isArray(existing) ? existing : [existing.toString()];
+      res.setHeader("Set-Cookie", [...cookies, cookie$1]);
+    },
+    remove(key) {
+      this.set(key, "", { maxAge: -1 });
+    }
+  };
+}
+
+exports.ShopifyNextProvider = ShopifyNextProvider;
+exports.createNextServerCookieAdapter = createNextServerCookieAdapter;
+exports.useNextRouterAdapter = useNextRouterAdapter;
+Object.keys(shopifyReact).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return shopifyReact[k]; }
+  });
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/router.ts","../src/provider/provider.tsx","../src/adapters/cookie-server.ts"],"names":["router","useRouter","jsx","ShopifyProvider","parse","cookie","serialize"],"mappings":";;;;;;;;AAOO,SAAS,oBAAA,GAAsC;AACpD,EAAA,MAAMA,WAASC,gBAAA,EAAU;AAEzB,EAAA,OAAO;AAAA,IACL,MAAA,EAAQD,SAAO,MAAA,IAAU,IAAA;AAAA,IACzB,SAASA,QAAA,CAAO,OAAA;AAAA,IAChB,UAAUA,QAAA,CAAO,QAAA;AAAA,IACjB,IAAA,EAAM,OAAO,GAAA,KAAgB;AAAE,MAAA,MAAMA,QAAA,CAAO,KAAK,GAAG,CAAA;AAAA,IAAE,CAAA;AAAA,IACtD,OAAA,EAAS,OAAO,GAAA,KAAgB;AAAE,MAAA,MAAMA,QAAA,CAAO,QAAQ,GAAG,CAAA;AAAA,IAAE;AAAA,GAC9D;AACF;ACDO,SAAS,mBAAA,CAAoB;AAAA,EAClC,MAAA,EAAQ,UAAA;AAAA,EACR,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,gBAAgB,oBAAA,EAAqB;AAC3C,EAAA,MAAM,MAAA,GAAS,cAAc,aAAA,CAAc,MAAA;AAE3C,EAAA,uBACEE,cAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,MAAA;AAAA,MACA,SAAS,aAAA,CAAc,OAAA;AAAA,MACvB,aAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC1BO,SAAS,6BAAA,CACd,KACA,GAAA,EACe;AACf,EAAA,OAAO;AAAA,IACL,IAAI,GAAA,EAAiC;AACnC,MAAA,MAAM,OAAA,GAAUC,YAAA,CAAM,GAAA,CAAI,OAAA,CAAQ,UAAU,EAAE,CAAA;AAC9C,MAAA,OAAO,QAAQ,GAAG,CAAA;AAAA,IACpB,CAAA;AAAA,IAEA,GAAA,CAAI,GAAA,EAAa,KAAA,EAAe,OAAA,EAA+B;AAC7D,MAAA,MAAMC,QAAA,GAASC,gBAAA,CAAU,GAAA,EAAK,KAAA,EAAO;AAAA,QACnC,IAAA,EAAM,SAAS,IAAA,IAAQ,GAAA;AAAA,QACvB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,SAAS,OAAA,EAAS,OAAA;AAAA,QAClB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,UAAU,OAAA,EAAS,QAAA;AAAA,QACnB,UAAU,OAAA,EAAS;AAAA,OACpB,CAAA;AAED,MAAA,MAAM,QAAA,GAAW,GAAA,CAAI,SAAA,CAAU,YAAY,KAAK,EAAC;AACjD,MAAA,MAAM,OAAA,GAAU,MAAM,OAAA,CAAQ,QAAQ,IAClC,QAAA,GACA,CAAC,QAAA,CAAS,QAAA,EAAU,CAAA;AAExB,MAAA,GAAA,CAAI,UAAU,YAAA,EAAc,CAAC,GAAG,OAAA,EAASD,QAAM,CAAC,CAAA;AAAA,IAClD,CAAA;AAAA,IAEA,OAAO,GAAA,EAAmB;AACxB,MAAA,IAAA,CAAK,IAAI,GAAA,EAAK,EAAA,EAAI,EAAE,MAAA,EAAQ,IAAI,CAAA;AAAA,IAClC;AAAA,GACF;AACF","file":"index.js","sourcesContent":["import { useRouter } from 'next/router'\nimport type { RouterAdapter } from '@anker-in/shopify-react'\n\n/**\n * Next.js router adapter hook\n * Adapts Next.js router to RouterAdapter interface\n */\nexport function useNextRouterAdapter(): RouterAdapter {\n  const router = useRouter()\n\n  return {\n    locale: router.locale || 'us',\n    locales: router.locales,\n    pathname: router.pathname,\n    push: async (url: string) => { await router.push(url) },\n    replace: async (url: string) => { await router.replace(url) },\n  }\n}\n","import React from 'react'\nimport { ShopifyProvider, type ShopifyProviderProps } from '@anker-in/shopify-react'\nimport { useNextRouterAdapter } from '../adapters/router'\n\nexport interface ShopifyNextProviderProps\n  extends Omit<ShopifyProviderProps, 'routerAdapter' | 'locale'> {\n  /**\n   * Locale override (optional, will use Next.js router locale by default)\n   */\n  locale?: string\n}\n\n/**\n * Next.js Shopify Provider\n * Automatically integrates with Next.js router\n */\nexport function ShopifyNextProvider({\n  locale: propLocale,\n  children,\n  ...props\n}: ShopifyNextProviderProps) {\n  const routerAdapter = useNextRouterAdapter()\n  const locale = propLocale || routerAdapter.locale\n\n  return (\n    <ShopifyProvider\n      {...props}\n      locale={locale}\n      locales={routerAdapter.locales}\n      routerAdapter={routerAdapter}\n    >\n      {children}\n    </ShopifyProvider>\n  )\n}\n","import type { IncomingMessage, ServerResponse } from 'http'\nimport { parse, serialize } from 'cookie'\nimport type { CookieAdapter, CookieOptions } from '@anker-in/shopify-react'\n\n/**\n * Next.js server-side cookie adapter\n * For use in getServerSideProps, API routes, etc.\n */\nexport function createNextServerCookieAdapter(\n  req: IncomingMessage,\n  res: ServerResponse\n): CookieAdapter {\n  return {\n    get(key: string): string | undefined {\n      const cookies = parse(req.headers.cookie || '')\n      return cookies[key]\n    },\n\n    set(key: string, value: string, options?: CookieOptions): void {\n      const cookie = serialize(key, value, {\n        path: options?.path || '/',\n        domain: options?.domain,\n        expires: options?.expires as Date | undefined,\n        maxAge: options?.maxAge,\n        secure: options?.secure,\n        httpOnly: options?.httpOnly,\n        sameSite: options?.sameSite,\n      })\n\n      const existing = res.getHeader('Set-Cookie') || []\n      const cookies = Array.isArray(existing)\n        ? existing\n        : [existing.toString()]\n\n      res.setHeader('Set-Cookie', [...cookies, cookie])\n    },\n\n    remove(key: string): void {\n      this.set(key, '', { maxAge: -1 })\n    },\n  }\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,68 @@
+import { ShopifyProvider } from '@anker-in/shopify-react';
+export * from '@anker-in/shopify-react';
+import { useRouter } from 'next/router';
+import { jsx } from 'react/jsx-runtime';
+import { serialize, parse } from 'cookie';
+
+// src/provider/provider.tsx
+function useNextRouterAdapter() {
+  const router = useRouter();
+  return {
+    locale: router.locale || "us",
+    locales: router.locales,
+    pathname: router.pathname,
+    push: async (url) => {
+      await router.push(url);
+    },
+    replace: async (url) => {
+      await router.replace(url);
+    }
+  };
+}
+function ShopifyNextProvider({
+  locale: propLocale,
+  children,
+  ...props
+}) {
+  const routerAdapter = useNextRouterAdapter();
+  const locale = propLocale || routerAdapter.locale;
+  return /* @__PURE__ */ jsx(
+    ShopifyProvider,
+    {
+      ...props,
+      locale,
+      locales: routerAdapter.locales,
+      routerAdapter,
+      children
+    }
+  );
+}
+function createNextServerCookieAdapter(req, res) {
+  return {
+    get(key) {
+      const cookies = parse(req.headers.cookie || "");
+      return cookies[key];
+    },
+    set(key, value, options) {
+      const cookie = serialize(key, value, {
+        path: options?.path || "/",
+        domain: options?.domain,
+        expires: options?.expires,
+        maxAge: options?.maxAge,
+        secure: options?.secure,
+        httpOnly: options?.httpOnly,
+        sameSite: options?.sameSite
+      });
+      const existing = res.getHeader("Set-Cookie") || [];
+      const cookies = Array.isArray(existing) ? existing : [existing.toString()];
+      res.setHeader("Set-Cookie", [...cookies, cookie]);
+    },
+    remove(key) {
+      this.set(key, "", { maxAge: -1 });
+    }
+  };
+}
+
+export { ShopifyNextProvider, createNextServerCookieAdapter, useNextRouterAdapter };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/router.ts","../src/provider/provider.tsx","../src/adapters/cookie-server.ts"],"names":[],"mappings":";;;;;;;AAOO,SAAS,oBAAA,GAAsC;AACpD,EAAA,MAAM,SAAS,SAAA,EAAU;AAEzB,EAAA,OAAO;AAAA,IACL,MAAA,EAAQ,OAAO,MAAA,IAAU,IAAA;AAAA,IACzB,SAAS,MAAA,CAAO,OAAA;AAAA,IAChB,UAAU,MAAA,CAAO,QAAA;AAAA,IACjB,IAAA,EAAM,OAAO,GAAA,KAAgB;AAAE,MAAA,MAAM,MAAA,CAAO,KAAK,GAAG,CAAA;AAAA,IAAE,CAAA;AAAA,IACtD,OAAA,EAAS,OAAO,GAAA,KAAgB;AAAE,MAAA,MAAM,MAAA,CAAO,QAAQ,GAAG,CAAA;AAAA,IAAE;AAAA,GAC9D;AACF;ACDO,SAAS,mBAAA,CAAoB;AAAA,EAClC,MAAA,EAAQ,UAAA;AAAA,EACR,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,gBAAgB,oBAAA,EAAqB;AAC3C,EAAA,MAAM,MAAA,GAAS,cAAc,aAAA,CAAc,MAAA;AAE3C,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,MAAA;AAAA,MACA,SAAS,aAAA,CAAc,OAAA;AAAA,MACvB,aAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC1BO,SAAS,6BAAA,CACd,KACA,GAAA,EACe;AACf,EAAA,OAAO;AAAA,IACL,IAAI,GAAA,EAAiC;AACnC,MAAA,MAAM,OAAA,GAAU,KAAA,CAAM,GAAA,CAAI,OAAA,CAAQ,UAAU,EAAE,CAAA;AAC9C,MAAA,OAAO,QAAQ,GAAG,CAAA;AAAA,IACpB,CAAA;AAAA,IAEA,GAAA,CAAI,GAAA,EAAa,KAAA,EAAe,OAAA,EAA+B;AAC7D,MAAA,MAAM,MAAA,GAAS,SAAA,CAAU,GAAA,EAAK,KAAA,EAAO;AAAA,QACnC,IAAA,EAAM,SAAS,IAAA,IAAQ,GAAA;AAAA,QACvB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,SAAS,OAAA,EAAS,OAAA;AAAA,QAClB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,QAAQ,OAAA,EAAS,MAAA;AAAA,QACjB,UAAU,OAAA,EAAS,QAAA;AAAA,QACnB,UAAU,OAAA,EAAS;AAAA,OACpB,CAAA;AAED,MAAA,MAAM,QAAA,GAAW,GAAA,CAAI,SAAA,CAAU,YAAY,KAAK,EAAC;AACjD,MAAA,MAAM,OAAA,GAAU,MAAM,OAAA,CAAQ,QAAQ,IAClC,QAAA,GACA,CAAC,QAAA,CAAS,QAAA,EAAU,CAAA;AAExB,MAAA,GAAA,CAAI,UAAU,YAAA,EAAc,CAAC,GAAG,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAClD,CAAA;AAAA,IAEA,OAAO,GAAA,EAAmB;AACxB,MAAA,IAAA,CAAK,IAAI,GAAA,EAAK,EAAA,EAAI,EAAE,MAAA,EAAQ,IAAI,CAAA;AAAA,IAClC;AAAA,GACF;AACF","file":"index.mjs","sourcesContent":["import { useRouter } from 'next/router'\nimport type { RouterAdapter } from '@anker-in/shopify-react'\n\n/**\n * Next.js router adapter hook\n * Adapts Next.js router to RouterAdapter interface\n */\nexport function useNextRouterAdapter(): RouterAdapter {\n  const router = useRouter()\n\n  return {\n    locale: router.locale || 'us',\n    locales: router.locales,\n    pathname: router.pathname,\n    push: async (url: string) => { await router.push(url) },\n    replace: async (url: string) => { await router.replace(url) },\n  }\n}\n","import React from 'react'\nimport { ShopifyProvider, type ShopifyProviderProps } from '@anker-in/shopify-react'\nimport { useNextRouterAdapter } from '../adapters/router'\n\nexport interface ShopifyNextProviderProps\n  extends Omit<ShopifyProviderProps, 'routerAdapter' | 'locale'> {\n  /**\n   * Locale override (optional, will use Next.js router locale by default)\n   */\n  locale?: string\n}\n\n/**\n * Next.js Shopify Provider\n * Automatically integrates with Next.js router\n */\nexport function ShopifyNextProvider({\n  locale: propLocale,\n  children,\n  ...props\n}: ShopifyNextProviderProps) {\n  const routerAdapter = useNextRouterAdapter()\n  const locale = propLocale || routerAdapter.locale\n\n  return (\n    <ShopifyProvider\n      {...props}\n      locale={locale}\n      locales={routerAdapter.locales}\n      routerAdapter={routerAdapter}\n    >\n      {children}\n    </ShopifyProvider>\n  )\n}\n","import type { IncomingMessage, ServerResponse } from 'http'\nimport { parse, serialize } from 'cookie'\nimport type { CookieAdapter, CookieOptions } from '@anker-in/shopify-react'\n\n/**\n * Next.js server-side cookie adapter\n * For use in getServerSideProps, API routes, etc.\n */\nexport function createNextServerCookieAdapter(\n  req: IncomingMessage,\n  res: ServerResponse\n): CookieAdapter {\n  return {\n    get(key: string): string | undefined {\n      const cookies = parse(req.headers.cookie || '')\n      return cookies[key]\n    },\n\n    set(key: string, value: string, options?: CookieOptions): void {\n      const cookie = serialize(key, value, {\n        path: options?.path || '/',\n        domain: options?.domain,\n        expires: options?.expires as Date | undefined,\n        maxAge: options?.maxAge,\n        secure: options?.secure,\n        httpOnly: options?.httpOnly,\n        sameSite: options?.sameSite,\n      })\n\n      const existing = res.getHeader('Set-Cookie') || []\n      const cookies = Array.isArray(existing)\n        ? existing\n        : [existing.toString()]\n\n      res.setHeader('Set-Cookie', [...cookies, cookie])\n    },\n\n    remove(key: string): void {\n      this.set(key, '', { maxAge: -1 })\n    },\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@anker-in/shopify-next",
+  "version": "0.1.1-beta.0",
+  "description": "Next.js adapter for Shopify React SDK",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/**",
+    "README.md"
+  ],
+  "dependencies": {
+    "cookie": "^0.6.0",
+    "@anker-in/shopify-react": "0.1.1-beta.0"
+  },
+  "peerDependencies": {
+    "next": ">=14.0.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/cookie": "^0.6.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "next": "^14.2.3",
+    "react": "^19.1.0",
+    "tsup": "^8.0.0",
+    "typescript": "5.9.2",
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "shopify",
+    "nextjs",
+    "react",
+    "adapter"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "check-types": "tsc --noEmit",
+    "lint": "eslint . --max-warnings 0"
+  }
+}