@tulip-systems/editor 0.11.1

package/dist/client.mjs

@@ -0,0 +1,8 @@
+import "./lib/types.mjs";
+import { FileHandler } from "./extensions/file-handler/extension.mjs";
+import { Image } from "./extensions/image/extension.mjs";
+import { createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig } from "./lib/extensions.mjs";
+import { Editor, EditorContext, editorVariants } from "./components/editor.client.mjs";
+import { EditorContent } from "./components/content.client.mjs";
+import { EditorMenuBubble, EditorMenuFixed } from "./components/menu.client.mjs";
+export { Editor, EditorContent, EditorContext, EditorMenuBubble, EditorMenuFixed, FileHandler, Image, createExtensionConfig, editorExtensionsConfigToExtensions, editorVariants, flattenEditorExtensionsConfig };

package/dist/components/content.client.d.mts

@@ -0,0 +1,4 @@
+//#region src/components/content.client.d.ts
+declare function EditorContent(): import("react").JSX.Element;
+//#endregion
+export { EditorContent };

package/dist/components/content.client.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { EditorContext } from "./editor.client.mjs";
+import { EditorContent } from "@tiptap/react";
+import { TooltipProvider } from "@tulip-systems/ui/tooltip";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/content.client.tsx
+function EditorContent$1() {
+	const { editor } = useContext(EditorContext);
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+}
+//#endregion
+export { EditorContent$1 as EditorContent };

package/dist/components/editor.client.d.mts

