@liveblocks/react-ui 3.9.1 → 3.9.2-tiptap2

package/dist/primitives/Markdown.js

@@ -19,103 +19,53 @@ const AMPERSAND_REGEX = /&(?!#?[0-9A-Za-z]+;)/g;
 const DEFAULT_PARTIAL_LINK_URL = "#";
 const defaultComponents = {
   Paragraph: ({ children }) => {
-    return /* @__PURE__ */ jsx("p", {
-      children
-    });
+    return /* @__PURE__ */ jsx("p", { children });
   },
   Inline: ({ type, children }) => {
     switch (type) {
       case "strong":
-        return /* @__PURE__ */ jsx("strong", {
-          children
-        });
+        return /* @__PURE__ */ jsx("strong", { children });
       case "em":
-        return /* @__PURE__ */ jsx("em", {
-          children
-        });
+        return /* @__PURE__ */ jsx("em", { children });
       case "code":
-        return /* @__PURE__ */ jsx("code", {
-          children
-        });
+        return /* @__PURE__ */ jsx("code", { children });
       case "del":
-        return /* @__PURE__ */ jsx("del", {
-          children
-        });
+        return /* @__PURE__ */ jsx("del", { children });
       default:
         assertNever(type, "Unknown inline type");
     }
   },
   CodeBlock: ({ language, code }) => {
-    return /* @__PURE__ */ jsx("pre", {
-      "data-language": language ?? void 0,
-      children: /* @__PURE__ */ jsx("code", {
-        children: code
-      })
-    });
+    return /* @__PURE__ */ jsx("pre", { "data-language": language ?? void 0, children: /* @__PURE__ */ jsx("code", { children: code }) });
   },
   Link: ({ href, title, children }) => {
-    return /* @__PURE__ */ jsx("a", {
-      href,
-      title,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children
-    });
+    return /* @__PURE__ */ jsx("a", { href, title, target: "_blank", rel: "noopener noreferrer", children });
   },
   Heading: ({ level, children }) => {
     const Heading = `h${level}`;
-    return /* @__PURE__ */ jsx(Heading, {
-      children
-    });
+    return /* @__PURE__ */ jsx(Heading, { children });
   },
   Image: ({ src, alt, title }) => {
-    return /* @__PURE__ */ jsx("img", {
-      src,
-      alt,
-      title
-    });
+    return /* @__PURE__ */ jsx("img", { src, alt, title });
   },
   Blockquote: ({ children }) => {
-    return /* @__PURE__ */ jsx("blockquote", {
-      children
-    });
+    return /* @__PURE__ */ jsx("blockquote", { children });
   },
   Table: ({ headings, rows }) => {
-    return /* @__PURE__ */ jsxs("table", {
-      children: [
-        /* @__PURE__ */ jsx("thead", {
-          children: /* @__PURE__ */ jsx("tr", {
-            children: headings.map((heading, index) => {
-              return /* @__PURE__ */ jsx("th", {
-                align: heading.align,
-                children: heading.children
-              }, index);
-            })
-          })
-        }),
-        /* @__PURE__ */ jsx("tbody", {
-          children: rows.map((row, index) => {
-            return /* @__PURE__ */ jsx("tr", {
-              children: row.map((cell, index2) => {
-                return /* @__PURE__ */ jsx("td", {
-                  align: cell.align,
-                  children: cell.children
-                }, index2);
-              })
-            }, index);
-          })
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs("table", { children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: headings.map((heading, index) => {
+        return /* @__PURE__ */ jsx("th", { align: heading.align, children: heading.children }, index);
+      }) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => {
+        return /* @__PURE__ */ jsx("tr", { children: row.map((cell, index2) => {
+          return /* @__PURE__ */ jsx("td", { align: cell.align, children: cell.children }, index2);
+        }) }, index);
+      }) })
+    ] });
   },
   List: ({ type, items, start }) => {
     const List = type === "ordered" ? "ol" : "ul";
-    return /* @__PURE__ */ jsx(List, {
-      start: start === 1 ? void 0 : start,
-      children: items.map((item, index) => /* @__PURE__ */ jsx("li", {
-        children: item.children
-      }, index))
-    });
+    return /* @__PURE__ */ jsx(List, { start: start === 1 ? void 0 : start, children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item.children }, index)) });
   },
   Separator: () => {
     return /* @__PURE__ */ jsx("hr", {});
@@ -130,17 +80,17 @@ const Markdown = forwardRef(
       }
       return partial ? tokenizePartial(content) : tokenize(content);
     }, [content, partial]);
