@makeswift/runtime 0.13.1 → 0.14.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/dto.ts"],"sourcesContent":["import { Descendant } from 'slate'\nimport { RichTextV2ControlData, RichTextV2ControlType } from './rich-text-v2'\nimport { v4 as uuid } from 'uuid'\nimport { BlockType } from '../../slate/types'\n\nexport function richTextV2DataToDescendents(data: RichTextV2ControlData): Descendant[] {\n  return data.descendants.length === 0\n    ? [{ type: BlockType.Default, children: [{ text: '' }] }]\n    : data.descendants\n}\n\nexport function richTextV2DescendentsToData(\n  descendants: Descendant[],\n  key?: string,\n): RichTextV2ControlData {\n  return {\n    type: RichTextV2ControlType,\n    version: 2,\n    descendants,\n    key: key ?? uuid(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAA6D;AAC7D,kBAA2B;AAC3B,mBAA0B;AAEnB,SAAS,4BAA4B,MAA2C;AACrF,SAAO,KAAK,YAAY,WAAW,IAC/B,CAAC,EAAE,MAAM,uBAAU,SAAS,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,IACtD,KAAK;AACX;AAEO,SAAS,4BACd,aACA,KACuB;AACvB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT;AAAA,IACA,KAAK,WAAO,YAAAA,IAAK;AAAA,EACnB;AACF;","names":["uuid"]}

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

@@ -0,0 +1,27 @@
+"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 rich_text_v2_exports = {};
+module.exports = __toCommonJS(rich_text_v2_exports);
+__reExport(rich_text_v2_exports, require("./rich-text-v2"), module.exports);
+__reExport(rich_text_v2_exports, require("./dto"), module.exports);
+__reExport(rich_text_v2_exports, require("./plugin"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./rich-text-v2"),
+  ...require("./dto"),
+  ...require("./plugin")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/index.ts"],"sourcesContent":["export * from './rich-text-v2'\nexport * from './dto'\nexport * from './plugin'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,2BAAd;AACA,iCAAc,kBADd;AAEA,iCAAc,qBAFd;","names":[]}

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

@@ -0,0 +1,69 @@
+"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 introspection_exports = {};
+__export(introspection_exports, {
+  getRichTextV2PageIds: () => getRichTextV2PageIds,
+  getRichTextV2SwatchIds: () => getRichTextV2SwatchIds,
+  getRichTextV2TypographyIds: () => getRichTextV2TypographyIds
+});
+module.exports = __toCommonJS(introspection_exports);
+var import_introspection = require("../../prop-controllers/introspection");
+var import_slate = require("slate");
+function introspectRichTextV2Data(definition, data, func) {
+  const plugins = definition.config.plugins;
+  return data.descendants.flatMap((d) => getDescendantTypographyIds(d));
+  function getDescendantTypographyIds(descendant) {
+    if (import_slate.Element.isElement(descendant)) {
+      return [
+        ...getElementTypographyIds(descendant),
+        ...descendant.children.flatMap((d) => getDescendantTypographyIds(d))
+      ];
+    }
+    if (import_slate.Text.isText(descendant)) {
+      return getTextTypographyIds(descendant);
+    }
+    return [];
+  }
+  function getElementTypographyIds(descendant) {
+    return plugins?.flatMap(
+      (plugin) => plugin.control?.definition && plugin.control.getElementValue ? func(plugin.control.definition, plugin.control.getElementValue(descendant)) : []
+    ) ?? [];
+  }
+  function getTextTypographyIds(text) {
+    return plugins?.flatMap((plugin) => {
+      return plugin.control?.definition && plugin.control.getLeafValue ? func(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
+    }) ?? [];
+  }
+}
+function getRichTextV2SwatchIds(definition, data) {
+  return introspectRichTextV2Data(definition, data, import_introspection.getSwatchIds);
+}
+function getRichTextV2TypographyIds(definition, data) {
+  return introspectRichTextV2Data(definition, data, import_introspection.getTypographyIds);
+}
+function getRichTextV2PageIds(definition, data) {
+  return introspectRichTextV2Data(definition, data, import_introspection.getPageIds);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRichTextV2PageIds,
+  getRichTextV2SwatchIds,
+  getRichTextV2TypographyIds
+});
+//# sourceMappingURL=introspection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/introspection.ts"],"sourcesContent":["import { getPageIds, getSwatchIds, getTypographyIds } from '../../prop-controllers/introspection'\nimport { ControlDefinition } from '../control'\nimport { Data } from '../types'\nimport { RichTextV2ControlData, RichTextV2ControlDefinition } from './rich-text-v2'\nimport { Descendant, Element as SlateElement, Text } from 'slate'\n\nfunction introspectRichTextV2Data<T>(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n  func: (definition: ControlDefinition, data: Data) => T[],\n): T[] {\n  const plugins = definition.config.plugins\n\n  return data.descendants.flatMap(d => getDescendantTypographyIds(d))\n\n  function getDescendantTypographyIds(descendant: Descendant): T[] {\n    if (SlateElement.isElement(descendant)) {\n      return [\n        ...getElementTypographyIds(descendant),\n        ...descendant.children.flatMap(d => getDescendantTypographyIds(d)),\n      ]\n    }\n\n    if (Text.isText(descendant)) {\n      return getTextTypographyIds(descendant)\n    }\n\n    return []\n  }\n\n  function getElementTypographyIds(descendant: SlateElement) {\n    return (\n      plugins?.flatMap(plugin =>\n        plugin.control?.definition && plugin.control.getElementValue\n          ? func(plugin.control.definition, plugin.control.getElementValue(descendant))\n          : [],\n      ) ?? []\n    )\n  }\n\n  function getTextTypographyIds(text: Text) {\n    return (\n      plugins?.flatMap(plugin => {\n        return plugin.control?.definition && plugin.control.getLeafValue\n          ? func(plugin.control.definition, plugin.control.getLeafValue(text))\n          : []\n      }) ?? []\n    )\n  }\n}\n\nexport function getRichTextV2SwatchIds(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n) {\n  return introspectRichTextV2Data(definition, data, getSwatchIds)\n}\n\nexport function getRichTextV2TypographyIds(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n) {\n  return introspectRichTextV2Data(definition, data, getTypographyIds)\n}\n\nexport function getRichTextV2PageIds(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n) {\n  return introspectRichTextV2Data(definition, data, getPageIds)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA2D;AAI3D,mBAA0D;AAE1D,SAAS,yBACP,YACA,MACA,MACK;AACL,QAAM,UAAU,WAAW,OAAO;AAElC,SAAO,KAAK,YAAY,QAAQ,OAAK,2BAA2B,CAAC,CAAC;AAElE,WAAS,2BAA2B,YAA6B;AAC/D,QAAI,aAAAA,QAAa,UAAU,UAAU,GAAG;AACtC,aAAO;AAAA,QACL,GAAG,wBAAwB,UAAU;AAAA,QACrC,GAAG,WAAW,SAAS,QAAQ,OAAK,2BAA2B,CAAC,CAAC;AAAA,MACnE;AAAA,IACF;AAEA,QAAI,kBAAK,OAAO,UAAU,GAAG;AAC3B,aAAO,qBAAqB,UAAU;AAAA,IACxC;AAEA,WAAO,CAAC;AAAA,EACV;AAEA,WAAS,wBAAwB,YAA0B;AACzD,WACE,SAAS;AAAA,MAAQ,YACf,OAAO,SAAS,cAAc,OAAO,QAAQ,kBACzC,KAAK,OAAO,QAAQ,YAAY,OAAO,QAAQ,gBAAgB,UAAU,CAAC,IAC1E,CAAC;AAAA,IACP,KAAK,CAAC;AAAA,EAEV;AAEA,WAAS,qBAAqB,MAAY;AACxC,WACE,SAAS,QAAQ,YAAU;AACzB,aAAO,OAAO,SAAS,cAAc,OAAO,QAAQ,eAChD,KAAK,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,IAAI,CAAC,IACjE,CAAC;AAAA,IACP,CAAC,KAAK,CAAC;AAAA,EAEX;AACF;AAEO,SAAS,uBACd,YACA,MACA;AACA,SAAO,yBAAyB,YAAY,MAAM,iCAAY;AAChE;AAEO,SAAS,2BACd,YACA,MACA;AACA,SAAO,yBAAyB,YAAY,MAAM,qCAAgB;AACpE;AAEO,SAAS,qBACd,YACA,MACA;AACA,SAAO,yBAAyB,YAAY,MAAM,+BAAU;AAC9D;","names":["SlateElement"]}

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

@@ -0,0 +1,37 @@
+"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 plugin_exports = {};
+__export(plugin_exports, {
+  createRichTextV2Plugin: () => createRichTextV2Plugin
+});
+module.exports = __toCommonJS(plugin_exports);
+function createRichTextV2Plugin({
+  control,
+  withPlugin,
+  onKeyDown,
+  renderElement,
+  renderLeaf
+}) {
+  return { control, withPlugin, onKeyDown, renderElement, renderLeaf };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createRichTextV2Plugin
+});
+//# sourceMappingURL=plugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/plugin.ts"],"sourcesContent":["import { Editor, Element, Text } from 'slate'\nimport { ControlDefinition, ControlDefinitionData } from '../control'\nimport { RenderElementProps, RenderLeafProps } from 'slate-react'\nimport { KeyboardEvent } from 'react'\n\nexport type RichTextV2PluginControlValue<T extends ControlDefinition> =\n  | ControlDefinitionData<T>\n  | undefined\n\nexport type RichTextV2PluginControlDefinition<T extends ControlDefinition> = {\n  definition: T\n  getValue(editor: Editor): RichTextV2PluginControlValue<T>\n  onChange(editor: Editor, value: RichTextV2PluginControlValue<T>): void\n  getElementValue?(element: Element): any\n  getLeafValue?(leaf: Text): any\n}\n\nexport type RenderElement = (props: RenderElementProps) => JSX.Element\nexport type RenderLeaf = (props: RenderLeafProps) => JSX.Element\n\nexport type RichTextV2Plugin<T extends ControlDefinition = ControlDefinition> = {\n  control?: RichTextV2PluginControlDefinition<T>\n  withPlugin?(editor: Editor): Editor\n  onKeyDown?(event: KeyboardEvent, editor: Editor): void\n  renderElement?: (\n    renderElement: RenderElement,\n    value: any,\n  ) => (props: RenderElementProps) => JSX.Element\n  renderLeaf?: (renderLeaf: RenderLeaf, value: any) => (props: RenderLeafProps) => JSX.Element\n}\n\nexport function createRichTextV2Plugin<T extends ControlDefinition>({\n  control,\n  withPlugin,\n  onKeyDown,\n  renderElement,\n  renderLeaf,\n}: RichTextV2Plugin<T>) {\n  return { control, withPlugin, onKeyDown, renderElement, renderLeaf }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BO,SAAS,uBAAoD;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SAAO,EAAE,SAAS,YAAY,WAAW,eAAe,WAAW;AACrE;","names":[]}

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

@@ -0,0 +1,181 @@
+"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 rich_text_v2_exports = {};
+__export(rich_text_v2_exports, {
+  RichText: () => RichText,
+  RichTextV2Control: () => RichTextV2Control,
+  RichTextV2ControlMessageType: () => RichTextV2ControlMessageType,
+  RichTextV2ControlType: () => RichTextV2ControlType,
+  RichTextV2Mode: () => RichTextV2Mode,
+  isRichTextV1Data: () => isRichTextV1Data
+});
+module.exports = __toCommonJS(rich_text_v2_exports);
+var import_corporate_ipsum = __toESM(require("corporate-ipsum"));
+var import_base = require("../../prop-controllers/base");
+var import_dto = require("./dto");
+var import_linkPluginWithoutRenderElement = require("../../slate/LinkPlugin/linkPluginWithoutRenderElement");
+var import_InlinePlugin = require("../../slate/InlinePlugin");
+var import_TextAlignPlugin = require("../../slate/TextAlignPlugin");
+var import_BlockPlugin = require("../../slate/BlockPlugin");
+var import_TypographyPlugin = require("../../slate/TypographyPlugin");
+var import_InlineModePlugin = require("../../slate/InlineModePlugin");
+const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
+const RichTextV2Mode = {
+  Inline: "makeswift::controls::rich-text-v2::mode::inline",
+  Block: "makeswift::controls::rich-text-v2::mode::block"
+};
+function RichText(config = {}) {
+  return {
+    type: RichTextV2ControlType,
+    config: {
+      mode: config.mode,
+      defaultValue: config.defaultValue ?? (config?.mode === RichTextV2Mode.Inline ? "Edit this text" : (0, import_corporate_ipsum.default)(3)),
+      plugins: config?.mode === RichTextV2Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : (
+        // Note: this plugin references a `renderElement`-less LinkPlugin to prevent a circular dependency
+        [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)(), (0, import_linkPluginWithoutRenderElement.LinkPlugin)()]
+      )
+    }
+  };
+}
+RichText.Mode = RichTextV2Mode;
+const RichTextV2ControlMessageType = {
+  // COSMOS -> HOST
+  RESET_VALUE: "makeswift::controls::rich-text-v2::control-message::reset-value",
+  FOCUS: "makeswift::controls::rich-text-v2::control-message::focus",
+  RUN_PLUGIN_CONTROL_ACTION: "makeswift::controls::rich-text-v2::control-message::run-plugin-control-action",
+  // HOST -> COSMOS
+  SET_DEFAULT_VALUE: "makeswift::controls::rich-text-v2::control-message::set-default-value",
+  SET_PLUGIN_CONTROL_VALUE: "makeswift::controls::rich-text-v2::control-message::set-plugin-control-value",
+  ON_CHANGE: "makeswift::controls::rich-text-v2::control-message::on-change",
+  SELECT: "makeswift::controls::rich-text-v2::control-message::select",
+  SWITCH_TO_BUILD_MODE: "makeswift::controls::rich-text-v2::control-message::switch-to-build-mode",
+  CHANGE_BOX_MODEL: "makeswift::controls::rich-text-v2::control-message::change-box-model",
+  REDO: "makeswift::controls::rich-text-v2::control-message::redo",
+  UNDO: "makeswift::controls::rich-text-v2::control-message::undo"
+};
+class RichTextV2Control extends import_base.PropController {
+  editor = null;
+  defaultValue = null;
+  descriptor;
+  constructor(send, descriptor) {
+    super(send);
+    this.descriptor = descriptor;
+    this.send = send;
+  }
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextV2ControlMessageType.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+      case RichTextV2ControlMessageType.RESET_VALUE: {
+        if (this.defaultValue) {
+          this.editor.resetValue(this.defaultValue);
+          setTimeout(() => {
+            this.onLocalUserChange();
+          });
+        }
+        break;
+      }
+      case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
+        this.descriptor.config.plugins?.at(message.pluginIndex)?.control?.onChange(this.editor, message.value);
+        break;
+      }
+    }
+  };
+  setEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: this.descriptor.config?.plugins?.map((plugin) => plugin?.control?.getValue(editor)) ?? []
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      this.updatePluginValues();
+      if (this.editor == null || options?.operation == null)
+        return;
+      this.onLocalUserChange();
+    };
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,
+      value: defaultValue
+    });
+  }
+  onLocalUserChange() {
+    if (this.editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.ON_CHANGE,
+      value: (0, import_dto.richTextV2DescendentsToData)(this.editor.children, this.editor.currentKey)
+    });
+  }
+  updatePluginValues() {
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: this.descriptor.config?.plugins?.map((plugin) => plugin?.control?.getValue(editor)) ?? []
+    });
+  }
+  select() {
+    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  }
+  switchToBuildMode() {
+    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  }
+  undo() {
+    this.send({ type: RichTextV2ControlMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextV2ControlMessageType.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+}
+function isRichTextV1Data(value) {
+  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RichText,
+  RichTextV2Control,
+  RichTextV2ControlMessageType,
+  RichTextV2ControlType,
+  RichTextV2Mode,
+  isRichTextV1Data
+});
+//# sourceMappingURL=rich-text-v2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/rich-text-v2.ts"],"sourcesContent":["// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport { PropController } from '../../prop-controllers/base'\nimport { Descendant, Editor } from 'slate'\nimport { BoxModel } from '../../box-model'\nimport { Send } from '../../prop-controllers/instances'\nimport { ControlDefinition } from '../control'\nimport { RichTextControlData } from '../rich-text/rich-text'\nimport { richTextV2DescendentsToData } from './dto'\nimport { LinkPlugin } from '../../slate/LinkPlugin/linkPluginWithoutRenderElement'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { RichTextV2Plugin, RichTextV2PluginControlValue } from './plugin'\n\nexport const RichTextV2ControlType = 'makeswift::controls::rich-text-v2'\n\nexport type RichTextV2ControlData = {\n  version: 2\n  type: typeof RichTextV2ControlType\n  descendants: Descendant[]\n  key: string\n}\n\nexport const RichTextV2Mode = {\n  Inline: 'makeswift::controls::rich-text-v2::mode::inline',\n  Block: 'makeswift::controls::rich-text-v2::mode::block',\n} as const\n\nexport type RichTextV2Mode = typeof RichTextV2Mode[keyof typeof RichTextV2Mode]\n\nexport type RichTextMode = RichTextV2Mode\n\nexport type RichTextV2Config = {\n  mode?: RichTextV2Mode\n  plugins?: RichTextV2Plugin[]\n  defaultValue?: string\n}\n\ntype ExternalRichTextV2Config = Omit<RichTextV2Config, 'plugins'>\n\nexport type RichTextV2ControlDefinition<T extends RichTextV2Config = RichTextV2Config> = {\n  type: typeof RichTextV2ControlType\n  config: T\n}\n\nexport function RichText<T extends ExternalRichTextV2Config>(\n  config: T = {} as T,\n): RichTextV2ControlDefinition {\n  return {\n    type: RichTextV2ControlType,\n    config: {\n      mode: config.mode,\n      defaultValue:\n        config.defaultValue ??\n        (config?.mode === RichTextV2Mode.Inline ? 'Edit this text' : ipsum(3)),\n      plugins:\n        config?.mode === RichTextV2Mode.Inline\n          ? [InlineModePlugin()]\n          : // Note: this plugin references a `renderElement`-less LinkPlugin to prevent a circular dependency\n            [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()],\n    },\n  }\n}\n\nRichText.Mode = RichTextV2Mode\n\nexport const RichTextV2ControlMessageType = {\n  // COSMOS -> HOST\n  RESET_VALUE: 'makeswift::controls::rich-text-v2::control-message::reset-value',\n  FOCUS: 'makeswift::controls::rich-text-v2::control-message::focus',\n  RUN_PLUGIN_CONTROL_ACTION:\n    'makeswift::controls::rich-text-v2::control-message::run-plugin-control-action',\n\n  // HOST -> COSMOS\n  SET_DEFAULT_VALUE: 'makeswift::controls::rich-text-v2::control-message::set-default-value',\n  SET_PLUGIN_CONTROL_VALUE:\n    'makeswift::controls::rich-text-v2::control-message::set-plugin-control-value',\n  ON_CHANGE: 'makeswift::controls::rich-text-v2::control-message::on-change',\n  SELECT: 'makeswift::controls::rich-text-v2::control-message::select',\n  SWITCH_TO_BUILD_MODE: 'makeswift::controls::rich-text-v2::control-message::switch-to-build-mode',\n  CHANGE_BOX_MODEL: 'makeswift::controls::rich-text-v2::control-message::change-box-model',\n\n  REDO: 'makeswift::controls::rich-text-v2::control-message::redo',\n  UNDO: 'makeswift::controls::rich-text-v2::control-message::undo',\n} as const\n\ntype OnChangeRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.ON_CHANGE\n  value: RichTextV2ControlData\n}\n\ntype SetDefaultValueRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SET_DEFAULT_VALUE\n  value: Descendant[]\n}\n\ntype SetPluginControlValueRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE\n  value: RichTextV2PluginControlValue<ControlDefinition>[]\n}\n\ntype ResetValueRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.RESET_VALUE }\n\ntype SelectRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.SELECT }\n\ntype RunPluginControlActionRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION\n  pluginIndex: number\n  value: RichTextV2PluginControlValue<ControlDefinition>\n}\n\ntype FocusRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.FOCUS }\n\ntype SwitchToBuildModeRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE\n}\n\ntype BoxModelChangeRichControlMessage = {\n  type: typeof RichTextV2ControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\ntype UndoRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.UNDO }\n\ntype RedoRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.REDO }\n\nexport type RichTextV2ControlMessage =\n  | OnChangeRichTextControlMessage\n  | SetDefaultValueRichTextControlMessage\n  | SetPluginControlValueRichTextControlMessage\n  | ResetValueRichTextControlMessage\n  | FocusRichTextControlMessage\n  | RunPluginControlActionRichTextControlMessage\n  | SelectRichTextControlMessage\n  | SwitchToBuildModeRichTextControlMessage\n  | BoxModelChangeRichControlMessage\n  | UndoRichTextControlMessage\n  | RedoRichTextControlMessage\n\nexport class RichTextV2Control<\n  T extends RichTextV2ControlDefinition = RichTextV2ControlDefinition,\n> extends PropController<RichTextV2ControlMessage> {\n  private editor: Editor | null = null\n  private defaultValue: Descendant[] | null = null\n  descriptor: RichTextV2ControlDefinition\n\n  constructor(send: Send<RichTextV2ControlMessage>, descriptor: T) {\n    super(send)\n\n    this.descriptor = descriptor\n    this.send = send\n  }\n\n  recv = (message: RichTextV2ControlMessage): void => {\n    if (!this.editor) return\n    switch (message.type) {\n      case RichTextV2ControlMessageType.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n      case RichTextV2ControlMessageType.RESET_VALUE: {\n        if (this.defaultValue) {\n          this.editor.resetValue(this.defaultValue)\n          setTimeout(() => {\n            this.onLocalUserChange()\n          })\n        }\n        break\n      }\n      case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {\n        this.descriptor.config.plugins\n          ?.at(message.pluginIndex)\n          ?.control?.onChange(this.editor, message.value)\n        break\n      }\n    }\n  }\n\n  setEditor(editor: Editor) {\n    this.editor = editor\n    this.send({\n      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,\n      value:\n        this.descriptor.config?.plugins?.map(plugin => plugin?.control?.getValue(editor)) ?? [],\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n      this.updatePluginValues()\n      if (this.editor == null || options?.operation == null) return\n      this.onLocalUserChange()\n    }\n  }\n\n  setDefaultValue(defaultValue: Descendant[]) {\n    this.defaultValue = defaultValue\n    this.send({\n      type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,\n      value: defaultValue,\n    })\n  }\n\n  onLocalUserChange() {\n    if (this.editor == null) return\n    this.send({\n      type: RichTextV2ControlMessageType.ON_CHANGE,\n      value: richTextV2DescendentsToData(this.editor.children, this.editor.currentKey),\n    })\n  }\n\n  updatePluginValues() {\n    const editor = this.editor\n    if (editor == null) return\n    this.send({\n      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,\n      value:\n        this.descriptor.config?.plugins?.map(plugin => plugin?.control?.getValue(editor)) ?? [],\n    })\n  }\n\n  select() {\n    this.send({ type: RichTextV2ControlMessageType.SELECT })\n  }\n\n  switchToBuildMode() {\n    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE })\n  }\n\n  undo() {\n    this.send({ type: RichTextV2ControlMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextV2ControlMessageType.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n}\n\nexport function isRichTextV1Data(\n  value: RichTextControlData | RichTextV2ControlData | undefined,\n): value is RichTextControlData {\n  return (\n    value !== undefined && typeof value === 'object' && !Array.isArray(value) && 'document' in value\n  )\n}\n"],"mappings":"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","names":["ipsum"]}

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

@@ -0,0 +1,200 @@
+"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, {
+  getRichTextV2TranslatableData: () => getRichTextV2TranslatableData,
+  mergeRichTextV2TranslatedData: () => mergeRichTextV2TranslatedData
+});
+module.exports = __toCommonJS(translation_exports);
+var import_escape_html = __toESM(require("escape-html"));
+var import_types = require("../../slate/types");
+var import_slate = require("slate");
+var import_slate_hyperscript = require("slate-hyperscript");
+var import_parse5 = require("parse5");
+var import_rich_text_v2 = require("./rich-text-v2");
+var import_InlineModePlugin = require("../../slate/InlineModePlugin");
+var import_BlockPlugin = require("../../slate/BlockPlugin");
+var import_TypographyPlugin = require("../../slate/TypographyPlugin");
+var import_TextAlignPlugin = require("../../slate/TextAlignPlugin");
+var import_InlinePlugin = require("../../slate/InlinePlugin");
+var import_element = require("../../slate/utils/element");
+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 {};
+  }
+  switch (descendant.type) {
+    case import_types.BlockType.UnorderedList:
+    case import_types.BlockType.OrderedList:
+    case import_types.BlockType.ListItem:
+      return descendant.children.reduce(
+        (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),
+        {}
+      );
+    default:
+      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 getRichTextV2TranslatableData(definition, data) {
+  const plugins = definition?.config?.mode === import_rich_text_v2.RichTextV2Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)()];
+  const editor = plugins.reduceRight(
+    (editor2, plugin) => plugin?.withPlugin?.(editor2) ?? editor2,
+    (0, import_slate.createEditor)()
+  );
+  editor.children = data.descendants;
+  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;
+  } else if (el.nodeName === "#text" && "value" in el) {
+    return [(0, import_slate_hyperscript.jsx)("text", { translationKey: translationKey ?? void 0 }, el.value)];
+  } else 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 mergeRichTextV2TranslatedData(definition, data, translatedData) {
+  const plugins = definition?.config?.mode === import_rich_text_v2.RichTextV2Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)()];
+  const sourceEditor = plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    (0, import_slate.createEditor)()
+  );
+  const targetEditor = plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    (0, import_slate.createEditor)()
+  );
+  sourceEditor.children = data.descendants;
+  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_element.ElementUtils.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_element.ElementUtils.isInline(sourceNode) && import_element.ElementUtils.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 { ...data, descendants: sourceEditor.children };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRichTextV2TranslatableData,
+  mergeRichTextV2TranslatedData
+});
+//# 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 { BlockType, InlineType } from '../../slate/types'\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 { RichTextV2ControlData, RichTextV2ControlDefinition, RichTextV2Mode } from './rich-text-v2'\nimport { RichTextV2Plugin } from './plugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { MakeswiftEditor } from '../../slate/types'\nimport { ElementUtils } from '../../slate/utils/element'\nimport { TranslationDto } from '../../state/react-page'\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  switch (descendant.type) {\n    case BlockType.UnorderedList:\n    case BlockType.OrderedList:\n    case BlockType.ListItem:\n      return descendant.children.reduce(\n        (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),\n        {},\n      )\n\n    default:\n      const text = getInlineOrTextTranslatableData(descendant)\n\n      if (text == null) return {}\n\n      return { [pathToString(path)]: text }\n  }\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    case InlineType.SuperScript:\n      return `<sup key=\"${pathToString(path)}\">${children}</sup>`\n    case InlineType.SubScript:\n      return `<sub key=\"${pathToString(path)}\">${children}</sub>`\n    case InlineType.Code:\n      return `<code key=\"${pathToString(path)}\">${children}</code>`\n    default:\n      return children\n  }\n}\n\nexport function getRichTextV2TranslatableData(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n): Record<string, string> {\n  const plugins: RichTextV2Plugin[] =\n    definition?.config?.mode === RichTextV2Mode.Inline\n      ? [InlineModePlugin()]\n      : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()]\n\n  const editor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  editor.children = data.descendants\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  } else if (el.nodeName === '#text' && 'value' in el) {\n    return [jsx('text', { translationKey: translationKey ?? undefined }, el.value)]\n  } else 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      case 'sub':\n        return [jsx('element', { type: InlineType.SubScript, translationKey }, children)]\n      case 'sup':\n        return [jsx('element', { type: InlineType.SuperScript, translationKey }, children)]\n      case 'a':\n        return [jsx('element', { type: InlineType.Link, translationKey }, children)]\n      default:\n        return children\n    }\n  }\n  return []\n}\n\nexport type RichTextV2ControlTranslationDto = Record<string, string>\n\nexport function mergeRichTextV2TranslatedData(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n  translatedData: RichTextV2ControlTranslationDto,\n): RichTextV2ControlData {\n  const plugins: RichTextV2Plugin[] =\n    definition?.config?.mode === RichTextV2Mode.Inline\n      ? [InlineModePlugin()]\n      : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()]\n\n  const sourceEditor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  const targetEditor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  sourceEditor.children = data.descendants\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) && !ElementUtils.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 (ElementUtils.isInline(sourceNode) && ElementUtils.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 { ...data, descendants: sourceEditor.children }\n}\n"],"mappings":"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","names":["escapeHtml","editor","translationKey"]}

