@makeswift/runtime 0.23.7 → 0.23.8-canary.1

package/dist/cjs/api/react.js

@@ -45,15 +45,22 @@ const CacheData = {
   }
 };
 class MakeswiftHostApiClient {
+  siteVersion;
   graphqlClient;
   makeswiftApiClient;
   subscribe;
-  constructor({ uri, cacheData, locale }) {
+  constructor({
+    uri,
+    siteVersion,
+    cacheData,
+    locale
+  }) {
     this.graphqlClient = new import_client.GraphQLClient(uri);
     this.makeswiftApiClient = MakeswiftApiClient.configureStore({
       serializedState: cacheData,
       defaultLocale: locale
     });
+    this.siteVersion = siteVersion;
     this.subscribe = this.makeswiftApiClient.subscribe;
   }
   readSwatch(swatchId) {
@@ -65,7 +72,7 @@ class MakeswiftHostApiClient {
   }
   async fetchSwatch(swatchId) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Swatch, swatchId)
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Swatch, swatchId, this.siteVersion)
     );
   }
   resolveSwatch(swatchId) {
@@ -84,7 +91,7 @@ class MakeswiftHostApiClient {
   }
   async fetchFile(fileId) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.File, fileId)
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.File, fileId, this.siteVersion)
     );
   }
   resolveFile(fileId) {
@@ -103,7 +110,11 @@ class MakeswiftHostApiClient {
   }
   async fetchTypography(typographyId) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Typography, typographyId)
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.Typography,
+        typographyId,
+        this.siteVersion
+      )
     );
   }
   resolveTypography(typographyId) {
@@ -122,7 +133,11 @@ class MakeswiftHostApiClient {
   }
   async fetchGlobalElement(globalElementId) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.GlobalElement, globalElementId)
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.GlobalElement,
+        globalElementId,
+        this.siteVersion
+      )
     );
   }
   readLocalizedGlobalElement({
@@ -144,6 +159,7 @@ class MakeswiftHostApiClient {
       MakeswiftApiClient.fetchAPIResource(
         import_types.APIResourceType.LocalizedGlobalElement,
         globalElementId,
+        this.siteVersion,
         locale
       )
     );
@@ -164,7 +180,12 @@ class MakeswiftHostApiClient {
     locale
   }) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.PagePathnameSlice, pageId, locale)
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.PagePathnameSlice,
+        pageId,
+        this.siteVersion,
+        locale
+      )
     );
   }
   resolvePagePathnameSlice({
@@ -203,7 +224,7 @@ class MakeswiftHostApiClient {
   }
   async fetchTable(tableId) {
     return await this.makeswiftApiClient.dispatch(
-      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Table, tableId)
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Table, tableId, this.siteVersion)
     );
   }
   async createTableRecord(tableId, columns) {

package/dist/cjs/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'\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\n  constructor({ uri, cacheData, locale }: { uri: string; cacheData?: CacheData; locale?: string }) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({\n      serializedState: cacheData,\n      defaultLocale: locale,\n    })\n\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),\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),\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),\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(APIResourceType.GlobalElement, globalElementId),\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        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(APIResourceType.PagePathnameSlice, pageId, locale),\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),\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'\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":[]}

package/dist/cjs/api/site-version.js

@@ -0,0 +1,36 @@
+"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 site_version_exports = {};
+__export(site_version_exports, {
+  API_HANDLER_SITE_VERSION_HEADER: () => API_HANDLER_SITE_VERSION_HEADER,
+  MakeswiftSiteVersion: () => MakeswiftSiteVersion,
+  makeswiftSiteVersionSchema: () => makeswiftSiteVersionSchema
+});
+module.exports = __toCommonJS(site_version_exports);
+var import_zod = require("zod");
+const makeswiftSiteVersionSchema = import_zod.z.enum(["Live", "Working"]);
+const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum;
+const API_HANDLER_SITE_VERSION_HEADER = "X-Makeswift-Site-Version";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  API_HANDLER_SITE_VERSION_HEADER,
+  MakeswiftSiteVersion,
+  makeswiftSiteVersionSchema
+});
+//# sourceMappingURL=site-version.js.map

package/dist/cjs/api/site-version.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/site-version.ts"],"sourcesContent":["import { z } from 'zod'\n\nexport const makeswiftSiteVersionSchema = z.enum(['Live', 'Working'])\nexport const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum\nexport type MakeswiftSiteVersion = z.infer<typeof makeswiftSiteVersionSchema>\n\nexport const API_HANDLER_SITE_VERSION_HEADER = 'X-Makeswift-Site-Version'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAEX,MAAM,6BAA6B,aAAE,KAAK,CAAC,QAAQ,SAAS,CAAC;AAC7D,MAAM,uBAAuB,2BAA2B;AAGxD,MAAM,kCAAkC;","names":[]}

package/dist/cjs/next/api-handler/handlers/draft-mode.js

