@makeswift/runtime 0.27.1 → 0.27.3

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

@@ -0,0 +1,160 @@
+"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 api_resources_client_exports = {};
+__export(api_resources_client_exports, {
+  ApiResourcesClient: () => ApiResourcesClient,
+  CacheData: () => CacheData
+});
+module.exports = __toCommonJS(api_resources_client_exports);
+var ApiClientState = __toESM(require("../state/api-client/state"));
+var import_types = require("./types");
+const CacheData = {
+  empty() {
+    return {
+      apiResources: {},
+      localizedResourcesMap: {}
+    };
+  }
+};
+class ApiResourcesClient {
+  store;
+  subscribe;
+  constructor({ store }) {
+    this.store = store;
+    this.subscribe = this.store.subscribe;
+  }
+  readSwatch(swatchId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Swatch, swatchId);
+  }
+  resolveSwatch(swatchId) {
+    return this.resolveResource(import_types.APIResourceType.Swatch, {
+      id: swatchId,
+      read: (id) => this.readSwatch(id),
+      fetch: (id) => this.fetchSwatch(id)
+    });
+  }
+  readFile(fileId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.File, fileId);
+  }
+  resolveFile(fileId) {
+    return this.resolveResource(import_types.APIResourceType.File, {
+      id: fileId,
+      read: (id) => this.readFile(id),
+      fetch: (id) => this.fetchFile(id)
+    });
+  }
+  readTypography(typographyId) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      import_types.APIResourceType.Typography,
+      typographyId
+    );
+  }
+  resolveTypography(typographyId) {
+    return this.resolveResource(import_types.APIResourceType.Typography, {
+      id: typographyId,
+      read: (id) => this.readTypography(id),
+      fetch: (id) => this.fetchTypography(id)
+    });
+  }
+  readGlobalElement(globalElementId) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      import_types.APIResourceType.GlobalElement,
+      globalElementId
+    );
+  }
+  readLocalizedGlobalElement({
+    globalElementId,
+    locale
+  }) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      import_types.APIResourceType.LocalizedGlobalElement,
+      globalElementId,
+      locale
+    );
+  }
+  readPagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      import_types.APIResourceType.PagePathnameSlice,
+      pageId,
+      locale
+    );
+  }
+  resolvePagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return this.resolveResource(import_types.APIResourceType.PagePathnameSlice, {
+      id: pageId,
+      read: (id) => this.readPagePathnameSlice({ pageId: id, locale }),
+      fetch: (id) => this.fetchPagePathnameSlice({ pageId: id, locale })
+    });
+  }
+  resolveResource(type, {
+    id,
+    read,
+    fetch
+  }) {
+    const _read = () => id != null ? read(id) : null;
+    let lastValue = null;
+    return {
+      name: `${type}:${id}`,
+      readStable: () => lastValue = _read(),
+      subscribe: (onUpdate) => this.subscribe(() => {
+        if (_read() !== lastValue)
+          onUpdate();
+      }),
+      fetch: async () => id != null ? fetch(id) : null
+    };
+  }
+  readTable(tableId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Table, tableId);
+  }
+  readSite(siteId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Site, siteId);
+  }
+  readPage(pageId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Page, pageId);
+  }
+  readSnippet(snippetId) {
+    return ApiClientState.getAPIResource(this.store.getState(), import_types.APIResourceType.Snippet, snippetId);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiResourcesClient,
+  CacheData
+});
+//# sourceMappingURL=api-resources-client.js.map

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

@@ -0,0 +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}\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":[]}

package/dist/cjs/api/react.js

