@makeswift/runtime 0.26.3 → 0.26.4-canary.1

package/dist/cjs/api/{react.js → client.js}

@@ -26,13 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var react_exports = {};
-__export(react_exports, {
+var client_exports = {};
+__export(client_exports, {
   CacheData: () => CacheData,
   MakeswiftHostApiClient: () => MakeswiftHostApiClient
 });
-module.exports = __toCommonJS(react_exports);
+module.exports = __toCommonJS(client_exports);
 var MakeswiftApiClient = __toESM(require("../state/makeswift-api-client"));
+var import_shared_api = require("../state/shared-api");
+var import_read_only_actions = require("../state/actions/internal/read-only-actions");
+var import_read_only_actions2 = require("../state/actions/internal/read-only-actions");
 var import_types = require("./types");
 var import_client = require("./graphql/client");
 var import_documents = require("./graphql/documents");
@@ -53,15 +56,19 @@ class MakeswiftHostApiClient {
     uri,
     fetch,
     cacheData,
-    locale
+    locale,
+    siteVersion
   }) {
     this.graphqlClient = new import_client.GraphQLClient(uri);
     this.makeswiftApiClient = MakeswiftApiClient.configureStore({
-      serializedState: cacheData,
-      defaultLocale: locale
+      serializedState: cacheData
     });
     this.fetch = fetch;
     this.subscribe = this.makeswiftApiClient.subscribe;
+    this.makeswiftApiClient.dispatch(
+      locale != null ? (0, import_shared_api.setLocale)(new Intl.Locale(locale)) : (0, import_read_only_actions.resetLocaleState)()
+    );
+    this.makeswiftApiClient.dispatch((0, import_read_only_actions2.setSiteVersion)(siteVersion));
   }
   readSwatch(swatchId) {
     return MakeswiftApiClient.getAPIResource(
@@ -253,4 +260,4 @@ class MakeswiftHostApiClient {
   CacheData,
   MakeswiftHostApiClient
 });
-//# sourceMappingURL=react.js.map
+//# sourceMappingURL=client.js.map

package/dist/cjs/api/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/client.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\n\nimport * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport { setLocale } from '../state/shared-api'\nimport { resetLocaleState } from '../state/actions/internal/read-only-actions'\nimport { setSiteVersion } from '../state/actions/internal/read-only-actions'\n\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 { SiteVersion } 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  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  fetch: MakeswiftApiClient.HttpFetch\n\n  constructor({\n    uri,\n    fetch,\n    cacheData,\n    locale,\n    siteVersion,\n  }: {\n    uri: string\n    fetch: MakeswiftApiClient.HttpFetch\n    cacheData?: CacheData\n    locale?: string\n    siteVersion: SiteVersion | null\n  }) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({\n      serializedState: cacheData,\n    })\n    this.fetch = fetch\n    this.subscribe = this.makeswiftApiClient.subscribe\n\n    this.makeswiftApiClient.dispatch(\n      locale != null ? setLocale(new Intl.Locale(locale)) : resetLocaleState(),\n    )\n\n    this.makeswiftApiClient.dispatch(setSiteVersion(siteVersion))\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId, this.fetch),\n    )\n  }\n\n  resolveSwatch(swatchId: string | undefined): FetchableValue<Swatch | null> {\n    return this.resolveResource(APIResourceType.Swatch, {\n      id: swatchId,\n      read: id => this.readSwatch(id),\n      fetch: id => this.fetchSwatch(id),\n    })\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId, this.fetch),\n    )\n  }\n\n  resolveFile(fileId: string | undefined): FetchableValue<File | null> {\n    return this.resolveResource(APIResourceType.File, {\n      id: fileId,\n      read: id => this.readFile(id),\n      fetch: id => this.fetchFile(id),\n    })\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId, this.fetch),\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.GlobalElement,\n        globalElementId,\n        this.fetch,\n      ),\n    )\n  }\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\n      locale,\n    )\n  }\n\n  async fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        this.fetch,\n        locale,\n      ),\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  async fetchPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.PagePathnameSlice,\n        pageId,\n        this.fetch,\n        locale,\n      ),\n    )\n  }\n\n  resolvePagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string | undefined\n    locale: string | null\n  }): FetchableValue<PagePathnameSlice | null> {\n    return this.resolveResource(APIResourceType.PagePathnameSlice, {\n      id: pageId,\n      read: id => this.readPagePathnameSlice({ pageId: id, locale }),\n      fetch: id => this.fetchPagePathnameSlice({ pageId: id, locale }),\n    })\n  }\n\n  resolveResource<R>(\n    type: APIResourceType,\n    {\n      id,\n      read,\n      fetch,\n    }: {\n      id: string | undefined\n      read: (id: string) => R | null\n      fetch: (id: string) => Promise<R | null>\n    },\n  ): FetchableValue<R | null> {\n    const _read = () => (id != null ? read(id) : null)\n    let lastValue: R | null = null\n    return {\n      name: `${type}:${id}`,\n      readStable: () => (lastValue = _read()),\n      subscribe: (onUpdate: () => void) =>\n        this.subscribe(() => {\n          if (_read() !== lastValue) onUpdate()\n        }),\n      fetch: async () => (id != null ? fetch(id) : null),\n    }\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId, this.fetch),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n}\n"],"mappings":"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","names":["import_read_only_actions"]}

