@makeswift/runtime 0.27.2 → 0.27.3

package/dist/cjs/controls/rich-text-v2/translation.js

@@ -0,0 +1,187 @@
+"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 translation_exports = {};
+__export(translation_exports, {
+  getTranslatableData: () => getTranslatableData,
+  mergeTranslatedNodes: () => mergeTranslatedNodes
+});
+module.exports = __toCommonJS(translation_exports);
+var import_escape_html = __toESM(require("escape-html"));
+var import_slate = require("slate");
+var import_slate_hyperscript = require("slate-hyperscript");
+var import_parse5 = require("parse5");
+var import_controls = require("@makeswift/controls");
+var import_types = require("../../slate/types");
+function createEditorWithPlugins(plugins) {
+  return plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    (0, import_slate.createEditor)()
+  );
+}
+function pathToString(path) {
+  return path.join(":");
+}
+function stringToPath(s) {
+  return s.split(":").map((a) => parseInt(a));
+}
+function getDescendantTranslatableData(descendant, path) {
+  if (import_slate.Text.isText(descendant)) {
+    return {};
+  }
+  if (import_controls.Slate.isList(descendant) || import_controls.Slate.isListItem(descendant)) {
+    return descendant.children.reduce(
+      (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),
+      {}
+    );
+  }
+  const text = getInlineOrTextTranslatableData(descendant);
+  if (text == null)
+    return {};
+  return { [pathToString(path)]: text };
+}
+function getInlineOrTextTranslatableData(descendant, path = []) {
+  if (import_slate.Text.isText(descendant)) {
+    let string = (0, import_escape_html.default)(descendant.text);
+    if (string === "")
+      return null;
+    if (descendant.typography === void 0)
+      return string;
+    return `<span key="${pathToString(path)}">${string}</span>`;
+  }
+  const children = descendant.children.map((child, i) => getInlineOrTextTranslatableData(child, [...path, i])).join("");
+  if (children === "")
+    return null;
+  switch (descendant.type) {
+    case import_types.InlineType.Link:
+      return `<a key="${pathToString(path)}">${children}</a>`;
+    case import_types.InlineType.SuperScript:
+      return `<sup key="${pathToString(path)}">${children}</sup>`;
+    case import_types.InlineType.SubScript:
+      return `<sub key="${pathToString(path)}">${children}</sub>`;
+    case import_types.InlineType.Code:
+      return `<code key="${pathToString(path)}">${children}</code>`;
+    default:
+      return children;
+  }
+}
+function getTranslatableData(nodes, plugins) {
+  const editor = createEditorWithPlugins(plugins);
+  editor.children = nodes;
+  editor.typographyNormalizationDirection = "up";
+  import_slate.Editor.normalize(editor, { force: true });
+  return editor.children.reduce(
+    (acc, descendant, i) => ({
+      ...acc,
+      ...getDescendantTranslatableData(descendant, [i])
+    }),
+    {}
+  );
+}
+function deserializeTranslationHtmlString(el, translationKey) {
+  if (el.nodeName === "#document-fragment") {
+    const children = Array.from(el.childNodes).map((element) => deserializeTranslationHtmlString(element)).flat();
+    if (children.length === 0) {
+      children.push((0, import_slate_hyperscript.jsx)("text", {}, ""));
+    }
+    return children;
+  }
+  if (el.nodeName === "#text" && "value" in el) {
+    return [(0, import_slate_hyperscript.jsx)("text", { translationKey: translationKey ?? void 0 }, el.value)];
+  }
+  if ("namespaceURI" in el) {
+    const translationKey2 = el.attrs.find((a) => a.name === "key")?.value ?? void 0;
+    const children = Array.from(el.childNodes).map((element) => deserializeTranslationHtmlString(element, translationKey2)).flat();
+    if (children.length === 0) {
+      children.push((0, import_slate_hyperscript.jsx)("text", {}, ""));
+    }
+    switch (el.nodeName) {
+      case "code":
+        return [(0, import_slate_hyperscript.jsx)("element", { type: import_types.InlineType.Code, translationKey: translationKey2 }, children)];
+      case "sub":
+        return [(0, import_slate_hyperscript.jsx)("element", { type: import_types.InlineType.SubScript, translationKey: translationKey2 }, children)];
+      case "sup":
+        return [(0, import_slate_hyperscript.jsx)("element", { type: import_types.InlineType.SuperScript, translationKey: translationKey2 }, children)];
+      case "a":
+        return [(0, import_slate_hyperscript.jsx)("element", { type: import_types.InlineType.Link, translationKey: translationKey2 }, children)];
+      default:
+        return children;
+    }
+  }
+  return [];
+}
+function mergeTranslatedNodes(nodes, translatedData, plugins) {
+  const sourceEditor = createEditorWithPlugins(plugins);
+  const targetEditor = createEditorWithPlugins(plugins);
+  sourceEditor.children = nodes;
+  sourceEditor.typographyNormalizationDirection = "up";
+  import_slate.Editor.normalize(sourceEditor, { force: true });
+  Object.entries(translatedData).reverse().forEach(([blockStringPath, htmlString]) => {
+    const blockPath = stringToPath(blockStringPath);
+    if (blockPath.length === 0)
+      return;
+    const html = (0, import_parse5.parseFragment)(htmlString);
+    const inlineDescendants = deserializeTranslationHtmlString(html);
+    targetEditor.children = [{ type: import_types.BlockType.Default, children: inlineDescendants }];
+    targetEditor.typographyNormalizationDirection = "neutral";
+    import_slate.Editor.normalize(targetEditor, { force: true });
+    for (const [descendant, absolutePathToTargetNode] of import_slate.Node.descendants(targetEditor)) {
+      if (!import_slate.Text.isText(descendant) && !import_controls.Slate.isInline(descendant) || descendant.translationKey == null || descendant.translationKey === "") {
+        continue;
+      }
+      const relativePathToSourceNode = stringToPath(descendant.translationKey);
+      const absolutePathToSourceNode = [...blockPath, ...relativePathToSourceNode];
+      const [sourceNode] = import_slate.Editor.node(sourceEditor, absolutePathToSourceNode);
+      if (import_slate.Text.isText(sourceNode) && import_slate.Text.isText(descendant)) {
+        const { translationKey, text, ...rest } = sourceNode;
+        import_slate.Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
+        import_slate.Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
+      } else if (import_controls.Slate.isInline(sourceNode) && import_controls.Slate.isInline(descendant)) {
+        const { translationKey, children, ...rest } = sourceNode;
+        import_slate.Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
+        import_slate.Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
+      }
+    }
+    const translatedChildren = targetEditor.children.at(0)?.children;
+    import_slate.Editor.withoutNormalizing(sourceEditor, () => {
+      Array.from(import_slate.Node.children(sourceEditor, blockPath)).reverse().forEach(([_, path]) => {
+        import_slate.Transforms.removeNodes(sourceEditor, { at: path });
+      });
+      import_slate.Transforms.insertNodes(sourceEditor, translatedChildren, { at: [...blockPath, 0] });
+    });
+  });
+  sourceEditor.typographyNormalizationDirection = "down";
+  import_slate.Editor.normalize(sourceEditor, { force: true });
+  return sourceEditor.children;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getTranslatableData,
+  mergeTranslatedNodes
+});
+//# sourceMappingURL=translation.js.map

