@makeswift/runtime 0.25.0-canary.13 → 0.25.0-canary.14

package/dist/cjs/runtimes/react/root-style-registry.js

@@ -45,23 +45,34 @@ const CSSResetEnabledContext = (0, import_react.createContext)(DEFAULT_CSS_RESET
 const createRootStyleCache = ({ key } = {}) => {
   const cache2 = (0, import_cache.default)({ key: key ?? "mswft" });
   cache2.compat = true;
-  const prevInsert = cache2.insert;
   let inserted = [];
-  cache2.insert = (...args) => {
-    const serialized = args[1];
-    if (cache2.inserted[serialized.name] === void 0) {
-      inserted.push(serialized.name);
+  return {
+    ...cache2,
+    // override the `insert` method to track inserted names
+    insert(...args) {
+      const serialized = args[1];
+      if (cache2.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return cache2.insert(...args);
+    },
+    flush() {
+      const classNames = inserted;
+      inserted = [];
+      return {
+        classNames,
+        css: classNames.reduce((css, name) => {
+          return css + cache2.inserted[name];
+        }, "")
+      };
     }
-    return prevInsert(...args);
   };
-  const flush = () => {
-    const prevInserted = inserted;
-    inserted = [];
-    return prevInserted;
-  };
-  return { cache: cache2, flush };
 };
-function RootStyleRegistry({ children, cache: cache2, enableCssReset }) {
+function RootStyleRegistry({
+  children,
+  cache: cache2,
+  enableCssReset
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CacheContext.Provider, { value: cache2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CSSResetEnabledContext.Provider, { value: enableCssReset ?? DEFAULT_CSS_RESET_ENABLED, children }) });
 }
 function useCache() {

package/dist/cjs/runtimes/react/root-style-registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { ReactNode, createContext, useContext } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst DEFAULT_CSS_RESET_ENABLED = true\nconst CSSResetEnabledContext = createContext(DEFAULT_CSS_RESET_ENABLED)\n\nexport const createRootStyleCache = ({ key }: { key?: string } = {}) => {\n  const cache = createCache({ key: key ?? 'mswft' })\n  cache.compat = true\n\n  const prevInsert = cache.insert\n  let inserted: string[] = []\n\n  cache.insert = (...args) => {\n    const serialized = args[1]\n    if (cache.inserted[serialized.name] === undefined) {\n      inserted.push(serialized.name)\n    }\n    return prevInsert(...args)\n  }\n\n  const flush = () => {\n    const prevInserted = inserted\n    inserted = []\n    return prevInserted\n  }\n\n  return { cache, flush }\n}\n\ntype Props = {\n  children: ReactNode\n  cache: EmotionCache\n  /**\n   * Toggle the built-in CSS reset.\n   * Set to `false` when using `@layer`-based CSS frameworks like Tailwind.\n   */\n  enableCssReset?: boolean\n}\n\nexport function RootStyleRegistry({ children, cache, enableCssReset }: Props) {\n  return (\n    <CacheContext.Provider value={cache}>\n      <CSSResetEnabledContext.Provider value={enableCssReset ?? DEFAULT_CSS_RESET_ENABLED}>\n        {children}\n      </CSSResetEnabledContext.Provider>\n    </CacheContext.Provider>\n  )\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n\nexport function useCSSResetEnabled(): boolean {\n  return useContext(CSSResetEnabledContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDM;AA9CN,mBAA0C;AAC1C,iBAAsB;AACtB,mBAAqD;AAErD,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,4BAA4B;AAClC,MAAM,6BAAyB,4BAAc,yBAAyB;AAE/D,MAAM,uBAAuB,CAAC,EAAE,IAAI,IAAsB,CAAC,MAAM;AACtE,QAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,OAAO,QAAQ,CAAC;AACjD,EAAAD,OAAM,SAAS;AAEf,QAAM,aAAaA,OAAM;AACzB,MAAI,WAAqB,CAAC;AAE1B,EAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,UAAM,aAAa,KAAK,CAAC;AACzB,QAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,eAAS,KAAK,WAAW,IAAI;AAAA,IAC/B;AACA,WAAO,WAAW,GAAG,IAAI;AAAA,EAC3B;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,eAAe;AACrB,eAAW,CAAC;AACZ,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,OAAAA,QAAO,MAAM;AACxB;AAYO,SAAS,kBAAkB,EAAE,UAAU,OAAAA,QAAO,eAAe,GAAU;AAC5E,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAC5B,sDAAC,uBAAuB,UAAvB,EAAgC,OAAO,kBAAkB,2BACvD,UACH,GACF;AAEJ;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;AAEO,SAAS,qBAA8B;AAC5C,aAAO,yBAAW,sBAAsB;AAC1C;","names":["cache","createCache"]}
+{"version":3,"sources":["../../../../src/runtimes/react/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { type EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { type PropsWithChildren, createContext, useContext } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst DEFAULT_CSS_RESET_ENABLED = true\nconst CSSResetEnabledContext = createContext(DEFAULT_CSS_RESET_ENABLED)\n\nexport type StyleCache = EmotionCache & {\n  /**\n   * Flush the inserted styles.\n   * @returns A list of class names and the corresponding CSS rules that were flushed.\n   */\n  flush: () => { classNames: string[]; css: string }\n}\n\nexport const createRootStyleCache = ({ key }: { key?: string } = {}): StyleCache => {\n  const cache = createCache({ key: key ?? 'mswft' })\n  cache.compat = true\n\n  // additional state to track inserted style names\n  let inserted: string[] = []\n\n  return {\n    ...cache,\n\n    // override the `insert` method to track inserted names\n    insert(...args) {\n      const serialized = args[1]\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name)\n      }\n      return cache.insert(...args)\n    },\n\n    flush() {\n      const classNames = inserted\n      // reset our own state, leave `cache.inserted` intact\n      inserted = []\n\n      return {\n        classNames,\n        css: classNames.reduce((css, name) => {\n          return css + cache.inserted[name]\n        }, ''),\n      }\n    },\n  }\n}\n\nexport type RootStyleProps = {\n  /**\n   * The key used to prefix generated class names.\n   * If not provided, a default key will be used.\n   */\n  cacheKey?: string\n  /**\n   * Toggle the built-in CSS reset.\n   * Set to `false` when using `@layer`-based CSS frameworks like Tailwind.\n   */\n  enableCssReset?: boolean\n}\n\nexport function RootStyleRegistry({\n  children,\n  cache,\n  enableCssReset,\n}: PropsWithChildren<{\n  cache: StyleCache\n  enableCssReset?: boolean\n}>) {\n  return (\n    <CacheContext.Provider value={cache}>\n      <CSSResetEnabledContext.Provider value={enableCssReset ?? DEFAULT_CSS_RESET_ENABLED}>\n        {children}\n      </CSSResetEnabledContext.Provider>\n    </CacheContext.Provider>\n  )\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n\nexport function useCSSResetEnabled(): boolean {\n  return useContext(CSSResetEnabledContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EM;AA1EN,mBAA+C;AAC/C,iBAAsB;AACtB,mBAAkE;AAElE,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,4BAA4B;AAClC,MAAM,6BAAyB,4BAAc,yBAAyB;AAU/D,MAAM,uBAAuB,CAAC,EAAE,IAAI,IAAsB,CAAC,MAAkB;AAClF,QAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,OAAO,QAAQ,CAAC;AACjD,EAAAD,OAAM,SAAS;AAGf,MAAI,WAAqB,CAAC;AAE1B,SAAO;AAAA,IACL,GAAGA;AAAA;AAAA,IAGH,UAAU,MAAM;AACd,YAAM,aAAa,KAAK,CAAC;AACzB,UAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,iBAAS,KAAK,WAAW,IAAI;AAAA,MAC/B;AACA,aAAOA,OAAM,OAAO,GAAG,IAAI;AAAA,IAC7B;AAAA,IAEA,QAAQ;AACN,YAAM,aAAa;AAEnB,iBAAW,CAAC;AAEZ,aAAO;AAAA,QACL;AAAA,QACA,KAAK,WAAW,OAAO,CAAC,KAAK,SAAS;AACpC,iBAAO,MAAMA,OAAM,SAAS,IAAI;AAAA,QAClC,GAAG,EAAE;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,OAAAA;AAAA,EACA;AACF,GAGI;AACF,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAC5B,sDAAC,uBAAuB,UAAvB,EAAgC,OAAO,kBAAkB,2BACvD,UACH,GACF;AAEJ;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;AAEO,SAAS,qBAA8B;AAC5C,aAAO,yBAAW,sBAAsB;AAC1C;","names":["cache","createCache"]}

package/dist/cjs/{next/preview-mode.js → testing/fixtures.js}

@@ -16,25 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var preview_mode_exports = {};
-__export(preview_mode_exports, {
-  getMakeswiftSiteVersion: () => getMakeswiftSiteVersion
+var fixtures_exports = {};
+__export(fixtures_exports, {
+  TestOrigins: () => TestOrigins,
+  TestWorkingSiteVersion: () => TestWorkingSiteVersion
 });
-module.exports = __toCommonJS(preview_mode_exports);
-var import_zod = require("zod");
-var import_site_version = require("../api/site-version");
-const makeswiftPreviewDataSchema = import_zod.z.object({
-  makeswift: import_zod.z.literal(true),
-  siteVersion: import_site_version.makeswiftSiteVersionSchema
-});
-function getMakeswiftSiteVersion(previewData) {
-  const result = makeswiftPreviewDataSchema.safeParse(previewData);
-  if (result.success)
-    return result.data.siteVersion;
-  return null;
-}
+module.exports = __toCommonJS(fixtures_exports);
+const TestWorkingSiteVersion = {
+  version: "draft",
+  token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJtYWtlc3dpZnQtcnVudGltZSIsImlhdCI6MTc1NDU5OTE0OSwiZXhwIjo0MTAyNDMyNzQ5LCJhdWQiOiJ0ZXN0Iiwic3ViIjoibWFrZXN3aWZ0LXJ1bnRpbWUifQ.-1BDOmEN1Q1QeKP7qfjPyAkrKRjb4q4qaqyhPBvMnhg"
+};
+const TestOrigins = {
+  apiOrigin: "https://api.fakeswift.com",
+  appOrigin: "https://app.fakeswift.com"
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getMakeswiftSiteVersion
+  TestOrigins,
+  TestWorkingSiteVersion
 });
-//# sourceMappingURL=preview-mode.js.map
+//# sourceMappingURL=fixtures.js.map

package/dist/cjs/testing/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/testing/fixtures.ts"],"sourcesContent":["import { type SiteVersion } from '../next'\n\nexport const TestWorkingSiteVersion: SiteVersion = {\n  version: 'draft',\n  token:\n    'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJtYWtlc3dpZnQtcnVudGltZSIsImlhdCI6MTc1NDU5OTE0OSwiZXhwIjo0MTAyNDMyNzQ5LCJhdWQiOiJ0ZXN0Iiwic3ViIjoibWFrZXN3aWZ0LXJ1bnRpbWUifQ.-1BDOmEN1Q1QeKP7qfjPyAkrKRjb4q4qaqyhPBvMnhg',\n} as const\n\nexport const TestOrigins = {\n  apiOrigin: 'https://api.fakeswift.com',\n  appOrigin: 'https://app.fakeswift.com',\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,yBAAsC;AAAA,EACjD,SAAS;AAAA,EACT,OACE;AACJ;AAEO,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,WAAW;AACb;","names":[]}

package/dist/cjs/utils/esm-compat.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var esm_compat_exports = {};
+__export(esm_compat_exports, {
+  esmCompat: () => esmCompat
+});
+module.exports = __toCommonJS(esm_compat_exports);
+const esmCompat = (x) => x.default ?? x;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  esmCompat
+});
+//# sourceMappingURL=esm-compat.js.map

package/dist/cjs/utils/esm-compat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/esm-compat.ts"],"sourcesContent":["// see https://www.npmjs.com/package/vite-plugin-cjs-interop\nexport const esmCompat = <T>(x: T): T => (x as any).default ?? x\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,YAAY,CAAI,MAAa,EAAU,WAAW;","names":[]}

package/dist/esm/api/site-version/index.js

@@ -0,0 +1,75 @@
+import { z } from "zod";
+import { jwtDecode } from "jwt-decode";
+const ApiHandlerHeaders = {
+  SiteVersion: "X-Makeswift-Site-Version"
+};
+const decodedTokenPayloadSchema = z.object({
+  exp: z.number()
+});
+const siteVersionSchema = z.object({
+  version: z.string(),
+  token: z.string()
+});
+function millisecondsToSeconds(ms) {
+  return Math.floor(ms / 1e3);
+}
+function serializeSiteVersion(data) {
+  const jsonString = JSON.stringify({ version: data.version, token: data.token });
+  return jsonString;
+}
+function parseSerializedSiteVersion(input) {
+  try {
+    return siteVersionSchema.parse(JSON.parse(input));
+  } catch {
+    console.error("Failed to parse serialized site version:", input);
+    return null;
+  }
+}
+function getSiteVersionTokenPayload(siteVersion) {
+  try {
+    const decoded = jwtDecode(siteVersion.token);
+    return decodedTokenPayloadSchema.parse(decoded);
+  } catch (error) {
+    console.error("Invalid site version token");
+    throw error;
+  }
+}
+function secondsUntilTokenExpiration(tokenPayload) {
+  const currentTime = millisecondsToSeconds(Date.now());
+  return Math.max(tokenPayload.exp - currentTime, 0);
+}
+function secondsUntilSiteVersionExpiration(siteVersion) {
+  try {
+    const tokenPayload = getSiteVersionTokenPayload(siteVersion);
+    return secondsUntilTokenExpiration(tokenPayload);
+  } catch (error) {
+    console.error("Failed to check site version expiration:", error);
+    return 0;
+  }
+}
+function isSiteVersionExpired(siteVersion) {
+  return secondsUntilSiteVersionExpiration(siteVersion) <= 0;
+}
+function deserializeSiteVersion(input) {
+  try {
+    const parsedSiteVersion = parseSerializedSiteVersion(input);
+    if (parsedSiteVersion == null)
+      return null;
+    if (isSiteVersionExpired(parsedSiteVersion)) {
+      console.error("Site version token is expired");
+      return null;
+    }
+    return parsedSiteVersion;
+  } catch {
+    console.error("Failed to deserialize site version:", input);
+    return null;
+  }
+}
+export {
+  ApiHandlerHeaders,
+  deserializeSiteVersion,
+  secondsUntilSiteVersionExpiration,
+  serializeSiteVersion,
+  siteVersionSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/api/site-version/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/api/site-version/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport { jwtDecode } from 'jwt-decode'\n\nexport const ApiHandlerHeaders = {\n  SiteVersion: 'X-Makeswift-Site-Version',\n}\n\nconst decodedTokenPayloadSchema = z.object({\n  exp: z.number(),\n})\n\ntype DecodedTokenPayload = z.infer<typeof decodedTokenPayloadSchema>\n\nexport const siteVersionSchema = z.object({\n  version: z.string(),\n  token: z.string(),\n})\n\nexport type SiteVersion = z.infer<typeof siteVersionSchema>\n\nfunction millisecondsToSeconds(ms: number): number {\n  return Math.floor(ms / 1000)\n}\n\nexport function serializeSiteVersion(data: SiteVersion): string {\n  const jsonString = JSON.stringify({ version: data.version, token: data.token })\n  return jsonString\n}\n\nfunction parseSerializedSiteVersion(input: string): SiteVersion | null {\n  try {\n    return siteVersionSchema.parse(JSON.parse(input))\n  } catch {\n    console.error('Failed to parse serialized site version:', input)\n    return null\n  }\n}\n\nfunction getSiteVersionTokenPayload(siteVersion: SiteVersion): DecodedTokenPayload {\n  try {\n    const decoded = jwtDecode<DecodedTokenPayload>(siteVersion.token)\n    return decodedTokenPayloadSchema.parse(decoded)\n  } catch (error) {\n    console.error('Invalid site version token')\n    throw error\n  }\n}\n\nfunction secondsUntilTokenExpiration(tokenPayload: DecodedTokenPayload): number {\n  const currentTime = millisecondsToSeconds(Date.now())\n  return Math.max(tokenPayload.exp - currentTime, 0)\n}\n\nexport function secondsUntilSiteVersionExpiration(siteVersion: SiteVersion): number {\n  try {\n    const tokenPayload = getSiteVersionTokenPayload(siteVersion)\n    return secondsUntilTokenExpiration(tokenPayload)\n  } catch (error) {\n    console.error('Failed to check site version expiration:', error)\n    return 0\n  }\n}\n\nfunction isSiteVersionExpired(siteVersion: SiteVersion): boolean {\n  return secondsUntilSiteVersionExpiration(siteVersion) <= 0\n}\n\nexport function deserializeSiteVersion(input: string): SiteVersion | null {\n  try {\n    const parsedSiteVersion = parseSerializedSiteVersion(input)\n    if (parsedSiteVersion == null) return null\n\n    if (isSiteVersionExpired(parsedSiteVersion)) {\n      console.error('Site version token is expired')\n      return null\n    }\n    return parsedSiteVersion\n  } catch {\n    console.error('Failed to deserialize site version:', input)\n    return null\n  }\n}\n"],"mappings":"AAAA,SAAS,SAAS;AAClB,SAAS,iBAAiB;AAEnB,MAAM,oBAAoB;AAAA,EAC/B,aAAa;AACf;AAEA,MAAM,4BAA4B,EAAE,OAAO;AAAA,EACzC,KAAK,EAAE,OAAO;AAChB,CAAC;AAIM,MAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,SAAS,EAAE,OAAO;AAAA,EAClB,OAAO,EAAE,OAAO;AAClB,CAAC;AAID,SAAS,sBAAsB,IAAoB;AACjD,SAAO,KAAK,MAAM,KAAK,GAAI;AAC7B;AAEO,SAAS,qBAAqB,MAA2B;AAC9D,QAAM,aAAa,KAAK,UAAU,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,MAAM,CAAC;AAC9E,SAAO;AACT;AAEA,SAAS,2BAA2B,OAAmC;AACrE,MAAI;AACF,WAAO,kBAAkB,MAAM,KAAK,MAAM,KAAK,CAAC;AAAA,EAClD,QAAQ;AACN,YAAQ,MAAM,4CAA4C,KAAK;AAC/D,WAAO;AAAA,EACT;AACF;AAEA,SAAS,2BAA2B,aAA+C;AACjF,MAAI;AACF,UAAM,UAAU,UAA+B,YAAY,KAAK;AAChE,WAAO,0BAA0B,MAAM,OAAO;AAAA,EAChD,SAAS,OAAO;AACd,YAAQ,MAAM,4BAA4B;AAC1C,UAAM;AAAA,EACR;AACF;AAEA,SAAS,4BAA4B,cAA2C;AAC9E,QAAM,cAAc,sBAAsB,KAAK,IAAI,CAAC;AACpD,SAAO,KAAK,IAAI,aAAa,MAAM,aAAa,CAAC;AACnD;AAEO,SAAS,kCAAkC,aAAkC;AAClF,MAAI;AACF,UAAM,eAAe,2BAA2B,WAAW;AAC3D,WAAO,4BAA4B,YAAY;AAAA,EACjD,SAAS,OAAO;AACd,YAAQ,MAAM,4CAA4C,KAAK;AAC/D,WAAO;AAAA,EACT;AACF;AAEA,SAAS,qBAAqB,aAAmC;AAC/D,SAAO,kCAAkC,WAAW,KAAK;AAC3D;AAEO,SAAS,uBAAuB,OAAmC;AACxE,MAAI;AACF,UAAM,oBAAoB,2BAA2B,KAAK;AAC1D,QAAI,qBAAqB;AAAM,aAAO;AAEtC,QAAI,qBAAqB,iBAAiB,GAAG;AAC3C,cAAQ,MAAM,+BAA+B;AAC7C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,QAAQ;AACN,YAAQ,MAAM,uCAAuC,KAAK;AAC1D,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/esm/api-handler/handlers/manifest.js

@@ -8,9 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.25.0-canary.13",
-    previewMode: false,
-    draftMode: false,
+    version: "0.25.0-canary.14",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,
@@ -20,6 +18,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     localizedPageSSR: true,
     webhook: true,
     localizedPagesOnlineByDefault: true,
+    previewToken: true,
     ...manifest
   });
 }

package/dist/esm/api-handler/handlers/manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/api-handler/handlers/manifest.ts"],"sourcesContent":["import {\n  type ApiRequest,\n  type ErrorResponseBody,\n  ApiResponse,\n  searchParams,\n} from '../request-response'\n\nexport type Manifest = {\n  version: string\n  previewMode: boolean\n  draftMode: boolean\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n  webhook: boolean\n  localizedPagesOnlineByDefault: boolean\n}\n\nexport async function manifestHandler(\n  req: ApiRequest,\n  { apiKey, manifest }: { apiKey: string; manifest: Partial<Manifest> },\n): Promise<ApiResponse<Manifest | ErrorResponseBody>> {\n  const secret = searchParams(req).get('secret')\n\n  if (secret !== apiKey) {\n    return ApiResponse.json({ message: 'Unauthorized' }, { status: 401 })\n  }\n\n  return ApiResponse.json({\n    version: PACKAGE_VERSION,\n    previewMode: false,\n    draftMode: false,\n    interactionMode: true,\n    clientSideNavigation: false,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n    webhook: true,\n    localizedPagesOnlineByDefault: true,\n    ...manifest,\n  })\n}\n"],"mappings":"AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAiBP,eAAsB,gBACpB,KACA,EAAE,QAAQ,SAAS,GACiC;AACpD,QAAM,SAAS,aAAa,GAAG,EAAE,IAAI,QAAQ;AAE7C,MAAI,WAAW,QAAQ;AACrB,WAAO,YAAY,KAAK,EAAE,SAAS,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACtE;AAEA,SAAO,YAAY,KAAK;AAAA,IACtB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,+BAA+B;AAAA,IAC/B,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/api-handler/handlers/manifest.ts"],"sourcesContent":["import {\n  type ApiRequest,\n  type ErrorResponseBody,\n  ApiResponse,\n  searchParams,\n} from '../request-response'\n\nexport type Manifest = {\n  version: string\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n  webhook: boolean\n  localizedPagesOnlineByDefault: boolean\n}\n\nexport async function manifestHandler(\n  req: ApiRequest,\n  { apiKey, manifest }: { apiKey: string; manifest: Partial<Manifest> },\n): Promise<ApiResponse<Manifest | ErrorResponseBody>> {\n  const secret = searchParams(req).get('secret')\n\n  if (secret !== apiKey) {\n    return ApiResponse.json({ message: 'Unauthorized' }, { status: 401 })\n  }\n\n  return ApiResponse.json({\n    version: PACKAGE_VERSION,\n    interactionMode: true,\n    clientSideNavigation: false,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n    webhook: true,\n    localizedPagesOnlineByDefault: true,\n    previewToken: true,\n    ...manifest,\n  })\n}\n"],"mappings":"AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAeP,eAAsB,gBACpB,KACA,EAAE,QAAQ,SAAS,GACiC;AACpD,QAAM,SAAS,aAAa,GAAG,EAAE,IAAI,QAAQ;AAE7C,MAAI,WAAW,QAAQ;AACrB,WAAO,YAAY,KAAK,EAAE,SAAS,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACtE;AAEA,SAAO,YAAY,KAAK;AAAA,IACtB,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,+BAA+B;AAAA,IAC/B,cAAc;AAAA,IACd,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/esm/api-handler/handlers/redirect-live.js

@@ -0,0 +1,26 @@
+import { serialize as serializeCookie } from "cookie";
+import { ApiResponse, searchParams } from "../request-response";
+import { SET_COOKIE_HEADER, cookieSettingOptions } from "../cookies";
+const REDIRECT_SEARCH_PARAM = "x-makeswift-redirect-live";
+async function redirectLiveHandler(req, { previewCookieNames }) {
+  const params = searchParams(req);
+  const redirectDestination = params.get(REDIRECT_SEARCH_PARAM) ?? "/";
+  const redirectDestinationUrl = new URL(
+    decodeURIComponent(redirectDestination),
+    "http://localhost"
+  );
+  redirectDestinationUrl.searchParams.delete(REDIRECT_SEARCH_PARAM);
+  const destinationPath = `${redirectDestinationUrl.pathname}${redirectDestinationUrl.search}${redirectDestinationUrl.hash}`;
+  const headers = new Headers();
+  previewCookieNames.forEach((name) => {
+    headers.append(
+      SET_COOKIE_HEADER,
+      serializeCookie(name, "", { ...cookieSettingOptions, expires: /* @__PURE__ */ new Date(0), maxAge: 0 })
+    );
+  });
+  return ApiResponse.redirect(destinationPath, { headers });
+}
+export {
+  redirectLiveHandler
+};
+//# sourceMappingURL=redirect-live.js.map

package/dist/esm/api-handler/handlers/redirect-live.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/api-handler/handlers/redirect-live.ts"],"sourcesContent":["import { serialize as serializeCookie } from 'cookie'\nimport { type ApiRequest, ApiResponse, searchParams } from '../request-response'\nimport { SET_COOKIE_HEADER, cookieSettingOptions } from '../cookies'\n\nconst REDIRECT_SEARCH_PARAM = 'x-makeswift-redirect-live'\n\nexport async function redirectLiveHandler(\n  req: ApiRequest,\n  { previewCookieNames }: { previewCookieNames: string[] },\n): Promise<ApiResponse<null>> {\n  const params = searchParams(req)\n  const redirectDestination = params.get(REDIRECT_SEARCH_PARAM) ?? '/'\n\n  const redirectDestinationUrl = new URL(\n    decodeURIComponent(redirectDestination),\n    'http://localhost',\n  )\n  redirectDestinationUrl.searchParams.delete(REDIRECT_SEARCH_PARAM)\n\n  const destinationPath = `${redirectDestinationUrl.pathname}${redirectDestinationUrl.search}${redirectDestinationUrl.hash}`\n\n  const headers = new Headers()\n\n  previewCookieNames.forEach(name => {\n    headers.append(\n      SET_COOKIE_HEADER,\n      serializeCookie(name, '', { ...cookieSettingOptions, expires: new Date(0), maxAge: 0 }),\n    )\n  })\n\n  return ApiResponse.redirect(destinationPath, { headers })\n}\n"],"mappings":"AAAA,SAAS,aAAa,uBAAuB;AAC7C,SAA0B,aAAa,oBAAoB;AAC3D,SAAS,mBAAmB,4BAA4B;AAExD,MAAM,wBAAwB;AAE9B,eAAsB,oBACpB,KACA,EAAE,mBAAmB,GACO;AAC5B,QAAM,SAAS,aAAa,GAAG;AAC/B,QAAM,sBAAsB,OAAO,IAAI,qBAAqB,KAAK;AAEjE,QAAM,yBAAyB,IAAI;AAAA,IACjC,mBAAmB,mBAAmB;AAAA,IACtC;AAAA,EACF;AACA,yBAAuB,aAAa,OAAO,qBAAqB;AAEhE,QAAM,kBAAkB,GAAG,uBAAuB,QAAQ,GAAG,uBAAuB,MAAM,GAAG,uBAAuB,IAAI;AAExH,QAAM,UAAU,IAAI,QAAQ;AAE5B,qBAAmB,QAAQ,UAAQ;AACjC,YAAQ;AAAA,MACN;AAAA,MACA,gBAAgB,MAAM,IAAI,EAAE,GAAG,sBAAsB,SAAS,oBAAI,KAAK,CAAC,GAAG,QAAQ,EAAE,CAAC;AAAA,IACxF;AAAA,EACF,CAAC;AAED,SAAO,YAAY,SAAS,iBAAiB,EAAE,QAAQ,CAAC;AAC1D;","names":[]}

package/dist/esm/api-handler/index.js

@@ -1,6 +1,6 @@
 import { match as matchPattern } from "path-to-regexp";
-import { API_HANDLER_SITE_VERSION_HEADER, parseSiteVersion } from "../api/site-version";
-import { clearDraftHandler } from "./handlers/clear-draft";
+import { ApiHandlerHeaders, deserializeSiteVersion } from "../api/site-version";
+import { redirectLiveHandler } from "./handlers/redirect-live";
 import { elementTreeHandler } from "./handlers/element-tree";
 import { fontsHandler } from "./handlers/fonts";
 import { manifestHandler } from "./handlers/manifest";
@@ -21,7 +21,7 @@ function createApiHandler(apiKey, {
   client,
   manifest,
   revalidationHandler,
-  draftCookieNames
+  previewCookieNames
 }) {
   if (typeof apiKey !== "string") {
     throw new Error(
@@ -37,10 +37,11 @@ function createApiHandler(apiKey, {
     return res;
   };
   async function apiRouteHandler(req, route) {
-    const siteVersion = parseSiteVersion(req.headers.get(API_HANDLER_SITE_VERSION_HEADER));
+    const versionHeader = req.headers.get(ApiHandlerHeaders.SiteVersion);
+    const siteVersion = versionHeader != null ? deserializeSiteVersion(versionHeader) : null;
     const matches = (pattern) => matchPattern(pattern, { decode: decodeURIComponent })(route);
-    if (matches("/clear-draft"))
-      return clearDraftHandler(req, { draftCookieNames });
+    if (matches("/redirect-live"))
+      return redirectLiveHandler(req, { previewCookieNames });
     if (matches("/element-tree"))
       return elementTreeHandler(req, { runtime });
     if (matches("/fonts"))

package/dist/esm/api-handler/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api-handler/index.ts"],"sourcesContent":["import { Match, match as matchPattern } from 'path-to-regexp'\n\nimport { APIResource } from '../api'\nimport { API_HANDLER_SITE_VERSION_HEADER, parseSiteVersion } from '../api/site-version'\n\nimport { MakeswiftClient } from '../client'\nimport { ReactRuntime } from '../react'\n\nimport { clearDraftHandler } from './handlers/clear-draft'\nimport { elementTreeHandler } from './handlers/element-tree'\nimport { fontsHandler, type Font, type GetFonts } from './handlers/fonts'\nimport { manifestHandler, type Manifest } from './handlers/manifest'\nimport { mergeTranslatedDataHandler } from './handlers/merge-translated-data'\nimport { revalidateHandler } from './handlers/revalidate'\nimport { translatableDataHandler } from './handlers/translatable-data'\nimport { webhookHandler } from './handlers/webhook'\nimport { type OnPublish } from './handlers/webhook/types'\n\nimport {\n  type ApiRequest,\n  type ErrorResponseBody,\n  ApiResponse,\n  searchParams,\n} from './request-response'\n\nimport { applyCorsHeaders } from './cors'\n\nexport type { Manifest, Font }\n\ntype Events = { onPublish: OnPublish }\n\nexport type ApiHandlerUserConfig = {\n  runtime: ReactRuntime\n  appOrigin?: string\n  apiOrigin?: string\n  getFonts?: GetFonts\n  events?: Events\n}\n\nexport type ApiHandlerInternalConfig = {\n  client: MakeswiftClient\n  manifest: Partial<Manifest>\n  revalidationHandler: (path?: string) => Promise<void>\n  draftCookieNames: string[]\n}\n\ntype ApiHandlerConfig = ApiHandlerUserConfig & ApiHandlerInternalConfig\n\ntype ResponseType =\n  | Awaited<\n      | ReturnType<typeof clearDraftHandler>\n      | ReturnType<typeof elementTreeHandler>\n      | ReturnType<typeof fontsHandler>\n      | ReturnType<typeof manifestHandler>\n      | ReturnType<typeof mergeTranslatedDataHandler>\n      | ReturnType<typeof revalidateHandler>\n      | ReturnType<typeof translatableDataHandler>\n      | ReturnType<typeof webhookHandler>\n    >\n  | ApiResponse<APIResource>\n  | ApiResponse<ErrorResponseBody>\n  | Response\n\ntype ApiHandler = (req: ApiRequest, route: string) => Promise<ResponseType>\n\nexport function createApiHandler(\n  apiKey: string,\n  {\n    runtime,\n    appOrigin = 'https://app.makeswift.com',\n    getFonts,\n    events,\n    client,\n    manifest,\n    revalidationHandler,\n    draftCookieNames,\n  }: ApiHandlerConfig,\n): ApiHandler {\n  if (typeof apiKey !== 'string') {\n    throw new Error(\n      'The Makeswift API handler must be passed a valid Makeswift site API key. ' +\n        `Received \"${apiKey}\" instead.`,\n    )\n  }\n\n  return async function (req: ApiRequest, route: string): Promise<ResponseType> {\n    const res =\n      req.method.toUpperCase() !== 'OPTIONS'\n        ? await apiRouteHandler(req, route)\n        : new Response(null, { status: 204, headers: [['Content-Length', '0']] })\n\n    applyCorsHeaders(res.headers, {\n      origin: appOrigin,\n      allowedHeaders: ['Content-Type', 'Authorization'],\n    })\n\n    return res\n  }\n\n  async function apiRouteHandler(req: ApiRequest, route: string): Promise<ResponseType> {\n    const siteVersion = parseSiteVersion(req.headers.get(API_HANDLER_SITE_VERSION_HEADER))\n    const matches = <T extends object>(pattern: string): Match<T> =>\n      matchPattern<T>(pattern, { decode: decodeURIComponent })(route)\n\n    if (matches('/clear-draft')) return clearDraftHandler(req, { draftCookieNames })\n    if (matches('/element-tree')) return elementTreeHandler(req, { runtime })\n    if (matches('/fonts')) return fontsHandler(req, { getFonts })\n    if (matches('/manifest')) return manifestHandler(req, { apiKey, manifest })\n    if (matches('/merge-translated-data')) return mergeTranslatedDataHandler(req, { client })\n    if (matches('/revalidate')) {\n      return revalidateHandler(req, { apiKey, revalidatePath: revalidationHandler })\n    }\n\n    if (matches('/translatable-data')) return translatableDataHandler(req, { client })\n    if (matches('/webhook')) {\n      return webhookHandler(req, { apiKey, events, revalidate: revalidationHandler })\n    }\n\n    const handleResource = <T extends APIResource>(\n      resource: T | null,\n    ): ApiResponse<APIResource | ErrorResponseBody> => {\n      return resource !== null\n        ? ApiResponse.json(resource)\n        : ApiResponse.json({ message: 'Not Found' }, { status: 404 })\n    }\n\n    let m\n\n    if ((m = matches<{ id: string }>('/swatches/:id'))) {\n      return client.getSwatch(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/files/:id'))) {\n      return client.getFile(m.params.id).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/typographies/:id'))) {\n      return client.getTypography(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/global-elements/:id'))) {\n      return client.getGlobalElement(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if (\n      (m = matches<{ globalElementId: string; locale: string }>(\n        '/localized-global-elements/:globalElementId/:locale',\n      ))\n    ) {\n      return client\n        .getLocalizedGlobalElement(m.params.globalElementId, m.params.locale, siteVersion)\n        .then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/page-pathname-slices/:id'))) {\n      const localeParam = searchParams(req).get('locale')\n      const locale = typeof localeParam === 'string' ? localeParam : undefined\n\n      return client.getPagePathnameSlice(m.params.id, siteVersion, { locale }).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/tables/:id'))) {\n      return client.getTable(m.params.id).then(handleResource)\n    }\n\n    return ApiResponse.json({ message: 'Not Found' }, { status: 404 })\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/api-handler/index.ts"],"sourcesContent":["import { Match, match as matchPattern } from 'path-to-regexp'\n\nimport { APIResource } from '../api'\nimport { ApiHandlerHeaders, deserializeSiteVersion } from '../api/site-version'\n\nimport { MakeswiftClient } from '../client'\nimport { ReactRuntime } from '../react'\n\nimport { redirectLiveHandler } from './handlers/redirect-live'\nimport { elementTreeHandler } from './handlers/element-tree'\nimport { fontsHandler, type Font, type GetFonts } from './handlers/fonts'\nimport { manifestHandler, type Manifest } from './handlers/manifest'\nimport { mergeTranslatedDataHandler } from './handlers/merge-translated-data'\nimport { revalidateHandler } from './handlers/revalidate'\nimport { translatableDataHandler } from './handlers/translatable-data'\nimport { webhookHandler } from './handlers/webhook'\nimport { type OnPublish } from './handlers/webhook/types'\n\nimport {\n  type ApiRequest,\n  type ErrorResponseBody,\n  ApiResponse,\n  searchParams,\n} from './request-response'\n\nimport { applyCorsHeaders } from './cors'\n\nexport type { Manifest, Font }\n\ntype Events = { onPublish: OnPublish }\n\nexport type ApiHandlerUserConfig = {\n  runtime: ReactRuntime\n  appOrigin?: string\n  apiOrigin?: string\n  getFonts?: GetFonts\n  events?: Events\n}\n\nexport type ApiHandlerInternalConfig = {\n  client: MakeswiftClient\n  manifest: Partial<Manifest>\n  revalidationHandler: (path?: string) => Promise<void>\n  previewCookieNames: string[]\n}\n\ntype ApiHandlerConfig = ApiHandlerUserConfig & ApiHandlerInternalConfig\n\ntype ResponseType =\n  | Awaited<\n      | ReturnType<typeof redirectLiveHandler>\n      | ReturnType<typeof elementTreeHandler>\n      | ReturnType<typeof fontsHandler>\n      | ReturnType<typeof manifestHandler>\n      | ReturnType<typeof mergeTranslatedDataHandler>\n      | ReturnType<typeof revalidateHandler>\n      | ReturnType<typeof translatableDataHandler>\n      | ReturnType<typeof webhookHandler>\n    >\n  | ApiResponse<APIResource>\n  | ApiResponse<ErrorResponseBody>\n  | Response\n\ntype ApiHandler = (req: ApiRequest, route: string) => Promise<ResponseType>\n\nexport function createApiHandler(\n  apiKey: string,\n  {\n    runtime,\n    appOrigin = 'https://app.makeswift.com',\n    getFonts,\n    events,\n    client,\n    manifest,\n    revalidationHandler,\n    previewCookieNames,\n  }: ApiHandlerConfig,\n): ApiHandler {\n  if (typeof apiKey !== 'string') {\n    throw new Error(\n      'The Makeswift API handler must be passed a valid Makeswift site API key. ' +\n        `Received \"${apiKey}\" instead.`,\n    )\n  }\n\n  return async function (req: ApiRequest, route: string): Promise<ResponseType> {\n    const res =\n      req.method.toUpperCase() !== 'OPTIONS'\n        ? await apiRouteHandler(req, route)\n        : new Response(null, { status: 204, headers: [['Content-Length', '0']] })\n\n    applyCorsHeaders(res.headers, {\n      origin: appOrigin,\n      allowedHeaders: ['Content-Type', 'Authorization'],\n    })\n\n    return res\n  }\n\n  async function apiRouteHandler(req: ApiRequest, route: string): Promise<ResponseType> {\n    const versionHeader = req.headers.get(ApiHandlerHeaders.SiteVersion)\n\n    const siteVersion = versionHeader != null ? deserializeSiteVersion(versionHeader) : null\n\n    const matches = <T extends object>(pattern: string): Match<T> =>\n      matchPattern<T>(pattern, { decode: decodeURIComponent })(route)\n\n    if (matches('/redirect-live')) return redirectLiveHandler(req, { previewCookieNames })\n    if (matches('/element-tree')) return elementTreeHandler(req, { runtime })\n    if (matches('/fonts')) return fontsHandler(req, { getFonts })\n    if (matches('/manifest')) return manifestHandler(req, { apiKey, manifest })\n    if (matches('/merge-translated-data')) return mergeTranslatedDataHandler(req, { client })\n    if (matches('/revalidate')) {\n      return revalidateHandler(req, { apiKey, revalidatePath: revalidationHandler })\n    }\n\n    if (matches('/translatable-data')) return translatableDataHandler(req, { client })\n    if (matches('/webhook')) {\n      return webhookHandler(req, { apiKey, events, revalidate: revalidationHandler })\n    }\n\n    const handleResource = <T extends APIResource>(\n      resource: T | null,\n    ): ApiResponse<APIResource | ErrorResponseBody> => {\n      return resource !== null\n        ? ApiResponse.json(resource)\n        : ApiResponse.json({ message: 'Not Found' }, { status: 404 })\n    }\n\n    let m\n\n    if ((m = matches<{ id: string }>('/swatches/:id'))) {\n      return client.getSwatch(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/files/:id'))) {\n      return client.getFile(m.params.id).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/typographies/:id'))) {\n      return client.getTypography(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/global-elements/:id'))) {\n      return client.getGlobalElement(m.params.id, siteVersion).then(handleResource)\n    }\n\n    if (\n      (m = matches<{ globalElementId: string; locale: string }>(\n        '/localized-global-elements/:globalElementId/:locale',\n      ))\n    ) {\n      return client\n        .getLocalizedGlobalElement(m.params.globalElementId, m.params.locale, siteVersion)\n        .then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/page-pathname-slices/:id'))) {\n      const localeParam = searchParams(req).get('locale')\n      const locale = typeof localeParam === 'string' ? localeParam : undefined\n\n      return client.getPagePathnameSlice(m.params.id, siteVersion, { locale }).then(handleResource)\n    }\n\n    if ((m = matches<{ id: string }>('/tables/:id'))) {\n      return client.getTable(m.params.id).then(handleResource)\n    }\n\n    return ApiResponse.json({ message: 'Not Found' }, { status: 404 })\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/api-handler/request-response.js

@@ -9,6 +9,15 @@ const ApiResponse = {
       ...init,
       headers
     });
+  },
+  redirect(location, init) {
+    const headers = new Headers(init?.headers);
+    headers.set("Location", location.toString());
+    return new Response(null, {
+      status: 307,
+      ...init,
+      headers
+    });
   }
 };
 export {

package/dist/esm/api-handler/request-response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api-handler/request-response.ts"],"sourcesContent":["export type ApiRequest = Pick<Request, 'method' | 'json' | 'headers' | 'url'>\n\nexport function searchParams(req: ApiRequest): URLSearchParams {\n  // provide a placeholder domain to enable parsing of relative URLs\n  return new URL(req.url, 'http://localhost').searchParams\n}\n\nexport interface ApiResponse<R extends unknown = unknown> extends Response {\n  readonly __responseType?: R // prevent unsafe assignment between instances with incompatible `R`\n}\n\nexport const ApiResponse = {\n  json<T>(body: T, init?: ResponseInit): ApiResponse<T> {\n    const headers = new Headers(init?.headers)\n    headers.set('Content-Type', 'application/json')\n\n    return new Response(JSON.stringify(body), {\n      ...init,\n      headers,\n    }) as ApiResponse<T>\n  },\n} as const\n\nexport type ErrorResponseBody = { message: string }\n"],"mappings":"AAEO,SAAS,aAAa,KAAkC;AAE7D,SAAO,IAAI,IAAI,IAAI,KAAK,kBAAkB,EAAE;AAC9C;AAMO,MAAM,cAAc;AAAA,EACzB,KAAQ,MAAS,MAAqC;AACpD,UAAM,UAAU,IAAI,QAAQ,MAAM,OAAO;AACzC,YAAQ,IAAI,gBAAgB,kBAAkB;AAE9C,WAAO,IAAI,SAAS,KAAK,UAAU,IAAI,GAAG;AAAA,MACxC,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../src/api-handler/request-response.ts"],"sourcesContent":["export type ApiRequest = Pick<Request, 'method' | 'json' | 'headers' | 'url'>\n\nexport function searchParams(req: ApiRequest): URLSearchParams {\n  // provide a placeholder domain to enable parsing of relative URLs\n  return new URL(req.url, 'http://localhost').searchParams\n}\n\nexport interface ApiResponse<R extends unknown = unknown> extends Response {\n  readonly __responseType?: R // prevent unsafe assignment between instances with incompatible `R`\n}\n\nexport const ApiResponse = {\n  json<T>(body: T, init?: ResponseInit): ApiResponse<T> {\n    const headers = new Headers(init?.headers)\n    headers.set('Content-Type', 'application/json')\n\n    return new Response(JSON.stringify(body), {\n      ...init,\n      headers,\n    }) as ApiResponse<T>\n  },\n\n  redirect(location: string | URL, init?: ResponseInit): ApiResponse<null> {\n    const headers = new Headers(init?.headers)\n    headers.set('Location', location.toString())\n\n    // Manually constructing a redirect response. We can’t use the\n    // `Response.redirect` shorthand here, since it doesn’t allow passing custom\n    // headers; see\n    // https://community.cloudflare.com/t/make-redirect-with-additional-headers/249365\n    return new Response(null, {\n      status: 307,\n      ...init,\n      headers,\n    }) as ApiResponse<null>\n  },\n} as const\n\nexport type ErrorResponseBody = { message: string }\n"],"mappings":"AAEO,SAAS,aAAa,KAAkC;AAE7D,SAAO,IAAI,IAAI,IAAI,KAAK,kBAAkB,EAAE;AAC9C;AAMO,MAAM,cAAc;AAAA,EACzB,KAAQ,MAAS,MAAqC;AACpD,UAAM,UAAU,IAAI,QAAQ,MAAM,OAAO;AACzC,YAAQ,IAAI,gBAAgB,kBAAkB;AAE9C,WAAO,IAAI,SAAS,KAAK,UAAU,IAAI,GAAG;AAAA,MACxC,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS,UAAwB,MAAwC;AACvE,UAAM,UAAU,IAAI,QAAQ,MAAM,OAAO;AACzC,YAAQ,IAAI,YAAY,SAAS,SAAS,CAAC;AAM3C,WAAO,IAAI,SAAS,MAAM;AAAA,MACxB,QAAQ;AAAA,MACR,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}