@makeswift/runtime 0.11.8 → 0.11.10

package/dist/react-page.es.js

@@ -38,7 +38,7 @@ var _c;
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes } from "./actions.es.js";
-import { findBreakpointOverride, reducer as reducer$9, getInitialState as getInitialState$8 } from "./state/breakpoints.es.js";
+import { f as findBreakpointOverride, s as shallowMerge, k as keys, r as reducer$9, g as getInitialState$8 } from "./breakpoints.es.js";
 import { match, P } from "ts-pattern";
 import ipsum from "corporate-ipsum";
 import { Element, Range, Editor, Text, Path, Transforms, Node, Point, createEditor } from "slate";
@@ -3607,6 +3607,168 @@ function getValue(editor) {
   })).map(([node]) => node["typography"]);
   return matchingValues;
 }
+function shallowMergeTypographies(commonTypography, typography) {
+  var _a, _b;
+  const devices = [
+    ...new Set(commonTypography == null ? void 0 : commonTypography.style.map((node) => node.deviceId).concat((_a = typography == null ? void 0 : typography.style.map((node) => node.deviceId)) != null ? _a : []))
+  ];
+  return {
+    id: (_b = commonTypography == null ? void 0 : commonTypography.id) != null ? _b : typography == null ? void 0 : typography.id,
+    style: devices.map((deviceId) => {
+      var _a2, _b2;
+      const commonDevice = commonTypography == null ? void 0 : commonTypography.style.find((s) => s.deviceId === deviceId);
+      const existingDeviceStyle = typography == null ? void 0 : typography.style.find((s) => s.deviceId === deviceId);
+      return {
+        deviceId,
+        value: shallowMerge((_a2 = existingDeviceStyle == null ? void 0 : existingDeviceStyle.value) != null ? _a2 : {}, (_b2 = commonDevice == null ? void 0 : commonDevice.value) != null ? _b2 : {})
+      };
+    })
+  };
+}
+function normalizeTypographyDown(editor, entry) {
+  const [normalizationNode, normalizationPath] = entry;
+  if (Element.isElement(normalizationNode) && normalizationNode.typography != null && normalizationNode.children.length) {
+    Editor.withoutNormalizing(editor, () => {
+      var _a;
+      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
+      for (let i = 0; i < normalizationNode.children.length; i++) {
+        const resultingTypography = shallowMergeTypographies(normalizationNode.typography, (_a = normalizationNode.children.at(i)) == null ? void 0 : _a.typography);
+        Transforms.setNodes(editor, { typography: resultingTypography }, { at: [...normalizationPath, i] });
+      }
+    });
+    return true;
+  }
+  return false;
+}
+function shallowAnd(a, b) {
+  const bKeys = keys(b);
+  const aPrime = __spreadValues({}, a);
+  const and = {};
+  bKeys.forEach((key) => {
+    if (deepEqual(aPrime[key], b[key]))
+      and[key] = aPrime[key];
+  });
+  return and;
+}
+function shallowAndTypographies(...typographies) {
+  var _a;
+  return {
+    id: typographies.every((typography) => {
+      var _a2;
+      return (typography == null ? void 0 : typography.id) === ((_a2 = typographies.at(0)) == null ? void 0 : _a2.id);
+    }) ? (_a = typographies.at(0)) == null ? void 0 : _a.id : void 0,
+    style: [
+      ...new Set(typographies.flatMap((typography) => {
+        var _a2;
+        return (_a2 = typography == null ? void 0 : typography.style.map((node) => node.deviceId)) != null ? _a2 : [];
+      }))
+    ].flatMap((deviceId) => {
+      const stylesForThisDevice = typographies.map((typography) => {
+        var _a2;
+        return (_a2 = typography.style.find((s) => s.deviceId === deviceId)) == null ? void 0 : _a2.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 = __spreadValues({}, a);
+  const bPrime = __spreadValues({}, 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 == null ? void 0 : a.id) !== b.id) {
+    typography.id = a == null ? void 0 : 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, () => {
+          var _a, _b;
+          Transforms.setNodes(editor, { typography: rootTypography }, { at: path });
+          for (let i = 0; i < node.children.length; i++) {
+            const typography = shallowInverseAndTypographies((_b = (_a = node.children.at(i)) == null ? void 0 : _a.typography) != null ? _b : { style: [] }, sharedTypography);
+            Transforms.setNodes(editor, { typography }, { at: [...path, i] });
+          }
+        });
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function isTextEqual(a, b) {
+  const _a = a, { text: aText } = _a, aRest = __objRest(_a, ["text"]);
+  const _b = b, { text: bText } = _b, bRest = __objRest(_b, ["text"]);
+  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;
+}
 const TypographyActions = {
   setActiveTypographyId,
   setActiveTypographyStyle,
@@ -3620,14 +3782,20 @@ function withTypography(editor) {
   editor.normalizeNode = (entry) => {
     var _a, _b;
     const [normalizationNode, normalizationPath] = entry;
-    if (Text.isText(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _a.id) == null && ((_b = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _b.style.length) === 0) {
+    if ("typography" in normalizationNode && ((_a = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _a.id) == null && ((_b = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _b.style.length) === 0) {
       Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
       return;
     }
-    if (Text.isText(normalizationNode) && (normalizationNode == null ? void 0 : normalizationNode.slice) != null) {
+    if ("slice" in normalizationNode && (normalizationNode == null ? void 0 : 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;
@@ -3994,6 +4162,8 @@ function getInlineOrTextTranslatableData(descendant, path = []) {
     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("");
@@ -4012,8 +4182,17 @@ function getInlineOrTextTranslatableData(descendant, path = []) {
       return children;
   }
 }
-function getRichTextV2TranslatableData(data) {
-  return data.descendants.reduce((acc, descendant, i) => __spreadValues(__spreadValues({}, acc), getDescendantTranslatableData(descendant, [i])), {});
+function getRichTextV2TranslatableData(definition2, data) {
+  var _a;
+  const plugins = ((_a = definition2 == null ? void 0 : definition2.config) == null ? void 0 : _a.mode) === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin()];
+  const editor = plugins.reduceRight((editor2, plugin) => {
+    var _a2, _b;
+    return (_b = (_a2 = plugin == null ? void 0 : plugin.withPlugin) == null ? void 0 : _a2.call(plugin, editor2)) != null ? _b : editor2;
+  }, createEditor());
+  editor.children = data.descendants;
+  editor.typographyNormalizationDirection = "up";
+  Editor.normalize(editor, { force: true });
+  return editor.children.reduce((acc, descendant, i) => __spreadValues(__spreadValues({}, acc), getDescendantTranslatableData(descendant, [i])), {});
 }
 function deserializeTranslationHtmlString(el, translationKey) {
   var _a, _b;
@@ -4058,6 +4237,8 @@ function mergeRichTextV2TranslatedData(definition2, data, translatedData) {
     return (_b = (_a2 = plugin == null ? void 0 : plugin.withPlugin) == null ? void 0 : _a2.call(plugin, editor)) != null ? _b : editor;
   }, createEditor());
   sourceEditor.children = data.descendants;
+  sourceEditor.typographyNormalizationDirection = "up";
+  Editor.normalize(sourceEditor, { force: true });
   Object.entries(translatedData).reverse().forEach(([blockStringPath, htmlString]) => {
     var _c2;
     const blockPath = stringToPath(blockStringPath);
@@ -4066,6 +4247,7 @@ function mergeRichTextV2TranslatedData(definition2, data, translatedData) {
     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 === "") {
@@ -4092,6 +4274,8 @@ function mergeRichTextV2TranslatedData(definition2, data, translatedData) {
       Transforms.insertNodes(sourceEditor, translatedChildren, { at: [...blockPath, 0] });
     });
   });
+  sourceEditor.typographyNormalizationDirection = "down";
+  Editor.normalize(sourceEditor, { force: true });
   return __spreadProps(__spreadValues({}, data), { descendants: sourceEditor.children });
 }
 function copy(definition2, value, context) {
@@ -4151,7 +4335,7 @@ function getTranslatableData(definition2, data) {
       const richTextData = data;
       if (isRichTextV1Data(richTextData))
         return null;
-      return getRichTextV2TranslatableData(richTextData);
+      return getRichTextV2TranslatableData(definition2, richTextData);
     case ListControlType:
       if (data == null)
         return null;
@@ -4165,6 +4349,8 @@ function getTranslatableData(definition2, data) {
   }
 }
 function mergeTranslatedData(definition2, data, translatedData, context) {
+  if (data == null)
+    return data;
   switch (definition2.type) {
     case Types.TextInput:
     case Types.TextArea:
@@ -4761,18 +4947,18 @@ function getDocumentElements(state, documentKey) {
 }
 function getDocumentKeysSortedByDepth(state) {
   const documents = getDocuments(getDocumentsStateSlice(state));
-  const keys = Array.from(documents.keys());
-  if (keys.length < 2)
-    return keys;
+  const keys2 = Array.from(documents.keys());
+  if (keys2.length < 2)
+    return keys2;
   const elements = /* @__PURE__ */ new Map();
-  keys.forEach((key) => {
+  keys2.forEach((key) => {
     elements.set(key, getDocumentElements(state, key));
   });
-  keys.sort((a, b) => {
+  keys2.sort((a, b) => {
     var _a;
     return ((_a = elements.get(a)) == null ? void 0 : _a.has(b)) ? -1 : 1;
   });
-  return keys;
+  return keys2;
 }
 function getElement(state, documentKey, elementKey) {
   var _a;