@makeswift/runtime 0.25.0-canary.8 → 0.25.0

package/dist/esm/api/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\nimport * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\nimport { MakeswiftSiteVersion } from './site-version'\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, its use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  siteVersion: MakeswiftSiteVersion\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n\n  constructor({\n    uri,\n    siteVersion,\n    cacheData,\n    locale,\n  }: {\n    uri: string\n    siteVersion: MakeswiftSiteVersion\n    cacheData?: CacheData\n    locale?: string\n  }) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({\n      serializedState: cacheData,\n      defaultLocale: locale,\n    })\n    this.siteVersion = siteVersion\n    this.subscribe = this.makeswiftApiClient.subscribe\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId, this.siteVersion),\n    )\n  }\n\n  resolveSwatch(swatchId: string | undefined): FetchableValue<Swatch | null> {\n    return this.resolveResource(APIResourceType.Swatch, {\n      id: swatchId,\n      read: id => this.readSwatch(id),\n      fetch: id => this.fetchSwatch(id),\n    })\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId, this.siteVersion),\n    )\n  }\n\n  resolveFile(fileId: string | undefined): FetchableValue<File | null> {\n    return this.resolveResource(APIResourceType.File, {\n      id: fileId,\n      read: id => this.readFile(id),\n      fetch: id => this.fetchFile(id),\n    })\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.Typography,\n        typographyId,\n        this.siteVersion,\n      ),\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.GlobalElement,\n        globalElementId,\n        this.siteVersion,\n      ),\n    )\n  }\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\n      locale,\n    )\n  }\n\n  async fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        this.siteVersion,\n        locale,\n      ),\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  async fetchPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.PagePathnameSlice,\n        pageId,\n        this.siteVersion,\n        locale,\n      ),\n    )\n  }\n\n  resolvePagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string | undefined\n    locale: string | null\n  }): FetchableValue<PagePathnameSlice | null> {\n    return this.resolveResource(APIResourceType.PagePathnameSlice, {\n      id: pageId,\n      read: id => this.readPagePathnameSlice({ pageId: id, locale }),\n      fetch: id => this.fetchPagePathnameSlice({ pageId: id, locale }),\n    })\n  }\n\n  resolveResource<R>(\n    type: APIResourceType,\n    {\n      id,\n      read,\n      fetch,\n    }: {\n      id: string | undefined\n      read: (id: string) => R | null\n      fetch: (id: string) => Promise<R | null>\n    },\n  ): FetchableValue<R | null> {\n    const _read = () => (id != null ? read(id) : null)\n    let lastValue: R | null = null\n    return {\n      name: `${type}:${id}`,\n      readStable: () => (lastValue = _read()),\n      subscribe: (onUpdate: () => void) =>\n        this.subscribe(() => {\n          if (_read() !== lastValue) onUpdate()\n        }),\n      fetch: async () => (id != null ? fetch(id) : null),\n    }\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId, this.siteVersion),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\nimport * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, its use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  fetch: MakeswiftApiClient.HttpFetch\n\n  constructor({\n    uri,\n    fetch,\n    cacheData,\n    locale,\n  }: {\n    uri: string\n    fetch: MakeswiftApiClient.HttpFetch\n    cacheData?: CacheData\n    locale?: string\n  }) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({\n      serializedState: cacheData,\n      defaultLocale: locale,\n    })\n    this.fetch = fetch\n    this.subscribe = this.makeswiftApiClient.subscribe\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId, this.fetch),\n    )\n  }\n\n  resolveSwatch(swatchId: string | undefined): FetchableValue<Swatch | null> {\n    return this.resolveResource(APIResourceType.Swatch, {\n      id: swatchId,\n      read: id => this.readSwatch(id),\n      fetch: id => this.fetchSwatch(id),\n    })\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId, this.fetch),\n    )\n  }\n\n  resolveFile(fileId: string | undefined): FetchableValue<File | null> {\n    return this.resolveResource(APIResourceType.File, {\n      id: fileId,\n      read: id => this.readFile(id),\n      fetch: id => this.fetchFile(id),\n    })\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId, this.fetch),\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.GlobalElement,\n        globalElementId,\n        this.fetch,\n      ),\n    )\n  }\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\n      locale,\n    )\n  }\n\n  async fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        this.fetch,\n        locale,\n      ),\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  async fetchPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.PagePathnameSlice,\n        pageId,\n        this.fetch,\n        locale,\n      ),\n    )\n  }\n\n  resolvePagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string | undefined\n    locale: string | null\n  }): FetchableValue<PagePathnameSlice | null> {\n    return this.resolveResource(APIResourceType.PagePathnameSlice, {\n      id: pageId,\n      read: id => this.readPagePathnameSlice({ pageId: id, locale }),\n      fetch: id => this.fetchPagePathnameSlice({ pageId: id, locale }),\n    })\n  }\n\n  resolveResource<R>(\n    type: APIResourceType,\n    {\n      id,\n      read,\n      fetch,\n    }: {\n      id: string | undefined\n      read: (id: string) => R | null\n      fetch: (id: string) => Promise<R | null>\n    },\n  ): FetchableValue<R | null> {\n    const _read = () => (id != null ? read(id) : null)\n    let lastValue: R | null = null\n    return {\n      name: `${type}:${id}`,\n      readStable: () => (lastValue = _read()),\n      subscribe: (onUpdate: () => void) =>\n        this.subscribe(() => {\n          if (_read() !== lastValue) onUpdate()\n        }),\n      fetch: async () => (id != null ? fetch(id) : null),\n    }\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId, this.fetch),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n}\n"],"mappings":"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","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.8",
-    previewMode: false,
-    draftMode: false,
+    version: "0.25.0",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,
@@ -20,7 +18,8 @@ async function manifestHandler(req, { apiKey, manifest }) {
     localizedPageSSR: true,
     webhook: true,
     localizedPagesOnlineByDefault: true,
-    ...manifest
+    previewToken: true,
+    ...manifest ?? {}
   });
 }
 export {

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,GAAI,YAAY,CAAC;AAAA,EACnB,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,27 @@
+import { serialize as serializeCookie } from "cookie";
+import { ApiResponse, searchParams } from "../request-response";
+import { SET_COOKIE_HEADER, cookieSettingOptions } from "../cookies";
+const REDIRECT_SEARCH_PARAM = "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 {
+  REDIRECT_SEARCH_PARAM,
+  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\nexport const REDIRECT_SEARCH_PARAM = '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;AAEjD,MAAM,wBAAwB;AAErC,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":"AAAA,SAAgB,SAAS,oBAAoB;AAG7C,SAAS,mBAAmB,8BAA8B;AAK1D,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,oBAA8C;AACvD,SAAS,uBAAsC;AAC/C,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAG/B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AAwC1B,SAAS,iBACd,QACA;AAAA,EACE;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACY;AACZ,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI;AAAA,MACR,sFACe,MAAM;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,eAAgB,KAAiB,OAAsC;AAC5E,UAAM,MACJ,IAAI,OAAO,YAAY,MAAM,YACzB,MAAM,gBAAgB,KAAK,KAAK,IAChC,IAAI,SAAS,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,kBAAkB,GAAG,CAAC,EAAE,CAAC;AAE5E,qBAAiB,IAAI,SAAS;AAAA,MAC5B,QAAQ;AAAA,MACR,gBAAgB,CAAC,gBAAgB,eAAe;AAAA,IAClD,CAAC;AAED,WAAO;AAAA,EACT;AAEA,iBAAe,gBAAgB,KAAiB,OAAsC;AACpF,UAAM,gBAAgB,IAAI,QAAQ,IAAI,kBAAkB,WAAW;AAEnE,UAAM,cAAc,iBAAiB,OAAO,uBAAuB,aAAa,IAAI;AAEpF,UAAM,UAAU,CAAmB,YACjC,aAAgB,SAAS,EAAE,QAAQ,mBAAmB,CAAC,EAAE,KAAK;AAEhE,QAAI,QAAQ,gBAAgB;AAAG,aAAO,oBAAoB,KAAK,EAAE,mBAAmB,CAAC;AACrF,QAAI,QAAQ,eAAe;AAAG,aAAO,mBAAmB,KAAK,EAAE,QAAQ,CAAC;AACxE,QAAI,QAAQ,QAAQ;AAAG,aAAO,aAAa,KAAK,EAAE,SAAS,CAAC;AAC5D,QAAI,QAAQ,WAAW;AAAG,aAAO,gBAAgB,KAAK,EAAE,QAAQ,SAAS,CAAC;AAC1E,QAAI,QAAQ,wBAAwB;AAAG,aAAO,2BAA2B,KAAK,EAAE,OAAO,CAAC;AACxF,QAAI,QAAQ,aAAa,GAAG;AAC1B,aAAO,kBAAkB,KAAK,EAAE,QAAQ,gBAAgB,oBAAoB,CAAC;AAAA,IAC/E;AAEA,QAAI,QAAQ,oBAAoB;AAAG,aAAO,wBAAwB,KAAK,EAAE,OAAO,CAAC;AACjF,QAAI,QAAQ,UAAU,GAAG;AACvB,aAAO,eAAe,KAAK,EAAE,QAAQ,QAAQ,YAAY,oBAAoB,CAAC;AAAA,IAChF;AAEA,UAAM,iBAAiB,CACrB,aACiD;AACjD,aAAO,aAAa,OAChB,YAAY,KAAK,QAAQ,IACzB,YAAY,KAAK,EAAE,SAAS,YAAY,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,IAChE;AAEA,QAAI;AAEJ,QAAK,IAAI,QAAwB,eAAe,GAAI;AAClD,aAAO,OAAO,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,cAAc;AAAA,IACvE;AAEA,QAAK,IAAI,QAAwB,YAAY,GAAI;AAC/C,aAAO,OAAO,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,cAAc;AAAA,IACxD;AAEA,QAAK,IAAI,QAAwB,mBAAmB,GAAI;AACtD,aAAO,OAAO,cAAc,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,cAAc;AAAA,IAC3E;AAEA,QAAK,IAAI,QAAwB,sBAAsB,GAAI;AACzD,aAAO,OAAO,iBAAiB,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,cAAc;AAAA,IAC9E;AAEA,QACG,IAAI;AAAA,MACH;AAAA,IACF,GACA;AACA,aAAO,OACJ,0BAA0B,EAAE,OAAO,iBAAiB,EAAE,OAAO,QAAQ,WAAW,EAChF,KAAK,cAAc;AAAA,IACxB;AAEA,QAAK,IAAI,QAAwB,2BAA2B,GAAI;AAC9D,YAAM,cAAc,aAAa,GAAG,EAAE,IAAI,QAAQ;AAClD,YAAM,SAAS,OAAO,gBAAgB,WAAW,cAAc;AAE/D,aAAO,OAAO,qBAAqB,EAAE,OAAO,IAAI,aAAa,EAAE,OAAO,CAAC,EAAE,KAAK,cAAc;AAAA,IAC9F;AAEA,QAAK,IAAI,QAAwB,aAAa,GAAI;AAChD,aAAO,OAAO,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,cAAc;AAAA,IACzD;AAEA,WAAO,YAAY,KAAK,EAAE,SAAS,YAAY,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACnE;AACF;","names":[]}

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

@@ -0,0 +1,73 @@
+function requestHeaders(headers) {
+  const result = new Headers();
+  for (const [key, value] of Object.entries(headers)) {
+    if (value != null) {
+      if (Array.isArray(value)) {
+        value.forEach((v) => result.append(key, v));
+      } else {
+        result.append(key, value);
+      }
+    }
+  }
+  return result;
+}
+function toApiRequest(req) {
+  return {
+    headers: requestHeaders(req.headers),
+    method: req.method ?? "GET",
+    url: req.url ?? "",
+    json() {
+      return req.body;
+    }
+  };
+}
+async function pipeResponseTo(apiResponse, res) {
+  const headers = responseHeaders(apiResponse.headers);
+  Object.entries(headers).forEach(([key, value]) => {
+    res.setHeader(key, value);
+  });
+  res.statusCode = apiResponse.status;
+  try {
+    if (apiResponse.body) {
+      await pipeTo(apiResponse.body, res);
+    }
+    res.end();
+  } catch (error) {
+    if (!res.headersSent) {
+      res.statusCode = 500;
+      res.end();
+    } else {
+      res.destroy(error instanceof Error ? error : new Error(`${error}`));
+    }
+  }
+}
+function responseHeaders(headers) {
+  return [...headers.entries()].reduce((acc, [key, value]) => {
+    if (key in acc) {
+      const existingValue = acc[key];
+      if (Array.isArray(existingValue)) {
+        existingValue.push(value);
+      } else {
+        acc[key] = [existingValue, value];
+      }
+    } else {
+      acc[key] = value;
+    }
+    return acc;
+  }, {});
+}
+async function pipeTo(stream, res) {
+  const reader = stream.getReader();
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done)
+      break;
+    res.write(value);
+  }
+}
+export {
+  pipeResponseTo,
+  requestHeaders,
+  toApiRequest
+};
+//# sourceMappingURL=node-request-response.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api-handler/node-request-response.ts"],"sourcesContent":["import { type IncomingMessage, type ServerResponse } from 'node:http'\nimport { type ApiRequest, type ApiResponse } from '../api-handler/request-response'\n\nexport function requestHeaders(headers: IncomingMessage['headers']): Headers {\n  const result = new Headers()\n  for (const [key, value] of Object.entries(headers)) {\n    if (value != null) {\n      if (Array.isArray(value)) {\n        value.forEach(v => result.append(key, v))\n      } else {\n        result.append(key, value)\n      }\n    }\n  }\n\n  return result\n}\n\nexport function toApiRequest(req: IncomingMessage & { body: any }): ApiRequest {\n  return {\n    headers: requestHeaders(req.headers),\n    method: req.method ?? 'GET',\n    url: req.url ?? '',\n    json() {\n      return req.body\n    },\n  }\n}\n\nexport async function pipeResponseTo(apiResponse: ApiResponse, res: ServerResponse): Promise<void> {\n  const headers = responseHeaders(apiResponse.headers)\n  Object.entries(headers).forEach(([key, value]) => {\n    res.setHeader(key, value)\n  })\n\n  res.statusCode = apiResponse.status\n\n  try {\n    if (apiResponse.body) {\n      await pipeTo(apiResponse.body, res)\n    }\n\n    res.end()\n  } catch (error) {\n    if (!res.headersSent) {\n      res.statusCode = 500\n      res.end()\n    } else {\n      res.destroy(error instanceof Error ? error : new Error(`${error}`))\n    }\n  }\n}\n\nfunction responseHeaders(headers: Headers): Record<string, string | string[]> {\n  return [...headers.entries()].reduce<Record<string, string | string[]>>((acc, [key, value]) => {\n    if (key in acc) {\n      const existingValue = acc[key]\n      if (Array.isArray(existingValue)) {\n        existingValue.push(value)\n      } else {\n        acc[key] = [existingValue, value]\n      }\n    } else {\n      acc[key] = value\n    }\n    return acc\n  }, {})\n}\n\nasync function pipeTo(stream: ReadableStream<Uint8Array>, res: ServerResponse): Promise<void> {\n  const reader = stream.getReader()\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    res.write(value)\n  }\n}\n"],"mappings":"AAGO,SAAS,eAAe,SAA8C;AAC3E,QAAM,SAAS,IAAI,QAAQ;AAC3B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,QAAI,SAAS,MAAM;AACjB,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,cAAM,QAAQ,OAAK,OAAO,OAAO,KAAK,CAAC,CAAC;AAAA,MAC1C,OAAO;AACL,eAAO,OAAO,KAAK,KAAK;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,aAAa,KAAkD;AAC7E,SAAO;AAAA,IACL,SAAS,eAAe,IAAI,OAAO;AAAA,IACnC,QAAQ,IAAI,UAAU;AAAA,IACtB,KAAK,IAAI,OAAO;AAAA,IAChB,OAAO;AACL,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACF;AAEA,eAAsB,eAAe,aAA0B,KAAoC;AACjG,QAAM,UAAU,gBAAgB,YAAY,OAAO;AACnD,SAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAChD,QAAI,UAAU,KAAK,KAAK;AAAA,EAC1B,CAAC;AAED,MAAI,aAAa,YAAY;AAE7B,MAAI;AACF,QAAI,YAAY,MAAM;AACpB,YAAM,OAAO,YAAY,MAAM,GAAG;AAAA,IACpC;AAEA,QAAI,IAAI;AAAA,EACV,SAAS,OAAO;AACd,QAAI,CAAC,IAAI,aAAa;AACpB,UAAI,aAAa;AACjB,UAAI,IAAI;AAAA,IACV,OAAO;AACL,UAAI,QAAQ,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,GAAG,KAAK,EAAE,CAAC;AAAA,IACpE;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB,SAAqD;AAC5E,SAAO,CAAC,GAAG,QAAQ,QAAQ,CAAC,EAAE,OAA0C,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAC7F,QAAI,OAAO,KAAK;AACd,YAAM,gBAAgB,IAAI,GAAG;AAC7B,UAAI,MAAM,QAAQ,aAAa,GAAG;AAChC,sBAAc,KAAK,KAAK;AAAA,MAC1B,OAAO;AACL,YAAI,GAAG,IAAI,CAAC,eAAe,KAAK;AAAA,MAClC;AAAA,IACF,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAEA,eAAe,OAAO,QAAoC,KAAoC;AAC5F,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,MAAM;AACX,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,QAAI;AAAM;AACV,QAAI,MAAM,KAAK;AAAA,EACjB;AACF;","names":[]}

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

@@ -0,0 +1,9 @@
+const MAKESWIFT_SITE_VERSION_COOKIE = "makeswift-site-version";
+const SearchParams = {
+  PreviewToken: "makeswift-preview-token"
+};
+export {
+  MAKESWIFT_SITE_VERSION_COOKIE,
+  SearchParams
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api-handler/preview.ts"],"sourcesContent":["export const MAKESWIFT_SITE_VERSION_COOKIE = 'makeswift-site-version'\n\nexport const SearchParams = {\n  PreviewToken: 'makeswift-preview-token',\n} as const\n"],"mappings":"AAAO,MAAM,gCAAgC;AAEtC,MAAM,eAAe;AAAA,EAC1B,cAAc;AAChB;","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":[]}