@makeswift/runtime 0.19.4 → 0.20.0

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

@@ -1,73 +1,21 @@
-import { BuilderEditMode } from "../../state/modules/builder-edit-mode";
-import { PropController } from "../../prop-controllers/base";
-import { richTextDAOToDTO } from "./dto";
-const RichTextControlType = "makeswift::controls::rich-text";
-const RichTextControlMessageType = {
-  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
-  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
-  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
-  FOCUS: "FOCUS",
-  BLUR: "BLUR",
-  UNDO: "UNDO",
-  REDO: "REDO",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
-};
-class RichTextControl extends PropController {
-  editor = null;
-  recv = (message) => {
-    if (!this.editor)
-      return;
-    switch (message.type) {
-      case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {
-        switch (message.editMode) {
-          case BuilderEditMode.BUILD:
-          case BuilderEditMode.INTERACT:
-            this.editor.deselectAndBlur();
-        }
-        break;
-      }
-      case RichTextControlMessageType.FOCUS: {
-        this.editor.focusAndSelectAll();
-        break;
-      }
+import { RichTextV1Definition } from "@makeswift/controls";
+import { RichTextControl } from "./control";
+class BaseDefinition extends RichTextV1Definition {
+}
+class Definition extends BaseDefinition {
+  static deserialize(data) {
+    if (data.type !== Definition.type) {
+      throw new Error(`RichTextV1: expected type ${Definition.type}, got ${data.type}`);
     }
-  };
-  setSlateEditor(editor) {
-    this.editor = editor;
-    this.send({
-      type: RichTextControlMessageType.INITIALIZE_EDITOR,
-      value: richTextDAOToDTO(editor.children, editor.selection)
-    });
-    const _onChange = editor.onChange;
-    this.editor.onChange = (options) => {
-      _onChange(options);
-      if (options?.operation != null) {
-        this.send({
-          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,
-          value: richTextDAOToDTO(editor.children, editor.selection)
-        });
-      }
-    };
-  }
-  focus() {
-    this.send({ type: RichTextControlMessageType.FOCUS });
-  }
-  blur() {
-    this.send({ type: RichTextControlMessageType.BLUR });
-  }
-  undo() {
-    this.send({ type: RichTextControlMessageType.UNDO });
-  }
-  redo() {
-    this.send({ type: RichTextControlMessageType.REDO });
+    return new class RichTextV1 extends Definition {
+    }();
   }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  createInstance(sendMessage) {
+    return new RichTextControl(sendMessage);
   }
 }
 export {
-  RichTextControl,
-  RichTextControlMessageType,
-  RichTextControlType
+  RichTextControl as RichTextV1Control,
+  Definition as RichTextV1Definition
 };
 //# sourceMappingURL=rich-text.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text/rich-text.ts"],"sourcesContent":["import { BuilderEditMode } from '../../state/modules/builder-edit-mode'\nimport { PropController } from '../../prop-controllers/base'\nimport { BoxModel } from '../../box-model'\nimport { RichTextDTO } from './dto-types'\nimport { Editor } from 'slate'\nimport { richTextDAOToDTO } from './dto'\n\nexport type RichTextControlData = RichTextDTO\n\nexport const RichTextControlType = 'makeswift::controls::rich-text'\n\nexport type RichTextControlDefinition = {\n  type: typeof RichTextControlType\n}\n\nexport const RichTextControlMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n  CHANGE_BOX_MODEL: 'CHANGE_BOX_MODEL',\n} as const\n\ntype ChangeBuilderEditModeRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.INITIALIZE_EDITOR\n  value: RichTextDTO\n}\n\ntype ChangeEditorValueRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_EDITOR_VALUE\n  value: RichTextDTO\n}\n\ntype FocusRichTextControlMessage = { type: typeof RichTextControlMessageType.FOCUS }\n\ntype BlurRichTextControlMessage = { type: typeof RichTextControlMessageType.BLUR }\n\ntype UndoRichTextControlMessage = { type: typeof RichTextControlMessageType.UNDO }\n\ntype RedoRichTextControlMessage = { type: typeof RichTextControlMessageType.REDO }\n\ntype BoxModelChangeRichControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\nexport type RichTextControlMessage =\n  | ChangeBuilderEditModeRichTextControlMessage\n  | InitializeEditorRichTextControlMessage\n  | ChangeEditorValueRichTextControlMessage\n  | FocusRichTextControlMessage\n  | BlurRichTextControlMessage\n  | UndoRichTextControlMessage\n  | RedoRichTextControlMessage\n  | BoxModelChangeRichControlMessage\n\nexport class RichTextControl extends PropController<RichTextControlMessage> {\n  private editor: Editor | null = null\n\n  recv = (message: RichTextControlMessage): void => {\n    if (!this.editor) return\n    switch (message.type) {\n      case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n          case BuilderEditMode.INTERACT:\n            this.editor.deselectAndBlur()\n        }\n        break\n      }\n      case RichTextControlMessageType.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextControlMessageType.INITIALIZE_EDITOR,\n      value: richTextDAOToDTO(editor.children, editor.selection),\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n\n      // if onChange is local then it will include an operation(s)\n      // that is the only case in which we want to push updates\n      // this prevent infinite loops that can occur when collaborating\n      if (options?.operation != null) {\n        this.send({\n          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,\n          value: richTextDAOToDTO(editor.children, editor.selection),\n        })\n      }\n    }\n  }\n\n  focus() {\n    this.send({ type: RichTextControlMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextControlMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextControlMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextControlMessageType.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n}\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAI/B,SAAS,wBAAwB;AAI1B,MAAM,sBAAsB;AAM5B,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,kBAAkB;AACpB;AAwCO,MAAM,wBAAwB,eAAuC;AAAA,EAClE,SAAwB;AAAA,EAEhC,OAAO,CAAC,YAA0C;AAChD,QAAI,CAAC,KAAK;AAAQ;AAClB,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,2BAA2B,0BAA0B;AACxD,gBAAQ,QAAQ,UAAU;AAAA,UACxB,KAAK,gBAAgB;AAAA,UACrB,KAAK,gBAAgB;AACnB,iBAAK,OAAO,gBAAgB;AAAA,QAChC;AACA;AAAA,MACF;AAAA,MACA,KAAK,2BAA2B,OAAO;AACrC,aAAK,OAAO,kBAAkB;AAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,KAAK;AAAA,MACR,MAAM,2BAA2B;AAAA,MACjC,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,IAC3D,CAAC;AAED,UAAM,YAAY,OAAO;AACzB,SAAK,OAAO,WAAW,aAAW;AAChC,gBAAU,OAAO;AAKjB,UAAI,SAAS,aAAa,MAAM;AAC9B,aAAK,KAAK;AAAA,UACR,MAAM,2BAA2B;AAAA,UACjC,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,SAAK,KAAK,EAAE,MAAM,2BAA2B,MAAM,CAAC;AAAA,EACtD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,2BAA2B,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACxF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text/rich-text.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { RichTextV1Definition, type DeserializedRecord, SendMessage } from '@makeswift/controls'\n\nimport { RichTextControl } from './control'\n\nabstract class BaseDefinition extends RichTextV1Definition<ReactNode, RichTextControl> {}\n\nclass Definition extends BaseDefinition {\n  static deserialize(data: DeserializedRecord): Definition {\n    if (data.type !== Definition.type) {\n      throw new Error(`RichTextV1: expected type ${Definition.type}, got ${data.type}`)\n    }\n\n    return new (class RichTextV1 extends Definition {})()\n  }\n\n  createInstance(sendMessage: SendMessage<any>) {\n    return new RichTextControl(sendMessage)\n  }\n}\n\nexport { Definition as RichTextV1Definition, RichTextControl as RichTextV1Control }\n"],"mappings":"AACA,SAAS,4BAAkE;AAE3E,SAAS,uBAAuB;AAEhC,MAAe,uBAAuB,qBAAiD;AAAC;AAExF,MAAM,mBAAmB,eAAe;AAAA,EACtC,OAAO,YAAY,MAAsC;AACvD,QAAI,KAAK,SAAS,WAAW,MAAM;AACjC,YAAM,IAAI,MAAM,6BAA6B,WAAW,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IAClF;AAEA,WAAO,IAAK,MAAM,mBAAmB,WAAW;AAAA,IAAC,EAAG;AAAA,EACtD;AAAA,EAEA,eAAe,aAA+B;AAC5C,WAAO,IAAI,gBAAgB,WAAW;AAAA,EACxC;AACF;","names":[]}

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

@@ -0,0 +1,117 @@
+import {
+  RichTextDefinition,
+  ControlInstance
+} from "@makeswift/controls";
+import { RichTextV2Definition } from "./rich-text-v2";
+class RichTextV2Control extends ControlInstance {
+  constructor(send, descriptor) {
+    super(send);
+    this.descriptor = descriptor;
+  }
+  static messagePrefix = `${RichTextDefinition.type}::control-message`;
+  // COSMOS -> HOST
+  static RESET_VALUE = `${this.messagePrefix}::reset-value`;
+  static FOCUS = `${this.messagePrefix}::focus`;
+  static RUN_PLUGIN_CONTROL_ACTION = `${this.messagePrefix}::run-plugin-control-action`;
+  // HOST -> COSMOS
+  static SET_DEFAULT_VALUE = `${this.messagePrefix}::set-default-value`;
+  static SET_PLUGIN_CONTROL_VALUE = `${this.messagePrefix}::set-plugin-control-value`;
+  static ON_CHANGE = `${this.messagePrefix}::on-change`;
+  static SELECT = `${this.messagePrefix}::select`;
+  static SWITCH_TO_BUILD_MODE = `${this.messagePrefix}::switch-to-build-mode`;
+  static CHANGE_BOX_MODEL = `${this.messagePrefix}::change-box-model`;
+  static REDO = `${this.messagePrefix}::redo`;
+  static UNDO = `${this.messagePrefix}::undo`;
+  editor = null;
+  defaultValue = null;
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextV2Control.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+      case RichTextV2Control.RESET_VALUE: {
+        if (this.defaultValue) {
+          this.editor.resetValue(this.defaultValue);
+          setTimeout(() => {
+            this.onLocalUserChange();
+          });
+        }
+        break;
+      }
+      case RichTextV2Control.RUN_PLUGIN_CONTROL_ACTION: {
+        this.descriptor.pluginControlAt(message.pluginIndex)?.onChange?.(this.editor, message.value);
+        break;
+      }
+    }
+  };
+  child(_key) {
+    return void 0;
+  }
+  setEditor(editor) {
+    this.editor = editor;
+    this.sendMessage({
+      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,
+      value: this.getValue(editor)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      this.updatePluginValues();
+      if (this.editor == null || options?.operation == null)
+        return;
+      this.onLocalUserChange();
+    };
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.sendMessage({
+      type: RichTextV2Control.SET_DEFAULT_VALUE,
+      value: defaultValue
+    });
+  }
+  onLocalUserChange() {
+    if (this.editor == null)
+      return;
+    this.sendMessage({
+      type: RichTextV2Control.ON_CHANGE,
+      value: RichTextV2Definition.nodesToDataV2(this.editor.children, this.editor.currentKey)
+    });
+  }
+  updatePluginValues() {
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.sendMessage({
+      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,
+      value: this.getValue(editor)
+    });
+  }
+  getValue(editor) {
+    return this.descriptor.pluginControls.map((control) => control.getValue?.(editor)) ?? [];
+  }
+  select() {
+    this.sendMessage({ type: RichTextV2Control.SELECT });
+  }
+  switchToBuildMode() {
+    this.sendMessage({ type: RichTextV2Control.SWITCH_TO_BUILD_MODE });
+  }
+  undo() {
+    this.sendMessage({ type: RichTextV2Control.UNDO });
+  }
+  redo() {
+    this.sendMessage({ type: RichTextV2Control.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.sendMessage({
+      type: RichTextV2Control.CHANGE_BOX_MODEL,
+      payload: { boxModel }
+    });
+  }
+}
+export {
+  RichTextV2Control
+};
+//# sourceMappingURL=control.js.map

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":[]}