@@ -0,0 +1,25 @@
+import { EditorExtensionsConfig, EditorExtensionsConfigResult } from "../lib/extensions.mjs";
+import { EditorJSONContent } from "../lib/types.mjs";
+import { Content, Editor, EditorOptions } from "@tiptap/react";
+import { PropsWithChildren } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/editor.client.d.ts
+type EditorContextValue = {
+  editor: Editor;
+  extensions: EditorExtensionsConfigResult;
+};
+declare const EditorContext: import("react").Context<EditorContextValue>;
+declare const editorVariants: (props?: ({
+  variant?: "default" | "table" | "preview" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type EditorProps = VariantProps<typeof editorVariants> & Pick<EditorOptions["editorProps"], "attributes"> & PropsWithChildren<{
+  value?: Content;
+  extensions?: Partial<EditorExtensionsConfig>;
+  onUpdate?: (value: EditorJSONContent) => void;
+  onBlur?: (value: EditorJSONContent) => void;
+  disabled?: boolean;
+  className?: string;
+}>;
+declare function Editor$1({ value, extensions, onUpdate, onBlur, disabled, variant, className, children, attributes }: EditorProps): import("react").JSX.Element | null;
+//#endregion
+export { Editor$1 as Editor, EditorContext, EditorProps, editorVariants };

package/dist/components/editor.client.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig } from "../lib/extensions.mjs";
+import { editorImageVariants, editorProseVariants } from "../lib/variants.mjs";
+import { useEditor } from "@tiptap/react";
+import { createContext } from "react";
+import { cn } from "@tulip-systems/ui/cn";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/editor.client.tsx
+const EditorContext = createContext({});
+const editorVariants = cva("", {
+	variants: { variant: {
+		default: "border-input rounded-lg border [&_.editor-content]:p-3 [&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50",
+		table: "[&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50",
+		preview: "bg-transparent [&_.editor-content]:p-0 [&_.editor-content]:min-h-0"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Editor$1({ value, extensions, onUpdate, onBlur, disabled, variant, className, children, attributes }) {
+	const editor = useEditor({
+		extensions: editorExtensionsConfigToExtensions(extensions),
+		content: value,
+		onUpdate: ({ editor }) => onUpdate?.(editor.getJSON()),
+		onBlur: ({ editor }) => onBlur?.(editor.getJSON()),
+		editable: !disabled,
+		injectCSS: false,
+		immediatelyRender: false,
+		editorProps: {
+			transformPastedHTML: (html) => html.replace(/<img.*?>/g, ""),
+			attributes: {
+				...attributes,
+				class: cn("editor-content text-sm max-w-full focus:outline-none", editorProseVariants(), editorImageVariants(), className)
+			}
+		}
+	});
+	if (!editor) return null;
+	return /* @__PURE__ */ jsx(EditorContext.Provider, {
+		value: {
+			editor,
+			extensions: flattenEditorExtensionsConfig(extensions)
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: editorVariants({ variant }),
+			children
+		})
+	});
+}
+//#endregion
+export { Editor$1 as Editor, EditorContext, editorVariants };

package/dist/components/menu-nodes.client.mjs

@@ -0,0 +1,90 @@
+import { EditorContext } from "./editor.client.mjs";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@tulip-systems/ui/button";
+import { ChevronDown, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, ListIcon, ListOrderedIcon, TextIcon } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@tulip-systems/ui/dropdown-menu";
+//#region src/components/menu-nodes.client.tsx
+const blocks = [
+	{
+		label: "Paragraaf",
+		icon: TextIcon,
+		selected: (editor) => editor.isActive("paragraph"),
+		handler: (editor) => editor.commands.setParagraph(),
+		hidden: (extensions) => !extensions.paragraph
+	},
+	{
+		label: "Titel 1",
+		icon: Heading1Icon,
+		selected: (editor) => editor.isActive("heading", { level: 1 }),
+		handler: (editor) => editor.commands.setHeading({ level: 1 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 2",
+		icon: Heading2Icon,
+		selected: (editor) => editor.isActive("heading", { level: 2 }),
+		handler: (editor) => editor.commands.setHeading({ level: 2 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 3",
+		icon: Heading3Icon,
+		selected: (editor) => editor.isActive("heading", { level: 3 }),
+		handler: (editor) => editor.commands.setHeading({ level: 3 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 4",
+		icon: Heading4Icon,
+		selected: (editor) => editor.isActive("heading", { level: 4 }),
+		handler: (editor) => editor.commands.setHeading({ level: 4 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 5",
+		icon: Heading5Icon,
+		selected: (editor) => editor.isActive("heading", { level: 5 }),
+		handler: (editor) => editor.commands.setHeading({ level: 5 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Numbered List",
+		icon: ListOrderedIcon,
+		selected: (editor) => editor.isActive("orderedList"),
+		handler: (editor) => editor.commands.toggleOrderedList(),
+		hidden: (extensions) => !extensions.orderedList
+	},
+	{
+		label: "Bulleted List",
+		icon: ListIcon,
+		selected: (editor) => editor.isActive("bulletList"),
+		handler: (editor) => editor.commands.toggleBulletList(),
+		hidden: (extensions) => !extensions.bulletList
+	}
+];
+function EditorMenuNodes() {
+	const { editor, extensions } = useContext(EditorContext);
+	const selectedBlock = blocks.find((block) => block.selected(editor));
+	const Icon = selectedBlock?.icon;
+	const filteredBlocks = blocks.filter((block) => !block.hidden(extensions));
+	if (filteredBlocks.length === 0) return null;
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			className: "flex items-center gap-8 p-2",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5" }), selectedBlock?.label ?? "Select a block"]
+			}), /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })]
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, { children: filteredBlocks.map(({ label, icon: Icon, handler }) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: () => handler(editor),
+		className: "flex items-center gap-2",
+		children: [Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5" }), label]
+	}, label)) })] });
+}
+//#endregion
+export { EditorMenuNodes };

package/dist/components/menu.client.d.mts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+//#region src/components/menu.client.d.ts
+declare function EditorMenuFixed(props: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>): import("react").JSX.Element;
+//#endregion
+export { EditorMenuBubble, EditorMenuFixed };

package/dist/components/menu.client.mjs

@@ -0,0 +1,154 @@
+import { EditorContext } from "./editor.client.mjs";
+import { EditorMenuNodes } from "./menu-nodes.client.mjs";
+import { useContext } from "react";
+import { cn } from "@tulip-systems/ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { Button } from "@tulip-systems/ui/button";
+import { ColorPicker } from "@tulip-systems/ui/color-picker";
+import { Popover, PopoverContent, PopoverTrigger } from "@tulip-systems/ui/popover";
+import { BaselineIcon, BoldIcon, EraserIcon, ItalicIcon, PaintBucketIcon, RedoIcon, StrikethroughIcon, UnderlineIcon, UndoIcon } from "lucide-react";
+//#region src/components/menu.client.tsx
+function EditorMenuFixed(props) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("z-10 overflow-auto border-input border-b bg-muted/30 p-2", props.className),
+		children: /* @__PURE__ */ jsxs(EditorMenuContent, { children: [
+			/* @__PURE__ */ jsx(EditorMenuUndoRedo, {}),
+			/* @__PURE__ */ jsx(EditorMenuNodes, {}),
+			/* @__PURE__ */ jsx(EditorMenuMarks, {}),
+			/* @__PURE__ */ jsx(EditorMenuColor, {})
+		] })
+	});
+}
+function EditorMenuBubble(props) {
+	const { editor } = useContext(EditorContext);
+	return /* @__PURE__ */ jsx(BubbleMenu, {
+		...props,
+		editor,
+		options: {
+			...props.options,
+			strategy: "fixed"
+		},
+		className: cn("z-10 rounded-lg border border-input bg-muted p-2", props.className),
+		children: /* @__PURE__ */ jsx(EditorMenuContent, { children: /* @__PURE__ */ jsx(EditorMenuMarks, {}) })
+	});
+}
+function EditorMenuContent(props) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-6",
+		children: props.children
+	});
+}
+function EditorMenuUndoRedo() {
+	const { editor, extensions } = useContext(EditorContext);
+	if (!extensions.undoRedo) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ jsx(Button, {
+			onClick: () => editor.commands.undo(),
+			disabled: !editor?.can().undo(),
+			type: "button",
+			"aria-label": "Undo",
+			size: "icon",
+			className: "p-2",
+			variant: "outline",
+			children: /* @__PURE__ */ jsx(UndoIcon, { className: "size-3.5" })
+		}), /* @__PURE__ */ jsx(Button, {
+			onClick: () => editor.commands.redo(),
+			disabled: !editor?.can().redo(),
+			type: "button",
+			"aria-label": "Redo",
+			size: "icon",
+			className: "p-2",
+			variant: "outline",
+			children: /* @__PURE__ */ jsx(RedoIcon, { className: "size-3.5" })
+		})]
+	});
+}
+function EditorMenuMarks() {
+	const { editor, extensions } = useContext(EditorContext);
+	if (!extensions.bold && !extensions.italic && !extensions.underline && !extensions.strike) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [
+			extensions.bold && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: editor?.isActive("bold") ? "secondary" : "outline",
+				onClick: () => editor.chain().focus().toggleBold().run(),
+				className: "border",
+				children: /* @__PURE__ */ jsx(BoldIcon, { className: "h-3.5 w-3.5" })
+			}),
+			extensions.italic && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: editor?.isActive("italic") ? "secondary" : "outline",
+				onClick: () => editor.chain().focus().toggleItalic().run(),
+				className: "border",
+				children: /* @__PURE__ */ jsx(ItalicIcon, { className: "size-3.5" })
+			}),
+			extensions.underline && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: editor?.isActive("underline") ? "secondary" : "outline",
+				onClick: () => editor.chain().focus().toggleUnderline().run(),
+				className: "border",
+				children: /* @__PURE__ */ jsx(UnderlineIcon, { className: "size-3.5" })
+			}),
+			extensions.strike && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: editor?.isActive("strike") ? "secondary" : "outline",
+				onClick: () => editor.chain().focus().toggleStrike().run(),
+				className: "border",
+				children: /* @__PURE__ */ jsx(StrikethroughIcon, { className: "size-3.5" })
+			})
+		]
+	});
+}
+function EditorMenuColor() {
+	const { editor, extensions } = useContext(EditorContext);
+	if (!extensions.color && !extensions.highlight) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [
+			extensions.color && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					size: "icon",
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(BaselineIcon, { className: "size-3.5" })
+				})
+			}), /* @__PURE__ */ jsx(PopoverContent, {
+				className: "w-fit p-0",
+				children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setColor(color).run() })
+			})] }),
+			extensions.highlight && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					size: "icon",
+					variant: "outline",
+					disabled: !editor?.can().setHighlight(),
+					children: /* @__PURE__ */ jsx(PaintBucketIcon, { className: "size-3.5" })
+				})
+			}), /* @__PURE__ */ jsx(PopoverContent, {
+				className: "w-fit p-0",
+				children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setHighlight({ color }).run() })
+			})] }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: "outline",
+				className: "border",
+				onClick: () => {
+					editor.commands.unsetColor();
+					editor.commands.unsetHighlight();
+				},
+				children: /* @__PURE__ */ jsx(EraserIcon, { className: "h-4 w-4" })
+			})
+		]
+	});
+}
+//#endregion
+export { EditorMenuBubble, EditorMenuFixed };

