@eventuras/scribo 0.8.3 → 0.10.7

package/dist/nodes/schedule/ScheduleTransformer.d.ts

@@ -0,0 +1,22 @@
+import { ElementTransformer } from '@lexical/markdown';
+import { ScheduleItemData } from './ScheduleItemNode';
+export declare function normalizeScheduleItemData(data: {
+    time: string;
+    title: string;
+    speaker?: string;
+    description?: string;
+}): {
+    time: string;
+    title: string;
+    speaker: string | undefined;
+    description: string | undefined;
+};
+export declare function parseScheduleItemMarkdown(markdown: string): {
+    time: string;
+    title: string;
+    speaker: string | undefined;
+    description: string | undefined;
+} | null;
+export declare function formatScheduleItemMarkdown(data: ScheduleItemData): string;
+export declare const SCHEDULE_ITEM_TRANSFORMER: ElementTransformer;
+//# sourceMappingURL=ScheduleTransformer.d.ts.map

package/dist/nodes/schedule/ScheduleTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleTransformer.d.ts","sourceRoot":"","sources":["../../../src/nodes/schedule/ScheduleTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,oBAAoB,CAAC;AAY5B,wBAAgB,yBAAyB,CAAC,IAAI,EAAE;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;;EAOA;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM;;;;;SAczD;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAIzE;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAwBvC,CAAC"}

package/dist/nodes/schedule/ScheduleTransformer.js

@@ -0,0 +1,60 @@
+import { $createScheduleItemNode, $isScheduleItemNode, ScheduleItemNode } from "./ScheduleItemNode.js";
+//#region src/nodes/schedule/ScheduleTransformer.ts
+/**
+* Markdown format: `- **09:00–10:00** Title | Speaker | Description`
+*
+* This matches the format expected by the remarkSchedule plugin in
+* markdown-plugin-happening, so the same markdown renders correctly
+* both in the editor and on the frontend.
+*/
+var SCHEDULE_ITEM_REGEX = /^-\s+\*\*(\d{1,2}[.:]\d{2}(?:\s*[–-]\s*\d{1,2}[.:]\d{2})?)\s*\*\*\s+(.+)$/;
+function normalizeScheduleItemData(data) {
+	return {
+		time: data.time.trim(),
+		title: data.title.trim(),
+		speaker: data.speaker?.trim() || void 0,
+		description: data.description?.trim() || void 0
+	};
+}
+function parseScheduleItemMarkdown(markdown) {
+	const match = markdown.match(SCHEDULE_ITEM_REGEX);
+	if (!match) return null;
+	const time = (match[1] ?? "").replaceAll(".", ":").trim();
+	const parts = (match[2] ?? "").trim().split("|").map((s) => s.trim());
+	return normalizeScheduleItemData({
+		time,
+		title: parts[0] ?? "",
+		speaker: parts[1] || void 0,
+		description: parts[2] || void 0
+	});
+}
+function formatScheduleItemMarkdown(data) {
+	const normalized = normalizeScheduleItemData(data);
+	const parts = [
+		normalized.title,
+		normalized.speaker,
+		normalized.description
+	].filter(Boolean);
+	return `- **${normalized.time}** ${parts.join(" | ")}`;
+}
+var SCHEDULE_ITEM_TRANSFORMER = {
+	type: "element",
+	dependencies: [ScheduleItemNode],
+	regExp: SCHEDULE_ITEM_REGEX,
+	export: (node) => {
+		if (!$isScheduleItemNode(node)) return null;
+		return formatScheduleItemMarkdown(node.getData());
+	},
+	replace: (parentNode, _children, match) => {
+		const parsed = parseScheduleItemMarkdown(match[0] ?? "");
+		const node = $createScheduleItemNode(parsed ?? {
+			time: ((match[1] ?? "").replaceAll(".", ":").trim() || "").trim(),
+			title: ""
+		});
+		parentNode.replace(node);
+	}
+};
+//#endregion
+export { SCHEDULE_ITEM_TRANSFORMER, formatScheduleItemMarkdown, normalizeScheduleItemData, parseScheduleItemMarkdown };
+
+//# sourceMappingURL=ScheduleTransformer.js.map

package/dist/nodes/schedule/ScheduleTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleTransformer.js","names":[],"sources":["../../../src/nodes/schedule/ScheduleTransformer.ts"],"sourcesContent":["import type { ElementTransformer } from '@lexical/markdown';\n\nimport {\n  $createScheduleItemNode,\n  $isScheduleItemNode,\n  type ScheduleItemData,\n  ScheduleItemNode,\n} from './ScheduleItemNode';\n\n/**\n * Markdown format: `- **09:00–10:00** Title | Speaker | Description`\n *\n * This matches the format expected by the remarkSchedule plugin in\n * markdown-plugin-happening, so the same markdown renders correctly\n * both in the editor and on the frontend.\n */\nconst SCHEDULE_ITEM_REGEX =\n  /^-\\s+\\*\\*(\\d{1,2}[.:]\\d{2}(?:\\s*[–-]\\s*\\d{1,2}[.:]\\d{2})?)\\s*\\*\\*\\s+(.+)$/;\n\nexport function normalizeScheduleItemData(data: {\n  time: string;\n  title: string;\n  speaker?: string;\n  description?: string;\n}) {\n  return {\n    time: data.time.trim(),\n    title: data.title.trim(),\n    speaker: data.speaker?.trim() || undefined,\n    description: data.description?.trim() || undefined,\n  };\n}\n\nexport function parseScheduleItemMarkdown(markdown: string) {\n  const match = markdown.match(SCHEDULE_ITEM_REGEX);\n  if (!match) return null;\n\n  const time = (match[1] ?? '').replaceAll('.', ':').trim();\n  const rest = (match[2] ?? '').trim();\n  const parts = rest.split('|').map((s) => s.trim());\n\n  return normalizeScheduleItemData({\n    time,\n    title: parts[0] ?? '',\n    speaker: parts[1] || undefined,\n    description: parts[2] || undefined,\n  });\n}\n\nexport function formatScheduleItemMarkdown(data: ScheduleItemData): string {\n  const normalized = normalizeScheduleItemData(data);\n  const parts = [normalized.title, normalized.speaker, normalized.description].filter(Boolean);\n  return `- **${normalized.time}** ${parts.join(' | ')}`;\n}\n\nexport const SCHEDULE_ITEM_TRANSFORMER: ElementTransformer = {\n  type: 'element',\n  dependencies: [ScheduleItemNode],\n\n  regExp: SCHEDULE_ITEM_REGEX,\n\n  export: (node) => {\n    if (!$isScheduleItemNode(node)) return null;\n\n    return formatScheduleItemMarkdown(node.getData());\n  },\n\n  replace: (parentNode, _children, match) => {\n    const parsed = parseScheduleItemMarkdown(match[0] ?? '');\n\n    const node = $createScheduleItemNode(\n      parsed ?? {\n        time: ((match[1] ?? '').replaceAll('.', ':').trim() || '').trim(),\n        title: '',\n      }\n    );\n\n    parentNode.replace(node);\n  },\n};\n"],"mappings":";;;;;;;;;AAgBA,IAAM,sBACJ;AAEF,SAAgB,0BAA0B,MAKvC;CACD,OAAO;EACL,MAAM,KAAK,KAAK,KAAK;EACrB,OAAO,KAAK,MAAM,KAAK;EACvB,SAAS,KAAK,SAAS,KAAK,KAAK,KAAA;EACjC,aAAa,KAAK,aAAa,KAAK,KAAK,KAAA;CAC3C;AACF;AAEA,SAAgB,0BAA0B,UAAkB;CAC1D,MAAM,QAAQ,SAAS,MAAM,mBAAmB;CAChD,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,QAAQ,MAAM,MAAM,GAAA,CAAI,WAAW,KAAK,GAAG,CAAC,CAAC,KAAK;CAExD,MAAM,SADQ,MAAM,MAAM,GAAA,CAAI,KAChB,CAAA,CAAK,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK,CAAC;CAEjD,OAAO,0BAA0B;EAC/B;EACA,OAAO,MAAM,MAAM;EACnB,SAAS,MAAM,MAAM,KAAA;EACrB,aAAa,MAAM,MAAM,KAAA;CAC3B,CAAC;AACH;AAEA,SAAgB,2BAA2B,MAAgC;CACzE,MAAM,aAAa,0BAA0B,IAAI;CACjD,MAAM,QAAQ;EAAC,WAAW;EAAO,WAAW;EAAS,WAAW;CAAW,CAAC,CAAC,OAAO,OAAO;CAC3F,OAAO,OAAO,WAAW,KAAK,KAAK,MAAM,KAAK,KAAK;AACrD;AAEA,IAAa,4BAAgD;CAC3D,MAAM;CACN,cAAc,CAAC,gBAAgB;CAE/B,QAAQ;CAER,SAAS,SAAS;EAChB,IAAI,CAAC,oBAAoB,IAAI,GAAG,OAAO;EAEvC,OAAO,2BAA2B,KAAK,QAAQ,CAAC;CAClD;CAEA,UAAU,YAAY,WAAW,UAAU;EACzC,MAAM,SAAS,0BAA0B,MAAM,MAAM,EAAE;EAEvD,MAAM,OAAO,wBACX,UAAU;GACR,QAAQ,MAAM,MAAM,GAAA,CAAI,WAAW,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,GAAA,CAAI,KAAK;GAChE,OAAO;EACT,CACF;EAEA,WAAW,QAAQ,IAAI;CACzB;AACF"}