package/dist/cjs/controls/rich-text-v2/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/translation.ts"],"sourcesContent":["import escapeHtml from 'escape-html'\nimport { Descendant, Editor, Element, Node, Text, Transforms, createEditor } from 'slate'\nimport { jsx } from 'slate-hyperscript'\nimport { parseFragment } from 'parse5'\nimport { ChildNode, DocumentFragment } from 'parse5/dist/tree-adapters/default'\n\nimport { type TranslationDto, Slate } from '@makeswift/controls'\n\nimport { RichTextV2Plugin } from './plugin'\nimport { type MakeswiftEditor, BlockType, InlineType } from '../../slate/types'\n\nfunction createEditorWithPlugins(plugins: RichTextV2Plugin[]): MakeswiftEditor {\n  return plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n}\n\nfunction pathToString(path: number[]): string {\n  return path.join(':')\n}\n\nfunction stringToPath(s: string): number[] {\n  return s.split(':').map(a => parseInt(a))\n}\n\nfunction getDescendantTranslatableData(descendant: Descendant, path: number[]): TranslationDto {\n  if (Text.isText(descendant)) {\n    return {}\n  }\n\n  if (Slate.isList(descendant) || Slate.isListItem(descendant)) {\n    return descendant.children.reduce(\n      (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),\n      {},\n    )\n  }\n\n  const text = getInlineOrTextTranslatableData(descendant)\n  if (text == null) return {}\n\n  return { [pathToString(path)]: text }\n}\n\nfunction getInlineOrTextTranslatableData(\n  descendant: Descendant,\n  path: number[] = [],\n): string | null {\n  if (Text.isText(descendant)) {\n    let string = escapeHtml(descendant.text)\n\n    if (string === '') return null\n\n    if (descendant.typography === undefined) return string\n\n    return `<span key=\"${pathToString(path)}\">${string}</span>`\n  }\n\n  const children = descendant.children\n    .map((child: Descendant, i: number) => getInlineOrTextTranslatableData(child, [...path, i]))\n    .join('')\n\n  if (children === '') return null\n\n  switch (descendant.type) {\n    case InlineType.Link:\n      return `<a key=\"${pathToString(path)}\">${children}</a>`\n\n    case InlineType.SuperScript:\n      return `<sup key=\"${pathToString(path)}\">${children}</sup>`\n\n    case InlineType.SubScript:\n      return `<sub key=\"${pathToString(path)}\">${children}</sub>`\n\n    case InlineType.Code:\n      return `<code key=\"${pathToString(path)}\">${children}</code>`\n\n    default:\n      return children\n  }\n}\n\nexport type RichTextTranslationDto = Record<string, string>\n\nexport function getTranslatableData(\n  nodes: Slate.Descendant[],\n  plugins: RichTextV2Plugin[],\n): RichTextTranslationDto {\n  const editor = createEditorWithPlugins(plugins)\n\n  editor.children = nodes\n  editor.typographyNormalizationDirection = 'up'\n  Editor.normalize(editor, { force: true })\n\n  return editor.children.reduce(\n    (acc, descendant: Descendant, i) => ({\n      ...acc,\n      ...getDescendantTranslatableData(descendant, [i]),\n    }),\n    {},\n  )\n}\n\nfunction deserializeTranslationHtmlString(\n  el: ChildNode | DocumentFragment,\n  translationKey?: string,\n): Descendant[] {\n  if (el.nodeName === '#document-fragment') {\n    const children = Array.from(el.childNodes)\n      .map(element => deserializeTranslationHtmlString(element))\n      .flat()\n\n    if (children.length === 0) {\n      children.push(jsx('text', {}, ''))\n    }\n\n    return children\n  }\n\n  if (el.nodeName === '#text' && 'value' in el) {\n    return [jsx('text', { translationKey: translationKey ?? undefined }, el.value)]\n  }\n\n  if ('namespaceURI' in el) {\n    const translationKey = el.attrs.find(a => a.name === 'key')?.value ?? undefined\n    const children = Array.from(el.childNodes)\n      .map(element => deserializeTranslationHtmlString(element, translationKey))\n      .flat()\n\n    if (children.length === 0) {\n      children.push(jsx('text', {}, ''))\n    }\n\n    switch (el.nodeName) {\n      case 'code':\n        return [jsx('element', { type: InlineType.Code, translationKey }, children)]\n\n      case 'sub':\n        return [jsx('element', { type: InlineType.SubScript, translationKey }, children)]\n\n      case 'sup':\n        return [jsx('element', { type: InlineType.SuperScript, translationKey }, children)]\n\n      case 'a':\n        return [jsx('element', { type: InlineType.Link, translationKey }, children)]\n\n      default:\n        return children\n    }\n  }\n\n  return []\n}\n\nexport function mergeTranslatedNodes(\n  nodes: Slate.Descendant[],\n  translatedData: RichTextTranslationDto,\n  plugins: RichTextV2Plugin[],\n): Slate.Descendant[] {\n  const sourceEditor = createEditorWithPlugins(plugins)\n  const targetEditor = createEditorWithPlugins(plugins)\n\n  sourceEditor.children = nodes\n  sourceEditor.typographyNormalizationDirection = 'up'\n  Editor.normalize(sourceEditor, { force: true })\n\n  Object.entries(translatedData)\n    .reverse()\n    .forEach(([blockStringPath, htmlString]) => {\n      const blockPath = stringToPath(blockStringPath)\n      if (blockPath.length === 0) return\n\n      const html = parseFragment(htmlString)\n      const inlineDescendants = deserializeTranslationHtmlString(html)\n\n      targetEditor.children = [{ type: BlockType.Default, children: inlineDescendants }]\n\n      targetEditor.typographyNormalizationDirection = 'neutral'\n      Editor.normalize(targetEditor, { force: true })\n\n      for (const [descendant, absolutePathToTargetNode] of Node.descendants(targetEditor)) {\n        if (\n          (!Text.isText(descendant) && !Slate.isInline(descendant)) ||\n          descendant.translationKey == null ||\n          descendant.translationKey === ''\n        ) {\n          continue\n        }\n\n        const relativePathToSourceNode = stringToPath(descendant.translationKey)\n\n        const absolutePathToSourceNode = [...blockPath, ...relativePathToSourceNode]\n\n        const [sourceNode] = Editor.node(sourceEditor, absolutePathToSourceNode)\n\n        if (Text.isText(sourceNode) && Text.isText(descendant)) {\n          const { translationKey, text, ...rest } = sourceNode\n          Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode })\n          Transforms.unsetNodes(targetEditor, 'translationKey', { at: absolutePathToTargetNode })\n        } else if (Slate.isInline(sourceNode) && Slate.isInline(descendant)) {\n          const { translationKey, children, ...rest } = sourceNode\n          Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode })\n          Transforms.unsetNodes(targetEditor, 'translationKey', { at: absolutePathToTargetNode })\n        }\n      }\n      const translatedChildren = (targetEditor.children.at(0) as Element)?.children\n\n      Editor.withoutNormalizing(sourceEditor, () => {\n        Array.from(Node.children(sourceEditor, blockPath))\n          .reverse()\n          .forEach(([_, path]) => {\n            Transforms.removeNodes(sourceEditor, { at: path })\n          })\n\n        Transforms.insertNodes(sourceEditor, translatedChildren, { at: [...blockPath, 0] })\n      })\n    })\n\n  sourceEditor.typographyNormalizationDirection = 'down'\n  Editor.normalize(sourceEditor, { force: true })\n\n  return sourceEditor.children\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAuB;AACvB,mBAAkF;AAClF,+BAAoB;AACpB,oBAA8B;AAG9B,sBAA2C;AAG3C,mBAA4D;AAE5D,SAAS,wBAAwB,SAA8C;AAC7E,SAAO,QAAQ;AAAA,IACb,CAAC,QAAQ,WAAW,QAAQ,aAAa,MAAM,KAAK;AAAA,QACpD,2BAAa;AAAA,EACf;AACF;AAEA,SAAS,aAAa,MAAwB;AAC5C,SAAO,KAAK,KAAK,GAAG;AACtB;AAEA,SAAS,aAAa,GAAqB;AACzC,SAAO,EAAE,MAAM,GAAG,EAAE,IAAI,OAAK,SAAS,CAAC,CAAC;AAC1C;AAEA,SAAS,8BAA8B,YAAwB,MAAgC;AAC7F,MAAI,kBAAK,OAAO,UAAU,GAAG;AAC3B,WAAO,CAAC;AAAA,EACV;AAEA,MAAI,sBAAM,OAAO,UAAU,KAAK,sBAAM,WAAW,UAAU,GAAG;AAC5D,WAAO,WAAW,SAAS;AAAA,MACzB,CAAC,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,GAAG,8BAA8B,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE;AAAA,MAC5E,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,OAAO,gCAAgC,UAAU;AACvD,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,SAAO,EAAE,CAAC,aAAa,IAAI,CAAC,GAAG,KAAK;AACtC;AAEA,SAAS,gCACP,YACA,OAAiB,CAAC,GACH;AACf,MAAI,kBAAK,OAAO,UAAU,GAAG;AAC3B,QAAI,aAAS,mBAAAA,SAAW,WAAW,IAAI;AAEvC,QAAI,WAAW;AAAI,aAAO;AAE1B,QAAI,WAAW,eAAe;AAAW,aAAO;AAEhD,WAAO,cAAc,aAAa,IAAI,CAAC,KAAK,MAAM;AAAA,EACpD;AAEA,QAAM,WAAW,WAAW,SACzB,IAAI,CAAC,OAAmB,MAAc,gCAAgC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAC1F,KAAK,EAAE;AAEV,MAAI,aAAa;AAAI,WAAO;AAE5B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,wBAAW;AACd,aAAO,WAAW,aAAa,IAAI,CAAC,KAAK,QAAQ;AAAA,IAEnD,KAAK,wBAAW;AACd,aAAO,aAAa,aAAa,IAAI,CAAC,KAAK,QAAQ;AAAA,IAErD,KAAK,wBAAW;AACd,aAAO,aAAa,aAAa,IAAI,CAAC,KAAK,QAAQ;AAAA,IAErD,KAAK,wBAAW;AACd,aAAO,cAAc,aAAa,IAAI,CAAC,KAAK,QAAQ;AAAA,IAEtD;AACE,aAAO;AAAA,EACX;AACF;AAIO,SAAS,oBACd,OACA,SACwB;AACxB,QAAM,SAAS,wBAAwB,OAAO;AAE9C,SAAO,WAAW;AAClB,SAAO,mCAAmC;AAC1C,sBAAO,UAAU,QAAQ,EAAE,OAAO,KAAK,CAAC;AAExC,SAAO,OAAO,SAAS;AAAA,IACrB,CAAC,KAAK,YAAwB,OAAO;AAAA,MACnC,GAAG;AAAA,MACH,GAAG,8BAA8B,YAAY,CAAC,CAAC,CAAC;AAAA,IAClD;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAEA,SAAS,iCACP,IACA,gBACc;AACd,MAAI,GAAG,aAAa,sBAAsB;AACxC,UAAM,WAAW,MAAM,KAAK,GAAG,UAAU,EACtC,IAAI,aAAW,iCAAiC,OAAO,CAAC,EACxD,KAAK;AAER,QAAI,SAAS,WAAW,GAAG;AACzB,eAAS,SAAK,8BAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;AAAA,IACnC;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,GAAG,aAAa,WAAW,WAAW,IAAI;AAC5C,WAAO,KAAC,8BAAI,QAAQ,EAAE,gBAAgB,kBAAkB,OAAU,GAAG,GAAG,KAAK,CAAC;AAAA,EAChF;AAEA,MAAI,kBAAkB,IAAI;AACxB,UAAMC,kBAAiB,GAAG,MAAM,KAAK,OAAK,EAAE,SAAS,KAAK,GAAG,SAAS;AACtE,UAAM,WAAW,MAAM,KAAK,GAAG,UAAU,EACtC,IAAI,aAAW,iCAAiC,SAASA,eAAc,CAAC,EACxE,KAAK;AAER,QAAI,SAAS,WAAW,GAAG;AACzB,eAAS,SAAK,8BAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;AAAA,IACnC;AAEA,YAAQ,GAAG,UAAU;AAAA,MACnB,KAAK;AACH,eAAO,KAAC,8BAAI,WAAW,EAAE,MAAM,wBAAW,MAAM,gBAAAA,gBAAe,GAAG,QAAQ,CAAC;AAAA,MAE7E,KAAK;AACH,eAAO,KAAC,8BAAI,WAAW,EAAE,MAAM,wBAAW,WAAW,gBAAAA,gBAAe,GAAG,QAAQ,CAAC;AAAA,MAElF,KAAK;AACH,eAAO,KAAC,8BAAI,WAAW,EAAE,MAAM,wBAAW,aAAa,gBAAAA,gBAAe,GAAG,QAAQ,CAAC;AAAA,MAEpF,KAAK;AACH,eAAO,KAAC,8BAAI,WAAW,EAAE,MAAM,wBAAW,MAAM,gBAAAA,gBAAe,GAAG,QAAQ,CAAC;AAAA,MAE7E;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO,CAAC;AACV;AAEO,SAAS,qBACd,OACA,gBACA,SACoB;AACpB,QAAM,eAAe,wBAAwB,OAAO;AACpD,QAAM,eAAe,wBAAwB,OAAO;AAEpD,eAAa,WAAW;AACxB,eAAa,mCAAmC;AAChD,sBAAO,UAAU,cAAc,EAAE,OAAO,KAAK,CAAC;AAE9C,SAAO,QAAQ,cAAc,EAC1B,QAAQ,EACR,QAAQ,CAAC,CAAC,iBAAiB,UAAU,MAAM;AAC1C,UAAM,YAAY,aAAa,eAAe;AAC9C,QAAI,UAAU,WAAW;AAAG;AAE5B,UAAM,WAAO,6BAAc,UAAU;AACrC,UAAM,oBAAoB,iCAAiC,IAAI;AAE/D,iBAAa,WAAW,CAAC,EAAE,MAAM,uBAAU,SAAS,UAAU,kBAAkB,CAAC;AAEjF,iBAAa,mCAAmC;AAChD,wBAAO,UAAU,cAAc,EAAE,OAAO,KAAK,CAAC;AAE9C,eAAW,CAAC,YAAY,wBAAwB,KAAK,kBAAK,YAAY,YAAY,GAAG;AACnF,UACG,CAAC,kBAAK,OAAO,UAAU,KAAK,CAAC,sBAAM,SAAS,UAAU,KACvD,WAAW,kBAAkB,QAC7B,WAAW,mBAAmB,IAC9B;AACA;AAAA,MACF;AAEA,YAAM,2BAA2B,aAAa,WAAW,cAAc;AAEvE,YAAM,2BAA2B,CAAC,GAAG,WAAW,GAAG,wBAAwB;AAE3E,YAAM,CAAC,UAAU,IAAI,oBAAO,KAAK,cAAc,wBAAwB;AAEvE,UAAI,kBAAK,OAAO,UAAU,KAAK,kBAAK,OAAO,UAAU,GAAG;AACtD,cAAM,EAAE,gBAAgB,MAAM,GAAG,KAAK,IAAI;AAC1C,gCAAW,SAAS,cAAc,MAAM,EAAE,IAAI,yBAAyB,CAAC;AACxE,gCAAW,WAAW,cAAc,kBAAkB,EAAE,IAAI,yBAAyB,CAAC;AAAA,MACxF,WAAW,sBAAM,SAAS,UAAU,KAAK,sBAAM,SAAS,UAAU,GAAG;AACnE,cAAM,EAAE,gBAAgB,UAAU,GAAG,KAAK,IAAI;AAC9C,gCAAW,SAAS,cAAc,MAAM,EAAE,IAAI,yBAAyB,CAAC;AACxE,gCAAW,WAAW,cAAc,kBAAkB,EAAE,IAAI,yBAAyB,CAAC;AAAA,MACxF;AAAA,IACF;AACA,UAAM,qBAAsB,aAAa,SAAS,GAAG,CAAC,GAAe;AAErE,wBAAO,mBAAmB,cAAc,MAAM;AAC5C,YAAM,KAAK,kBAAK,SAAS,cAAc,SAAS,CAAC,EAC9C,QAAQ,EACR,QAAQ,CAAC,CAAC,GAAG,IAAI,MAAM;AACtB,gCAAW,YAAY,cAAc,EAAE,IAAI,KAAK,CAAC;AAAA,MACnD,CAAC;AAEH,8BAAW,YAAY,cAAc,oBAAoB,EAAE,IAAI,CAAC,GAAG,WAAW,CAAC,EAAE,CAAC;AAAA,IACpF,CAAC;AAAA,EACH,CAAC;AAEH,eAAa,mCAAmC;AAChD,sBAAO,UAAU,cAAc,EAAE,OAAO,KAAK,CAAC;AAE9C,SAAO,aAAa;AACtB;","names":["escapeHtml","translationKey"]}

