@makeswift/runtime 0.19.4 → 0.20.0

package/dist/cjs/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":";;;;;;;;;;;;;;;;;;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":[]}
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/cjs/controls/rich-text-v2/rich-text-v2.js

@@ -29,153 +29,137 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var rich_text_v2_exports = {};
 __export(rich_text_v2_exports, {
   RichText: () => RichText,
-  RichTextV2Control: () => RichTextV2Control,
-  RichTextV2ControlMessageType: () => RichTextV2ControlMessageType,
-  RichTextV2ControlType: () => RichTextV2ControlType,
-  RichTextV2Mode: () => RichTextV2Mode,
-  isRichTextV1Data: () => isRichTextV1Data
+  RichTextV2Control: () => import_control.RichTextV2Control,
+  RichTextV2Definition: () => RichTextV2Definition
 });
 module.exports = __toCommonJS(rich_text_v2_exports);
+var import_zod = require("zod");
 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_controls = require("@makeswift/controls");
+var import_LinkPlugin = require("../../slate/LinkPlugin");
 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;
+var import_slate = require("../../slate");
+var import_plugin = require("./plugin");
+var import_control = require("./control");
+var import_translation = require("./translation");
+class Definition extends import_controls.RichTextDefinition {
+  constructor({ mode, defaultValue }, plugins) {
+    super({
+      mode,
+      defaultValue: defaultValue ?? (mode === Definition.Mode.Inline ? "Edit this text" : Definition.generateParagraph()),
+      plugins: plugins ?? (mode === Definition.Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)(), (0, import_LinkPlugin.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 (0, import_corporate_ipsum.default)(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: import_controls.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 = import_zod.z.object({
+      control: import_zod.z.object({
+        definition: pluginDef
+      }).optional()
+    });
+    const config = baseSchema.userConfig.extend({
+      defaultValue: import_zod.z.string(),
+      plugins: import_zod.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: import_zod.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: import_zod.z.any() }).config;
   }
-  onLocalUserChange() {
-    if (this.editor == null)
-      return;
-    this.send({
-      type: RichTextV2ControlMessageType.ON_CHANGE,
-      value: (0, import_dto.richTextV2DescendentsToData)(this.editor.children, this.editor.currentKey)
-    });
+  createInstance(sendMessage) {
+    return new import_control.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 (0, import_translation.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: (0, import_translation.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 (0, import_controls.serialize)(
+      { ...config, plugins: pluginDefs },
+      {
+        type: Definition.type
+      }
+    );
   }
-  undo() {
-    this.send({ type: RichTextV2ControlMessageType.UNDO });
+  get pluginControls() {
+    return this.config.plugins.map((plugin) => plugin.control).filter(import_controls.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 (0, import_slate.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 = import_plugin.Plugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RichText,
   RichTextV2Control,
-  RichTextV2ControlMessageType,
-  RichTextV2ControlType,
-  RichTextV2Mode,
-  isRichTextV1Data
+  RichTextV2Definition
 });
 //# sourceMappingURL=rich-text-v2.js.map

package/dist/cjs/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":["ipsum"]}
+{"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":["BaseRichTextDefinition","ipsum"]}

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

@@ -28,22 +28,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var translation_exports = {};
 __export(translation_exports, {
-  getRichTextV2TranslatableData: () => getRichTextV2TranslatableData,
-  mergeRichTextV2TranslatedData: () => mergeRichTextV2TranslatedData
+  getTranslatableData: () => getTranslatableData,
+  mergeTranslatedNodes: () => mergeTranslatedNodes
 });
 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");
+var import_controls = require("@makeswift/controls");
+var import_types = require("../../slate/types");
+function createEditorWithPlugins(plugins) {
+  return plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    (0, import_slate.createEditor)()
+  );
+}
 function pathToString(path) {
   return path.join(":");
 }
@@ -54,20 +54,16 @@ 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 };
+  if (import_controls.Slate.isList(descendant) || import_controls.Slate.isListItem(descendant)) {
+    return descendant.children.reduce(
+      (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),
+      {}
+    );
   }
+  const text = getInlineOrTextTranslatableData(descendant);
+  if (text == null)
+    return {};
+  return { [pathToString(path)]: text };
 }
 function getInlineOrTextTranslatableData(descendant, path = []) {
   if (import_slate.Text.isText(descendant)) {
@@ -94,13 +90,9 @@ function getInlineOrTextTranslatableData(descendant, path = []) {
       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;
+function getTranslatableData(nodes, plugins) {
+  const editor = createEditorWithPlugins(plugins);
+  editor.children = nodes;
   editor.typographyNormalizationDirection = "up";
   import_slate.Editor.normalize(editor, { force: true });
   return editor.children.reduce(
@@ -118,9 +110,11 @@ function deserializeTranslationHtmlString(el, translationKey) {
       children.push((0, import_slate_hyperscript.jsx)("text", {}, ""));
     }
     return children;
-  } else if (el.nodeName === "#text" && "value" in el) {
+  }
+  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) {
+  }
+  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) {
@@ -141,17 +135,10 @@ function deserializeTranslationHtmlString(el, translationKey) {
   }
   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;
+function mergeTranslatedNodes(nodes, translatedData, plugins) {
+  const sourceEditor = createEditorWithPlugins(plugins);
+  const targetEditor = createEditorWithPlugins(plugins);
+  sourceEditor.children = nodes;
   sourceEditor.typographyNormalizationDirection = "up";
   import_slate.Editor.normalize(sourceEditor, { force: true });
   Object.entries(translatedData).reverse().forEach(([blockStringPath, htmlString]) => {
@@ -164,7 +151,7 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
     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 === "") {
+      if (!import_slate.Text.isText(descendant) && !import_controls.Slate.isInline(descendant) || descendant.translationKey == null || descendant.translationKey === "") {
         continue;
       }
       const relativePathToSourceNode = stringToPath(descendant.translationKey);
@@ -174,7 +161,7 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
         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)) {
+      } else if (import_controls.Slate.isInline(sourceNode) && import_controls.Slate.isInline(descendant)) {
         const { translationKey, children, ...rest } = sourceNode;
         import_slate.Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
         import_slate.Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
@@ -190,11 +177,11 @@ function mergeRichTextV2TranslatedData(definition, data, translatedData) {
   });
   sourceEditor.typographyNormalizationDirection = "down";
   import_slate.Editor.normalize(sourceEditor, { force: true });
-  return { ...data, descendants: sourceEditor.children };
+  return sourceEditor.children;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getRichTextV2TranslatableData,
-  mergeRichTextV2TranslatedData
+  getTranslatableData,
+  mergeTranslatedNodes
 });
 //# sourceMappingURL=translation.js.map

package/dist/cjs/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":["escapeHtml","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":["escapeHtml","translationKey"]}

package/dist/cjs/controls/slot.js

@@ -19,74 +19,28 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var slot_exports = {};
 __export(slot_exports, {
   Slot: () => Slot,
-  SlotControl: () => SlotControl,
-  SlotControlMessageType: () => SlotControlMessageType,
-  SlotControlType: () => SlotControlType,
-  copySlotData: () => copySlotData,
-  mergeSlotControlTranslatedData: () => mergeSlotControlTranslatedData,
-  mergeSlotData: () => mergeSlotData
+  SlotControl: () => import_controls.SlotControl,
+  SlotDefinition: () => SlotDefinition
 });
 module.exports = __toCommonJS(slot_exports);
-var import_base = require("../prop-controllers/base");
-var import_react_page = require("../state/react-page");
-const SlotControlType = "makeswift::controls::slot";
-function Slot() {
-  return { type: SlotControlType };
+var import_controls = require("@makeswift/controls");
+class BaseDefinition extends import_controls.SlotDefinition {
 }
-const SlotControlMessageType = {
-  CONTAINER_BOX_MODEL_CHANGE: "makeswift::controls::slot::message::container-box-model-change",
-  ITEM_BOX_MODEL_CHANGE: "makeswift::controls::slot::message::item-box-model-change"
-};
-class SlotControl extends import_base.PropController {
-  recv = () => {
-  };
-  changeContainerBoxModel(boxModel) {
-    this.send({ type: SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE, payload: { boxModel } });
-  }
-  changeItemBoxModel(index, boxModel) {
-    this.send({ type: SlotControlMessageType.ITEM_BOX_MODEL_CHANGE, payload: { index, boxModel } });
+class SlotDefinition extends BaseDefinition {
+  static deserialize(data) {
+    if (data.type !== SlotDefinition.type) {
+      throw new Error(`Slot: expected type ${SlotDefinition.type}, got ${data.type}`);
+    }
+    return Slot();
   }
 }
-function copySlotData(value, context) {
-  if (value == null)
-    return value;
-  return {
-    ...value,
-    elements: value.elements.map((element) => context.copyElement(element))
-  };
-}
-function mergeSlotData(base = { columns: [], elements: [] }, override = { columns: [], elements: [] }, context) {
-  const mergedColumns = base.columns;
-  const mergedElements = base.elements.flatMap((baseElement) => {
-    const overrideElement = override.elements.find(
-      (e) => baseElement.type === e.type && baseElement.key === e.key
-    );
-    if (overrideElement == null)
-      return [baseElement];
-    if (overrideElement.deleted)
-      return [];
-    if ((0, import_react_page.isElementReference)(overrideElement))
-      return [overrideElement];
-    if ((0, import_react_page.isElementReference)(baseElement))
-      return [baseElement];
-    return context.mergeElement(baseElement, overrideElement);
-  });
-  return { columns: mergedColumns, elements: mergedElements };
-}
-function mergeSlotControlTranslatedData(data, context) {
-  return {
-    ...data,
-    elements: data.elements.map((element) => context.mergeTranslatedData(element))
-  };
+function Slot() {
+  return new SlotDefinition();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Slot,
   SlotControl,
-  SlotControlMessageType,
-  SlotControlType,
-  copySlotData,
-  mergeSlotControlTranslatedData,
-  mergeSlotData
+  SlotDefinition
 });
 //# sourceMappingURL=slot.js.map