@makeswift/runtime 0.0.0-d8554fe → 0.0.0-e5fb3bd

package/dist/esm/slate/TextAlignPlugin/index.js

@@ -0,0 +1,82 @@
+import {
+  unstable_IconRadioGroup,
+  unstable_IconRadioGroupIcon,
+  unstable_StyleV2
+} from "../../controls";
+import { ElementUtils } from "../utils/element";
+import { normalizeResponsiveValue, setResponsiveValue } from "../utils/responsive";
+import { getValue } from "./getValue";
+import { createRichTextV2Plugin } from "../../controls/rich-text-v2/plugin";
+const TEXT_ALIGN_KEY = "textAlign";
+const withTextAlign = (editor) => {
+  const { normalizeNode } = editor;
+  editor.normalizeNode = (entry) => {
+    if (normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(
+      entry
+    )) {
+      return;
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+};
+function TextAlignPlugin() {
+  return createRichTextV2Plugin({
+    control: {
+      definition: unstable_StyleV2({
+        type: unstable_IconRadioGroup({
+          label: "Alignment",
+          options: [
+            {
+              icon: unstable_IconRadioGroupIcon.TextAlignLeft,
+              label: "Left Align",
+              value: "left"
+            },
+            {
+              icon: unstable_IconRadioGroupIcon.TextAlignCenter,
+              label: "Center Align",
+              value: "center"
+            },
+            {
+              icon: unstable_IconRadioGroupIcon.TextAlignRight,
+              label: "Right Align",
+              value: "right"
+            },
+            {
+              icon: unstable_IconRadioGroupIcon.TextAlignJustify,
+              label: "Justify",
+              value: "justify"
+            }
+          ],
+          defaultValue: "left"
+        }),
+        getStyle(textAlign) {
+          return { textAlign };
+        }
+      }),
+      onChange: (editor, value) => setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {
+        match: ElementUtils.isRootBlock,
+        split: false
+      }),
+      getValue: (editor) => getValue(editor),
+      getElementValue: (element) => {
+        return ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
+      }
+    },
+    withPlugin: withTextAlign,
+    renderElement: (renderElement, className) => (props) => {
+      return renderElement({
+        ...props,
+        element: {
+          ...props.element,
+          className
+        }
+      });
+    }
+  });
+}
+export {
+  TextAlignPlugin,
+  withTextAlign
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/slate/TextAlignPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TextAlignPlugin/index.tsx"],"sourcesContent":["import { Editor, Element, NodeEntry } from 'slate'\nimport {\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { normalizeResponsiveValue, setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\nimport { RootBlock } from '../types'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(\n        entry as NodeEntry<RootBlock>,\n      )\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: 'left' | 'center' | 'right' | 'justify' | undefined) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor => getValue(editor),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B,0BAA0B;AAC7D,SAAS,gBAAgB;AAEzB,SAAS,8BAA8B;AAEvC,MAAM,iBAAiB;AAEhB,MAAM,gBAAgB,CAAC,WAAmB;AAC/C,QAAM,EAAE,cAAc,IAAI;AAC1B,SAAO,gBAAgB,WAAS;AAC9B,QACE,yBAAyB,QAAQ,gBAAgB,EAAE,OAAO,aAAa,YAAY,CAAC;AAAA,MAClF;AAAA,IACF,GACA;AACA;AAAA,IACF;AACA,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO;AACT;AAEO,SAAS,kBAAkB;AAChC,SAAO,uBAAuB;AAAA,IAC5B,SAAS;AAAA,MACP,YAAY,iBAAiB;AAAA,QAC3B,MAAM,wBAAwB;AAAA,UAC5B,OAAO;AAAA,UACP,SAAS;AAAA,YACP;AAAA,cACE,MAAM,4BAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4BAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4BAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM,4BAA4B;AAAA,cAClC,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAAA,QACD,SAAS,WAAgE;AACvE,iBAAO,EAAE,UAAU;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,MACD,UAAU,CAAC,QAAQ,UACjB,mBAAmB,QAAQ,gBAAgB,OAAO;AAAA,QAChD,OAAO,aAAa;AAAA,QACpB,OAAO;AAAA,MACT,CAAC;AAAA,MACH,UAAU,YAAU,SAAS,MAAM;AAAA,MACnC,iBAAiB,CAAC,YAAqB;AACrC,eAAO,aAAa,YAAY,OAAO,IAAI,QAAQ,YAAY;AAAA,MACjE;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,CAAC,eAAe,cAAc,WAAS;AACpD,aAAO,cAAc;AAAA,QACnB,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/slate/TypographyPlugin/clearActiveTypographyStyle.js

@@ -0,0 +1,50 @@
+import { Editor, Transforms, Text, Range } from "slate";
+function clearActiveTypographyStyle(editor, options) {
+  Editor.withoutNormalizing(editor, () => {
+    const at = options?.at ?? editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(
+        editor,
+        {
+          slice: true
+        },
+        {
+          at: atRef.current,
+          match: (node) => Text.isText(node),
+          split: Range.isExpanded(atRef.current)
+        }
+      );
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(
+        Editor.nodes(editor, {
+          at: atRef.current,
+          match: (node) => Text.isText(node) && node.slice === true
+        })
+      );
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          const typography = {
+            ...node.typography,
+            style: []
+          };
+          Transforms.setNodes(
+            editor,
+            {
+              typography
+            },
+            { at: path }
+          );
+        }
+      }
+    }
+    atRef.unref();
+  });
+}
+export {
+  clearActiveTypographyStyle
+};
+//# sourceMappingURL=clearActiveTypographyStyle.js.map

