@haklex/rich-plugin-link-edit 0.0.2 → 0.0.4

package/dist/FloatingLinkEditorPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingLinkEditorPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingLinkEditorPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAoBrB,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AAkBxD,wBAAgB,wBAAwB,IAAI,YAAY,GAAG,IAAI,CAqN9D"}
+{"version":3,"file":"FloatingLinkEditorPlugin.d.ts","sourceRoot":"","sources":["../src/FloatingLinkEditorPlugin.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AAoBxD,wBAAgB,wBAAwB,IAAI,YAAY,GAAG,IAAI,CAyN9D"}

package/dist/index.mjs

@@ -5,6 +5,15 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $getSelection, $isRangeSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, $getNodeByKey } from "lexical";
 import { Link, ExternalLink, Unlink } from "lucide-react";
 import { useRef, useState, useCallback, useEffect } from "react";
+var semanticClassNames = { panel: "rich-link-edit-panel", urlRow: "rich-link-edit-url-row", linkIcon: "rich-link-edit-link-icon", input: "rich-link-edit-input", actions: "rich-link-edit-actions", actionButton: "rich-link-edit-action-btn", actionButtonEnd: "rich-link-edit-action-btn--end", cmdHover: "rich-link-edit-cmd-hover" };
+var panel = "_1uegwri0";
+var urlRow = "_1uegwri1";
+var linkIcon = "_1uegwri2";
+var input = "_1uegwri3";
+var actions = "_1uegwri4";
+var actionButton = "_1uegwri5";
+var actionButtonEnd = "_1uegwri6";
+var cmdHover = "_1uegwri7";
 function $findLinkNode(node) {
   let current = node;
   while (current) {
@@ -68,9 +77,11 @@ function FloatingLinkEditorPlugin() {
   useEffect(() => {
     const root = editor.getRootElement();
     if (!root) return;
-    const CSS_CLASS = "rich-link-edit-cmd-hover";
+    const CSS_CLASSES = [cmdHover, semanticClassNames.cmdHover];
     const updateCursor = (mod) => {
-      root.classList.toggle(CSS_CLASS, mod);
+      for (const cssClass of CSS_CLASSES) {
+        root.classList.toggle(cssClass, mod);
+      }
     };
     const onKeyDown = (e) => {
       if (e.key === "Meta" || e.key === "Control") updateCursor(true);
@@ -98,7 +109,9 @@ function FloatingLinkEditorPlugin() {
       root.removeEventListener("keyup", onKeyUp);
       root.removeEventListener("blur", onBlur);
       root.removeEventListener("click", onClick);
-      root.classList.remove(CSS_CLASS);
+      for (const cssClass of CSS_CLASSES) {
+        root.classList.remove(cssClass);
+      }
     };
   }, [editor]);
   const commitUrl = useCallback(() => {
@@ -146,8 +159,8 @@ function FloatingLinkEditorPlugin() {
   }, []);
   const handlePanelFocusOut = useCallback(
     (e) => {
-      const panel = e.currentTarget;
-      if (!panel.contains(e.relatedTarget)) {
+      const panel2 = e.currentTarget;
+      if (!panel2.contains(e.relatedTarget)) {
         panelFocusedRef.current = false;
         commitUrl();
         editor.focus();
@@ -166,17 +179,17 @@ function FloatingLinkEditorPlugin() {
       children: /* @__PURE__ */ jsxs(
         PopoverPopup,
         {
-          className: "rich-link-edit-panel",
+          className: `${panel} ${semanticClassNames.panel}`,
           onFocus: handlePanelFocusIn,
           onBlur: handlePanelFocusOut,
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "rich-link-edit-url-row", children: [
-              /* @__PURE__ */ jsx(Link, { className: "rich-link-edit-link-icon", size: 16 }),
+            /* @__PURE__ */ jsxs("div", { className: `${urlRow} ${semanticClassNames.urlRow}`, children: [
+              /* @__PURE__ */ jsx(Link, { className: `${linkIcon} ${semanticClassNames.linkIcon}`, size: 16 }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
                   ref: inputRef,
-                  className: "rich-link-edit-input",
+                  className: `${input} ${semanticClassNames.input}`,
                   type: "url",
                   value: inputUrl,
                   onChange: (e) => setInputUrl(e.target.value),
@@ -185,11 +198,11 @@ function FloatingLinkEditorPlugin() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "rich-link-edit-actions", children: [
+            /* @__PURE__ */ jsxs("div", { className: `${actions} ${semanticClassNames.actions}`, children: [
               /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: "rich-link-edit-action-btn",
+                  className: `${actionButton} ${semanticClassNames.actionButton}`,
                   type: "button",
                   onClick: handleOpen,
                   children: [
@@ -201,7 +214,7 @@ function FloatingLinkEditorPlugin() {
               /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: "rich-link-edit-action-btn rich-link-edit-action-btn--end",
+                  className: `${actionButton} ${semanticClassNames.actionButton} ${actionButtonEnd} ${semanticClassNames.actionButtonEnd}`,
                   type: "button",
                   onClick: handleUnlink,
                   children: [

package/dist/rich-plugin-link-edit.css

@@ -1,4 +1,4 @@
-.rich-link-edit-panel {
+._1uegwri0 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -6,7 +6,7 @@
   padding: 12px;
   font-size: 13px;
 }
-.rich-link-edit-url-row {
+._1uegwri1 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -15,11 +15,11 @@
   border-radius: var(--rc-radius-md);
   min-width: 0;
 }
-.rich-link-edit-link-icon {
+._1uegwri2 {
   flex-shrink: 0;
   color: var(--rc-text-secondary);
 }
-.rich-link-edit-input {
+._1uegwri3 {
   flex: 1;
   appearance: none;
   border: none;
@@ -31,15 +31,15 @@
   outline: none;
   min-width: 0;
 }
-.rich-link-edit-input::placeholder {
+._1uegwri3::placeholder {
   color: var(--rc-text-secondary);
 }
-.rich-link-edit-actions {
+._1uegwri4 {
   display: flex;
   align-items: center;
   gap: 4px;
 }
-.rich-link-edit-action-btn {
+._1uegwri5 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -55,13 +55,13 @@
   transition: color 0.15s ease, background-color 0.15s ease;
   white-space: nowrap;
 }
-.rich-link-edit-action-btn:hover {
+._1uegwri5:hover {
   background-color: var(--rc-bg-secondary);
 }
-.rich-link-edit-action-btn--end {
+._1uegwri6 {
   margin-left: auto;
 }
-.rich-link-edit-cmd-hover a {
+._1uegwri7 a {
   cursor: pointer;
   text-decoration-line: underline;
 }

package/dist/styles.css.d.ts

@@ -1,2 +1,19 @@
-export {};
+export declare const semanticClassNames: {
+    readonly panel: "rich-link-edit-panel";
+    readonly urlRow: "rich-link-edit-url-row";
+    readonly linkIcon: "rich-link-edit-link-icon";
+    readonly input: "rich-link-edit-input";
+    readonly actions: "rich-link-edit-actions";
+    readonly actionButton: "rich-link-edit-action-btn";
+    readonly actionButtonEnd: "rich-link-edit-action-btn--end";
+    readonly cmdHover: "rich-link-edit-cmd-hover";
+};
+export declare const panel: string;
+export declare const urlRow: string;
+export declare const linkIcon: string;
+export declare const input: string;
+export declare const actions: string;
+export declare const actionButton: string;
+export declare const actionButtonEnd: string;
+export declare const cmdHover: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":""}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;CASrB,CAAA;AAEV,eAAO,MAAM,KAAK,QAOhB,CAAA;AAEF,eAAO,MAAM,MAAM,QAQjB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAGnB,CAAA;AAEF,eAAO,MAAM,KAAK,QAgBhB,CAAA;AAEF,eAAO,MAAM,OAAO,QAIlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAoBvB,CAAA;AAEF,eAAO,MAAM,eAAe,QAE1B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-link-edit",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Link editing plugin",
   "license": "MIT",
   "type": "module",
@@ -16,7 +16,8 @@
     "dist"
   ],
   "dependencies": {
-    "@haklex/rich-editor-ui": "0.0.2"
+    "@haklex/rich-editor-ui": "0.0.4",
+    "@haklex/rich-style-token": "0.0.4"
   },
   "devDependencies": {
     "@lexical/link": "^0.39.0",
@@ -31,8 +32,7 @@
     "react-dom": "19.2.4",
     "typescript": "^5.9.0",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.0",
-    "@haklex/rich-style-token": "0.0.2"
+    "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
     "@lexical/link": "^0.39.0",
@@ -40,8 +40,7 @@
     "lexical": "^0.39.0",
     "lucide-react": "^0.574.0",
     "react": ">=19",
-    "react-dom": ">=19",
-    "@haklex/rich-style-token": "0.0.2"
+    "react-dom": ">=19"
   },
   "publishConfig": {
     "access": "public"