@makeswift/runtime 0.13.0 → 0.14.0

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

@@ -0,0 +1,142 @@
+import ipsum from "corporate-ipsum";
+import { PropController } from "../../prop-controllers/base";
+import { richTextV2DescendentsToData } from "./dto";
+import { LinkPlugin } from "../../slate/LinkPlugin/linkPluginWithoutRenderElement";
+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;
+  }
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextV2ControlMessageType.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+      case RichTextV2ControlMessageType.RESET_VALUE: {
+        if (this.defaultValue) {
+          this.editor.resetValue(this.defaultValue);
+          setTimeout(() => {
+            this.onLocalUserChange();
+          });
+        }
+        break;
+      }
+      case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
+        this.descriptor.config.plugins?.at(message.pluginIndex)?.control?.onChange(this.editor, message.value);
+        break;
+      }
+    }
+  };
+  setEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: this.descriptor.config?.plugins?.map((plugin) => plugin?.control?.getValue(editor)) ?? []
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      this.updatePluginValues();
+      if (this.editor == null || options?.operation == null)
+        return;
+      this.onLocalUserChange();
+    };
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,
+      value: defaultValue
+    });
+  }
+  onLocalUserChange() {
+    if (this.editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.ON_CHANGE,
+      value: richTextV2DescendentsToData(this.editor.children, this.editor.currentKey)
+    });
+  }
+  updatePluginValues() {
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: this.descriptor.config?.plugins?.map((plugin) => plugin?.control?.getValue(editor)) ?? []
+    });
+  }
+  select() {
+    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  }
+  switchToBuildMode() {
+    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  }
+  undo() {
+    this.send({ type: RichTextV2ControlMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextV2ControlMessageType.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+}
+function isRichTextV1Data(value) {
+  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
+}
+export {
+  RichText,
+  RichTextV2Control,
+  RichTextV2ControlMessageType,
+  RichTextV2ControlType,
+  RichTextV2Mode,
+  isRichTextV1Data
+};
+//# sourceMappingURL=rich-text-v2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/rich-text-v2.ts"],"sourcesContent":["// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport { PropController } from '../../prop-controllers/base'\nimport { Descendant, Editor } from 'slate'\nimport { BoxModel } from '../../box-model'\nimport { Send } from '../../prop-controllers/instances'\nimport { ControlDefinition } from '../control'\nimport { RichTextControlData } from '../rich-text/rich-text'\nimport { richTextV2DescendentsToData } from './dto'\nimport { LinkPlugin } from '../../slate/LinkPlugin/linkPluginWithoutRenderElement'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { RichTextV2Plugin, RichTextV2PluginControlValue } from './plugin'\n\nexport const RichTextV2ControlType = 'makeswift::controls::rich-text-v2'\n\nexport type RichTextV2ControlData = {\n  version: 2\n  type: typeof RichTextV2ControlType\n  descendants: Descendant[]\n  key: string\n}\n\nexport const RichTextV2Mode = {\n  Inline: 'makeswift::controls::rich-text-v2::mode::inline',\n  Block: 'makeswift::controls::rich-text-v2::mode::block',\n} as const\n\nexport type RichTextV2Mode = typeof RichTextV2Mode[keyof typeof RichTextV2Mode]\n\nexport type RichTextMode = RichTextV2Mode\n\nexport type RichTextV2Config = {\n  mode?: RichTextV2Mode\n  plugins?: RichTextV2Plugin[]\n  defaultValue?: string\n}\n\ntype ExternalRichTextV2Config = Omit<RichTextV2Config, 'plugins'>\n\nexport type RichTextV2ControlDefinition<T extends RichTextV2Config = RichTextV2Config> = {\n  type: typeof RichTextV2ControlType\n  config: T\n}\n\nexport function RichText<T extends ExternalRichTextV2Config>(\n  config: T = {} as T,\n): RichTextV2ControlDefinition {\n  return {\n    type: RichTextV2ControlType,\n    config: {\n      mode: config.mode,\n      defaultValue:\n        config.defaultValue ??\n        (config?.mode === RichTextV2Mode.Inline ? 'Edit this text' : ipsum(3)),\n      plugins:\n        config?.mode === RichTextV2Mode.Inline\n          ? [InlineModePlugin()]\n          : // Note: this plugin references a `renderElement`-less LinkPlugin to prevent a circular dependency\n            [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()],\n    },\n  }\n}\n\nRichText.Mode = RichTextV2Mode\n\nexport const RichTextV2ControlMessageType = {\n  // COSMOS -> HOST\n  RESET_VALUE: 'makeswift::controls::rich-text-v2::control-message::reset-value',\n  FOCUS: 'makeswift::controls::rich-text-v2::control-message::focus',\n  RUN_PLUGIN_CONTROL_ACTION:\n    'makeswift::controls::rich-text-v2::control-message::run-plugin-control-action',\n\n  // HOST -> COSMOS\n  SET_DEFAULT_VALUE: 'makeswift::controls::rich-text-v2::control-message::set-default-value',\n  SET_PLUGIN_CONTROL_VALUE:\n    'makeswift::controls::rich-text-v2::control-message::set-plugin-control-value',\n  ON_CHANGE: 'makeswift::controls::rich-text-v2::control-message::on-change',\n  SELECT: 'makeswift::controls::rich-text-v2::control-message::select',\n  SWITCH_TO_BUILD_MODE: 'makeswift::controls::rich-text-v2::control-message::switch-to-build-mode',\n  CHANGE_BOX_MODEL: 'makeswift::controls::rich-text-v2::control-message::change-box-model',\n\n  REDO: 'makeswift::controls::rich-text-v2::control-message::redo',\n  UNDO: 'makeswift::controls::rich-text-v2::control-message::undo',\n} as const\n\ntype OnChangeRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.ON_CHANGE\n  value: RichTextV2ControlData\n}\n\ntype SetDefaultValueRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SET_DEFAULT_VALUE\n  value: Descendant[]\n}\n\ntype SetPluginControlValueRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE\n  value: RichTextV2PluginControlValue<ControlDefinition>[]\n}\n\ntype ResetValueRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.RESET_VALUE }\n\ntype SelectRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.SELECT }\n\ntype RunPluginControlActionRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION\n  pluginIndex: number\n  value: RichTextV2PluginControlValue<ControlDefinition>\n}\n\ntype FocusRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.FOCUS }\n\ntype SwitchToBuildModeRichTextControlMessage = {\n  type: typeof RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE\n}\n\ntype BoxModelChangeRichControlMessage = {\n  type: typeof RichTextV2ControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\ntype UndoRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.UNDO }\n\ntype RedoRichTextControlMessage = { type: typeof RichTextV2ControlMessageType.REDO }\n\nexport type RichTextV2ControlMessage =\n  | OnChangeRichTextControlMessage\n  | SetDefaultValueRichTextControlMessage\n  | SetPluginControlValueRichTextControlMessage\n  | ResetValueRichTextControlMessage\n  | FocusRichTextControlMessage\n  | RunPluginControlActionRichTextControlMessage\n  | SelectRichTextControlMessage\n  | SwitchToBuildModeRichTextControlMessage\n  | BoxModelChangeRichControlMessage\n  | UndoRichTextControlMessage\n  | RedoRichTextControlMessage\n\nexport class RichTextV2Control<\n  T extends RichTextV2ControlDefinition = RichTextV2ControlDefinition,\n> extends PropController<RichTextV2ControlMessage> {\n  private editor: Editor | null = null\n  private defaultValue: Descendant[] | null = null\n  descriptor: RichTextV2ControlDefinition\n\n  constructor(send: Send<RichTextV2ControlMessage>, descriptor: T) {\n    super(send)\n\n    this.descriptor = descriptor\n    this.send = send\n  }\n\n  recv = (message: RichTextV2ControlMessage): void => {\n    if (!this.editor) return\n    switch (message.type) {\n      case RichTextV2ControlMessageType.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n      case RichTextV2ControlMessageType.RESET_VALUE: {\n        if (this.defaultValue) {\n          this.editor.resetValue(this.defaultValue)\n          setTimeout(() => {\n            this.onLocalUserChange()\n          })\n        }\n        break\n      }\n      case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {\n        this.descriptor.config.plugins\n          ?.at(message.pluginIndex)\n          ?.control?.onChange(this.editor, message.value)\n        break\n      }\n    }\n  }\n\n  setEditor(editor: Editor) {\n    this.editor = editor\n    this.send({\n      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,\n      value:\n        this.descriptor.config?.plugins?.map(plugin => plugin?.control?.getValue(editor)) ?? [],\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n      this.updatePluginValues()\n      if (this.editor == null || options?.operation == null) return\n      this.onLocalUserChange()\n    }\n  }\n\n  setDefaultValue(defaultValue: Descendant[]) {\n    this.defaultValue = defaultValue\n    this.send({\n      type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,\n      value: defaultValue,\n    })\n  }\n\n  onLocalUserChange() {\n    if (this.editor == null) return\n    this.send({\n      type: RichTextV2ControlMessageType.ON_CHANGE,\n      value: richTextV2DescendentsToData(this.editor.children, this.editor.currentKey),\n    })\n  }\n\n  updatePluginValues() {\n    const editor = this.editor\n    if (editor == null) return\n    this.send({\n      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,\n      value:\n        this.descriptor.config?.plugins?.map(plugin => plugin?.control?.getValue(editor)) ?? [],\n    })\n  }\n\n  select() {\n    this.send({ type: RichTextV2ControlMessageType.SELECT })\n  }\n\n  switchToBuildMode() {\n    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE })\n  }\n\n  undo() {\n    this.send({ type: RichTextV2ControlMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextV2ControlMessageType.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n}\n\nexport function isRichTextV1Data(\n  value: RichTextControlData | RichTextV2ControlData | undefined,\n): value is RichTextControlData {\n  return (\n    value !== undefined && typeof value === 'object' && !Array.isArray(value) && 'document' in value\n  )\n}\n"],"mappings":"AACA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAM/B,SAAS,mCAAmC;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAG1B,MAAM,wBAAwB;AAS9B,MAAM,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,OAAO;AACT;AAmBO,SAAS,SACd,SAAY,CAAC,GACgB;AAC7B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,MAAM,OAAO;AAAA,MACb,cACE,OAAO,iBACN,QAAQ,SAAS,eAAe,SAAS,mBAAmB,MAAM,CAAC;AAAA,MACtE,SACE,QAAQ,SAAS,eAAe,SAC5B,CAAC,iBAAiB,CAAC;AAAA;AAAA,QAEnB,CAAC,YAAY,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC;AAAA;AAAA,IAC3F;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAET,MAAM,+BAA+B;AAAA;AAAA,EAE1C,aAAa;AAAA,EACb,OAAO;AAAA,EACP,2BACE;AAAA;AAAA,EAGF,mBAAmB;AAAA,EACnB,0BACE;AAAA,EACF,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAElB,MAAM;AAAA,EACN,MAAM;AACR;AAuDO,MAAM,0BAEH,eAAyC;AAAA,EACzC,SAAwB;AAAA,EACxB,eAAoC;AAAA,EAC5C;AAAA,EAEA,YAAY,MAAsC,YAAe;AAC/D,UAAM,IAAI;AAEV,SAAK,aAAa;AAClB,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,OAAO,CAAC,YAA4C;AAClD,QAAI,CAAC,KAAK;AAAQ;AAClB,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,6BAA6B,OAAO;AACvC,aAAK,OAAO,kBAAkB;AAC9B;AAAA,MACF;AAAA,MACA,KAAK,6BAA6B,aAAa;AAC7C,YAAI,KAAK,cAAc;AACrB,eAAK,OAAO,WAAW,KAAK,YAAY;AACxC,qBAAW,MAAM;AACf,iBAAK,kBAAkB;AAAA,UACzB,CAAC;AAAA,QACH;AACA;AAAA,MACF;AAAA,MACA,KAAK,6BAA6B,2BAA2B;AAC3D,aAAK,WAAW,OAAO,SACnB,GAAG,QAAQ,WAAW,GACtB,SAAS,SAAS,KAAK,QAAQ,QAAQ,KAAK;AAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,MACR,MAAM,6BAA6B;AAAA,MACnC,OACE,KAAK,WAAW,QAAQ,SAAS,IAAI,YAAU,QAAQ,SAAS,SAAS,MAAM,CAAC,KAAK,CAAC;AAAA,IAC1F,CAAC;AAED,UAAM,YAAY,OAAO;AACzB,SAAK,OAAO,WAAW,aAAW;AAChC,gBAAU,OAAO;AACjB,WAAK,mBAAmB;AACxB,UAAI,KAAK,UAAU,QAAQ,SAAS,aAAa;AAAM;AACvD,WAAK,kBAAkB;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,gBAAgB,cAA4B;AAC1C,SAAK,eAAe;AACpB,SAAK,KAAK;AAAA,MACR,MAAM,6BAA6B;AAAA,MACnC,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,QAAI,KAAK,UAAU;AAAM;AACzB,SAAK,KAAK;AAAA,MACR,MAAM,6BAA6B;AAAA,MACnC,OAAO,4BAA4B,KAAK,OAAO,UAAU,KAAK,OAAO,UAAU;AAAA,IACjF,CAAC;AAAA,EACH;AAAA,EAEA,qBAAqB;AACnB,UAAM,SAAS,KAAK;AACpB,QAAI,UAAU;AAAM;AACpB,SAAK,KAAK;AAAA,MACR,MAAM,6BAA6B;AAAA,MACnC,OACE,KAAK,WAAW,QAAQ,SAAS,IAAI,YAAU,QAAQ,SAAS,SAAS,MAAM,CAAC,KAAK,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,SAAK,KAAK,EAAE,MAAM,6BAA6B,OAAO,CAAC;AAAA,EACzD;AAAA,EAEA,oBAAoB;AAClB,SAAK,KAAK,EAAE,MAAM,6BAA6B,qBAAqB,CAAC;AAAA,EACvE;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,6BAA6B,KAAK,CAAC;AAAA,EACvD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,6BAA6B,KAAK,CAAC;AAAA,EACvD;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,6BAA6B,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EAC1F;AACF;AAEO,SAAS,iBACd,OAC8B;AAC9B,SACE,UAAU,UAAa,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,KAAK,cAAc;AAE/F;","names":[]}

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

@@ -0,0 +1,165 @@
+import escapeHtml from "escape-html";
+import { BlockType, InlineType } from "../../slate/types";
+import { Editor, Node, Text, Transforms, createEditor } from "slate";
+import { jsx } from "slate-hyperscript";
+import { parseFragment } from "parse5";
+import { RichTextV2Mode } from "./rich-text-v2";
+import { InlineModePlugin } from "../../slate/InlineModePlugin";
+import { BlockPlugin } from "../../slate/BlockPlugin";
+import { TypographyPlugin } from "../../slate/TypographyPlugin";
+import { TextAlignPlugin } from "../../slate/TextAlignPlugin";
+import { InlinePlugin } from "../../slate/InlinePlugin";
+import { ElementUtils } from "../../slate/utils/element";
+function pathToString(path) {
+  return path.join(":");
+}
+function stringToPath(s) {
+  return s.split(":").map((a) => parseInt(a));
+}
+function getDescendantTranslatableData(descendant, path) {
+  if (Text.isText(descendant)) {
+    return {};
+  }
+  switch (descendant.type) {
+    case BlockType.UnorderedList:
+    case BlockType.OrderedList:
+    case BlockType.ListItem:
+      return descendant.children.reduce(
+        (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),
+        {}
+      );
+    default:
+      const text = getInlineOrTextTranslatableData(descendant);
+      if (text == null)
+        return {};
+      return { [pathToString(path)]: text };
+  }
+}
+function getInlineOrTextTranslatableData(descendant, path = []) {
+  if (Text.isText(descendant)) {
+    let string = escapeHtml(descendant.text);
+    if (string === "")
+      return null;
+    if (descendant.typography === void 0)
+      return string;
+    return `<span key="${pathToString(path)}">${string}</span>`;
+  }
+  const children = descendant.children.map((child, i) => getInlineOrTextTranslatableData(child, [...path, i])).join("");
+  if (children === "")
+    return null;
+  switch (descendant.type) {
+    case InlineType.Link:
+      return `<a key="${pathToString(path)}">${children}</a>`;
+    case InlineType.SuperScript:
+      return `<sup key="${pathToString(path)}">${children}</sup>`;
+    case InlineType.SubScript:
+      return `<sub key="${pathToString(path)}">${children}</sub>`;
+    case InlineType.Code:
+      return `<code key="${pathToString(path)}">${children}</code>`;
+    default:
+      return children;
+  }
+}
+function getRichTextV2TranslatableData(definition, data) {
+  const plugins = definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()];
+  const editor = plugins.reduceRight(
+    (editor2, plugin) => plugin?.withPlugin?.(editor2) ?? editor2,
+    createEditor()
+  );
+  editor.children = data.descendants;
+  editor.typographyNormalizationDirection = "up";
+  Editor.normalize(editor, { force: true });
+  return editor.children.reduce(
+    (acc, descendant, i) => ({
+      ...acc,
+      ...getDescendantTranslatableData(descendant, [i])
+    }),
+    {}
+  );
+}
+function deserializeTranslationHtmlString(el, translationKey) {
+  if (el.nodeName === "#document-fragment") {
+    const children = Array.from(el.childNodes).map((element) => deserializeTranslationHtmlString(element)).flat();
+    if (children.length === 0) {
+      children.push(jsx("text", {}, ""));
+    }
+    return children;
+  } else if (el.nodeName === "#text" && "value" in el) {
+    return [jsx("text", { translationKey: translationKey ?? void 0 }, el.value)];
+  } else if ("namespaceURI" in el) {
+    const translationKey2 = el.attrs.find((a) => a.name === "key")?.value ?? void 0;
+    const children = Array.from(el.childNodes).map((element) => deserializeTranslationHtmlString(element, translationKey2)).flat();
+    if (children.length === 0) {
+      children.push(jsx("text", {}, ""));
+    }
+    switch (el.nodeName) {
+      case "code":
+        return [jsx("element", { type: InlineType.Code, translationKey: translationKey2 }, children)];
+      case "sub":
+        return [jsx("element", { type: InlineType.SubScript, translationKey: translationKey2 }, children)];
+      case "sup":
+        return [jsx("element", { type: InlineType.SuperScript, translationKey: translationKey2 }, children)];
+      case "a":
+        return [jsx("element", { type: InlineType.Link, translationKey: translationKey2 }, children)];
+      default:
+        return children;
+    }
+  }
+  return [];
+}
+function mergeRichTextV2TranslatedData(definition, data, translatedData) {
+  const plugins = definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()];
+  const sourceEditor = plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    createEditor()
+  );
+  const targetEditor = plugins.reduceRight(
+    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,
+    createEditor()
+  );
+  sourceEditor.children = data.descendants;
+  sourceEditor.typographyNormalizationDirection = "up";
+  Editor.normalize(sourceEditor, { force: true });
+  Object.entries(translatedData).reverse().forEach(([blockStringPath, htmlString]) => {
+    const blockPath = stringToPath(blockStringPath);
+    if (blockPath.length === 0)
+      return;
+    const html = parseFragment(htmlString);
+    const inlineDescendants = deserializeTranslationHtmlString(html);
+    targetEditor.children = [{ type: BlockType.Default, children: inlineDescendants }];
+    targetEditor.typographyNormalizationDirection = "neutral";
+    Editor.normalize(targetEditor, { force: true });
+    for (const [descendant, absolutePathToTargetNode] of Node.descendants(targetEditor)) {
+      if (!Text.isText(descendant) && !ElementUtils.isInline(descendant) || descendant.translationKey == null || descendant.translationKey === "") {
+        continue;
+      }
+      const relativePathToSourceNode = stringToPath(descendant.translationKey);
+      const absolutePathToSourceNode = [...blockPath, ...relativePathToSourceNode];
+      const [sourceNode] = Editor.node(sourceEditor, absolutePathToSourceNode);
+      if (Text.isText(sourceNode) && Text.isText(descendant)) {
+        const { translationKey, text, ...rest } = sourceNode;
+        Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
+        Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
+      } else if (ElementUtils.isInline(sourceNode) && ElementUtils.isInline(descendant)) {
+        const { translationKey, children, ...rest } = sourceNode;
+        Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode });
+        Transforms.unsetNodes(targetEditor, "translationKey", { at: absolutePathToTargetNode });
+      }
+    }
+    const translatedChildren = targetEditor.children.at(0)?.children;
+    Editor.withoutNormalizing(sourceEditor, () => {
+      Array.from(Node.children(sourceEditor, blockPath)).reverse().forEach(([_, path]) => {
+        Transforms.removeNodes(sourceEditor, { at: path });
+      });
+      Transforms.insertNodes(sourceEditor, translatedChildren, { at: [...blockPath, 0] });
+    });
+  });
+  sourceEditor.typographyNormalizationDirection = "down";
+  Editor.normalize(sourceEditor, { force: true });
+  return { ...data, descendants: sourceEditor.children };
+}
+export {
+  getRichTextV2TranslatableData,
+  mergeRichTextV2TranslatedData
+};
+//# sourceMappingURL=translation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/translation.ts"],"sourcesContent":["import escapeHtml from 'escape-html'\nimport { BlockType, InlineType } from '../../slate/types'\nimport { Descendant, Editor, Element, Node, Text, Transforms, createEditor } from 'slate'\nimport { jsx } from 'slate-hyperscript'\nimport { parseFragment } from 'parse5'\nimport { ChildNode, DocumentFragment } from 'parse5/dist/tree-adapters/default'\n\nimport { RichTextV2ControlData, RichTextV2ControlDefinition, RichTextV2Mode } from './rich-text-v2'\nimport { RichTextV2Plugin } from './plugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { MakeswiftEditor } from '../../slate/types'\nimport { ElementUtils } from '../../slate/utils/element'\nimport { TranslationDto } from '../../state/react-page'\n\nfunction pathToString(path: number[]): string {\n  return path.join(':')\n}\n\nfunction stringToPath(s: string): number[] {\n  return s.split(':').map(a => parseInt(a))\n}\n\nfunction getDescendantTranslatableData(descendant: Descendant, path: number[]): TranslationDto {\n  if (Text.isText(descendant)) {\n    return {}\n  }\n\n  switch (descendant.type) {\n    case BlockType.UnorderedList:\n    case BlockType.OrderedList:\n    case BlockType.ListItem:\n      return descendant.children.reduce(\n        (acc, d, j) => ({ ...acc, ...getDescendantTranslatableData(d, [...path, j]) }),\n        {},\n      )\n\n    default:\n      const text = getInlineOrTextTranslatableData(descendant)\n\n      if (text == null) return {}\n\n      return { [pathToString(path)]: text }\n  }\n}\n\nfunction getInlineOrTextTranslatableData(\n  descendant: Descendant,\n  path: number[] = [],\n): string | null {\n  if (Text.isText(descendant)) {\n    let string = escapeHtml(descendant.text)\n\n    if (string === '') return null\n\n    if (descendant.typography === undefined) return string\n\n    return `<span key=\"${pathToString(path)}\">${string}</span>`\n  }\n\n  const children = descendant.children\n    .map((child: Descendant, i: number) => getInlineOrTextTranslatableData(child, [...path, i]))\n    .join('')\n\n  if (children === '') return null\n\n  switch (descendant.type) {\n    case InlineType.Link:\n      return `<a key=\"${pathToString(path)}\">${children}</a>`\n    case InlineType.SuperScript:\n      return `<sup key=\"${pathToString(path)}\">${children}</sup>`\n    case InlineType.SubScript:\n      return `<sub key=\"${pathToString(path)}\">${children}</sub>`\n    case InlineType.Code:\n      return `<code key=\"${pathToString(path)}\">${children}</code>`\n    default:\n      return children\n  }\n}\n\nexport function getRichTextV2TranslatableData(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n): Record<string, string> {\n  const plugins: RichTextV2Plugin[] =\n    definition?.config?.mode === RichTextV2Mode.Inline\n      ? [InlineModePlugin()]\n      : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()]\n\n  const editor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  editor.children = data.descendants\n  editor.typographyNormalizationDirection = 'up'\n  Editor.normalize(editor, { force: true })\n\n  return editor.children.reduce(\n    (acc, descendant: Descendant, i) => ({\n      ...acc,\n      ...getDescendantTranslatableData(descendant, [i]),\n    }),\n    {},\n  )\n}\n\nfunction deserializeTranslationHtmlString(\n  el: ChildNode | DocumentFragment,\n  translationKey?: string,\n): Descendant[] {\n  if (el.nodeName === '#document-fragment') {\n    const children = Array.from(el.childNodes)\n      .map(element => deserializeTranslationHtmlString(element))\n      .flat()\n\n    if (children.length === 0) {\n      children.push(jsx('text', {}, ''))\n    }\n\n    return children\n  } else if (el.nodeName === '#text' && 'value' in el) {\n    return [jsx('text', { translationKey: translationKey ?? undefined }, el.value)]\n  } else if ('namespaceURI' in el) {\n    const translationKey = el.attrs.find(a => a.name === 'key')?.value ?? undefined\n    const children = Array.from(el.childNodes)\n      .map(element => deserializeTranslationHtmlString(element, translationKey))\n      .flat()\n\n    if (children.length === 0) {\n      children.push(jsx('text', {}, ''))\n    }\n\n    switch (el.nodeName) {\n      case 'code':\n        return [jsx('element', { type: InlineType.Code, translationKey }, children)]\n      case 'sub':\n        return [jsx('element', { type: InlineType.SubScript, translationKey }, children)]\n      case 'sup':\n        return [jsx('element', { type: InlineType.SuperScript, translationKey }, children)]\n      case 'a':\n        return [jsx('element', { type: InlineType.Link, translationKey }, children)]\n      default:\n        return children\n    }\n  }\n  return []\n}\n\nexport type RichTextV2ControlTranslationDto = Record<string, string>\n\nexport function mergeRichTextV2TranslatedData(\n  definition: RichTextV2ControlDefinition,\n  data: RichTextV2ControlData,\n  translatedData: RichTextV2ControlTranslationDto,\n): RichTextV2ControlData {\n  const plugins: RichTextV2Plugin[] =\n    definition?.config?.mode === RichTextV2Mode.Inline\n      ? [InlineModePlugin()]\n      : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()]\n\n  const sourceEditor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  const targetEditor: MakeswiftEditor = plugins.reduceRight(\n    (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n    createEditor(),\n  )\n\n  sourceEditor.children = data.descendants\n  sourceEditor.typographyNormalizationDirection = 'up'\n  Editor.normalize(sourceEditor, { force: true })\n\n  Object.entries(translatedData)\n    .reverse()\n    .forEach(([blockStringPath, htmlString]) => {\n      const blockPath = stringToPath(blockStringPath)\n      if (blockPath.length === 0) return\n\n      const html = parseFragment(htmlString)\n      const inlineDescendants = deserializeTranslationHtmlString(html)\n\n      targetEditor.children = [{ type: BlockType.Default, children: inlineDescendants }]\n\n      targetEditor.typographyNormalizationDirection = 'neutral'\n      Editor.normalize(targetEditor, { force: true })\n\n      for (const [descendant, absolutePathToTargetNode] of Node.descendants(targetEditor)) {\n        if (\n          (!Text.isText(descendant) && !ElementUtils.isInline(descendant)) ||\n          descendant.translationKey == null ||\n          descendant.translationKey === ''\n        ) {\n          continue\n        }\n\n        const relativePathToSourceNode = stringToPath(descendant.translationKey)\n\n        const absolutePathToSourceNode = [...blockPath, ...relativePathToSourceNode]\n\n        const [sourceNode] = Editor.node(sourceEditor, absolutePathToSourceNode)\n\n        if (Text.isText(sourceNode) && Text.isText(descendant)) {\n          const { translationKey, text, ...rest } = sourceNode\n          Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode })\n          Transforms.unsetNodes(targetEditor, 'translationKey', { at: absolutePathToTargetNode })\n        } else if (ElementUtils.isInline(sourceNode) && ElementUtils.isInline(descendant)) {\n          const { translationKey, children, ...rest } = sourceNode\n          Transforms.setNodes(targetEditor, rest, { at: absolutePathToTargetNode })\n          Transforms.unsetNodes(targetEditor, 'translationKey', { at: absolutePathToTargetNode })\n        }\n      }\n      const translatedChildren = (targetEditor.children.at(0) as Element)?.children\n\n      Editor.withoutNormalizing(sourceEditor, () => {\n        Array.from(Node.children(sourceEditor, blockPath))\n          .reverse()\n          .forEach(([_, path]) => {\n            Transforms.removeNodes(sourceEditor, { at: path })\n          })\n\n        Transforms.insertNodes(sourceEditor, translatedChildren, { at: [...blockPath, 0] })\n      })\n    })\n\n  sourceEditor.typographyNormalizationDirection = 'down'\n  Editor.normalize(sourceEditor, { force: true })\n\n  return { ...data, descendants: sourceEditor.children }\n}\n"],"mappings":"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","names":["editor","translationKey"]}

