@makeswift/runtime 0.19.4 → 0.20.0-canary.0

package/dist/esm/controls/rich-text-v2/control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/control.ts"],"sourcesContent":["import { Editor } from 'slate'\n// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport {\n  RichTextDefinition,\n  ControlInstance,\n  Slate,\n  type DataType,\n  type SendMessage,\n  type Data,\n} from '@makeswift/controls'\n\nimport { BoxModel } from '../../box-model'\n\nimport { RichTextV2Definition } from './rich-text-v2'\n\n// COSMOS -> HOST\ntype ResetValueMessage = { type: typeof RichTextV2Control.RESET_VALUE }\ntype FocusMessage = { type: typeof RichTextV2Control.FOCUS }\ntype RunPluginControlActionMessage = {\n  type: typeof RichTextV2Control.RUN_PLUGIN_CONTROL_ACTION\n  pluginIndex: number\n  value: Data\n}\n\n// HOST -> COSMOS\ntype SetDefaultValueMessage = {\n  type: typeof RichTextV2Control.SET_DEFAULT_VALUE\n  value: Slate.Descendant[]\n}\n\ntype SetPluginControlValueMessage = {\n  type: typeof RichTextV2Control.SET_PLUGIN_CONTROL_VALUE\n  value: Data[]\n}\n\ntype OnChangeMessage = {\n  type: typeof RichTextV2Control.ON_CHANGE\n  value: DataType<RichTextV2Definition>\n}\n\ntype SelectMessage = { type: typeof RichTextV2Control.SELECT }\n\ntype SwitchToBuildModeMessage = {\n  type: typeof RichTextV2Control.SWITCH_TO_BUILD_MODE\n}\n\ntype ChangeBoxModelMessage = {\n  type: typeof RichTextV2Control.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\ntype UndoMessage = { type: typeof RichTextV2Control.UNDO }\ntype RedoMessage = { type: typeof RichTextV2Control.REDO }\n\ntype Message =\n  | ResetValueMessage\n  | FocusMessage\n  | RunPluginControlActionMessage\n  | SetDefaultValueMessage\n  | SetPluginControlValueMessage\n  | OnChangeMessage\n  | SelectMessage\n  | SwitchToBuildModeMessage\n  | ChangeBoxModelMessage\n  | UndoMessage\n  | RedoMessage\n\nexport class RichTextV2Control extends ControlInstance<Message> {\n  private static readonly messagePrefix = `${RichTextDefinition.type}::control-message` as const\n\n  // COSMOS -> HOST\n  static readonly RESET_VALUE = `${this.messagePrefix}::reset-value` as const\n  static readonly FOCUS = `${this.messagePrefix}::focus` as const\n  static readonly RUN_PLUGIN_CONTROL_ACTION =\n    `${this.messagePrefix}::run-plugin-control-action` as const\n\n  // HOST -> COSMOS\n  static readonly SET_DEFAULT_VALUE = `${this.messagePrefix}::set-default-value` as const\n  static readonly SET_PLUGIN_CONTROL_VALUE =\n    `${this.messagePrefix}::set-plugin-control-value` as const\n  static readonly ON_CHANGE = `${this.messagePrefix}::on-change` as const\n  static readonly SELECT = `${this.messagePrefix}::select` as const\n  static readonly SWITCH_TO_BUILD_MODE = `${this.messagePrefix}::switch-to-build-mode` as const\n  static readonly CHANGE_BOX_MODEL = `${this.messagePrefix}::change-box-model` as const\n\n  static readonly REDO = `${this.messagePrefix}::redo` as const\n  static readonly UNDO = `${this.messagePrefix}::undo` as const\n\n  private editor: Editor | null = null\n  private defaultValue: Slate.Descendant[] | null = null\n\n  constructor(\n    send: SendMessage<Message>,\n    private readonly descriptor: RichTextV2Definition,\n  ) {\n    super(send)\n  }\n\n  recv = (message: Message): void => {\n    if (!this.editor) return\n\n    switch (message.type) {\n      case RichTextV2Control.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n\n      case RichTextV2Control.RESET_VALUE: {\n        if (this.defaultValue) {\n          this.editor.resetValue(this.defaultValue)\n          setTimeout(() => {\n            this.onLocalUserChange()\n          })\n        }\n        break\n      }\n\n      case RichTextV2Control.RUN_PLUGIN_CONTROL_ACTION: {\n        this.descriptor.pluginControlAt(message.pluginIndex)?.onChange?.(this.editor, message.value)\n        break\n      }\n    }\n  }\n\n  child(_key: string): ControlInstance | undefined {\n    return undefined\n  }\n\n  setEditor(editor: Editor) {\n    this.editor = editor\n    this.sendMessage({\n      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,\n      value: this.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: Slate.Descendant[]) {\n    this.defaultValue = defaultValue\n    this.sendMessage({\n      type: RichTextV2Control.SET_DEFAULT_VALUE,\n      value: defaultValue,\n    })\n  }\n\n  onLocalUserChange() {\n    if (this.editor == null) return\n\n    this.sendMessage({\n      type: RichTextV2Control.ON_CHANGE,\n      value: RichTextV2Definition.nodesToDataV2(this.editor.children, this.editor.currentKey),\n    })\n  }\n\n  updatePluginValues() {\n    const editor = this.editor\n    if (editor == null) return\n\n    this.sendMessage({\n      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,\n      value: this.getValue(editor),\n    })\n  }\n\n  getValue(editor: Editor) {\n    return this.descriptor.pluginControls.map(control => control.getValue?.(editor)) ?? []\n  }\n\n  select() {\n    this.sendMessage({ type: RichTextV2Control.SELECT })\n  }\n\n  switchToBuildMode() {\n    this.sendMessage({ type: RichTextV2Control.SWITCH_TO_BUILD_MODE })\n  }\n\n  undo() {\n    this.sendMessage({ type: RichTextV2Control.UNDO })\n  }\n\n  redo() {\n    this.sendMessage({ type: RichTextV2Control.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.sendMessage({\n      type: RichTextV2Control.CHANGE_BOX_MODEL,\n      payload: { boxModel },\n    })\n  }\n}\n"],"mappings":"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","names":[]}

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