package/dist/cjs/controls/serialization/base/index.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var base_exports = {};
+__export(base_exports, {
+  deserializeControl: () => deserializeControl,
+  deserializeUnifiedControlDef: () => deserializeUnifiedControlDef,
+  serializeControls: () => serializeControls
+});
+module.exports = __toCommonJS(base_exports);
+var import_controls = require("@makeswift/controls");
+var import__ = require("../../index");
+function serializeControls(controls, visitor) {
+  return Object.entries(controls).reduce(
+    (acc, [key, control]) => {
+      return { ...acc, [key]: control.accept(visitor) };
+    },
+    {}
+  );
+}
+function deserializeControl(serializedControl, options) {
+  const plugins = options?.plugins ?? [];
+  return deserializeUnifiedControlDef((0, import_controls.deserializeRecord)(serializedControl, plugins));
+}
+function deserializeUnifiedControlDef(record) {
+  const deserializeMethod = {
+    [import__.CheckboxDefinition.type]: import__.CheckboxDefinition.deserialize,
+    [import__.CodeDefinition.type]: import__.CodeDefinition.deserialize,
+    [import__.ColorDefinition.type]: import__.ColorDefinition.deserialize,
+    [import__.ComboboxDefinition.type]: import__.ComboboxDefinition.deserialize,
+    [import__.FontDefinition.type]: import__.FontDefinition.deserialize,
+    [import__.GroupDefinition.type]: (record2) => import__.GroupDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.IconRadioGroupDefinition.type]: import__.IconRadioGroupDefinition.deserialize,
+    [import__.ImageDefinition.type]: import__.ImageDefinition.deserialize,
+    [import__.LinkDefinition.type]: import__.LinkDefinition.deserialize,
+    [import__.ListDefinition.type]: (record2) => import__.ListDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.NumberDefinition.type]: import__.NumberDefinition.deserialize,
+    [import__.RichTextV1Definition.type]: import__.RichTextV1Definition.deserialize,
+    [import__.RichTextV2Definition.type]: (record2) => import__.RichTextV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.SelectDefinition.type]: import__.SelectDefinition.deserialize,
+    [import__.ShapeDefinition.type]: (record2) => import__.ShapeDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.SliderDefinition.type]: import__.SliderDefinition.deserialize,
+    [import_controls.ShapeV2Definition.type]: (record2) => import_controls.ShapeV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.SlotDefinition.type]: import__.SlotDefinition.deserialize,
+    [import__.StyleDefinition.type]: import__.StyleDefinition.deserialize,
+    [import__.StyleV2Definition.type]: (record2) => import__.StyleV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [import__.TextAreaDefinition.type]: import__.TextAreaDefinition.deserialize,
+    [import__.TextInputDefinition.type]: import__.TextInputDefinition.deserialize,
+    [import__.unstable_TypographyDefinition.type]: import__.unstable_TypographyDefinition.deserialize
+  };
+  const deserialize = deserializeMethod[record.type] ?? null;
+  if (deserialize == null) {
+    throw new Error(`Unknown control type: ${record.type}`);
+  }
+  return deserialize(record);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeControl,
+  deserializeUnifiedControlDef,
+  serializeControls
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/controls/serialization/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/controls/serialization/base/index.ts"],"sourcesContent":["import {\n  ControlDefinition,\n  type SerializedRecord,\n  type DeserializedRecord,\n  ShapeV2Definition,\n  DeserializationPlugin,\n  deserializeRecord,\n} from '@makeswift/controls'\n\nimport {\n  CheckboxDefinition,\n  CodeDefinition,\n  ColorDefinition,\n  ComboboxDefinition,\n  FontDefinition,\n  GroupDefinition,\n  IconRadioGroupDefinition,\n  ImageDefinition,\n  LinkDefinition,\n  ListDefinition,\n  NumberDefinition,\n  RichTextV1Definition,\n  RichTextV2Definition,\n  SelectDefinition,\n  ShapeDefinition,\n  SliderDefinition,\n  SlotDefinition,\n  StyleDefinition,\n  StyleV2Definition,\n  TextAreaDefinition,\n  TextInputDefinition,\n  unstable_TypographyDefinition,\n} from '../../index'\n\nimport { BaseControlSerializationVisitor } from './visitor'\n\nexport { type SerializedRecord, type DeserializedRecord } from '@makeswift/controls'\n\nexport function serializeControls(\n  controls: Record<string, ControlDefinition>,\n  visitor: BaseControlSerializationVisitor,\n): Record<string, SerializedRecord> {\n  return Object.entries(controls).reduce<Record<string, SerializedRecord>>(\n    (acc, [key, control]) => {\n      return { ...acc, [key]: control.accept(visitor) }\n    },\n    {},\n  )\n}\n\nexport type DeserializeControlOptions = {\n  plugins: DeserializationPlugin<any>[]\n}\n\nexport function deserializeControl(\n  serializedControl: SerializedRecord,\n  options: DeserializeControlOptions,\n): ControlDefinition {\n  const plugins = options?.plugins ?? []\n\n  return deserializeUnifiedControlDef(deserializeRecord(serializedControl, plugins))\n}\n\nexport function deserializeUnifiedControlDef(record: DeserializedRecord): ControlDefinition {\n  type DeserializeMethod = (data: DeserializedRecord) => ControlDefinition\n  const deserializeMethod: Record<string, DeserializeMethod> = {\n    [CheckboxDefinition.type]: CheckboxDefinition.deserialize,\n    [CodeDefinition.type]: CodeDefinition.deserialize,\n    [ColorDefinition.type]: ColorDefinition.deserialize,\n    [ComboboxDefinition.type]: ComboboxDefinition.deserialize,\n    [FontDefinition.type]: FontDefinition.deserialize,\n    [GroupDefinition.type]: record =>\n      GroupDefinition.deserialize(record, deserializeUnifiedControlDef),\n    [IconRadioGroupDefinition.type]: IconRadioGroupDefinition.deserialize,\n    [ImageDefinition.type]: ImageDefinition.deserialize,\n    [LinkDefinition.type]: LinkDefinition.deserialize,\n    [ListDefinition.type]: record =>\n      ListDefinition.deserialize(record, deserializeUnifiedControlDef),\n    [NumberDefinition.type]: NumberDefinition.deserialize,\n    [RichTextV1Definition.type]: RichTextV1Definition.deserialize,\n    [RichTextV2Definition.type]: record =>\n      RichTextV2Definition.deserialize(record, deserializeUnifiedControlDef),\n    [SelectDefinition.type]: SelectDefinition.deserialize,\n    [ShapeDefinition.type]: record =>\n      ShapeDefinition.deserialize(record, deserializeUnifiedControlDef),\n    [SliderDefinition.type]: SliderDefinition.deserialize,\n    [ShapeV2Definition.type]: record =>\n      ShapeV2Definition.deserialize(record, deserializeUnifiedControlDef),\n    [SlotDefinition.type]: SlotDefinition.deserialize,\n    [StyleDefinition.type]: StyleDefinition.deserialize,\n    [StyleV2Definition.type]: record =>\n      StyleV2Definition.deserialize(record, deserializeUnifiedControlDef),\n    [TextAreaDefinition.type]: TextAreaDefinition.deserialize,\n    [TextInputDefinition.type]: TextInputDefinition.deserialize,\n    [unstable_TypographyDefinition.type]: unstable_TypographyDefinition.deserialize,\n  } as const\n\n  const deserialize = deserializeMethod[record.type] ?? null\n  if (deserialize == null) {\n    throw new Error(`Unknown control type: ${record.type}`)\n  }\n\n  return deserialize(record)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOO;AAEP,eAuBO;AAMA,SAAS,kBACd,UACA,SACkC;AAClC,SAAO,OAAO,QAAQ,QAAQ,EAAE;AAAA,IAC9B,CAAC,KAAK,CAAC,KAAK,OAAO,MAAM;AACvB,aAAO,EAAE,GAAG,KAAK,CAAC,GAAG,GAAG,QAAQ,OAAO,OAAO,EAAE;AAAA,IAClD;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAMO,SAAS,mBACd,mBACA,SACmB;AACnB,QAAM,UAAU,SAAS,WAAW,CAAC;AAErC,SAAO,iCAA6B,mCAAkB,mBAAmB,OAAO,CAAC;AACnF;AAEO,SAAS,6BAA6B,QAA+C;AAE1F,QAAM,oBAAuD;AAAA,IAC3D,CAAC,4BAAmB,IAAI,GAAG,4BAAmB;AAAA,IAC9C,CAAC,wBAAe,IAAI,GAAG,wBAAe;AAAA,IACtC,CAAC,yBAAgB,IAAI,GAAG,yBAAgB;AAAA,IACxC,CAAC,4BAAmB,IAAI,GAAG,4BAAmB;AAAA,IAC9C,CAAC,wBAAe,IAAI,GAAG,wBAAe;AAAA,IACtC,CAAC,yBAAgB,IAAI,GAAG,CAAAA,YACtB,yBAAgB,YAAYA,SAAQ,4BAA4B;AAAA,IAClE,CAAC,kCAAyB,IAAI,GAAG,kCAAyB;AAAA,IAC1D,CAAC,yBAAgB,IAAI,GAAG,yBAAgB;AAAA,IACxC,CAAC,wBAAe,IAAI,GAAG,wBAAe;AAAA,IACtC,CAAC,wBAAe,IAAI,GAAG,CAAAA,YACrB,wBAAe,YAAYA,SAAQ,4BAA4B;AAAA,IACjE,CAAC,0BAAiB,IAAI,GAAG,0BAAiB;AAAA,IAC1C,CAAC,8BAAqB,IAAI,GAAG,8BAAqB;AAAA,IAClD,CAAC,8BAAqB,IAAI,GAAG,CAAAA,YAC3B,8BAAqB,YAAYA,SAAQ,4BAA4B;AAAA,IACvE,CAAC,0BAAiB,IAAI,GAAG,0BAAiB;AAAA,IAC1C,CAAC,yBAAgB,IAAI,GAAG,CAAAA,YACtB,yBAAgB,YAAYA,SAAQ,4BAA4B;AAAA,IAClE,CAAC,0BAAiB,IAAI,GAAG,0BAAiB;AAAA,IAC1C,CAAC,kCAAkB,IAAI,GAAG,CAAAA,YACxB,kCAAkB,YAAYA,SAAQ,4BAA4B;AAAA,IACpE,CAAC,wBAAe,IAAI,GAAG,wBAAe;AAAA,IACtC,CAAC,yBAAgB,IAAI,GAAG,yBAAgB;AAAA,IACxC,CAAC,2BAAkB,IAAI,GAAG,CAAAA,YACxB,2BAAkB,YAAYA,SAAQ,4BAA4B;AAAA,IACpE,CAAC,4BAAmB,IAAI,GAAG,4BAAmB;AAAA,IAC9C,CAAC,6BAAoB,IAAI,GAAG,6BAAoB;AAAA,IAChD,CAAC,uCAA8B,IAAI,GAAG,uCAA8B;AAAA,EACtE;AAEA,QAAM,cAAc,kBAAkB,OAAO,IAAI,KAAK;AACtD,MAAI,eAAe,MAAM;AACvB,UAAM,IAAI,MAAM,yBAAyB,OAAO,IAAI,EAAE;AAAA,EACxD;AAEA,SAAO,YAAY,MAAM;AAC3B;","names":["record"]}

package/dist/cjs/controls/serialization/base/visitor.js

@@ -0,0 +1,59 @@
+"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 visitor_exports = {};
+__export(visitor_exports, {
+  BaseControlSerializationVisitor: () => BaseControlSerializationVisitor
+});
+module.exports = __toCommonJS(visitor_exports);
+var import_controls = require("@makeswift/controls");
+var import_rich_text_v2 = require("../../rich-text-v2");
+class BaseControlSerializationVisitor extends import_controls.ControlSerializationVisitor {
+  constructor(plugins) {
+    const serializeDefinitionPlugin = {
+      match: (val) => val instanceof import_controls.ControlDefinition,
+      serialize: (val) => val.accept(this)
+    };
+    super([serializeDefinitionPlugin, ...plugins]);
+  }
+  visitRichTextV2(def) {
+    const { plugins, ...config } = def.config;
+    const pluginDefs = plugins.map(
+      ({ control }) => control ? {
+        control: {
+          definition: control.definition,
+          // FIXME: remove getValue/onChange stubs once we released a version of the builder
+          // built against the runtime where these can be optional
+          getValue: () => void 0,
+          onChange: () => {
+          }
+        }
+      } : {}
+    );
+    const serialized = (0, import_controls.serializeObject)(
+      { config: { ...config, plugins: pluginDefs } },
+      this.serializationPlugins
+    );
+    return { ...serialized, type: import_rich_text_v2.RichTextV2Definition.type };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseControlSerializationVisitor
+});
+//# sourceMappingURL=visitor.js.map

package/dist/cjs/controls/serialization/base/visitor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/controls/serialization/base/visitor.ts"],"sourcesContent":["import {\n  ControlDefinition,\n  SerializedRecord,\n  serializeObject,\n  SerializationPlugin,\n  ControlSerializationVisitor,\n} from '@makeswift/controls'\n\nimport { RichTextV2Definition } from '../../rich-text-v2'\n\nexport class BaseControlSerializationVisitor extends ControlSerializationVisitor {\n  constructor(plugins: SerializationPlugin<any>[]) {\n    const serializeDefinitionPlugin: SerializationPlugin<ControlDefinition> = {\n      match: (val: unknown) => val instanceof ControlDefinition,\n      serialize: (val: ControlDefinition) => val.accept(this),\n    }\n\n    super([serializeDefinitionPlugin, ...plugins])\n  }\n\n  visitRichTextV2(def: RichTextV2Definition): SerializedRecord {\n    const { plugins, ...config } = def.config\n\n    // serialize only the plugin control definition, if any\n    const pluginDefs = plugins.map(({ control }) =>\n      control\n        ? {\n            control: {\n              definition: control.definition,\n              // FIXME: remove getValue/onChange stubs once we released a version of the builder\n              // built against the runtime where these can be optional\n              getValue: () => undefined,\n              onChange: () => {},\n            },\n          }\n        : {},\n    )\n\n    const serialized = serializeObject(\n      { config: { ...config, plugins: pluginDefs } },\n      this.serializationPlugins,\n    ) as SerializedRecord\n\n    return { ...serialized, type: RichTextV2Definition.type }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AAEP,0BAAqC;AAE9B,MAAM,wCAAwC,4CAA4B;AAAA,EAC/E,YAAY,SAAqC;AAC/C,UAAM,4BAAoE;AAAA,MACxE,OAAO,CAAC,QAAiB,eAAe;AAAA,MACxC,WAAW,CAAC,QAA2B,IAAI,OAAO,IAAI;AAAA,IACxD;AAEA,UAAM,CAAC,2BAA2B,GAAG,OAAO,CAAC;AAAA,EAC/C;AAAA,EAEA,gBAAgB,KAA6C;AAC3D,UAAM,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI;AAGnC,UAAM,aAAa,QAAQ;AAAA,MAAI,CAAC,EAAE,QAAQ,MACxC,UACI;AAAA,QACE,SAAS;AAAA,UACP,YAAY,QAAQ;AAAA;AAAA;AAAA,UAGpB,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAAC;AAAA,QACnB;AAAA,MACF,IACA,CAAC;AAAA,IACP;AAEA,UAAM,iBAAa;AAAA,MACjB,EAAE,QAAQ,EAAE,GAAG,QAAQ,SAAS,WAAW,EAAE;AAAA,MAC7C,KAAK;AAAA,IACP;AAEA,WAAO,EAAE,GAAG,YAAY,MAAM,yCAAqB,KAAK;AAAA,EAC1D;AACF;","names":[]}

package/dist/cjs/controls/serialization/index.js

@@ -0,0 +1,55 @@
+"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 serialization_exports = {};
+__export(serialization_exports, {
+  deserializeControlRecords: () => deserializeControlRecords,
+  isSerializedRecord: () => isSerializedRecord
+});
+module.exports = __toCommonJS(serialization_exports);
+function isSerializedRecord(r) {
+  return r != null && typeof r === "object" && "type" in r && typeof r.type === "string";
+}
+function deserializeControlRecords(serializedControls, deserialize, { onError, plugins } = {}) {
+  return Object.entries(serializedControls).reduce(
+    (deserializedControls, [key, serializedControl]) => {
+      try {
+        if (!isSerializedRecord(serializedControl)) {
+          throw new Error(
+            `Expected serialized control data, got ${JSON.stringify(serializedControl)}`
+          );
+        }
+        const deserializedControl = deserialize(serializedControl, { plugins });
+        return { ...deserializedControls, [key]: deserializedControl };
+      } catch (err) {
+        const error = err instanceof Error ? new Error(`Could not deserialize control for "${key}": ${err.message}`, {
+          cause: err
+        }) : new Error(`Could not deserialize control for "${key}", unknown error: ${err}`);
+        onError?.(error, { key, serializedControl });
+        return deserializedControls;
+      }
+    },
+    {}
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeControlRecords,
+  isSerializedRecord
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/controls/serialization/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/serialization/index.ts"],"sourcesContent":["import { type SerializedRecord, type DeserializeControlOptions } from './base'\n\nexport function isSerializedRecord(r: unknown): r is SerializedRecord {\n  return r != null && typeof r === 'object' && 'type' in r && typeof r.type === 'string'\n}\n\nexport type DeserializeControlRecordsOptions = {\n  onError?: (err: Error, context: { key: string; serializedControl: unknown }) => void\n} & Partial<Pick<DeserializeControlOptions, 'plugins'>>\n\nexport function deserializeControlRecords<T>(\n  serializedControls: Record<string, unknown>,\n  deserialize: (\n    serializedControl: SerializedRecord,\n    options?: Partial<DeserializeControlOptions>,\n  ) => T,\n  { onError, plugins }: DeserializeControlRecordsOptions = {},\n): Record<string, T> {\n  return Object.entries(serializedControls).reduce<Record<string, T>>(\n    (deserializedControls, [key, serializedControl]) => {\n      try {\n        if (!isSerializedRecord(serializedControl)) {\n          throw new Error(\n            `Expected serialized control data, got ${JSON.stringify(serializedControl)}`,\n          )\n        }\n        const deserializedControl = deserialize(serializedControl, { plugins })\n        return { ...deserializedControls, [key]: deserializedControl }\n      } catch (err: unknown) {\n        const error =\n          err instanceof Error\n            ? new Error(`Could not deserialize control for \"${key}\": ${err.message}`, {\n                cause: err,\n              })\n            : new Error(`Could not deserialize control for \"${key}\", unknown error: ${err}`)\n\n        onError?.(error, { key, serializedControl })\n\n        return deserializedControls\n      }\n    },\n    {},\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,mBAAmB,GAAmC;AACpE,SAAO,KAAK,QAAQ,OAAO,MAAM,YAAY,UAAU,KAAK,OAAO,EAAE,SAAS;AAChF;AAMO,SAAS,0BACd,oBACA,aAIA,EAAE,SAAS,QAAQ,IAAsC,CAAC,GACvC;AACnB,SAAO,OAAO,QAAQ,kBAAkB,EAAE;AAAA,IACxC,CAAC,sBAAsB,CAAC,KAAK,iBAAiB,MAAM;AAClD,UAAI;AACF,YAAI,CAAC,mBAAmB,iBAAiB,GAAG;AAC1C,gBAAM,IAAI;AAAA,YACR,yCAAyC,KAAK,UAAU,iBAAiB,CAAC;AAAA,UAC5E;AAAA,QACF;AACA,cAAM,sBAAsB,YAAY,mBAAmB,EAAE,QAAQ,CAAC;AACtE,eAAO,EAAE,GAAG,sBAAsB,CAAC,GAAG,GAAG,oBAAoB;AAAA,MAC/D,SAAS,KAAc;AACrB,cAAM,QACJ,eAAe,QACX,IAAI,MAAM,sCAAsC,GAAG,MAAM,IAAI,OAAO,IAAI;AAAA,UACtE,OAAO;AAAA,QACT,CAAC,IACD,IAAI,MAAM,sCAAsC,GAAG,qBAAqB,GAAG,EAAE;AAEnF,kBAAU,OAAO,EAAE,KAAK,kBAAkB,CAAC;AAE3C,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/cjs/controls/serialization/message-port/function-serialization.js

@@ -0,0 +1,79 @@
+"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 function_serialization_exports = {};
+__export(function_serialization_exports, {
+  deserializeFunction: () => deserializeFunction,
+  functionDeserializationPlugin: () => functionDeserializationPlugin,
+  isSerializedFunction: () => isSerializedFunction,
+  serializeFunction: () => serializeFunction
+});
+module.exports = __toCommonJS(function_serialization_exports);
+function isSerializedFunction(value) {
+  return value instanceof MessagePort;
+}
+function serializeFunction(func) {
+  const messageChannel = new MessageChannel();
+  messageChannel.port1.onmessage = ({ data: [callId, args] }) => {
+    Promise.resolve().then(() => func.apply(null, args)).then((result) => messageChannel.port1.postMessage([callId, result]));
+  };
+  return messageChannel.port2;
+}
+function onmessageHandler() {
+  let nextCallId = 0;
+  const calls = /* @__PURE__ */ new Map();
+  const result = ({ data: [callId, result2] }) => {
+    calls.get(callId)?.(result2);
+    calls.delete(callId);
+  };
+  result.newCall = (resolve) => {
+    const callId = nextCallId++;
+    calls.set(callId, resolve);
+    return callId;
+  };
+  return result;
+}
+function deserializeFunction(serializedFunction) {
+  if (serializedFunction.onmessage == null) {
+    serializedFunction.onmessage = onmessageHandler();
+  }
+  return function deserializedFunction(...args) {
+    return new Promise((resolve) => {
+      const { newCall } = serializedFunction.onmessage;
+      if (newCall == null) {
+        throw new Error(
+          `Deserialized function call failed: 'onmessage' handler is missing 'newCall' method`
+        );
+      }
+      const callId = newCall(resolve);
+      serializedFunction.postMessage([callId, args]);
+    });
+  };
+}
+const functionDeserializationPlugin = {
+  match: isSerializedFunction,
+  deserialize: (value) => deserializeFunction(value)
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deserializeFunction,
+  functionDeserializationPlugin,
+  isSerializedFunction,
+  serializeFunction
+});
+//# sourceMappingURL=function-serialization.js.map

package/dist/cjs/controls/serialization/message-port/function-serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/controls/serialization/message-port/function-serialization.ts"],"sourcesContent":["import {\n  DeserializationPlugin,\n  type AnyFunction,\n  type SerializedFunctionReturnType,\n  type DeserializedFunction,\n} from '@makeswift/controls'\n\nexport { type DeserializedFunction } from '@makeswift/controls'\n\ndeclare const SerializedFunctionTag: unique symbol\n\ntype ResolveCallPromise<T extends AnyFunction> = (value: SerializedFunctionReturnType<T>) => void\n\ntype OnMessageHandler<T extends AnyFunction> = MessagePort['onmessage'] & {\n  newCall?(resolve: ResolveCallPromise<T>): number\n}\n\nexport type SerializedFunction<T extends AnyFunction> = MessagePort & {\n  onmessage: OnMessageHandler<T>\n  readonly [SerializedFunctionTag]: T\n}\n\nexport function isSerializedFunction(value: any): value is SerializedFunction<AnyFunction> {\n  return value instanceof MessagePort\n}\n\ntype CallID = number\n\nexport function serializeFunction<T extends AnyFunction>(func: T): SerializedFunction<T> {\n  type CallMessageEvent = MessageEvent<[CallID, Parameters<T>]>\n\n  const messageChannel = new MessageChannel()\n\n  messageChannel.port1.onmessage = ({ data: [callId, args] }: CallMessageEvent) => {\n    Promise.resolve()\n      .then(() => func.apply(null, args))\n      .then(result => messageChannel.port1.postMessage([callId, result]))\n  }\n\n  return messageChannel.port2 as SerializedFunction<T>\n}\n\nfunction onmessageHandler<T extends AnyFunction>(): OnMessageHandler<T> {\n  type ResultMessageEvent = MessageEvent<[CallID, SerializedFunctionReturnType<T>]>\n  let nextCallId = 0\n  const calls = new Map<CallID, ResolveCallPromise<T>>()\n\n  const result: OnMessageHandler<T> = ({ data: [callId, result] }: ResultMessageEvent) => {\n    calls.get(callId)?.(result)\n    calls.delete(callId)\n  }\n\n  result.newCall = (resolve: ResolveCallPromise<T>) => {\n    const callId = nextCallId++\n    calls.set(callId, resolve)\n    return callId\n  }\n\n  return result\n}\n\nexport function deserializeFunction<T extends AnyFunction>(\n  serializedFunction: SerializedFunction<T>,\n): DeserializedFunction<T> {\n  if (serializedFunction.onmessage == null) {\n    serializedFunction.onmessage = onmessageHandler<T>()\n  }\n\n  return function deserializedFunction(...args) {\n    return new Promise(resolve => {\n      const { newCall } = serializedFunction.onmessage\n      if (newCall == null) {\n        throw new Error(\n          `Deserialized function call failed: 'onmessage' handler is missing 'newCall' method`,\n        )\n      }\n\n      const callId = newCall(resolve)\n      serializedFunction.postMessage([callId, args])\n    })\n  }\n}\n\nexport const functionDeserializationPlugin: DeserializationPlugin<\n  SerializedFunction<AnyFunction>,\n  DeserializedFunction<AnyFunction>\n> = {\n  match: isSerializedFunction,\n  deserialize: value => deserializeFunction(value),\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBO,SAAS,qBAAqB,OAAsD;AACzF,SAAO,iBAAiB;AAC1B;AAIO,SAAS,kBAAyC,MAAgC;AAGvF,QAAM,iBAAiB,IAAI,eAAe;AAE1C,iBAAe,MAAM,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,MAAwB;AAC/E,YAAQ,QAAQ,EACb,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,EACjC,KAAK,YAAU,eAAe,MAAM,YAAY,CAAC,QAAQ,MAAM,CAAC,CAAC;AAAA,EACtE;AAEA,SAAO,eAAe;AACxB;AAEA,SAAS,mBAA+D;AAEtE,MAAI,aAAa;AACjB,QAAM,QAAQ,oBAAI,IAAmC;AAErD,QAAM,SAA8B,CAAC,EAAE,MAAM,CAAC,QAAQA,OAAM,EAAE,MAA0B;AACtF,UAAM,IAAI,MAAM,IAAIA,OAAM;AAC1B,UAAM,OAAO,MAAM;AAAA,EACrB;AAEA,SAAO,UAAU,CAAC,YAAmC;AACnD,UAAM,SAAS;AACf,UAAM,IAAI,QAAQ,OAAO;AACzB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,oBACd,oBACyB;AACzB,MAAI,mBAAmB,aAAa,MAAM;AACxC,uBAAmB,YAAY,iBAAoB;AAAA,EACrD;AAEA,SAAO,SAAS,wBAAwB,MAAM;AAC5C,WAAO,IAAI,QAAQ,aAAW;AAC5B,YAAM,EAAE,QAAQ,IAAI,mBAAmB;AACvC,UAAI,WAAW,MAAM;AACnB,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAEA,YAAM,SAAS,QAAQ,OAAO;AAC9B,yBAAmB,YAAY,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC/C,CAAC;AAAA,EACH;AACF;AAEO,MAAM,gCAGT;AAAA,EACF,OAAO;AAAA,EACP,aAAa,WAAS,oBAAoB,KAAK;AACjD;","names":["result"]}

package/dist/cjs/controls/serialization/message-port/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 message_port_exports = {};
+module.exports = __toCommonJS(message_port_exports);
+__reExport(message_port_exports, require("./function-serialization"), module.exports);
+__reExport(message_port_exports, require("./visitor"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./function-serialization"),
+  ...require("./visitor")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/controls/serialization/message-port/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/controls/serialization/message-port/index.ts"],"sourcesContent":["export * from './function-serialization'\nexport * from './visitor'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,qCAAd;AACA,iCAAc,sBADd;","names":[]}

package/dist/cjs/controls/serialization/message-port/visitor.js

@@ -0,0 +1,48 @@
+"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 visitor_exports = {};
+__export(visitor_exports, {
+  ClientMessagePortSerializationVisitor: () => ClientMessagePortSerializationVisitor
+});
+module.exports = __toCommonJS(visitor_exports);
+var import_controls = require("@makeswift/controls");
+var import_visitor = require("../base/visitor");
+var import_function_serialization = require("./function-serialization");
+class ClientMessagePortSerializationVisitor extends import_visitor.BaseControlSerializationVisitor {
+  transferables = [];
+  constructor() {
+    const serializeFunctionPlugin = {
+      match: import_controls.isFunction,
+      serialize: (val) => {
+        const r = (0, import_function_serialization.serializeFunction)(val);
+        this.transferables.push(r);
+        return r;
+      }
+    };
+    super([serializeFunctionPlugin]);
+  }
+  getTransferables() {
+    return [...this.transferables];
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientMessagePortSerializationVisitor
+});
+//# sourceMappingURL=visitor.js.map

package/dist/cjs/controls/serialization/message-port/visitor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/controls/serialization/message-port/visitor.ts"],"sourcesContent":["import { AnyFunction, SerializationPlugin, isFunction } from '@makeswift/controls'\n\nimport { BaseControlSerializationVisitor } from '../base/visitor'\nimport { serializeFunction } from './function-serialization'\n\nexport class ClientMessagePortSerializationVisitor extends BaseControlSerializationVisitor {\n  private transferables: Transferable[] = []\n\n  constructor() {\n    const serializeFunctionPlugin: SerializationPlugin<AnyFunction> = {\n      match: isFunction,\n      serialize: (val: AnyFunction) => {\n        const r = serializeFunction(val)\n        this.transferables.push(r)\n        return r\n      },\n    }\n\n    super([serializeFunctionPlugin])\n  }\n\n  getTransferables(): Transferable[] {\n    return [...this.transferables]\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA6D;AAE7D,qBAAgD;AAChD,oCAAkC;AAE3B,MAAM,8CAA8C,+CAAgC;AAAA,EACjF,gBAAgC,CAAC;AAAA,EAEzC,cAAc;AACZ,UAAM,0BAA4D;AAAA,MAChE,OAAO;AAAA,MACP,WAAW,CAAC,QAAqB;AAC/B,cAAM,QAAI,iDAAkB,GAAG;AAC/B,aAAK,cAAc,KAAK,CAAC;AACzB,eAAO;AAAA,MACT;AAAA,IACF;AAEA,UAAM,CAAC,uBAAuB,CAAC;AAAA,EACjC;AAAA,EAEA,mBAAmC;AACjC,WAAO,CAAC,GAAG,KAAK,aAAa;AAAA,EAC/B;AACF;","names":[]}