package/dist/extensions/file-handler/extension.d.mts

@@ -0,0 +1,9 @@
+import { FileHandlerOptions } from "@tiptap/extension-file-handler";
+//#region src/extensions/file-handler/extension.d.ts
+interface FileHandlerOptions$1 extends FileHandlerOptions {
+  onReferenceRemoved?: (assetId: string) => void;
+  onReferenceAdded?: (assetId: string) => void;
+}
+declare const FileHandler$1: import("@tiptap/core").Extension<FileHandlerOptions$1, any>;
+//#endregion
+export { FileHandler$1 as FileHandler, FileHandlerOptions$1 as FileHandlerOptions };

package/dist/extensions/file-handler/extension.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { collectImageIds, diffIds } from "./utils.mjs";
+import { FileHandler } from "@tiptap/extension-file-handler";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+//#region src/extensions/file-handler/extension.ts
+const FileHandler$1 = FileHandler.extend({
+	addOptions() {
+		return {
+			...this.parent?.(),
+			onReferenceRemoved: void 0,
+			onReferenceAdded: void 0
+		};
+	},
+	addProseMirrorPlugins() {
+		const parent = this.parent?.() ?? [];
+		const key = new PluginKey("fileHandlerItemTracker");
+		return [...parent, new Plugin({
+			key,
+			appendTransaction: (trs, oldState, newState) => {
+				if (!trs.some((tr) => tr.docChanged)) return null;
+				const onReferenceRemoved = this.options.onReferenceRemoved;
+				const onReferenceAdded = this.options.onReferenceAdded;
+				if (!onReferenceRemoved && !onReferenceAdded) return null;
+				const before = collectImageIds(oldState.doc);
+				const after = collectImageIds(newState.doc);
+				const { removed, added } = diffIds(before, after);
+				for (const id of removed) onReferenceRemoved?.(id);
+				for (const id of added) onReferenceAdded?.(id);
+				return null;
+			}
+		})];
+	}
+});
+//#endregion
+export { FileHandler$1 as FileHandler };

