@makeswift/runtime 0.28.7 → 0.28.8-canary.1

package/dist/cjs/api/api-resources-client.js

@@ -33,6 +33,7 @@ __export(api_resources_client_exports, {
 });
 module.exports = __toCommonJS(api_resources_client_exports);
 var ApiClientState = __toESM(require("../state/api-client/state"));
+var import_fetch_api_resource = require("../state/api-client/fetch-api-resource");
 var import_types = require("./types");
 const CacheData = {
   empty() {
@@ -49,6 +50,10 @@ class ApiResourcesClient {
     this.store = store;
     this.subscribe = this.store.subscribe;
   }
+  async fetchSwatch(swatchId) {
+    const fetch = (id, version) => this.fetchSwatchImpl(id, version);
+    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Swatch, swatchId, fetch));
+  }
   readSwatch(swatchId) {
     return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Swatch, swatchId);
   }
@@ -59,6 +64,10 @@ class ApiResourcesClient {
       fetch: (id) => this.fetchSwatch(id)
     });
   }
+  async fetchFile(fileId) {
+    const fetch = (id, version) => this.fetchFileImpl(id, version);
+    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.File, fileId, fetch));
+  }
   readFile(fileId) {
     return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.File, fileId);
   }
@@ -69,6 +78,12 @@ class ApiResourcesClient {
       fetch: (id) => this.fetchFile(id)
     });
   }
+  async fetchTypography(typographyId) {
+    const fetch = (id, version) => this.fetchTypographyImpl(id, version);
+    return await this.store.dispatch(
+      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Typography, typographyId, fetch)
+    );
+  }
   readTypography(typographyId) {
     return ApiClientState.getAPIResource(
       this.store.getState(),
@@ -83,6 +98,12 @@ class ApiResourcesClient {
       fetch: (id) => this.fetchTypography(id)
     });
   }
+  async fetchGlobalElement(globalElementId) {
+    const fetch = (id, version) => this.fetchGlobalElementImpl(id, version);
+    return await this.store.dispatch(
+      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.GlobalElement, globalElementId, fetch)
+    );
+  }
   readGlobalElement(globalElementId) {
     return ApiClientState.getAPIResource(
       this.store.getState(),
@@ -90,6 +111,19 @@ class ApiResourcesClient {
       globalElementId
     );
   }
+  async fetchLocalizedGlobalElement({
+    globalElementId,
+    locale
+  }) {
+    const fetch = (id, version, locale2) => {
+      if (locale2 == null)
+        throw new Error("Locale is required to fetch LocalizedGlobalElement");
+      return this.fetchLocalizedGlobalElementImpl(id, version, locale2);
+    };
+    return await this.store.dispatch(
+      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.LocalizedGlobalElement, globalElementId, fetch, locale)
+    );
+  }
   readLocalizedGlobalElement({
     globalElementId,
     locale
@@ -101,6 +135,15 @@ class ApiResourcesClient {
       locale
     );
   }
+  async fetchPagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    const fetch = (id, version, locale2) => this.fetchPagePathnameSliceImpl(id, version, locale2);
+    return await this.store.dispatch(
+      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.PagePathnameSlice, pageId, fetch, locale)
+    );
+  }
   readPagePathnameSlice({
     pageId,
     locale
@@ -139,6 +182,10 @@ class ApiResourcesClient {
       fetch: async () => id != null ? fetch(id) : null
     };
   }
+  async fetchTable(tableId) {
+    const fetch = (id, version) => this.fetchTableImpl(id, version);
+    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Table, tableId, fetch));
+  }
   readTable(tableId) {
     return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Table, tableId);
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/api-resources-client.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\n\nimport { type Store as ApiClientStore } from '../state/api-client/store'\nimport * as ApiClientState from '../state/api-client/state'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type Page,\n  type PagePathnameSlice,\n  type Site,\n  type Snippet,\n  type Swatch,\n  type Table,\n  type Typography,\n  APIResourceType,\n} from './types'\n\nexport type CacheData = ApiClientState.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\n\nexport abstract class ApiResourcesClient {\n  readonly store: ApiClientStore\n  readonly subscribe: ApiClientStore['subscribe']\n\n  constructor({ store }: { store: ApiClientStore }) {\n    this.store = store\n    this.subscribe = this.store.subscribe\n  }\n\n  abstract fetchSwatch(swatchId: string): Promise<Swatch | null>\n\n  readSwatch(swatchId: string): Swatch | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Swatch, swatchId)\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  abstract fetchFile(fileId: string): Promise<File | null>\n\n  readFile(fileId: string): File | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.File, fileId)\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  abstract fetchTypography(typographyId: string): Promise<Typography | null>\n\n  readTypography(typographyId: string): Typography | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  abstract fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null>\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  abstract fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null>\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\n      locale,\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  abstract fetchPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): Promise<PagePathnameSlice | null>\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  abstract fetchTable(tableId: string): Promise<Table | null>\n\n  readTable(tableId: string): Table | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Table, tableId)\n  }\n\n  readSite(siteId: string): Site | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Site, siteId)\n  }\n\n  readPage(pageId: string): Page | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Page, pageId)\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Snippet, snippetId)\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/api/api-resources-client.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\n\nimport { type Store as ApiClientStore } from '../state/api-client/store'\nimport * as ApiClientState from '../state/api-client/state'\nimport { fetchAPIResource } from '../state/api-client/fetch-api-resource'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type Page,\n  type PagePathnameSlice,\n  type Site,\n  type Snippet,\n  type Swatch,\n  type Table,\n  type Typography,\n  APIResourceType,\n} from './types'\n\nimport { type SiteVersion } from './site-version'\n\nexport type CacheData = ApiClientState.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\n\nexport abstract class ApiResourcesClient {\n  readonly store: ApiClientStore\n  readonly subscribe: ApiClientStore['subscribe']\n\n  constructor({ store }: { store: ApiClientStore }) {\n    this.store = store\n    this.subscribe = this.store.subscribe\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    const fetch = (id: string, version: SiteVersion | null) => this.fetchSwatchImpl(id, version)\n\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.Swatch, swatchId, fetch))\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Swatch, swatchId)\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  async fetchFile(fileId: string): Promise<File | null> {\n    const fetch = (id: string, version: SiteVersion | null) => this.fetchFileImpl(id, version)\n\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.File, fileId, fetch))\n  }\n\n  readFile(fileId: string): File | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.File, fileId)\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  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    const fetch = (id: string, version: SiteVersion | null) => this.fetchTypographyImpl(id, version)\n\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.Typography, typographyId, fetch),\n    )\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    const fetch = (id: string, version: SiteVersion | null) =>\n      this.fetchGlobalElementImpl(id, version)\n\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.GlobalElement, globalElementId, fetch),\n    )\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null> {\n    const fetch = (id: string, version: SiteVersion | null, locale: string | null | undefined) => {\n      if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n      return this.fetchLocalizedGlobalElementImpl(id, version, locale)\n    }\n\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.LocalizedGlobalElement, globalElementId, fetch, locale),\n    )\n  }\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\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    const fetch = (id: string, version: SiteVersion | null, locale: string | null | undefined) =>\n      this.fetchPagePathnameSliceImpl(id, version, locale)\n\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, fetch, locale),\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  resolvePagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string | undefined\n    locale: string | null\n  }): FetchableValue<PagePathnameSlice | null> {\n    return this.resolveResource(APIResourceType.PagePathnameSlice, {\n      id: pageId,\n      read: id => this.readPagePathnameSlice({ pageId: id, locale }),\n      fetch: id => this.fetchPagePathnameSlice({ pageId: id, locale }),\n    })\n  }\n\n  resolveResource<R>(\n    type: APIResourceType,\n    {\n      id,\n      read,\n      fetch,\n    }: {\n      id: string | undefined\n      read: (id: string) => R | null\n      fetch: (id: string) => Promise<R | null>\n    },\n  ): FetchableValue<R | null> {\n    const _read = () => (id != null ? read(id) : null)\n    let lastValue: R | null = null\n    return {\n      name: `${type}:${id}`,\n      readStable: () => (lastValue = _read()),\n      subscribe: (onUpdate: () => void) =>\n        this.subscribe(() => {\n          if (_read() !== lastValue) onUpdate()\n        }),\n      fetch: async () => (id != null ? fetch(id) : null),\n    }\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    const fetch = (id: string, version: SiteVersion | null) => this.fetchTableImpl(id, version)\n\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.Table, tableId, fetch))\n  }\n\n  readTable(tableId: string): Table | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Table, tableId)\n  }\n\n  readSite(siteId: string): Site | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Site, siteId)\n  }\n\n  readPage(pageId: string): Page | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Page, pageId)\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Snippet, snippetId)\n  }\n\n  protected abstract fetchSwatchImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<Swatch | null>\n\n  protected abstract fetchFileImpl(id: string, version: SiteVersion | null): Promise<File | null>\n  protected abstract fetchTypographyImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<Typography | null>\n\n  protected abstract fetchGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<GlobalElement | null>\n\n  protected abstract fetchLocalizedGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string,\n  ): Promise<LocalizedGlobalElement | null>\n\n  protected abstract fetchPagePathnameSliceImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string | null | undefined,\n  ): Promise<PagePathnameSlice | null>\n\n  protected abstract fetchTableImpl(id: string, version: SiteVersion | null): Promise<Table | null>\n}\n"],"mappings":"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","names":["locale"]}

