@haklex/rich-ext-embed 0.0.41 → 0.0.42

package/dist/EmbedLinkRenderer-D0t-8cUk.js

@@ -0,0 +1,664 @@
+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 { Github, ExternalLink, Trash2 } from "lucide-react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+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", actions: "rich-embed__actions", actionButton: "rich-embed__action-btn", actionButtonDanger: "rich-embed__action-btn--danger" };
+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";
+var actions = "_1qucygcf";
+var actionButton = "_1qucygcg";
+var actionButtonDanger = "_1qucygch";
+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(Github, { 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,
+            target: "_blank",
+            rel: "noreferrer",
+            children: url
+          }
+        )
+      ]
+    }
+  );
+}
+function TweetRenderer({ url }) {
+  const colorScheme = useColorScheme();
+  let parsedUrl = null;
+  try {
+    parsedUrl = new URL(url);
+  } catch {
+    return /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
+  }
+  const id = parsedUrl.pathname.split("/").pop();
+  if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
+  const fallback2 = /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
+  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,
+          theme: colorScheme === "dark" ? "dark" : "light",
+          style: { width: "100%" }
+        }
+      )
+    }
+  ) }) });
+}
+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, { url: href, type: "github-file" });
+  }
+  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}`,
+                style: { "--start-line": startLine },
+                dangerouslySetInnerHTML: { __html: highlightedHtml }
+              }
+            ) : /* @__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,
+            target: "_blank",
+            rel: "noreferrer",
+            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, { url, type });
+  }
+  let parsedUrl = null;
+  try {
+    parsedUrl = new URL(url);
+  } catch {
+    return /* @__PURE__ */ jsx(FallbackLink, { url, type });
+  }
+  switch (type) {
+    case "tweet": {
+      return /* @__PURE__ */ jsx(TweetRenderer, { url });
+    }
+    case "youtube": {
+      const id = parsedUrl.searchParams.get("v");
+      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type });
+      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: `https://www.youtube.com/embed/${id}`,
+          className: `${iframe} ${semanticClassNames.iframe}`,
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          title: "YouTube video player"
+        }
+      ) });
+    }
+    case "bilibili": {
+      const id = parsedUrl.pathname.split("/")[2];
+      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type });
+      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: `//player.bilibili.com/player.html?bvid=${id}&autoplay=0`,
+          scrolling: "no",
+          className: `${iframe} ${semanticClassNames.iframe}`,
+          allowFullScreen: true
+        }
+      ) });
+    }
+    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, { url, type });
+      return /* @__PURE__ */ jsxs("div", { className: `${gist} ${semanticClassNames.gist}`, children: [
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: `https://gist.github.com/${owner}/${id}.pibb`,
+            className: `${gistIframe} ${semanticClassNames.gistIframe}`
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: `${sourceLink} ${semanticClassNames.sourceLink}`,
+            href: url,
+            target: "_blank",
+            rel: "noreferrer",
+            children: [
+              /* @__PURE__ */ jsx(GitHubSvg, {}),
+              /* @__PURE__ */ jsx("span", { children: url })
+            ]
+          }
+        )
+      ] });
+    }
+    case "github-file": {
+      return /* @__PURE__ */ jsx(GithubFileEmbed, { url: parsedUrl, href: url });
+    }
+    default:
+      return /* @__PURE__ */ jsx(FallbackLink, { url, type });
+  }
+}
+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",
+          {
+            ref: inputRef,
+            className: `${input} ${semanticClassNames$1.input}`,
+            type: "url",
+            value: editUrl,
+            onChange: (e) => setEditUrl(e.target.value),
+            onBlur: commitUrl,
+            onKeyDown: handleKeyDown,
+            placeholder: "https://..."
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: `${actions} ${semanticClassNames$1.actions}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `${actionButton} ${semanticClassNames$1.actionButton}`,
+                  onClick: handleOpen,
+                  title: "Open in new tab",
+                  disabled: !url,
+                  children: /* @__PURE__ */ jsx(ExternalLink, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `${actionButton} ${semanticClassNames$1.actionButton} ${actionButtonDanger} ${semanticClassNames$1.actionButtonDanger}`,
+                  onClick: handleDelete,
+                  title: "Delete",
+                  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
+};

package/dist/index.mjs

@@ -1,650 +1,12 @@
 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, $insertNodes, createCommand, PASTE_COMMAND, COMMAND_PRIORITY_LOW } 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 { Github, ExternalLink, Trash2, Code } from "lucide-react";
+import { E as EmbedNode, a as EmbedLinkRenderer, c as createSelfThinkingMatcher, m as matchEmbedUrl } from "./EmbedLinkRenderer-D0t-8cUk.js";
+import { $, b, d, e, i, f, g, h, j, k, u } from "./EmbedLinkRenderer-D0t-8cUk.js";
+import { $insertNodes, createCommand, PASTE_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
+import { Code } from "lucide-react";
+import { createElement, useMemo, useEffect } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-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", actions: "rich-embed__actions", actionButton: "rich-embed__action-btn", actionButtonDanger: "rich-embed__action-btn--danger" };
-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";
-var actions = "_1qucygcf";
-var actionButton = "_1qucygcg";
-var actionButtonDanger = "_1qucygch";
-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(Github, { 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,
-            target: "_blank",
-            rel: "noreferrer",
-            children: url
-          }
-        )
-      ]
-    }
-  );
-}
-function TweetRenderer({ url }) {
-  const colorScheme = useColorScheme();
-  let parsedUrl = null;
-  try {
-    parsedUrl = new URL(url);
-  } catch {
-    return /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
-  }
-  const id = parsedUrl.pathname.split("/").pop();
-  if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
-  const fallback2 = /* @__PURE__ */ jsx(FallbackLink, { url, type: "tweet" });
-  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,
-          theme: colorScheme === "dark" ? "dark" : "light",
-          style: { width: "100%" }
-        }
-      )
-    }
-  ) }) });
-}
-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, { url: href, type: "github-file" });
-  }
-  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}`,
-                style: { "--start-line": startLine },
-                dangerouslySetInnerHTML: { __html: highlightedHtml }
-              }
-            ) : /* @__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,
-            target: "_blank",
-            rel: "noreferrer",
-            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, { url, type });
-  }
-  let parsedUrl = null;
-  try {
-    parsedUrl = new URL(url);
-  } catch {
-    return /* @__PURE__ */ jsx(FallbackLink, { url, type });
-  }
-  switch (type) {
-    case "tweet": {
-      return /* @__PURE__ */ jsx(TweetRenderer, { url });
-    }
-    case "youtube": {
-      const id = parsedUrl.searchParams.get("v");
-      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type });
-      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          src: `https://www.youtube.com/embed/${id}`,
-          className: `${iframe} ${semanticClassNames.iframe}`,
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-          allowFullScreen: true,
-          title: "YouTube video player"
-        }
-      ) });
-    }
-    case "bilibili": {
-      const id = parsedUrl.pathname.split("/")[2];
-      if (!id) return /* @__PURE__ */ jsx(FallbackLink, { url, type });
-      return /* @__PURE__ */ jsx(FixedRatioContainer, { children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          src: `//player.bilibili.com/player.html?bvid=${id}&autoplay=0`,
-          scrolling: "no",
-          className: `${iframe} ${semanticClassNames.iframe}`,
-          allowFullScreen: true
-        }
-      ) });
-    }
-    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, { url, type });
-      return /* @__PURE__ */ jsxs("div", { className: `${gist} ${semanticClassNames.gist}`, children: [
-        /* @__PURE__ */ jsx(
-          "iframe",
-          {
-            src: `https://gist.github.com/${owner}/${id}.pibb`,
-            className: `${gistIframe} ${semanticClassNames.gistIframe}`
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            className: `${sourceLink} ${semanticClassNames.sourceLink}`,
-            href: url,
-            target: "_blank",
-            rel: "noreferrer",
-            children: [
-              /* @__PURE__ */ jsx(GitHubSvg, {}),
-              /* @__PURE__ */ jsx("span", { children: url })
-            ]
-          }
-        )
-      ] });
-    }
-    case "github-file": {
-      return /* @__PURE__ */ jsx(GithubFileEmbed, { url: parsedUrl, href: url });
-    }
-    default:
-      return /* @__PURE__ */ jsx(FallbackLink, { url, type });
-  }
-}
-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",
-          {
-            ref: inputRef,
-            className: `${input} ${semanticClassNames$1.input}`,
-            type: "url",
-            value: editUrl,
-            onChange: (e) => setEditUrl(e.target.value),
-            onBlur: commitUrl,
-            onKeyDown: handleKeyDown,
-            placeholder: "https://..."
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: `${actions} ${semanticClassNames$1.actions}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: `${actionButton} ${semanticClassNames$1.actionButton}`,
-                  onClick: handleOpen,
-                  title: "Open in new tab",
-                  disabled: !url,
-                  children: /* @__PURE__ */ jsx(ExternalLink, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: `${actionButton} ${semanticClassNames$1.actionButton} ${actionButtonDanger} ${semanticClassNames$1.actionButtonDanger}`,
-                  onClick: handleDelete,
-                  title: "Delete",
-                  children: /* @__PURE__ */ jsx(Trash2, {})
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
 const _EmbedEditNode = class _EmbedEditNode extends EmbedNode {
   static clone(node) {
     return new _EmbedEditNode(node.__url, node.__source, node.__key);
@@ -743,25 +105,25 @@ function EmbedPlugin({ selfHostnames }) {
 }
 export {
   $createEmbedEditNode,
-  $createEmbedNode,
+  $ as $createEmbedNode,
   $isEmbedEditNode,
-  $isEmbedNode,
+  b as $isEmbedNode,
   EmbedEditNode,
   EmbedLinkRenderer,
   EmbedNode,
   EmbedPlugin,
-  EmbedRendererProvider,
-  EmbedStaticRenderer,
+  d as EmbedRendererProvider,
+  e as EmbedStaticRenderer,
   INSERT_EMBED_COMMAND,
   createSelfThinkingMatcher,
   embedEditNodes,
   embedNodes,
-  isBilibiliVideoUrl,
-  isCodesandboxUrl,
-  isGistUrl,
-  isGithubFilePreviewUrl,
-  isTweetUrl,
-  isYoutubeUrl,
+  i as isBilibiliVideoUrl,
+  f as isCodesandboxUrl,
+  g as isGistUrl,
+  h as isGithubFilePreviewUrl,
+  j as isTweetUrl,
+  k as isYoutubeUrl,
   matchEmbedUrl,
-  useEmbedRenderers
+  u as useEmbedRenderers
 };

package/dist/static.mjs

@@ -0,0 +1,21 @@
+import { E as EmbedNode } from "./EmbedLinkRenderer-D0t-8cUk.js";
+import { $, b, a, d, e, c, i, f, g, h, j, k, m, u } from "./EmbedLinkRenderer-D0t-8cUk.js";
+const embedNodes = [EmbedNode];
+export {
+  $ as $createEmbedNode,
+  b as $isEmbedNode,
+  a as EmbedLinkRenderer,
+  EmbedNode,
+  d as EmbedRendererProvider,
+  e as EmbedStaticRenderer,
+  c as createSelfThinkingMatcher,
+  embedNodes,
+  i as isBilibiliVideoUrl,
+  f as isCodesandboxUrl,
+  g as isGistUrl,
+  h as isGithubFilePreviewUrl,
+  j as isTweetUrl,
+  k as isYoutubeUrl,
+  m as matchEmbedUrl,
+  u as useEmbedRenderers
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-embed",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "description": "Embed extension for Twitter, YouTube, etc.",
   "license": "MIT",
   "type": "module",
@@ -22,8 +22,8 @@
   "dependencies": {
     "lucide-react": "^0.574.0",
     "react-tweet": "npm:@innei/react-tweet@3.4.2",
-    "@haklex/rich-editor": "0.0.41",
-    "@haklex/rich-style-token": "0.0.41"
+    "@haklex/rich-style-token": "0.0.42",
+    "@haklex/rich-editor": "0.0.42"
   },
   "devDependencies": {
     "@lexical/react": "^0.41.0",