package/dist/esm/slate/TypographyPlugin/clearActiveTypographyStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function clearActiveTypographyStyle(\n  editor: Editor,\n  options?: ClearActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style: [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":"AAAA,SAAS,QAAQ,YAAY,MAAM,aAAa;AAOzC,SAAS,2BACd,QACA,SACA;AACA,SAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,OAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,iBAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,MAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,OAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,KAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OAAO,CAAC;AAAA,UACV;AAEA,qBAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/esm/slate/TypographyPlugin/clearDeviceActiveTypography.js

@@ -0,0 +1,50 @@
+import { Editor, Transforms, Text, Range } from "slate";
+function clearDeviceActiveTypography(editor, currentDeviceId, options) {
+  Editor.withoutNormalizing(editor, () => {
+    const at = options?.at ?? editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(
+        editor,
+        {
+          slice: true
+        },
+        {
+          at: atRef.current,
+          match: (node) => Text.isText(node),
+          split: Range.isExpanded(atRef.current)
+        }
+      );
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(
+        Editor.nodes(editor, {
+          at: atRef.current,
+          match: (node) => Text.isText(node) && node.slice === true
+        })
+      );
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          const typography = {
+            ...node.typography,
+            style: node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? []
+          };
+          Transforms.setNodes(
+            editor,
+            {
+              typography
+            },
+            { at: path }
+          );
+        }
+      }
+    }
+    atRef.unref();
+  });
+}
+export {
+  clearDeviceActiveTypography
+};
+//# sourceMappingURL=clearDeviceActiveTypography.js.map

package/dist/esm/slate/TypographyPlugin/clearDeviceActiveTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearDeviceActiveTypographyOptions = {\n  at?: Range\n}\n\nexport function clearDeviceActiveTypography(\n  editor: Editor,\n  currentDeviceId: string,\n  options?: ClearDeviceActiveTypographyOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style:\n              node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":"AAAA,SAAS,QAAQ,YAAY,MAAM,aAAa;AAOzC,SAAS,4BACd,QACA,iBACA,SACA;AACA,SAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,OAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,iBAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,MAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,OAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,KAAK,OAAO,IAAI,GAAG;AACrB,gBAAM,aAAiC;AAAA,YACrC,GAAG,KAAK;AAAA,YACR,OACE,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,SAAS,MAAM,aAAa,eAAe,KAAK,CAAC;AAAA,UACvF;AAEA,qBAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/esm/slate/TypographyPlugin/detachActiveTypography.js

@@ -0,0 +1,48 @@
+import { Editor, Transforms, Text, Range } from "slate";
+function detachActiveTypography(editor, value, options) {
+  Editor.withoutNormalizing(editor, () => {
+    const at = options?.at ?? editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(
+        editor,
+        {
+          slice: true
+        },
+        {
+          at: atRef.current,
+          match: (node) => Text.isText(node),
+          split: Range.isExpanded(atRef.current)
+        }
+      );
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(
+        Editor.nodes(editor, {
+          at: atRef.current,
+          match: (node) => Text.isText(node) && node.slice === true
+        })
+      );
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          Transforms.setNodes(
+            editor,
+            {
+              typography: {
+                style: value
+              }
+            },
+            { at: path }
+          );
+        }
+      }
+    }
+    atRef.unref();
+  });
+}
+export {
+  detachActiveTypography
+};
+//# sourceMappingURL=detachActiveTypography.js.map