package/dist/nodes/schedule/index.d.ts

@@ -0,0 +1,5 @@
+export type { ScheduleItemData, SerializedScheduleItemNode } from './ScheduleItemNode';
+export { $createScheduleItemNode, $isScheduleItemNode, ScheduleItemNode } from './ScheduleItemNode';
+export { SCHEDULE_ITEM_TRANSFORMER } from './ScheduleTransformer';
+export { schedulePlugin } from './schedulePlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/nodes/schedule/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nodes/schedule/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/nodes/schedule/schedulePlugin.d.ts

@@ -0,0 +1,3 @@
+import { ScriboPlugin } from '../../types';
+export declare const schedulePlugin: ScriboPlugin;
+//# sourceMappingURL=schedulePlugin.d.ts.map

package/dist/nodes/schedule/schedulePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedulePlugin.d.ts","sourceRoot":"","sources":["../../../src/nodes/schedule/schedulePlugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,eAAO,MAAM,cAAc,EAAE,YAyB5B,CAAC"}

package/dist/nodes/schedule/schedulePlugin.js

@@ -0,0 +1,33 @@
+import { $createScheduleItemNode, ScheduleItemNode } from "./ScheduleItemNode.js";
+import { SCHEDULE_ITEM_TRANSFORMER } from "./ScheduleTransformer.js";
+import { $getSelection, $isRangeSelection } from "lexical";
+import { $findMatchingParent } from "@lexical/utils";
+//#region src/nodes/schedule/schedulePlugin.ts
+var schedulePlugin = {
+	name: "schedule",
+	nodes: [ScheduleItemNode],
+	transformers: [SCHEDULE_ITEM_TRANSFORMER],
+	toolbarButtons: [{
+		key: "schedule-item",
+		label: "Schedule Item",
+		iconClass: "schedule",
+		onSelect: (editor) => {
+			editor.update(() => {
+				const selection = $getSelection();
+				if (!$isRangeSelection(selection)) return;
+				const anchor = selection.anchor.getNode();
+				const topLevel = $findMatchingParent(anchor, (n) => n.getParent()?.getType() === "root") ?? anchor;
+				const node = $createScheduleItemNode({
+					time: "",
+					title: ""
+				});
+				topLevel.insertAfter(node);
+				node.selectEnd();
+			});
+		}
+	}]
+};
+//#endregion
+export { schedulePlugin };
+
+//# sourceMappingURL=schedulePlugin.js.map

package/dist/nodes/schedule/schedulePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedulePlugin.js","names":[],"sources":["../../../src/nodes/schedule/schedulePlugin.ts"],"sourcesContent":["import { $findMatchingParent } from '@lexical/utils';\nimport { $getSelection, $isRangeSelection } from 'lexical';\n\nimport type { ScriboPlugin } from '../../types';\nimport { $createScheduleItemNode, ScheduleItemNode } from './ScheduleItemNode';\nimport { SCHEDULE_ITEM_TRANSFORMER } from './ScheduleTransformer';\n\nexport const schedulePlugin: ScriboPlugin = {\n  name: 'schedule',\n  nodes: [ScheduleItemNode],\n  transformers: [SCHEDULE_ITEM_TRANSFORMER],\n  toolbarButtons: [\n    {\n      key: 'schedule-item',\n      label: 'Schedule Item',\n      iconClass: 'schedule',\n      onSelect: (editor) => {\n        editor.update(() => {\n          const selection = $getSelection();\n          if (!$isRangeSelection(selection)) return;\n\n          const anchor = selection.anchor.getNode();\n          const topLevel =\n            $findMatchingParent(anchor, (n) => n.getParent()?.getType() === 'root') ?? anchor;\n\n          const node = $createScheduleItemNode({ time: '', title: '' });\n          topLevel.insertAfter(node);\n          node.selectEnd();\n        });\n      },\n    },\n  ],\n};\n"],"mappings":";;;;;AAOA,IAAa,iBAA+B;CAC1C,MAAM;CACN,OAAO,CAAC,gBAAgB;CACxB,cAAc,CAAC,yBAAyB;CACxC,gBAAgB,CACd;EACE,KAAK;EACL,OAAO;EACP,WAAW;EACX,WAAW,WAAW;GACpB,OAAO,aAAa;IAClB,MAAM,YAAY,cAAc;IAChC,IAAI,CAAC,kBAAkB,SAAS,GAAG;IAEnC,MAAM,SAAS,UAAU,OAAO,QAAQ;IACxC,MAAM,WACJ,oBAAoB,SAAS,MAAM,EAAE,UAAU,CAAC,EAAE,QAAQ,MAAM,MAAM,KAAK;IAE7E,MAAM,OAAO,wBAAwB;KAAE,MAAM;KAAI,OAAO;IAAG,CAAC;IAC5D,SAAS,YAAY,IAAI;IACzB,KAAK,UAAU;GACjB,CAAC;EACH;CACF,CACF;AACF"}

