@docs.plus/extension-hyperlink 1.3.12 → 1.5.0

package/src/{dialogBoxs → modals}/previewHyperlink.ts

@@ -1,29 +1,27 @@
 import { Editor } from "@tiptap/core";
-import { EditorView } from "@tiptap/pm/view";
-import { editeHyperlinkHandler } from "./editeHyperlink";
+import { editHyperlinkHandler } from "./editeHyperlink";
 import { Copy, LinkSlash, Pencil } from "./icons";
 import Tooltip from "../helpers/tippyHelper";
 
-type HyperlinkModalOptions = {
+export type THyperlinkPreviewModalOptions = {
   editor: Editor;
   validate?: (url: string) => boolean;
-  view: EditorView;
   link: HTMLAnchorElement;
   node?: any;
   nodePos: number;
   tippy: Tooltip;
 };
 
-export function previewHyperlink(options: HyperlinkModalOptions): HTMLElement {
+export function previewHyperlinkModal(options: THyperlinkPreviewModalOptions): HTMLElement {
   const href = options.link.href;
 
-  const hyperlinkLinkModal = document.createElement("div");
+  const hyperlinkModal = document.createElement("div");
   const removeButton = document.createElement("button");
   const copyButton = document.createElement("button");
   const editButton = document.createElement("button");
 
   const newBubble = document.createElement("div");
-  newBubble.classList.add("metadata");
+  newBubble.classList.add("hyperlink-preview-modal__metadata");
 
   const hrefTitle = document.createElement("a");
   hrefTitle.setAttribute("target", "_blank");
@@ -58,15 +56,15 @@ export function previewHyperlink(options: HyperlinkModalOptions): HTMLElement {
       console.error("Error fetching metadata:", error);
     });
 
-  hyperlinkLinkModal.classList.add("hyperlinkLinkModal");
+  hyperlinkModal.classList.add("hyperlink-preview-modal");
 
-  removeButton.classList.add("remove");
+  removeButton.classList.add("hyperlink-preview-modal__remove-button");
   removeButton.innerHTML = LinkSlash();
 
-  editButton.classList.add("edit");
+  editButton.classList.add("hyperlink-preview-modal__edit-button");
   editButton.innerHTML = Pencil();
 
-  copyButton.classList.add("copy");
+  copyButton.classList.add("hyperlink-preview-modal__copy-button");
   copyButton.innerHTML = Copy();
 
   removeButton.addEventListener("click", () => {
@@ -74,16 +72,14 @@ export function previewHyperlink(options: HyperlinkModalOptions): HTMLElement {
     return options.editor.chain().focus().unsetHyperlink().run();
   });
 
-  editButton.addEventListener("click", () =>
-    editeHyperlinkHandler({ ...options, hyperlinkLinkModal })
-  );
+  editButton.addEventListener("click", () => editHyperlinkHandler({ ...options, hyperlinkModal }));
 
   copyButton.addEventListener("click", () => {
     options.tippy.hide();
     navigator.clipboard.writeText(href);
   });
 
-  hyperlinkLinkModal.append(newBubble, copyButton, editButton, removeButton);
+  hyperlinkModal.append(newBubble, copyButton, editButton, removeButton);
 
-  return hyperlinkLinkModal;
+  return hyperlinkModal;
 }

package/src/{dialogBoxs → modals}/setHyperlink.ts

@@ -1,32 +1,33 @@
 import { Editor } from "@tiptap/core";
-import Tooltip from "../helpers/tippyHelper";
+import Tooltip, { TippyInitOptions } from "../helpers/tippyHelper";
 import { find } from "linkifyjs";
-import { roundArrow } from "tippy.js";
 
-type setHyperlinkModalOptions = {
+export type TSetHyperlinkModalOptions = {
   editor: Editor;
   validate?: (url: string) => boolean;
   extentionName: string;
-  attributes: Record<string, any>;
+  attributes?: { href: string; target?: string | null };
+  Tooltip: new (options: TippyInitOptions) => Tooltip;
+  roundArrow: string;
 };
 
 let tooltip: Tooltip | undefined = undefined;
 
-export function setHyperlink(options: setHyperlinkModalOptions): void {
+export function setHyperlinkModal(options: TSetHyperlinkModalOptions): void {
   // Create the tooltip instance
-  if (!tooltip) tooltip = new Tooltip({ ...options, view: options.editor.view });
+  if (!tooltip) tooltip = new options.Tooltip(options);
 
   // Initialize the tooltip
   let { tippyModal } = tooltip.init();
 
-  const hyperlinkLinkModal = document.createElement("div");
+  const hyperlinkModal = document.createElement("div");
   const buttonsWrapper = document.createElement("div");
   const inputsWrapper = document.createElement("div");
 
-  hyperlinkLinkModal.classList.add("hyperlinkLinkModal");
+  hyperlinkModal.classList.add("hyperlink-set-modal");
 
-  buttonsWrapper.classList.add("buttonsWrapper");
-  inputsWrapper.classList.add("inputsWrapper");
+  buttonsWrapper.classList.add("hyperlink-set-modal__buttons-wrapper");
+  inputsWrapper.classList.add("hyperlink-set-modal__inputs-wrapper");
 
   // create a form that contain url input and a button for submit
   const form = document.createElement("form");
@@ -42,12 +43,12 @@ export function setHyperlink(options: setHyperlinkModalOptions): void {
   buttonsWrapper.append(button);
   form.append(inputsWrapper, buttonsWrapper);
 
-  hyperlinkLinkModal.append(form);
+  hyperlinkModal.append(form);
 
   tippyModal.innerHTML = "";
-  tippyModal.append(hyperlinkLinkModal);
+  tippyModal.append(hyperlinkModal);
   tooltip.update(options.editor.view, {
-    arrow: roundArrow,
+    arrow: options.roundArrow,
   });
 
   // make sure

package/dist/dialogBoxs/setHyperlink.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from "@tiptap/core";
-type setHyperlinkModalOptions = {
-    editor: Editor;
-    validate?: (url: string) => boolean;
-    extentionName: string;
-    attributes: Record<string, any>;
-};
-export declare function setHyperlink(options: setHyperlinkModalOptions): void;
-export {};