package/dist/cjs/api/graphql-api-client.js

@@ -27,7 +27,7 @@ class MakeswiftGraphQLApiClient {
   graphqlClient;
   constructor({ endpoint }) {
     this.graphqlClient = new import_client.GraphQLClient(endpoint, {
-      "makeswift-runtime-version": "0.28.7"
+      "makeswift-runtime-version": "0.28.8-canary.1"
     });
   }
   async createTableRecord(tableId, columns) {

package/dist/cjs/api/host-api-resources-client.js

@@ -18,15 +18,12 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var host_api_resources_client_exports = {};
 __export(host_api_resources_client_exports, {
-  CacheData: () => import_api_resources_client2.CacheData,
   HostApiResourcesClient: () => HostApiResourcesClient
 });
 module.exports = __toCommonJS(host_api_resources_client_exports);
-var import_fetch_api_resource = require("../state/api-client/fetch-api-resource");
 var import_client_store = require("../state/api-client/client-store");
-var import_types = require("./types");
+var import_site_version = require("./site-version");
 var import_api_resources_client = require("./api-resources-client");
-var import_api_resources_client2 = require("./api-resources-client");
 class HostApiResourcesClient extends import_api_resources_client.ApiResourcesClient {
   fetch;
   constructor({
@@ -38,45 +35,54 @@ class HostApiResourcesClient extends import_api_resources_client.ApiResourcesCli
     });
     this.fetch = fetch;
   }
-  async fetchSwatch(swatchId) {
-    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Swatch, swatchId, this.fetch));
+  async fetchSwatchImpl(id, version) {
+    return await this.fetchVersioned(`/api/makeswift/swatches/${id}`, version);
   }
-  async fetchFile(fileId) {
-    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.File, fileId, this.fetch));
+  async fetchFileImpl(id, version) {
+    return await this.fetchVersioned(`/api/makeswift/files/${id}`, version);
   }
-  async fetchTypography(typographyId) {
-    return await this.store.dispatch(
-      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Typography, typographyId, this.fetch)
-    );
+  async fetchTypographyImpl(id, version) {
+    return await this.fetchVersioned(`/api/makeswift/typographies/${id}`, version);
   }
-  async fetchGlobalElement(globalElementId) {
-    return await this.store.dispatch(
-      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.GlobalElement, globalElementId, this.fetch)
-    );
+  async fetchGlobalElementImpl(id, version) {
+    return await this.fetchVersioned(`/api/makeswift/global-elements/${id}`, version);
   }