package/dist/plugins/AutoLinkPlugin.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export default function LexicalAutoLinkPlugin(): JSX.Element;
+//# sourceMappingURL=AutoLinkPlugin.d.ts.map

package/dist/plugins/AutoLinkPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLinkPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAiBjC,MAAM,CAAC,OAAO,UAAU,qBAAqB,IAAI,GAAG,CAAC,OAAO,CAE3D"}

package/dist/plugins/AutoLinkPlugin.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { AutoLinkPlugin, createLinkMatcherWithRegExp } from "@lexical/react/LexicalAutoLinkPlugin";
+//#region src/plugins/AutoLinkPlugin.tsx
+/**
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*
+*/
+var MATCHERS = [createLinkMatcherWithRegExp(/((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)(?<![-.+():%])/, (text) => {
+	return text.startsWith("http") ? text : `https://${text}`;
+}), createLinkMatcherWithRegExp(/(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\])|(([a-zA-Z\-\d]+\.)+[a-zA-Z]{2,}))/, (text) => {
+	return `mailto:${text}`;
+})];
+function LexicalAutoLinkPlugin() {
+	return /* @__PURE__ */ jsx(AutoLinkPlugin, { matchers: MATCHERS });
+}
+//#endregion
+export { LexicalAutoLinkPlugin as default };
+
+//# sourceMappingURL=AutoLinkPlugin.js.map

