@haklex/rich-ext-embed 0.1.1 → 0.2.0

package/dist/EmbedLinkRenderer-Cw-Doj2u.js

@@ -1,599 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { DecoratorNode, $getNodeByKey } from "lexical";
-import { createContext, use, lazy, useState, useMemo, useEffect, Suspense, Component, createElement, useRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useColorScheme } from "@haklex/rich-editor";
-import { SiGithub } from "@icons-pack/react-simple-icons";
-import { ActionBar, ActionButton } from "@haklex/rich-editor-ui";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { ExternalLink, Trash2 } from "lucide-react";
-var semanticClassNames$1 = { wrapper: "rich-embed-link-wrapper", embed: "rich-embed", badge: "rich-embed__badge", dot: "rich-embed__dot", divider: "rich-embed__divider", input: "rich-embed__input" };
-var semanticEmbedModifierClass = { generic: "rich-embed--generic", tweet: "rich-embed--tweet", youtube: "rich-embed--youtube", codesandbox: "rich-embed--codesandbox", bilibili: "rich-embed--bilibili", "github-file": "rich-embed--github-file", "github-gist": "rich-embed--github-gist", thinking: "rich-embed--thinking" };
-var wrapper = "_1qucygc1";
-var embed = "_1qucygc2";
-var embedType = { generic: "_1qucygc3", tweet: "_1qucygc4", youtube: "_1qucygc5", codesandbox: "_1qucygc6", bilibili: "_1qucygc7", "github-file": "_1qucygc8", "github-gist": "_1qucygc9", thinking: "_1qucygca" };
-var badge = "_1qucygcb";
-var dot = "_1qucygcc";
-var divider = "_1qucygcd";
-var input = "_1qucygce";
-const EmbedRendererCtx = createContext({});
-const EmbedRendererProvider = EmbedRendererCtx.Provider;
-function useEmbedRenderers() {
-  return use(EmbedRendererCtx);
-}
-var semanticClassNames = { ratioContainer: "embed-static-ratio-container", ratioInner: "embed-static-ratio-inner", iframe: "embed-static-iframe", gist: "embed-static-gist", gistIframe: "embed-static-gist__iframe", sourceLink: "embed-static-source-link", githubFile: "embed-static-github-file", githubFileCode: "embed-static-github-file__code", githubFileCodeLong: "embed-static-github-file__code--long", githubFileLine: "embed-static-github-file__line", githubFileLineNum: "embed-static-github-file__line-num", shiki: "embed-static-shiki", fallback: "embed-static-fallback", fallbackBadge: "embed-static-fallback__badge", fallbackDot: "embed-static-fallback__dot", fallbackLink: "embed-static-fallback__link", tweet: "embed-static-tweet", loading: "embed-static-loading" };
-var semanticFallbackModifierClass = { generic: "embed-static-fallback--generic", tweet: "embed-static-fallback--tweet", youtube: "embed-static-fallback--youtube", codesandbox: "embed-static-fallback--codesandbox", bilibili: "embed-static-fallback--bilibili", "github-file": "embed-static-fallback--github-file", "github-gist": "embed-static-fallback--github-gist", thinking: "embed-static-fallback--thinking" };
-var ratioContainer = "_1xclnej1";
-var ratioInner = "_1xclnej2";
-var iframe = "_1xclnej3";
-var gist = "_1xclnej4";
-var gistIframe = "_1xclnej5";
-var sourceLink = "_1xclnej6";
-var githubFile = "_1xclnej7";
-var githubFileCode = "_1xclnej8";
-var githubFileCodeLong = "_1xclnej9";
-var githubFileLine = "_1xclneja";
-var githubFileLineNum = "_1xclnejb";
-var shiki = "_1xclnejc";
-var fallback = "_1xclnejd";
-var fallbackType = { generic: "_1xclneje", tweet: "_1xclnejf", youtube: "_1xclnejg", codesandbox: "_1xclnejh", bilibili: "_1xclneji", "github-file": "_1xclnejj", "github-gist": "_1xclnejk", thinking: "_1xclnejl" };
-var fallbackBadge = "_1xclnejm";
-var fallbackDot = "_1xclnejn";
-var fallbackLink = "_1xclnejo";
-var tweet = "_1xclnejp";
-var loading = "_1xclnejq";
-const extToLang = {
-  ".js": "javascript",
-  ".ts": "typescript",
-  ".mjs": "javascript",
-  ".cjs": "javascript",
-  ".mts": "typescript",
-  ".cts": "typescript",
-  ".jsx": "jsx",
-  ".tsx": "tsx",
-  ".md": "markdown",
-  ".css": "css",
-  ".scss": "scss",
-  ".html": "html",
-  ".json": "json",
-  ".yml": "yaml",
-  ".yaml": "yaml",
-  ".toml": "toml",
-  ".xml": "xml",
-  ".sh": "bash",
-  ".bash": "bash",
-  ".zsh": "bash",
-  ".go": "go",
-  ".py": "python",
-  ".rb": "ruby",
-  ".java": "java",
-  ".c": "c",
-  ".cpp": "cpp",
-  ".cs": "csharp",
-  ".rs": "rust",
-  ".swift": "swift",
-  ".kt": "kotlin",
-  ".lua": "lua",
-  ".sql": "sql",
-  ".graphql": "graphql",
-  ".scala": "scala",
-  ".dart": "dart",
-  ".vue": "vue",
-  ".h": "c",
-  ".hpp": "cpp",
-  ".m": "objectivec",
-  ".ex": "elixir",
-  ".r": "r"
-};
-function getLangFromPath(path) {
-  const dot2 = path.lastIndexOf(".");
-  if (dot2 === -1) return "text";
-  return extToLang[path.slice(dot2).toLowerCase()] || "text";
-}
-const shikiPromise = import("shiki/bundle/web").catch(() => null);
-const typeLabels$1 = {
-  "tweet": "X / Twitter",
-  "youtube": "YouTube",
-  "codesandbox": "CodeSandbox",
-  "bilibili": "Bilibili",
-  "github-file": "GitHub File",
-  "github-gist": "GitHub Gist",
-  "thinking": "Thinking"
-};
-const LazyTweet = lazy(() => import("react-tweet").then((mod) => ({ default: mod.IsolatedTweet })));
-class EmbedErrorBoundary extends Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "state", { hasError: false });
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-}
-function GitHubSvg() {
-  return /* @__PURE__ */ jsx(SiGithub, { size: 16 });
-}
-function FixedRatioContainer({
-  children,
-  ratio = 58
-}) {
-  return /* @__PURE__ */ jsx("div", { className: `${ratioContainer} ${semanticClassNames.ratioContainer}`, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `${ratioInner} ${semanticClassNames.ratioInner}`,
-      style: { paddingBottom: `${ratio}%` },
-      children
-    }
-  ) });
-}
-function FallbackLink({ url, type }) {
-  const label = type ? typeLabels$1[type] : "Embed";
-  const cssModifier = type || "generic";
-  const fallbackTypeClass = fallbackType[cssModifier];
-  const semanticModifierClass = semanticFallbackModifierClass[cssModifier];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `${fallback} ${fallbackTypeClass} ${semanticClassNames.fallback} ${semanticModifierClass}`.trim(),
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: `${fallbackBadge} ${semanticClassNames.fallbackBadge}`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${fallbackDot} ${semanticClassNames.fallbackDot}` }),
-          label
-        ] }),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            className: `${fallbackLink} ${semanticClassNames.fallbackLink}`,
-            href: url,
-            rel: "noreferrer",
-            target: "_blank",
-            children: url
-          }
-        )
-      ]
-    }
-  );
-}
-function TweetRenderer({ url }) {
-  const colorScheme = useColorScheme();
-  let parsedUrl;
-  try {
-    parsedUrl = new URL(url);
-  } catch {
-    return /* @__PURE__ */ jsx(FallbackLink, { type: "tweet", url });
-  }
-  const id = parsedUrl.pathname.split("/").pop();
-  if (!id) return /* @__PURE__ */ jsx(FallbackLink, { type: "tweet", url });
-  const fallback2 = /* @__PURE__ */ jsx(FallbackLink, { type: "tweet", url });
-  return /* @__PURE__ */ jsx(EmbedErrorBoundary, { fallback: fallback2, children: /* @__PURE__ */ jsx("div", { className: `${tweet} ${semanticClassNames.tweet}`, children: /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx("div", { className: `${loading} ${semanticClassNames.loading}`, children: "Loading tweet..." }),
-      children: /* @__PURE__ */ jsx(
-        LazyTweet,
-        {
-          id,
-          style: { width: "100%" },
-          theme: colorScheme === "dark" ? "dark" : "light"
-        }
-      )
-    }
-  ) }) });
-}
-function GithubFileEmbed({ url, href }) {
-  const colorScheme = useColorScheme();
-  const shikiTheme = colorScheme === "dark" ? "github-dark" : "github-light";
-  const split = url.pathname.split("/");
-  const [, owner, repo, , ...rest] = split;
-  const ref = rest[0];
-  const path = ref ? rest.slice(1).join("/") : rest.join("/");
-  const matchResult = url.hash.match(/L\d+/g);
-  let startLine = 0;
-  let endLine;
-  if (matchResult) {
-    if (matchResult.length === 1) {
-      startLine = Number.parseInt(matchResult[0].slice(1)) - 1;
-      endLine = startLine + 1;
-    } else {
-      startLine = Number.parseInt(matchResult[0].slice(1)) - 1;
-      endLine = Number.parseInt(matchResult[1].slice(1));
-    }
-  }
-  const [content, setContent] = useState(null);
-  const [highlightedHtml, setHighlightedHtml] = useState(null);
-  const [loading$1, setLoading] = useState(true);
-  const [error, setError] = useState(false);
-  const lang = useMemo(() => getLangFromPath(path), [path]);
-  useEffect(() => {
-    let cancelled = false;
-    setContent(null);
-    setHighlightedHtml(null);
-    setLoading(true);
-    setError(false);
-    const fetchPromise = fetch(
-      `https://cdn.jsdelivr.net/gh/${owner}/${repo}${ref ? `@${ref}` : ""}/${path}`
-    ).then((res) => {
-      if (!res.ok) throw new Error(`HTTP ${res.status}`);
-      return res.text();
-    });
-    Promise.all([fetchPromise, shikiPromise]).then(([text, shikiMod]) => {
-      if (cancelled) return;
-      setContent(text);
-      const lines2 = text.split("\n");
-      const end2 = endLine ?? lines2.length;
-      const displayCode = lines2.slice(startLine, end2).join("\n");
-      if (!shikiMod) {
-        setLoading(false);
-        return;
-      }
-      shikiMod.codeToHtml(displayCode, {
-        lang,
-        theme: shikiTheme
-      }).then((html) => {
-        if (!cancelled) {
-          setHighlightedHtml(html);
-          setLoading(false);
-        }
-      }).catch(() => {
-        if (!cancelled) setLoading(false);
-      });
-    }).catch(() => {
-      if (!cancelled) {
-        setError(true);
-        setLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [owner, repo, ref, path, lang, startLine, endLine, shikiTheme]);
-  if (loading$1) {
-    return /* @__PURE__ */ jsx("div", { className: `${loading} ${semanticClassNames.loading}`, children: "Loading GitHub File Preview..." });
-  }
-  if (error || content === null) {
-    return /* @__PURE__ */ jsx(FallbackLink, { type: "github-file", url: href });
-  }
-  const lines = content.split("\n");
-  const end = endLine ?? lines.length;
-  const isLong = end - startLine > 20;
-  return /* @__PURE__ */ jsxs("div", { className: `${githubFile} ${semanticClassNames.githubFile}`, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `${githubFileCode} ${semanticClassNames.githubFileCode} ${isLong ? `${githubFileCodeLong} ${semanticClassNames.githubFileCodeLong}` : ""}`.trim(),
-        children: highlightedHtml ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `${shiki} ${semanticClassNames.shiki}`,
-            dangerouslySetInnerHTML: { __html: highlightedHtml },
-            style: { "--start-line": startLine }
-          }
-        ) : /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: lines.slice(startLine, end).map((line, i) => /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: `${githubFileLine} ${semanticClassNames.githubFileLine}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: `${githubFileLineNum} ${semanticClassNames.githubFileLineNum}`,
-                  children: startLine + i + 1
-                }
-              ),
-              line,
-              "\n"
-            ]
-          },
-          i
-        )) }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "a",
-      {
-        className: `${sourceLink} ${semanticClassNames.sourceLink}`,
-        href,
-        rel: "noreferrer",
-        target: "_blank",
-        children: [
-          /* @__PURE__ */ jsx(GitHubSvg, {}),
-          /* @__PURE__ */ jsx("span", { children: href })
-        ]
-      }
-    )
-  ] });
-}
-function EmbedStaticRenderer({ type, url }) {
-  const customRenderers = useEmbedRenderers();
-  if (!url) return null;
-  if (type && customRenderers[type]) {
-    const Custom = customRenderers[type];
-    return /* @__PURE__ */ jsx(Custom, { type, url });
-  }
-  let parsedUrl;
-  try {
-    parsedUrl = new URL(url);
-  } catch {
-    return /* @__PURE__ */ jsx(FallbackLink, { type, url });
-  }
-  switch (type) {
-    case "tweet": {
-      return /* @__PURE__ */ jsx(TweetRenderer, { url });
-    }
-    case "youtube": {
-      const id = parsedUrl.searchParams.get("v");
-      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { type, url });
-      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          allowFullScreen: true,
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-          className: `${iframe} ${semanticClassNames.iframe}`,
-          src: `https://www.youtube.com/embed/${id}`,
-          title: "YouTube video player"
-        }
-      ) });
-    }
-    case "bilibili": {
-      const id = parsedUrl.pathname.split("/")[2];
-      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { type, url });
-      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          allowFullScreen: true,
-          className: `${iframe} ${semanticClassNames.iframe}`,
-          scrolling: "no",
-          src: `//player.bilibili.com/player.html?bvid=${id}&autoplay=0`
-        }
-      ) });
-    }
-    case "codesandbox": {
-      const path = parsedUrl.pathname.slice(2);
-      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          className: `${iframe} ${semanticClassNames.iframe}`,
-          src: `https://codesandbox.io/embed/${path}?fontsize=14&hidenavigation=1&theme=dark${parsedUrl.search}`
-        }
-      ) });
-    }
-    case "github-gist": {
-      const [, owner, id] = parsedUrl.pathname.split("/");
-      if (!owner || !id) return /* @__PURE__ */ jsx(FallbackLink, { type, url });
-      return /* @__PURE__ */ jsxs("div", { className: `${gist} ${semanticClassNames.gist}`, children: [
-        /* @__PURE__ */ jsx(
-          "iframe",
-          {
-            className: `${gistIframe} ${semanticClassNames.gistIframe}`,
-            src: `https://gist.github.com/${owner}/${id}.pibb`
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            className: `${sourceLink} ${semanticClassNames.sourceLink}`,
-            href: url,
-            rel: "noreferrer",
-            target: "_blank",
-            children: [
-              /* @__PURE__ */ jsx(GitHubSvg, {}),
-              /* @__PURE__ */ jsx("span", { children: url })
-            ]
-          }
-        )
-      ] });
-    }
-    case "github-file": {
-      return /* @__PURE__ */ jsx(GithubFileEmbed, { href: url, url: parsedUrl });
-    }
-    default: {
-      return /* @__PURE__ */ jsx(FallbackLink, { type, url });
-    }
-  }
-}
-class EmbedNode extends DecoratorNode {
-  constructor(url, source, key) {
-    super(key);
-    __publicField(this, "__url");
-    __publicField(this, "__source");
-    this.__url = url;
-    this.__source = source;
-  }
-  static getType() {
-    return "embed";
-  }
-  static clone(node) {
-    return new EmbedNode(node.__url, node.__source, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = `${wrapper} ${semanticClassNames$1.wrapper}`;
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createEmbedNode(serializedNode.url, serializedNode.source);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "embed",
-      url: this.__url,
-      source: this.__source,
-      version: 1
-    };
-  }
-  getUrl() {
-    return this.getLatest().__url;
-  }
-  setUrl(url) {
-    const writable = this.getWritable();
-    writable.__url = url;
-  }
-  getSource() {
-    return this.getLatest().__source;
-  }
-  setSource(source) {
-    const writable = this.getWritable();
-    writable.__source = source;
-  }
-  decorate(_editor, _config) {
-    return createElement(EmbedStaticRenderer, {
-      type: this.__source,
-      url: this.__url
-    });
-  }
-}
-function $createEmbedNode(url, source) {
-  return new EmbedNode(url, source);
-}
-function $isEmbedNode(node) {
-  return node instanceof EmbedNode;
-}
-const isTweetUrl = (url) => (url.hostname === "twitter.com" || url.hostname === "x.com") && url.pathname.startsWith("/");
-const isYoutubeUrl = (url) => url.hostname === "www.youtube.com" && url.pathname.startsWith("/watch");
-const isCodesandboxUrl = (url) => url.hostname === "codesandbox.io" && url.pathname.split("/").length === 3;
-const isBilibiliVideoUrl = (url) => url.hostname.includes("bilibili.com") && url.pathname.startsWith("/video/BV");
-const isGithubFilePreviewUrl = (url) => {
-  const [, , , type] = url.pathname.split("/");
-  return url.hostname === "github.com" && type === "blob";
-};
-const isGistUrl = (url) => url.hostname === "gist.github.com";
-function createSelfThinkingMatcher(hostnames) {
-  return (url) => hostnames.includes(url.hostname) && url.pathname.startsWith("/thinking/");
-}
-function matchEmbedUrl(url, selfThinkingMatcher) {
-  if (isTweetUrl(url)) return "tweet";
-  if (isYoutubeUrl(url)) return "youtube";
-  if (isCodesandboxUrl(url)) return "codesandbox";
-  if (isBilibiliVideoUrl(url)) return "bilibili";
-  if (isGithubFilePreviewUrl(url)) return "github-file";
-  if (isGistUrl(url)) return "github-gist";
-  if (selfThinkingMatcher?.(url)) return "thinking";
-  return null;
-}
-const typeLabels = {
-  "tweet": "X / Twitter",
-  "youtube": "YouTube",
-  "codesandbox": "CodeSandbox",
-  "bilibili": "Bilibili",
-  "github-file": "GitHub File",
-  "github-gist": "GitHub Gist",
-  "thinking": "Thinking"
-};
-function EmbedLinkRenderer({ type, url, nodeKey }) {
-  const [editor] = useLexicalComposerContext();
-  const [editUrl, setEditUrl] = useState(url);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    setEditUrl(url);
-  }, [url]);
-  useEffect(() => {
-    if (!url) {
-      inputRef.current?.focus();
-    }
-  }, [url]);
-  const commitUrl = useCallback(() => {
-    const trimmed = editUrl.trim();
-    if (!trimmed) return;
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (!node || !("setUrl" in node)) return;
-      const n = node;
-      const currentUrl = n.getUrl?.();
-      if (currentUrl !== trimmed) {
-        n.setUrl(trimmed);
-      }
-      if (n.setSource) {
-        try {
-          n.setSource(matchEmbedUrl(new URL(trimmed)));
-        } catch {
-        }
-      }
-    });
-  }, [editor, nodeKey, editUrl]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        commitUrl();
-        inputRef.current?.blur();
-      } else if (e.key === "Escape") {
-        e.preventDefault();
-        setEditUrl(url);
-        inputRef.current?.blur();
-      }
-    },
-    [commitUrl, url]
-  );
-  const handleDelete = useCallback(() => {
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (node) node.remove();
-    });
-  }, [editor, nodeKey]);
-  const handleOpen = useCallback(() => {
-    if (url) window.open(url, "_blank", "noopener,noreferrer");
-  }, [url]);
-  const label = type ? typeLabels[type] : "Embed";
-  const cssModifier = type || "generic";
-  const embedModifierClass = embedType[cssModifier];
-  const semanticModifierClass = semanticEmbedModifierClass[cssModifier];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `${embed} ${embedModifierClass} ${semanticClassNames$1.embed} ${semanticModifierClass}`.trim(),
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: `${badge} ${semanticClassNames$1.badge}`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${dot} ${semanticClassNames$1.dot}` }),
-          label
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: `${divider} ${semanticClassNames$1.divider}` }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            className: `${input} ${semanticClassNames$1.input}`,
-            placeholder: "https://...",
-            ref: inputRef,
-            type: "url",
-            value: editUrl,
-            onBlur: commitUrl,
-            onChange: (e) => setEditUrl(e.target.value),
-            onKeyDown: handleKeyDown
-          }
-        ),
-        /* @__PURE__ */ jsxs(ActionBar, { children: [
-          /* @__PURE__ */ jsx(ActionButton, { icon: true, disabled: !url, size: "md", title: "Open in new tab", onClick: handleOpen, children: /* @__PURE__ */ jsx(ExternalLink, {}) }),
-          /* @__PURE__ */ jsx(ActionButton, { danger: true, icon: true, size: "md", title: "Delete", onClick: handleDelete, children: /* @__PURE__ */ jsx(Trash2, {}) })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  $createEmbedNode as $,
-  EmbedNode as E,
-  EmbedLinkRenderer as a,
-  $isEmbedNode as b,
-  createSelfThinkingMatcher as c,
-  EmbedRendererProvider as d,
-  EmbedStaticRenderer as e,
-  isCodesandboxUrl as f,
-  isGistUrl as g,
-  isGithubFilePreviewUrl as h,
-  isBilibiliVideoUrl as i,
-  isTweetUrl as j,
-  isYoutubeUrl as k,
-  matchEmbedUrl as m,
-  useEmbedRenderers as u
-};