@@ -0,0 +1,78 @@
+"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 draft_mode_exports = {};
+__export(draft_mode_exports, {
+  default: () => draftModeHandler
+});
+module.exports = __toCommonJS(draft_mode_exports);
+var import_server = require("next/server");
+var import_ts_pattern = require("ts-pattern");
+var import_headers = require("next/headers");
+var import_site_version = require("../../../api/site-version");
+const PRERENDER_BYPASS_COOKIE = "__prerender_bypass";
+const DRAFT_DATA_COOKIE = "x-makeswift-draft-data";
+const routeHandlerPattern = [import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.any, import_ts_pattern.P.any];
+const apiRoutePattern = [import_ts_pattern.P.any, import_ts_pattern.P.any, import_ts_pattern.P.any];
+async function draftModeHandler(...args) {
+  return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => draftModeRouteHandler(...args2)).with(apiRoutePattern, (args2) => draftModeApiRouteHandler(...args2)).exhaustive();
+}
+async function draftModeRouteHandler(request, _context, { apiKey }) {
+  const secret = request.nextUrl.searchParams.get("secret");
+  if (secret == null) {
+    return new import_server.NextResponse("Unauthorized to enable draft mode: no secret provided", {
+      status: 401
+    });
+  }
+  if (secret !== apiKey) {
+    return new import_server.NextResponse("Unauthorized to enable draft mode: incorrect secret", { status: 401 });
+  }
+  const draft = await (0, import_headers.draftMode)();
+  const cookieStore = await (0, import_headers.cookies)();
+  draft.enable();
+  const bypassCookie = cookieStore.get(PRERENDER_BYPASS_COOKIE);
+  if (bypassCookie?.value == null) {
+    return new import_server.NextResponse("Could not retrieve draft mode bypass cookie", { status: 500 });
+  }
+  cookieStore.set({
+    name: bypassCookie.name,
+    value: bypassCookie.value,
+    sameSite: "none",
+    secure: true,
+    partitioned: true
+  });
+  cookieStore.set({
+    name: DRAFT_DATA_COOKIE,
+    // Eventually, we can make the value dynamic using the request
+    value: JSON.stringify({ makeswift: true, siteVersion: import_site_version.MakeswiftSiteVersion.Working }),
+    sameSite: "none",
+    secure: true,
+    partitioned: true
+  });
+  const siteVersionCookie = cookieStore.get(DRAFT_DATA_COOKIE);
+  if (siteVersionCookie?.value == null) {
+    return new import_server.NextResponse("Could not retrieve draft mode site version cookie", { status: 500 });
+  }
+  return import_server.NextResponse.json({ __brand: "DraftModeResponse" });
+}
+async function draftModeApiRouteHandler(_req, res, {}) {
+  const message = "Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory";
+  console.error(message);
+  return res.status(500).send(message);
+}
+//# sourceMappingURL=draft-mode.js.map