@@ -0,0 +1,256 @@
+"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 react_exports = {};
+__export(react_exports, {
+  CacheData: () => CacheData,
+  MakeswiftHostApiClient: () => MakeswiftHostApiClient
+});
+module.exports = __toCommonJS(react_exports);
+var MakeswiftApiClient = __toESM(require("../state/makeswift-api-client"));
+var import_types = require("./types");
+var import_client = require("./graphql/client");
+var import_documents = require("./graphql/documents");
+const CacheData = {
+  empty() {
+    return {
+      apiResources: {},
+      localizedResourcesMap: {}
+    };
+  }
+};
+class MakeswiftHostApiClient {
+  graphqlClient;
+  makeswiftApiClient;
+  subscribe;
+  fetch;
+  constructor({
+    uri,
+    fetch,
+    cacheData,
+    locale
+  }) {
+    this.graphqlClient = new import_client.GraphQLClient(uri);
+    this.makeswiftApiClient = MakeswiftApiClient.configureStore({
+      serializedState: cacheData,
+      defaultLocale: locale
+    });
+    this.fetch = fetch;
+    this.subscribe = this.makeswiftApiClient.subscribe;
+  }
+  readSwatch(swatchId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Swatch,
+      swatchId
+    );
+  }
+  async fetchSwatch(swatchId) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Swatch, swatchId, this.fetch)
+    );
+  }
+  resolveSwatch(swatchId) {
+    return this.resolveResource(import_types.APIResourceType.Swatch, {
+      id: swatchId,
+      read: (id) => this.readSwatch(id),
+      fetch: (id) => this.fetchSwatch(id)
+    });
+  }
+  readFile(fileId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.File,
+      fileId
+    );
+  }
+  async fetchFile(fileId) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.File, fileId, this.fetch)
+    );
+  }
+  resolveFile(fileId) {
+    return this.resolveResource(import_types.APIResourceType.File, {
+      id: fileId,
+      read: (id) => this.readFile(id),
+      fetch: (id) => this.fetchFile(id)
+    });
+  }
+  readTypography(typographyId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Typography,
+      typographyId
+    );
+  }
+  async fetchTypography(typographyId) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Typography, typographyId, this.fetch)
+    );
+  }
+  resolveTypography(typographyId) {
+    return this.resolveResource(import_types.APIResourceType.Typography, {
+      id: typographyId,
+      read: (id) => this.readTypography(id),
+      fetch: (id) => this.fetchTypography(id)
+    });
+  }
+  readGlobalElement(globalElementId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.GlobalElement,
+      globalElementId
+    );
+  }
+  async fetchGlobalElement(globalElementId) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.GlobalElement,
+        globalElementId,
+        this.fetch
+      )
+    );
+  }
+  readLocalizedGlobalElement({
+    globalElementId,
+    locale
+  }) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.LocalizedGlobalElement,
+      globalElementId,
+      locale
+    );
+  }
+  async fetchLocalizedGlobalElement({
+    globalElementId,
+    locale
+  }) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.LocalizedGlobalElement,
+        globalElementId,
+        this.fetch,
+        locale
+      )
+    );
+  }
+  readPagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.PagePathnameSlice,
+      pageId,
+      locale
+    );
+  }
+  async fetchPagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(
+        import_types.APIResourceType.PagePathnameSlice,
+        pageId,
+        this.fetch,
+        locale
+      )
+    );
+  }
+  resolvePagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return this.resolveResource(import_types.APIResourceType.PagePathnameSlice, {
+      id: pageId,
+      read: (id) => this.readPagePathnameSlice({ pageId: id, locale }),
+      fetch: (id) => this.fetchPagePathnameSlice({ pageId: id, locale })
+    });
+  }
+  resolveResource(type, {
+    id,
+    read,
+    fetch
+  }) {
+    const _read = () => id != null ? read(id) : null;
+    let lastValue = null;
+    return {
+      name: `${type}:${id}`,
+      readStable: () => lastValue = _read(),
+      subscribe: (onUpdate) => this.subscribe(() => {
+        if (_read() !== lastValue)
+          onUpdate();
+      }),
+      fetch: async () => id != null ? fetch(id) : null
+    };
+  }
+  readTable(tableId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Table,
+      tableId
+    );
+  }
+  async fetchTable(tableId) {
+    return await this.makeswiftApiClient.dispatch(
+      MakeswiftApiClient.fetchAPIResource(import_types.APIResourceType.Table, tableId, this.fetch)
+    );
+  }
+  async createTableRecord(tableId, columns) {
+    await this.graphqlClient.request(import_documents.CreateTableRecordMutation, { input: { data: { tableId, columns } } });
+  }
+  readSite(siteId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Site,
+      siteId
+    );
+  }
+  readPage(pageId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Page,
+      pageId
+    );
+  }
+  readSnippet(snippetId) {
+    return MakeswiftApiClient.getAPIResource(
+      this.makeswiftApiClient.getState(),
+      import_types.APIResourceType.Snippet,
+      snippetId
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CacheData,
+  MakeswiftHostApiClient
+});
+//# sourceMappingURL=react.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\nimport * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, its use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  fetch: MakeswiftApiClient.HttpFetch\n\n  constructor({\n    uri,\n    fetch,\n    cacheData,\n    locale,\n  }: {\n    uri: string\n    fetch: MakeswiftApiClient.HttpFetch\n    cacheData?: CacheData\n    locale?: string\n  }) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({\n      serializedState: cacheData,\n      defaultLocale: locale,\n    })\n    this.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.27.1",
+    version: "0.27.3",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

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

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var diff_projection_exports = {};
+__export(diff_projection_exports, {
+  diffProjectionSchema: () => diffProjectionSchema
+});
+module.exports = __toCommonJS(diff_projection_exports);
+var import_zod = require("zod");
+const changeTypeSchema = import_zod.z.enum(["created", "updated", "deleted"]);
+const componentChangeSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const pageChangeSchema = import_zod.z.object({
+  pageId: import_zod.z.string().uuid(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema,
+  pathname: import_zod.z.string(),
+  previousPathname: import_zod.z.string().optional()
+});
+const globalElementChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  locale: import_zod.z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const swatchChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const typographyChangeSchema = import_zod.z.object({
+  id: import_zod.z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const diffProjectionSchema = import_zod.z.object({
+  components: import_zod.z.array(componentChangeSchema),
+  pages: import_zod.z.array(pageChangeSchema),
+  globalElements: import_zod.z.array(globalElementChangeSchema),
+  swatches: import_zod.z.array(swatchChangeSchema),
+  typographies: import_zod.z.array(typographyChangeSchema)
+}).passthrough();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  diffProjectionSchema
+});
+//# sourceMappingURL=diff-projection.js.map

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

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

package/dist/cjs/box-model.js

@@ -0,0 +1,33 @@
+"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 box_model_exports = {};
+__export(box_model_exports, {
+  createBox: () => import_box_models.createBox,
+  getBox: () => import_box_models.getBox,
+  parse: () => import_box_models.parse
+});
+module.exports = __toCommonJS(box_model_exports);
+var import_box_models = require("./state/modules/box-models");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBox,
+  getBox,
+  parse
+});
+//# sourceMappingURL=box-model.js.map

