@makeswift/runtime 0.28.3-canary.4 → 0.28.3-canary.6

package/dist/cjs/api/client.js

@@ -52,12 +52,10 @@ class MakeswiftHostApiClient {
   constructor({
     uri,
     fetch,
-    cacheData
+    preloadedState
   }) {
     this.graphqlClient = new import_client.GraphQLClient(uri);
-    this.makeswiftApiClient = MakeswiftApiClient.configureStore({
-      serializedState: cacheData
-    });
+    this.makeswiftApiClient = MakeswiftApiClient.configureStore({ preloadedState });
     this.fetch = fetch;
     this.subscribe = this.makeswiftApiClient.subscribe;
   }

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

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

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

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

package/dist/cjs/client/index.js

@@ -192,10 +192,12 @@ const getPageAPISchema = import_zod.z.object({
   )
 });
 const getFontsAPISchema = import_zod.z.object({
-  googleFonts: import_zod.z.array(import_zod.z.object({
-    family: import_zod.z.string(),
-    variants: import_zod.z.array(import_zod.z.string())
-  })),
+  googleFonts: import_zod.z.array(
+    import_zod.z.object({
+      family: import_zod.z.string(),
+      variants: import_zod.z.array(import_zod.z.string())
+    })
+  ),
   siteId: import_zod.z.string()
 });
 class MakeswiftClient {
@@ -211,7 +213,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new import_client.GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.3-canary.4"
+      "makeswift-runtime-version": "0.28.3-canary.6"
     });
     this.runtime = runtime;
   }
@@ -223,7 +225,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.3-canary.4"
+      "makeswift-runtime-version": "0.28.3-canary.6"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -329,8 +331,7 @@ Received "${apiKey}" instead.`
     return { ...result, swatches };
   }
   async introspect(element, siteVersion, locale) {
-    const runtime = this.runtime;
-    const descriptors = (0, import_read_only_state.getPropControllerDescriptors)(runtime.store.getState());
+    const descriptors = this.getElementDescriptors();
     const swatchIds = /* @__PURE__ */ new Set();
     const fileIds = /* @__PURE__ */ new Set();
     const typographyIds = /* @__PURE__ */ new Set();
@@ -378,6 +379,8 @@ Received "${apiKey}" instead.`
             elementData = localizedGlobalElement.data;
             localizedResourcesMap.set(globalElementId, localizedGlobalElement.id);
             localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement);
+          } else {
+            localizedResourcesMap.set(globalElementId, null);
           }
         }
         globalElements.set(globalElementId, globalElement);
@@ -663,17 +666,10 @@ Received "${apiKey}" instead.`
     return result.table;
   }
   getTranslatableData(elementTree) {
-    return (0, import_get.getTranslatableContent)(
-      (0, import_read_only_state.getPropControllerDescriptors)(this.runtime.store.getState()),
-      elementTree
-    );
+    return (0, import_get.getTranslatableContent)(this.getElementDescriptors(), elementTree);
   }
   mergeTranslatedData(elementTree, translatedData) {
-    return (0, import_merge.mergeTranslatedContent)(
-      (0, import_read_only_state.getPropControllerDescriptors)(this.runtime.store.getState()),
-      elementTree,
-      translatedData
-    );
+    return (0, import_merge.mergeTranslatedContent)(this.getElementDescriptors(), elementTree, translatedData);
   }
   async readPreviewToken(token) {
     const response = await fetch(new URL("v1/preview-tokens/reads", this.apiOrigin).toString(), {
@@ -681,7 +677,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.3-canary.4",
+        "makeswift-runtime-version": "0.28.3-canary.6",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),
@@ -729,6 +725,9 @@ Received "${apiKey}" instead.`
     }
     return parsed.data;
   }