@@ -1,4 +1,2 @@
 export * from "./rich-text-v2";
-export * from "./dto";
-export * from "./plugin";
 //# sourceMappingURL=index.js.map

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

@@ -1 +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,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/index.ts"],"sourcesContent":["export * from './rich-text-v2'\n"],"mappings":"AAAA,cAAc;","names":[]}

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

@@ -1,4 +1,4 @@
-function createRichTextV2Plugin({
+function Plugin({
   control,
   withPlugin,
   onKeyDown,
@@ -8,6 +8,6 @@ function createRichTextV2Plugin({
   return { control, withPlugin, onKeyDown, renderElement, renderLeaf };
 }
 export {
-  createRichTextV2Plugin
+  Plugin
 };
 //# sourceMappingURL=plugin.js.map

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

@@ -1 +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":"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":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/plugin.ts"],"sourcesContent":["import { type KeyboardEvent } from 'react'\nimport { type Editor } from 'slate'\nimport { type RenderElementProps, type RenderLeafProps } from 'slate-react'\nimport { ControlDefinition, type Data, type RichTextPluginControl } from '@makeswift/controls'\n\nexport type RenderElement = (props: RenderElementProps) => JSX.Element\nexport type RenderLeaf = (props: RenderLeafProps) => JSX.Element\n\nexport type RichTextV2Plugin<C extends RichTextPluginControl = RichTextPluginControl> = {\n  control?: C\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 Plugin<Def extends ControlDefinition, ValueType extends Data>({\n  control,\n  withPlugin,\n  onKeyDown,\n  renderElement,\n  renderLeaf,\n}: RichTextV2Plugin<RichTextPluginControl<Def, ValueType>>) {\n  return { control, withPlugin, onKeyDown, renderElement, renderLeaf }\n}\n"],"mappings":"AAmBO,SAAS,OAA8D;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4D;AAC1D,SAAO,EAAE,SAAS,YAAY,WAAW,eAAe,WAAW;AACrE;","names":[]}

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

@@ -1,142 +1,137 @@
+import { z } from "zod";
 import ipsum from "corporate-ipsum";
-import { PropController } from "../../prop-controllers/base";
-import { richTextV2DescendentsToData } from "./dto";
-import { LinkPlugin } from "../../slate/LinkPlugin/linkPluginWithoutRenderElement";
+import {
+  RichTextDefinition as BaseRichTextDefinition,
+  isNotNil,
+  SerializationSchema,
+  serialize
+} from "@makeswift/controls";
+import { LinkPlugin } from "../../slate/LinkPlugin";
 import { InlinePlugin } from "../../slate/InlinePlugin";
 import { TextAlignPlugin } from "../../slate/TextAlignPlugin";
 import { BlockPlugin } from "../../slate/BlockPlugin";
 import { TypographyPlugin } from "../../slate/TypographyPlugin";
 import { InlineModePlugin } from "../../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" : ipsum(3)),
-      plugins: config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin()] : (
-        // Note: this plugin references a `renderElement`-less LinkPlugin to prevent a circular dependency
-        [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), 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 PropController {
-  editor = null;
-  defaultValue = null;
-  descriptor;
-  constructor(send, descriptor) {
-    super(send);
-    this.descriptor = descriptor;
-    this.send = send;
+import { toText } from "../../slate";
+import { Plugin } from "./plugin";
+import { RichTextV2Control } from "./control";
+import {
+  getTranslatableData,
+  mergeTranslatedNodes
+} from "./translation";
+class Definition extends BaseRichTextDefinition {
+  constructor({ mode, defaultValue }, plugins) {
+    super({
+      mode,
+      defaultValue: defaultValue ?? (mode === Definition.Mode.Inline ? "Edit this text" : Definition.generateParagraph()),
+      plugins: plugins ?? (mode === Definition.Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()])
+    });
   }
-  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;
-      }
+  static generateParagraph() {
+    return ipsum(3);
+  }
+  static deserialize(data, deserializeCallback) {
+    if (data.type !== Definition.type) {
+      throw new Error(`RichText: expected type ${Definition.type}, got ${data.type}`);
     }
-  };
-  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 { config } = Definition.fullSchema({
+      pluginDef: SerializationSchema.deserializedRecord
+    }).definition.parse(data);
+    const { plugins, ...userConfig } = config;
+    return new RichTextV2Definition(
+      userConfig,
+      plugins.map(
+        ({ control }) => control ? { control: { definition: deserializeCallback(control?.definition) } } : {}
+      )
+    );
+  }
+  static fullSchema({ pluginDef }) {
+    const baseSchema = super.schema;
+    const plugin = z.object({
+      control: z.object({
+        definition: pluginDef
+      }).optional()
+    });
+    const config = baseSchema.userConfig.extend({
+      defaultValue: z.string(),
+      plugins: z.array(plugin)
     });
-    const _onChange = editor.onChange;
-    this.editor.onChange = (options) => {
-      _onChange(options);
-      this.updatePluginValues();
-      if (this.editor == null || options?.operation == null)
-        return;
-      this.onLocalUserChange();
+    return {
+      ...baseSchema,
+      config,
+      definition: z.object({
+        type: baseSchema.type,
+        config
+      })
     };
   }
-  setDefaultValue(defaultValue) {
-    this.defaultValue = defaultValue;
-    this.send({
-      type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,
-      value: defaultValue
-    });
+  get configSchema() {
+    return Definition.fullSchema({ pluginDef: z.any() }).config;
   }
-  onLocalUserChange() {
-    if (this.editor == null)
-      return;
-    this.send({
-      type: RichTextV2ControlMessageType.ON_CHANGE,
-      value: richTextV2DescendentsToData(this.editor.children, this.editor.currentKey)
-    });
+  createInstance(sendMessage) {
+    return new RichTextV2Control(sendMessage, this);
   }
-  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)) ?? []
-    });
+  getTranslatableData(data) {
+    return getTranslatableData(Definition.dataToNodes(data), this.config.plugins);
   }
-  select() {
-    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  mergeTranslatedData(data, translatedData, _context) {
+    if (translatedData == null)
+      return data;
+    const { descendants, ...rest } = Definition.normalizeData(data);
+    return {
+      ...rest,
+      descendants: mergeTranslatedNodes(
+        descendants,
+        translatedData,
+        this.config.plugins
+      )
+    };
   }
-  switchToBuildMode() {
-    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  serialize() {
+    const { plugins, ...config } = this.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: () => {
+          }
+        }
+      } : {}
+    );
+    return serialize(
+      { ...config, plugins: pluginDefs },
+      {
+        type: Definition.type
+      }
+    );
   }