-  async fetchLocalizedGlobalElement({
-    globalElementId,
-    locale
-  }) {
-    return await this.store.dispatch(
-      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.LocalizedGlobalElement, globalElementId, this.fetch, locale)
+  async fetchLocalizedGlobalElementImpl(id, version, locale) {
+    return await this.fetchVersioned(
+      `/api/makeswift/localized-global-elements/${id}/${locale}`,
+      version
     );
   }
-  async fetchPagePathnameSlice({
-    pageId,
-    locale
-  }) {
-    return await this.store.dispatch(
-      (0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.PagePathnameSlice, pageId, this.fetch, locale)
-    );
+  async fetchPagePathnameSliceImpl(id, version, locale) {
+    const url = new URL(`/api/makeswift/page-pathname-slices/${id}`, "http://n");
+    if (locale != null)
+      url.searchParams.set("locale", locale);
+    return await this.fetchVersioned(url.pathname + url.search, version);
+  }
+  async fetchTableImpl(id, version) {
+    return await this.fetchVersioned(`/api/makeswift/tables/${id}`, version);
   }
-  async fetchTable(tableId) {
-    return await this.store.dispatch((0, import_fetch_api_resource.fetchAPIResource)(import_types.APIResourceType.Table, tableId, this.fetch));
+  async fetchVersioned(url, version) {
+    const response = await this.fetch(url, {
+      headers: {
+        "Content-Type": "application/json",
+        ...version != null ? { [import_site_version.ApiHandlerHeaders.SiteVersion]: (0, import_site_version.serializeSiteVersion)(version) } : {}
+      }
+    });
+    if (response.status === 404)
+      return null;
+    if (!response.ok)
+      throw new Error(response.statusText);
+    if (response.headers.get("content-type")?.includes("application/json") !== true) {
+      throw new Error(
+        `Expected JSON response from "${url}" but got "${response.headers.get("content-type")}"`
+      );
+    }
+    return response.json();
   }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CacheData,
   HostApiResourcesClient
 });
 //# sourceMappingURL=host-api-resources-client.js.map

package/dist/cjs/api/host-api-resources-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/host-api-resources-client.ts"],"sourcesContent":["import { type State as ApiClientState } from '../state/api-client/state'\nimport { fetchAPIResource } from '../state/api-client/fetch-api-resource'\nimport { configureClientStore } from '../state/api-client/client-store'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type PagePathnameSlice,\n  type Swatch,\n  type Table,\n  type Typography,\n  type HttpFetch,\n  APIResourceType,\n} from './types'\n\nimport { ApiResourcesClient } from './api-resources-client'\n\nexport { CacheData } from './api-resources-client'\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 HostApiResourcesClient extends ApiResourcesClient {\n  readonly fetch: HttpFetch\n\n  constructor({\n    fetch,\n    preloadedState,\n  }: {\n    fetch: HttpFetch\n    preloadedState: Partial<ApiClientState>\n  }) {\n    super({\n      store: configureClientStore({ preloadedState }),\n    })\n\n    this.fetch = fetch\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.Swatch, swatchId, this.fetch))\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.File, fileId, this.fetch))\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.Typography, typographyId, this.fetch),\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.store.dispatch(\n      fetchAPIResource(APIResourceType.GlobalElement, globalElementId, this.fetch),\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.store.dispatch(\n      fetchAPIResource(APIResourceType.LocalizedGlobalElement, globalElementId, this.fetch, 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.store.dispatch(\n      fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.fetch, locale),\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.store.dispatch(fetchAPIResource(APIResourceType.Table, tableId, this.fetch))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gCAAiC;AACjC,0BAAqC;AAErC,mBAUO;AAEP,kCAAmC;AAEnC,IAAAA,+BAA0B;AAqBnB,MAAM,+BAA+B,+CAAmB;AAAA,EACpD;AAAA,EAET,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF,GAGG;AACD,UAAM;AAAA,MACJ,WAAO,0CAAqB,EAAE,eAAe,CAAC;AAAA,IAChD,CAAC;AAED,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,MAAM,YAAY,UAA0C;AAC1D,WAAO,MAAM,KAAK,MAAM,aAAS,4CAAiB,6BAAgB,QAAQ,UAAU,KAAK,KAAK,CAAC;AAAA,EACjG;AAAA,EAEA,MAAM,UAAU,QAAsC;AACpD,WAAO,MAAM,KAAK,MAAM,aAAS,4CAAiB,6BAAgB,MAAM,QAAQ,KAAK,KAAK,CAAC;AAAA,EAC7F;AAAA,EAEA,MAAM,gBAAgB,cAAkD;AACtE,WAAO,MAAM,KAAK,MAAM;AAAA,UACtB,4CAAiB,6BAAgB,YAAY,cAAc,KAAK,KAAK;AAAA,IACvE;AAAA,EACF;AAAA,EAEA,MAAM,mBAAmB,iBAAwD;AAC/E,WAAO,MAAM,KAAK,MAAM;AAAA,UACtB,4CAAiB,6BAAgB,eAAe,iBAAiB,KAAK,KAAK;AAAA,IAC7E;AAAA,EACF;AAAA,EAEA,MAAM,4BAA4B;AAAA,IAChC;AAAA,IACA;AAAA,EACF,GAG2C;AACzC,WAAO,MAAM,KAAK,MAAM;AAAA,UACtB,4CAAiB,6BAAgB,wBAAwB,iBAAiB,KAAK,OAAO,MAAM;AAAA,IAC9F;AAAA,EACF;AAAA,EAEA,MAAM,uBAAuB;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,GAGsC;AACpC,WAAO,MAAM,KAAK,MAAM;AAAA,UACtB,4CAAiB,6BAAgB,mBAAmB,QAAQ,KAAK,OAAO,MAAM;AAAA,IAChF;AAAA,EACF;AAAA,EAEA,MAAM,WAAW,SAAwC;AACvD,WAAO,MAAM,KAAK,MAAM,aAAS,4CAAiB,6BAAgB,OAAO,SAAS,KAAK,KAAK,CAAC;AAAA,EAC/F;AACF;","names":["import_api_resources_client"]}
+{"version":3,"sources":["../../../src/api/host-api-resources-client.ts"],"sourcesContent":["import { type State as ApiClientState } from '../state/api-client/state'\n\nimport { configureClientStore } from '../state/api-client/client-store'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type PagePathnameSlice,\n  type Swatch,\n  type Table,\n  type Typography,\n  type HttpFetch,\n} from './types'\n\nimport { type SiteVersion, ApiHandlerHeaders, serializeSiteVersion } from './site-version'\nimport { ApiResourcesClient } from './api-resources-client'\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 HostApiResourcesClient extends ApiResourcesClient {\n  readonly fetch: HttpFetch\n\n  constructor({\n    fetch,\n    preloadedState,\n  }: {\n    fetch: HttpFetch\n    preloadedState: Partial<ApiClientState>\n  }) {\n    super({\n      store: configureClientStore({ preloadedState }),\n    })\n\n    this.fetch = fetch\n  }\n\n  protected async fetchSwatchImpl(id: string, version: SiteVersion | null): Promise<Swatch | null> {\n    return await this.fetchVersioned<Swatch>(`/api/makeswift/swatches/${id}`, version)\n  }\n\n  protected async fetchFileImpl(id: string, version: SiteVersion | null): Promise<File | null> {\n    return await this.fetchVersioned<File>(`/api/makeswift/files/${id}`, version)\n  }\n\n  protected async fetchTypographyImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<Typography | null> {\n    return await this.fetchVersioned<Typography>(`/api/makeswift/typographies/${id}`, version)\n  }\n\n  protected async fetchGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    return await this.fetchVersioned<GlobalElement>(`/api/makeswift/global-elements/${id}`, version)\n  }\n\n  protected async fetchLocalizedGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    return await this.fetchVersioned<LocalizedGlobalElement>(\n      `/api/makeswift/localized-global-elements/${id}/${locale}`,\n      version,\n    )\n  }\n\n  protected async fetchPagePathnameSliceImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string | null | undefined,\n  ): Promise<PagePathnameSlice | null> {\n    const url = new URL(`/api/makeswift/page-pathname-slices/${id}`, 'http://n')\n\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    return await this.fetchVersioned<PagePathnameSlice>(url.pathname + url.search, version)\n  }\n\n  protected async fetchTableImpl(id: string, version: SiteVersion | null): Promise<Table | null> {\n    return await this.fetchVersioned<Table>(`/api/makeswift/tables/${id}`, version)\n  }\n\n  private async fetchVersioned<T>(url: string, version: SiteVersion | null): Promise<T | null> {\n    const response = await this.fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n        ...(version != null\n          ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(version) }\n          : {}),\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAqC;AAarC,0BAA0E;AAC1E,kCAAmC;AAqB5B,MAAM,+BAA+B,+CAAmB;AAAA,EACpD;AAAA,EAET,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF,GAGG;AACD,UAAM;AAAA,MACJ,WAAO,0CAAqB,EAAE,eAAe,CAAC;AAAA,IAChD,CAAC;AAED,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,MAAgB,gBAAgB,IAAY,SAAqD;AAC/F,WAAO,MAAM,KAAK,eAAuB,2BAA2B,EAAE,IAAI,OAAO;AAAA,EACnF;AAAA,EAEA,MAAgB,cAAc,IAAY,SAAmD;AAC3F,WAAO,MAAM,KAAK,eAAqB,wBAAwB,EAAE,IAAI,OAAO;AAAA,EAC9E;AAAA,EAEA,MAAgB,oBACd,IACA,SAC4B;AAC5B,WAAO,MAAM,KAAK,eAA2B,+BAA+B,EAAE,IAAI,OAAO;AAAA,EAC3F;AAAA,EAEA,MAAgB,uBACd,IACA,SAC+B;AAC/B,WAAO,MAAM,KAAK,eAA8B,kCAAkC,EAAE,IAAI,OAAO;AAAA,EACjG;AAAA,EAEA,MAAgB,gCACd,IACA,SACA,QACwC;AACxC,WAAO,MAAM,KAAK;AAAA,MAChB,4CAA4C,EAAE,IAAI,MAAM;AAAA,MACxD;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAgB,2BACd,IACA,SACA,QACmC;AACnC,UAAM,MAAM,IAAI,IAAI,uCAAuC,EAAE,IAAI,UAAU;AAE3E,QAAI,UAAU;AAAM,UAAI,aAAa,IAAI,UAAU,MAAM;AAEzD,WAAO,MAAM,KAAK,eAAkC,IAAI,WAAW,IAAI,QAAQ,OAAO;AAAA,EACxF;AAAA,EAEA,MAAgB,eAAe,IAAY,SAAoD;AAC7F,WAAO,MAAM,KAAK,eAAsB,yBAAyB,EAAE,IAAI,OAAO;AAAA,EAChF;AAAA,EAEA,MAAc,eAAkB,KAAa,SAAgD;AAC3F,UAAM,WAAW,MAAM,KAAK,MAAM,KAAK;AAAA,MACrC,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,GAAI,WAAW,OACX,EAAE,CAAC,sCAAkB,WAAW,OAAG,0CAAqB,OAAO,EAAE,IACjE,CAAC;AAAA,MACP;AAAA,IACF,CAAC;AAED,QAAI,SAAS,WAAW;AAAK,aAAO;AACpC,QAAI,CAAC,SAAS;AAAI,YAAM,IAAI,MAAM,SAAS,UAAU;AAErD,QAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,YAAM,IAAI;AAAA,QACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,MACvF;AAAA,IACF;AAEA,WAAO,SAAS,KAAK;AAAA,EACvB;AACF;","names":[]}

package/dist/cjs/api/makeswift-api-resources-client.js

@@ -0,0 +1,84 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var makeswift_api_resources_client_exports = {};
+__export(makeswift_api_resources_client_exports, {
+  MakeswiftApiResourcesClient: () => MakeswiftApiResourcesClient
+});
+module.exports = __toCommonJS(makeswift_api_resources_client_exports);
+var import_client_store = require("../state/api-client/client-store");
+var import_api_resources_client = require("./api-resources-client");
+class MakeswiftApiResourcesClient extends import_api_resources_client.ApiResourcesClient {
+  restApiClient;
+  graphQlClient;
+  constructor({
+    fetch,
+    apiKey,
+    apiOrigin,
+    graphqlApiEndpoint,
+    preloadedState
+  }) {
+    super({
+      store: (0, import_client_store.configureClientStore)({ preloadedState })
+    });
+    this.restApiClient = (async () => {
+      const { MakeswiftRestAPIClient } = await Promise.resolve().then(() => __toESM(require("./rest-api-client")));
+      return new MakeswiftRestAPIClient({ fetch, apiKey, apiOrigin });
+    })();
+    this.graphQlClient = (async () => {
+      const { MakeswiftGraphQLApiClient } = await Promise.resolve().then(() => __toESM(require("./graphql-api-client")));
+      return new MakeswiftGraphQLApiClient({ endpoint: graphqlApiEndpoint });
+    })();
+  }
+  async fetchSwatchImpl(id, version) {
+    return (await this.restApiClient).getSwatch(id, version);
+  }
+  async fetchFileImpl(id, _version) {
+    return (await this.graphQlClient).getFile(id);
+  }
+  async fetchTypographyImpl(id, version) {
+    return (await this.restApiClient).getTypography(id, version);
+  }
+  async fetchGlobalElementImpl(id, version) {
+    return (await this.restApiClient).getGlobalElement(id, version);
+  }
+  async fetchLocalizedGlobalElementImpl(id, version, locale) {
+    return (await this.restApiClient).getLocalizedGlobalElement(id, locale, version);
+  }
+  async fetchPagePathnameSliceImpl(id, version, locale) {
+    return (await this.restApiClient).getPagePathnameSlice(id, version, { locale });
+  }
+  async fetchTableImpl(id, _version) {
+    return (await this.graphQlClient).getTable(id);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftApiResourcesClient
+});
+//# sourceMappingURL=makeswift-api-resources-client.js.map

package/dist/cjs/api/makeswift-api-resources-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/makeswift-api-resources-client.ts"],"sourcesContent":["import { type State as ApiClientState } from '../state/api-client/state'\nimport { configureClientStore } from '../state/api-client/client-store'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type PagePathnameSlice,\n  type Swatch,\n  type Table,\n  type Typography,\n  type HttpFetch,\n} from './types'\n\nimport { ApiResourcesClient } from './api-resources-client'\nimport { type SiteVersion } from './site-version'\n\n// see the comment in `MakeswiftApiResourcesClient` constructor below\nimport { type MakeswiftGraphQLApiClient } from './graphql-api-client'\nimport { type MakeswiftRestAPIClient } from './rest-api-client'\n\n/**\n * Server-side implementation that makes direct authenticated requests to the Makeswift API.\n * Requires an API key.\n *\n * For client-side usage, see `HostApiResourcesClient`, which goes through the host via\n * `/api/makeswift/...` endpoints.\n */\nexport class MakeswiftApiResourcesClient extends ApiResourcesClient {\n  private restApiClient: Promise<MakeswiftRestAPIClient>\n  private graphQlClient: Promise<MakeswiftGraphQLApiClient>\n\n  constructor({\n    fetch,\n    apiKey,\n    apiOrigin,\n    graphqlApiEndpoint,\n    preloadedState,\n  }: {\n    fetch: HttpFetch\n    apiKey: string\n    apiOrigin: string\n    graphqlApiEndpoint: string\n    preloadedState: Partial<ApiClientState>\n  }) {\n    super({\n      store: configureClientStore({ preloadedState }),\n    })\n\n    // `MakeswiftApiResourcesClient` is used by the runtime and therefore will be imported\n    // on the client; lazy import server-side REST/GraphQL clients to avoid unnecessarily\n    // pulling their code into a client bundle.\n    //\n    // (we can't easily lazy-load `MakeswiftApiResourcesClient` itself, at it will make its\n    // construction async, but because it shares most of its implementation with\n    // `HostApiResourcesClient`, the overhead of this module on its own is negligible)\n    this.restApiClient = (async () => {\n      const { MakeswiftRestAPIClient } = await import('./rest-api-client')\n      return new MakeswiftRestAPIClient({ fetch, apiKey, apiOrigin })\n    })()\n\n    this.graphQlClient = (async () => {\n      const { MakeswiftGraphQLApiClient } = await import('./graphql-api-client')\n      return new MakeswiftGraphQLApiClient({ endpoint: graphqlApiEndpoint })\n    })()\n  }\n\n  protected async fetchSwatchImpl(id: string, version: SiteVersion | null): Promise<Swatch | null> {\n    return (await this.restApiClient).getSwatch(id, version)\n  }\n\n  protected async fetchFileImpl(id: string, _version: SiteVersion | null): Promise<File | null> {\n    // files are unversioned\n    return (await this.graphQlClient).getFile(id)\n  }\n\n  protected async fetchTypographyImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<Typography | null> {\n    return (await this.restApiClient).getTypography(id, version)\n  }\n\n  protected async fetchGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    return (await this.restApiClient).getGlobalElement(id, version)\n  }\n\n  protected async fetchLocalizedGlobalElementImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    return (await this.restApiClient).getLocalizedGlobalElement(id, locale, version)\n  }\n\n  protected async fetchPagePathnameSliceImpl(\n    id: string,\n    version: SiteVersion | null,\n    locale: string | null | undefined,\n  ): Promise<PagePathnameSlice | null> {\n    return (await this.restApiClient).getPagePathnameSlice(id, version, { locale })\n  }\n\n  protected async fetchTableImpl(id: string, _version: SiteVersion | null): Promise<Table | null> {\n    // tables are unversioned\n    return (await this.graphQlClient).getTable(id)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAqC;AAarC,kCAAmC;AAc5B,MAAM,oCAAoC,+CAAmB;AAAA,EAC1D;AAAA,EACA;AAAA,EAER,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAMG;AACD,UAAM;AAAA,MACJ,WAAO,0CAAqB,EAAE,eAAe,CAAC;AAAA,IAChD,CAAC;AASD,SAAK,iBAAiB,YAAY;AAChC,YAAM,EAAE,uBAAuB,IAAI,MAAM,6CAAO,mBAAmB;AACnE,aAAO,IAAI,uBAAuB,EAAE,OAAO,QAAQ,UAAU,CAAC;AAAA,IAChE,GAAG;AAEH,SAAK,iBAAiB,YAAY;AAChC,YAAM,EAAE,0BAA0B,IAAI,MAAM,6CAAO,sBAAsB;AACzE,aAAO,IAAI,0BAA0B,EAAE,UAAU,mBAAmB,CAAC;AAAA,IACvE,GAAG;AAAA,EACL;AAAA,EAEA,MAAgB,gBAAgB,IAAY,SAAqD;AAC/F,YAAQ,MAAM,KAAK,eAAe,UAAU,IAAI,OAAO;AAAA,EACzD;AAAA,EAEA,MAAgB,cAAc,IAAY,UAAoD;AAE5F,YAAQ,MAAM,KAAK,eAAe,QAAQ,EAAE;AAAA,EAC9C;AAAA,EAEA,MAAgB,oBACd,IACA,SAC4B;AAC5B,YAAQ,MAAM,KAAK,eAAe,cAAc,IAAI,OAAO;AAAA,EAC7D;AAAA,EAEA,MAAgB,uBACd,IACA,SAC+B;AAC/B,YAAQ,MAAM,KAAK,eAAe,iBAAiB,IAAI,OAAO;AAAA,EAChE;AAAA,EAEA,MAAgB,gCACd,IACA,SACA,QACwC;AACxC,YAAQ,MAAM,KAAK,eAAe,0BAA0B,IAAI,QAAQ,OAAO;AAAA,EACjF;AAAA,EAEA,MAAgB,2BACd,IACA,SACA,QACmC;AACnC,YAAQ,MAAM,KAAK,eAAe,qBAAqB,IAAI,SAAS,EAAE,OAAO,CAAC;AAAA,EAChF;AAAA,EAEA,MAAgB,eAAe,IAAY,UAAqD;AAE9F,YAAQ,MAAM,KAAK,eAAe,SAAS,EAAE;AAAA,EAC/C;AACF;","names":[]}

package/dist/cjs/api/rest-api-client.js

@@ -147,7 +147,7 @@ class MakeswiftRestAPIClient {
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.7"
+      "makeswift-runtime-version": "0.28.8-canary.1"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/rest-api-client.ts"],"sourcesContent":["import {\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type PagePathnameSlice,\n  type Swatch,\n  type Typography,\n  type HttpFetch,\n} from './types'\n\nimport { type SiteVersion } from './site-version'\nimport * as Schema from './schema'\n\nexport class MakeswiftRestAPIClient {\n  private _fetch: HttpFetch\n\n  readonly apiKey: string\n  readonly apiOrigin: string\n\n  constructor({\n    fetch,\n    apiKey,\n    apiOrigin,\n  }: {\n    fetch: HttpFetch\n    apiKey: string\n    apiOrigin: string\n  }) {\n    this._fetch = fetch\n    this.apiKey = apiKey\n    this.apiOrigin = apiOrigin\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 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 = Schema.pagePathnameSlices.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  protected async fetch(\n    path: string,\n    siteVersion: SiteVersion | null,\n    init?: RequestInit,\n  ): 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    if (init?.headers) {\n      new Headers(init.headers).forEach((value, key) => {\n        requestHeaders.set(key, value)\n      })\n    }\n\n    const response = await this._fetch(requestUrl.toString(), {\n      ...init,\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n    })\n\n    return response\n  }\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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/api/rest-api-client.ts"],"sourcesContent":["import {\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type PagePathnameSlice,\n  type Swatch,\n  type Typography,\n  type HttpFetch,\n} from './types'\n\nimport { type SiteVersion } from './site-version'\nimport * as Schema from './schema'\n\nexport class MakeswiftRestAPIClient {\n  private _fetch: HttpFetch\n\n  readonly apiKey: string\n  readonly apiOrigin: string\n\n  constructor({\n    fetch,\n    apiKey,\n    apiOrigin,\n  }: {\n    fetch: HttpFetch\n    apiKey: string\n    apiOrigin: string\n  }) {\n    this._fetch = fetch\n    this.apiKey = apiKey\n    this.apiOrigin = apiOrigin\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 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 = Schema.pagePathnameSlices.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 | null } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  protected async fetch(\n    path: string,\n    siteVersion: SiteVersion | null,\n    init?: RequestInit,\n  ): 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    if (init?.headers) {\n      new Headers(init.headers).forEach((value, key) => {\n        requestHeaders.set(key, value)\n      })\n    }\n\n    const response = await this._fetch(requestUrl.toString(), {\n      ...init,\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n    })\n\n    return response\n  }\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"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/types.ts"],"sourcesContent":["import {\n  SwatchFragment as Swatch,\n  FileFragment as File,\n  TypographyFragment as Typography,\n  PagePathnameSliceFragment,\n  GlobalElementFragment as GlobalElement,\n  LocalizedGlobalElementFragment as LocalizedGlobalElement,\n  TableFragment as Table,\n  SnippetFragment as Snippet,\n  PageFragment as Page,\n  SiteFragment as Site,\n} from './graphql/generated/types'\n\ntype PagePathnameSlice = PagePathnameSliceFragment & {\n  basePageId?: string\n  localizedPathname?: string | null\n}\n\nexport type {\n  Swatch,\n  File,\n  Typography,\n  PagePathnameSlice,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Table,\n  Snippet,\n  Page,\n  Site,\n}\n\nexport type LocalizableAPIResource = PagePathnameSlice | LocalizedGlobalElement\n\nexport const LocalizableAPIResourceType: {\n  [R in LocalizableAPIResource as R['__typename']]: R['__typename']\n} = {\n  PagePathnameSlice: 'PagePathnameSlice',\n  LocalizedGlobalElement: 'LocalizedGlobalElement',\n}\n\nexport type LocalizableAPIResourceType =\n  (typeof LocalizableAPIResourceType)[keyof typeof LocalizableAPIResourceType]\n\nexport type APIResource =\n  | LocalizableAPIResource\n  | Swatch\n  | File\n  | Typography\n  | GlobalElement\n  | Table\n  | Snippet\n  | Page\n  | Site\n\nexport const APIResourceType: { [R in APIResource as R['__typename']]: R['__typename'] } = {\n  ...LocalizableAPIResourceType,\n  Swatch: 'Swatch',\n  File: 'File',\n  Typography: 'Typography',\n  GlobalElement: 'GlobalElement',\n  Table: 'Table',\n  Snippet: 'Snippet',\n  Page: 'Page',\n  Site: 'Site',\n}\n\nexport type APIResourceType = (typeof APIResourceType)[keyof typeof APIResourceType]\n\nexport type APIResourceLocale<R extends APIResource | APIResourceType> = R extends\n  | LocalizableAPIResource\n  | LocalizableAPIResourceType\n  ? string | null\n  : never\n\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCO,MAAM,6BAET;AAAA,EACF,mBAAmB;AAAA,EACnB,wBAAwB;AAC1B;AAgBO,MAAM,kBAA8E;AAAA,EACzF,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../src/api/types.ts"],"sourcesContent":["import {\n  SwatchFragment as Swatch,\n  FileFragment as File,\n  TypographyFragment as Typography,\n  PagePathnameSliceFragment,\n  GlobalElementFragment as GlobalElement,\n  LocalizedGlobalElementFragment as LocalizedGlobalElement,\n  TableFragment as Table,\n  SnippetFragment as Snippet,\n  PageFragment as Page,\n  SiteFragment as Site,\n} from './graphql/generated/types'\n\ntype PagePathnameSlice = PagePathnameSliceFragment & {\n  basePageId?: string\n  localizedPathname?: string | null\n}\n\nexport type {\n  Swatch,\n  File,\n  Typography,\n  PagePathnameSlice,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Table,\n  Snippet,\n  Page,\n  Site,\n}\n\nexport type LocalizableAPIResource = PagePathnameSlice | LocalizedGlobalElement\n\nexport const LocalizableAPIResourceType: {\n  [R in LocalizableAPIResource as R['__typename']]: R['__typename']\n} = {\n  PagePathnameSlice: 'PagePathnameSlice',\n  LocalizedGlobalElement: 'LocalizedGlobalElement',\n}\n\nexport type LocalizableAPIResourceType =\n  (typeof LocalizableAPIResourceType)[keyof typeof LocalizableAPIResourceType]\n\nexport type APIResource =\n  | LocalizableAPIResource\n  | Swatch\n  | File\n  | Typography\n  | GlobalElement\n  | Table\n  | Snippet\n  | Page\n  | Site\n\nexport const APIResourceType: { [R in APIResource as R['__typename']]: R['__typename'] } = {\n  ...LocalizableAPIResourceType,\n  Swatch: 'Swatch',\n  File: 'File',\n  Typography: 'Typography',\n  GlobalElement: 'GlobalElement',\n  Table: 'Table',\n  Snippet: 'Snippet',\n  Page: 'Page',\n  Site: 'Site',\n}\n\nexport type APIResourceType = (typeof APIResourceType)[keyof typeof APIResourceType]\n\nexport type APIResourceByType<T extends APIResourceType> = Extract<APIResource, { __typename: T }>\n\nexport type APIResourceLocale<R extends APIResource | APIResourceType> = R extends\n  | LocalizableAPIResource\n  | LocalizableAPIResourceType\n  ? string | null\n  : never\n\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCO,MAAM,6BAET;AAAA,EACF,mBAAmB;AAAA,EACnB,wBAAwB;AAC1B;AAgBO,MAAM,kBAA8E;AAAA,EACzF,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR;","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.7",
+    version: "0.28.8-canary.1",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/cjs/client/index.js

@@ -689,7 +689,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.7",
+        "makeswift-runtime-version": "0.28.8-canary.1",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

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

@@ -28,7 +28,7 @@ var import_use_builtin_suspense = require("../hooks/use-builtin-suspense");
 var import_use_component = require("../hooks/use-component");
 var import_can_accept_ref = require("../utils/can-accept-ref");
 var import_FallbackComponent = require("../../../components/shared/FallbackComponent");
-var import_controls = require("../controls");
+var import_resolve_props = require("./resolve-props");
 var import_activity_with_fallback = require("./activity-with-fallback");
 const ElementData = (0, import_react2.memo)(
   (0, import_react2.forwardRef)(function ElementData2({ elementData }, ref) {
@@ -39,7 +39,7 @@ const ElementData = (0, import_react2.memo)(
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Component not found" });
     }
     const forwardRef2 = (0, import_can_accept_ref.canAcceptRef)(Component);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_with_fallback.ActivityOrFallback, { suspenseFallback: builtinSuspense, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_controls.ResolveProps, { element: elementData, children: (props) => forwardRef2 ? /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_with_fallback.ActivityOrFallback, { suspenseFallback: builtinSuspense, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_resolve_props.ResolveProps, { element: elementData, children: (props) => forwardRef2 ? /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key }) }) });
   })
 );
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\n\nimport { ElementData as ReactPageElementData } from '../../../state/read-only-state'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const Component = useComponent(elementData.type)\n    const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <ActivityOrFallback suspenseFallback={builtinSuspense}>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </ActivityOrFallback>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBa;AAUC;AA/Bd,IAAAA,gBAAiD;AAGjD,kCAAmC;AACnC,2BAA6B;AAC7B,4BAA6B;AAC7B,+BAAkC;AAClC,sBAA6B;AAC7B,oCAAmC;AAM5B,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAC/C,UAAM,sBAAkB,gDAAmB,YAAY,IAAI;AAE3D,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,kBAAa,oCAAa,SAAS;AAEzC,WACE,4CAAC,oDAAmB,kBAAkB,iBACpC,sDAAC,gCAAa,SAAS,aACpB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, ReactNode } from 'react'\n\nimport { ElementData as ReactPageElementData } from '../../../state/read-only-state'\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from './resolve-props'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const Component = useComponent(elementData.type)\n    const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <ActivityOrFallback suspenseFallback={builtinSuspense}>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </ActivityOrFallback>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBa;AAUC;AA/Bd,IAAAA,gBAAiD;AAGjD,kCAAmC;AACnC,2BAA6B;AAC7B,4BAA6B;AAC7B,+BAAkC;AAClC,2BAA6B;AAC7B,oCAAmC;AAM5B,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAC/C,UAAM,sBAAkB,gDAAmB,YAAY,IAAI;AAE3D,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,kBAAa,oCAAa,SAAS;AAEzC,WACE,4CAAC,oDAAmB,kBAAkB,iBACpC,sDAAC,qCAAa,SAAS,aACpB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData","forwardRef"]}

package/dist/cjs/runtimes/react/components/resolve-props.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resolve_props_exports = {};
+__export(resolve_props_exports, {
+  ResolveProps: () => ResolveProps
+});
+module.exports = __toCommonJS(resolve_props_exports);
+var import_use_control_defs = require("../hooks/use-control-defs");
+var import_use_resolved_props = require("../hooks/use-resolved-props");
+var import_legacy_controls = require("../legacy-controls");
+function ResolveProps({
+  element,
+  children: renderComponent
+}) {
+  const [legacyDescriptors, definitions] = (0, import_use_control_defs.useControlDefs)({ elementType: element.type });
+  const resolvedProps = (0, import_use_resolved_props.useResolvedProps)(definitions, element.props, element.key);
+  const renderFn = Object.entries(legacyDescriptors).reduceRight(
+    (renderFn2, [propName, descriptor]) => (props) => (0, import_legacy_controls.resolveLegacyDescriptorProp)(descriptor, propName, element.props[propName], props, renderFn2),
+    renderComponent
+  );
+  return renderFn(resolvedProps);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResolveProps
+});
+//# sourceMappingURL=resolve-props.js.map

package/dist/cjs/runtimes/react/components/resolve-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/resolve-props.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\n\nimport { type ElementData } from '../../../state/read-only-state'\n\nimport { useControlDefs } from '../hooks/use-control-defs'\nimport { useResolvedProps } from '../hooks/use-resolved-props'\n\nimport { resolveLegacyDescriptorProp } from '../legacy-controls'\n\nexport function ResolveProps({\n  element,\n  children: renderComponent,\n}: {\n  element: ElementData\n  children: (props: Record<string, unknown>) => ReactNode\n}): ReactNode {\n  const [legacyDescriptors, definitions] = useControlDefs({ elementType: element.type })\n\n  const resolvedProps = useResolvedProps(definitions, element.props, element.key)\n\n  const renderFn = Object.entries(legacyDescriptors).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      props =>\n        resolveLegacyDescriptorProp(descriptor, propName, element.props[propName], props, renderFn),\n    renderComponent,\n  )\n\n  return renderFn(resolvedProps)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,8BAA+B;AAC/B,gCAAiC;AAEjC,6BAA4C;AAErC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,UAAU;AACZ,GAGc;AACZ,QAAM,CAAC,mBAAmB,WAAW,QAAI,wCAAe,EAAE,aAAa,QAAQ,KAAK,CAAC;AAErF,QAAM,oBAAgB,4CAAiB,aAAa,QAAQ,OAAO,QAAQ,GAAG;AAE9E,QAAM,WAAW,OAAO,QAAQ,iBAAiB,EAAE;AAAA,IACjD,CAACA,WAAU,CAAC,UAAU,UAAU,MAC9B,eACE,oDAA4B,YAAY,UAAU,QAAQ,MAAM,QAAQ,GAAG,OAAOA,SAAQ;AAAA,IAC9F;AAAA,EACF;AAEA,SAAO,SAAS,aAAa;AAC/B;","names":["renderFn"]}

package/dist/cjs/runtimes/react/hooks/use-control-defs.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_control_defs_exports = {};
+__export(use_control_defs_exports, {
+  useControlDefs: () => useControlDefs
+});
+module.exports = __toCommonJS(use_control_defs_exports);
+var import_react = require("react");
+var import_partition = require("../../../utils/partition");
+var import_read_only_state = require("../../../state/read-only-state");
+var import_descriptors = require("../../../prop-controllers/descriptors");
+var import_use_store = require("./use-store");
+function useControlDefs({
+  elementType
+}) {
+  const store = (0, import_use_store.useStore)();
+  const all = (0, import_read_only_state.getComponentPropControllerDescriptors)(store.getState(), elementType) ?? {};
+  return (0, import_react.useRef)((0, import_partition.partitionRecord)(all, import_descriptors.isLegacyDescriptor)).current;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useControlDefs
+});
+//# sourceMappingURL=use-control-defs.js.map