-    return /* @__PURE__ */ jsx(Component, {
-      ...props,
-      ref: forwardedRef,
-      children: tokens.map((token, index) => {
-        return /* @__PURE__ */ jsx(MemoizedMarkdownToken, {
+    return /* @__PURE__ */ jsx(Component, { ...props, ref: forwardedRef, children: tokens.map((token, index) => {
+      return /* @__PURE__ */ jsx(
+        MemoizedMarkdownToken,
+        {
           token,
           components,
           partial
-        }, index);
-      })
-    });
+        },
+        index
+      );
+    }) });
   }
 );
 const MemoizedMarkdownToken = memo(
@@ -148,10 +98,7 @@ const MemoizedMarkdownToken = memo(
     token,
     components
   }) => {
-    return /* @__PURE__ */ jsx(MarkdownToken, {
-      token,
-      components
-    });
+    return /* @__PURE__ */ jsx(MarkdownToken, { token, components });
   },
   (previousProps, nextProps) => {
     const previousToken = previousProps.token;
@@ -184,10 +131,7 @@ function MarkdownToken({
     }
     case "text": {
       if (token.tokens !== void 0) {
-        return /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        });
+        return /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components });
       } else {
         return parseHtmlEntities(token.text);
       }
@@ -197,77 +141,35 @@ function MarkdownToken({
     }
     case "paragraph": {
       const Paragraph = components?.Paragraph ?? defaultComponents.Paragraph;
-      return /* @__PURE__ */ jsx(Paragraph, {
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "heading": {
       const Heading = components?.Heading ?? defaultComponents.Heading;
-      return /* @__PURE__ */ jsx(Heading, {
-        level: clampHeadingLevel(token.depth),
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Heading, { level: clampHeadingLevel(token.depth), children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "strong": {
       const Inline = components?.Inline ?? defaultComponents.Inline;
-      return /* @__PURE__ */ jsx(Inline, {
-        type: "strong",
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Inline, { type: "strong", children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "em": {
       const Inline = components?.Inline ?? defaultComponents.Inline;
-      return /* @__PURE__ */ jsx(Inline, {
-        type: "em",
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Inline, { type: "em", children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "codespan": {
       const Inline = components?.Inline ?? defaultComponents.Inline;
-      return /* @__PURE__ */ jsx(Inline, {
-        type: "code",
-        children: parseHtmlEntities(token.text)
-      });
+      return /* @__PURE__ */ jsx(Inline, { type: "code", children: parseHtmlEntities(token.text) });
     }
     case "del": {
       const Inline = components?.Inline ?? defaultComponents.Inline;
-      return /* @__PURE__ */ jsx(Inline, {
-        type: "del",
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Inline, { type: "del", children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "link": {
       const href = sanitizeUrl(token.href);
       if (href === null) {
-        return /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        });
+        return /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components });
       }
       const Link = components?.Link ?? defaultComponents.Link;
-      return /* @__PURE__ */ jsx(Link, {
-        href,
-        title: token.title ?? void 0,
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
-          tokens: token.tokens,
-          components
-        })
-      });
+      return /* @__PURE__ */ jsx(Link, { href, title: token.title ?? void 0, children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: token.tokens, components }) });
     }
     case "code": {
       let language = void 0;
@@ -275,20 +177,18 @@ function MarkdownToken({
         language = token.lang.match(TRAILING_NON_WHITESPACE_REGEX)?.[0] ?? void 0;
       }
       const CodeBlock = components?.CodeBlock ?? defaultComponents.CodeBlock;
-      return /* @__PURE__ */ jsx(CodeBlock, {
-        language,
-        code: token.text || " "
-      });
+      return /* @__PURE__ */ jsx(CodeBlock, { language, code: token.text || " " });
     }
     case "blockquote": {
       const Blockquote = components?.Blockquote ?? defaultComponents.Blockquote;
-      return /* @__PURE__ */ jsx(Blockquote, {
-        children: /* @__PURE__ */ jsx(MarkdownTokens, {
+      return /* @__PURE__ */ jsx(Blockquote, { children: /* @__PURE__ */ jsx(
+        MarkdownTokens,
+        {
           tokens: token.tokens,
           components,
           normalizeToBlockTokens: true
-        })
-      });
+        }
+      ) });
     }
     case "list": {
       const List = components?.List ?? defaultComponents.List;
@@ -306,54 +206,43 @@ function MarkdownToken({
         }
         return {
           checked: item.task ? item.checked : void 0,
-          children: /* @__PURE__ */ jsx(MarkdownTokens, {
-            tokens,
-            components,
-            normalizeToBlockTokens: item.tokens.length > 0 ? item.loose : false
-          })
+          children: /* @__PURE__ */ jsx(
+            MarkdownTokens,
+            {
+              tokens,
+              components,
+              normalizeToBlockTokens: (
+                // A non-loose list item doesn't need to be wrapped in block tokens.
+                item.tokens.length > 0 ? item.loose : false
+              )
+            }
+          )
         };
       });
       const props = token.ordered ? { type: "ordered", items, start: token.start || 1 } : { type: "unordered", items };
-      return /* @__PURE__ */ jsx(List, {
-        ...props
-      });
+      return /* @__PURE__ */ jsx(List, { ...props });
     }
     case "checkbox": {
-      return /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx("input", {
-            type: "checkbox",
-            disabled: true,
-            checked: token.checked
-          }),
-          " "
-        ]
-      });
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", disabled: true, checked: token.checked }),
+        " "
+      ] });
     }
     case "table": {
       const Table = components?.Table ?? defaultComponents.Table;
       const headings = token.header.map(
         (cell) => ({
           align: cell.align ?? void 0,
-          children: /* @__PURE__ */ jsx(MarkdownTokens, {
-            tokens: cell.tokens,
-            components
-          })
+          children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: cell.tokens, components })
         })
       );
       const rows = token.rows.map(
         (row) => row.map((cell) => ({
           align: cell.align ?? void 0,
-          children: /* @__PURE__ */ jsx(MarkdownTokens, {
-            tokens: cell.tokens,
-            components
-          })
+          children: /* @__PURE__ */ jsx(MarkdownTokens, { tokens: cell.tokens, components })
         }))
       );
-      return /* @__PURE__ */ jsx(Table, {
-        headings,
-        rows
-      });
+      return /* @__PURE__ */ jsx(Table, { headings, rows });
     }
     case "image": {
       const href = sanitizeUrl(token.href);
@@ -361,11 +250,7 @@ function MarkdownToken({
         return token.text;
       }
       const Image = components?.Image ?? defaultComponents.Image;
-      return /* @__PURE__ */ jsx(Image, {
-        src: href,
-        alt: token.text,
-        title: token.title ?? void 0
-      });
+      return /* @__PURE__ */ jsx(Image, { src: href, alt: token.text, title: token.title ?? void 0 });
     }
     case "hr": {
       const Separator = components?.Separator ?? defaultComponents.Separator;
@@ -418,10 +303,7 @@ function MarkdownTokens({
   } else {
     normalizedTokens = tokens;
   }
-  return normalizedTokens.map((token, index) => /* @__PURE__ */ jsx(MarkdownToken, {
-    token,
-    components
-  }, index));
+  return normalizedTokens.map((token, index) => /* @__PURE__ */ jsx(MarkdownToken, { token, components }, index));
 }
 function assertTokens(_) {
 }
@@ -651,10 +533,20 @@ function completePartialInlineMarkdown(markdown, options = {}) {
               stack.splice(i, 1);
             }
           }
-          const completedLinkText = partialLinkText ? partialLinkUrl ? partialLinkText : completePartialInlineMarkdown(partialLinkText, {
-            allowLinksImages: false
-          }) : "";
-          const completedLinkUrl = partialLinkUrl && !WHITESPACE_REGEX.test(partialLinkUrl) && isUrl(partialLinkUrl) ? partialLinkUrl : DEFAULT_PARTIAL_LINK_URL;
+          const completedLinkText = partialLinkText ? partialLinkUrl ? (
+            // If there's a partial URL, the text is already completed.
+            partialLinkText
+          ) : (
+            // Otherwise, we complete the text and its potential nested elements.
+            completePartialInlineMarkdown(partialLinkText, {
+              // Links/images cannot be nested.
+              allowLinksImages: false
+            })
+          ) : "";
+          const completedLinkUrl = partialLinkUrl && !WHITESPACE_REGEX.test(partialLinkUrl) && isUrl(partialLinkUrl) ? (
+            // We only use the partial URL if it's valid.
+            partialLinkUrl
+          ) : DEFAULT_PARTIAL_LINK_URL;
           const completedLink = `[${completedLinkText}](${completedLinkUrl})`;
           completedMarkdown = completedMarkdown.slice(
             0,