package/dist/extensions/file-handler/utils.mjs

@@ -0,0 +1,28 @@
+//#region src/extensions/file-handler/utils.ts
+function collectImageIds(doc) {
+	const counts = /* @__PURE__ */ new Map();
+	doc.descendants((node) => {
+		if (node.type.name !== "image") return;
+		const id = node.attrs?.assetId;
+		if (!id) return;
+		counts.set(id, (counts.get(id) ?? 0) + 1);
+	});
+	return counts;
+}
+function diffIds(before, after) {
+	const removed = [];
+	const added = [];
+	const keys = /* @__PURE__ */ new Set([...before.keys(), ...after.keys()]);
+	for (const key of keys) {
+		const b = before.get(key) ?? 0;
+		const a = after.get(key) ?? 0;
+		if (a < b) removed.push(key);
+		if (a > b) added.push(key);
+	}
+	return {
+		removed,
+		added
+	};
+}
+//#endregion
+export { collectImageIds, diffIds };

package/dist/extensions/image/extension.d.mts

@@ -0,0 +1,9 @@
+import { ImageOptions } from "@tiptap/extension-image";
+//#region src/extensions/image/extension.d.ts
+type ImageAttributes = Record<string, unknown>;
+interface ImageOptions$1 extends ImageOptions {
+  resolveImageSrc?: (attrs: ImageAttributes) => string | null | undefined;
+}
+declare const Image$1: import("@tiptap/core").Node<ImageOptions$1, any>;
+//#endregion
+export { Image$1 as Image, ImageOptions$1 as ImageOptions };

package/dist/extensions/image/extension.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { Image } from "@tiptap/extension-image";
+//#region src/extensions/image/extension.ts
+const Image$1 = Image.extend({
+	atom: true,
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			assetId: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-asset-id"),
+				renderHTML: (attrs) => {
+					if (!attrs.assetId) return {};
+					return { "data-asset-id": attrs.assetId };
+				}
+			},
+			alt: { default: null },
+			title: { default: null },
+			width: { default: null },
+			height: { default: null },
+			isPending: {
+				default: false,
+				renderHTML: (attrs) => attrs.isPending ? { "data-pending": "true" } : {}
+			},
+			fileName: { default: null }
+		};
+	},
+	parseHTML() {
+		return [{ tag: "img[src]" }, { tag: "img[data-asset-id]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		const { src: rawSrc, ...attrs } = HTMLAttributes;
+		const src = this.options.resolveImageSrc?.(HTMLAttributes) ?? rawSrc;
+		return ["img", {
+			...attrs,
+			...src && !attrs.isPending ? { src } : {}
+		}];
+	}
+});
+//#endregion
+export { Image$1 as Image };