package/dist/esm/controls/select.js

@@ -0,0 +1,9 @@
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
+export {
+  Select,
+  SelectControlType
+};
+//# sourceMappingURL=select.js.map

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

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

package/dist/esm/controls/shape.js

@@ -0,0 +1,125 @@
+import {
+  createPropController
+} from "../prop-controllers/instances";
+import { PropController } from "../prop-controllers/base";
+import {
+  getTranslatableData,
+  mergeTranslatedData
+} from "./control";
+import { copy as controlCopy } from "./control";
+import {
+  getElementChildren,
+  getFileIds,
+  getPageIds,
+  getSwatchIds,
+  getTypographyIds
+} from "../prop-controllers/introspection";
+const ShapeControlType = "makeswift::controls::shape";
+function Shape(config) {
+  return { type: ShapeControlType, config };
+}
+const ShapeControlMessageType = {
+  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::shape::message::child-control-message"
+};
+class ShapeControl extends PropController {
+  controls;
+  descriptor;
+  send;
+  constructor(send, descriptor) {
+    super(send);
+    this.descriptor = descriptor;
+    this.send = send;
+    this.controls = /* @__PURE__ */ new Map();
+    this.setControls();
+  }
+  setControls = () => {
+    const controls = /* @__PURE__ */ new Map();
+    const children = this.descriptor.config.type;
+    Object.keys(children).forEach((key) => {
+      const control = createPropController(
+        children[key],
+        (message) => this.send({
+          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,
+          payload: { message, key }
+        })
+      );
+      controls.set(key, control);
+    });
+    this.controls = controls;
+    return this.controls;
+  };
+  recv = (message) => {
+    switch (message.type) {
+      case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.controls.get(message.payload.key);
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  };
+}
+function copyShapeData(definition, value, context) {
+  if (value == null)
+    return value;
+  const newValue = {};
+  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+    const prop = value[key];
+    newValue[key] = controlCopy(itemDefinition, prop, context);
+  }
+  return newValue;
+}
+function introspectShapeData(definition, value, func) {
+  if (value == null)
+    return [];
+  return Object.entries(definition.config.type).flatMap(
+    ([key, definition2]) => func(definition2, value[key])
+  );
+}
+function getShapeElementChildren(definition, data) {
+  return introspectShapeData(definition, data, getElementChildren);
+}
+function getShapeSwatchIds(definition, data) {
+  return introspectShapeData(definition, data, getSwatchIds);
+}
+function getShapeTypographyIds(definition, data) {
+  return introspectShapeData(definition, data, getTypographyIds);
+}
+function getShapePageIds(definition, data) {
+  return introspectShapeData(definition, data, getPageIds);
+}
+function getShapeFileIds(definition, data) {
+  return introspectShapeData(definition, data, getFileIds);
+}
+function getShapeTranslatableData(definition, data) {
+  return Object.fromEntries(
+    Object.entries(definition.config.type).map(([key, definition2]) => [
+      key,
+      getTranslatableData(definition2, data[key])
+    ])
+  );
+}
+function mergeShapeTranslatedData(definition, data, translatedData, context) {
+  return Object.fromEntries(
+    Object.entries(definition.config.type).map(([key, definition2]) => [
+      key,
+      mergeTranslatedData(definition2, data[key], translatedData[key], context)
+    ])
+  );
+}
+export {
+  Shape,
+  ShapeControl,
+  ShapeControlMessageType,
+  ShapeControlType,
+  copyShapeData,
+  getShapeElementChildren,
+  getShapeFileIds,
+  getShapePageIds,
+  getShapeSwatchIds,
+  getShapeTranslatableData,
+  getShapeTypographyIds,
+  mergeShapeTranslatedData
+};
+//# sourceMappingURL=shape.js.map