package/dist/cjs/api-handler/handlers/element-tree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/api-handler/handlers/element-tree.ts"],"sourcesContent":["import { ReactRuntimeCore } from '../../runtimes/react/react-runtime-core'\nimport { type Element } from '../../state/react-page'\nimport { type ApiRequest, ApiResponse, type ErrorResponseBody } from '../request-response'\n\nexport async function elementTreeHandler(\n  req: ApiRequest,\n  { runtime }: { runtime: ReactRuntimeCore },\n): Promise<ApiResponse<{ elementTree: Element } | ErrorResponseBody>> {\n  const body = await req.json()\n  const { elementTree, replacementContext } = body\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined' }, { status: 400 })\n  }\n\n  if (replacementContext == null) {\n    return ApiResponse.json({ message: 'replacementContext must be defined' }, { status: 400 })\n  }\n\n  const generatedElementTree = runtime.copyElementTree(elementTree, replacementContext)\n  return ApiResponse.json({ elementTree: generatedElementTree })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAAqE;AAErE,eAAsB,mBACpB,KACA,EAAE,QAAQ,GAC0D;AACpE,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,QAAM,EAAE,aAAa,mBAAmB,IAAI;AAE5C,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,8BAA8B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrF;AAEA,MAAI,sBAAsB,MAAM;AAC9B,WAAO,oCAAY,KAAK,EAAE,SAAS,qCAAqC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC5F;AAEA,QAAM,uBAAuB,QAAQ,gBAAgB,aAAa,kBAAkB;AACpF,SAAO,oCAAY,KAAK,EAAE,aAAa,qBAAqB,CAAC;AAC/D;","names":[]}
+{"version":3,"sources":["../../../../src/api-handler/handlers/element-tree.ts"],"sourcesContent":["import { ReactRuntimeCore } from '../../runtimes/react/react-runtime-core'\nimport { type Element } from '../../state/read-only-state'\nimport { type ApiRequest, ApiResponse, type ErrorResponseBody } from '../request-response'\n\nexport async function elementTreeHandler(\n  req: ApiRequest,\n  { runtime }: { runtime: ReactRuntimeCore },\n): Promise<ApiResponse<{ elementTree: Element } | ErrorResponseBody>> {\n  const body = await req.json()\n  const { elementTree, replacementContext } = body\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined' }, { status: 400 })\n  }\n\n  if (replacementContext == null) {\n    return ApiResponse.json({ message: 'replacementContext must be defined' }, { status: 400 })\n  }\n\n  const generatedElementTree = runtime.copyElementTree(elementTree, replacementContext)\n  return ApiResponse.json({ elementTree: generatedElementTree })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAAqE;AAErE,eAAsB,mBACpB,KACA,EAAE,QAAQ,GAC0D;AACpE,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,QAAM,EAAE,aAAa,mBAAmB,IAAI;AAE5C,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,8BAA8B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrF;AAEA,MAAI,sBAAsB,MAAM;AAC9B,WAAO,oCAAY,KAAK,EAAE,SAAS,qCAAqC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC5F;AAEA,QAAM,uBAAuB,QAAQ,gBAAgB,aAAa,kBAAkB;AACpF,SAAO,oCAAY,KAAK,EAAE,aAAa,qBAAqB,CAAC;AAC/D;","names":[]}

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.26.3",
+    version: "0.26.4-canary.1",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/cjs/api-handler/handlers/merge-translated-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/api-handler/handlers/merge-translated-data.ts"],"sourcesContent":["import { type Element } from '../../state/react-page'\nimport { MakeswiftClient } from '../../client'\nimport { type ApiRequest, ApiResponse, type ErrorResponseBody } from '../request-response'\nimport isErrorWithMessage from '../../utils/isErrorWithMessage'\n\ntype TranslatedData = { elementTree: Element }\n\nexport async function mergeTranslatedDataHandler(\n  req: ApiRequest,\n  { client }: { client: MakeswiftClient },\n): Promise<ApiResponse<TranslatedData | ErrorResponseBody>> {\n  const body = await req.json()\n  const { translatedData, elementTree } = body\n\n  if (translatedData == null) {\n    return ApiResponse.json({ message: 'translatedData must be defined' }, { status: 400 })\n  }\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined' }, { status: 400 })\n  }\n\n  try {\n    const translatedElementTree = client.mergeTranslatedData(elementTree, translatedData)\n    return ApiResponse.json({ elementTree: translatedElementTree })\n  } catch (error) {\n    if (isErrorWithMessage(error)) {\n      return ApiResponse.json({ message: error.message }, { status: 500 })\n    }\n    return ApiResponse.json({ message: 'Error merging translated data' }, { status: 500 })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAAqE;AACrE,gCAA+B;AAI/B,eAAsB,2BACpB,KACA,EAAE,OAAO,GACiD;AAC1D,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,QAAM,EAAE,gBAAgB,YAAY,IAAI;AAExC,MAAI,kBAAkB,MAAM;AAC1B,WAAO,oCAAY,KAAK,EAAE,SAAS,iCAAiC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACxF;AAEA,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,8BAA8B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrF;AAEA,MAAI;AACF,UAAM,wBAAwB,OAAO,oBAAoB,aAAa,cAAc;AACpF,WAAO,oCAAY,KAAK,EAAE,aAAa,sBAAsB,CAAC;AAAA,EAChE,SAAS,OAAO;AACd,YAAI,0BAAAA,SAAmB,KAAK,GAAG;AAC7B,aAAO,oCAAY,KAAK,EAAE,SAAS,MAAM,QAAQ,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,IACrE;AACA,WAAO,oCAAY,KAAK,EAAE,SAAS,gCAAgC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACvF;AACF;","names":["isErrorWithMessage"]}
+{"version":3,"sources":["../../../../src/api-handler/handlers/merge-translated-data.ts"],"sourcesContent":["import { type Element } from '../../state/read-only-state'\nimport { MakeswiftClient } from '../../client'\nimport { type ApiRequest, ApiResponse, type ErrorResponseBody } from '../request-response'\nimport isErrorWithMessage from '../../utils/isErrorWithMessage'\n\ntype TranslatedData = { elementTree: Element }\n\nexport async function mergeTranslatedDataHandler(\n  req: ApiRequest,\n  { client }: { client: MakeswiftClient },\n): Promise<ApiResponse<TranslatedData | ErrorResponseBody>> {\n  const body = await req.json()\n  const { translatedData, elementTree } = body\n\n  if (translatedData == null) {\n    return ApiResponse.json({ message: 'translatedData must be defined' }, { status: 400 })\n  }\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined' }, { status: 400 })\n  }\n\n  try {\n    const translatedElementTree = client.mergeTranslatedData(elementTree, translatedData)\n    return ApiResponse.json({ elementTree: translatedElementTree })\n  } catch (error) {\n    if (isErrorWithMessage(error)) {\n      return ApiResponse.json({ message: error.message }, { status: 500 })\n    }\n    return ApiResponse.json({ message: 'Error merging translated data' }, { status: 500 })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAAqE;AACrE,gCAA+B;AAI/B,eAAsB,2BACpB,KACA,EAAE,OAAO,GACiD;AAC1D,QAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,QAAM,EAAE,gBAAgB,YAAY,IAAI;AAExC,MAAI,kBAAkB,MAAM;AAC1B,WAAO,oCAAY,KAAK,EAAE,SAAS,iCAAiC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACxF;AAEA,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,8BAA8B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrF;AAEA,MAAI;AACF,UAAM,wBAAwB,OAAO,oBAAoB,aAAa,cAAc;AACpF,WAAO,oCAAY,KAAK,EAAE,aAAa,sBAAsB,CAAC;AAAA,EAChE,SAAS,OAAO;AACd,YAAI,0BAAAA,SAAmB,KAAK,GAAG;AAC7B,aAAO,oCAAY,KAAK,EAAE,SAAS,MAAM,QAAQ,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,IACrE;AACA,WAAO,oCAAY,KAAK,EAAE,SAAS,gCAAgC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACvF;AACF;","names":["isErrorWithMessage"]}

package/dist/cjs/api-handler/handlers/translatable-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/api-handler/handlers/translatable-data.ts"],"sourcesContent":["import { type Data } from '../../state/react-page'\nimport { MakeswiftClient } from '../../client'\nimport { type ApiRequest, ApiResponse } from '../request-response'\n\ntype TranslatableDataResult = { translatableData: Record<string, Data> }\ntype TranslatableDataError = { message: string }\n\nexport type TranslatableDataResponse = TranslatableDataResult | TranslatableDataError\n\nexport async function translatableDataHandler(\n  req: ApiRequest,\n  { client }: { client: MakeswiftClient },\n): Promise<ApiResponse> {\n  const body = await req.json()\n\n  const { elementTree } = body\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined.' }, { status: 400 })\n  }\n\n  try {\n    let translatableData = client.getTranslatableData(elementTree)\n    return ApiResponse.json({ translatableData })\n  } catch (error) {\n    return ApiResponse.json({ message: 'Failed to get translatable data.' }, { status: 500 })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAA6C;AAO7C,eAAsB,wBACpB,KACA,EAAE,OAAO,GACa;AACtB,QAAM,OAAO,MAAM,IAAI,KAAK;AAE5B,QAAM,EAAE,YAAY,IAAI;AAExB,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,+BAA+B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACtF;AAEA,MAAI;AACF,QAAI,mBAAmB,OAAO,oBAAoB,WAAW;AAC7D,WAAO,oCAAY,KAAK,EAAE,iBAAiB,CAAC;AAAA,EAC9C,SAAS,OAAO;AACd,WAAO,oCAAY,KAAK,EAAE,SAAS,mCAAmC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC1F;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/api-handler/handlers/translatable-data.ts"],"sourcesContent":["import { type Data } from '../../state/read-only-state'\nimport { MakeswiftClient } from '../../client'\nimport { type ApiRequest, ApiResponse } from '../request-response'\n\ntype TranslatableDataResult = { translatableData: Record<string, Data> }\ntype TranslatableDataError = { message: string }\n\nexport type TranslatableDataResponse = TranslatableDataResult | TranslatableDataError\n\nexport async function translatableDataHandler(\n  req: ApiRequest,\n  { client }: { client: MakeswiftClient },\n): Promise<ApiResponse> {\n  const body = await req.json()\n\n  const { elementTree } = body\n\n  if (elementTree == null) {\n    return ApiResponse.json({ message: 'elementTree must be defined.' }, { status: 400 })\n  }\n\n  try {\n    let translatableData = client.getTranslatableData(elementTree)\n    return ApiResponse.json({ translatableData })\n  } catch (error) {\n    return ApiResponse.json({ message: 'Failed to get translatable data.' }, { status: 500 })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAA6C;AAO7C,eAAsB,wBACpB,KACA,EAAE,OAAO,GACa;AACtB,QAAM,OAAO,MAAM,IAAI,KAAK;AAE5B,QAAM,EAAE,YAAY,IAAI;AAExB,MAAI,eAAe,MAAM;AACvB,WAAO,oCAAY,KAAK,EAAE,SAAS,+BAA+B,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACtF;AAEA,MAAI;AACF,QAAI,mBAAmB,OAAO,oBAAoB,WAAW;AAC7D,WAAO,oCAAY,KAAK,EAAE,iBAAiB,CAAC;AAAA,EAC9C,SAAS,OAAO;AACd,WAAO,oCAAY,KAAK,EAAE,SAAS,mCAAmC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC1F;AACF;","names":[]}

package/dist/cjs/builder/host-to-builder-actions.js

@@ -23,12 +23,12 @@ __export(host_to_builder_actions_exports, {
 });
 module.exports = __toCommonJS(host_to_builder_actions_exports);
 var import_toolkit = require("@reduxjs/toolkit");
-var import_internal = require("../state/actions/internal");
+var import_read_only_actions = require("../state/actions/internal/read-only-actions");
 var import_actions = require("../state/builder-api/actions");
 const HostToBuilderActionTypes = {
   ...import_actions.BuilderActionTypes,
-  REGISTER_COMPONENT: import_internal.InternalActionTypes.REGISTER_COMPONENT,
-  UNREGISTER_COMPONENT: import_internal.InternalActionTypes.UNREGISTER_COMPONENT
+  REGISTER_COMPONENT: import_read_only_actions.ReadOnlyActionTypes.REGISTER_COMPONENT,
+  UNREGISTER_COMPONENT: import_read_only_actions.ReadOnlyActionTypes.UNREGISTER_COMPONENT
 };
 function isHostToBuilderAction(action) {
   return (0, import_toolkit.isAction)(action) && Object.hasOwn(HostToBuilderActionTypes, action.type);

package/dist/cjs/builder/host-to-builder-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/builder/host-to-builder-actions.ts"],"sourcesContent":["import { isAction } from '@reduxjs/toolkit'\n\n// in the past, we reused the same action type for registering components both internally\n// and in the builder; they have been since split into two separate action types,\n// REGISTER_COMPONENT and REGISTER_BUILDER_COMPONENT, but we still have to expose what\n// are now internal actions to the builder for backward compatibility with the older runtimes\nimport {\n  type RegisterComponentAction,\n  type UnregisterComponentAction,\n  InternalActionTypes,\n} from '../state/actions/internal'\n\nimport { type BuilderAction, BuilderActionTypes } from '../state/builder-api/actions'\n\nexport const HostToBuilderActionTypes = {\n  ...BuilderActionTypes,\n  REGISTER_COMPONENT: InternalActionTypes.REGISTER_COMPONENT,\n  UNREGISTER_COMPONENT: InternalActionTypes.UNREGISTER_COMPONENT,\n} as const\n\nexport type HostToBuilderAction =\n  | BuilderAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n\nexport function isHostToBuilderAction(action: unknown): action is HostToBuilderAction {\n  return isAction(action) && Object.hasOwn(HostToBuilderActionTypes, action.type)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAyB;AAMzB,sBAIO;AAEP,qBAAuD;AAEhD,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,oBAAoB,oCAAoB;AAAA,EACxC,sBAAsB,oCAAoB;AAC5C;AAOO,SAAS,sBAAsB,QAAgD;AACpF,aAAO,yBAAS,MAAM,KAAK,OAAO,OAAO,0BAA0B,OAAO,IAAI;AAChF;","names":[]}
+{"version":3,"sources":["../../../src/builder/host-to-builder-actions.ts"],"sourcesContent":["import { isAction } from '@reduxjs/toolkit'\n\n// in the past, we reused the same action type for registering components both internally\n// and in the builder; they have been since split into two separate action types,\n// REGISTER_COMPONENT and REGISTER_BUILDER_COMPONENT, but we still have to expose what\n// are now internal actions to the builder for backward compatibility with the older runtimes\nimport {\n  type RegisterComponentAction,\n  type UnregisterComponentAction,\n  ReadOnlyActionTypes,\n} from '../state/actions/internal/read-only-actions'\n\nimport { type BuilderAction, BuilderActionTypes } from '../state/builder-api/actions'\n\nexport const HostToBuilderActionTypes = {\n  ...BuilderActionTypes,\n  REGISTER_COMPONENT: ReadOnlyActionTypes.REGISTER_COMPONENT,\n  UNREGISTER_COMPONENT: ReadOnlyActionTypes.UNREGISTER_COMPONENT,\n} as const\n\nexport type HostToBuilderAction =\n  | BuilderAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n\nexport function isHostToBuilderAction(action: unknown): action is HostToBuilderAction {\n  return isAction(action) && Object.hasOwn(HostToBuilderActionTypes, action.type)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAyB;AAMzB,+BAIO;AAEP,qBAAuD;AAEhD,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,oBAAoB,6CAAoB;AAAA,EACxC,sBAAsB,6CAAoB;AAC5C;AAOO,SAAS,sBAAsB,QAAgD;AACpF,aAAO,yBAAS,MAAM,KAAK,OAAO,OAAO,0BAA0B,OAAO,IAAI;AAChF;","names":[]}

package/dist/cjs/builder/index.js

@@ -33,14 +33,14 @@ __export(builder_exports, {
   Introspection: () => Introspection,
   Props: () => Props,
   TableFormFieldsMessageType: () => import_instances.TableFormFieldsMessageType,
-  createBaseDocument: () => import_react_page.createBaseDocument
+  createBaseDocument: () => import_read_only_state.createBaseDocument
 });
 module.exports = __toCommonJS(builder_exports);
 __reExport(builder_exports, require("./serialization"), module.exports);
 __reExport(builder_exports, require("./unstructured-introspection"), module.exports);
 __reExport(builder_exports, require("./host-to-builder-actions"), module.exports);
 __reExport(builder_exports, require("./host-api"), module.exports);
-var import_react_page = require("../state/react-page");
+var import_read_only_state = require("../state/read-only-state");
 var Props = __toESM(require("../prop-controllers/descriptors"));
 var import_instances = require("../prop-controllers/instances");
 var Introspection = __toESM(require("../prop-controllers/introspection"));

package/dist/cjs/builder/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/builder/index.ts"],"sourcesContent":["export * from './serialization'\nexport * from './unstructured-introspection'\nexport * from './host-to-builder-actions'\nexport * from './host-api'\n\nexport { type Operation } from '../state/modules/read-write-documents'\n\nexport { createBaseDocument } from '../state/react-page'\n\nexport type {\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n} from '../prop-controllers/descriptors'\n\nexport * as Props from '../prop-controllers/descriptors'\nexport type { PropControllerMessage, TableFormFieldsMessage } from '../prop-controllers/instances'\nexport { TableFormFieldsMessageType } from '../prop-controllers/instances'\nexport * as Introspection from '../prop-controllers/introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from '../prop-controllers/deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,4BAAd;AACA,4BAAc,yCADd;AAEA,4BAAc,sCAFd;AAGA,4BAAc,uBAHd;AAOA,wBAAmC;AAUnC,YAAuB;AAEvB,uBAA2C;AAC3C,oBAA+B;AAC/B,qBAA8C;","names":[]}
+{"version":3,"sources":["../../../src/builder/index.ts"],"sourcesContent":["export * from './serialization'\nexport * from './unstructured-introspection'\nexport * from './host-to-builder-actions'\nexport * from './host-api'\n\nexport { type Operation } from '../state/modules/read-write/read-write-documents'\n\nexport { createBaseDocument } from '../state/read-only-state'\n\nexport type {\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n} from '../prop-controllers/descriptors'\n\nexport * as Props from '../prop-controllers/descriptors'\nexport type { PropControllerMessage, TableFormFieldsMessage } from '../prop-controllers/instances'\nexport { TableFormFieldsMessageType } from '../prop-controllers/instances'\nexport * as Introspection from '../prop-controllers/introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from '../prop-controllers/deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,4BAAd;AACA,4BAAc,yCADd;AAEA,4BAAc,sCAFd;AAGA,4BAAc,uBAHd;AAOA,6BAAmC;AAUnC,YAAuB;AAEvB,uBAA2C;AAC3C,oBAA+B;AAC/B,qBAA8C;","names":[]}

package/dist/cjs/client/index.js

@@ -30,9 +30,9 @@ var import_zod = require("zod");
 var import_api = require("../api");
 var import_client = require("../api/graphql/client");
 var import_documents = require("../api/graphql/documents");
-var import_react = require("../api/react");
+var import_client2 = require("../api/client");
 var import_introspection = require("../prop-controllers/introspection");
-var import_react_page = require("../state/react-page");
+var import_read_only_state = require("../state/read-only-state");
 var import_pagination = require("../utils/pagination");
 var import_deterministic_uuid = require("../utils/deterministic-uuid");
 var import_controls = require("@makeswift/controls");
@@ -212,7 +212,7 @@ Received "${apiKey}" instead.`
       );
     }
     this.graphqlClient = new import_client.GraphQLClient(new URL("graphql", apiOrigin).href, {
-      "makeswift-runtime-version": "0.26.3"
+      "makeswift-runtime-version": "0.26.4-canary.1"
     });
     this.runtime = runtime;
   }
@@ -221,7 +221,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.26.3"
+      "makeswift-runtime-version": "0.26.4-canary.1"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -327,7 +327,7 @@ Received "${apiKey}" instead.`
   }
   async introspect(element, siteVersion, locale) {
     const runtime = this.runtime;
-    const descriptors = (0, import_react_page.getPropControllerDescriptors)(runtime.store.getState());
+    const descriptors = (0, import_read_only_state.getPropControllerDescriptors)(runtime.store.getState());
     const swatchIds = /* @__PURE__ */ new Set();
     const fileIds = /* @__PURE__ */ new Set();
     const typographyIds = /* @__PURE__ */ new Set();
@@ -361,7 +361,7 @@ Received "${apiKey}" instead.`
       };
       var getResourcesFromElementDescriptors = getResourcesFromElementDescriptors2;
       let element2;
-      if ((0, import_react_page.isElementReference)(current)) {
+      if ((0, import_read_only_state.isElementReference)(current)) {
         const globalElementId = current.value;
         const globalElement = await this.getGlobalElement(globalElementId, siteVersion);
         let elementData = globalElement?.data;
@@ -520,7 +520,7 @@ Received "${apiKey}" instead.`
             data: null
           },
           key,
-          cacheData: import_react.CacheData.empty(),
+          cacheData: import_client2.CacheData.empty(),
           meta: {
             allowLocaleFallback,
             requestedLocale: locale ?? null
@@ -668,7 +668,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.26.3",
+        "makeswift-runtime-version": "0.26.4-canary.1",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

package/dist/cjs/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../api'\nimport { GraphQLClient } from '../api/graphql/client'\nimport { FileQuery, IntrospectedResourcesQuery, TableQuery } from '../api/graphql/documents'\nimport {\n  FileQueryResult,\n  FileQueryVariables,\n  IntrospectedResourcesQueryResult,\n  IntrospectedResourcesQueryVariables,\n  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/react'\nimport { Descriptor as PropControllerDescriptor } from '../prop-controllers/descriptors'\nimport {\n  getElementChildren,\n  getSwatchIds,\n  getFileIds,\n  getPageIds,\n  getTableIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\nimport { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/react-page'\nimport { type SiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\nimport { mergeElementTreeTranslatedData } from '../state/translations/merge'\nimport { getElementTreeTranslatableData } from '../state/translations/get'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 100,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\n\nexport type MakeswiftPageDocument = {\n  id: string\n  site: { id: string }\n  data: Element\n  snippets: Snippet[]\n  fonts: Font[]\n  meta: Meta\n  seo: Seo\n  localizedPages: LocalizedPage[]\n  locale: string | null\n}\n\nexport function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport const previewTokenPayloadSchema = z.object({\n  payload: z.object({\n    version: z.string(),\n  }),\n})\n\nexport type PreviewTokenPayload = z.infer<typeof previewTokenPayloadSchema>\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\ntype Font = { family: string; variants: string[] }\n\ntype Meta = {\n  title?: string | null\n  description?: string | null\n  keywords?: string | null\n  socialImage?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n  favicon?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n}\ntype Seo = {\n  canonicalUrl?: string | null\n  isIndexingBlocked?: boolean | null\n}\n\ntype LocalizedPage = {\n  id: string\n  data: Element\n  elementTreeId: string\n  parentId: string | null\n  meta: Omit<Meta, 'favicon'>\n  seo: Seo\n}\n\ntype MakeswiftConfig = {\n  apiOrigin?: string\n  runtime: ReactRuntimeCore\n}\n\nexport type Sitemap = {\n  id: string\n  loc: string\n  lastmod?: string\n  changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never'\n  priority?: number\n  alternateRefs?: {\n    hreflang: string\n    href: string\n  }[]\n}[]\n\nconst pagePathnameSlicesAPISchema = z.array(\n  z\n    .object({\n      id: z.string(),\n      basePageId: z.string(),\n      pathname: z.string(),\n      localizedPathname: z.string().optional(),\n      __typename: z.literal('PagePathnameSlice'),\n    })\n    .nullable(),\n)\n\nconst getPageAPISchema = z.object({\n  pathname: z.string(),\n  locale: z.string(),\n  alternate: z.array(\n    z.object({\n      pathname: z.string(),\n      locale: z.string(),\n    }),\n  ),\n})\n\ntype GetPageAPI = z.infer<typeof getPageAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n  readonly apiOrigin: URL\n\n  constructor(\n    apiKey: string,\n    { apiOrigin = 'https://api.makeswift.com', runtime }: MakeswiftConfig,\n  ) {\n    if (typeof apiKey !== 'string') {\n      throw new Error(\n        'The Makeswift client must be passed a valid Makeswift site API key: ' +\n          \"`new Makeswift('<makeswift_site_api_key>')`\\n\" +\n          `Received \"${apiKey}\" instead.`,\n      )\n    }\n\n    this.apiKey = apiKey\n\n    try {\n      this.apiOrigin = new URL(apiOrigin)\n    } catch {\n      throw new Error(\n        `The Makeswift client received an invalid \\`apiOrigin\\` parameter: \"${apiOrigin}\".`,\n      )\n    }\n\n    this.graphqlClient = new GraphQLClient(new URL('graphql', apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  private async fetch(path: string, siteVersion: SiteVersion | null): Promise<Response> {\n    const requestUrl = new URL(path, this.apiOrigin)\n\n    const requestHeaders = new Headers({\n      'x-api-key': this.apiKey,\n      'makeswift-site-api-key': this.apiKey,\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n\n    if (siteVersion?.token) {\n      requestUrl.searchParams.set('version', siteVersion.version)\n      requestHeaders.set('makeswift-preview-token', siteVersion.token)\n    }\n\n    const response = await fetch(requestUrl.toString(), {\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: SiteVersion | null): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = null,\n    ...params\n  }: {\n    siteVersion?: SiteVersion | null\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    { siteVersion = null, locale }: { siteVersion?: SiteVersion | null; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const json = await response.json()\n\n    return getPageAPISchema.parse(json)\n  }\n\n  private async getTypographies(\n    typographyIds: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v3/typographies/bulk`, this.apiOrigin)\n\n    typographyIds.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get typographies for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    const body = await response.json()\n\n    return body\n  }\n\n  private async getSwatches(\n    ids: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v3/swatches/bulk`, this.apiOrigin)\n\n    ids.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get swatches for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    return await response.json()\n  }\n\n  private async getIntrospectedResources(\n    {\n      swatchIds,\n      ...introspectedResourceIds\n    }: IntrospectedResourcesQueryVariables & { swatchIds: string[] },\n    siteVersion: SiteVersion | null,\n  ): Promise<IntrospectedResourcesQueryResult & { swatches: (Swatch | null)[] }> {\n    const result = await this.graphqlClient.request<\n      IntrospectedResourcesQueryResult,\n      IntrospectedResourcesQueryVariables\n    >(IntrospectedResourcesQuery, introspectedResourceIds)\n    const swatches = await this.getSwatches(swatchIds, siteVersion)\n\n    return { ...result, swatches }\n  }\n\n  private async introspect(\n    element: Element,\n    siteVersion: SiteVersion | null,\n    locale: string | null,\n  ): Promise<CacheData> {\n    const runtime = this.runtime\n    const descriptors = getPropControllerDescriptors(runtime.store.getState())\n    const swatchIds = new Set<string>()\n    const fileIds = new Set<string>()\n    const typographyIds = new Set<string>()\n    const tableIds = new Set<string>()\n    const pageIds = new Set<string>()\n    const globalElements = new Map<string, GlobalElement | null>()\n    const localizedGlobalElements = new Map<string, LocalizedGlobalElement | null>()\n    const localizedResourcesMap = new Map<string, string | null>()\n\n    const remaining = [element]\n    const seen = new Set<string>()\n    let current: Element | undefined\n\n    while ((current = remaining.pop())) {\n      let element: ElementData\n\n      if (isElementReference(current)) {\n        const globalElementId = current.value\n        const globalElement = await this.getGlobalElement(globalElementId, siteVersion)\n        let elementData = globalElement?.data\n\n        if (locale) {\n          const localizedGlobalElement = await this.getLocalizedGlobalElement(\n            globalElementId,\n            locale,\n            siteVersion,\n          )\n\n          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\n            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement)\n          }\n        }\n\n        globalElements.set(globalElementId, globalElement)\n\n        if (elementData == null) continue\n\n        element = elementData as ElementData\n      } else {\n        element = current\n      }\n\n      const elementDescriptors = descriptors.get(element.type)\n\n      if (elementDescriptors == null) continue\n\n      getResourcesFromElementDescriptors(elementDescriptors, element.props)\n\n      function getResourcesFromElementDescriptors(\n        elementDescriptors: Record<string, PropControllerDescriptor>,\n        props: ElementData['props'],\n      ) {\n        Object.entries(elementDescriptors).forEach(([propName, descriptor]) => {\n          getSwatchIds(descriptor, props[propName]).forEach(swatchId => {\n            swatchIds.add(swatchId)\n          })\n\n          getFileIds(descriptor, props[propName]).forEach(fileId => fileIds.add(fileId))\n\n          getTypographyIds(descriptor, props[propName]).forEach(typographyId =>\n            typographyIds.add(typographyId),\n          )\n\n          getTableIds(descriptor, props[propName]).forEach(tableId => tableIds.add(tableId))\n\n          getPageIds(descriptor, props[propName]).forEach(pageId => pageIds.add(pageId))\n\n          getElementChildren(descriptor, props[propName]).forEach(child => {\n            if (!seen.has(child.key)) {\n              seen.add(child.key)\n\n              remaining.push(child)\n            }\n          })\n        })\n      }\n    }\n\n    const typographies = await this.getTypographies([...typographyIds], siteVersion)\n\n    typographies.forEach(typography => {\n      typography?.style.forEach(style => {\n        const swatchId = style.value.color?.swatchId\n\n        if (swatchId != null) swatchIds.add(swatchId)\n      })\n    })\n\n    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale })\n\n    const { swatches, files, tables } = await this.getIntrospectedResources(\n      {\n        swatchIds: [...swatchIds],\n        fileIds: [...fileIds],\n        tableIds: [...tableIds],\n      },\n      siteVersion,\n    )\n\n    const apiResources = {\n      [APIResourceType.Swatch]: [...swatchIds].map(id => ({\n        id,\n        value: swatches.find(swatch => swatch?.id === id) ?? null,\n      })),\n      [APIResourceType.File]: [...fileIds].map(id => ({\n        id,\n        value: files.find(file => file?.id === id) ?? null,\n      })),\n      [APIResourceType.Typography]: [...typographyIds].map(id => ({\n        id,\n        value: typographies.find(typography => typography?.id === id) ?? null,\n      })),\n      [APIResourceType.Table]: [...tableIds].map(id => ({\n        id,\n        value: tables.find(table => table?.id === id) ?? null,\n      })),\n      [APIResourceType.PagePathnameSlice]: [...pageIds].map(id => ({\n        id,\n        value: pagePathnames.find(pagePathnameSlice => pagePathnameSlice?.id === id) ?? null,\n        locale,\n      })),\n      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({\n        id,\n        value,\n      })),\n      [APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(\n        ([id, value]) => ({\n          id,\n          value,\n          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: SiteVersion | null): Promise<Swatch | null> {\n    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const swatch = await response.json()\n\n    return swatch\n  }\n\n  async getFile(fileId: string): Promise<File | null> {\n    const result = await this.graphqlClient.request<FileQueryResult, FileQueryVariables>(\n      FileQuery,\n      { fileId },\n    )\n\n    return result.file\n  }\n\n  async getTypography(\n    typographyId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const typography = await response.json()\n\n    return typography\n  }\n\n  async getGlobalElement(\n    globalElementId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const globalElement = await response.json()\n\n    return globalElement\n  }\n\n  async getLocalizedGlobalElement(\n    globalElementId: string,\n    locale: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n          locale,\n        })\n      }\n\n      return null\n    }\n\n    const localizedGlobalElement = await response.json()\n\n    return localizedGlobalElement\n  }\n\n  async getPagePathnameSlices(\n    pageIds: string[],\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v3/page-pathname-slices/bulk`, this.apiOrigin)\n\n    pageIds.forEach(id => url.searchParams.append('ids', id))\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get page pathname slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      return []\n    }\n\n    const json = await response.json()\n\n    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json)\n\n    // We're mapping the basePageId to be the id, because we're still using the GraphQL\n    // fragment as our APIResource. The id on the APIResource needs to match the pageId\n    // so that we can find the corresponding page pathname slice when we call getPagePathnameSlice(pageId).\n    // TODO: Update this once we move away from the GraphQL fragments.\n    return pagePathnameSlices.map(pagePathnameSlice => {\n      if (pagePathnameSlice == null) return null\n\n      return {\n        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  async getTable(tableId: string): Promise<Table | null> {\n    const result = await this.graphqlClient.request<TableQueryResult, TableQueryVariables>(\n      TableQuery,\n      { tableId },\n    )\n\n    return result.table\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getElementTreeTranslatableData(this.runtime.store.getState(), elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeElementTreeTranslatedData(\n      this.runtime.store.getState(),\n      elementTree,\n      translatedData,\n    )\n  }\n\n  async readPreviewToken(token: string): Promise<PreviewTokenPayload | null> {\n    const response = await fetch(new URL('v1/preview-tokens/reads', this.apiOrigin).toString(), {\n      method: 'POST',\n      headers: {\n        'x-api-key': this.apiKey,\n        'makeswift-site-api-key': this.apiKey,\n        'makeswift-runtime-version': PACKAGE_VERSION,\n        'content-type': 'application/json',\n      },\n      body: JSON.stringify({ token }),\n      cache: 'no-store',\n    })\n\n    if (!response.ok) {\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: await failedResponseBody(response),\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: await failedResponseBody(response),\n        })\n      }\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = previewTokenPayloadSchema.safeParse(json)\n    if (!parsed.success) {\n      throw new Error(\n        `Failed to parse preview token payload: ${parsed.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n\n    return parsed.data\n  }\n}\n"],"mappings":"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","names":["import_types","getResourcesFromElementDescriptors","elementDescriptors","element"]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../api'\nimport { GraphQLClient } from '../api/graphql/client'\nimport { FileQuery, IntrospectedResourcesQuery, TableQuery } from '../api/graphql/documents'\nimport {\n  FileQueryResult,\n  FileQueryVariables,\n  IntrospectedResourcesQueryResult,\n  IntrospectedResourcesQueryVariables,\n  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/client'\nimport { Descriptor as PropControllerDescriptor } from '../prop-controllers/descriptors'\nimport {\n  getElementChildren,\n  getSwatchIds,\n  getFileIds,\n  getPageIds,\n  getTableIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\nimport { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/read-only-state'\nimport { type SiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\nimport { mergeElementTreeTranslatedData } from '../state/translations/merge'\nimport { getElementTreeTranslatableData } from '../state/translations/get'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 100,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\n\nexport type MakeswiftPageDocument = {\n  id: string\n  site: { id: string }\n  data: Element\n  snippets: Snippet[]\n  fonts: Font[]\n  meta: Meta\n  seo: Seo\n  localizedPages: LocalizedPage[]\n  locale: string | null\n}\n\nexport function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport const previewTokenPayloadSchema = z.object({\n  payload: z.object({\n    version: z.string(),\n  }),\n})\n\nexport type PreviewTokenPayload = z.infer<typeof previewTokenPayloadSchema>\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\ntype Font = { family: string; variants: string[] }\n\ntype Meta = {\n  title?: string | null\n  description?: string | null\n  keywords?: string | null\n  socialImage?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n  favicon?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n}\ntype Seo = {\n  canonicalUrl?: string | null\n  isIndexingBlocked?: boolean | null\n}\n\ntype LocalizedPage = {\n  id: string\n  data: Element\n  elementTreeId: string\n  parentId: string | null\n  meta: Omit<Meta, 'favicon'>\n  seo: Seo\n}\n\ntype MakeswiftConfig = {\n  apiOrigin?: string\n  runtime: ReactRuntimeCore\n}\n\nexport type Sitemap = {\n  id: string\n  loc: string\n  lastmod?: string\n  changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never'\n  priority?: number\n  alternateRefs?: {\n    hreflang: string\n    href: string\n  }[]\n}[]\n\nconst pagePathnameSlicesAPISchema = z.array(\n  z\n    .object({\n      id: z.string(),\n      basePageId: z.string(),\n      pathname: z.string(),\n      localizedPathname: z.string().optional(),\n      __typename: z.literal('PagePathnameSlice'),\n    })\n    .nullable(),\n)\n\nconst getPageAPISchema = z.object({\n  pathname: z.string(),\n  locale: z.string(),\n  alternate: z.array(\n    z.object({\n      pathname: z.string(),\n      locale: z.string(),\n    }),\n  ),\n})\n\ntype GetPageAPI = z.infer<typeof getPageAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n  readonly apiOrigin: URL\n\n  constructor(\n    apiKey: string,\n    { apiOrigin = 'https://api.makeswift.com', runtime }: MakeswiftConfig,\n  ) {\n    if (typeof apiKey !== 'string') {\n      throw new Error(\n        'The Makeswift client must be passed a valid Makeswift site API key: ' +\n          \"`new Makeswift('<makeswift_site_api_key>')`\\n\" +\n          `Received \"${apiKey}\" instead.`,\n      )\n    }\n\n    this.apiKey = apiKey\n\n    try {\n      this.apiOrigin = new URL(apiOrigin)\n    } catch {\n      throw new Error(\n        `The Makeswift client received an invalid \\`apiOrigin\\` parameter: \"${apiOrigin}\".`,\n      )\n    }\n\n    this.graphqlClient = new GraphQLClient(new URL('graphql', apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  private async fetch(path: string, siteVersion: SiteVersion | null): Promise<Response> {\n    const requestUrl = new URL(path, this.apiOrigin)\n\n    const requestHeaders = new Headers({\n      'x-api-key': this.apiKey,\n      'makeswift-site-api-key': this.apiKey,\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n\n    if (siteVersion?.token) {\n      requestUrl.searchParams.set('version', siteVersion.version)\n      requestHeaders.set('makeswift-preview-token', siteVersion.token)\n    }\n\n    const response = await fetch(requestUrl.toString(), {\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: SiteVersion | null): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = null,\n    ...params\n  }: {\n    siteVersion?: SiteVersion | null\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    { siteVersion = null, locale }: { siteVersion?: SiteVersion | null; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const json = await response.json()\n\n    return getPageAPISchema.parse(json)\n  }\n\n  private async getTypographies(\n    typographyIds: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v3/typographies/bulk`, this.apiOrigin)\n\n    typographyIds.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get typographies for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    const body = await response.json()\n\n    return body\n  }\n\n  private async getSwatches(\n    ids: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v3/swatches/bulk`, this.apiOrigin)\n\n    ids.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get swatches for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    return await response.json()\n  }\n\n  private async getIntrospectedResources(\n    {\n      swatchIds,\n      ...introspectedResourceIds\n    }: IntrospectedResourcesQueryVariables & { swatchIds: string[] },\n    siteVersion: SiteVersion | null,\n  ): Promise<IntrospectedResourcesQueryResult & { swatches: (Swatch | null)[] }> {\n    const result = await this.graphqlClient.request<\n      IntrospectedResourcesQueryResult,\n      IntrospectedResourcesQueryVariables\n    >(IntrospectedResourcesQuery, introspectedResourceIds)\n    const swatches = await this.getSwatches(swatchIds, siteVersion)\n\n    return { ...result, swatches }\n  }\n\n  private async introspect(\n    element: Element,\n    siteVersion: SiteVersion | null,\n    locale: string | null,\n  ): Promise<CacheData> {\n    const runtime = this.runtime\n    const descriptors = getPropControllerDescriptors(runtime.store.getState())\n    const swatchIds = new Set<string>()\n    const fileIds = new Set<string>()\n    const typographyIds = new Set<string>()\n    const tableIds = new Set<string>()\n    const pageIds = new Set<string>()\n    const globalElements = new Map<string, GlobalElement | null>()\n    const localizedGlobalElements = new Map<string, LocalizedGlobalElement | null>()\n    const localizedResourcesMap = new Map<string, string | null>()\n\n    const remaining = [element]\n    const seen = new Set<string>()\n    let current: Element | undefined\n\n    while ((current = remaining.pop())) {\n      let element: ElementData\n\n      if (isElementReference(current)) {\n        const globalElementId = current.value\n        const globalElement = await this.getGlobalElement(globalElementId, siteVersion)\n        let elementData = globalElement?.data\n\n        if (locale) {\n          const localizedGlobalElement = await this.getLocalizedGlobalElement(\n            globalElementId,\n            locale,\n            siteVersion,\n          )\n\n          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\n            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement)\n          }\n        }\n\n        globalElements.set(globalElementId, globalElement)\n\n        if (elementData == null) continue\n\n        element = elementData as ElementData\n      } else {\n        element = current\n      }\n\n      const elementDescriptors = descriptors.get(element.type)\n\n      if (elementDescriptors == null) continue\n\n      getResourcesFromElementDescriptors(elementDescriptors, element.props)\n\n      function getResourcesFromElementDescriptors(\n        elementDescriptors: Record<string, PropControllerDescriptor>,\n        props: ElementData['props'],\n      ) {\n        Object.entries(elementDescriptors).forEach(([propName, descriptor]) => {\n          getSwatchIds(descriptor, props[propName]).forEach(swatchId => {\n            swatchIds.add(swatchId)\n          })\n\n          getFileIds(descriptor, props[propName]).forEach(fileId => fileIds.add(fileId))\n\n          getTypographyIds(descriptor, props[propName]).forEach(typographyId =>\n            typographyIds.add(typographyId),\n          )\n\n          getTableIds(descriptor, props[propName]).forEach(tableId => tableIds.add(tableId))\n\n          getPageIds(descriptor, props[propName]).forEach(pageId => pageIds.add(pageId))\n\n          getElementChildren(descriptor, props[propName]).forEach(child => {\n            if (!seen.has(child.key)) {\n              seen.add(child.key)\n\n              remaining.push(child)\n            }\n          })\n        })\n      }\n    }\n\n    const typographies = await this.getTypographies([...typographyIds], siteVersion)\n\n    typographies.forEach(typography => {\n      typography?.style.forEach(style => {\n        const swatchId = style.value.color?.swatchId\n\n        if (swatchId != null) swatchIds.add(swatchId)\n      })\n    })\n\n    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale })\n\n    const { swatches, files, tables } = await this.getIntrospectedResources(\n      {\n        swatchIds: [...swatchIds],\n        fileIds: [...fileIds],\n        tableIds: [...tableIds],\n      },\n      siteVersion,\n    )\n\n    const apiResources = {\n      [APIResourceType.Swatch]: [...swatchIds].map(id => ({\n        id,\n        value: swatches.find(swatch => swatch?.id === id) ?? null,\n      })),\n      [APIResourceType.File]: [...fileIds].map(id => ({\n        id,\n        value: files.find(file => file?.id === id) ?? null,\n      })),\n      [APIResourceType.Typography]: [...typographyIds].map(id => ({\n        id,\n        value: typographies.find(typography => typography?.id === id) ?? null,\n      })),\n      [APIResourceType.Table]: [...tableIds].map(id => ({\n        id,\n        value: tables.find(table => table?.id === id) ?? null,\n      })),\n      [APIResourceType.PagePathnameSlice]: [...pageIds].map(id => ({\n        id,\n        value: pagePathnames.find(pagePathnameSlice => pagePathnameSlice?.id === id) ?? null,\n        locale,\n      })),\n      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({\n        id,\n        value,\n      })),\n      [APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(\n        ([id, value]) => ({\n          id,\n          value,\n          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: SiteVersion | null): Promise<Swatch | null> {\n    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const swatch = await response.json()\n\n    return swatch\n  }\n\n  async getFile(fileId: string): Promise<File | null> {\n    const result = await this.graphqlClient.request<FileQueryResult, FileQueryVariables>(\n      FileQuery,\n      { fileId },\n    )\n\n    return result.file\n  }\n\n  async getTypography(\n    typographyId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const typography = await response.json()\n\n    return typography\n  }\n\n  async getGlobalElement(\n    globalElementId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const globalElement = await response.json()\n\n    return globalElement\n  }\n\n  async getLocalizedGlobalElement(\n    globalElementId: string,\n    locale: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n          locale,\n        })\n      }\n\n      return null\n    }\n\n    const localizedGlobalElement = await response.json()\n\n    return localizedGlobalElement\n  }\n\n  async getPagePathnameSlices(\n    pageIds: string[],\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v3/page-pathname-slices/bulk`, this.apiOrigin)\n\n    pageIds.forEach(id => url.searchParams.append('ids', id))\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get page pathname slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      return []\n    }\n\n    const json = await response.json()\n\n    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json)\n\n    // We're mapping the basePageId to be the id, because we're still using the GraphQL\n    // fragment as our APIResource. The id on the APIResource needs to match the pageId\n    // so that we can find the corresponding page pathname slice when we call getPagePathnameSlice(pageId).\n    // TODO: Update this once we move away from the GraphQL fragments.\n    return pagePathnameSlices.map(pagePathnameSlice => {\n      if (pagePathnameSlice == null) return null\n\n      return {\n        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  async getTable(tableId: string): Promise<Table | null> {\n    const result = await this.graphqlClient.request<TableQueryResult, TableQueryVariables>(\n      TableQuery,\n      { tableId },\n    )\n\n    return result.table\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getElementTreeTranslatableData(this.runtime.store.getState(), elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeElementTreeTranslatedData(\n      this.runtime.store.getState(),\n      elementTree,\n      translatedData,\n    )\n  }\n\n  async readPreviewToken(token: string): Promise<PreviewTokenPayload | null> {\n    const response = await fetch(new URL('v1/preview-tokens/reads', this.apiOrigin).toString(), {\n      method: 'POST',\n      headers: {\n        'x-api-key': this.apiKey,\n        'makeswift-site-api-key': this.apiKey,\n        'makeswift-runtime-version': PACKAGE_VERSION,\n        'content-type': 'application/json',\n      },\n      body: JSON.stringify({ token }),\n      cache: 'no-store',\n    })\n\n    if (!response.ok) {\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: await failedResponseBody(response),\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: await failedResponseBody(response),\n        })\n      }\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = previewTokenPayloadSchema.safeParse(json)\n    if (!parsed.success) {\n      throw new Error(\n        `Failed to parse preview token payload: ${parsed.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n\n    return parsed.data\n  }\n}\n"],"mappings":"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","names":["import_client","import_types","getResourcesFromElementDescriptors","elementDescriptors","element"]}

package/dist/cjs/components/builtin/Box/Box.js

@@ -39,7 +39,7 @@ var import_uuid = require("uuid");
 var import_react2 = require("../../../runtimes/react");
 var import_Placeholder = __toESM(require("./components/Placeholder"));
 var import_animations = require("./animations");
-var import_box_models = require("../../../state/modules/box-models");
+var import_box_models = require("../../../state/modules/read-write/box-models");
 var import_BackgroundsContainer = __toESM(require("../../shared/BackgroundsContainer"));
 var import_responsive_style = require("../../utils/responsive-style");
 var import_grid_item = require("../../shared/grid-item");

package/dist/cjs/components/builtin/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Box/Box.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { cx } from '@emotion/css'\nimport { v4 as uuid } from 'uuid'\n\nimport { Element } from '../../../runtimes/react'\nimport Placeholder from './components/Placeholder'\nimport { areBoxAnimationPropsEqual, BoxAnimationProps, useBoxAnimation } from './animations'\nimport { parse, createBox, type BoxModelHandle } from '../../../state/modules/box-models'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport {\n  type GridData,\n  type ResponsiveBackgroundsData,\n  type ResponsiveGapData,\n  type ResponsiveIconRadioGroupValue,\n} from '@makeswift/prop-controllers'\n\ntype Props = {\n  id?: string\n  backgrounds?: ResponsiveBackgroundsData\n  width?: string\n  height?: ResponsiveIconRadioGroupValue<'auto' | 'stretch'>\n  verticalAlign?: ResponsiveIconRadioGroupValue<\n    'flex-start' | 'center' | 'flex-end' | 'space-between'\n  >\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  rowGap?: ResponsiveGapData\n  columnGap?: ResponsiveGapData\n  hidePlaceholder?: boolean\n  children?: GridData\n} & BoxAnimationProps\n\nconst Box = forwardRef(function Box(\n  {\n    id,\n    backgrounds,\n    width,\n    height,\n    margin,\n    padding,\n    border,\n    children,\n    borderRadius,\n    boxShadow,\n    rowGap,\n    columnGap,\n    hidePlaceholder,\n    verticalAlign,\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemStaggerDuration,\n  }: Props,\n  ref: Ref<BoxModelHandle>,\n) {\n  const innerRef = useRef<HTMLDivElement | null>(null)\n  const boxElementObjectRef = useRef<HTMLElement | null>(null)\n  const [animationClassName, replayAnimation, setElement] = useBoxAnimation(\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n  )\n  const boxElementCallbackRef = useCallback((current: HTMLElement | null) => {\n    boxElementObjectRef.current = current\n\n    setElement(current)\n  }, [])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return boxElementObjectRef.current\n      },\n      getBoxModel() {\n        const paddingBoxElement = innerRef.current\n        const borderBoxElement = innerRef.current\n        const marginBoxElement = boxElementObjectRef.current\n        const borderBox = innerRef.current?.getBoundingClientRect()\n        const paddingBoxComputedStyle =\n          paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement)\n        const borderBoxComputedStyle =\n          borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement)\n        const marginBoxComputedStyle =\n          marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement)\n        const padding = paddingBoxComputedStyle && {\n          top: parse(paddingBoxComputedStyle.paddingTop),\n          right: parse(paddingBoxComputedStyle.paddingRight),\n          bottom: parse(paddingBoxComputedStyle.paddingBottom),\n          left: parse(paddingBoxComputedStyle.paddingLeft),\n        }\n        const border = borderBoxComputedStyle && {\n          top: parse(borderBoxComputedStyle.borderTopWidth),\n          right: parse(borderBoxComputedStyle.borderRightWidth),\n          bottom: parse(borderBoxComputedStyle.borderBottomWidth),\n          left: parse(borderBoxComputedStyle.borderLeftWidth),\n        }\n        const margin = marginBoxComputedStyle && {\n          top: parse(marginBoxComputedStyle.marginTop),\n          right: parse(marginBoxComputedStyle.marginRight),\n          bottom: parse(marginBoxComputedStyle.marginBottom),\n          left: parse(marginBoxComputedStyle.marginLeft),\n        }\n\n        return borderBox ? createBox({ borderBox, padding, border, margin }) : null\n      },\n    }),\n    [],\n  )\n\n  const gridItemClassName = useStyle(\n    useResponsiveStyle([verticalAlign], ([alignItems = 'flex-start']) => ({ alignItems })),\n  )\n\n  const [key, setKey] = useState(() => uuid())\n\n  const animationProps = {\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemAnimateDelay,\n    itemStaggerDuration,\n  }\n\n  const prevAnimationProps = useRef(animationProps)\n  useEffect(() => {\n    if (!areBoxAnimationPropsEqual(prevAnimationProps.current, animationProps)) {\n      replayAnimation()\n      setKey(uuid())\n      prevAnimationProps.current = animationProps\n    }\n  }, [replayAnimation, animationProps])\n\n  return (\n    <BackgroundsContainer\n      ref={boxElementCallbackRef}\n      id={id}\n      className={cx(\n        width,\n        margin,\n        borderRadius,\n        useStyle({ display: 'flex' }),\n        useStyle(useResponsiveStyle([height], ([alignSelf = 'auto']) => ({ alignSelf }))),\n        animationClassName,\n      )}\n      backgrounds={backgrounds}\n    >\n      <div\n        ref={innerRef}\n        key={key}\n        className={cx(\n          padding,\n          boxShadow,\n          border,\n          useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' }),\n          useStyle(\n            useResponsiveStyle([verticalAlign], ([alignContent = 'flex-start']) => ({\n              alignContent,\n            })),\n          ),\n        )}\n      >\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              className={gridItemClassName}\n              grid={children.columns}\n              index={index}\n              itemAnimateDuration={itemAnimateDuration}\n              itemAnimateDelay={itemAnimateDelay}\n              itemStaggerDuration={itemStaggerDuration}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder hide={hidePlaceholder} />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Box\n"],"mappings":"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","names":["import_react","Box","padding","border","margin","uuid","BackgroundsContainer","Placeholder"]}
+{"version":3,"sources":["../../../../../src/components/builtin/Box/Box.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { cx } from '@emotion/css'\nimport { v4 as uuid } from 'uuid'\n\nimport { Element } from '../../../runtimes/react'\nimport Placeholder from './components/Placeholder'\nimport { areBoxAnimationPropsEqual, BoxAnimationProps, useBoxAnimation } from './animations'\nimport { parse, createBox, type BoxModelHandle } from '../../../state/modules/read-write/box-models'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport {\n  type GridData,\n  type ResponsiveBackgroundsData,\n  type ResponsiveGapData,\n  type ResponsiveIconRadioGroupValue,\n} from '@makeswift/prop-controllers'\n\ntype Props = {\n  id?: string\n  backgrounds?: ResponsiveBackgroundsData\n  width?: string\n  height?: ResponsiveIconRadioGroupValue<'auto' | 'stretch'>\n  verticalAlign?: ResponsiveIconRadioGroupValue<\n    'flex-start' | 'center' | 'flex-end' | 'space-between'\n  >\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  rowGap?: ResponsiveGapData\n  columnGap?: ResponsiveGapData\n  hidePlaceholder?: boolean\n  children?: GridData\n} & BoxAnimationProps\n\nconst Box = forwardRef(function Box(\n  {\n    id,\n    backgrounds,\n    width,\n    height,\n    margin,\n    padding,\n    border,\n    children,\n    borderRadius,\n    boxShadow,\n    rowGap,\n    columnGap,\n    hidePlaceholder,\n    verticalAlign,\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemStaggerDuration,\n  }: Props,\n  ref: Ref<BoxModelHandle>,\n) {\n  const innerRef = useRef<HTMLDivElement | null>(null)\n  const boxElementObjectRef = useRef<HTMLElement | null>(null)\n  const [animationClassName, replayAnimation, setElement] = useBoxAnimation(\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n  )\n  const boxElementCallbackRef = useCallback((current: HTMLElement | null) => {\n    boxElementObjectRef.current = current\n\n    setElement(current)\n  }, [])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return boxElementObjectRef.current\n      },\n      getBoxModel() {\n        const paddingBoxElement = innerRef.current\n        const borderBoxElement = innerRef.current\n        const marginBoxElement = boxElementObjectRef.current\n        const borderBox = innerRef.current?.getBoundingClientRect()\n        const paddingBoxComputedStyle =\n          paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement)\n        const borderBoxComputedStyle =\n          borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement)\n        const marginBoxComputedStyle =\n          marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement)\n        const padding = paddingBoxComputedStyle && {\n          top: parse(paddingBoxComputedStyle.paddingTop),\n          right: parse(paddingBoxComputedStyle.paddingRight),\n          bottom: parse(paddingBoxComputedStyle.paddingBottom),\n          left: parse(paddingBoxComputedStyle.paddingLeft),\n        }\n        const border = borderBoxComputedStyle && {\n          top: parse(borderBoxComputedStyle.borderTopWidth),\n          right: parse(borderBoxComputedStyle.borderRightWidth),\n          bottom: parse(borderBoxComputedStyle.borderBottomWidth),\n          left: parse(borderBoxComputedStyle.borderLeftWidth),\n        }\n        const margin = marginBoxComputedStyle && {\n          top: parse(marginBoxComputedStyle.marginTop),\n          right: parse(marginBoxComputedStyle.marginRight),\n          bottom: parse(marginBoxComputedStyle.marginBottom),\n          left: parse(marginBoxComputedStyle.marginLeft),\n        }\n\n        return borderBox ? createBox({ borderBox, padding, border, margin }) : null\n      },\n    }),\n    [],\n  )\n\n  const gridItemClassName = useStyle(\n    useResponsiveStyle([verticalAlign], ([alignItems = 'flex-start']) => ({ alignItems })),\n  )\n\n  const [key, setKey] = useState(() => uuid())\n\n  const animationProps = {\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemAnimateDelay,\n    itemStaggerDuration,\n  }\n\n  const prevAnimationProps = useRef(animationProps)\n  useEffect(() => {\n    if (!areBoxAnimationPropsEqual(prevAnimationProps.current, animationProps)) {\n      replayAnimation()\n      setKey(uuid())\n      prevAnimationProps.current = animationProps\n    }\n  }, [replayAnimation, animationProps])\n\n  return (\n    <BackgroundsContainer\n      ref={boxElementCallbackRef}\n      id={id}\n      className={cx(\n        width,\n        margin,\n        borderRadius,\n        useStyle({ display: 'flex' }),\n        useStyle(useResponsiveStyle([height], ([alignSelf = 'auto']) => ({ alignSelf }))),\n        animationClassName,\n      )}\n      backgrounds={backgrounds}\n    >\n      <div\n        ref={innerRef}\n        key={key}\n        className={cx(\n          padding,\n          boxShadow,\n          border,\n          useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' }),\n          useStyle(\n            useResponsiveStyle([verticalAlign], ([alignContent = 'flex-start']) => ({\n              alignContent,\n            })),\n          ),\n        )}\n      >\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              className={gridItemClassName}\n              grid={children.columns}\n              index={index}\n              itemAnimateDuration={itemAnimateDuration}\n              itemAnimateDelay={itemAnimateDelay}\n              itemStaggerDuration={itemStaggerDuration}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder hide={hidePlaceholder} />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Box\n"],"mappings":"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","names":["import_react","Box","padding","border","margin","uuid","BackgroundsContainer","Placeholder"]}

package/dist/cjs/components/builtin/Form/Form.js

@@ -43,7 +43,7 @@ var import_Field = __toESM(require("./components/Field"));
 var import_Spinner = __toESM(require("./components/Spinner"));
 var import_Button = __toESM(require("../Button"));
 var import_Link = require("../../shared/Link");
-var import_box_models = require("../../../state/modules/box-models");
+var import_box_models = require("../../../state/modules/read-write/box-models");
 var import_useTableFormFieldRefs = require("../../hooks/useTableFormFieldRefs");
 var import_css = require("@emotion/css");
 var import_responsive_style = require("../../utils/responsive-style");