package/dist/plugins/AutoLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLinkPlugin.js","names":[],"sources":["../../src/plugins/AutoLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { AutoLinkPlugin, createLinkMatcherWithRegExp } from '@lexical/react/LexicalAutoLinkPlugin';\nimport type { JSX } from 'react';\n\nconst URL_REGEX =\n  /((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)(?<![-.+():%])/;\n\nconst EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\])|(([a-zA-Z\\-\\d]+\\.)+[a-zA-Z]{2,}))/;\n\nconst MATCHERS = [\n  createLinkMatcherWithRegExp(URL_REGEX, (text) => {\n    return text.startsWith('http') ? text : `https://${text}`;\n  }),\n  createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {\n    return `mailto:${text}`;\n  }),\n];\n\nexport default function LexicalAutoLinkPlugin(): JSX.Element {\n  return <AutoLinkPlugin matchers={MATCHERS} />;\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAM,WAAW,CACf,4BAA4B,iIAAY,SAAS;CAC/C,OAAO,KAAK,WAAW,MAAM,IAAI,OAAO,WAAW;AACrD,CAAC,GACD,4BAA4B,2IAAc,SAAS;CACjD,OAAO,UAAU;AACnB,CAAC,CACH;AAEA,SAAwB,wBAAqC;CAC3D,OAAO,oBAAC,gBAAD,EAAgB,UAAU,SAAW,CAAA;AAC9C"}

package/dist/plugins/FloatingLinkEditorPlugin.d.ts

@@ -0,0 +1,7 @@
+import { JSX, Dispatch } from 'react';
+export default function FloatingLinkEditorPlugin({ anchorElem, isLinkEditMode, setIsLinkEditMode, }: {
+    anchorElem?: HTMLElement;
+    isLinkEditMode: boolean;
+    setIsLinkEditMode: Dispatch<boolean>;
+}): JSX.Element | null;
+//# sourceMappingURL=FloatingLinkEditorPlugin.d.ts.map

package/dist/plugins/FloatingLinkEditorPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLinkEditorPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/FloatingLinkEditorPlugin.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,gCAAgC,CAAC;AAqBxC,OAAO,EAAE,KAAK,QAAQ,EAA4C,MAAM,OAAO,CAAC;AA6YhF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,UAAU,EACV,cAAc,EACd,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CACtC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBrB"}

package/dist/plugins/FloatingLinkEditorPlugin2.js

@@ -0,0 +1,302 @@
+/* empty css                         */
+import { getSelectedNode } from "../utils/getSelectedNode.js";
+import { setFloatingElemPositionForLinkEditor } from "../utils/setFloatingElemPositionForLinkEditor.js";
+import { sanitizeUrl } from "../utils/url.js";
+import { $getSelection, $isLineBreakNode, $isNodeSelection, $isRangeSelection, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, getDOMSelection } from "lexical";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { $createLinkNode, $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $findMatchingParent, mergeRegister } from "@lexical/utils";
+import { createPortal } from "react-dom";
+//#region src/plugins/FloatingLinkEditorPlugin.tsx
+function preventDefault(event) {
+	event.preventDefault();
+}
+function FloatingLinkEditor({ editor, isLink, setIsLink, anchorElem, isLinkEditMode, setIsLinkEditMode }) {
+	const editorRef = useRef(null);
+	const inputRef = useRef(null);
+	const [linkUrl, setLinkUrl] = useState("");
+	const [editedLinkUrl, setEditedLinkUrl] = useState("https://");
+	const [lastSelection, setLastSelection] = useState(null);
+	const $updateLinkEditor = useCallback(() => {
+		const selection = $getSelection();
+		if ($isRangeSelection(selection)) {
+			const node = getSelectedNode(selection);
+			const linkParent = $findMatchingParent(node, $isLinkNode);
+			if (linkParent) setLinkUrl(linkParent.getURL());
+			else if ($isLinkNode(node)) setLinkUrl(node.getURL());
+			else setLinkUrl("");
+			if (isLinkEditMode) setEditedLinkUrl(linkUrl);
+		} else if ($isNodeSelection(selection)) {
+			const nodes = selection.getNodes();
+			if (nodes.length > 0) {
+				const node = nodes[0];
+				const parent = node.getParent();
+				if ($isLinkNode(parent)) setLinkUrl(parent.getURL());
+				else if ($isLinkNode(node)) setLinkUrl(node.getURL());
+				else setLinkUrl("");
+				if (isLinkEditMode) setEditedLinkUrl(linkUrl);
+			}
+		}
+		const editorElem = editorRef.current;
+		const nativeSelection = getDOMSelection(editor._window);
+		const activeElement = document.activeElement;
+		if (editorElem === null) return;
+		const rootElement = editor.getRootElement();
+		if (selection !== null && rootElement !== null && editor.isEditable()) {
+			let domRect;
+			if ($isNodeSelection(selection)) {
+				const nodes = selection.getNodes();
+				if (nodes.length > 0) {
+					const element = editor.getElementByKey(nodes[0].getKey());
+					if (element) domRect = element.getBoundingClientRect();
+				}
+			} else if (nativeSelection !== null && rootElement.contains(nativeSelection.anchorNode)) domRect = nativeSelection.focusNode?.parentElement?.getBoundingClientRect();
+			if (domRect) {
+				domRect.y += 40;
+				setFloatingElemPositionForLinkEditor(domRect, editorElem, anchorElem);
+			}
+			setLastSelection(selection);
+		} else if (activeElement?.className !== "link-input") {
+			if (rootElement !== null) setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);
+			setLastSelection(null);
+			setIsLinkEditMode(false);
+			setLinkUrl("");
+		}
+		return true;
+	}, [
+		anchorElem,
+		editor,
+		setIsLinkEditMode,
+		isLinkEditMode,
+		linkUrl
+	]);
+	useEffect(() => {
+		const scrollerElem = anchorElem.parentElement;
+		const update = () => {
+			editor.getEditorState().read(() => {
+				$updateLinkEditor();
+			});
+		};
+		window.addEventListener("resize", update);
+		if (scrollerElem) scrollerElem.addEventListener("scroll", update);
+		return () => {
+			window.removeEventListener("resize", update);
+			if (scrollerElem) scrollerElem.removeEventListener("scroll", update);
+		};
+	}, [
+		anchorElem.parentElement,
+		editor,
+		$updateLinkEditor
+	]);
+	useEffect(() => {
+		return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+			editorState.read(() => {
+				$updateLinkEditor();
+			});
+		}), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+			$updateLinkEditor();
+			return true;
+		}, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+			if (isLink) {
+				setIsLink(false);
+				return true;
+			}
+			return false;
+		}, COMMAND_PRIORITY_HIGH));
+	}, [
+		editor,
+		$updateLinkEditor,
+		setIsLink,
+		isLink
+	]);
+	useEffect(() => {
+		editor.getEditorState().read(() => {
+			$updateLinkEditor();
+		});
+	}, [editor, $updateLinkEditor]);
+	useEffect(() => {
+		if (isLinkEditMode && inputRef.current) inputRef.current.focus();
+	}, [isLinkEditMode, isLink]);
+	useEffect(() => {
+		const editorElement = editorRef.current;
+		if (editorElement === null) return;
+		const handleBlur = (event) => {
+			if (!editorElement.contains(event.relatedTarget) && isLink) {
+				setIsLink(false);
+				setIsLinkEditMode(false);
+			}
+		};
+		editorElement.addEventListener("focusout", handleBlur);
+		return () => {
+			editorElement.removeEventListener("focusout", handleBlur);
+		};
+	}, [
+		editorRef,
+		setIsLink,
+		setIsLinkEditMode,
+		isLink
+	]);
+	const monitorInputInteraction = (event) => {
+		if (event.key === "Enter") handleLinkSubmission(event);
+		else if (event.key === "Escape") {
+			event.preventDefault();
+			setIsLinkEditMode(false);
+		}
+	};
+	const handleLinkSubmission = (event) => {
+		event.preventDefault();
+		if (lastSelection !== null) {
+			if (linkUrl !== "") editor.update(() => {
+				editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(editedLinkUrl));
+				const selection = $getSelection();
+				if ($isRangeSelection(selection)) {
+					const parent = getSelectedNode(selection).getParent();
+					if ($isAutoLinkNode(parent)) {
+						const linkNode = $createLinkNode(parent.getURL(), {
+							rel: parent.__rel,
+							target: parent.__target,
+							title: parent.__title
+						});
+						parent.replace(linkNode, true);
+					}
+				}
+			});
+			setEditedLinkUrl("https://");
+			setIsLinkEditMode(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: editorRef,
+		className: "link-editor",
+		children: [isLink && isLinkEditMode && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			className: "link-input",
+			value: editedLinkUrl,
+			onChange: (event) => {
+				setEditedLinkUrl(event.target.value);
+			},
+			onKeyDown: (event) => {
+				monitorInputInteraction(event);
+			}
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+			className: "link-cancel",
+			role: "button",
+			tabIndex: 0,
+			onMouseDown: preventDefault,
+			onClick: () => {
+				setIsLinkEditMode(false);
+			}
+		}), /* @__PURE__ */ jsx("div", {
+			className: "link-confirm",
+			role: "button",
+			tabIndex: 0,
+			onMouseDown: preventDefault,
+			onClick: handleLinkSubmission
+		})] })] }), isLink && !isLinkEditMode && /* @__PURE__ */ jsxs("div", {
+			className: "link-view",
+			children: [
+				/* @__PURE__ */ jsx("a", {
+					href: sanitizeUrl(linkUrl),
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: linkUrl
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "link-edit",
+					role: "button",
+					tabIndex: 0,
+					onMouseDown: preventDefault,
+					onClick: (event) => {
+						event.preventDefault();
+						setEditedLinkUrl(linkUrl);
+						setIsLinkEditMode(true);
+					}
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "link-trash",
+					role: "button",
+					tabIndex: 0,
+					onMouseDown: preventDefault,
+					onClick: () => {
+						editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+					}
+				})
+			]
+		})]
+	});
+}
+function useFloatingLinkEditorToolbar(editor, anchorElem, isLinkEditMode, setIsLinkEditMode) {
+	const [activeEditor, setActiveEditor] = useState(editor);
+	const [isLink, setIsLink] = useState(false);
+	useEffect(() => {
+		function $updateToolbar() {
+			const selection = $getSelection();
+			if ($isRangeSelection(selection)) {
+				const focusNode = getSelectedNode(selection);
+				const focusLinkNode = $findMatchingParent(focusNode, $isLinkNode);
+				const focusAutoLinkNode = $findMatchingParent(focusNode, $isAutoLinkNode);
+				if (!(focusLinkNode || focusAutoLinkNode)) {
+					setIsLink(false);
+					return;
+				}
+				if (!selection.getNodes().filter((node) => !$isLineBreakNode(node)).find((node) => {
+					const linkNode = $findMatchingParent(node, $isLinkNode);
+					const autoLinkNode = $findMatchingParent(node, $isAutoLinkNode);
+					return focusLinkNode && !focusLinkNode.is(linkNode) || linkNode && !linkNode.is(focusLinkNode) || focusAutoLinkNode && !focusAutoLinkNode.is(autoLinkNode) || autoLinkNode && (!autoLinkNode.is(focusAutoLinkNode) || autoLinkNode.getIsUnlinked());
+				})) setIsLink(true);
+				else setIsLink(false);
+			} else if ($isNodeSelection(selection)) {
+				const nodes = selection.getNodes();
+				if (nodes.length === 0) {
+					setIsLink(false);
+					return;
+				}
+				const node = nodes[0];
+				const parent = node.getParent();
+				if ($isLinkNode(parent) || $isLinkNode(node)) setIsLink(true);
+				else setIsLink(false);
+			}
+		}
+		return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+			editorState.read(() => {
+				$updateToolbar();
+			});
+		}), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_payload, newEditor) => {
+			$updateToolbar();
+			setActiveEditor(newEditor);
+			return false;
+		}, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(CLICK_COMMAND, (payload) => {
+			const selection = $getSelection();
+			if ($isRangeSelection(selection)) {
+				const node = getSelectedNode(selection);
+				const linkNode = $findMatchingParent(node, $isLinkNode);
+				if ($isLinkNode(linkNode) && (payload.metaKey || payload.ctrlKey)) {
+					window.open(linkNode.getURL(), "_blank");
+					return true;
+				}
+			}
+			return false;
+		}, COMMAND_PRIORITY_LOW));
+	}, [editor]);
+	return createPortal(/* @__PURE__ */ jsx(FloatingLinkEditor, {
+		editor: activeEditor,
+		isLink,
+		anchorElem,
+		setIsLink,
+		isLinkEditMode,
+		setIsLinkEditMode
+	}), anchorElem);
+}
+function FloatingLinkEditorPlugin({ anchorElem, isLinkEditMode, setIsLinkEditMode }) {
+	const [editor] = useLexicalComposerContext();
+	const defaultAnchorElem = typeof document !== "undefined" ? document.body : null;
+	const effectiveAnchorElem = anchorElem ?? defaultAnchorElem;
+	if (!effectiveAnchorElem) return null;
+	return useFloatingLinkEditorToolbar(editor, effectiveAnchorElem, isLinkEditMode, setIsLinkEditMode);
+}
+//#endregion
+export { FloatingLinkEditorPlugin as default };
+
+//# sourceMappingURL=FloatingLinkEditorPlugin2.js.map