package/dist/cjs/next/api-handler/handlers/draft-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/draft-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { cookies, draftMode } from 'next/headers'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\n\nconst PRERENDER_BYPASS_COOKIE = '__prerender_bypass'\nconst DRAFT_DATA_COOKIE = 'x-makeswift-draft-data'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype DraftModeError = string\n\ntype Response = { __brand: 'DraftModeResponse' }\n\nexport type DraftModeResponse = DraftModeError | Response\n\ntype DraftModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<DraftModeResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function draftModeHandler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<DraftModeResponse>>\nexport default async function draftModeHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<DraftModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function draftModeHandler(\n  ...args: DraftModeHandlerArgs\n): Promise<NextResponse<DraftModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => draftModeRouteHandler(...args))\n    .with(apiRoutePattern, args => draftModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function draftModeRouteHandler(\n  request: NextRequest,\n  _context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<DraftModeResponse>> {\n  const secret = request.nextUrl.searchParams.get('secret')\n\n  if (secret == null) {\n    return new NextResponse('Unauthorized to enable draft mode: no secret provided', {\n      status: 401,\n    })\n  }\n  if (secret !== apiKey) {\n    return new NextResponse('Unauthorized to enable draft mode: incorrect secret', { status: 401 })\n  }\n\n  const draft = await draftMode()\n  const cookieStore = await cookies()\n\n  draft.enable()\n\n  const bypassCookie = cookieStore.get(PRERENDER_BYPASS_COOKIE)\n\n  if (bypassCookie?.value == null) {\n    return new NextResponse('Could not retrieve draft mode bypass cookie', { status: 500 })\n  }\n\n  cookieStore.set({\n    name: bypassCookie.name,\n    value: bypassCookie.value,\n    sameSite: 'none',\n    secure: true,\n    partitioned: true,\n  })\n\n  cookieStore.set({\n    name: DRAFT_DATA_COOKIE,\n    // Eventually, we can make the value dynamic using the request\n    value: JSON.stringify({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working }),\n    sameSite: 'none',\n    secure: true,\n    partitioned: true,\n  })\n\n  const siteVersionCookie = cookieStore.get(DRAFT_DATA_COOKIE)\n\n  if (siteVersionCookie?.value == null) {\n    return new NextResponse('Could not retrieve draft mode site version cookie', { status: 500 })\n  }\n\n  return NextResponse.json({ __brand: 'DraftModeResponse' })\n}\n\nasync function draftModeApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<DraftModeResponse>,\n  {}: { apiKey: string },\n): Promise<void> {\n  const message =\n    'Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory'\n  console.error(message)\n  return res.status(500).send(message)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA0C;AAC1C,wBAAyB;AACzB,qBAAmC;AACnC,0BAAqC;AAErC,MAAM,0BAA0B;AAChC,MAAM,oBAAoB;AAc1B,MAAM,sBAAsB,CAAC,oBAAE,WAAW,OAAO,GAAG,oBAAE,KAAK,oBAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,oBAAE,KAAK,oBAAE,KAAK,oBAAE,GAAG;AAY5C,eAAO,oBACF,MAC8C;AACjD,aAAO,yBAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,sBAAsB,GAAGA,KAAI,CAAC,EAChE,KAAK,iBAAiB,CAAAA,UAAQ,yBAAyB,GAAGA,KAAI,CAAC,EAC/D,WAAW;AAChB;AAEA,eAAe,sBACb,SACA,UACA,EAAE,OAAO,GACiC;AAC1C,QAAM,SAAS,QAAQ,QAAQ,aAAa,IAAI,QAAQ;AAExD,MAAI,UAAU,MAAM;AAClB,WAAO,IAAI,2BAAa,yDAAyD;AAAA,MAC/E,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AACA,MAAI,WAAW,QAAQ;AACrB,WAAO,IAAI,2BAAa,uDAAuD,EAAE,QAAQ,IAAI,CAAC;AAAA,EAChG;AAEA,QAAM,QAAQ,UAAM,0BAAU;AAC9B,QAAM,cAAc,UAAM,wBAAQ;AAElC,QAAM,OAAO;AAEb,QAAM,eAAe,YAAY,IAAI,uBAAuB;AAE5D,MAAI,cAAc,SAAS,MAAM;AAC/B,WAAO,IAAI,2BAAa,+CAA+C,EAAE,QAAQ,IAAI,CAAC;AAAA,EACxF;AAEA,cAAY,IAAI;AAAA,IACd,MAAM,aAAa;AAAA,IACnB,OAAO,aAAa;AAAA,IACpB,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,EACf,CAAC;AAED,cAAY,IAAI;AAAA,IACd,MAAM;AAAA;AAAA,IAEN,OAAO,KAAK,UAAU,EAAE,WAAW,MAAM,aAAa,yCAAqB,QAAQ,CAAC;AAAA,IACpF,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,EACf,CAAC;AAED,QAAM,oBAAoB,YAAY,IAAI,iBAAiB;AAE3D,MAAI,mBAAmB,SAAS,MAAM;AACpC,WAAO,IAAI,2BAAa,qDAAqD,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC9F;AAEA,SAAO,2BAAa,KAAK,EAAE,SAAS,oBAAoB,CAAC;AAC3D;AAEA,eAAe,yBACb,MACA,KACA,CAAC,GACc;AACf,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,IAAI,OAAO,GAAG,EAAE,KAAK,OAAO;AACrC;","names":["args"]}

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

@@ -37,7 +37,7 @@ async function handler(...args) {
   const supportsDraftMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const supportsWebhook = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.23.7",
+    version: "0.23.8-canary.1",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/cjs/next/api-handler/handlers/preview-mode.js

@@ -0,0 +1,71 @@
+"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 preview_mode_exports = {};
+__export(preview_mode_exports, {
+  default: () => previewModeHandler
+});
+module.exports = __toCommonJS(preview_mode_exports);
+var import_server = require("next/server");
+var import_ts_pattern = require("ts-pattern");
+var import_set_cookie_parser = require("set-cookie-parser");
+var import_cookie = require("cookie");
+var import_site_version = require("../../../api/site-version");
+const SET_COOKIE_HEADER = "set-cookie";
+const PRERENDER_BYPASS_COOKIE = "__prerender_bypass";
+const PREVIEW_DATA_COOKIE = "__next_preview_data";
+const routeHandlerPattern = [import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.any, import_ts_pattern.P.any];
+const apiRoutePattern = [import_ts_pattern.P.any, import_ts_pattern.P.any, import_ts_pattern.P.any];
+async function previewModeHandler(...args) {
+  return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => previewModeRouteHandler(...args2)).with(apiRoutePattern, (args2) => previewModeApiRouteHandler(...args2)).exhaustive();
+}
+async function previewModeRouteHandler(_request, _context, {}) {
+  const message = "Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory";
+  console.error(message);
+  return import_server.NextResponse.json(message, { status: 500 });
+}
+async function previewModeApiRouteHandler(req, res, { apiKey }) {
+  const secret = req.query.secret;
+  if (secret == null) {
+    return res.status(401).send("Unauthorized to enable preview mode: no secret provided");
+  }
+  if (secret !== apiKey) {
+    return res.status(401).send("Unauthorized to enable preview mode: secret is incorrect");
+  }
+  const setCookie = res.setPreviewData({ makeswift: true, siteVersion: import_site_version.MakeswiftSiteVersion.Working }).getHeader(SET_COOKIE_HEADER);
+  res.removeHeader(SET_COOKIE_HEADER);
+  const parsedCookies = (0, import_set_cookie_parser.parse)(Array.isArray(setCookie) ? setCookie : "");
+  const prerenderBypassCookie = parsedCookies.find((c) => c.name === PRERENDER_BYPASS_COOKIE);
+  const previewDataCookie = parsedCookies.find((c) => c.name === PREVIEW_DATA_COOKIE);
+  if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {
+    return res.status(500).send("Could not retrieve preview mode cookies");
+  }
+  const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(
+    ({ name, value, ...options }) => {
+      return (0, import_cookie.serialize)(name, value, {
+        ...options,
+        sameSite: "none",
+        secure: true,
+        partitioned: true
+      });
+    }
+  );
+  res.setHeader(SET_COOKIE_HEADER, patchedCookies);
+  return res.json({ __brand: "PreviewModeResponse" });
+}
+//# sourceMappingURL=preview-mode.js.map

package/dist/cjs/next/api-handler/handlers/preview-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/preview-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { parse as parseSetCookie } from 'set-cookie-parser'\nimport { serialize as serializeCookie } from 'cookie'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\n\nconst SET_COOKIE_HEADER = 'set-cookie'\nconst PRERENDER_BYPASS_COOKIE = '__prerender_bypass'\nconst PREVIEW_DATA_COOKIE = '__next_preview_data'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype PreviewModeError = string\n\ntype Response = { __brand: 'PreviewModeResponse' }\n\nexport type PreviewModeResponse = PreviewModeError | Response\n\ntype PreviewModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<PreviewModeResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function previewModeHandler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<PreviewModeResponse>>\nexport default async function previewModeHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<PreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function previewModeHandler(\n  ...args: PreviewModeHandlerArgs\n): Promise<NextResponse<PreviewModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => previewModeRouteHandler(...args))\n    .with(apiRoutePattern, args => previewModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function previewModeRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<PreviewModeResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\nasync function previewModeApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<PreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  const secret = req.query.secret\n\n  if (secret == null) {\n    return res.status(401).send('Unauthorized to enable preview mode: no secret provided')\n  }\n  if (secret !== apiKey) {\n    return res.status(401).send('Unauthorized to enable preview mode: secret is incorrect')\n  }\n\n  // Eventually, we can make the preview data value dynamic using the request\n  const setCookie = res\n    .setPreviewData({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working })\n    .getHeader(SET_COOKIE_HEADER)\n\n  res.removeHeader(SET_COOKIE_HEADER)\n\n  const parsedCookies = parseSetCookie(Array.isArray(setCookie) ? setCookie : '')\n\n  const prerenderBypassCookie = parsedCookies.find(c => c.name === PRERENDER_BYPASS_COOKIE)\n  const previewDataCookie = parsedCookies.find(c => c.name === PREVIEW_DATA_COOKIE)\n\n  if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {\n    return res.status(500).send('Could not retrieve preview mode cookies')\n  }\n\n  const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(\n    ({ name, value, ...options }) => {\n      return serializeCookie(name, value, {\n        ...options,\n        sameSite: 'none',\n        secure: true,\n        partitioned: true,\n      })\n    },\n  )\n\n  res.setHeader(SET_COOKIE_HEADER, patchedCookies)\n\n  return res.json({ __brand: 'PreviewModeResponse' })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA0C;AAC1C,wBAAyB;AACzB,+BAAwC;AACxC,oBAA6C;AAC7C,0BAAqC;AAErC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAc5B,MAAM,sBAAsB,CAAC,oBAAE,WAAW,OAAO,GAAG,oBAAE,KAAK,oBAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,oBAAE,KAAK,oBAAE,KAAK,oBAAE,GAAG;AAY5C,eAAO,sBACF,MACgD;AACnD,aAAO,yBAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,wBAAwB,GAAGA,KAAI,CAAC,EAClE,KAAK,iBAAiB,CAAAA,UAAQ,2BAA2B,GAAGA,KAAI,CAAC,EACjE,WAAW;AAChB;AAEA,eAAe,wBACb,UACA,UACA,CAAC,GAC2C;AAC5C,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,2BAAa,KAAK,SAAS,EAAE,QAAQ,IAAI,CAAC;AACnD;AAEA,eAAe,2BACb,KACA,KACA,EAAE,OAAO,GACM;AACf,QAAM,SAAS,IAAI,MAAM;AAEzB,MAAI,UAAU,MAAM;AAClB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,yDAAyD;AAAA,EACvF;AACA,MAAI,WAAW,QAAQ;AACrB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,0DAA0D;AAAA,EACxF;AAGA,QAAM,YAAY,IACf,eAAe,EAAE,WAAW,MAAM,aAAa,yCAAqB,QAAQ,CAAC,EAC7E,UAAU,iBAAiB;AAE9B,MAAI,aAAa,iBAAiB;AAElC,QAAM,oBAAgB,yBAAAC,OAAe,MAAM,QAAQ,SAAS,IAAI,YAAY,EAAE;AAE9E,QAAM,wBAAwB,cAAc,KAAK,OAAK,EAAE,SAAS,uBAAuB;AACxF,QAAM,oBAAoB,cAAc,KAAK,OAAK,EAAE,SAAS,mBAAmB;AAEhF,MAAI,uBAAuB,SAAS,QAAQ,mBAAmB,SAAS,MAAM;AAC5E,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,yCAAyC;AAAA,EACvE;AAEA,QAAM,iBAAiB,CAAC,uBAAuB,iBAAiB,EAAE;AAAA,IAChE,CAAC,EAAE,MAAM,OAAO,GAAG,QAAQ,MAAM;AAC/B,iBAAO,cAAAC,WAAgB,MAAM,OAAO;AAAA,QAClC,GAAG;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,UAAU,mBAAmB,cAAc;AAE/C,SAAO,IAAI,KAAK,EAAE,SAAS,sBAAsB,CAAC;AACpD;","names":["args","parseSetCookie","serializeCookie"]}

package/dist/cjs/next/api-handler/handlers/proxy-draft-mode.js

@@ -25,7 +25,7 @@ var import_server = require("next/server");
 var import_ts_pattern = require("ts-pattern");
 var import_headers = require("next/headers");
 var import_draft_mode = require("../../draft-mode");
-var import_preview_mode = require("../../preview-mode");
+var import_site_version = require("../../../api/site-version");
 const routeHandlerPattern = [import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.any, import_ts_pattern.P.any];
 const apiRoutePattern = [import_ts_pattern.P.any, import_ts_pattern.P.any, import_ts_pattern.P.any];
 async function proxyDraftMode(...args) {
@@ -37,7 +37,7 @@ async function proxyDraftModeRouteHandler(request, _context, { apiKey }) {
     return new import_server.NextResponse("Unauthorized", { status: 401 });
   const draftModeData = {
     makeswift: true,
-    siteVersion: import_preview_mode.MakeswiftSiteVersion.Working
+    siteVersion: import_site_version.MakeswiftSiteVersion.Working
   };
   const draft = await (0, import_headers.draftMode)();
   draft.enable();

package/dist/cjs/next/api-handler/handlers/proxy-draft-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-draft-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { cookies, draftMode } from 'next/headers'\n\nimport { MAKESWIFT_DRAFT_MODE_DATA_COOKIE, MakeswiftDraftData } from '../../draft-mode'\nimport { MakeswiftSiteVersion } from '../../preview-mode'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyDraftModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyDraftModeResponse = ProxyDraftModeError | ProxyResponse\n\ntype ProxyDraftModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ProxyDraftModeResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function proxyDraftMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>>\nexport default async function proxyDraftMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyDraftMode(\n  ...args: ProxyDraftModeHandlerArgs\n): Promise<NextResponse<ProxyDraftModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyDraftModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyDraftModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyDraftModeRouteHandler(\n  request: NextRequest,\n  _context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>> {\n  const secret =\n    request.nextUrl.searchParams.get('x-makeswift-draft-mode') ??\n    request.headers.get('X-Makeswift-Draft-Mode')\n\n  if (secret !== apiKey) return new NextResponse('Unauthorized', { status: 401 })\n\n  const draftModeData: MakeswiftDraftData = {\n    makeswift: true,\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const draft = await draftMode()\n  draft.enable()\n\n  const proxyUrl = request.nextUrl.clone()\n\n  if (process.env.MAKESWIFT_DRAFT_MODE_PROXY_FORCE_HTTP == null) {\n    proxyUrl.protocol = request.headers.get('x-forwarded-proto') ?? request.nextUrl.protocol\n  } else {\n    proxyUrl.protocol = 'http'\n  }\n\n  const forwardingHost = request.headers.get('x-forwarded-host') ?? request.headers.get('host')\n  if (forwardingHost) {\n    proxyUrl.host = forwardingHost\n  }\n\n  proxyUrl.searchParams.delete('x-makeswift-draft-mode')\n\n  const proxyHeaders = new Headers(request.headers)\n  proxyHeaders.delete('X-Makeswift-Draft-Mode')\n\n  const proxyRequest = new NextRequest(proxyUrl, { headers: proxyHeaders })\n  const draftModeCookie = (await cookies()).get('__prerender_bypass')\n  if (draftModeCookie) {\n    proxyRequest.cookies.set(draftModeCookie)\n    proxyRequest.cookies.set(MAKESWIFT_DRAFT_MODE_DATA_COOKIE, JSON.stringify(draftModeData))\n  }\n\n  draft.disable()\n\n  const proxyResponse = await fetch(proxyRequest)\n\n  const response = new NextResponse<ProxyResponse>(proxyResponse.body, {\n    headers: proxyResponse.headers,\n    status: proxyResponse.status,\n  })\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (response.headers.has('content-encoding')) {\n    response.headers.delete('content-encoding')\n    response.headers.delete('content-length')\n  }\n\n  return response\n}\n\nasync function proxyDraftModeApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  {}: { apiKey: string },\n): Promise<void> {\n  const message =\n    'Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory'\n  console.error(message)\n  return res.status(500).send(message)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA0C;AAC1C,wBAAyB;AACzB,qBAAmC;AAEnC,wBAAqE;AACrE,0BAAqC;AAcrC,MAAM,sBAAsB,CAAC,oBAAE,WAAW,OAAO,GAAG,oBAAE,KAAK,oBAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,oBAAE,KAAK,oBAAE,KAAK,oBAAE,GAAG;AAY5C,eAAO,kBACF,MACmD;AACtD,aAAO,yBAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,2BAA2B,GAAGA,KAAI,CAAC,EACrE,KAAK,iBAAiB,CAAAA,UAAQ,8BAA8B,GAAGA,KAAI,CAAC,EACpE,WAAW;AAChB;AAEA,eAAe,2BACb,SACA,UACA,EAAE,OAAO,GACsC;AAC/C,QAAM,SACJ,QAAQ,QAAQ,aAAa,IAAI,wBAAwB,KACzD,QAAQ,QAAQ,IAAI,wBAAwB;AAE9C,MAAI,WAAW;AAAQ,WAAO,IAAI,2BAAa,gBAAgB,EAAE,QAAQ,IAAI,CAAC;AAE9E,QAAM,gBAAoC;AAAA,IACxC,WAAW;AAAA,IACX,aAAa,yCAAqB;AAAA,EACpC;AAEA,QAAM,QAAQ,UAAM,0BAAU;AAC9B,QAAM,OAAO;AAEb,QAAM,WAAW,QAAQ,QAAQ,MAAM;AAEvC,MAAI,QAAQ,IAAI,yCAAyC,MAAM;AAC7D,aAAS,WAAW,QAAQ,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,QAAQ;AAAA,EAClF,OAAO;AACL,aAAS,WAAW;AAAA,EACtB;AAEA,QAAM,iBAAiB,QAAQ,QAAQ,IAAI,kBAAkB,KAAK,QAAQ,QAAQ,IAAI,MAAM;AAC5F,MAAI,gBAAgB;AAClB,aAAS,OAAO;AAAA,EAClB;AAEA,WAAS,aAAa,OAAO,wBAAwB;AAErD,QAAM,eAAe,IAAI,QAAQ,QAAQ,OAAO;AAChD,eAAa,OAAO,wBAAwB;AAE5C,QAAM,eAAe,IAAI,0BAAY,UAAU,EAAE,SAAS,aAAa,CAAC;AACxE,QAAM,mBAAmB,UAAM,wBAAQ,GAAG,IAAI,oBAAoB;AAClE,MAAI,iBAAiB;AACnB,iBAAa,QAAQ,IAAI,eAAe;AACxC,iBAAa,QAAQ,IAAI,oDAAkC,KAAK,UAAU,aAAa,CAAC;AAAA,EAC1F;AAEA,QAAM,QAAQ;AAEd,QAAM,gBAAgB,MAAM,MAAM,YAAY;AAE9C,QAAM,WAAW,IAAI,2BAA4B,cAAc,MAAM;AAAA,IACnE,SAAS,cAAc;AAAA,IACvB,QAAQ,cAAc;AAAA,EACxB,CAAC;AAOD,MAAI,SAAS,QAAQ,IAAI,kBAAkB,GAAG;AAC5C,aAAS,QAAQ,OAAO,kBAAkB;AAC1C,aAAS,QAAQ,OAAO,gBAAgB;AAAA,EAC1C;AAEA,SAAO;AACT;AAEA,eAAe,8BACb,MACA,KACA,CAAC,GACc;AACf,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,IAAI,OAAO,GAAG,EAAE,KAAK,OAAO;AACrC;","names":["args"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-draft-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { cookies, draftMode } from 'next/headers'\n\nimport { MAKESWIFT_DRAFT_MODE_DATA_COOKIE, MakeswiftDraftData } from '../../draft-mode'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyDraftModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyDraftModeResponse = ProxyDraftModeError | ProxyResponse\n\ntype ProxyDraftModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ProxyDraftModeResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function proxyDraftMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>>\nexport default async function proxyDraftMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyDraftMode(\n  ...args: ProxyDraftModeHandlerArgs\n): Promise<NextResponse<ProxyDraftModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyDraftModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyDraftModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyDraftModeRouteHandler(\n  request: NextRequest,\n  _context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>> {\n  const secret =\n    request.nextUrl.searchParams.get('x-makeswift-draft-mode') ??\n    request.headers.get('X-Makeswift-Draft-Mode')\n\n  if (secret !== apiKey) return new NextResponse('Unauthorized', { status: 401 })\n\n  const draftModeData: MakeswiftDraftData = {\n    makeswift: true,\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const draft = await draftMode()\n  draft.enable()\n\n  const proxyUrl = request.nextUrl.clone()\n\n  if (process.env.MAKESWIFT_DRAFT_MODE_PROXY_FORCE_HTTP == null) {\n    proxyUrl.protocol = request.headers.get('x-forwarded-proto') ?? request.nextUrl.protocol\n  } else {\n    proxyUrl.protocol = 'http'\n  }\n\n  const forwardingHost = request.headers.get('x-forwarded-host') ?? request.headers.get('host')\n  if (forwardingHost) {\n    proxyUrl.host = forwardingHost\n  }\n\n  proxyUrl.searchParams.delete('x-makeswift-draft-mode')\n\n  const proxyHeaders = new Headers(request.headers)\n  proxyHeaders.delete('X-Makeswift-Draft-Mode')\n\n  const proxyRequest = new NextRequest(proxyUrl, { headers: proxyHeaders })\n  const draftModeCookie = (await cookies()).get('__prerender_bypass')\n  if (draftModeCookie) {\n    proxyRequest.cookies.set(draftModeCookie)\n    proxyRequest.cookies.set(MAKESWIFT_DRAFT_MODE_DATA_COOKIE, JSON.stringify(draftModeData))\n  }\n\n  draft.disable()\n\n  const proxyResponse = await fetch(proxyRequest)\n\n  const response = new NextResponse<ProxyResponse>(proxyResponse.body, {\n    headers: proxyResponse.headers,\n    status: proxyResponse.status,\n  })\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (response.headers.has('content-encoding')) {\n    response.headers.delete('content-encoding')\n    response.headers.delete('content-length')\n  }\n\n  return response\n}\n\nasync function proxyDraftModeApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  {}: { apiKey: string },\n): Promise<void> {\n  const message =\n    'Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory'\n  console.error(message)\n  return res.status(500).send(message)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA0C;AAC1C,wBAAyB;AACzB,qBAAmC;AAEnC,wBAAqE;AACrE,0BAAqC;AAcrC,MAAM,sBAAsB,CAAC,oBAAE,WAAW,OAAO,GAAG,oBAAE,KAAK,oBAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,oBAAE,KAAK,oBAAE,KAAK,oBAAE,GAAG;AAY5C,eAAO,kBACF,MACmD;AACtD,aAAO,yBAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,2BAA2B,GAAGA,KAAI,CAAC,EACrE,KAAK,iBAAiB,CAAAA,UAAQ,8BAA8B,GAAGA,KAAI,CAAC,EACpE,WAAW;AAChB;AAEA,eAAe,2BACb,SACA,UACA,EAAE,OAAO,GACsC;AAC/C,QAAM,SACJ,QAAQ,QAAQ,aAAa,IAAI,wBAAwB,KACzD,QAAQ,QAAQ,IAAI,wBAAwB;AAE9C,MAAI,WAAW;AAAQ,WAAO,IAAI,2BAAa,gBAAgB,EAAE,QAAQ,IAAI,CAAC;AAE9E,QAAM,gBAAoC;AAAA,IACxC,WAAW;AAAA,IACX,aAAa,yCAAqB;AAAA,EACpC;AAEA,QAAM,QAAQ,UAAM,0BAAU;AAC9B,QAAM,OAAO;AAEb,QAAM,WAAW,QAAQ,QAAQ,MAAM;AAEvC,MAAI,QAAQ,IAAI,yCAAyC,MAAM;AAC7D,aAAS,WAAW,QAAQ,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,QAAQ;AAAA,EAClF,OAAO;AACL,aAAS,WAAW;AAAA,EACtB;AAEA,QAAM,iBAAiB,QAAQ,QAAQ,IAAI,kBAAkB,KAAK,QAAQ,QAAQ,IAAI,MAAM;AAC5F,MAAI,gBAAgB;AAClB,aAAS,OAAO;AAAA,EAClB;AAEA,WAAS,aAAa,OAAO,wBAAwB;AAErD,QAAM,eAAe,IAAI,QAAQ,QAAQ,OAAO;AAChD,eAAa,OAAO,wBAAwB;AAE5C,QAAM,eAAe,IAAI,0BAAY,UAAU,EAAE,SAAS,aAAa,CAAC;AACxE,QAAM,mBAAmB,UAAM,wBAAQ,GAAG,IAAI,oBAAoB;AAClE,MAAI,iBAAiB;AACnB,iBAAa,QAAQ,IAAI,eAAe;AACxC,iBAAa,QAAQ,IAAI,oDAAkC,KAAK,UAAU,aAAa,CAAC;AAAA,EAC1F;AAEA,QAAM,QAAQ;AAEd,QAAM,gBAAgB,MAAM,MAAM,YAAY;AAE9C,QAAM,WAAW,IAAI,2BAA4B,cAAc,MAAM;AAAA,IACnE,SAAS,cAAc;AAAA,IACvB,QAAQ,cAAc;AAAA,EACxB,CAAC;AAOD,MAAI,SAAS,QAAQ,IAAI,kBAAkB,GAAG;AAC5C,aAAS,QAAQ,OAAO,kBAAkB;AAC1C,aAAS,QAAQ,OAAO,gBAAgB;AAAA,EAC1C;AAEA,SAAO;AACT;AAEA,eAAe,8BACb,MACA,KACA,CAAC,GACc;AACf,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,IAAI,OAAO,GAAG,EAAE,KAAK,OAAO;AACrC;","names":["args"]}

package/dist/cjs/next/api-handler/handlers/proxy-preview-mode.js

@@ -21,9 +21,9 @@ __export(proxy_preview_mode_exports, {
   default: () => proxyPreviewMode
 });
 module.exports = __toCommonJS(proxy_preview_mode_exports);
-var import_preview_mode = require("../../preview-mode");
 var import_server = require("next/server");
 var import_ts_pattern = require("ts-pattern");
+var import_site_version = require("../../../api/site-version");
 const routeHandlerPattern = [import_ts_pattern.P.instanceOf(Request), import_ts_pattern.P.any, import_ts_pattern.P.any];
 const apiRoutePattern = [import_ts_pattern.P.any, import_ts_pattern.P.any, import_ts_pattern.P.any];
 function mapRequestHeadersToHeaders(requestHeaders) {
@@ -74,7 +74,7 @@ async function proxyPreviewModeApiRouteHandler(req, res, { apiKey }) {
   const previewData = {
     makeswift: true,
     // This will eventually be dynamic
-    siteVersion: import_preview_mode.MakeswiftSiteVersion.Working
+    siteVersion: import_site_version.MakeswiftSiteVersion.Working
   };
   const setCookie = res.setPreviewData(previewData).getHeader("set-cookie");
   res.removeHeader("set-cookie");

package/dist/cjs/next/api-handler/handlers/proxy-preview-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-preview-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { MakeswiftPreviewData, MakeswiftSiteVersion } from '../../preview-mode'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyPreviewModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyPreviewModeResponse = ProxyPreviewModeError | ProxyResponse\n\ntype ProxyPreviewModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [\n      req: NextApiRequest,\n      res: NextApiResponse<ProxyPreviewModeResponse>,\n      params: { apiKey: string },\n    ]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nfunction mapRequestHeadersToHeaders(requestHeaders: NextApiRequest['headers']): Headers {\n  const headers = new Headers()\n\n  Object.entries(requestHeaders).forEach(([key, value]) => {\n    match(value)\n      .with(P.array(P.string), value => value.map(val => headers.append(key, val)))\n      .with(P.string, value => headers.set(key, value))\n  })\n\n  return headers\n}\n\nfunction mapRequestToProxyUrl(req: NextApiRequest): URL {\n  const isForwardedProtoHttps = match(req.headers['x-forwarded-proto'])\n    .with(P.string, x => x.split(','))\n    .with(P.array(P.string), x => x)\n    .otherwise(() => [])\n    .includes('https')\n\n  const isForwardedSSL = match(req.headers['x-forwarded-ssl'])\n    .with('on', () => true)\n    .otherwise(() => false)\n\n  const proto = isForwardedProtoHttps || isForwardedSSL ? 'https' : 'http'\n\n  return new URL(`${proto}://${req.headers.host}${req.url}`)\n}\n\nexport default async function proxyPreviewMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>>\nexport default async function proxyPreviewMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyPreviewMode(\n  ...args: ProxyPreviewModeHandlerArgs\n): Promise<NextResponse<ProxyPreviewModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyPreviewModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyPreviewModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyPreviewModeRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\nasync function proxyPreviewModeApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  if (req.query.secret !== apiKey) return res.status(401).send('Unauthorized')\n  if (req.headers.host == null) return res.status(400).send('Bad Request')\n\n  // TODO: This is a hack to get the locale from the request.\n  // Next.js strips the locale from the req.url, and there's no official way to get the locale\n  // from an API route: https://github.com/vercel/next.js/discussions/21798.\n  // The current workaround is to get the locale from an internal object: RequestMeta,\n  // https://github.com/vercel/next.js/blob/a0d1d728b9003f12c9df6c5e9a33bc4c33cef0ab/packages/next/src/server/request-meta.ts\n  // One possible way to properly fix this is by updating how we do preview mode. For example,\n  // by using partitioned cookies instead of a proxy.\n  const NextRequestMetaSymbol = Reflect.ownKeys(req).find(\n    key =>\n      key.toString() === 'Symbol(NextRequestMeta)' ||\n      key.toString() === 'Symbol(NextInternalRequestMeta)',\n  ) as keyof NextApiRequest | undefined\n\n  if (NextRequestMetaSymbol) {\n    const nextRequestMeta = req[NextRequestMetaSymbol]\n    const initUrl = nextRequestMeta?.__NEXT_INIT_URL ?? nextRequestMeta?.initURL\n    const isLocaleStripped =\n      nextRequestMeta?.__nextStrippedLocale ?? nextRequestMeta?.didStripLocale\n\n    try {\n      if (isLocaleStripped && initUrl) req.url = new URL(initUrl).pathname\n    } catch {}\n  }\n\n  const proxyHeaders = mapRequestHeadersToHeaders(req.headers)\n  const proxyUrl = mapRequestToProxyUrl(req)\n\n  proxyUrl.searchParams.delete('x-makeswift-preview-mode')\n  proxyHeaders.delete('x-makeswift-preview-mode')\n  // The following headers are Next.js-specific and are removed to prevent Next.js from\n  // short-circuiting requests, breaking routing.\n  proxyHeaders.delete('x-invoke-path')\n  proxyHeaders.delete('x-invoke-query')\n\n  const previewData: MakeswiftPreviewData = {\n    makeswift: true,\n    // This will eventually be dynamic\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const setCookie = res.setPreviewData(previewData).getHeader('set-cookie')\n  res.removeHeader('set-cookie')\n\n  if (!Array.isArray(setCookie)) return res.status(500).send('Internal Server Error')\n\n  setCookie.forEach(cookie => proxyHeaders.append('cookie', cookie))\n\n  const response = await fetch(proxyUrl, {\n    headers: proxyHeaders,\n  })\n\n  response.headers.forEach((value, name) => {\n    res.setHeader(name, value)\n  })\n\n  res.statusCode = response.status\n  res.statusMessage = response.statusText\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (res.hasHeader('content-encoding')) {\n    res.removeHeader('content-encoding')\n    res.removeHeader('content-length')\n  }\n\n  const arrayBuffer = await response.arrayBuffer()\n\n  res.write(new Uint8Array(arrayBuffer))\n  res.end()\n}\n"],"mappings":"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","names":["value","args"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-preview-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { MakeswiftPreviewData } from '../../preview-mode'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyPreviewModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyPreviewModeResponse = ProxyPreviewModeError | ProxyResponse\n\ntype ProxyPreviewModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [\n      req: NextApiRequest,\n      res: NextApiResponse<ProxyPreviewModeResponse>,\n      params: { apiKey: string },\n    ]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nfunction mapRequestHeadersToHeaders(requestHeaders: NextApiRequest['headers']): Headers {\n  const headers = new Headers()\n\n  Object.entries(requestHeaders).forEach(([key, value]) => {\n    match(value)\n      .with(P.array(P.string), value => value.map(val => headers.append(key, val)))\n      .with(P.string, value => headers.set(key, value))\n  })\n\n  return headers\n}\n\nfunction mapRequestToProxyUrl(req: NextApiRequest): URL {\n  const isForwardedProtoHttps = match(req.headers['x-forwarded-proto'])\n    .with(P.string, x => x.split(','))\n    .with(P.array(P.string), x => x)\n    .otherwise(() => [])\n    .includes('https')\n\n  const isForwardedSSL = match(req.headers['x-forwarded-ssl'])\n    .with('on', () => true)\n    .otherwise(() => false)\n\n  const proto = isForwardedProtoHttps || isForwardedSSL ? 'https' : 'http'\n\n  return new URL(`${proto}://${req.headers.host}${req.url}`)\n}\n\nexport default async function proxyPreviewMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>>\nexport default async function proxyPreviewMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyPreviewMode(\n  ...args: ProxyPreviewModeHandlerArgs\n): Promise<NextResponse<ProxyPreviewModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyPreviewModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyPreviewModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyPreviewModeRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\nasync function proxyPreviewModeApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  if (req.query.secret !== apiKey) return res.status(401).send('Unauthorized')\n  if (req.headers.host == null) return res.status(400).send('Bad Request')\n\n  // TODO: This is a hack to get the locale from the request.\n  // Next.js strips the locale from the req.url, and there's no official way to get the locale\n  // from an API route: https://github.com/vercel/next.js/discussions/21798.\n  // The current workaround is to get the locale from an internal object: RequestMeta,\n  // https://github.com/vercel/next.js/blob/a0d1d728b9003f12c9df6c5e9a33bc4c33cef0ab/packages/next/src/server/request-meta.ts\n  // One possible way to properly fix this is by updating how we do preview mode. For example,\n  // by using partitioned cookies instead of a proxy.\n  const NextRequestMetaSymbol = Reflect.ownKeys(req).find(\n    key =>\n      key.toString() === 'Symbol(NextRequestMeta)' ||\n      key.toString() === 'Symbol(NextInternalRequestMeta)',\n  ) as keyof NextApiRequest | undefined\n\n  if (NextRequestMetaSymbol) {\n    const nextRequestMeta = req[NextRequestMetaSymbol]\n    const initUrl = nextRequestMeta?.__NEXT_INIT_URL ?? nextRequestMeta?.initURL\n    const isLocaleStripped =\n      nextRequestMeta?.__nextStrippedLocale ?? nextRequestMeta?.didStripLocale\n\n    try {\n      if (isLocaleStripped && initUrl) req.url = new URL(initUrl).pathname\n    } catch {}\n  }\n\n  const proxyHeaders = mapRequestHeadersToHeaders(req.headers)\n  const proxyUrl = mapRequestToProxyUrl(req)\n\n  proxyUrl.searchParams.delete('x-makeswift-preview-mode')\n  proxyHeaders.delete('x-makeswift-preview-mode')\n  // The following headers are Next.js-specific and are removed to prevent Next.js from\n  // short-circuiting requests, breaking routing.\n  proxyHeaders.delete('x-invoke-path')\n  proxyHeaders.delete('x-invoke-query')\n\n  const previewData: MakeswiftPreviewData = {\n    makeswift: true,\n    // This will eventually be dynamic\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const setCookie = res.setPreviewData(previewData).getHeader('set-cookie')\n  res.removeHeader('set-cookie')\n\n  if (!Array.isArray(setCookie)) return res.status(500).send('Internal Server Error')\n\n  setCookie.forEach(cookie => proxyHeaders.append('cookie', cookie))\n\n  const response = await fetch(proxyUrl, {\n    headers: proxyHeaders,\n  })\n\n  response.headers.forEach((value, name) => {\n    res.setHeader(name, value)\n  })\n\n  res.statusCode = response.status\n  res.statusMessage = response.statusText\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (res.hasHeader('content-encoding')) {\n    res.removeHeader('content-encoding')\n    res.removeHeader('content-length')\n  }\n\n  const arrayBuffer = await response.arrayBuffer()\n\n  res.write(new Uint8Array(arrayBuffer))\n  res.end()\n}\n"],"mappings":"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","names":["value","args"]}

package/dist/cjs/next/api-handler/index.js

@@ -40,12 +40,14 @@ var import_fonts = __toESM(require("./handlers/fonts"));
 var import_manifest = __toESM(require("./handlers/manifest"));
 var import_proxy_preview_mode = __toESM(require("./handlers/proxy-preview-mode"));
 var import_proxy_draft_mode = __toESM(require("./handlers/proxy-draft-mode"));
+var import_draft_mode = __toESM(require("./handlers/draft-mode"));
+var import_preview_mode = __toESM(require("./handlers/preview-mode"));
 var import_revalidate = require("./handlers/revalidate");
 var import_translatable_data = __toESM(require("./handlers/translatable-data"));
 var import_merge_translated_data = __toESM(require("./handlers/merge-translated-data"));
 var import_webhook = __toESM(require("./handlers/webhook"));
 var import_ts_pattern = require("ts-pattern");
-var import_draft_mode = require("../draft-mode");
+var import_site_version = require("../../api/site-version");
 function apiRequestParams(request) {
   return Promise.resolve(request.query);
 }
@@ -84,6 +86,16 @@ Received "${apiKey}" instead.`
       return await makeswiftApiHandler(...args2);
     }).exhaustive();
   };
+  function getSiteVersionFromRequest(args) {
+    const header = (0, import_ts_pattern.match)(args).with(
+      routeHandlerPattern,
+      ([request]) => request.headers.get(import_site_version.API_HANDLER_SITE_VERSION_HEADER)
+    ).with(apiRoutePattern, ([req]) => req.headers[import_site_version.API_HANDLER_SITE_VERSION_HEADER.toLowerCase()]).exhaustive();
+    const parsed = import_site_version.makeswiftSiteVersionSchema.safeParse(header);
+    if (!parsed.success)
+      return import_site_version.MakeswiftSiteVersion.Live;
+    return parsed.data;
+  }
   async function makeswiftApiHandler(...args) {
     const params = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, ([, context]) => context.params).with(apiRoutePattern, ([req]) => apiRequestParams(req)).exhaustive();
     const { makeswift } = await params;
@@ -95,7 +107,7 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
       );
     }
     const client = new import_client.Makeswift(apiKey, { apiOrigin, runtime });
-    const siteVersion = await (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => (0, import_draft_mode.getSiteVersion)()).with(apiRoutePattern, ([req]) => import_client.Makeswift.getSiteVersion(req.previewData)).exhaustive();
+    const siteVersion = getSiteVersionFromRequest(args);
     const action = "/" + makeswift.join("/");
     const matches = (pattern) => (0, import_path_to_regexp.match)(pattern, { decode: decodeURIComponent })(action);
     let m;
@@ -111,6 +123,12 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
     if (matches("/proxy-draft-mode")) {
       return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => (0, import_proxy_draft_mode.default)(...args2, { apiKey })).with(apiRoutePattern, (args2) => (0, import_proxy_draft_mode.default)(...args2, { apiKey })).exhaustive();
     }
+    if (matches("/draft-mode")) {
+      return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => (0, import_draft_mode.default)(...args2, { apiKey })).with(apiRoutePattern, (args2) => (0, import_draft_mode.default)(...args2, { apiKey })).exhaustive();
+    }
+    if (matches("/preview-mode")) {
+      return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => (0, import_preview_mode.default)(...args2, { apiKey })).with(apiRoutePattern, (args2) => (0, import_preview_mode.default)(...args2, { apiKey })).exhaustive();
+    }
     if (matches("/fonts")) {
       return (0, import_ts_pattern.match)(args).with(routeHandlerPattern, (args2) => (0, import_fonts.default)(...args2, { getFonts })).with(apiRoutePattern, (args2) => (0, import_fonts.default)(...args2, { getFonts })).exhaustive();
     }