@portabletext/block-tools 3.3.3 → 3.4.0

package/lib/index.cjs

@@ -1,22 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var sanityBridge = require("@portabletext/sanity-bridge"), flatten = require("lodash/flatten.js"), getRandomValues = require("get-random-values-esm"), isEqual = require("lodash/isEqual.js"), uniq = require("lodash/uniq.js");
+var sanityBridge = require("@portabletext/sanity-bridge"), schema = require("@portabletext/schema"), flatten = require("lodash/flatten.js"), getRandomValues = require("get-random-values-esm"), isEqual = require("lodash/isEqual.js"), uniq = require("lodash/uniq.js");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
 var flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), getRandomValues__default = /* @__PURE__ */ _interopDefaultCompat(getRandomValues), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq);
-function isArbitraryTypedObject(object) {
-  return isRecord(object) && typeof object._type == "string";
-}
-function isRecord(value) {
-  return !!value && (typeof value == "object" || typeof value == "function");
-}
-function isTextBlock(schema, block) {
-  return !(!isArbitraryTypedObject(block) || block._type !== schema.block.name || !Array.isArray(block.children));
-}
-function isSpan(schema, child) {
-  return !(!isArbitraryTypedObject(child) || child._type !== schema.span.name || typeof child.text != "string");
-}
 function keyGenerator() {
   return randomKey(12);
 }
@@ -48,6 +36,81 @@ function resolveJsType(val) {
   }
   return val === null ? "null" : val === void 0 ? "undefined" : val && typeof val == "object" && "nodeType" in val && val.nodeType === 1 ? "element" : val === Object(val) ? "object" : typeof val;
 }
+function isArbitraryTypedObject(object) {
+  return isRecord(object) && typeof object._type == "string";
+}
+function isRecord(value) {
+  return !!value && (typeof value == "object" || typeof value == "function");
+}
+function flattenNestedBlocks(context, blocks2) {
+  return blocks2.flatMap((block) => {
+    if (isBlockContainer(block))
+      return flattenNestedBlocks(context, [block.block]);
+    if (schema.isTextBlock(context, block)) {
+      const hasBlockObjects = block.children.some((child) => context.schema.blockObjects.some(
+        (blockObject) => blockObject.name === child._type
+      )), hasBlocks = block.children.some(
+        (child) => child._type === "__block" || child._type === "block"
+      );
+      if (hasBlockObjects || hasBlocks) {
+        const splitChildren = getSplitChildren(context, block);
+        return splitChildren.length === 1 && splitChildren[0].type === "children" && isEqual__default.default(splitChildren[0].children, block.children) ? [block] : splitChildren.flatMap((slice) => slice.type === "block object" ? [slice.block] : slice.type === "block" ? flattenNestedBlocks(context, [
+          slice.block
+        ]) : slice.children.length > 0 ? slice.children.every(
+          (child) => schema.isSpan(context, child) && child.text.trim() === ""
+        ) ? [] : flattenNestedBlocks(context, [
+          {
+            ...block,
+            children: slice.children
+          }
+        ]) : []);
+      }
+      return [block];
+    }
+    return [block];
+  });
+}
+function isBlockContainer(block) {
+  return block._type === "__block" && isArbitraryTypedObject(block.block);
+}
+function getSplitChildren(context, block) {
+  return block.children.reduce(
+    (slices, child) => {
+      const knownInlineObject = context.schema.inlineObjects.some(
+        (inlineObject) => inlineObject.name === child._type
+      ), knownBlockObject = context.schema.blockObjects.some(
+        (blockObject) => blockObject.name === child._type
+      ), lastSlice = slices.pop();
+      return !schema.isSpan(context, child) && !knownInlineObject && knownBlockObject ? [
+        ...slices,
+        ...lastSlice ? [lastSlice] : [],
+        { type: "block object", block: child }
+      ] : child._type === "__block" ? [
+        ...slices,
+        ...lastSlice ? [lastSlice] : [],
+        {
+          type: "block object",
+          block: child.block
+        }
+      ] : child._type === "block" ? [
+        ...slices,
+        ...lastSlice ? [lastSlice] : [],
+        { type: "block", block: child }
+      ] : lastSlice && lastSlice.type === "children" ? [
+        ...slices,
+        {
+          type: "children",
+          children: [...lastSlice.children, child]
+        }
+      ] : [
+        ...slices,
+        ...lastSlice ? [lastSlice] : [],
+        { type: "children", children: [child] }
+      ];
+    },
+    []
+  );
+}
 var s = { 0: 8203, 1: 8204, 2: 8205, 3: 8290, 4: 8291, 5: 8288, 6: 65279, 7: 8289, 8: 119155, 9: 119156, a: 119157, b: 119158, c: 119159, d: 119160, e: 119161, f: 119162 }, c = { 0: 8203, 1: 8204, 2: 8205, 3: 65279 };
 new Array(4).fill(String.fromCodePoint(c[0])).join("");
 Object.fromEntries(Object.entries(c).map((t) => t.reverse()));
