@makeswift/runtime 0.28.1-canary.0 → 0.28.1-canary.2

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

@@ -28,7 +28,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return import_request_response.ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return import_request_response.ApiResponse.json({
-    version: "0.28.1-canary.0",
+    version: "0.28.1-canary.2",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/cjs/api-handler/handlers/webhook/diff-projection.js

@@ -0,0 +1,62 @@
+"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 diff_projection_exports = {};
+__export(diff_projection_exports, {
+  diffProjectionSchema: () => diffProjectionSchema
+});
+module.exports = __toCommonJS(diff_projection_exports);
+var import_zod = require("zod");
+const changeTypeSchema = import_zod.z.enum(["created", "updated", "deleted"]);
+const componentChangeSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const pageChangeSchema = import_zod.z.object({
+  pageId: import_zod.z.string().uuid(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema,
+  pathname: import_zod.z.string(),
+  previousPathname: import_zod.z.string().optional()
+});
+const globalElementChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const swatchChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const typographyChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const diffProjectionSchema = import_zod.z.object({
+  components: import_zod.z.array(componentChangeSchema),
+  pages: import_zod.z.array(pageChangeSchema),
+  globalElements: import_zod.z.array(globalElementChangeSchema),
+  swatches: import_zod.z.array(swatchChangeSchema),
+  typographies: import_zod.z.array(typographyChangeSchema)
+}).passthrough();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  diffProjectionSchema
+});
+//# sourceMappingURL=diff-projection.js.map

package/dist/cjs/api-handler/handlers/webhook/diff-projection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/diff-projection.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst changeTypeSchema = z.enum(['created', 'updated', 'deleted'])\n\n// `locale` is null for the default locale. We'd prefer explicit locale strings\n// (e.g. \"en-US\"), but both server and runtime treat the default locale as null\n// today — changing that requires a broader localization rework.\nconst componentChangeSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst pageChangeSchema = z.object({\n  pageId: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n  pathname: z.string(),\n  previousPathname: z.string().optional(),\n})\n\nconst globalElementChangeSchema = z.object({\n  id: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst swatchChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nconst typographyChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nexport const diffProjectionSchema = z\n  .object({\n    components: z.array(componentChangeSchema),\n    pages: z.array(pageChangeSchema),\n    globalElements: z.array(globalElementChangeSchema),\n    swatches: z.array(swatchChangeSchema),\n    typographies: z.array(typographyChangeSchema),\n  })\n  // passthrough() preserves unknown resource types the server may add in the\n  // future (e.g. `fonts`), so onPublish consumers can access them without a\n  // runtime upgrade.\n  .passthrough()\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAElB,MAAM,mBAAmB,aAAE,KAAK,CAAC,WAAW,WAAW,SAAS,CAAC;AAKjE,MAAM,wBAAwB,aAAE,OAAO;AAAA,EACrC,IAAI,aAAE,OAAO;AAAA,EACb,QAAQ,aAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,mBAAmB,aAAE,OAAO;AAAA,EAChC,QAAQ,aAAE,OAAO,EAAE,KAAK;AAAA,EACxB,QAAQ,aAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AAAA,EACZ,UAAU,aAAE,OAAO;AAAA,EACnB,kBAAkB,aAAE,OAAO,EAAE,SAAS;AACxC,CAAC;AAED,MAAM,4BAA4B,aAAE,OAAO;AAAA,EACzC,IAAI,aAAE,OAAO,EAAE,KAAK;AAAA,EACpB,QAAQ,aAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,qBAAqB,aAAE,OAAO;AAAA,EAClC,IAAI,aAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAED,MAAM,yBAAyB,aAAE,OAAO;AAAA,EACtC,IAAI,aAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAEM,MAAM,uBAAuB,aACjC,OAAO;AAAA,EACN,YAAY,aAAE,MAAM,qBAAqB;AAAA,EACzC,OAAO,aAAE,MAAM,gBAAgB;AAAA,EAC/B,gBAAgB,aAAE,MAAM,yBAAyB;AAAA,EACjD,UAAU,aAAE,MAAM,kBAAkB;AAAA,EACpC,cAAc,aAAE,MAAM,sBAAsB;AAC9C,CAAC,EAIA,YAAY;","names":[]}

package/dist/cjs/api-handler/handlers/webhook/site-published.js

@@ -21,10 +21,10 @@ __export(site_published_exports, {
   handleSitePublished: () => handleSitePublished
 });
 module.exports = __toCommonJS(site_published_exports);
-async function handleSitePublished(_payload, { onPublish, revalidate }) {
+async function handleSitePublished(payload, { onPublish, revalidate }) {
   revalidate();
   try {
-    await onPublish?.();
+    await onPublish?.(payload.data);
   } catch (error) {
     console.error("Unhandled exception in the 'onPublish' callback:", error);
   }

package/dist/cjs/api-handler/handlers/webhook/site-published.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import {\n  type OnPublish,\n  type SitePublishedWebhookPayload,\n  type WebhookHandlerResult,\n} from './types'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n  revalidate: () => void\n}\n\nexport async function handleSitePublished(\n  _payload: SitePublishedWebhookPayload,\n  { onPublish, revalidate }: SitePublishedParams,\n): Promise<WebhookHandlerResult> {\n  revalidate()\n\n  try {\n    await onPublish?.()\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,eAAsB,oBACpB,UACA,EAAE,WAAW,WAAW,GACO;AAC/B,aAAW;AAEX,MAAI;AACF,UAAM,YAAY;AAAA,EACpB,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;","names":[]}
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import {\n  type OnPublish,\n  type SitePublishedWebhookPayload,\n  type WebhookHandlerResult,\n} from './types'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n  revalidate: () => void\n}\n\nexport async function handleSitePublished(\n  payload: SitePublishedWebhookPayload,\n  { onPublish, revalidate }: SitePublishedParams,\n): Promise<WebhookHandlerResult> {\n  revalidate()\n\n  try {\n    await onPublish?.(payload.data)\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,eAAsB,oBACpB,SACA,EAAE,WAAW,WAAW,GACO;AAC/B,aAAW;AAEX,MAAI;AACF,UAAM,YAAY,QAAQ,IAAI;AAAA,EAChC,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;","names":[]}

package/dist/cjs/api-handler/handlers/webhook/types.js

@@ -23,6 +23,7 @@ __export(types_exports, {
 });
 module.exports = __toCommonJS(types_exports);
 var import_zod = require("zod");
+var import_diff_projection = require("./diff-projection");
 const WebhookEventType = {
   SITE_PUBLISHED: "site.published"
 };
@@ -34,7 +35,11 @@ const sitePublishedWebhookPayloadSchema = import_zod.z.object({
       from: import_zod.z.string().uuid().nullable(),
       to: import_zod.z.string().uuid()
     }),
-    at: import_zod.z.number()
+    at: import_zod.z.number(),
+    // catch(undefined) ensures a server-side schema change never breaks the
+    // webhook handler — if parsing fails, unstable_diff degrades to undefined
+    // and the consumer falls back to full revalidation.
+    unstable_diff: import_diff_projection.diffProjectionSchema.nullable().optional().catch(void 0)
   })
 });
 const webhookPayloadSchema = sitePublishedWebhookPayloadSchema;

package/dist/cjs/api-handler/handlers/webhook/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/types.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { type ErrorResponseBody } from '../../request-response'\n\nexport const WebhookEventType = {\n  SITE_PUBLISHED: 'site.published',\n} as const\n\nexport const sitePublishedWebhookPayloadSchema = z.object({\n  type: z.literal(WebhookEventType.SITE_PUBLISHED),\n  data: z.object({\n    siteId: z.string().uuid(),\n    publish: z.object({\n      from: z.string().uuid().nullable(),\n      to: z.string().uuid(),\n    }),\n    at: z.number(),\n  }),\n})\n\nexport type SitePublishedWebhookPayload = z.infer<typeof sitePublishedWebhookPayloadSchema>\n\nconst webhookPayloadSchema = sitePublishedWebhookPayloadSchema\n\nexport type WebhookPayloadSchema = z.infer<typeof webhookPayloadSchema>\n\ntype WebhookSuccessBody = { success: true }\n\nexport type WebhookResponseBody = WebhookSuccessBody | ErrorResponseBody\n\nexport type WebhookHandlerResult = {\n  body: WebhookResponseBody\n  status: 200\n}\n\nexport type OnPublish = () => void | Promise<void>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAIX,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,aAAE,OAAO;AAAA,EACxD,MAAM,aAAE,QAAQ,iBAAiB,cAAc;AAAA,EAC/C,MAAM,aAAE,OAAO;AAAA,IACb,QAAQ,aAAE,OAAO,EAAE,KAAK;AAAA,IACxB,SAAS,aAAE,OAAO;AAAA,MAChB,MAAM,aAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,MACjC,IAAI,aAAE,OAAO,EAAE,KAAK;AAAA,IACtB,CAAC;AAAA,IACD,IAAI,aAAE,OAAO;AAAA,EACf,CAAC;AACH,CAAC;AAID,MAAM,uBAAuB;","names":[]}
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/types.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { type ErrorResponseBody } from '../../request-response'\nimport { diffProjectionSchema } from './diff-projection'\n\nexport const WebhookEventType = {\n  SITE_PUBLISHED: 'site.published',\n} as const\n\nexport const sitePublishedWebhookPayloadSchema = z.object({\n  type: z.literal(WebhookEventType.SITE_PUBLISHED),\n  data: z.object({\n    siteId: z.string().uuid(),\n    publish: z.object({\n      from: z.string().uuid().nullable(),\n      to: z.string().uuid(),\n    }),\n    at: z.number(),\n    // catch(undefined) ensures a server-side schema change never breaks the\n    // webhook handler — if parsing fails, unstable_diff degrades to undefined\n    // and the consumer falls back to full revalidation.\n    unstable_diff: diffProjectionSchema.nullable().optional().catch(undefined),\n  }),\n})\n\nexport type SitePublishedWebhookPayload = z.infer<typeof sitePublishedWebhookPayloadSchema>\n\nexport type SitePublishedWebhookPayloadData = z.infer<\n  typeof sitePublishedWebhookPayloadSchema\n>['data']\n\nconst webhookPayloadSchema = sitePublishedWebhookPayloadSchema\n\nexport type WebhookPayloadSchema = z.infer<typeof webhookPayloadSchema>\n\ntype WebhookSuccessBody = { success: true }\n\nexport type WebhookResponseBody = WebhookSuccessBody | ErrorResponseBody\n\nexport type WebhookHandlerResult = {\n  body: WebhookResponseBody\n  status: 200\n}\n\nexport type OnPublish = (payload: SitePublishedWebhookPayloadData) => void | Promise<void>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAGlB,6BAAqC;AAE9B,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,aAAE,OAAO;AAAA,EACxD,MAAM,aAAE,QAAQ,iBAAiB,cAAc;AAAA,EAC/C,MAAM,aAAE,OAAO;AAAA,IACb,QAAQ,aAAE,OAAO,EAAE,KAAK;AAAA,IACxB,SAAS,aAAE,OAAO;AAAA,MAChB,MAAM,aAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,MACjC,IAAI,aAAE,OAAO,EAAE,KAAK;AAAA,IACtB,CAAC;AAAA,IACD,IAAI,aAAE,OAAO;AAAA;AAAA;AAAA;AAAA,IAIb,eAAe,4CAAqB,SAAS,EAAE,SAAS,EAAE,MAAM,MAAS;AAAA,EAC3E,CAAC;AACH,CAAC;AAQD,MAAM,uBAAuB;","names":[]}

package/dist/cjs/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 { ApiHandlerHeaders, deserializeSiteVersion } from '../api/site-version'\n\nimport { MakeswiftClient } from '../client'\nimport { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\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: ReactRuntimeCore\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    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: runtime.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":["matchPattern"]}
+{"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 { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\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, type SitePublishedWebhookPayloadData } 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, SitePublishedWebhookPayloadData }\n\ntype Events = { onPublish: OnPublish }\n\nexport type ApiHandlerUserConfig = {\n  runtime: ReactRuntimeCore\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    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: runtime.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":["matchPattern"]}

package/dist/cjs/client/index.js

@@ -211,7 +211,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new import_client.GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.1-canary.0"
+      "makeswift-runtime-version": "0.28.1-canary.2"
     });
     this.runtime = runtime;
   }
@@ -223,7 +223,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.1-canary.0"
+      "makeswift-runtime-version": "0.28.1-canary.2"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -681,7 +681,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.1-canary.0",
+        "makeswift-runtime-version": "0.28.1-canary.2",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

package/dist/cjs/global.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global.d.ts"],"sourcesContent":["import '@emotion/jest'\n\ndeclare global {\n  const PACKAGE_VERSION: string\n\n  // partial typings for the new Navigation API, see\n  // https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  interface NavigateEvent extends Event {\n    readonly navigationType: 'push' | 'reload' | 'replace' | 'traverse'\n    readonly destination: {\n      readonly id: string\n      readonly index: number\n      readonly key: string\n      readonly sameDocument: boolean\n      readonly url: string\n    }\n\n    readonly hashChange: boolean\n    readonly userInitiated: boolean\n  }\n\n  interface Navigation {\n    addEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    removeEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n  }\n\n  interface Window {\n    navigation?: Navigation\n  }\n}\n\nexport {}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA,kBAAO;","names":[]}
+{"version":3,"sources":["../../src/global.d.ts"],"sourcesContent":["import '@emotion/jest'\n\ndeclare global {\n  const PACKAGE_VERSION: string\n\n  // partial typings for the new Navigation API, see\n  // https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  interface NavigateEvent extends Event {\n    readonly navigationType: 'push' | 'reload' | 'replace' | 'traverse'\n    readonly destination: {\n      readonly id: string\n      readonly index: number\n      readonly key: string\n      readonly sameDocument: boolean\n      readonly url: string\n    }\n\n    readonly hashChange: boolean\n    readonly userInitiated: boolean\n  }\n\n  interface NavigationHistoryEntry {\n    readonly id: string\n    readonly index: number\n    readonly key: string\n    readonly sameDocument: boolean\n    readonly url: string | null\n  }\n\n  interface Navigation {\n    addEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    removeEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    addEventListener(type: 'navigatesuccess', listener: (event: Event) => void): void\n    removeEventListener(type: 'navigatesuccess', listener: (event: Event) => void): void\n\n    readonly currentEntry: NavigationHistoryEntry\n  }\n\n  interface Window {\n    navigation?: Navigation\n  }\n}\n\nexport {}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA,kBAAO;","names":[]}

package/dist/cjs/state/builder-api/api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/builder-api/api.ts"],"sourcesContent":["export type HostNavigationEvent = {\n  url: string | null\n  initialPageLoad: boolean\n}\n\nexport type BuilderApi = {\n  handleHostNavigate(event: HostNavigationEvent): void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../../src/state/builder-api/api.ts"],"sourcesContent":["export type HostNavigationEvent = {\n  url: string | null\n  navigationCompleted?: 'initial-page-load' | 'client-side-navigation'\n  // indicates whether the navigation event was captured via the Navigation API or\n  // via our polyfill for browsers lacking Navigation API support\n  polyfilled?: boolean\n}\n\nexport type BuilderApi = {\n  handleHostNavigate(event: HostNavigationEvent): void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/state/builder-api/navigation-listener.js

@@ -22,16 +22,17 @@ __export(navigation_listener_exports, {
 });
 module.exports = __toCommonJS(navigation_listener_exports);
 const CLICK_NAVIGATION_THRESHOLD_MS = 100;
-const LOCATION_CHECK_DELAY_MS = 700;
+const CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200;
+const CLICK_NAVIGATION_MAX_CHECKS = 20;
 function setupNavigationListener(callback) {
   let previousLocation = null;
   const handleNavigate = (event) => {
-    if (event.url === previousLocation)
+    if (!event.navigationCompleted && event.url === previousLocation)
       return;
     callback(event);
     previousLocation = event.url;
   };
-  handleNavigate({ url: windowLocation(), initialPageLoad: true });
+  handleNavigate({ url: windowLocation(), navigationCompleted: "initial-page-load" });
   if (typeof window === "undefined") {
     return () => {
     };
@@ -39,9 +40,19 @@ function setupNavigationListener(callback) {
   const unsubscribes = [];
   if ("navigation" in window && window.navigation) {
     const navigation = window.navigation;
-    const handler = ({ destination }) => handleNavigate({ url: destination.url, initialPageLoad: false });
-    navigation.addEventListener("navigate", handler);
-    unsubscribes.push(() => navigation.removeEventListener("navigate", handler));
+    const navigateHandler = ({ destination }) => handleNavigate({ url: destination.url });
+    const navigateSuccessHandler = () => {
+      handleNavigate({
+        url: navigation.currentEntry.url,
+        navigationCompleted: "client-side-navigation"
+      });
+    };
+    navigation.addEventListener("navigate", navigateHandler);
+    navigation.addEventListener("navigatesuccess", navigateSuccessHandler);
+    unsubscribes.push(() => navigation.removeEventListener("navigate", navigateHandler));
+    unsubscribes.push(
+      () => navigation.removeEventListener("navigatesuccess", navigateSuccessHandler)
+    );
     return () => {
       unsubscribes.forEach((u) => u());
     };
@@ -52,10 +63,19 @@ function setupNavigationListener(callback) {
     if (!a)
       return;
     lastClickEvent = { href: a.href, timestamp: Date.now() };
-    window.setTimeout(
-      () => handleNavigate({ url: windowLocation(), initialPageLoad: false }),
-      LOCATION_CHECK_DELAY_MS
-    );
+    const pageUrlBeforeClick = windowLocation();
+    let navigationCheckCounter = 0;
+    const checkIfNavigationOccurred = () => {
+      const url = windowLocation();
+      if (url !== pageUrlBeforeClick) {
+        handleNavigate({ url, polyfilled: true });
+        return;
+      }
+      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {
+        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
+      }
+    };
+    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
   };
   window.document.addEventListener(
     "click",
@@ -72,7 +92,7 @@ function setupNavigationListener(callback) {
     const msSinceLastClick = Date.now() - lastClickEvent.timestamp;
     handleNavigate({
       url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? lastClickEvent.href ?? null : null,
-      initialPageLoad: false
+      polyfilled: true
     });
     lastClickEvent = null;
   };

package/dist/cjs/state/builder-api/navigation-listener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/builder-api/navigation-listener.ts"],"sourcesContent":["export type SiteNavigationEvent = {\n  url: string | null\n  initialPageLoad: boolean\n}\n\ntype ClickEvent = {\n  href: string\n  timestamp: number\n}\n\nconst CLICK_NAVIGATION_THRESHOLD_MS = 100\nconst LOCATION_CHECK_DELAY_MS = 700 // give the host generous time to perform the navigation\n\nexport function setupNavigationListener(\n  callback: (args: SiteNavigationEvent) => void,\n): VoidFunction {\n  let previousLocation: string | null = null\n\n  const handleNavigate = (event: SiteNavigationEvent) => {\n    if (event.url === previousLocation) return\n\n    callback(event)\n    previousLocation = event.url\n  }\n\n  // trigger navigation callback on initial page load\n  handleNavigate({ url: windowLocation(), initialPageLoad: true })\n\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n\n  const unsubscribes: (() => void)[] = []\n\n  // check for availability of the Navigation API (baseline feature since January 2026),\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  if ('navigation' in window && window.navigation) {\n    const navigation = window.navigation\n\n    const handler = ({ destination }: NavigateEvent) =>\n      handleNavigate({ url: destination.url, initialPageLoad: false })\n\n    // note that in order to capture destination URLs that might not be Makeswift-enabled,\n    // we send a `SiteNavigationEvent` at the start of navigation, but do not track whether\n    // the navigation was successful or not (possible future improvement)\n    navigation.addEventListener('navigate', handler)\n    unsubscribes.push(() => navigation.removeEventListener('navigate', handler))\n\n    return () => {\n      unsubscribes.forEach(u => u())\n    }\n  }\n\n  // for browsers lacking Navigation API support, we manually track:\n  //  - link clicks to capture destination URLs\n  //  - page unload events to detect cross-page navigation\n  let lastClickEvent: ClickEvent | null = null\n\n  const clickHandler = (e: MouseEvent) => {\n    const a =\n      e.composedPath?.()?.find(n => n instanceof HTMLAnchorElement) ??\n      (e.target instanceof Element && e.target.closest?.('a'))\n\n    if (!a) return\n\n    lastClickEvent = { href: a.href, timestamp: Date.now() }\n\n    // handle navigation between pages in the host; note that we intentionally are\n    // not cancelling the timer on cleanup to ensure we report the navigation\n    window.setTimeout(\n      () => handleNavigate({ url: windowLocation(), initialPageLoad: false }),\n      LOCATION_CHECK_DELAY_MS,\n    )\n  }\n\n  window.document.addEventListener(\n    'click',\n    clickHandler,\n    { capture: true }, // run before bubbling to fortify against `stopPropagation()` calls\n  )\n\n  unsubscribes.push(() =>\n    window.document.removeEventListener('click', clickHandler, { capture: true }),\n  )\n\n  // handle external navigation\n  const unloadHandler = () => {\n    if (!lastClickEvent) return\n\n    const msSinceLastClick = Date.now() - lastClickEvent.timestamp\n    handleNavigate({\n      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? (lastClickEvent.href ?? null) : null,\n      initialPageLoad: false,\n    })\n\n    lastClickEvent = null\n  }\n\n  window.addEventListener('beforeunload', unloadHandler)\n  unsubscribes.push(() => window.removeEventListener('beforeunload', unloadHandler))\n\n  return () => {\n    unsubscribes.forEach(u => u())\n  }\n}\n\nconst windowLocation = (): string | null =>\n  typeof window !== 'undefined' ? window.location.href : null\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAEzB,SAAS,wBACd,UACc;AACd,MAAI,mBAAkC;AAEtC,QAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAI,MAAM,QAAQ;AAAkB;AAEpC,aAAS,KAAK;AACd,uBAAmB,MAAM;AAAA,EAC3B;AAGA,iBAAe,EAAE,KAAK,eAAe,GAAG,iBAAiB,KAAK,CAAC;AAE/D,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,QAAM,eAA+B,CAAC;AAItC,MAAI,gBAAgB,UAAU,OAAO,YAAY;AAC/C,UAAM,aAAa,OAAO;AAE1B,UAAM,UAAU,CAAC,EAAE,YAAY,MAC7B,eAAe,EAAE,KAAK,YAAY,KAAK,iBAAiB,MAAM,CAAC;AAKjE,eAAW,iBAAiB,YAAY,OAAO;AAC/C,iBAAa,KAAK,MAAM,WAAW,oBAAoB,YAAY,OAAO,CAAC;AAE3E,WAAO,MAAM;AACX,mBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,IAC/B;AAAA,EACF;AAKA,MAAI,iBAAoC;AAExC,QAAM,eAAe,CAAC,MAAkB;AACtC,UAAM,IACJ,EAAE,eAAe,GAAG,KAAK,OAAK,aAAa,iBAAiB,MAC3D,EAAE,kBAAkB,WAAW,EAAE,OAAO,UAAU,GAAG;AAExD,QAAI,CAAC;AAAG;AAER,qBAAiB,EAAE,MAAM,EAAE,MAAM,WAAW,KAAK,IAAI,EAAE;AAIvD,WAAO;AAAA,MACL,MAAM,eAAe,EAAE,KAAK,eAAe,GAAG,iBAAiB,MAAM,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,SAAS,KAAK;AAAA;AAAA,EAClB;AAEA,eAAa;AAAA,IAAK,MAChB,OAAO,SAAS,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EAC9E;AAGA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC;AAAgB;AAErB,UAAM,mBAAmB,KAAK,IAAI,IAAI,eAAe;AACrD,mBAAe;AAAA,MACb,KAAK,mBAAmB,gCAAiC,eAAe,QAAQ,OAAQ;AAAA,MACxF,iBAAiB;AAAA,IACnB,CAAC;AAED,qBAAiB;AAAA,EACnB;AAEA,SAAO,iBAAiB,gBAAgB,aAAa;AACrD,eAAa,KAAK,MAAM,OAAO,oBAAoB,gBAAgB,aAAa,CAAC;AAEjF,SAAO,MAAM;AACX,iBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,EAC/B;AACF;AAEA,MAAM,iBAAiB,MACrB,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;","names":[]}
+{"version":3,"sources":["../../../../src/state/builder-api/navigation-listener.ts"],"sourcesContent":["import { type HostNavigationEvent } from './api'\n\ntype ClickEvent = {\n  href: string\n  timestamp: number\n}\n\nconst CLICK_NAVIGATION_THRESHOLD_MS = 100\nconst CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200\nconst CLICK_NAVIGATION_MAX_CHECKS = 20\n\nexport function setupNavigationListener(\n  callback: (args: HostNavigationEvent) => void,\n): VoidFunction {\n  let previousLocation: string | null = null\n\n  const handleNavigate = (event: HostNavigationEvent) => {\n    if (!event.navigationCompleted && event.url === previousLocation) return\n\n    callback(event)\n    previousLocation = event.url\n  }\n\n  // trigger navigation callback on initial page load\n  handleNavigate({ url: windowLocation(), navigationCompleted: 'initial-page-load' })\n\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n\n  const unsubscribes: (() => void)[] = []\n\n  // check for availability of the Navigation API (baseline feature since January 2026),\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  if ('navigation' in window && window.navigation) {\n    const navigation = window.navigation\n\n    const navigateHandler = ({ destination }: NavigateEvent) =>\n      handleNavigate({ url: destination.url })\n\n    const navigateSuccessHandler = () => {\n      handleNavigate({\n        url: navigation.currentEntry.url,\n        navigationCompleted: 'client-side-navigation',\n      })\n    }\n\n    // note that in order to capture destination URLs that might not be Makeswift-enabled,\n    // we send a `SiteNavigationEvent` at the start of navigation, but do not track whether\n    // the navigation was successful or not (possible future improvement)\n    navigation.addEventListener('navigate', navigateHandler)\n    navigation.addEventListener('navigatesuccess', navigateSuccessHandler)\n    unsubscribes.push(() => navigation.removeEventListener('navigate', navigateHandler))\n    unsubscribes.push(() =>\n      navigation.removeEventListener('navigatesuccess', navigateSuccessHandler),\n    )\n\n    return () => {\n      unsubscribes.forEach(u => u())\n    }\n  }\n\n  // for browsers lacking Navigation API support, we manually track:\n  //  - link clicks to capture destination URLs\n  //  - page unload events to detect cross-page navigation\n  //\n  // this works well enough to keep this polyfill in place for now, but not nearly as\n  // reliably as the Navigation API\n  let lastClickEvent: ClickEvent | null = null\n\n  const clickHandler = (e: MouseEvent) => {\n    const a =\n      e.composedPath?.()?.find(n => n instanceof HTMLAnchorElement) ??\n      (e.target instanceof Element && e.target.closest?.('a'))\n\n    if (!a) return\n\n    lastClickEvent = { href: a.href, timestamp: Date.now() }\n\n    const pageUrlBeforeClick = windowLocation()\n    let navigationCheckCounter = 0\n\n    // handle navigation between pages in the host; note that we intentionally are\n    // not cancelling the timer on cleanup to ensure we report the navigation\n    const checkIfNavigationOccurred = () => {\n      const url = windowLocation()\n\n      if (url !== pageUrlBeforeClick) {\n        // the host navigated to a different page, report the new URL to the builder\n        handleNavigate({ url, polyfilled: true })\n        return\n      }\n\n      // we're still on the same page, recheck until the max number of checks is reached\n      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {\n        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n      }\n    }\n\n    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n  }\n\n  window.document.addEventListener(\n    'click',\n    clickHandler,\n    { capture: true }, // run before bubbling to fortify against `stopPropagation()` calls\n  )\n\n  unsubscribes.push(() =>\n    window.document.removeEventListener('click', clickHandler, { capture: true }),\n  )\n\n  // handle external navigation\n  const unloadHandler = () => {\n    if (!lastClickEvent) return\n\n    const msSinceLastClick = Date.now() - lastClickEvent.timestamp\n    handleNavigate({\n      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? (lastClickEvent.href ?? null) : null,\n      polyfilled: true,\n    })\n\n    lastClickEvent = null\n  }\n\n  window.addEventListener('beforeunload', unloadHandler)\n  unsubscribes.push(() => window.removeEventListener('beforeunload', unloadHandler))\n\n  return () => {\n    unsubscribes.forEach(u => u())\n  }\n}\n\nconst windowLocation = (): string | null =>\n  typeof window !== 'undefined' ? window.location.href : null\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,MAAM,gCAAgC;AACtC,MAAM,qCAAqC;AAC3C,MAAM,8BAA8B;AAE7B,SAAS,wBACd,UACc;AACd,MAAI,mBAAkC;AAEtC,QAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAI,CAAC,MAAM,uBAAuB,MAAM,QAAQ;AAAkB;AAElE,aAAS,KAAK;AACd,uBAAmB,MAAM;AAAA,EAC3B;AAGA,iBAAe,EAAE,KAAK,eAAe,GAAG,qBAAqB,oBAAoB,CAAC;AAElF,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,QAAM,eAA+B,CAAC;AAItC,MAAI,gBAAgB,UAAU,OAAO,YAAY;AAC/C,UAAM,aAAa,OAAO;AAE1B,UAAM,kBAAkB,CAAC,EAAE,YAAY,MACrC,eAAe,EAAE,KAAK,YAAY,IAAI,CAAC;AAEzC,UAAM,yBAAyB,MAAM;AACnC,qBAAe;AAAA,QACb,KAAK,WAAW,aAAa;AAAA,QAC7B,qBAAqB;AAAA,MACvB,CAAC;AAAA,IACH;AAKA,eAAW,iBAAiB,YAAY,eAAe;AACvD,eAAW,iBAAiB,mBAAmB,sBAAsB;AACrE,iBAAa,KAAK,MAAM,WAAW,oBAAoB,YAAY,eAAe,CAAC;AACnF,iBAAa;AAAA,MAAK,MAChB,WAAW,oBAAoB,mBAAmB,sBAAsB;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,mBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,IAC/B;AAAA,EACF;AAQA,MAAI,iBAAoC;AAExC,QAAM,eAAe,CAAC,MAAkB;AACtC,UAAM,IACJ,EAAE,eAAe,GAAG,KAAK,OAAK,aAAa,iBAAiB,MAC3D,EAAE,kBAAkB,WAAW,EAAE,OAAO,UAAU,GAAG;AAExD,QAAI,CAAC;AAAG;AAER,qBAAiB,EAAE,MAAM,EAAE,MAAM,WAAW,KAAK,IAAI,EAAE;AAEvD,UAAM,qBAAqB,eAAe;AAC1C,QAAI,yBAAyB;AAI7B,UAAM,4BAA4B,MAAM;AACtC,YAAM,MAAM,eAAe;AAE3B,UAAI,QAAQ,oBAAoB;AAE9B,uBAAe,EAAE,KAAK,YAAY,KAAK,CAAC;AACxC;AAAA,MACF;AAGA,UAAI,EAAE,yBAAyB,6BAA6B;AAC1D,eAAO,WAAW,2BAA2B,kCAAkC;AAAA,MACjF;AAAA,IACF;AAEA,WAAO,WAAW,2BAA2B,kCAAkC;AAAA,EACjF;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,SAAS,KAAK;AAAA;AAAA,EAClB;AAEA,eAAa;AAAA,IAAK,MAChB,OAAO,SAAS,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EAC9E;AAGA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC;AAAgB;AAErB,UAAM,mBAAmB,KAAK,IAAI,IAAI,eAAe;AACrD,mBAAe;AAAA,MACb,KAAK,mBAAmB,gCAAiC,eAAe,QAAQ,OAAQ;AAAA,MACxF,YAAY;AAAA,IACd,CAAC;AAED,qBAAiB;AAAA,EACnB;AAEA,SAAO,iBAAiB,gBAAgB,aAAa;AACrD,eAAa,KAAK,MAAM,OAAO,oBAAoB,gBAAgB,aAAa,CAAC;AAEjF,SAAO,MAAM;AACX,iBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,EAC/B;AACF;AAEA,MAAM,iBAAiB,MACrB,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;","names":[]}

package/dist/cjs/unstable-framework-support/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/unstable-framework-support/index.ts"],"sourcesContent":["export {\n  type SiteVersion,\n  serializeSiteVersion,\n  deserializeSiteVersion,\n  secondsUntilSiteVersionExpiration,\n} from '../api/site-version'\n\nexport { type ApiHandlerUserConfig, createApiHandler } from '../api-handler'\nexport { SET_COOKIE_HEADER, cookieSettingOptions } from '../api-handler/cookies'\nexport { REDIRECT_SEARCH_PARAM, redirectLiveHandler } from '../api-handler/handlers/redirect-live'\nexport { toApiRequest, pipeResponseTo } from '../api-handler/node-request-response'\nexport { MAKESWIFT_SITE_VERSION_COOKIE, SearchParams } from '../api-handler/preview'\n\nexport { MakeswiftClient } from '../client'\n\nexport { type BreakpointsInput as Breakpoints } from '../state/modules/breakpoints'\n\nexport {\n  FrameworkContext,\n  DefaultHead,\n  DefaultHeadSnippet,\n  DefaultImage,\n} from '../runtimes/react/components/framework-context'\n\nexport { MakeswiftComponent } from '../runtimes/react/components/MakeswiftComponent'\nexport { Page } from '../runtimes/react/components/page'\nexport { RuntimeProvider } from '../runtimes/react/components/RuntimeProvider'\nexport { Slot } from '../runtimes/react/components/Slot'\n\nexport { GoogleFontLink } from '../runtimes/react/components/GoogleFontLink'\nexport { MakeswiftFonts } from '../runtimes/react/components/MakeswiftFonts'\n\nexport {\n  createRootStyleCache,\n  RootStyleRegistry,\n  styleTagHtml,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport { ReactRuntime } from '../runtimes/react/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO;AAEP,yBAA4D;AAC5D,qBAAwD;AACxD,2BAA2D;AAC3D,mCAA6C;AAC7C,qBAA4D;AAE5D,oBAAgC;AAIhC,+BAKO;AAEP,gCAAmC;AACnC,kBAAqB;AACrB,6BAAgC;AAChC,kBAAqB;AAErB,4BAA+B;AAC/B,4BAA+B;AAE/B,iCAMO;AAEP,2BAA6B;","names":[]}
+{"version":3,"sources":["../../../src/unstable-framework-support/index.ts"],"sourcesContent":["export {\n  type SiteVersion,\n  serializeSiteVersion,\n  deserializeSiteVersion,\n  secondsUntilSiteVersionExpiration,\n} from '../api/site-version'\n\nexport {\n  type ApiHandlerUserConfig,\n  createApiHandler,\n  type SitePublishedWebhookPayloadData,\n} from '../api-handler'\nexport { SET_COOKIE_HEADER, cookieSettingOptions } from '../api-handler/cookies'\nexport { REDIRECT_SEARCH_PARAM, redirectLiveHandler } from '../api-handler/handlers/redirect-live'\nexport { toApiRequest, pipeResponseTo } from '../api-handler/node-request-response'\nexport { MAKESWIFT_SITE_VERSION_COOKIE, SearchParams } from '../api-handler/preview'\n\nexport { MakeswiftClient } from '../client'\n\nexport { type BreakpointsInput as Breakpoints } from '../state/modules/breakpoints'\n\nexport {\n  FrameworkContext,\n  DefaultHead,\n  DefaultHeadSnippet,\n  DefaultImage,\n} from '../runtimes/react/components/framework-context'\n\nexport { MakeswiftComponent } from '../runtimes/react/components/MakeswiftComponent'\nexport { Page } from '../runtimes/react/components/page'\nexport { RuntimeProvider } from '../runtimes/react/components/RuntimeProvider'\nexport { Slot } from '../runtimes/react/components/Slot'\n\nexport { GoogleFontLink } from '../runtimes/react/components/GoogleFontLink'\nexport { MakeswiftFonts } from '../runtimes/react/components/MakeswiftFonts'\n\nexport {\n  createRootStyleCache,\n  RootStyleRegistry,\n  styleTagHtml,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport { ReactRuntime } from '../runtimes/react/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO;AAEP,yBAIO;AACP,qBAAwD;AACxD,2BAA2D;AAC3D,mCAA6C;AAC7C,qBAA4D;AAE5D,oBAAgC;AAIhC,+BAKO;AAEP,gCAAmC;AACnC,kBAAqB;AACrB,6BAAgC;AAChC,kBAAqB;AAErB,4BAA+B;AAC/B,4BAA+B;AAE/B,iCAMO;AAEP,2BAA6B;","names":[]}

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

@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.28.1-canary.0",
+    version: "0.28.1-canary.2",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/esm/api-handler/handlers/webhook/diff-projection.js

@@ -0,0 +1,38 @@
+import { z } from "zod";
+const changeTypeSchema = z.enum(["created", "updated", "deleted"]);
+const componentChangeSchema = z.object({
+  id: z.string(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const pageChangeSchema = z.object({
+  pageId: z.string().uuid(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema,
+  pathname: z.string(),
+  previousPathname: z.string().optional()
+});
+const globalElementChangeSchema = z.object({
+  id: z.string().uuid(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const swatchChangeSchema = z.object({
+  id: z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const typographyChangeSchema = z.object({
+  id: z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const diffProjectionSchema = z.object({
+  components: z.array(componentChangeSchema),
+  pages: z.array(pageChangeSchema),
+  globalElements: z.array(globalElementChangeSchema),
+  swatches: z.array(swatchChangeSchema),
+  typographies: z.array(typographyChangeSchema)
+}).passthrough();
+export {
+  diffProjectionSchema
+};
+//# sourceMappingURL=diff-projection.js.map

package/dist/esm/api-handler/handlers/webhook/diff-projection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/diff-projection.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst changeTypeSchema = z.enum(['created', 'updated', 'deleted'])\n\n// `locale` is null for the default locale. We'd prefer explicit locale strings\n// (e.g. \"en-US\"), but both server and runtime treat the default locale as null\n// today — changing that requires a broader localization rework.\nconst componentChangeSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst pageChangeSchema = z.object({\n  pageId: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n  pathname: z.string(),\n  previousPathname: z.string().optional(),\n})\n\nconst globalElementChangeSchema = z.object({\n  id: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst swatchChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nconst typographyChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nexport const diffProjectionSchema = z\n  .object({\n    components: z.array(componentChangeSchema),\n    pages: z.array(pageChangeSchema),\n    globalElements: z.array(globalElementChangeSchema),\n    swatches: z.array(swatchChangeSchema),\n    typographies: z.array(typographyChangeSchema),\n  })\n  // passthrough() preserves unknown resource types the server may add in the\n  // future (e.g. `fonts`), so onPublish consumers can access them without a\n  // runtime upgrade.\n  .passthrough()\n"],"mappings":"AAAA,SAAS,SAAS;AAElB,MAAM,mBAAmB,EAAE,KAAK,CAAC,WAAW,WAAW,SAAS,CAAC;AAKjE,MAAM,wBAAwB,EAAE,OAAO;AAAA,EACrC,IAAI,EAAE,OAAO;AAAA,EACb,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,mBAAmB,EAAE,OAAO;AAAA,EAChC,QAAQ,EAAE,OAAO,EAAE,KAAK;AAAA,EACxB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AAAA,EACZ,UAAU,EAAE,OAAO;AAAA,EACnB,kBAAkB,EAAE,OAAO,EAAE,SAAS;AACxC,CAAC;AAED,MAAM,4BAA4B,EAAE,OAAO;AAAA,EACzC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,qBAAqB,EAAE,OAAO;AAAA,EAClC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAED,MAAM,yBAAyB,EAAE,OAAO;AAAA,EACtC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAEM,MAAM,uBAAuB,EACjC,OAAO;AAAA,EACN,YAAY,EAAE,MAAM,qBAAqB;AAAA,EACzC,OAAO,EAAE,MAAM,gBAAgB;AAAA,EAC/B,gBAAgB,EAAE,MAAM,yBAAyB;AAAA,EACjD,UAAU,EAAE,MAAM,kBAAkB;AAAA,EACpC,cAAc,EAAE,MAAM,sBAAsB;AAC9C,CAAC,EAIA,YAAY;","names":[]}

package/dist/esm/api-handler/handlers/webhook/site-published.js

@@ -1,7 +1,7 @@
-async function handleSitePublished(_payload, { onPublish, revalidate }) {
+async function handleSitePublished(payload, { onPublish, revalidate }) {
   revalidate();
   try {
-    await onPublish?.();
+    await onPublish?.(payload.data);
   } catch (error) {
     console.error("Unhandled exception in the 'onPublish' callback:", error);
   }

package/dist/esm/api-handler/handlers/webhook/site-published.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import {\n  type OnPublish,\n  type SitePublishedWebhookPayload,\n  type WebhookHandlerResult,\n} from './types'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n  revalidate: () => void\n}\n\nexport async function handleSitePublished(\n  _payload: SitePublishedWebhookPayload,\n  { onPublish, revalidate }: SitePublishedParams,\n): Promise<WebhookHandlerResult> {\n  revalidate()\n\n  try {\n    await onPublish?.()\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n"],"mappings":"AAWA,eAAsB,oBACpB,UACA,EAAE,WAAW,WAAW,GACO;AAC/B,aAAW;AAEX,MAAI;AACF,UAAM,YAAY;AAAA,EACpB,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;","names":[]}
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import {\n  type OnPublish,\n  type SitePublishedWebhookPayload,\n  type WebhookHandlerResult,\n} from './types'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n  revalidate: () => void\n}\n\nexport async function handleSitePublished(\n  payload: SitePublishedWebhookPayload,\n  { onPublish, revalidate }: SitePublishedParams,\n): Promise<WebhookHandlerResult> {\n  revalidate()\n\n  try {\n    await onPublish?.(payload.data)\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n"],"mappings":"AAWA,eAAsB,oBACpB,SACA,EAAE,WAAW,WAAW,GACO;AAC/B,aAAW;AAEX,MAAI;AACF,UAAM,YAAY,QAAQ,IAAI;AAAA,EAChC,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;","names":[]}

package/dist/esm/api-handler/handlers/webhook/types.js

@@ -1,4 +1,5 @@
 import { z } from "zod";
+import { diffProjectionSchema } from "./diff-projection";
 const WebhookEventType = {
   SITE_PUBLISHED: "site.published"
 };
@@ -10,7 +11,11 @@ const sitePublishedWebhookPayloadSchema = z.object({
       from: z.string().uuid().nullable(),
       to: z.string().uuid()
     }),
-    at: z.number()
+    at: z.number(),
+    // catch(undefined) ensures a server-side schema change never breaks the
+    // webhook handler — if parsing fails, unstable_diff degrades to undefined
+    // and the consumer falls back to full revalidation.
+    unstable_diff: diffProjectionSchema.nullable().optional().catch(void 0)
   })
 });
 const webhookPayloadSchema = sitePublishedWebhookPayloadSchema;

package/dist/esm/api-handler/handlers/webhook/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/types.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { type ErrorResponseBody } from '../../request-response'\n\nexport const WebhookEventType = {\n  SITE_PUBLISHED: 'site.published',\n} as const\n\nexport const sitePublishedWebhookPayloadSchema = z.object({\n  type: z.literal(WebhookEventType.SITE_PUBLISHED),\n  data: z.object({\n    siteId: z.string().uuid(),\n    publish: z.object({\n      from: z.string().uuid().nullable(),\n      to: z.string().uuid(),\n    }),\n    at: z.number(),\n  }),\n})\n\nexport type SitePublishedWebhookPayload = z.infer<typeof sitePublishedWebhookPayloadSchema>\n\nconst webhookPayloadSchema = sitePublishedWebhookPayloadSchema\n\nexport type WebhookPayloadSchema = z.infer<typeof webhookPayloadSchema>\n\ntype WebhookSuccessBody = { success: true }\n\nexport type WebhookResponseBody = WebhookSuccessBody | ErrorResponseBody\n\nexport type WebhookHandlerResult = {\n  body: WebhookResponseBody\n  status: 200\n}\n\nexport type OnPublish = () => void | Promise<void>\n"],"mappings":"AAAA,SAAS,SAAS;AAIX,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,EAAE,OAAO;AAAA,EACxD,MAAM,EAAE,QAAQ,iBAAiB,cAAc;AAAA,EAC/C,MAAM,EAAE,OAAO;AAAA,IACb,QAAQ,EAAE,OAAO,EAAE,KAAK;AAAA,IACxB,SAAS,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,MACjC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,IACtB,CAAC;AAAA,IACD,IAAI,EAAE,OAAO;AAAA,EACf,CAAC;AACH,CAAC;AAID,MAAM,uBAAuB;","names":[]}
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/types.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { type ErrorResponseBody } from '../../request-response'\nimport { diffProjectionSchema } from './diff-projection'\n\nexport const WebhookEventType = {\n  SITE_PUBLISHED: 'site.published',\n} as const\n\nexport const sitePublishedWebhookPayloadSchema = z.object({\n  type: z.literal(WebhookEventType.SITE_PUBLISHED),\n  data: z.object({\n    siteId: z.string().uuid(),\n    publish: z.object({\n      from: z.string().uuid().nullable(),\n      to: z.string().uuid(),\n    }),\n    at: z.number(),\n    // catch(undefined) ensures a server-side schema change never breaks the\n    // webhook handler — if parsing fails, unstable_diff degrades to undefined\n    // and the consumer falls back to full revalidation.\n    unstable_diff: diffProjectionSchema.nullable().optional().catch(undefined),\n  }),\n})\n\nexport type SitePublishedWebhookPayload = z.infer<typeof sitePublishedWebhookPayloadSchema>\n\nexport type SitePublishedWebhookPayloadData = z.infer<\n  typeof sitePublishedWebhookPayloadSchema\n>['data']\n\nconst webhookPayloadSchema = sitePublishedWebhookPayloadSchema\n\nexport type WebhookPayloadSchema = z.infer<typeof webhookPayloadSchema>\n\ntype WebhookSuccessBody = { success: true }\n\nexport type WebhookResponseBody = WebhookSuccessBody | ErrorResponseBody\n\nexport type WebhookHandlerResult = {\n  body: WebhookResponseBody\n  status: 200\n}\n\nexport type OnPublish = (payload: SitePublishedWebhookPayloadData) => void | Promise<void>\n"],"mappings":"AAAA,SAAS,SAAS;AAGlB,SAAS,4BAA4B;AAE9B,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,EAAE,OAAO;AAAA,EACxD,MAAM,EAAE,QAAQ,iBAAiB,cAAc;AAAA,EAC/C,MAAM,EAAE,OAAO;AAAA,IACb,QAAQ,EAAE,OAAO,EAAE,KAAK;AAAA,IACxB,SAAS,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,MACjC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,IACtB,CAAC;AAAA,IACD,IAAI,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA,IAIb,eAAe,qBAAqB,SAAS,EAAE,SAAS,EAAE,MAAM,MAAS;AAAA,EAC3E,CAAC;AACH,CAAC;AAQD,MAAM,uBAAuB;","names":[]}

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 { ApiHandlerHeaders, deserializeSiteVersion } from '../api/site-version'\n\nimport { MakeswiftClient } from '../client'\nimport { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\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: ReactRuntimeCore\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    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: runtime.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":[]}
+{"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 { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\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, type SitePublishedWebhookPayloadData } 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, SitePublishedWebhookPayloadData }\n\ntype Events = { onPublish: OnPublish }\n\nexport type ApiHandlerUserConfig = {\n  runtime: ReactRuntimeCore\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    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: runtime.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/client/index.js

@@ -195,7 +195,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.1-canary.0"
+      "makeswift-runtime-version": "0.28.1-canary.2"
     });
     this.runtime = runtime;
   }
@@ -207,7 +207,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.1-canary.0"
+      "makeswift-runtime-version": "0.28.1-canary.2"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -665,7 +665,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.1-canary.0",
+        "makeswift-runtime-version": "0.28.1-canary.2",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

package/dist/esm/global.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global.d.ts"],"sourcesContent":["import '@emotion/jest'\n\ndeclare global {\n  const PACKAGE_VERSION: string\n\n  // partial typings for the new Navigation API, see\n  // https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  interface NavigateEvent extends Event {\n    readonly navigationType: 'push' | 'reload' | 'replace' | 'traverse'\n    readonly destination: {\n      readonly id: string\n      readonly index: number\n      readonly key: string\n      readonly sameDocument: boolean\n      readonly url: string\n    }\n\n    readonly hashChange: boolean\n    readonly userInitiated: boolean\n  }\n\n  interface Navigation {\n    addEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    removeEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n  }\n\n  interface Window {\n    navigation?: Navigation\n  }\n}\n\nexport {}\n"],"mappings":"AAAA,OAAO;","names":[]}
+{"version":3,"sources":["../../src/global.d.ts"],"sourcesContent":["import '@emotion/jest'\n\ndeclare global {\n  const PACKAGE_VERSION: string\n\n  // partial typings for the new Navigation API, see\n  // https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  interface NavigateEvent extends Event {\n    readonly navigationType: 'push' | 'reload' | 'replace' | 'traverse'\n    readonly destination: {\n      readonly id: string\n      readonly index: number\n      readonly key: string\n      readonly sameDocument: boolean\n      readonly url: string\n    }\n\n    readonly hashChange: boolean\n    readonly userInitiated: boolean\n  }\n\n  interface NavigationHistoryEntry {\n    readonly id: string\n    readonly index: number\n    readonly key: string\n    readonly sameDocument: boolean\n    readonly url: string | null\n  }\n\n  interface Navigation {\n    addEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    removeEventListener(type: 'navigate', listener: (event: NavigateEvent) => void): void\n    addEventListener(type: 'navigatesuccess', listener: (event: Event) => void): void\n    removeEventListener(type: 'navigatesuccess', listener: (event: Event) => void): void\n\n    readonly currentEntry: NavigationHistoryEntry\n  }\n\n  interface Window {\n    navigation?: Navigation\n  }\n}\n\nexport {}\n"],"mappings":"AAAA,OAAO;","names":[]}