package/dist/esm/slate/TypographyPlugin/detachActiveTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/detachActiveTypography.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function detachActiveTypography(\n  editor: Editor,\n  value: RichTextTypography['style'],\n  options?: SetActiveTypographyIdOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          Transforms.setNodes(\n            editor,\n            {\n              typography: {\n                style: value,\n              },\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n"],"mappings":"AAAA,SAAS,QAAQ,YAAY,MAAM,aAAa;AAOzC,SAAS,uBACd,QACA,OACA,SACA;AACA,SAAO,mBAAmB,QAAQ,MAAM;AACtC,UAAM,KAAK,SAAS,MAAM,OAAO;AACjC,QAAI,CAAC;AAAI;AACT,UAAM,QAAQ,OAAO,SAAS,QAAQ,EAAE;AAExC,QAAI,MAAM,SAAS;AACjB,iBAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI;AAAA,UAC/B,OAAO,MAAM,WAAW,MAAM,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY,MAAM;AAAA,QACtB,OAAO,MAAM,QAAQ;AAAA,UACnB,IAAI,MAAM;AAAA,UACV,OAAO,UAAQ,KAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,QACrD,CAAC;AAAA,MACH;AAEA,iBAAW,CAAC,MAAM,IAAI,KAAK,WAAW;AACpC,YAAI,KAAK,OAAO,IAAI,GAAG;AACrB,qBAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,YAAY;AAAA,gBACV,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YACA,EAAE,IAAI,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM;AAAA,EACd,CAAC;AACH;","names":[]}

package/dist/esm/slate/TypographyPlugin/getValue.js

@@ -0,0 +1,15 @@
+import { Editor, Text } from "slate";
+import { getSelection } from "../selectors";
+function getValue(editor) {
+  const matchingValues = Array.from(
+    Editor.nodes(editor, {
+      at: getSelection(editor),
+      match: Text.isText
+    })
+  ).map(([node]) => node["typography"]);
+  return matchingValues;
+}
+export {
+  getValue
+};
+//# sourceMappingURL=getValue.js.map

package/dist/esm/slate/TypographyPlugin/getValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/getValue.tsx"],"sourcesContent":["import { Editor, Text } from 'slate'\nimport { RichTextTypography } from '../types'\nimport { getSelection } from '../selectors'\n\nexport function getValue(editor: Editor) {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: Text.isText,\n    }),\n  ).map(([node]) => node['typography']) as (RichTextTypography | undefined)[]\n\n  return matchingValues\n}\n"],"mappings":"AAAA,SAAS,QAAQ,YAAY;AAE7B,SAAS,oBAAoB;AAEtB,SAAS,SAAS,QAAgB;AACvC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,OAAO,MAAM,QAAQ;AAAA,MACnB,IAAI,aAAa,MAAM;AAAA,MACvB,OAAO,KAAK;AAAA,IACd,CAAC;AAAA,EACH,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,YAAY,CAAC;AAEpC,SAAO;AACT;","names":[]}

package/dist/esm/slate/TypographyPlugin/index.js