package/dist/extensions/skeleton/extension.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { SkeletonNodeRenderer } from "./renderer.mjs";
+import { Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+//#region src/extensions/skeleton/extension.ts
+const Skeleton = Node.create({
+	name: "skeleton",
+	atom: true,
+	inline: true,
+	group: "inline",
+	selectable: false,
+	draggable: false,
+	addAttributes() {
+		return {
+			imageNodeId: { default: null },
+			width: { default: null },
+			height: { default: null }
+		};
+	},
+	addOptions() {
+		return { addToHistory: false };
+	},
+	parseHTML() {
+		return [{ tag: "span[data-skeleton]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return ["span", {
+			...HTMLAttributes,
+			"data-skeleton": "true"
+		}];
+	},
+	addNodeView() {
+		return ReactNodeViewRenderer(SkeletonNodeRenderer);
+	}
+});
+//#endregion
+export { Skeleton };

package/dist/extensions/skeleton/renderer.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { NodeViewWrapper } from "@tiptap/react";
+import { Skeleton } from "@tulip-systems/ui/skeleton";
+import { jsx } from "react/jsx-runtime";
+//#region src/extensions/skeleton/renderer.tsx
+function SkeletonNodeRenderer(props) {
+	const { width, height } = props.node.attrs;
+	return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		as: "span",
+		"data-skeleton": "true",
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			className: "min-h-125 w-full",
+			style: {
+				width,
+				height
+			}
+		})
+	});
+}
+//#endregion
+export { SkeletonNodeRenderer };

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+import { EditorJSONContent } from "./lib/types.mjs";
+import { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent } from "./lib/helpers.mjs";
+export { EditorJSONContent, convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/index.mjs

@@ -0,0 +1,3 @@
+import { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent } from "./lib/helpers.mjs";
+import "./lib/types.mjs";
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/lib/constants.d.mts

@@ -0,0 +1,35 @@
+import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
+import { ImageOptions } from "../extensions/image/extension.mjs";
+import "../client.mjs";
+//#region src/lib/constants.d.ts
+declare const EDITOR_EXTENSIONS: {
+  blockquote: import("@tiptap/core").Node<import("@tiptap/extension-blockquote").BlockquoteOptions, any>;
+  document: import("@tiptap/core").Node<any, any>;
+  hardBreak: import("@tiptap/core").Node<import("@tiptap/extension-hard-break").HardBreakOptions, any>;
+  heading: import("@tiptap/core").Node<import("@tiptap/extension-heading").HeadingOptions, any>;
+  horizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;
+  listItem: import("@tiptap/core").Node<import("@tiptap/extension-list").ListItemOptions, any>;
+  orderedList: import("@tiptap/core").Node<import("@tiptap/extension-list").OrderedListOptions, any>;
+  bulletList: import("@tiptap/core").Node<import("@tiptap/extension-list").BulletListOptions, any>;
+  paragraph: import("@tiptap/core").Node<import("@tiptap/extension-paragraph").ParagraphOptions, any>;
+  text: import("@tiptap/core").Node<any, any>;
+  image: import("@tiptap/core").Node<ImageOptions, any>;
+  fileHandler: import("@tiptap/core").Extension<FileHandlerOptions, any>;
+  skeleton: import("@tiptap/core").Node<any, any>;
+  bold: import("@tiptap/core").Mark<import("@tiptap/extension-bold").BoldOptions, any>;
+  italic: import("@tiptap/core").Mark<import("@tiptap/extension-italic").ItalicOptions, any>;
+  link: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;
+  strike: import("@tiptap/core").Mark<import("@tiptap/extension-strike").StrikeOptions, any>;
+  underline: import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>;
+  highlight: import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any>;
+  dropcursor: import("@tiptap/core").Extension<import("@tiptap/extensions").DropcursorOptions, any>;
+  gapcursor: import("@tiptap/core").Extension<any, any>;
+  undoRedo: import("@tiptap/core").Extension<import("@tiptap/extensions").UndoRedoOptions, any>;
+  listKeymap: import("@tiptap/core").Extension<import("@tiptap/extension-list").ListKeymapOptions, any>;
+  trailingNode: import("@tiptap/core").Extension<import("@tiptap/extensions").TrailingNodeOptions, any>;
+  textStyle: import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any>;
+  color: import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any>;
+};
+type EditorExtensions = typeof EDITOR_EXTENSIONS;
+//#endregion
+export { EDITOR_EXTENSIONS, EditorExtensions };