@@ -311,73 +374,6 @@ function defaultParseHtml() {
     );
   return (html) => new DOMParser().parseFromString(html, "text/html");
 }
-function flattenNestedBlocks(context, blocks2) {
-  let depth = 0;
-  const flattened = [], traverse = (nodes) => {
-    const toRemove = [];
-    nodes.forEach((node) => {
-      if (depth === 0)
-        if (context.schema.blockObjects.length > 0 && isTextBlock(context.schema, node)) {
-          const hasBlockObjects = node.children.some((child) => context.schema.blockObjects.some(
-            (blockObject) => blockObject.name === child._type
-          )), hasBlocks = node.children.some(
-            (child) => child._type === "__block"
-          );
-          if (hasBlockObjects || hasBlocks) {
-            node.children.reduce(
-              (slices, child) => {
-                const knownInlineObject = context.schema.inlineObjects.some(
-                  (inlineObject) => inlineObject.name === child._type
-                ), knownBlockObject = context.schema.blockObjects.some(
-                  (blockObject) => blockObject.name === child._type
-                ), lastSlice = slices.pop();
-                return !isSpan(context.schema, child) && !knownInlineObject && knownBlockObject ? [
-                  ...slices,
-                  ...lastSlice ? [lastSlice] : [],
-                  { type: "block object", block: child }
-                ] : child._type === "__block" ? [
-                  ...slices,
-                  ...lastSlice ? [lastSlice] : [],
-                  {
-                    type: "block object",
-                    block: child.block
-                  }
-                ] : lastSlice && lastSlice.type === "children" ? [
-                  ...slices,
-                  {
-                    type: "children",
-                    children: [...lastSlice.children, child]
-                  }
-                ] : [
-                  ...slices,
-                  ...lastSlice ? [lastSlice] : [],
-                  { type: "children", children: [child] }
-                ];
-              },
-              []
-            ).forEach((slice) => {
-              if (slice.type === "block object")
-                flattened.push(slice.block);
-              else if (slice.children.length > 0) {
-                const newBlock = {
-                  ...node,
-                  children: slice.children
-                };
-                flattened.push(newBlock);
-              }
-            });
-            return;
-          } else
-            flattened.push(node);
-        } else
-          flattened.push(node);
-      isTextBlock(context.schema, node) && (depth > 0 && (toRemove.push(node), flattened.push(node)), depth++, traverse(node.children)), node._type === "__block" && (toRemove.push(node), flattened.push(node.block));
-    }), toRemove.forEach((node) => {
-      nodes.splice(nodes.indexOf(node), 1);
-    }), depth--;
-  };
-  return traverse(blocks2), flattened;
-}
 function nextSpan(block, index) {
   const next = block.children[index + 1];
   return next && next._type === "span" ? next : null;
@@ -389,9 +385,9 @@ function prevSpan(block, index) {
 function isWhiteSpaceChar(text) {
   return ["\xA0", " "].includes(text);
 }
-function trimWhitespace(schema, blocks2) {
+function trimWhitespace(schema$1, blocks2) {
   return blocks2.forEach((block) => {
-    isTextBlock(schema, block) && block.children.forEach((child, index) => {
+    schema.isTextBlock({ schema: schema$1 }, block) && block.children.forEach((child, index) => {
       if (!isMinimalSpan(child))
         return;
       const nextChild = nextSpan(block, index), prevChild = prevSpan(block, index);
@@ -399,20 +395,20 @@ function trimWhitespace(schema, blocks2) {
     });
   }), blocks2;
 }
-function ensureRootIsBlocks(schema, blocks2) {
-  return blocks2.reduce((memo, node, i, original) => {
+function ensureRootIsBlocks(schema$1, objects) {
+  return objects.reduce((blocks2, node, i, original) => {
     if (node._type === "block")
-      return memo.push(node), memo;
+      return blocks2.push(node), blocks2;
     if (node._type === "__block")
-      return memo.push(node.block), memo;
-    const lastBlock = memo[memo.length - 1];
-    if (i > 0 && !isTextBlock(schema, original[i - 1]) && isTextBlock(schema, lastBlock))
-      return lastBlock.children.push(node), memo;
+      return blocks2.push(node.block), blocks2;
+    const lastBlock = blocks2[blocks2.length - 1];
+    if (i > 0 && !schema.isTextBlock({ schema: schema$1 }, original[i - 1]) && schema.isTextBlock({ schema: schema$1 }, lastBlock))
+      return lastBlock.children.push(node), blocks2;
     const block = {
       ...DEFAULT_BLOCK,
       children: [node]
     };
-    return memo.push(block), memo;
+    return blocks2.push(block), blocks2;
   }, []);
 }
 function isNodeList(node) {
@@ -444,7 +440,9 @@ function normalizeWhitespace(rootNode) {
     const elm = child;
     isWhitespaceBlock(elm) ? (lastParent && elm.parentElement === lastParent ? (emptyBlockCount++, emptyBlockCount > 1 && nodesToRemove.push(elm)) : emptyBlockCount = 1, lastParent = elm.parentElement) : (normalizeWhitespace(child), emptyBlockCount = 0);
   }
-  nodesToRemove.forEach((node) => node.parentElement?.removeChild(node));
+  nodesToRemove.forEach((node) => {
+    node.parentElement?.removeChild(node);
+  });
 }
 function removeAllWhitespace(rootNode) {
   const nodesToRemove = [];
@@ -463,7 +461,9 @@ function removeAllWhitespace(rootNode) {
         collectNodesToRemove(child);
     }
   }
-  collectNodesToRemove(rootNode), nodesToRemove.forEach((node) => node.parentElement?.removeChild(node));
+  collectNodesToRemove(rootNode), nodesToRemove.forEach((node) => {
+    node.parentElement?.removeChild(node);
+  });
 }
 function isWhitespaceBlock(elm) {
   return ["p", "br"].includes(tagName(elm) || "") && !elm.textContent?.trim();
@@ -514,11 +514,11 @@ const blocks = {
   ...HTML_BLOCK_TAGS,
   ...HTML_HEADER_TAGS
 };
-function getBlockStyle(schema, el) {
+function getBlockStyle(schema2, el) {
   const childTag = tagName(el.firstChild), block = childTag && blocks[childTag];
-  return block && schema.styles.some((style) => style.name === block.style) ? block.style : BLOCK_DEFAULT_STYLE;
+  return block && schema2.styles.some((style) => style.name === block.style) ? block.style : BLOCK_DEFAULT_STYLE;
 }
-function createGDocsRules(schema) {
+function createGDocsRules(schema2) {
   return [
     {
       deserialize(el, next) {
@@ -541,7 +541,7 @@ function createGDocsRules(schema) {
             ...DEFAULT_BLOCK,
             listItem: getListItemStyle$1(el),
             level: getListItemLevel$1(el),
-            style: getBlockStyle(schema, el),
+            style: getBlockStyle(schema2, el),
             children: next(el.firstChild?.childNodes || [])
           };
       }
@@ -579,13 +579,13 @@ const whitespaceTextNodeRule = {
 function isWhitespaceTextNode(node) {
   return (node.nodeType === 3 && (node.textContent || "").replace(/[\r\n]/g, " ").replace(/\s\s+/g, " ") === " " && node.nextSibling && node.nextSibling.nodeType !== 3 && node.previousSibling && node.previousSibling.nodeType !== 3 || node.textContent !== " ") && tagName(node.parentNode) !== "body";
 }
-function resolveListItem(schema, listNodeTagName) {
-  if (listNodeTagName === "ul" && schema.lists.some((list) => list.name === "bullet"))
+function resolveListItem(schema2, listNodeTagName) {
+  if (listNodeTagName === "ul" && schema2.lists.some((list) => list.name === "bullet"))
     return "bullet";
-  if (listNodeTagName === "ol" && schema.lists.some((list) => list.name === "number"))
+  if (listNodeTagName === "ol" && schema2.lists.some((list) => list.name === "number"))
     return "number";
 }
-function createHTMLRules(schema, options) {
+function createHTMLRules(schema2, options) {
   return [
     whitespaceTextNodeRule,
     {
@@ -593,7 +593,7 @@ function createHTMLRules(schema, options) {
       deserialize(el) {
         if (tagName(el) !== "pre")
           return;
-        const isCodeEnabled = schema.styles.some(
+        const isCodeEnabled = schema2.styles.some(
           (style) => style.name === "code"
         );
         return {
@@ -653,7 +653,7 @@ function createHTMLRules(schema, options) {
         if (el.parentNode && tagName(el.parentNode) === "li")
           return next(el.childNodes);
         const blockStyle = block.style;
-        return schema.styles.some((style) => style.name === blockStyle) || (block = DEFAULT_BLOCK), {
+        return schema2.styles.some((style) => style.name === blockStyle) || (block = DEFAULT_BLOCK), {
           ...block,
           children: next(el.childNodes)
         };
@@ -699,7 +699,7 @@ function createHTMLRules(schema, options) {
         const tag = tagName(el), listItem = tag ? HTML_LIST_ITEM_TAGS[tag] : void 0, parentTag = tagName(el.parentNode) || "";
         if (!listItem || !el.parentNode || !HTML_LIST_CONTAINER_TAGS[parentTag])
           return;
-        const enabledListItem = resolveListItem(schema, parentTag);
+        const enabledListItem = resolveListItem(schema2, parentTag);
         return enabledListItem ? (listItem.listItem = enabledListItem, {
           ...listItem,
           children: next(el.childNodes)
@@ -710,7 +710,7 @@ function createHTMLRules(schema, options) {
     {
       deserialize(el, next) {
         const decorator = HTML_DECORATOR_TAGS[tagName(el) || ""];
-        if (!(!decorator || !schema.decorators.some(
+        if (!(!decorator || !schema2.decorators.some(
           (decoratorType) => decoratorType.name === decorator
         )))
           return {
@@ -726,7 +726,7 @@ function createHTMLRules(schema, options) {
       deserialize(el, next) {
         if (tagName(el) !== "a")
           return;
-        const linkEnabled = schema.annotations.some(
+        const linkEnabled = schema2.annotations.some(
           (annotation) => annotation.name === "link"
         ), href = isElement(el) && el.getAttribute("href");
         return href ? linkEnabled ? {
@@ -740,6 +740,15 @@ function createHTMLRules(schema, options) {
         } : el.appendChild(el.ownerDocument.createTextNode(` (${href})`)) && next(el.childNodes) : next(el.childNodes);
       }
     },
+    {
+      deserialize(el, next) {
+        if (isElement(el) && (tagName(el) === "td" || tagName(el) === "th"))
+          return {
+            ...DEFAULT_BLOCK,
+            children: next(el.childNodes)
+          };
+      }
+    },
     {
       deserialize(el) {
         if (isElement(el) && tagName(el) === "img") {
@@ -749,7 +758,7 @@ function createHTMLRules(schema, options) {
           if (ancestorOfLonelyChild && !ancestorOfListItem) {
             const image2 = options.matchers?.image?.({
               context: {
-                schema,
+                schema: schema2,
                 keyGenerator: options.keyGenerator ?? keyGenerator
               },
               props: {
@@ -766,7 +775,7 @@ function createHTMLRules(schema, options) {
           }
           const inlineImage = options.matchers?.inlineImage?.({
             context: {
-              schema,
+              schema: schema2,
               keyGenerator: options.keyGenerator ?? keyGenerator
             },
             props: {
@@ -779,7 +788,7 @@ function createHTMLRules(schema, options) {
             return inlineImage;
           const image = options.matchers?.image?.({
             context: {
-              schema,
+              schema: schema2,
               keyGenerator: options.keyGenerator ?? keyGenerator
             },
             props: {
@@ -863,12 +872,12 @@ function createWordRules() {
     }
   ];
 }
-function createRules(schema, options) {
+function createRules(schema2, options) {
   return [
     ...createWordRules(),
     ...createNotionRules(),
-    ...createGDocsRules(schema),
-    ...createHTMLRules(schema, options)
+    ...createGDocsRules(schema2),
+    ...createHTMLRules(schema2, options)
   ];
 }
 class HtmlDeserializer {
@@ -883,12 +892,12 @@ class HtmlDeserializer {
    * @param blockContentType - Schema type for array containing _at least_ a block child type
    * @param options - Options for the deserialization process
    */
-  constructor(schema, options = {}) {
-    const { rules = [], unstable_whitespaceOnPasteMode = "preserve" } = options, standardRules = createRules(schema, {
+  constructor(schema2, options = {}) {
+    const { rules = [], unstable_whitespaceOnPasteMode = "preserve" } = options, standardRules = createRules(schema2, {
       keyGenerator: options.keyGenerator,
       matchers: options.matchers
     });
-    this.schema = schema, this.keyGenerator = options.keyGenerator ?? keyGenerator, this.rules = [...rules, ...standardRules];
+    this.schema = schema2, this.keyGenerator = options.keyGenerator ?? keyGenerator, this.rules = [...rules, ...standardRules];
     const parseHtml = options.parseHtml || defaultParseHtml();
     this.parseHtml = (html) => preprocess(html, parseHtml, { unstable_whitespaceOnPasteMode }).body;
   }
@@ -903,14 +912,14 @@ class HtmlDeserializer {
     const { parseHtml } = this, fragment = parseHtml(html), children = Array.from(fragment.childNodes), blocks2 = trimWhitespace(
       this.schema,
       flattenNestedBlocks(
-        { schema: this.schema },
+        { schema: this.schema, keyGenerator: this.keyGenerator },
         ensureRootIsBlocks(
           this.schema,
           this.deserializeElements(children)
         )
       )
     );
-    return this._markDefs.length > 0 && blocks2.filter((block) => isTextBlock(this.schema, block)).forEach((block) => {
+    return this._markDefs.length > 0 && blocks2.filter((block) => schema.isTextBlock({ schema: this.schema }, block)).forEach((block) => {
       block.markDefs = block.markDefs || [], block.markDefs = block.markDefs.concat(
         this._markDefs.filter((def) => flatten__default.default(
           block.children.map((child) => child.marks || [])
@@ -1030,10 +1039,19 @@ class HtmlDeserializer {
   };
 }
 function normalizeBlock(node, options = {}) {
-  const schema = {
+  const schema$1 = {
+    block: {
+      name: options.blockTypeName || "block"
+    },
     span: {
       name: "span"
-    }
+    },
+    styles: [],
+    lists: [],
+    decorators: [],
+    annotations: [],
+    blockObjects: [],
+    inlineObjects: []
   };
   if (node._type !== (options.blockTypeName || "block"))
     return "_key" in node ? node : {
@@ -1059,13 +1077,13 @@ function normalizeBlock(node, options = {}) {
   return block.children = block.children.reduce(
     (acc, child) => {
       const previousChild = acc[acc.length - 1];
-      return previousChild && isSpan(schema, child) && isSpan(schema, previousChild) && isEqual__default.default(previousChild.marks, child.marks) ? (lastChild && lastChild === child && child.text === "" && block.children.length > 1 || (previousChild.text += child.text), acc) : (acc.push(child), acc);
+      return previousChild && schema.isSpan({ schema: schema$1 }, child) && schema.isSpan({ schema: schema$1 }, previousChild) && isEqual__default.default(previousChild.marks, child.marks) ? (lastChild && lastChild === child && child.text === "" && block.children.length > 1 || (previousChild.text += child.text), acc) : (acc.push(child), acc);
     },
     []
   ).map((child) => {
     if (!child)
       throw new Error("missing child");
-    return child._key = options.keyGenerator ? options.keyGenerator() : keyGenerator(), isSpan(schema, child) && (child.marks ? allowedDecorators && (child.marks = child.marks.filter((mark) => {
+    return child._key = options.keyGenerator ? options.keyGenerator() : keyGenerator(), schema.isSpan({ schema: schema$1 }, child) && (child.marks ? allowedDecorators && (child.marks = child.marks.filter((mark) => {
       const isAllowed = allowedDecorators.includes(mark), isUsed = block.markDefs?.some((def) => def._key === mark);
       return isAllowed || isUsed;
     })) : child.marks = [], usedMarkDefs.push(...child.marks)), child;
@@ -1074,11 +1092,11 @@ function normalizeBlock(node, options = {}) {
   ), block;
 }
 function htmlToBlocks(html, schemaType, options = {}) {
-  const schema = isSanitySchema(schemaType) ? sanityBridge.sanitySchemaToPortableTextSchema(schemaType) : schemaType;
-  return new HtmlDeserializer(schema, options).deserialize(html).map((block) => normalizeBlock(block, { keyGenerator: options.keyGenerator }));
+  const schema2 = isSanitySchema(schemaType) ? sanityBridge.sanitySchemaToPortableTextSchema(schemaType) : schemaType;
+  return new HtmlDeserializer(schema2, options).deserialize(html).map((block) => normalizeBlock(block, { keyGenerator: options.keyGenerator }));
 }
-function isSanitySchema(schema) {
-  return schema.hasOwnProperty("jsonType");
+function isSanitySchema(schema2) {
+  return schema2.hasOwnProperty("jsonType");
 }
 exports.htmlToBlocks = htmlToBlocks;
 exports.normalizeBlock = normalizeBlock;