@@ -0,0 +1,115 @@
+import { Editor, Text, Transforms } from "slate";
+import { clearActiveTypographyStyle } from "./clearActiveTypographyStyle";
+import { clearDeviceActiveTypography } from "./clearDeviceActiveTypography";
+import { detachActiveTypography } from "./detachActiveTypography";
+import { setActiveTypographyId } from "./setActiveTypographyId";
+import { setActiveTypographyStyle } from "./setActiveTypographyStyle";
+import { unstable_Typography } from "../../controls";
+import { getValue } from "./getValue";
+import { getSelection } from "../selectors";
+import { createRichTextV2Plugin } from "../../controls/rich-text-v2/plugin";
+import { normalizeTypographyUp } from "./normalizeTypographyUp";
+import { normalizeTypographyDown } from "./normalizeTypographyDown";
+import { normalizeSimilarText } from "./normalizeSimilarText";
+const TypographyActions = {
+  setActiveTypographyId,
+  setActiveTypographyStyle,
+  clearActiveTypographyStyle,
+  clearDeviceActiveTypography,
+  detachActiveTypography
+};
+const TYPOGRAPHY_KEY = "typography";
+function withTypography(editor) {
+  const { normalizeNode } = editor;
+  editor.normalizeNode = (entry) => {
+    const [normalizationNode, normalizationPath] = entry;
+    if ("typography" in normalizationNode && normalizationNode?.typography?.id == null && normalizationNode?.typography?.style.length === 0) {
+      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
+      return;
+    }
+    if ("slice" in normalizationNode && normalizationNode?.slice != null) {
+      Transforms.unsetNodes(editor, "slice", { at: normalizationPath });
+      return;
+    }
+    if (normalizeSimilarText(editor, entry))
+      return;
+    if (editor.typographyNormalizationDirection === "up" && normalizeTypographyUp(editor, entry))
+      return;
+    if ((editor.typographyNormalizationDirection === "down" || editor.typographyNormalizationDirection == null) && normalizeTypographyDown(editor, entry))
+      return;
+    normalizeNode(entry);
+  };
+  return editor;
+}
+function TypographyPlugin() {
+  return createRichTextV2Plugin({
+    withPlugin: withTypography,
+    control: {
+      definition: unstable_Typography(),
+      onChange: (editor, value) => {
+        Editor.withoutNormalizing(editor, () => {
+          const at = getSelection(editor);
+          if (!at)
+            return;
+          const atRef = Editor.rangeRef(editor, at);
+          if (atRef.current) {
+            Transforms.setNodes(
+              editor,
+              {
+                slice: true
+              },
+              {
+                at: atRef.current,
+                match: Text.isText,
+                split: true
+              }
+            );
+          }
+          if (atRef.current) {
+            const nodesToUpdate = Array.from(
+              Editor.nodes(editor, {
+                at: atRef.current,
+                match: (node) => Text.isText(node) && node.slice === true
+              })
+            );
+            if (nodesToUpdate.length !== value?.length)
+              return console.error(
+                `TypographyControl.onChange received the wrong number of arguments.
+Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`
+              );
+            for (const [index, [, path]] of nodesToUpdate.entries()) {
+              Transforms.setNodes(
+                editor,
+                {
+                  typography: value?.at(index)
+                },
+                { at: path, match: Text.isText }
+              );
+            }
+          }
+          atRef.unref();
+        });
+      },
+      getValue: (editor) => getValue(editor),
+      getLeafValue: (text) => {
+        return Text.isText(text) ? text.typography : void 0;
+      }
+    },
+    renderLeaf: (renderLeaf, className) => (props) => {
+      return renderLeaf({
+        ...props,
+        leaf: {
+          ...props.leaf,
+          className: `${props.leaf.className} ${className}`
+        }
+      });
+    }
+  });
+}
+export {
+  TYPOGRAPHY_KEY,
+  TypographyActions,
+  TypographyPlugin,
+  withTypography
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/slate/TypographyPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, NodeEntry, Text, Transforms } from 'slate'\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\nimport { unstable_Typography } from '../../controls'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { normalizeTypographyUp } from './normalizeTypographyUp'\nimport { normalizeTypographyDown } from './normalizeTypographyDown'\nimport { normalizeSimilarText } from './normalizeSimilarText'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport interface TypographyEditor extends BaseEditor {\n  typographyNormalizationDirection?: 'up' | 'neutral' | 'down'\n}\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    if (\n      'typography' in normalizationNode &&\n      normalizationNode?.typography?.id == null &&\n      normalizationNode?.typography?.style.length === 0\n    ) {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      return\n    }\n\n    if ('slice' in normalizationNode && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\n\n    if (normalizeSimilarText(editor, entry)) return\n\n    if (editor.typographyNormalizationDirection === 'up' && normalizeTypographyUp(editor, entry))\n      return\n\n    if (\n      (editor.typographyNormalizationDirection === 'down' ||\n        editor.typographyNormalizationDirection == null) &&\n      normalizeTypographyDown(editor, entry)\n    )\n      return\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TypographyPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withTypography,\n    control: {\n      definition: unstable_Typography(),\n      onChange: (editor, value) => {\n        Editor.withoutNormalizing(editor, () => {\n          const at = getSelection(editor)\n          if (!at) return\n          const atRef = Editor.rangeRef(editor, at)\n          if (atRef.current) {\n            Transforms.setNodes<Descendant>(\n              editor,\n              {\n                slice: true,\n              },\n              {\n                at: atRef.current,\n                match: Text.isText,\n                split: true,\n              },\n            )\n          }\n\n          if (atRef.current) {\n            const nodesToUpdate = Array.from(\n              Editor.nodes(editor, {\n                at: atRef.current,\n                match: node => Text.isText(node) && node.slice === true,\n              }),\n            ) as NodeEntry<Text>[]\n\n            if (nodesToUpdate.length !== value?.length)\n              return console.error(\n                `TypographyControl.onChange received the wrong number of arguments.\nCalled with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`,\n              )\n\n            for (const [index, [, path]] of nodesToUpdate.entries()) {\n              Transforms.setNodes(\n                editor,\n                {\n                  typography: value?.at(index),\n                },\n                { at: path, match: Text.isText },\n              )\n            }\n          }\n\n          atRef.unref()\n        })\n      },\n      getValue: editor => getValue(editor),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text.typography : undefined\n      },\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/esm/slate/TypographyPlugin/normalizeSimilarText.js

@@ -0,0 +1,29 @@
+import { Transforms, Text, Node } from "slate";
+import deepEqual from "../../utils/deepEqual";
+function isTextEqual(a, b) {
+  const { text: aText, ...aRest } = a;
+  const { text: bText, ...bRest } = b;
+  return deepEqual(aRest, bRest);
+}
+function normalizeSimilarText(editor, entry) {
+  const [node, path] = entry;
+  if (Text.isText(node))
+    return false;
+  let hasMergedNodes = false;
+  for (let i = node.children.length; i > 0; i--) {
+    const currentNode = Node.get(editor, path);
+    if (Text.isText(currentNode))
+      continue;
+    const child = currentNode.children[i];
+    const prev = currentNode.children[i - 1];
+    if (Text.isText(child) && prev != null && Text.isText(prev) && isTextEqual(child, prev)) {
+      Transforms.mergeNodes(editor, { at: path.concat(i), voids: true });
+      hasMergedNodes = true;
+    }
+  }
+  return hasMergedNodes;
+}
+export {
+  normalizeSimilarText
+};
+//# sourceMappingURL=normalizeSimilarText.js.map

package/dist/esm/slate/TypographyPlugin/normalizeSimilarText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeSimilarText.ts"],"sourcesContent":["import { NodeEntry, Descendant, Transforms, Text, Node } from 'slate'\nimport { MakeswiftEditor } from '../types'\nimport deepEqual from '../../utils/deepEqual'\n\nfunction isTextEqual(a: Text, b: Text): boolean {\n  const { text: aText, ...aRest } = a\n  const { text: bText, ...bRest } = b\n\n  return deepEqual(aRest, bRest)\n}\n\n/**\n * This normalization is necessary because while slate appears to use deepEqual,\n * it actually only supports a subset of deepEqual's functionality.\n * It doesn't support comparing arrays of objects.\n * This function is a copy of slate implemntation with the usage of our own deepEqual.\n */\nexport function normalizeSimilarText(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [node, path] = entry\n\n  if (Text.isText(node)) return false\n\n  // Since we'll be applying operations while iterating, keep track of an\n  // index that accounts for any added/removed nodes.\n  let hasMergedNodes = false\n  for (let i = node.children.length; i > 0; i--) {\n    const currentNode = Node.get(editor, path)\n    if (Text.isText(currentNode)) continue\n    const child = currentNode.children[i] as Descendant\n    const prev = currentNode.children[i - 1] as Descendant\n\n    // Merge adjacent text nodes match.\n    if (Text.isText(child) && prev != null && Text.isText(prev) && isTextEqual(child, prev)) {\n      Transforms.mergeNodes(editor, { at: path.concat(i), voids: true })\n      hasMergedNodes = true\n    }\n  }\n  return hasMergedNodes\n}\n"],"mappings":"AAAA,SAAgC,YAAY,MAAM,YAAY;AAE9D,OAAO,eAAe;AAEtB,SAAS,YAAY,GAAS,GAAkB;AAC9C,QAAM,EAAE,MAAM,OAAO,GAAG,MAAM,IAAI;AAClC,QAAM,EAAE,MAAM,OAAO,GAAG,MAAM,IAAI;AAElC,SAAO,UAAU,OAAO,KAAK;AAC/B;AAQO,SAAS,qBAAqB,QAAyB,OAA2B;AACvF,QAAM,CAAC,MAAM,IAAI,IAAI;AAErB,MAAI,KAAK,OAAO,IAAI;AAAG,WAAO;AAI9B,MAAI,iBAAiB;AACrB,WAAS,IAAI,KAAK,SAAS,QAAQ,IAAI,GAAG,KAAK;AAC7C,UAAM,cAAc,KAAK,IAAI,QAAQ,IAAI;AACzC,QAAI,KAAK,OAAO,WAAW;AAAG;AAC9B,UAAM,QAAQ,YAAY,SAAS,CAAC;AACpC,UAAM,OAAO,YAAY,SAAS,IAAI,CAAC;AAGvC,QAAI,KAAK,OAAO,KAAK,KAAK,QAAQ,QAAQ,KAAK,OAAO,IAAI,KAAK,YAAY,OAAO,IAAI,GAAG;AACvF,iBAAW,WAAW,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,OAAO,KAAK,CAAC;AACjE,uBAAiB;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/esm/slate/TypographyPlugin/normalizeTypographyDown.js

@@ -0,0 +1,47 @@
+import { Editor, Element, Transforms } from "slate";
+import shallowMerge from "../../utils/shallowMerge";
+import { TYPOGRAPHY_KEY } from ".";
+function shallowMergeTypographies(commonTypography, typography) {
+  const devices = [
+    ...new Set(
+      commonTypography?.style.map((node) => node.deviceId).concat(typography?.style.map((node) => node.deviceId) ?? [])
+    )
+  ];
+  return {
+    id: commonTypography?.id ?? typography?.id,
+    style: devices.map((deviceId) => {
+      const commonDevice = commonTypography?.style.find((s) => s.deviceId === deviceId);
+      const existingDeviceStyle = typography?.style.find((s) => s.deviceId === deviceId);
+      return {
+        deviceId,
+        value: shallowMerge(existingDeviceStyle?.value ?? {}, commonDevice?.value ?? {})
+      };
+    })
+  };
+}
+function normalizeTypographyDown(editor, entry) {
+  const [normalizationNode, normalizationPath] = entry;
+  if (Element.isElement(normalizationNode) && normalizationNode.typography != null && normalizationNode.children.length) {
+    Editor.withoutNormalizing(editor, () => {
+      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
+      for (let i = 0; i < normalizationNode.children.length; i++) {
+        const resultingTypography = shallowMergeTypographies(
+          normalizationNode.typography,
+          normalizationNode.children.at(i)?.typography
+        );
+        Transforms.setNodes(
+          editor,
+          { typography: resultingTypography },
+          { at: [...normalizationPath, i] }
+        );
+      }
+    });
+    return true;
+  }
+  return false;
+}
+export {
+  normalizeTypographyDown,
+  shallowMergeTypographies
+};
+//# sourceMappingURL=normalizeTypographyDown.js.map

package/dist/esm/slate/TypographyPlugin/normalizeTypographyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyDown.ts"],"sourcesContent":["import { Editor, Element, NodeEntry, Transforms } from 'slate'\nimport { MakeswiftEditor, RichTextTypography } from '../types'\nimport shallowMerge from '../../utils/shallowMerge'\nimport { TYPOGRAPHY_KEY } from '.'\n\nexport function shallowMergeTypographies(\n  commonTypography?: RichTextTypography,\n  typography?: RichTextTypography,\n) {\n  const devices = [\n    ...new Set(\n      commonTypography?.style\n        .map(node => node.deviceId)\n        .concat(typography?.style.map(node => node.deviceId) ?? []),\n    ),\n  ]\n\n  return {\n    id: commonTypography?.id ?? typography?.id,\n    style: devices.map(deviceId => {\n      const commonDevice = commonTypography?.style.find(s => s.deviceId === deviceId)\n      const existingDeviceStyle = typography?.style.find(s => s.deviceId === deviceId)\n\n      return {\n        deviceId,\n        value: shallowMerge(existingDeviceStyle?.value ?? {}, commonDevice?.value ?? {}),\n      }\n    }),\n  }\n}\n\nexport function normalizeTypographyDown(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [normalizationNode, normalizationPath] = entry\n\n  if (\n    Element.isElement(normalizationNode) &&\n    normalizationNode.typography != null &&\n    normalizationNode.children.length\n  ) {\n    Editor.withoutNormalizing(editor, () => {\n      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n      for (let i = 0; i < normalizationNode.children.length; i++) {\n        const resultingTypography = shallowMergeTypographies(\n          normalizationNode.typography,\n          normalizationNode.children.at(i)?.typography,\n        )\n        Transforms.setNodes(\n          editor,\n          { typography: resultingTypography },\n          { at: [...normalizationPath, i] },\n        )\n      }\n    })\n    return true\n  }\n\n  return false\n}\n"],"mappings":"AAAA,SAAS,QAAQ,SAAoB,kBAAkB;AAEvD,OAAO,kBAAkB;AACzB,SAAS,sBAAsB;AAExB,SAAS,yBACd,kBACA,YACA;AACA,QAAM,UAAU;AAAA,IACd,GAAG,IAAI;AAAA,MACL,kBAAkB,MACf,IAAI,UAAQ,KAAK,QAAQ,EACzB,OAAO,YAAY,MAAM,IAAI,UAAQ,KAAK,QAAQ,KAAK,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AAEA,SAAO;AAAA,IACL,IAAI,kBAAkB,MAAM,YAAY;AAAA,IACxC,OAAO,QAAQ,IAAI,cAAY;AAC7B,YAAM,eAAe,kBAAkB,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAC9E,YAAM,sBAAsB,YAAY,MAAM,KAAK,OAAK,EAAE,aAAa,QAAQ;AAE/E,aAAO;AAAA,QACL;AAAA,QACA,OAAO,aAAa,qBAAqB,SAAS,CAAC,GAAG,cAAc,SAAS,CAAC,CAAC;AAAA,MACjF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,SAAS,wBAAwB,QAAyB,OAA2B;AAC1F,QAAM,CAAC,mBAAmB,iBAAiB,IAAI;AAE/C,MACE,QAAQ,UAAU,iBAAiB,KACnC,kBAAkB,cAAc,QAChC,kBAAkB,SAAS,QAC3B;AACA,WAAO,mBAAmB,QAAQ,MAAM;AACtC,iBAAW,WAAW,QAAQ,gBAAgB,EAAE,IAAI,kBAAkB,CAAC;AACvE,eAAS,IAAI,GAAG,IAAI,kBAAkB,SAAS,QAAQ,KAAK;AAC1D,cAAM,sBAAsB;AAAA,UAC1B,kBAAkB;AAAA,UAClB,kBAAkB,SAAS,GAAG,CAAC,GAAG;AAAA,QACpC;AACA,mBAAW;AAAA,UACT;AAAA,UACA,EAAE,YAAY,oBAAoB;AAAA,UAClC,EAAE,IAAI,CAAC,GAAG,mBAAmB,CAAC,EAAE;AAAA,QAClC;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/slate/TypographyPlugin/normalizeTypographyUp.js

@@ -0,0 +1,117 @@
+import { Editor, Element, Transforms, Text } from "slate";
+import keys from "../../utils/keys";
+import deepEqual from "../../utils/deepEqual";
+import { shallowMergeTypographies } from "./normalizeTypographyDown";
+function shallowAnd(a, b) {
+  const bKeys = keys(b);
+  const aPrime = { ...a };
+  const and = {};
+  bKeys.forEach((key) => {
+    if (deepEqual(aPrime[key], b[key]))
+      and[key] = aPrime[key];
+  });
+  return and;
+}
+function shallowAndTypographies(...typographies) {
+  return {
+    id: typographies.every((typography) => typography?.id === typographies.at(0)?.id) ? typographies.at(0)?.id : void 0,
+    style: [
+      ...new Set(
+        typographies.flatMap((typography) => typography?.style.map((node) => node.deviceId) ?? [])
+      )
+    ].flatMap((deviceId) => {
+      const stylesForThisDevice = typographies.map((typography) => typography.style.find((s) => s.deviceId === deviceId)?.value).filter(
+        (typography) => Boolean(typography)
+      );
+      if (typographies.length !== stylesForThisDevice.length)
+        return [];
+      const value = stylesForThisDevice.reduce((acc, curr) => {
+        return shallowAnd(acc, curr);
+      }, stylesForThisDevice.at(0));
+      if (value == null || Object.keys(value).length === 0) {
+        return [];
+      }
+      return [
+        {
+          deviceId,
+          value
+        }
+      ];
+    })
+  };
+}
+function shallowInverseAnd(a, b) {
+  const bKeys = Array.from(/* @__PURE__ */ new Set([...keys(b), ...keys(a)]));
+  const aPrime = { ...a };
+  const bPrime = { ...b };
+  const xor = {};
+  bKeys.forEach((key) => {
+    if (aPrime[key] == null && bPrime[key] == null || !deepEqual(aPrime[key], bPrime[key]))
+      xor[key] = aPrime[key];
+  });
+  return xor;
+}
+function shallowInverseAndTypographies(a, b) {
+  const typography = { style: [] };
+  if (a?.id !== b.id) {
+    typography.id = a?.id;
+  }
+  if (a && a.style.length > 0) {
+    const styles = [];
+    for (const style of a.style) {
+      const bDeviceTypography = b.style.find((s) => s.deviceId === style.deviceId);
+      if (bDeviceTypography == null) {
+        styles.push(style);
+      } else {
+        const uniquePropertiesOfA = shallowInverseAnd(style.value, bDeviceTypography.value);
+        if (Object.keys(uniquePropertiesOfA).length > 0) {
+          styles.push({
+            deviceId: style.deviceId,
+            value: uniquePropertiesOfA
+          });
+        }
+      }
+    }
+    typography.style = styles;
+  }
+  return typography;
+}
+function isException(node) {
+  return Text.isText(node) && node.text === "";
+}
+function normalizeTypographyUp(editor, entry) {
+  const [node, path] = entry;
+  if (Element.isElement(node) && node.children.length) {
+    const typographiesOfChildren = node.children.filter((child) => !isException(child)).map((child) => child.typography);
+    const definedTypographiesOfChildren = typographiesOfChildren.filter(
+      (typography) => Boolean(typography)
+    );
+    if (typographiesOfChildren.length === definedTypographiesOfChildren.length) {
+      let sharedTypography = shallowAndTypographies(
+        ...definedTypographiesOfChildren
+      );
+      if (sharedTypography.style.length > 0 || sharedTypography.id != null) {
+        const rootTypography = shallowMergeTypographies(
+          sharedTypography,
+          node.typography
+        );
+        Editor.withoutNormalizing(editor, () => {
+          Transforms.setNodes(editor, { typography: rootTypography }, { at: path });
+          for (let i = 0; i < node.children.length; i++) {
+            const typography = shallowInverseAndTypographies(
+              node.children.at(i)?.typography ?? { style: [] },
+              sharedTypography
+            );
+            Transforms.setNodes(editor, { typography }, { at: [...path, i] });
+          }
+        });
+        return true;
+      }
+    }
+  }
+  return false;
+}
+export {
+  normalizeTypographyUp
+};
+//# sourceMappingURL=normalizeTypographyUp.js.map

package/dist/esm/slate/TypographyPlugin/normalizeTypographyUp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/TypographyPlugin/normalizeTypographyUp.ts"],"sourcesContent":["import { MakeswiftEditor } from '../types'\nimport { Editor, Element, NodeEntry, Transforms, Node, Text } from 'slate'\nimport { RichTextTypography } from '../types'\nimport keys from '../../utils/keys'\nimport deepEqual from '../../utils/deepEqual'\nimport { shallowMergeTypographies } from './normalizeTypographyDown'\n\nfunction shallowAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = keys(b)\n  const aPrime = { ...a } as A & B\n  const and = {} as A & B\n\n  bKeys.forEach(key => {\n    if (deepEqual(aPrime[key], b[key])) and[key] = aPrime[key]\n  })\n\n  return and\n}\n\nfunction shallowAndTypographies(...typographies: RichTextTypography[]): RichTextTypography {\n  return {\n    id: typographies.every(typography => typography?.id === typographies.at(0)?.id)\n      ? typographies.at(0)?.id\n      : undefined,\n    style: [\n      ...new Set(\n        typographies.flatMap(typography => typography?.style.map(node => node.deviceId) ?? []),\n      ),\n    ].flatMap(deviceId => {\n      const stylesForThisDevice = typographies\n        .map(typography => typography.style.find(s => s.deviceId === deviceId)?.value)\n        .filter((typography): typography is RichTextTypography['style'][number]['value'] =>\n          Boolean(typography),\n        )\n\n      if (typographies.length !== stylesForThisDevice.length) return []\n\n      const value = stylesForThisDevice.reduce((acc, curr) => {\n        return shallowAnd(acc, curr)\n      }, stylesForThisDevice.at(0) as RichTextTypography['style'][number]['value'])\n\n      if (value == null || Object.keys(value).length === 0) {\n        return []\n      }\n\n      return [\n        {\n          deviceId,\n          value,\n        },\n      ]\n    }),\n  }\n}\n\nfunction shallowInverseAnd<A extends Record<string, unknown>, B extends Record<string, unknown>>(\n  a: A,\n  b: B,\n): A & B {\n  const bKeys = Array.from(new Set([...keys(b), ...keys(a)]))\n  const aPrime = { ...a } as A & B\n  const bPrime = { ...b } as A & B\n  const xor = {} as A & B\n\n  bKeys.forEach(key => {\n    if ((aPrime[key] == null && bPrime[key] == null) || !deepEqual(aPrime[key], bPrime[key as any]))\n      xor[key] = aPrime[key]\n  })\n\n  return xor\n}\n\nfunction shallowInverseAndTypographies(\n  a: RichTextTypography,\n  b: RichTextTypography,\n): RichTextTypography {\n  const typography = { style: [] } as RichTextTypography\n  if (a?.id !== b.id) {\n    typography.id = a?.id\n  }\n\n  if (a && a.style.length > 0) {\n    const styles: RichTextTypography['style'] = []\n    for (const style of a.style) {\n      const bDeviceTypography = b.style.find(s => s.deviceId === style.deviceId)\n      if (bDeviceTypography == null) {\n        styles.push(style)\n      } else {\n        const uniquePropertiesOfA = shallowInverseAnd(style.value, bDeviceTypography.value)\n\n        if (Object.keys(uniquePropertiesOfA).length > 0) {\n          styles.push({\n            deviceId: style.deviceId,\n            value: uniquePropertiesOfA,\n          })\n        }\n      }\n    }\n    typography.style = styles\n  }\n\n  return typography\n}\n\n/**\n * If a text is empty then don't include it in our comparison.\n */\nfunction isException(node: Node): boolean {\n  return Text.isText(node) && node.text === ''\n}\n\nexport function normalizeTypographyUp(editor: MakeswiftEditor, entry: NodeEntry): boolean {\n  const [node, path] = entry\n  if (Element.isElement(node) && node.children.length) {\n    const typographiesOfChildren = node.children\n      .filter(child => !isException(child))\n      .map(child => child.typography)\n\n    const definedTypographiesOfChildren = typographiesOfChildren.filter(\n      (typography): typography is RichTextTypography => Boolean(typography),\n    )\n    if (typographiesOfChildren.length === definedTypographiesOfChildren.length) {\n      let sharedTypography: RichTextTypography = shallowAndTypographies(\n        ...definedTypographiesOfChildren,\n      )\n\n      if (sharedTypography.style.length > 0 || sharedTypography.id != null) {\n        const rootTypography: RichTextTypography = shallowMergeTypographies(\n          sharedTypography,\n          node.typography,\n        )\n        Editor.withoutNormalizing(editor, () => {\n          Transforms.setNodes(editor, { typography: rootTypography }, { at: path })\n          for (let i = 0; i < node.children.length; i++) {\n            const typography: RichTextTypography = shallowInverseAndTypographies(\n              node.children.at(i)?.typography ?? { style: [] },\n              sharedTypography,\n            )\n\n            Transforms.setNodes(editor, { typography }, { at: [...path, i] })\n          }\n        })\n        return true\n      }\n    }\n  }\n  return false\n}\n"],"mappings":"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","names":[]}