@tulip-systems/editor 0.11.1

package/dist/lib/constants.mjs

@@ -0,0 +1,87 @@
+import { FileHandler } from "../extensions/file-handler/extension.mjs";
+import { Image } from "../extensions/image/extension.mjs";
+import { Skeleton } from "../extensions/skeleton/extension.mjs";
+import { createExtensionConfig } from "./extensions.mjs";
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import Underline from "@tiptap/extension-underline";
+import Highlight from "@tiptap/extension-highlight";
+import { Color, TextStyle } from "@tiptap/extension-text-style";
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
+//#region src/lib/constants.ts
+const EDITOR_EXTENSIONS = {
+	blockquote: Blockquote,
+	document: Document,
+	hardBreak: HardBreak,
+	heading: Heading,
+	horizontalRule: HorizontalRule,
+	listItem: ListItem,
+	orderedList: OrderedList,
+	bulletList: BulletList,
+	paragraph: Paragraph,
+	text: Text,
+	image: Image,
+	fileHandler: FileHandler,
+	skeleton: Skeleton,
+	bold: Bold,
+	italic: Italic,
+	link: Link,
+	strike: Strike,
+	underline: Underline,
+	highlight: Highlight,
+	dropcursor: Dropcursor,
+	gapcursor: Gapcursor,
+	undoRedo: UndoRedo,
+	listKeymap: ListKeymap,
+	trailingNode: TrailingNode,
+	textStyle: TextStyle,
+	color: Color
+};
+const EDITOR_EXTENSIONS_KEYS = Object.keys(EDITOR_EXTENSIONS);
+Object.values(EDITOR_EXTENSIONS);
+const EDITOR_EXTENSIONS_CONFIG = [
+	createExtensionConfig("blockquote"),
+	createExtensionConfig("document"),
+	createExtensionConfig("hardBreak"),
+	createExtensionConfig("heading"),
+	createExtensionConfig("horizontalRule"),
+	createExtensionConfig("listItem"),
+	createExtensionConfig("orderedList"),
+	createExtensionConfig("bulletList"),
+	createExtensionConfig("paragraph"),
+	createExtensionConfig("text"),
+	createExtensionConfig("image", { resize: {
+		enabled: true,
+		directions: ["left", "right"],
+		minHeight: 50,
+		minWidth: 50,
+		alwaysPreserveAspectRatio: true
+	} }),
+	createExtensionConfig("fileHandler"),
+	createExtensionConfig("skeleton"),
+	createExtensionConfig("bold"),
+	createExtensionConfig("italic"),
+	createExtensionConfig("link"),
+	createExtensionConfig("strike"),
+	createExtensionConfig("underline"),
+	createExtensionConfig("highlight", { multicolor: true }),
+	createExtensionConfig("dropcursor"),
+	createExtensionConfig("gapcursor"),
+	createExtensionConfig("undoRedo"),
+	createExtensionConfig("listKeymap"),
+	createExtensionConfig("trailingNode"),
+	createExtensionConfig("textStyle"),
+	createExtensionConfig("color")
+];
+//#endregion
+export { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS };

package/dist/lib/extensions.d.mts