package/dist/plugins/FloatingLinkEditorPlugin2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLinkEditorPlugin2.js","names":[],"sources":["../../src/plugins/FloatingLinkEditorPlugin.tsx"],"sourcesContent":["// @ts-nocheck\n// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx\n/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport type { JSX } from 'react';\n\nimport './FloatingLinkEditorPlugin.css';\n\nimport { $createLinkNode, $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils';\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  type BaseSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  getDOMSelection,\n  KEY_ESCAPE_COMMAND,\n  type LexicalEditor,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\nimport type * as React from 'react';\nimport { type Dispatch, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { getSelectedNode } from '../utils/getSelectedNode';\nimport { setFloatingElemPositionForLinkEditor } from '../utils/setFloatingElemPositionForLinkEditor';\nimport { sanitizeUrl } from '../utils/url';\n\nfunction preventDefault(\n  event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>\n): void {\n  event.preventDefault();\n}\n\nfunction FloatingLinkEditor({\n  editor,\n  isLink,\n  setIsLink,\n  anchorElem,\n  isLinkEditMode,\n  setIsLinkEditMode,\n}: Readonly<{\n  editor: LexicalEditor;\n  isLink: boolean;\n  setIsLink: Dispatch<boolean>;\n  anchorElem: HTMLElement;\n  isLinkEditMode: boolean;\n  setIsLinkEditMode: Dispatch<boolean>;\n}>): JSX.Element {\n  const editorRef = useRef<HTMLDivElement | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [linkUrl, setLinkUrl] = useState('');\n  const [editedLinkUrl, setEditedLinkUrl] = useState('https://');\n  const [lastSelection, setLastSelection] = useState<BaseSelection | null>(null);\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const node = getSelectedNode(selection);\n      const linkParent = $findMatchingParent(node, $isLinkNode);\n\n      if (linkParent) {\n        setLinkUrl(linkParent.getURL());\n      } else if ($isLinkNode(node)) {\n        setLinkUrl(node.getURL());\n      } else {\n        setLinkUrl('');\n      }\n      if (isLinkEditMode) {\n        setEditedLinkUrl(linkUrl);\n      }\n    } else if ($isNodeSelection(selection)) {\n      const nodes = selection.getNodes();\n      if (nodes.length > 0) {\n        const node = nodes[0];\n        const parent = node.getParent();\n        if ($isLinkNode(parent)) {\n          setLinkUrl(parent.getURL());\n        } else if ($isLinkNode(node)) {\n          setLinkUrl(node.getURL());\n        } else {\n          setLinkUrl('');\n        }\n        if (isLinkEditMode) {\n          setEditedLinkUrl(linkUrl);\n        }\n      }\n    }\n\n    const editorElem = editorRef.current;\n    const nativeSelection = getDOMSelection(editor._window);\n    const activeElement = document.activeElement;\n\n    if (editorElem === null) {\n      return;\n    }\n\n    const rootElement = editor.getRootElement();\n\n    if (selection !== null && rootElement !== null && editor.isEditable()) {\n      let domRect: DOMRect | undefined;\n\n      if ($isNodeSelection(selection)) {\n        const nodes = selection.getNodes();\n        if (nodes.length > 0) {\n          const element = editor.getElementByKey(nodes[0].getKey());\n          if (element) {\n            domRect = element.getBoundingClientRect();\n          }\n        }\n      } else if (nativeSelection !== null && rootElement.contains(nativeSelection.anchorNode)) {\n        domRect = nativeSelection.focusNode?.parentElement?.getBoundingClientRect();\n      }\n\n      if (domRect) {\n        domRect.y += 40;\n        setFloatingElemPositionForLinkEditor(domRect, editorElem, anchorElem);\n      }\n      setLastSelection(selection);\n    } else if (activeElement?.className !== 'link-input') {\n      if (rootElement !== null) {\n        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);\n      }\n      setLastSelection(null);\n      setIsLinkEditMode(false);\n      setLinkUrl('');\n    }\n\n    return true;\n  }, [anchorElem, editor, setIsLinkEditMode, isLinkEditMode, linkUrl]);\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement;\n\n    const update = () => {\n      editor.getEditorState().read(() => {\n        $updateLinkEditor();\n      });\n    };\n\n    window.addEventListener('resize', update);\n\n    if (scrollerElem) {\n      scrollerElem.addEventListener('scroll', update);\n    }\n\n    return () => {\n      window.removeEventListener('resize', update);\n\n      if (scrollerElem) {\n        scrollerElem.removeEventListener('scroll', update);\n      }\n    };\n  }, [anchorElem.parentElement, editor, $updateLinkEditor]);\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          $updateLinkEditor();\n        });\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          $updateLinkEditor();\n          return true;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isLink) {\n            setIsLink(false);\n            return true;\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_HIGH\n      )\n    );\n  }, [editor, $updateLinkEditor, setIsLink, isLink]);\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      $updateLinkEditor();\n    });\n  }, [editor, $updateLinkEditor]);\n\n  useEffect(() => {\n    if (isLinkEditMode && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [isLinkEditMode, isLink]);\n\n  useEffect(() => {\n    const editorElement = editorRef.current;\n    if (editorElement === null) {\n      return;\n    }\n    const handleBlur = (event: FocusEvent) => {\n      if (!editorElement.contains(event.relatedTarget as Element) && isLink) {\n        setIsLink(false);\n        setIsLinkEditMode(false);\n      }\n    };\n    editorElement.addEventListener('focusout', handleBlur);\n    return () => {\n      editorElement.removeEventListener('focusout', handleBlur);\n    };\n  }, [editorRef, setIsLink, setIsLinkEditMode, isLink]);\n\n  const monitorInputInteraction = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      handleLinkSubmission(event);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      setIsLinkEditMode(false);\n    }\n  };\n\n  const handleLinkSubmission = (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>\n  ) => {\n    event.preventDefault();\n    if (lastSelection !== null) {\n      if (linkUrl !== '') {\n        editor.update(() => {\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(editedLinkUrl));\n          const selection = $getSelection();\n          if ($isRangeSelection(selection)) {\n            const parent = getSelectedNode(selection).getParent();\n            if ($isAutoLinkNode(parent)) {\n              const linkNode = $createLinkNode(parent.getURL(), {\n                rel: parent.__rel,\n                target: parent.__target,\n                title: parent.__title,\n              });\n              parent.replace(linkNode, true);\n            }\n          }\n        });\n      }\n      setEditedLinkUrl('https://');\n      setIsLinkEditMode(false);\n    }\n  };\n\n  return (\n    <div ref={editorRef} className=\"link-editor\">\n      {isLink && isLinkEditMode && (\n        <>\n          <input\n            ref={inputRef}\n            className=\"link-input\"\n            value={editedLinkUrl}\n            onChange={(event) => {\n              setEditedLinkUrl(event.target.value);\n            }}\n            onKeyDown={(event) => {\n              monitorInputInteraction(event);\n            }}\n          />\n          <div>\n            <div\n              className=\"link-cancel\"\n              role=\"button\"\n              tabIndex={0}\n              onMouseDown={preventDefault}\n              onClick={() => {\n                setIsLinkEditMode(false);\n              }}\n            />\n\n            <div\n              className=\"link-confirm\"\n              role=\"button\"\n              tabIndex={0}\n              onMouseDown={preventDefault}\n              onClick={handleLinkSubmission}\n            />\n          </div>\n        </>\n      )}\n      {isLink && !isLinkEditMode && (\n        <div className=\"link-view\">\n          <a href={sanitizeUrl(linkUrl)} target=\"_blank\" rel=\"noopener noreferrer\">\n            {linkUrl}\n          </a>\n          <div\n            className=\"link-edit\"\n            role=\"button\"\n            tabIndex={0}\n            onMouseDown={preventDefault}\n            onClick={(event) => {\n              event.preventDefault();\n              setEditedLinkUrl(linkUrl);\n              setIsLinkEditMode(true);\n            }}\n          />\n          <div\n            className=\"link-trash\"\n            role=\"button\"\n            tabIndex={0}\n            onMouseDown={preventDefault}\n            onClick={() => {\n              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n            }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction useFloatingLinkEditorToolbar(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isLinkEditMode: boolean,\n  setIsLinkEditMode: Dispatch<boolean>\n): JSX.Element | null {\n  const [activeEditor, setActiveEditor] = useState(editor);\n  const [isLink, setIsLink] = useState(false);\n\n  useEffect(() => {\n    function $updateToolbar() {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const focusNode = getSelectedNode(selection);\n        const focusLinkNode = $findMatchingParent(focusNode, $isLinkNode);\n        const focusAutoLinkNode = $findMatchingParent(focusNode, $isAutoLinkNode);\n        if (!(focusLinkNode || focusAutoLinkNode)) {\n          setIsLink(false);\n          return;\n        }\n        const badNode = selection\n          .getNodes()\n          .filter((node) => !$isLineBreakNode(node))\n          .find((node) => {\n            const linkNode = $findMatchingParent(node, $isLinkNode);\n            const autoLinkNode = $findMatchingParent(node, $isAutoLinkNode);\n            return (\n              (focusLinkNode && !focusLinkNode.is(linkNode)) ||\n              (linkNode && !linkNode.is(focusLinkNode)) ||\n              (focusAutoLinkNode && !focusAutoLinkNode.is(autoLinkNode)) ||\n              (autoLinkNode &&\n                (!autoLinkNode.is(focusAutoLinkNode) || autoLinkNode.getIsUnlinked()))\n            );\n          });\n        if (!badNode) {\n          setIsLink(true);\n        } else {\n          setIsLink(false);\n        }\n      } else if ($isNodeSelection(selection)) {\n        const nodes = selection.getNodes();\n        if (nodes.length === 0) {\n          setIsLink(false);\n          return;\n        }\n        const node = nodes[0];\n        const parent = node.getParent();\n        if ($isLinkNode(parent) || $isLinkNode(node)) {\n          setIsLink(true);\n        } else {\n          setIsLink(false);\n        }\n      }\n    }\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          $updateToolbar();\n        });\n      }),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        (_payload, newEditor) => {\n          $updateToolbar();\n          setActiveEditor(newEditor);\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL\n      ),\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (payload) => {\n          const selection = $getSelection();\n          if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const linkNode = $findMatchingParent(node, $isLinkNode);\n            if ($isLinkNode(linkNode) && (payload.metaKey || payload.ctrlKey)) {\n              window.open(linkNode.getURL(), '_blank');\n              return true;\n            }\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_LOW\n      )\n    );\n  }, [editor]);\n\n  return createPortal(\n    <FloatingLinkEditor\n      editor={activeEditor}\n      isLink={isLink}\n      anchorElem={anchorElem}\n      setIsLink={setIsLink}\n      isLinkEditMode={isLinkEditMode}\n      setIsLinkEditMode={setIsLinkEditMode}\n    />,\n    anchorElem\n  );\n}\n\nexport default function FloatingLinkEditorPlugin({\n  anchorElem,\n  isLinkEditMode,\n  setIsLinkEditMode,\n}: {\n  anchorElem?: HTMLElement;\n  isLinkEditMode: boolean;\n  setIsLinkEditMode: Dispatch<boolean>;\n}): JSX.Element | null {\n  const [editor] = useLexicalComposerContext();\n\n  // Use document.body as default, but only in browser environment\n  const defaultAnchorElem = typeof document !== 'undefined' ? document.body : null;\n  const effectiveAnchorElem = anchorElem ?? defaultAnchorElem;\n\n  // Don't render if we don't have a valid anchor element\n  if (!effectiveAnchorElem) {\n    return null;\n  }\n\n  return useFloatingLinkEditorToolbar(\n    editor,\n    effectiveAnchorElem,\n    isLinkEditMode,\n    setIsLinkEditMode\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAuCA,SAAS,eACP,OACM;CACN,MAAM,eAAe;AACvB;AAEA,SAAS,mBAAmB,EAC1B,QACA,QACA,WACA,YACA,gBACA,qBAQe;CACf,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,CAAC,SAAS,cAAc,SAAS,EAAE;CACzC,MAAM,CAAC,eAAe,oBAAoB,SAAS,UAAU;CAC7D,MAAM,CAAC,eAAe,oBAAoB,SAA+B,IAAI;CAE7E,MAAM,oBAAoB,kBAAkB;EAC1C,MAAM,YAAY,cAAc;EAChC,IAAI,kBAAkB,SAAS,GAAG;GAChC,MAAM,OAAO,gBAAgB,SAAS;GACtC,MAAM,aAAa,oBAAoB,MAAM,WAAW;GAExD,IAAI,YACF,WAAW,WAAW,OAAO,CAAC;QACzB,IAAI,YAAY,IAAI,GACzB,WAAW,KAAK,OAAO,CAAC;QAExB,WAAW,EAAE;GAEf,IAAI,gBACF,iBAAiB,OAAO;EAE5B,OAAO,IAAI,iBAAiB,SAAS,GAAG;GACtC,MAAM,QAAQ,UAAU,SAAS;GACjC,IAAI,MAAM,SAAS,GAAG;IACpB,MAAM,OAAO,MAAM;IACnB,MAAM,SAAS,KAAK,UAAU;IAC9B,IAAI,YAAY,MAAM,GACpB,WAAW,OAAO,OAAO,CAAC;SACrB,IAAI,YAAY,IAAI,GACzB,WAAW,KAAK,OAAO,CAAC;SAExB,WAAW,EAAE;IAEf,IAAI,gBACF,iBAAiB,OAAO;GAE5B;EACF;EAEA,MAAM,aAAa,UAAU;EAC7B,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;EACtD,MAAM,gBAAgB,SAAS;EAE/B,IAAI,eAAe,MACjB;EAGF,MAAM,cAAc,OAAO,eAAe;EAE1C,IAAI,cAAc,QAAQ,gBAAgB,QAAQ,OAAO,WAAW,GAAG;GACrE,IAAI;GAEJ,IAAI,iBAAiB,SAAS,GAAG;IAC/B,MAAM,QAAQ,UAAU,SAAS;IACjC,IAAI,MAAM,SAAS,GAAG;KACpB,MAAM,UAAU,OAAO,gBAAgB,MAAM,EAAE,CAAC,OAAO,CAAC;KACxD,IAAI,SACF,UAAU,QAAQ,sBAAsB;IAE5C;GACF,OAAO,IAAI,oBAAoB,QAAQ,YAAY,SAAS,gBAAgB,UAAU,GACpF,UAAU,gBAAgB,WAAW,eAAe,sBAAsB;GAG5E,IAAI,SAAS;IACX,QAAQ,KAAK;IACb,qCAAqC,SAAS,YAAY,UAAU;GACtE;GACA,iBAAiB,SAAS;EAC5B,OAAO,IAAI,eAAe,cAAc,cAAc;GACpD,IAAI,gBAAgB,MAClB,qCAAqC,MAAM,YAAY,UAAU;GAEnE,iBAAiB,IAAI;GACrB,kBAAkB,KAAK;GACvB,WAAW,EAAE;EACf;EAEA,OAAO;CACT,GAAG;EAAC;EAAY;EAAQ;EAAmB;EAAgB;CAAO,CAAC;CAEnE,gBAAgB;EACd,MAAM,eAAe,WAAW;EAEhC,MAAM,eAAe;GACnB,OAAO,eAAe,CAAC,CAAC,WAAW;IACjC,kBAAkB;GACpB,CAAC;EACH;EAEA,OAAO,iBAAiB,UAAU,MAAM;EAExC,IAAI,cACF,aAAa,iBAAiB,UAAU,MAAM;EAGhD,aAAa;GACX,OAAO,oBAAoB,UAAU,MAAM;GAE3C,IAAI,cACF,aAAa,oBAAoB,UAAU,MAAM;EAErD;CACF,GAAG;EAAC,WAAW;EAAe;EAAQ;CAAiB,CAAC;CAExD,gBAAgB;EACd,OAAO,cACL,OAAO,wBAAwB,EAAE,kBAAkB;GACjD,YAAY,WAAW;IACrB,kBAAkB;GACpB,CAAC;EACH,CAAC,GAED,OAAO,gBACL,gCACM;GACJ,kBAAkB;GAClB,OAAO;EACT,GACA,oBACF,GACA,OAAO,gBACL,0BACM;GACJ,IAAI,QAAQ;IACV,UAAU,KAAK;IACf,OAAO;GACT;GACA,OAAO;EACT,GACA,qBACF,CACF;CACF,GAAG;EAAC;EAAQ;EAAmB;EAAW;CAAM,CAAC;CAEjD,gBAAgB;EACd,OAAO,eAAe,CAAC,CAAC,WAAW;GACjC,kBAAkB;EACpB,CAAC;CACH,GAAG,CAAC,QAAQ,iBAAiB,CAAC;CAE9B,gBAAgB;EACd,IAAI,kBAAkB,SAAS,SAC7B,SAAS,QAAQ,MAAM;CAE3B,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,gBAAgB;EACd,MAAM,gBAAgB,UAAU;EAChC,IAAI,kBAAkB,MACpB;EAEF,MAAM,cAAc,UAAsB;GACxC,IAAI,CAAC,cAAc,SAAS,MAAM,aAAwB,KAAK,QAAQ;IACrE,UAAU,KAAK;IACf,kBAAkB,KAAK;GACzB;EACF;EACA,cAAc,iBAAiB,YAAY,UAAU;EACrD,aAAa;GACX,cAAc,oBAAoB,YAAY,UAAU;EAC1D;CACF,GAAG;EAAC;EAAW;EAAW;EAAmB;CAAM,CAAC;CAEpD,MAAM,2BAA2B,UAAiD;EAChF,IAAI,MAAM,QAAQ,SAChB,qBAAqB,KAAK;OACrB,IAAI,MAAM,QAAQ,UAAU;GACjC,MAAM,eAAe;GACrB,kBAAkB,KAAK;EACzB;CACF;CAEA,MAAM,wBACJ,UACG;EACH,MAAM,eAAe;EACrB,IAAI,kBAAkB,MAAM;GAC1B,IAAI,YAAY,IACd,OAAO,aAAa;IAClB,OAAO,gBAAgB,qBAAqB,YAAY,aAAa,CAAC;IACtE,MAAM,YAAY,cAAc;IAChC,IAAI,kBAAkB,SAAS,GAAG;KAChC,MAAM,SAAS,gBAAgB,SAAS,CAAC,CAAC,UAAU;KACpD,IAAI,gBAAgB,MAAM,GAAG;MAC3B,MAAM,WAAW,gBAAgB,OAAO,OAAO,GAAG;OAChD,KAAK,OAAO;OACZ,QAAQ,OAAO;OACf,OAAO,OAAO;MAChB,CAAC;MACD,OAAO,QAAQ,UAAU,IAAI;KAC/B;IACF;GACF,CAAC;GAEH,iBAAiB,UAAU;GAC3B,kBAAkB,KAAK;EACzB;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,KAAK;EAAW,WAAU;EAA/B,UAAA,CACG,UAAU,kBACT,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAD;GACE,KAAK;GACL,WAAU;GACV,OAAO;GACP,WAAW,UAAU;IACnB,iBAAiB,MAAM,OAAO,KAAK;GACrC;GACA,YAAY,UAAU;IACpB,wBAAwB,KAAK;GAC/B;EACD,CAAA,GACD,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,OAAD;GACE,WAAU;GACV,MAAK;GACL,UAAU;GACV,aAAa;GACb,eAAe;IACb,kBAAkB,KAAK;GACzB;EACD,CAAA,GAED,oBAAC,OAAD;GACE,WAAU;GACV,MAAK;GACL,UAAU;GACV,aAAa;GACb,SAAS;EACV,CAAA,CACE,EAAA,CAAA,CACL,EAAA,CAAA,GAEH,UAAU,CAAC,kBACV,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,KAAD;KAAG,MAAM,YAAY,OAAO;KAAG,QAAO;KAAS,KAAI;KAChD,UAAA;IACA,CAAA;IACH,oBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,aAAa;KACb,UAAU,UAAU;MAClB,MAAM,eAAe;MACrB,iBAAiB,OAAO;MACxB,kBAAkB,IAAI;KACxB;IACD,CAAA;IACD,oBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,aAAa;KACb,eAAe;MACb,OAAO,gBAAgB,qBAAqB,IAAI;KAClD;IACD,CAAA;GACE;EAEJ,CAAA,CAAA;;AAET;AAEA,SAAS,6BACP,QACA,YACA,gBACA,mBACoB;CACpB,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,gBAAgB;EACd,SAAS,iBAAiB;GACxB,MAAM,YAAY,cAAc;GAChC,IAAI,kBAAkB,SAAS,GAAG;IAChC,MAAM,YAAY,gBAAgB,SAAS;IAC3C,MAAM,gBAAgB,oBAAoB,WAAW,WAAW;IAChE,MAAM,oBAAoB,oBAAoB,WAAW,eAAe;IACxE,IAAI,EAAE,iBAAiB,oBAAoB;KACzC,UAAU,KAAK;KACf;IACF;IAeA,IAAI,CAdY,UACb,SAAS,CAAC,CACV,QAAQ,SAAS,CAAC,iBAAiB,IAAI,CAAC,CAAC,CACzC,MAAM,SAAS;KACd,MAAM,WAAW,oBAAoB,MAAM,WAAW;KACtD,MAAM,eAAe,oBAAoB,MAAM,eAAe;KAC9D,OACG,iBAAiB,CAAC,cAAc,GAAG,QAAQ,KAC3C,YAAY,CAAC,SAAS,GAAG,aAAa,KACtC,qBAAqB,CAAC,kBAAkB,GAAG,YAAY,KACvD,iBACE,CAAC,aAAa,GAAG,iBAAiB,KAAK,aAAa,cAAc;IAEzE,CACG,GACH,UAAU,IAAI;SAEd,UAAU,KAAK;GAEnB,OAAO,IAAI,iBAAiB,SAAS,GAAG;IACtC,MAAM,QAAQ,UAAU,SAAS;IACjC,IAAI,MAAM,WAAW,GAAG;KACtB,UAAU,KAAK;KACf;IACF;IACA,MAAM,OAAO,MAAM;IACnB,MAAM,SAAS,KAAK,UAAU;IAC9B,IAAI,YAAY,MAAM,KAAK,YAAY,IAAI,GACzC,UAAU,IAAI;SAEd,UAAU,KAAK;GAEnB;EACF;EACA,OAAO,cACL,OAAO,wBAAwB,EAAE,kBAAkB;GACjD,YAAY,WAAW;IACrB,eAAe;GACjB,CAAC;EACH,CAAC,GACD,OAAO,gBACL,2BACC,UAAU,cAAc;GACvB,eAAe;GACf,gBAAgB,SAAS;GACzB,OAAO;EACT,GACA,yBACF,GACA,OAAO,gBACL,gBACC,YAAY;GACX,MAAM,YAAY,cAAc;GAChC,IAAI,kBAAkB,SAAS,GAAG;IAChC,MAAM,OAAO,gBAAgB,SAAS;IACtC,MAAM,WAAW,oBAAoB,MAAM,WAAW;IACtD,IAAI,YAAY,QAAQ,MAAM,QAAQ,WAAW,QAAQ,UAAU;KACjE,OAAO,KAAK,SAAS,OAAO,GAAG,QAAQ;KACvC,OAAO;IACT;GACF;GACA,OAAO;EACT,GACA,oBACF,CACF;CACF,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO,aACL,oBAAC,oBAAD;EACE,QAAQ;EACA;EACI;EACD;EACK;EACG;CACpB,CAAA,GACD,UACF;AACF;AAEA,SAAwB,yBAAyB,EAC/C,YACA,gBACA,qBAKqB;CACrB,MAAM,CAAC,UAAU,0BAA0B;CAG3C,MAAM,oBAAoB,OAAO,aAAa,cAAc,SAAS,OAAO;CAC5E,MAAM,sBAAsB,cAAc;CAG1C,IAAI,CAAC,qBACH,OAAO;CAGT,OAAO,6BACL,QACA,qBACA,gBACA,iBACF;AACF"}