+  getElementDescriptors() {
+    return (0, import_read_only_state.getPropControllerDescriptors)(this.runtime.protoStore.getState());
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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/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 { mergeTranslatedContent } from '../state/translations/merge'\nimport { getTranslatableContent } 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\n// This function attempts to consume the response body of a failed response, and\n// returns either the parsed JSON or raw text. This is useful for logging more\n// detailed error information when an API request fails.\n//\n// Cloudflare Worker Note: The Cloudflare Worker runtime has automatic deadlock\n// prevention (in the form of auto-cancelling responses) that triggers when too\n// many response bodies are unconsumed. This applies for error responses as\n// well. As such, in this client we use this function to consume the response\n// body whenever the request fails, even if we don't end up logging the body\n// itself, to avoid hitting the deadlock prevention.\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\nexport type 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  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\nconst getFontsAPISchema = z.object({\n  googleFonts: z.array(z.object({\n    family: z.string(),\n    variants: z.array(z.string()),\n  })),\n  siteId: z.string(),\n})\n\nexport type GetFontsAPI = z.infer<typeof getFontsAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n\n  constructor(apiKey: string, { runtime }: MakeswiftConfig) {\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    this.graphqlClient = new GraphQLClient(new URL('graphql', runtime.apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  get apiOrigin(): string {\n    return this.runtime.apiOrigin\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      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\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      await failedResponseBody(responseForRequestedLocale)\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      // See comment on `failedResponseBody` for why we always consume the\n      // response body of failed responses.\n      const failedBody = await failedResponseBody(response)\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: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: failedBody,\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 getTranslatableContent(\n      getPropControllerDescriptors(this.runtime.store.getState()),\n      elementTree,\n    )\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeTranslatedContent(\n      getPropControllerDescriptors(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      const failedBody = await failedResponseBody(response)\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: failedBody,\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: failedBody,\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  async unstable_getFonts(\n    siteVersion: SiteVersion | null = null,\n  ): Promise<GetFontsAPI | null> {\n    const response = await this.fetch('v1_unstable/fonts', siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to fetch fonts', {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = getFontsAPISchema.safeParse(json)\n    if (!parsed.success) {\n      console.error('Failed to parse fonts API response', {\n        response: json,\n        siteVersion,\n      })\n\n      return null\n    }\n\n    return parsed.data\n  }\n}\n"],"mappings":"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","names":["import_client","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 { mergeTranslatedContent } from '../state/translations/merge'\nimport { getTranslatableContent } 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\n// This function attempts to consume the response body of a failed response, and\n// returns either the parsed JSON or raw text. This is useful for logging more\n// detailed error information when an API request fails.\n//\n// Cloudflare Worker Note: The Cloudflare Worker runtime has automatic deadlock\n// prevention (in the form of auto-cancelling responses) that triggers when too\n// many response bodies are unconsumed. This applies for error responses as\n// well. As such, in this client we use this function to consume the response\n// body whenever the request fails, even if we don't end up logging the body\n// itself, to avoid hitting the deadlock prevention.\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\nexport type 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  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\nconst getFontsAPISchema = z.object({\n  googleFonts: z.array(\n    z.object({\n      family: z.string(),\n      variants: z.array(z.string()),\n    }),\n  ),\n  siteId: z.string(),\n})\n\nexport type GetFontsAPI = z.infer<typeof getFontsAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n\n  constructor(apiKey: string, { runtime }: MakeswiftConfig) {\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    this.graphqlClient = new GraphQLClient(new URL('graphql', runtime.apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  get apiOrigin(): string {\n    return this.runtime.apiOrigin\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      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\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 descriptors = this.getElementDescriptors()\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          } else {\n            // Record that this localized global element doesn't exist so the\n            // client won't try to fetch it again (which would result in a 404).\n            localizedResourcesMap.set(globalElementId, null)\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      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\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      await failedResponseBody(responseForRequestedLocale)\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      // See comment on `failedResponseBody` for why we always consume the\n      // response body of failed responses.\n      const failedBody = await failedResponseBody(response)\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: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: failedBody,\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      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: failedBody,\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 getTranslatableContent(this.getElementDescriptors(), elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeTranslatedContent(this.getElementDescriptors(), elementTree, translatedData)\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      const failedBody = await failedResponseBody(response)\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: failedBody,\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: failedBody,\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  async unstable_getFonts(siteVersion: SiteVersion | null = null): Promise<GetFontsAPI | null> {\n    const response = await this.fetch('v1_unstable/fonts', siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to fetch fonts', {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = getFontsAPISchema.safeParse(json)\n    if (!parsed.success) {\n      console.error('Failed to parse fonts API response', {\n        response: json,\n        siteVersion,\n      })\n\n      return null\n    }\n\n    return parsed.data\n  }\n\n  private getElementDescriptors() {\n    return getPropControllerDescriptors(this.runtime.protoStore.getState())\n  }\n}\n"],"mappings":"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","names":["import_client","import_types","getResourcesFromElementDescriptors","elementDescriptors","element"]}

package/dist/cjs/next/components/tests/controls/page-control-prop-rendering.js

@@ -103,7 +103,7 @@ async function testPageControlPropRendering(controlDefinition, {
     }
   };
   const runtime = Testing.createReactRuntime();
-  runtime.store.dispatch((0, import_read_only_actions.setIsInBuilder)(isInBuilder));
+  runtime.protoStore.dispatch((0, import_read_only_actions.setIsInBuilder)(isInBuilder));
   registerComponents?.(runtime);
   runtime.registerComponent(
     (0, import_react.forwardRef)(({ propKey }, ref) => {

package/dist/cjs/next/components/tests/controls/page-control-prop-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["import { type ReactNode, Fragment, forwardRef, useRef, isValidElement, act } from 'react'\nimport { renderToReadableStream } from 'react-dom/server'\nimport { JSDOM } from 'jsdom'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\nimport { ServerInsertedHTMLContext } from 'next/navigation'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../../api/client'\nimport { ElementData } from '../../../../state/read-only-state'\nimport { setIsInBuilder } from '../../../../state/actions/internal/read-only-actions'\nimport { ReactRuntime } from '../../../../runtimes/react/react-runtime'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { Page } from '../../page'\nimport { isServer } from '../../../../utils/is-server'\nimport * as Testing from '../../../testing'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement | null) =>\n  prop?.childElementCount ? prop.childNodes : parseStringifiedProp(prop?.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nasync function streamToString(stream: ReadableStream) {\n  const reader = stream.getReader()\n  const decoder = new TextDecoder()\n\n  let result = ''\n\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    result += decoder.decode(value, { stream: true })\n  }\n\n  return result\n}\n\nasync function renderToString(element: ReactNode) {\n  return await streamToString(await renderToReadableStream(element))\n}\n\nasync function serverSideRender(children: ReactNode) {\n  // wrap the children in a context provider to capture server-inserted HTML, see\n  // https://github.com/vercel/next.js/blob/canary/packages/next/src/server/app-render/server-inserted-html.tsx\n  const serverInsertedCallbacks: (() => React.ReactNode)[] = []\n\n  const elementTree = (\n    <ServerInsertedHTMLContext.Provider value={handler => serverInsertedCallbacks.push(handler)}>\n      {children}\n    </ServerInsertedHTMLContext.Provider>\n  )\n\n  const elementsHTML = await renderToString(elementTree)\n\n  const serverInsertedNodes = serverInsertedCallbacks.map((callback, index) => (\n    <Fragment key={'__next_server_inserted__' + index}>{callback()}</Fragment>\n  ))\n\n  const headHTML = await renderToString(serverInsertedNodes)\n\n  const dom = new JSDOM(\n    `<!DOCTYPE html><head>${headHTML}</head><body><div id=\"root\">${elementsHTML}</div></body></div>`,\n    {\n      runScripts: 'dangerously',\n    },\n  )\n\n  return dom.window.document\n}\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    locale,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n    isInBuilder = false,\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    locale?: string | null\n    cacheData?: Partial<CacheData>\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n    isInBuilder?: boolean\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const testComponentMeta = {\n    type: 'TestComponent',\n    label: 'Test Component',\n  }\n\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = {\n    key: ELEMENT_ID,\n    type: testComponentMeta.type,\n    props: {\n      propKey: controlData,\n    },\n  }\n\n  const runtime = Testing.createReactRuntime()\n  runtime.store.dispatch(setIsInBuilder(isInBuilder))\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      ...testComponentMeta,\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  const testElementTree = (component: ReactNode) => (\n    <Testing.ReactProvider runtime={runtime}>{component}</Testing.ReactProvider>\n  )\n\n  if (!isServer()) {\n    const rootElementData: ElementData = Testing.createRootComponent(\n      [elementData, ...rootElements],\n      ROOT_ID,\n    )\n\n    const snapshot = Testing.createMakeswiftPageSnapshot(rootElementData, { locale, cacheData })\n\n    // Assert\n    await act(async () => render(testElementTree(<Page snapshot={snapshot} />)))\n\n    if (action) {\n      await act(async () => {\n        await action(screen.getByTestId(testId))\n      })\n    }\n\n    expect(snapshot).toMatchSnapshot('snapshot')\n    expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n    if (expectedRenders != null) {\n      expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n    }\n  } else {\n    // test server-side rendering using a component snapshot\n    console.assert(action == null)\n    console.assert(rootElements.length === 0)\n\n    const snapshot = Testing.createMakeswiftComponentSnapshot(elementData, { locale, cacheData })\n    const elementTree = testElementTree(\n      <MakeswiftComponent snapshot={snapshot} {...testComponentMeta} />,\n    )\n\n    const document = await serverSideRender(elementTree)\n    const getByTestId = (id: string): HTMLElement | null =>\n      document.querySelector(`[data-testid=\"${id}\"]`)\n\n    expect(propSnapshot(getByTestId(testId))).toMatchSnapshot('resolvedValue')\n    expect([...document.querySelectorAll('style')].map(n => n.textContent)).toMatchSnapshot(\n      'component styles',\n    )\n    expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1)\n  }\n}\n"],"mappings":"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","names":["import_react"]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["import { type ReactNode, Fragment, forwardRef, useRef, isValidElement, act } from 'react'\nimport { renderToReadableStream } from 'react-dom/server'\nimport { JSDOM } from 'jsdom'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\nimport { ServerInsertedHTMLContext } from 'next/navigation'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../../api/client'\nimport { ElementData } from '../../../../state/read-only-state'\nimport { setIsInBuilder } from '../../../../state/actions/internal/read-only-actions'\nimport { ReactRuntime } from '../../../../runtimes/react/react-runtime'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { Page } from '../../page'\nimport { isServer } from '../../../../utils/is-server'\nimport * as Testing from '../../../testing'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement | null) =>\n  prop?.childElementCount ? prop.childNodes : parseStringifiedProp(prop?.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nasync function streamToString(stream: ReadableStream) {\n  const reader = stream.getReader()\n  const decoder = new TextDecoder()\n\n  let result = ''\n\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    result += decoder.decode(value, { stream: true })\n  }\n\n  return result\n}\n\nasync function renderToString(element: ReactNode) {\n  return await streamToString(await renderToReadableStream(element))\n}\n\nasync function serverSideRender(children: ReactNode) {\n  // wrap the children in a context provider to capture server-inserted HTML, see\n  // https://github.com/vercel/next.js/blob/canary/packages/next/src/server/app-render/server-inserted-html.tsx\n  const serverInsertedCallbacks: (() => React.ReactNode)[] = []\n\n  const elementTree = (\n    <ServerInsertedHTMLContext.Provider value={handler => serverInsertedCallbacks.push(handler)}>\n      {children}\n    </ServerInsertedHTMLContext.Provider>\n  )\n\n  const elementsHTML = await renderToString(elementTree)\n\n  const serverInsertedNodes = serverInsertedCallbacks.map((callback, index) => (\n    <Fragment key={'__next_server_inserted__' + index}>{callback()}</Fragment>\n  ))\n\n  const headHTML = await renderToString(serverInsertedNodes)\n\n  const dom = new JSDOM(\n    `<!DOCTYPE html><head>${headHTML}</head><body><div id=\"root\">${elementsHTML}</div></body></div>`,\n    {\n      runScripts: 'dangerously',\n    },\n  )\n\n  return dom.window.document\n}\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    locale,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n    isInBuilder = false,\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    locale?: string | null\n    cacheData?: Partial<CacheData>\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n    isInBuilder?: boolean\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const testComponentMeta = {\n    type: 'TestComponent',\n    label: 'Test Component',\n  }\n\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = {\n    key: ELEMENT_ID,\n    type: testComponentMeta.type,\n    props: {\n      propKey: controlData,\n    },\n  }\n\n  const runtime = Testing.createReactRuntime()\n  runtime.protoStore.dispatch(setIsInBuilder(isInBuilder))\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      ...testComponentMeta,\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  const testElementTree = (component: ReactNode) => (\n    <Testing.ReactProvider runtime={runtime}>{component}</Testing.ReactProvider>\n  )\n\n  if (!isServer()) {\n    const rootElementData: ElementData = Testing.createRootComponent(\n      [elementData, ...rootElements],\n      ROOT_ID,\n    )\n\n    const snapshot = Testing.createMakeswiftPageSnapshot(rootElementData, { locale, cacheData })\n\n    // Assert\n    await act(async () => render(testElementTree(<Page snapshot={snapshot} />)))\n\n    if (action) {\n      await act(async () => {\n        await action(screen.getByTestId(testId))\n      })\n    }\n\n    expect(snapshot).toMatchSnapshot('snapshot')\n    expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n    if (expectedRenders != null) {\n      expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n    }\n  } else {\n    // test server-side rendering using a component snapshot\n    console.assert(action == null)\n    console.assert(rootElements.length === 0)\n\n    const snapshot = Testing.createMakeswiftComponentSnapshot(elementData, { locale, cacheData })\n    const elementTree = testElementTree(\n      <MakeswiftComponent snapshot={snapshot} {...testComponentMeta} />,\n    )\n\n    const document = await serverSideRender(elementTree)\n    const getByTestId = (id: string): HTMLElement | null =>\n      document.querySelector(`[data-testid=\"${id}\"]`)\n\n    expect(propSnapshot(getByTestId(testId))).toMatchSnapshot('resolvedValue')\n    expect([...document.querySelectorAll('style')].map(n => n.textContent)).toMatchSnapshot(\n      'component styles',\n    )\n    expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1)\n  }\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/cjs/runtimes/react/components/RuntimeProvider.js

@@ -26,6 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_use_react_runtime = require("../hooks/use-react-runtime");
 var import_use_async_effect = require("../hooks/use-async-effect");
+var import_use_store = require("../hooks/use-store");
 var import_preview_switcher = require("./preview-switcher/preview-switcher");
 function RuntimeProvider({
   children,
@@ -35,16 +36,19 @@ function RuntimeProvider({
 }) {
   const siteVersion = siteVersionProp ?? null;
   const isPreview = siteVersion != null;
-  const isReadOnly = siteVersion == null;
-  (0, import_react.useMemo)(
-    () => runtime.setIdempotent({ siteVersion, isReadOnly, locale }),
-    [runtime, siteVersion, isReadOnly, locale]
+  const store = (0, import_react.useMemo)(
+    () => runtime.getOrCreateStore({ siteVersion, locale }),
+    [runtime, siteVersion, locale]
   );
-  (0, import_use_async_effect.useAsyncEffect)(() => runtime.setupStore({ isReadOnly }), [runtime, isReadOnly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_use_react_runtime.ReactRuntimeContext.Provider, { value: runtime, children: [
+  (0, import_react.useEffect)(() => {
+    runtime.retainStore({ siteVersion, locale }, store);
+    return () => runtime.releaseStore({ siteVersion, locale }, store);
+  }, [runtime, siteVersion, locale, store]);
+  (0, import_use_async_effect.useAsyncEffect)(() => store.loadReadWriteStateIfNeeded(), [store]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_react_runtime.ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_use_store.StoreContext.Provider, { value: store, children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_switcher.PreviewSwitcher, { isPreview })
-  ] });
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/components/RuntimeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo } from 'react'\n\nimport { type SiteVersion } from '../../../api/site-version'\n\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { useAsyncEffect } from '../hooks/use-async-effect'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\n\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion: siteVersionProp,\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null | undefined\n  locale?: string\n}) {\n  const siteVersion = siteVersionProp ?? null\n  const isPreview = siteVersion != null\n  // TODO: we need to decouple editability from the site version; specifically, previewing\n  // a draft version of the site should not lead to switching to the read-write state\n  const isReadOnly = siteVersion == null\n\n  // setting idempotent part of the state on render to have parity between server-side and\n  // client-side rendering depending on this state; `useMemo` here is purely a performance\n  // optimization; prior art for performing idempotent side effects on render:\n  // https://github.com/TanStack/query/blob/8f9f183f11df3709a1a38c4efce1452788041f88/packages/react-query/src/HydrationBoundary.tsx#L41\n  useMemo(\n    () => runtime.setIdempotent({ siteVersion, isReadOnly, locale }),\n    [runtime, siteVersion, isReadOnly, locale],\n  )\n\n  useAsyncEffect(() => runtime.setupStore({ isReadOnly }), [runtime, isReadOnly])\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      {children}\n      <PreviewSwitcher isPreview={isPreview} />\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCI;AAvCJ,mBAAmC;AAInC,+BAAoC;AACpC,8BAA+B;AAG/B,8BAAgC;AAEzB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AACX,GAKG;AACD,QAAM,cAAc,mBAAmB;AACvC,QAAM,YAAY,eAAe;AAGjC,QAAM,aAAa,eAAe;AAMlC;AAAA,IACE,MAAM,QAAQ,cAAc,EAAE,aAAa,YAAY,OAAO,CAAC;AAAA,IAC/D,CAAC,SAAS,aAAa,YAAY,MAAM;AAAA,EAC3C;AAEA,8CAAe,MAAM,QAAQ,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,SAAS,UAAU,CAAC;AAE9E,SACE,6CAAC,6CAAoB,UAApB,EAA6B,OAAO,SAClC;AAAA;AAAA,IACD,4CAAC,2CAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { type SiteVersion } from '../../../api/site-version'\n\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { useAsyncEffect } from '../hooks/use-async-effect'\nimport { StoreContext } from '../hooks/use-store'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\n\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion: siteVersionProp,\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null | undefined\n  locale?: string\n}) {\n  const siteVersion = siteVersionProp ?? null\n  const isPreview = siteVersion != null\n\n  // see `getOrCreateStore` for the description of the stores' lifecycle\n  const store = useMemo(\n    () => runtime.getOrCreateStore({ siteVersion, locale }),\n    [runtime, siteVersion, locale],\n  )\n\n  useEffect(() => {\n    runtime.retainStore({ siteVersion, locale }, store)\n    return () => runtime.releaseStore({ siteVersion, locale }, store)\n  }, [runtime, siteVersion, locale, store])\n\n  // if we're in the read-write mode, the reducers & middleware required for builder\n  // interactions are loaded only on client side, lazily and asynchronously\n  useAsyncEffect(() => store.loadReadWriteStateIfNeeded(), [store])\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <StoreContext.Provider value={store}>\n        {children}\n        <PreviewSwitcher isPreview={isPreview} />\n      </StoreContext.Provider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CM;AA1CN,mBAA8C;AAI9C,+BAAoC;AACpC,8BAA+B;AAC/B,uBAA6B;AAG7B,8BAAgC;AAEzB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AACX,GAKG;AACD,QAAM,cAAc,mBAAmB;AACvC,QAAM,YAAY,eAAe;AAGjC,QAAM,YAAQ;AAAA,IACZ,MAAM,QAAQ,iBAAiB,EAAE,aAAa,OAAO,CAAC;AAAA,IACtD,CAAC,SAAS,aAAa,MAAM;AAAA,EAC/B;AAEA,8BAAU,MAAM;AACd,YAAQ,YAAY,EAAE,aAAa,OAAO,GAAG,KAAK;AAClD,WAAO,MAAM,QAAQ,aAAa,EAAE,aAAa,OAAO,GAAG,KAAK;AAAA,EAClE,GAAG,CAAC,SAAS,aAAa,QAAQ,KAAK,CAAC;AAIxC,8CAAe,MAAM,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC;AAEhE,SACE,4CAAC,6CAAoB,UAApB,EAA6B,OAAO,SACnC,uDAAC,8BAAa,UAAb,EAAsB,OAAO,OAC3B;AAAA;AAAA,IACD,4CAAC,2CAAgB,WAAsB;AAAA,KACzC,GACF;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-store.js

@@ -19,15 +19,22 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var use_store_exports = {};
 __export(use_store_exports, {
+  StoreContext: () => StoreContext,
   useStore: () => useStore
 });
 module.exports = __toCommonJS(use_store_exports);
-var import_use_react_runtime = require("./use-react-runtime");
+var import_react = require("react");
+const StoreContext = (0, import_react.createContext)(null);
 function useStore() {
-  return (0, import_use_react_runtime.useReactRuntime)().store;
+  const store = (0, import_react.useContext)(StoreContext);
+  if (store == null) {
+    throw new Error("`useStore` must be used within a `StoreProvider`");
+  }
+  return store;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  StoreContext,
   useStore
 });
 //# sourceMappingURL=use-store.js.map

package/dist/cjs/runtimes/react/hooks/use-store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { type Store } from '../../../state/store'\nimport { useReactRuntime } from './use-react-runtime'\n\nexport function useStore(): Store {\n  return useReactRuntime().store\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAgC;AAEzB,SAAS,WAAkB;AAChC,aAAO,0CAAgB,EAAE;AAC3B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport { type Store } from '../../../state/store'\n\nexport const StoreContext = createContext<Store | null>(null)\n\nexport function useStore(): Store {\n  const store = useContext(StoreContext)\n  if (store == null) {\n    throw new Error('`useStore` must be used within a `StoreProvider`')\n  }\n\n  return store\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0C;AAGnC,MAAM,mBAAe,4BAA4B,IAAI;AAErD,SAAS,WAAkB;AAChC,QAAM,YAAQ,yBAAW,YAAY;AACrC,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/runtimes/react/host-api-client.js

@@ -22,9 +22,9 @@ __export(host_api_client_exports, {
   useMakeswiftHostApiClient: () => useMakeswiftHostApiClient
 });
 module.exports = __toCommonJS(host_api_client_exports);
-var import_use_react_runtime = require("./hooks/use-react-runtime");
+var import_use_store = require("./hooks/use-store");
 function useMakeswiftHostApiClient() {
-  return (0, import_use_react_runtime.useReactRuntime)().hostApiClient;
+  return (0, import_use_store.useStore)().hostApiClient;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/host-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { useReactRuntime } from './hooks/use-react-runtime'\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useReactRuntime().hostApiClient\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,+BAAgC;AAEzB,SAAS,4BAAoD;AAClE,aAAO,0CAAgB,EAAE;AAC3B;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { useStore } from './hooks/use-store'\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useStore().hostApiClient\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,uBAAyB;AAElB,SAAS,4BAAoD;AAClE,aAAO,2BAAS,EAAE;AACpB;","names":[]}

package/dist/cjs/runtimes/react/react-runtime-core.js

@@ -44,7 +44,7 @@ class ReactRuntimeCore extends import_runtime_core.RuntimeCore {
     props
   }) {
     validateComponentType(type, component);
-    const unregisterComponent = this.store.dispatch(
+    const unregisterComponent = this.protoStore.dispatch(
       (0, import_read_only_actions.registerComponentEffect)(
         type,
         { label, icon, hidden, description, builtinSuspense },
@@ -56,7 +56,7 @@ class ReactRuntimeCore extends import_runtime_core.RuntimeCore {
         "builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>."
       );
     }
-    const unregisterReactComponent = this.store.dispatch(
+    const unregisterReactComponent = this.protoStore.dispatch(
       (0, import_read_only_actions.registerReactComponentEffect)(type, component)
     );
     return () => {