@@ -0,0 +1,56 @@
+import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
+import { ImageOptions } from "../extensions/image/extension.mjs";
+import { EditorExtensions } from "./constants.mjs";
+import { BlockquoteOptions } from "@tiptap/extension-blockquote";
+import { BoldOptions } from "@tiptap/extension-bold";
+import { HardBreakOptions } from "@tiptap/extension-hard-break";
+import { HeadingOptions } from "@tiptap/extension-heading";
+import { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
+import { ItalicOptions } from "@tiptap/extension-italic";
+import { LinkOptions } from "@tiptap/extension-link";
+import { BulletListOptions, ListItemOptions, ListKeymapOptions, OrderedListOptions } from "@tiptap/extension-list";
+import { ParagraphOptions } from "@tiptap/extension-paragraph";
+import { StrikeOptions } from "@tiptap/extension-strike";
+import { UnderlineOptions } from "@tiptap/extension-underline";
+import { Extension } from "@tiptap/react";
+import { HighlightOptions } from "@tiptap/extension-highlight";
+import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
+import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
+//#region src/lib/extensions.d.ts
+type EditorExtensionsConfig = {
+  blockquote: Partial<BlockquoteOptions> | boolean;
+  bulletList: Partial<BulletListOptions> | boolean;
+  document: boolean;
+  hardBreak: Partial<HardBreakOptions> | boolean;
+  heading: Partial<HeadingOptions> | boolean;
+  horizontalRule: Partial<HorizontalRuleOptions> | boolean;
+  listItem: Partial<ListItemOptions> | boolean;
+  orderedList: Partial<OrderedListOptions> | boolean;
+  paragraph: Partial<ParagraphOptions> | boolean;
+  text: Partial<TextStyleOptions> | boolean;
+  image: Partial<ImageOptions> | boolean;
+  fileHandler: Partial<FileHandlerOptions> | boolean;
+  skeleton: boolean;
+  bold: Partial<BoldOptions> | boolean;
+  italic: Partial<ItalicOptions> | boolean;
+  link: Partial<LinkOptions> | boolean;
+  strike: Partial<StrikeOptions> | boolean;
+  underline: Partial<UnderlineOptions> | boolean;
+  highlight: Partial<HighlightOptions> | boolean;
+  dropcursor: Partial<DropcursorOptions> | boolean;
+  gapcursor: boolean;
+  undoRedo: Partial<UndoRedoOptions> | boolean;
+  listKeymap: Partial<ListKeymapOptions> | boolean;
+  trailingNode: Partial<TrailingNodeOptions> | boolean;
+  textStyle: Partial<TextStyleOptions> | boolean;
+  color: Partial<ColorOptions> | boolean;
+};
+declare function createExtensionConfig<TName extends keyof EditorExtensionsConfig>(name: TName, defaultOptions?: Partial<Exclude<EditorExtensionsConfig[TName], boolean>>): {
+  name: TName;
+  configure: (options: EditorExtensionsConfig[TName]) => Extension<FileHandlerOptions, any> | import("@tiptap/core").Node<ImageOptions, any> | import("@tiptap/core").Node<BlockquoteOptions, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Node<HardBreakOptions, any> | import("@tiptap/core").Node<HeadingOptions, any> | import("@tiptap/core").Node<HorizontalRuleOptions, any> | import("@tiptap/core").Node<ListItemOptions, any> | import("@tiptap/core").Node<OrderedListOptions, any> | import("@tiptap/core").Mark<BoldOptions, any> | import("@tiptap/core").Mark<LinkOptions, any> | import("@tiptap/core").Mark<HighlightOptions, any> | Extension<DropcursorOptions, any> | Extension<any, any> | Extension<UndoRedoOptions, any> | Extension<ListKeymapOptions, any> | Extension<TrailingNodeOptions, any> | import("@tiptap/core").Mark<TextStyleOptions, any> | Extension<ColorOptions, any> | undefined;
+};
+declare function editorExtensionsConfigToExtensions(extensions?: Partial<EditorExtensionsConfig>): Extension<any, any>[];
+declare function flattenEditorExtensionsConfig(extensions?: Partial<EditorExtensionsConfig>): EditorExtensionsConfigResult;
+type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;
+//#endregion
+export { EditorExtensionsConfig, EditorExtensionsConfigResult, createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig };

package/dist/lib/extensions.mjs

@@ -0,0 +1,35 @@
+import { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS } from "./constants.mjs";
+import deepmerge from "deepmerge";
+//#region src/lib/extensions.ts
+function createExtensionConfig(name, defaultOptions = {}) {
+	return {
+		name,
+		configure: (options) => {
+			const extension = EDITOR_EXTENSIONS[name];
+			if (!options || !extension) return void 0;
+			if (typeof options === "boolean") return extension.configure(defaultOptions);
+			const extensionOptions = deepmerge(defaultOptions, options);
+			return extension.configure(extensionOptions);
+		}
+	};
+}
+function editorExtensionsConfigToExtensions(extensions) {
+	return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {
+		const value = extensions?.[name];
+		if (value === void 0) return configure(true);
+		return configure(value);
+	});
+}
+function flattenEditorExtensionsConfig(extensions) {
+	return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {
+		const value = extensions?.[key];
+		if (value === void 0) {
+			acc[key] = true;
+			return acc;
+		}
+		acc[key] = typeof value === "boolean" ? value : true;
+		return acc;
+	}, {});
+}
+//#endregion
+export { createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig };

package/dist/lib/helpers.d.mts

@@ -0,0 +1,9 @@
+import { EditorJSONContent } from "./types.mjs";
+//#region src/lib/helpers.d.ts
+declare function convertHTMLToEditorContent(html: string): EditorJSONContent;
+declare function convertMarkdownToEditorContent(markdown: string): EditorJSONContent;
+declare function convertEditorContentToHTML(content: EditorJSONContent): string;
+declare function convertEditorContentToMarkdown(content: EditorJSONContent): string;
+declare function convertEditorContentToPlainText(content: EditorJSONContent): string;
+//#endregion
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/lib/helpers.mjs

@@ -0,0 +1,58 @@
+import { markdownParser } from "./markdown.mjs";
+import { generateText } from "@tiptap/core";
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import Underline from "@tiptap/extension-underline";
+import { generateJSON } from "@tiptap/html";
+import { renderToHTMLString, renderToMarkdown } from "@tiptap/static-renderer";
+//#region src/lib/helpers.ts
+const EXTENSIONS_FOR_GENERATION = [
+	Blockquote,
+	BulletList,
+	Document,
+	HardBreak,
+	Heading,
+	HorizontalRule,
+	ListItem,
+	OrderedList,
+	Paragraph,
+	Text,
+	Bold,
+	Italic,
+	Link,
+	Strike,
+	Underline
+];
+function convertHTMLToEditorContent(html) {
+	return generateJSON(html, EXTENSIONS_FOR_GENERATION);
+}
+function convertMarkdownToEditorContent(markdown) {
+	return convertHTMLToEditorContent(markdownParser.render(markdown));
+}
+function convertEditorContentToHTML(content) {
+	return renderToHTMLString({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
+}
+function convertEditorContentToMarkdown(content) {
+	return renderToMarkdown({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
+}
+function convertEditorContentToPlainText(content) {
+	return generateText(content, EXTENSIONS_FOR_GENERATION);
+}
+//#endregion
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/lib/markdown.mjs

@@ -0,0 +1,9 @@
+import MarkdownIt from "markdown-it";
+//#region src/lib/markdown.ts
+const markdownParser = new MarkdownIt({
+	html: false,
+	linkify: true,
+	breaks: true
+});
+//#endregion
+export { markdownParser };

package/dist/lib/types.d.mts

@@ -0,0 +1,5 @@
+import { JSONContent } from "@tiptap/react";
+//#region src/lib/types.d.ts
+type EditorJSONContent = JSONContent;
+//#endregion
+export { EditorJSONContent };

package/dist/lib/types.mjs

@@ -0,0 +1 @@
+export {};

package/dist/lib/variants.mjs

@@ -0,0 +1,7 @@
+import { cn } from "@tulip-systems/ui/cn";
+import { cva } from "class-variance-authority";
+//#region src/lib/variants.ts
+const editorProseVariants = cva(cn("prose dark:prose-invert", "prose-a:text-primary", "prose-headings:scroll-mt-20", "prose-h1:mt-6 prose-h1:mb-3", "prose-h2:mt-6 prose-h2:mb-3", "prose-h3:mt-5 prose-h3:mb-2", "prose-h4:mt-4 prose-h4:mb-2", "prose-ul:my-3 prose-ol:my-3", "prose-ul:pl-6 prose-ol:pl-6", "prose-li:my-1", "prose-li:marker:text-primary", "prose-li:p-0", "prose-img:my-0 prose-img:rounded-lg", "prose-blockquote:my-4 prose-blockquote:py-1", "prose-hr:my-6", "prose-pre:my-4"));
+const editorImageVariants = cva(cn("[&_[data-resize-wrapper]]:!inline-block", "[&_[data-resize-wrapper]]:!relative", "[&_[data-resize-wrapper]]:max-w-full", "[&_[data-resize-wrapper]]:overflow-hidden", "[&_[data-resize-handle]]:absolute", "[&_[data-resize-handle]]:z-10", "[&_[data-resize-handle]]:rounded-full", "[&_[data-resize-handle]]:bg-muted/40", "[&_[data-resize-handle]]:w-1.5", "[&_[data-resize-handle]]:cursor-ew-resize", "[&_[data-resize-handle]]:opacity-0", "[&_[data-resize-handle]]:transition-opacity", "[&:hover_[data-resize-handle]]:opacity-100", "[&_[data-resize-state='true']_[data-resize-handle]]:opacity-100", "[&_[data-resize-handle]]:!top-1/2", "[&_[data-resize-handle]]:!bottom-auto", "[&_[data-resize-handle]]:!-translate-y-1/2", "[&_[data-resize-handle]]:!h-1/2", "[&_[data-resize-handle='left']]:!left-2", "[&_[data-resize-handle='right']]:!right-2", "[&_[data-resize-container]:has(img[data-pending='true'])]:[visibility:visible!important]", "[&_[data-resize-container]:has(img[data-pending='true'])]:[pointer-events:auto!important]", "[&_img[data-pending='true']]:bg-primary/10", "[&_img[data-pending='true']]:animate-pulse", "[&_img[data-pending='true']]:rounded-md", "[&_img[data-pending='true']]:opacity-0", "[&_img[data-pending='true']]:min-h-[500px]"));
+//#endregion
+export { editorImageVariants, editorProseVariants };

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@tulip-systems/editor",
+  "version": "0.11.1",
+  "type": "module",
+  "sideEffects": true,
+  "license": "AGPL-3.0",
+  "dependencies": {
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/extension-blockquote": "^3.29.2",
+    "@tiptap/extension-bold": "^3.29.2",
+    "@tiptap/extension-color": "^3.29.2",
+    "@tiptap/extension-document": "^3.29.2",
+    "@tiptap/extension-file-handler": "^3.29.2",
+    "@tiptap/extension-hard-break": "^3.29.2",
+    "@tiptap/extension-heading": "^3.29.2",
+    "@tiptap/extension-highlight": "^3.29.2",
+    "@tiptap/extension-horizontal-rule": "^3.29.2",
+    "@tiptap/extension-image": "^3.29.2",
+    "@tiptap/extension-italic": "^3.29.2",
+    "@tiptap/extension-link": "^3.29.2",
+    "@tiptap/extension-list": "^3.29.2",
+    "@tiptap/extension-paragraph": "^3.29.2",
+    "@tiptap/extension-strike": "^3.29.2",
+    "@tiptap/extension-text": "^3.29.2",
+    "@tiptap/extension-text-style": "^3.29.2",
+    "@tiptap/extension-underline": "^3.29.2",
+    "@tiptap/extensions": "^3.29.2",
+    "@tiptap/html": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/react": "^3.29.2",
+    "@tiptap/static-renderer": "^3.29.2",
+    "class-variance-authority": "^0.7.1",
+    "deepmerge": "^4.3.1",
+    "lucide-react": "^1.30.0",
+    "markdown-it": "^14.3.0",
+    "@tulip-systems/ui": "0.11.1"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/core": "^0.18.5",
+    "@types/markdown-it": "^14.1.2",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.4",
+    "publint": "^0.3.23",
+    "tailwindcss": "^4.3.3",
+    "tsdown": "^0.22.14",
+    "typescript": "5.9.3",
+    "unrun": "^0.3.1",
+    "vitest": "^4.1.10",
+    "@tulip-systems/typescript-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "@tailwindcss/typography": "^0.5.19",
+    "react": "19.2.8",
+    "react-dom": "19.2.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": "24.x"
+  },
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./client": "./dist/client.mjs",
+    "./package.json": "./package.json",
+    "./styles.css": "./styles.css"
+  },
+  "scripts": {
+    "dev": "tsdown --config tsdown.config.ts --config-loader unrun --watch --no-clean",
+    "build": "tsdown --config tsdown.config.ts --config-loader unrun --no-clean",
+    "build:release": "tsdown --config tsdown.config.ts --config-loader unrun",
+    "lint": "biome check",
+    "format": "biome format --write",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "test:ci": "vitest run",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}

package/styles.css

@@ -0,0 +1 @@
+@source "./dist";