package/dist/plugins/HistoryPlugin.d.ts

@@ -0,0 +1,26 @@
+import { EditorState, LexicalEditor } from 'lexical';
+export type HistoryStateEntry = {
+    editor: LexicalEditor;
+    editorState: EditorState;
+};
+export type HistoryState = {
+    current: null | HistoryStateEntry;
+    redoStack: Array<HistoryStateEntry>;
+    undoStack: Array<HistoryStateEntry>;
+};
+/**
+ * Registers necessary listeners to manage undo/redo history stack and related editor commands.
+ * It returns `unregister` callback that cleans up all listeners and should be called on editor unmount.
+ * @param editor - The lexical editor.
+ * @param historyState - The history state, containing the current state and the undo/redo stack.
+ * @param delay - The time (in milliseconds) the editor should delay generating a new history stack,
+ * instead of merging the current changes with the current stack.
+ * @returns The listeners cleanup callback function.
+ */
+export declare function registerHistory(editor: LexicalEditor, historyState: HistoryState, delay: number): () => void;
+/**
+ * Creates an empty history state.
+ * @returns - The empty history state, as an object.
+ */
+export declare function createEmptyHistoryState(): HistoryState;
+//# sourceMappingURL=HistoryPlugin.d.ts.map

package/dist/plugins/HistoryPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/HistoryPlugin.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAwB,MAAM,SAAS,CAAC;AA0BhF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,IAAI,GAAG,iBAAiB,CAAC;IAClC,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CACrC,CAAC;AA0UF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,MAAM,GACZ,MAAM,IAAI,CAqGZ;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,YAAY,CAMtD"}