package/dist/esm/controls/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/shape.ts"],"sourcesContent":["import {\n  AnyPropController,\n  createPropController,\n  Send,\n  PropControllerMessage,\n} from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { CopyContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  ControlDefinition,\n  ControlDefinitionData,\n  getTranslatableData,\n  mergeTranslatedData,\n} from './control'\n\nimport { copy as controlCopy } from './control'\nimport { Data } from './types'\nimport {\n  getElementChildren,\n  getFileIds,\n  getPageIds,\n  getSwatchIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\n\nexport const ShapeControlType = 'makeswift::controls::shape'\n\ntype ShapeControlConfig = {\n  type: Record<string, ControlDefinition>\n}\n\nexport type ShapeControlDefinition<C extends ShapeControlConfig = ShapeControlConfig> = {\n  type: typeof ShapeControlType\n  config: C\n}\n\nexport function Shape<C extends ShapeControlConfig>(config: C): ShapeControlDefinition<C> {\n  return { type: ShapeControlType, config }\n}\n\nexport type ShapeControlData<T extends ShapeControlDefinition = ShapeControlDefinition> = {\n  [K in keyof T['config']['type']]?: ControlDefinitionData<T['config']['type'][K]>\n}\n\nexport const ShapeControlMessageType = {\n  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: 'makeswift::controls::shape::message::child-control-message',\n} as const\n\ntype ShapeControlChildControlMessage = {\n  type: typeof ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE\n  payload: { message: PropControllerMessage; key: string }\n}\n\nexport type ShapeControlMessage = ShapeControlChildControlMessage\n\nexport class ShapeControl<\n  T extends ShapeControlDefinition = ShapeControlDefinition,\n> extends PropController<ShapeControlMessage> {\n  controls: Map<string, AnyPropController>\n  descriptor: ShapeControlDefinition\n  send: Send<ShapeControlMessage>\n\n  constructor(send: Send<ShapeControlMessage>, descriptor: T) {\n    super(send)\n\n    this.descriptor = descriptor\n    this.send = send\n\n    this.controls = new Map<string, AnyPropController>()\n    this.setControls()\n  }\n\n  setControls = () => {\n    const controls = new Map<string, AnyPropController>()\n    const children = this.descriptor.config.type\n\n    Object.keys(children).forEach(key => {\n      const control = createPropController(children[key], message =>\n        this.send({\n          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,\n          payload: { message, key },\n        }),\n      )\n\n      controls.set(key, control)\n    })\n\n    this.controls = controls\n\n    return this.controls\n  }\n\n  recv = (message: ShapeControlMessage) => {\n    switch (message.type) {\n      case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {\n        const control = this.controls.get(message.payload.key)\n\n        if (control == null) return\n\n        // TODO: We're casting the type here as the arg0 type for control.recv is never\n        const recv = control.recv as (arg0: PropControllerMessage) => void\n\n        recv(message.payload.message)\n      }\n    }\n  }\n}\n\nexport function copyShapeData(\n  definition: ShapeControlDefinition,\n  value: ShapeControlData | undefined,\n  context: CopyContext,\n): ShapeControlData | undefined {\n  if (value == null) return value\n\n  const newValue: ShapeControlData = {}\n\n  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {\n    const prop = value[key]\n\n    newValue[key] = controlCopy(itemDefinition, prop, context)\n  }\n\n  return newValue\n}\n\nfunction introspectShapeData<T>(\n  definition: ShapeControlDefinition,\n  value: ShapeControlData | undefined,\n  func: (definition: ControlDefinition, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return Object.entries(definition.config.type).flatMap(([key, definition]) =>\n    func(definition, value[key]),\n  )\n}\n\nexport function getShapeElementChildren(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n) {\n  return introspectShapeData(definition, data, getElementChildren)\n}\n\nexport function getShapeSwatchIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getSwatchIds)\n}\n\nexport function getShapeTypographyIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getTypographyIds)\n}\n\nexport function getShapePageIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getPageIds)\n}\n\nexport function getShapeFileIds(definition: ShapeControlDefinition, data: ShapeControlData) {\n  return introspectShapeData(definition, data, getFileIds)\n}\n\nexport function getShapeTranslatableData(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n) {\n  return Object.fromEntries(\n    Object.entries(definition.config.type).map(([key, definition]) => [\n      key,\n      getTranslatableData(definition, data[key]),\n    ]),\n  )\n}\n\nexport type ShapeControlTranslationDto = Record<string, ShapeControlData>\n\nexport function mergeShapeTranslatedData(\n  definition: ShapeControlDefinition,\n  data: ShapeControlData,\n  translatedData: ShapeControlTranslationDto,\n  context: MergeTranslatableDataContext,\n) {\n  return Object.fromEntries(\n    Object.entries(definition.config.type).map(([key, definition]) => [\n      key,\n      mergeTranslatedData(definition, data[key], translatedData[key], context),\n    ]),\n  )\n}\n"],"mappings":"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","names":["definition"]}

package/dist/esm/controls/slot.js

@@ -0,0 +1,64 @@
+import { PropController } from "../prop-controllers/base";
+import {
+  isElementReference
+} from "../state/react-page";
+const SlotControlType = "makeswift::controls::slot";
+function Slot() {
+  return { type: SlotControlType };
+}
+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 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 } });
+  }
+}
+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 (isElementReference(overrideElement))
+      return [overrideElement];
+    if (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))
+  };
+}
+export {
+  Slot,
+  SlotControl,
+  SlotControlMessageType,
+  SlotControlType,
+  copySlotData,
+  mergeSlotControlTranslatedData,
+  mergeSlotData
+};
+//# sourceMappingURL=slot.js.map