-  undo() {
-    this.send({ type: RichTextV2ControlMessageType.UNDO });
+  get pluginControls() {
+    return this.config.plugins.map((plugin) => plugin.control).filter(isNotNil);
   }
-  redo() {
-    this.send({ type: RichTextV2ControlMessageType.REDO });
+  pluginControlAt(index) {
+    return this.pluginControls[index];
   }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  toText(data) {
+    if (data == null)
+      return "";
+    return toText(Definition.dataToNodes(data), this.config.mode ?? Definition.Mode.Block);
   }
 }
-function isRichTextV1Data(value) {
-  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
+class RichTextV2Definition extends Definition {
+}
+function RichText(config) {
+  return new RichTextV2Definition(config ?? {});
 }
+RichText.Mode = Definition.Mode;
+RichText.isV1Data = Definition.isV1Data;
+RichText.dataToNodes = Definition.dataToNodes;
+RichText.Plugin = Plugin;
 export {
   RichText,
   RichTextV2Control,
-  RichTextV2ControlMessageType,
-  RichTextV2ControlType,
-  RichTextV2Mode,
-  isRichTextV1Data
+  RichTextV2Definition
 };
 //# sourceMappingURL=rich-text-v2.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/rich-text-v2.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { z } from 'zod'\n// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport {\n  RichTextDefinition as BaseRichTextDefinition,\n  type Data,\n  type SendMessage,\n  type SerializedRecord,\n  type DeserializedRecord,\n  type SchemaType,\n  type SchemaTypeAny,\n  type MergeTranslatableDataContext,\n  type RichTextPluginControl,\n  type RichTextMode,\n  isNotNil,\n  ControlDefinition,\n  SerializationSchema,\n  serialize,\n} from '@makeswift/controls'\n\nimport { LinkPlugin } from '../../slate/LinkPlugin'\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 { toText } from '../../slate'\n\nimport { RichTextV2Plugin, Plugin } from './plugin'\nimport { RichTextV2Control } from './control'\nimport {\n  getTranslatableData,\n  mergeTranslatedNodes,\n  type RichTextTranslationDto,\n} from './translation'\n\ntype DataType = z.infer<typeof Definition.schema.data>\ntype DataV2Type = z.infer<typeof Definition.schema.dataV2>\ntype InstanceType = RichTextV2Control\ntype UserConfig = z.infer<typeof Definition.schema.userConfig>\ntype Config = UserConfig & {\n  defaultValue: string\n  plugins: RichTextV2Plugin[]\n}\n\nclass Definition extends BaseRichTextDefinition<ReactNode, Config, InstanceType> {\n  constructor({ mode, defaultValue }: UserConfig, plugins?: RichTextV2Plugin[]) {\n    super({\n      mode,\n      defaultValue:\n        defaultValue ??\n        (mode === Definition.Mode.Inline ? 'Edit this text' : Definition.generateParagraph()),\n      plugins:\n        plugins ??\n        (mode === Definition.Mode.Inline\n          ? [InlineModePlugin()]\n          : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]),\n    })\n  }\n\n  static generateParagraph(): string {\n    return ipsum(3)\n  }\n\n  static deserialize(\n    data: DeserializedRecord,\n    deserializeCallback: (r: DeserializedRecord) => ControlDefinition,\n  ): RichTextV2Definition {\n    if (data.type !== Definition.type) {\n      throw new Error(`RichText: expected type ${Definition.type}, got ${data.type}`)\n    }\n\n    const { config } = Definition.fullSchema({\n      pluginDef: SerializationSchema.deserializedRecord,\n    }).definition.parse(data)\n\n    const { plugins, ...userConfig } = config\n\n    return new RichTextV2Definition(\n      userConfig,\n      plugins.map(({ control }) =>\n        control ? { control: { definition: deserializeCallback(control?.definition) } } : {},\n      ),\n    )\n  }\n\n  static fullSchema<S extends SchemaTypeAny>({ pluginDef }: { pluginDef: S }) {\n    const baseSchema = super.schema\n    const plugin = z.object({\n      control: z\n        .object({\n          definition: pluginDef,\n        })\n        .optional(),\n    })\n\n    const config = baseSchema.userConfig.extend({\n      defaultValue: z.string(),\n      plugins: z.array(plugin),\n    })\n\n    return {\n      ...baseSchema,\n      config,\n      definition: z.object({\n        type: baseSchema.type,\n        config,\n      }),\n    }\n  }\n\n  get configSchema(): SchemaType<Config> {\n    return Definition.fullSchema({ pluginDef: z.any() as SchemaType<ControlDefinition> }).config\n  }\n\n  createInstance(sendMessage: SendMessage): InstanceType {\n    return new RichTextV2Control(sendMessage, this)\n  }\n\n  getTranslatableData(data: DataType): Data {\n    return getTranslatableData(Definition.dataToNodes(data), this.config.plugins)\n  }\n\n  mergeTranslatedData(\n    data: DataType,\n    translatedData: Data,\n    _context: MergeTranslatableDataContext,\n  ): Data {\n    if (translatedData == null) return data as Data\n\n    const { descendants, ...rest } = Definition.normalizeData(data)\n    return {\n      ...rest,\n      descendants: mergeTranslatedNodes(\n        descendants,\n        translatedData as RichTextTranslationDto,\n        this.config.plugins,\n      ),\n    }\n  }\n\n  serialize(): [SerializedRecord, Transferable[]] {\n    const { plugins, ...config } = this.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    return serialize(\n      { ...config, plugins: pluginDefs },\n      {\n        type: Definition.type,\n      },\n    )\n  }\n\n  get pluginControls(): RichTextPluginControl[] {\n    return this.config.plugins.map(plugin => plugin.control).filter(isNotNil)\n  }\n\n  pluginControlAt(index: number): RichTextPluginControl | undefined {\n    return this.pluginControls[index]\n  }\n\n  toText(data: DataType | undefined): string {\n    if (data == null) return ''\n    return toText(Definition.dataToNodes(data), this.config.mode ?? Definition.Mode.Block)\n  }\n}\n\nexport class RichTextV2Definition extends Definition {}\n\nexport function RichText(config?: UserConfig): RichTextV2Definition {\n  return new RichTextV2Definition(config ?? {})\n}\n\nRichText.Mode = Definition.Mode\nRichText.isV1Data = Definition.isV1Data\nRichText.dataToNodes = Definition.dataToNodes\nRichText.Plugin = Plugin\n\nexport { RichTextMode as RichTextV2Mode, type DataV2Type as RichTextDataV2, RichTextV2Control }\n"],"mappings":"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","names":[]}

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

@@ -1,15 +1,15 @@
 import escapeHtml from "escape-html";
-import { BlockType, InlineType } from "../../slate/types";
 import { Editor, Node, Text, Transforms, createEditor } from "slate";
 import { jsx } from "slate-hyperscript";
 import { parseFragment } from "parse5";
-import { RichTextV2Mode } from "./rich-text-v2";
-import { InlineModePlugin } from "../../slate/InlineModePlugin";
-import { BlockPlugin } from "../../slate/BlockPlugin";
-import { TypographyPlugin } from "../../slate/TypographyPlugin";
-import { TextAlignPlugin } from "../../slate/TextAlignPlugin";
-import { InlinePlugin } from "../../slate/InlinePlugin";
-import { ElementUtils } from "../../slate/utils/element";
+import { Slate } from "@makeswift/controls";
+import { BlockType, InlineType } from "../../slate/types";
+function createEditorWithPlugins(plugins) {
+  return plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    createEditor()
+  );
+}
 function pathToString(path) {
   return path.join(":");
 }
@@ -20,20 +20,16 @@ function getDescendantTranslatableData(descendant, path) {
   if (Text.isText(descendant)) {
     return {};
   }
-  switch (descendant.type) {
-    case BlockType.UnorderedList:
-    case BlockType.OrderedList:
-    case 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 };
+  if (Slate.isList(descendant) || 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 (Text.isText(descendant)) {
@@ -60,13 +56,9 @@ function getInlineOrTextTranslatableData(descendant, path = []) {
       return children;
   }
 }
-function getRichTextV2TranslatableData(definition, data) {
-  const plugins = definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()];
-  const editor = plugins.reduceRight(
-    (editor2, plugin) => plugin?.withPlugin?.(editor2) ?? editor2,
-    createEditor()
-  );
-  editor.children = data.descendants;
+function getTranslatableData(nodes, plugins) {
+  const editor = createEditorWithPlugins(plugins);
+  editor.children = nodes;
   editor.typographyNormalizationDirection = "up";
   Editor.normalize(editor, { force: true });
   return editor.children.reduce(
@@ -84,9 +76,11 @@ function deserializeTranslationHtmlString(el, translationKey) {
       children.push(jsx("text", {}, ""));
     }
     return children;
-  } else if (el.nodeName === "#text" && "value" in el) {
+  }
+  if (el.nodeName === "#text" && "value" in el) {
     return [jsx("text", { translationKey: translationKey ?? void 0 }, el.value)];
-  } else if ("namespaceURI" in el) {
+  }
+  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) {
@@ -107,17 +101,10 @@ function deserializeTranslationHtmlString(el, translationKey) {
   }
   return [];
 }
-function mergeRichTextV2TranslatedData(definition, data, translatedData) {
-  const plugins = definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()];
-  const sourceEditor = plugins.reduceRight(
-    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
-    createEditor()
-  );
-  const targetEditor = plugins.reduceRight(
-    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
-    createEditor()
-  );
-  sourceEditor.children = data.descendants;
+function mergeTranslatedNodes(nodes, translatedData, plugins) {
+  const sourceEditor = createEditorWithPlugins(plugins);
+  const targetEditor = createEditorWithPlugins(plugins);
+  sourceEditor.children = nodes;
   sourceEditor.typographyNormalizationDirection = "up";
   Editor.normalize(sourceEditor, { force: true });
   Object.entries(translatedData).reverse().forEach(([blockStringPath, htmlString]) => {
@@ -130,7 +117,7 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
     targetEditor.typographyNormalizationDirection = "neutral";
     Editor.normalize(targetEditor, { force: true });
     for (const [descendant, absolutePathToTargetNode] of Node.descendants(targetEditor)) {
-      if (!Text.isText(descendant) && !ElementUtils.isInline(descendant) || descendant.translationKey == null || descendant.translationKey === "") {
+      if (!Text.isText(descendant) && !Slate.isInline(descendant) || descendant.translationKey == null || descendant.translationKey === "") {
         continue;
       }
       const relativePathToSourceNode = stringToPath(descendant.translationKey);
@@ -140,7 +127,7 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
         const { translationKey, text, ...rest } = sourceNode;
         Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
         Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
-      } else if (ElementUtils.isInline(sourceNode) && ElementUtils.isInline(descendant)) {
+      } else if (Slate.isInline(sourceNode) && Slate.isInline(descendant)) {
         const { translationKey, children, ...rest } = sourceNode;
         Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
         Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
@@ -156,10 +143,10 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
   });
   sourceEditor.typographyNormalizationDirection = "down";
   Editor.normalize(sourceEditor, { force: true });
-  return { ...data, descendants: sourceEditor.children };
+  return sourceEditor.children;
 }
 export {
-  getRichTextV2TranslatableData,
-  mergeRichTextV2TranslatedData
+  getTranslatableData,
+  mergeTranslatedNodes
 };
 //# sourceMappingURL=translation.js.map

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

@@ -1 +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":["editor","translationKey"]}
+{"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":"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","names":["translationKey"]}