package/dist/plugins/LinkPlugin.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export default function LinkPlugin(): JSX.Element;
+//# sourceMappingURL=LinkPlugin.d.ts.map

package/dist/plugins/LinkPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/LinkPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,CAAC,OAAO,UAAU,UAAU,IAAI,GAAG,CAAC,OAAO,CAEhD"}

package/dist/plugins/LinkPlugin.js

@@ -0,0 +1,18 @@
+import { validateUrl } from "../utils/url.js";
+import { jsx } from "react/jsx-runtime";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+//#region src/plugins/LinkPlugin.tsx
+/**
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*
+*/
+function LinkPlugin$1() {
+	return /* @__PURE__ */ jsx(LinkPlugin, { validateUrl });
+}
+//#endregion
+export { LinkPlugin$1 as default };
+
+//# sourceMappingURL=LinkPlugin.js.map

package/dist/plugins/LinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPlugin.js","names":[],"sources":["../../src/plugins/LinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { LinkPlugin as LexicalLinkPlugin } from '@lexical/react/LexicalLinkPlugin';\nimport type { JSX } from 'react';\n\nimport { validateUrl } from '../utils/url';\n\nexport default function LinkPlugin(): JSX.Element {\n  return <LexicalLinkPlugin validateUrl={validateUrl} />;\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAwB,eAA0B;CAChD,OAAO,oBAAC,YAAD,EAAgC,YAAc,CAAA;AACvD"}

package/dist/plugins/ToolbarPlugin.d.ts

@@ -0,0 +1,7 @@
+import { JSX, Dispatch } from 'react';
+import { ScriboToolbarButton } from '../types';
+export default function ToolbarPlugin({ setIsLinkEditMode, toolbarButtons, }: Readonly<{
+    setIsLinkEditMode: Dispatch<boolean>;
+    toolbarButtons?: ScriboToolbarButton[];
+}>): JSX.Element;
+//# sourceMappingURL=ToolbarPlugin.d.ts.map

package/dist/plugins/ToolbarPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA4CH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,QAAQ,EAAoC,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAiMpD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,cAAmB,GACpB,EAAE,QAAQ,CAAC;IACV,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACxC,CAAC,GAAG,GAAG,CAAC,OAAO,CAqQf"}