@tightknitai/block-kitchen 0.10.16 → 0.10.17

package/dist/index.js

@@ -6675,19 +6675,28 @@ function Divider() {
 }
 function LinkPopover({ editor }) {
   const active = editor.isActive("link");
-  const currentHref = editor.getAttributes("link").href ?? "";
   const [open, setOpen] = useState(false);
-  const [url, setUrl] = useState(currentHref);
+  const [url, setUrl] = useState("");
+  const [text, setText] = useState("");
+  const [inserting, setInserting] = useState(false);
   const [error, setError] = useState(null);
-  useEffect(() => {
-    if (open) {
-      setUrl(currentHref);
+  const handleOpenChange = (next) => {
+    if (next) {
+      const linkActive = editor.isActive("link");
+      setUrl(editor.getAttributes("link").href ?? "");
+      setText("");
+      setInserting(editor.state.selection.empty && !linkActive);
       setError(null);
     }
-  }, [open, currentHref]);
+    setOpen(next);
+  };
   const apply = () => {
     const trimmed = url.trim();
     if (!trimmed) {
+      if (inserting) {
+        setError("Enter a URL.");
+        return;
+      }
       editor.chain().focus().unsetLink().run();
       setOpen(false);
       return;
@@ -6696,10 +6705,24 @@ function LinkPopover({ editor }) {
       setError("Only http(s), mailto, tel, sms, and xmpp links are allowed.");
       return;
     }
-    editor.chain().focus().extendMarkRange("link").setLink({ href: trimmed }).run();
+    if (inserting) {
+      editor.chain().focus().insertContent({
+        type: "text",
+        text: text.trim() || trimmed,
+        marks: [{ type: "link", attrs: { href: trimmed } }]
+      }).unsetMark("link").setMeta("preventAutolink", true).run();
+    } else {
+      editor.chain().focus().extendMarkRange("link").setLink({ href: trimmed }).run();
+    }
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  const applyOnEnter = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      apply();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       "button",
       {
@@ -6714,6 +6737,24 @@ function LinkPopover({ editor }) {
       }
     ) }),
     /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-72 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      inserting && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "rt-link-text", className: "text-xs", children: "Text" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "rt-link-text",
+            value: text,
+            placeholder: "Link text",
+            onChange: (e) => {
+              setText(e.target.value);
+              if (error) {
+                setError(null);
+              }
+            },
+            onKeyDown: applyOnEnter
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(Label, { htmlFor: "rt-link-url", className: "text-xs", children: "URL" }),
       /* @__PURE__ */ jsx(
         Input,
@@ -6727,17 +6768,12 @@ function LinkPopover({ editor }) {
               setError(null);
             }
           },
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              e.preventDefault();
-              apply();
-            }
-          }
+          onKeyDown: applyOnEnter
         }
       ),
       error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-destructive", children: error }),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-        active ? /* @__PURE__ */ jsx(
+        active && !inserting ? /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
@@ -6750,7 +6786,7 @@ function LinkPopover({ editor }) {
             children: "Remove"
           }
         ) : /* @__PURE__ */ jsx("span", {}),
-        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: apply, children: active ? "Update" : "Add link" })
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: apply, children: active && !inserting ? "Update" : "Add link" })
       ] })
     ] }) })
   ] });