package/dist/cjs/box-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/box-model.ts"],"sourcesContent":["export { createBox, getBox, parse } from './state/modules/box-models'\nexport type { BoxModelHandle, BoxModel } from './state/modules/box-models'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAyC;","names":[]}

package/dist/cjs/builder/serialization.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var serialization_exports = {};
+__export(serialization_exports, {
+  deserializeControl: () => deserializeControl,
+  deserializeControls: () => deserializeControls,
+  serializeControl: () => serializeControl,
+  serializeControls: () => serializeControls
+});
+module.exports = __toCommonJS(serialization_exports);
+var import_controls = require("@makeswift/controls");
+var import_serialization = require("../prop-controllers/serialization");
+var import_descriptors = require("../prop-controllers/descriptors");
+var import_base = require("../controls/serialization/base");
+var import_message_port = require("../controls/serialization/message-port");
+var import_serialization2 = require("../controls/serialization");
+__reExport(serialization_exports, require("../prop-controllers/serialization"), module.exports);
+function serializeControl(control) {
+  if ((0, import_descriptors.isLegacyDescriptor)(control)) {
+    return (0, import_serialization.serializeLegacyControl)(control);
+  }
+  const messagePortVisitor = new import_message_port.ClientMessagePortSerializationVisitor();
+  const serializedControl = control.accept(messagePortVisitor);
+  return [serializedControl, messagePortVisitor.getTransferables()];
+}
+function isSerializedLegacyControl(control) {
+  return "options" in control;
+}
+function deserializeControl(serializedControl, options) {
+  if (isSerializedLegacyControl(serializedControl)) {
+    const record = options?.plugins ? (0, import_controls.deserializeObject)(serializedControl, options?.plugins) : serializedControl;
+    return (0, import_serialization.deserializeLegacyControl)(record);
+  }
+  const plugins = [import_message_port.functionDeserializationPlugin, ...options?.plugins ?? []];
+  return (0, import_base.deserializeControl)(serializedControl, { plugins });
+}
+function serializeControls(controls) {
+  return Object.entries(controls).reduce(
+    ([accControls, accTransferables], [key, control]) => {
+      const [serializedControl, transferables] = serializeControl(control);
+      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]];
+    },
+    [{}, []]
+  );
+}
+function deserializeControls(serializedControls, { onError, plugins } = {}) {
+  return (0, import_serialization2.deserializeControlRecords)(
+    serializedControls,
+    (serializedControl, options) => deserializeControl(serializedControl, options),
+    { onError, plugins }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeControl,
+  deserializeControls,
+  serializeControl,
+  serializeControls,
+  ...require("../prop-controllers/serialization")
+});
+//# sourceMappingURL=serialization.js.map