package/dist/cjs/controls/select.js

@@ -0,0 +1,34 @@
+"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 select_exports = {};
+__export(select_exports, {
+  Select: () => Select,
+  SelectControlType: () => SelectControlType
+});
+module.exports = __toCommonJS(select_exports);
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select,
+  SelectControlType
+});
+//# sourceMappingURL=select.js.map

package/dist/cjs/controls/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/select.ts"],"sourcesContent":["export const SelectControlType = 'makeswift::controls::select'\n\ntype SelectControlOption<T extends string> = { value: T; label: string }\n\ntype SelectControlConfig<T extends string = string> = {\n  label?: string\n  labelOrientation?: 'horizontal' | 'vertical'\n  options: SelectControlOption<T>[]\n  defaultValue?: T\n}\n\nexport type SelectControlDefinition<C extends SelectControlConfig = SelectControlConfig> = {\n  type: typeof SelectControlType\n  config: C\n}\n\nexport type SelectControlDefinitionOption<T extends SelectControlDefinition> =\n  T['config'] extends SelectControlConfig<infer U> ? U : never\n\nexport type SelectControlData<T extends SelectControlDefinition = SelectControlDefinition> =\n  SelectControlDefinitionOption<T> | null\n\nexport function Select<T extends string, C extends SelectControlConfig<T>>(\n  config: C & { options: SelectControlOption<T>[] },\n): SelectControlDefinition<C> {\n  return { type: SelectControlType, config }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,oBAAoB;AAsB1B,SAAS,OACd,QAC4B;AAC5B,SAAO,EAAE,MAAM,mBAAmB,OAAO;AAC3C;","names":[]}