package/dist/esm/controls/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/slot.ts"],"sourcesContent":["import { PropController } from '../prop-controllers/base'\nimport { BoxModel } from '../state/modules/box-models'\nimport {\n  CopyContext,\n  Element,\n  isElementReference,\n  MergeContext,\n  MergeTranslatableDataContext,\n} from '../state/react-page'\nimport { ResponsiveValue } from './types'\n\ntype SlotControlColumnData = { count: number; spans: number[][] }\n\nexport type SlotControlData = {\n  elements: (Element & { deleted?: boolean })[]\n  columns: ResponsiveValue<SlotControlColumnData>\n}\n\nexport const SlotControlType = 'makeswift::controls::slot'\n\nexport type SlotControlDefinition = {\n  type: typeof SlotControlType\n}\n\nexport function Slot(): SlotControlDefinition {\n  return { type: SlotControlType }\n}\n\nexport const SlotControlMessageType = {\n  CONTAINER_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::container-box-model-change',\n  ITEM_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::item-box-model-change',\n} as const\n\ntype SlotControlContainerBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE\n  payload: { boxModel: BoxModel | null }\n}\n\ntype SlotControlItemBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.ITEM_BOX_MODEL_CHANGE\n  payload: { index: number; boxModel: BoxModel | null }\n}\n\nexport type SlotControlMessage =\n  | SlotControlContainerBoxModelChangeMessage\n  | SlotControlItemBoxModelChangeMessage\n\nexport class SlotControl extends PropController<SlotControlMessage> {\n  recv = () => {}\n\n  changeContainerBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE, payload: { boxModel } })\n  }\n\n  changeItemBoxModel(index: number, boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.ITEM_BOX_MODEL_CHANGE, payload: { index, boxModel } })\n  }\n}\n\nexport function copySlotData(\n  value: SlotControlData | undefined,\n  context: CopyContext,\n): SlotControlData | undefined {\n  if (value == null) return value\n\n  return {\n    ...value,\n    elements: value.elements.map(element => context.copyElement(element)),\n  }\n}\n\n/**\n * @todo\n * - Inserting elements\n * - Moving elements\n * - Merging column data\n */\nexport function mergeSlotData(\n  base: SlotControlData | undefined = { columns: [], elements: [] },\n  override: SlotControlData | undefined = { columns: [], elements: [] },\n  context: MergeContext,\n): SlotControlData {\n  const mergedColumns = base.columns\n  const mergedElements = base.elements.flatMap(baseElement => {\n    const overrideElement = override.elements.find(\n      e => baseElement.type === e.type && baseElement.key === e.key,\n    )\n\n    if (overrideElement == null) return [baseElement]\n\n    if (overrideElement.deleted) return []\n\n    if (isElementReference(overrideElement)) return [overrideElement]\n\n    if (isElementReference(baseElement)) return [baseElement]\n\n    return context.mergeElement(baseElement, overrideElement)\n  })\n\n  return { columns: mergedColumns, elements: mergedElements }\n}\n\nexport function mergeSlotControlTranslatedData(\n  data: SlotControlData,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAE/B;AAAA,EAGE;AAAA,OAGK;AAUA,MAAM,kBAAkB;AAMxB,SAAS,OAA8B;AAC5C,SAAO,EAAE,MAAM,gBAAgB;AACjC;AAEO,MAAM,yBAAyB;AAAA,EACpC,4BAA4B;AAAA,EAC5B,uBAAuB;AACzB;AAgBO,MAAM,oBAAoB,eAAmC;AAAA,EAClE,OAAO,MAAM;AAAA,EAAC;AAAA,EAEd,wBAAwB,UAAiC;AACvD,SAAK,KAAK,EAAE,MAAM,uBAAuB,4BAA4B,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EAC9F;AAAA,EAEA,mBAAmB,OAAe,UAAiC;AACjE,SAAK,KAAK,EAAE,MAAM,uBAAuB,uBAAuB,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAAA,EAChG;AACF;AAEO,SAAS,aACd,OACA,SAC6B;AAC7B,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,MAAM,SAAS,IAAI,aAAW,QAAQ,YAAY,OAAO,CAAC;AAAA,EACtE;AACF;AAQO,SAAS,cACd,OAAoC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GAChE,WAAwC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GACpE,SACiB;AACjB,QAAM,gBAAgB,KAAK;AAC3B,QAAM,iBAAiB,KAAK,SAAS,QAAQ,iBAAe;AAC1D,UAAM,kBAAkB,SAAS,SAAS;AAAA,MACxC,OAAK,YAAY,SAAS,EAAE,QAAQ,YAAY,QAAQ,EAAE;AAAA,IAC5D;AAEA,QAAI,mBAAmB;AAAM,aAAO,CAAC,WAAW;AAEhD,QAAI,gBAAgB;AAAS,aAAO,CAAC;AAErC,QAAI,mBAAmB,eAAe;AAAG,aAAO,CAAC,eAAe;AAEhE,QAAI,mBAAmB,WAAW;AAAG,aAAO,CAAC,WAAW;AAExD,WAAO,QAAQ,aAAa,aAAa,eAAe;AAAA,EAC1D,CAAC;AAED,SAAO,EAAE,SAAS,eAAe,UAAU,eAAe;AAC5D;AAEO,SAAS,+BACd,MACA,SACA;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,KAAK,SAAS,IAAI,aAAW,QAAQ,oBAAoB,OAAO,CAAC;AAAA,EAC7E;AACF;","names":[]}

package/dist/esm/controls/style-v2.js

@@ -0,0 +1,48 @@
+import { PropController } from "../prop-controllers/base";
+import {
+  createPropController
+} from "../prop-controllers/instances";
+import { useStyle } from "../runtimes/react/use-style";
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
+}
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
+  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
+};
+class StyleV2Control extends PropController {
+  control;
+  constructor(send, descriptor) {
+    super(send);
+    this.control = createPropController(descriptor.config.type, (message) => {
+      this.send({
+        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
+        payload: { message }
+      });
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv(message) {
+    switch (message.type) {
+      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.control;
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  }
+}
+export {
+  StyleV2Control,
+  StyleV2ControlMessageType,
+  StyleV2ControlType,
+  unstable_StyleV2,
+  unstable_useStyleV2ClassName
+};
+//# sourceMappingURL=style-v2.js.map