@hiai-gg/docsmint 0.3.7 → 0.3.9

package/dist/frontend-ssr/assets/editorExtensions-DUzwndMy.js

@@ -0,0 +1,186 @@
+import { Node, mergeAttributes, textblockTypeInputRule } from "@tiptap/core";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import Highlight from "@tiptap/extension-highlight";
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import { TaskItem, TaskList } from "@tiptap/extension-list";
+import { TableKit } from "@tiptap/extension-table";
+import TextAlign from "@tiptap/extension-text-align";
+import { Markdown } from "@tiptap/markdown";
+import StarterKit from "@tiptap/starter-kit";
+import { common, createLowlight } from "lowlight";
+//#region src/lib/components/editor/editorExtensions.ts
+var lowlight = createLowlight(common);
+var EMPTY_PARAGRAPH_MARKDOWN = " ";
+var NBSP_CHAR = "\xA0";
+var TEXT_ALIGNMENTS = [
+	"left",
+	"center",
+	"right",
+	"justify"
+];
+var TextAlignParagraph = Node.create({
+	name: "paragraph",
+	priority: 1e3,
+	addOptions() {
+		return { HTMLAttributes: {} };
+	},
+	group: "block",
+	content: "inline*",
+	parseHTML() {
+		return [{ tag: "p" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return [
+			"p",
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+			0
+		];
+	},
+	parseMarkdown: (token, helpers) => {
+		const tokens = token.tokens || [];
+		if (tokens.length === 1 && tokens[0].type === "image") return helpers.parseChildren([tokens[0]]);
+		const content = helpers.parseInline(tokens);
+		if (tokens.length === 1 && tokens[0].type === "text" && (tokens[0].raw === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].text === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].raw === NBSP_CHAR || tokens[0].text === NBSP_CHAR) && content.length === 1 && content[0].type === "text" && (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)) return helpers.createNode("paragraph", void 0, []);
+		return helpers.createNode("paragraph", void 0, content);
+	},
+	renderMarkdown: (node, h, ctx) => {
+		if (!node) return "";
+		const content = Array.isArray(node.content) ? node.content : [];
+		const align = node.attrs?.textAlign ?? "";
+		const normalizedAlign = TEXT_ALIGNMENTS.includes(align) ? align : "";
+		if (normalizedAlign && normalizedAlign !== "left") return `<p style="text-align: ${normalizedAlign}">${content.length === 0 ? "" : h.renderChildren(content)}</p>`;
+		if (content.length === 0) {
+			const previousContent = Array.isArray(ctx?.previousNode?.content) ? ctx.previousNode.content : [];
+			return ctx?.previousNode?.type === "paragraph" && previousContent.length === 0 ? EMPTY_PARAGRAPH_MARKDOWN : "";
+		}
+		return h.renderChildren(content);
+	},
+	addCommands() {
+		return { setParagraph: () => ({ commands }) => {
+			return commands.setNode(this.name);
+		} };
+	},
+	addKeyboardShortcuts() {
+		return { "Mod-Alt-0": () => this.editor.commands.setParagraph() };
+	}
+});
+var HEADING_DEFAULT_LEVELS = [
+	1,
+	2,
+	3
+];
+var TextAlignHeading = Node.create({
+	name: "heading",
+	addOptions() {
+		return {
+			levels: [...HEADING_DEFAULT_LEVELS],
+			HTMLAttributes: {}
+		};
+	},
+	content: "inline*",
+	group: "block",
+	defining: true,
+	addAttributes() {
+		return { level: {
+			default: 1,
+			rendered: false
+		} };
+	},
+	parseHTML() {
+		return this.options.levels.map((level) => ({
+			tag: `h${level}`,
+			attrs: { level }
+		}));
+	},
+	renderHTML({ node, HTMLAttributes }) {
+		const levels = this.options.levels;
+		return [
+			`h${levels.includes(node.attrs.level) ? node.attrs.level : levels[0]}`,
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+			0
+		];
+	},
+	parseMarkdown: (token, helpers) => {
+		return helpers.createNode("heading", { level: token.depth || 1 }, helpers.parseInline(token.tokens || []));
+	},
+	renderMarkdown: (node, h) => {
+		const attrs = node.attrs ?? {};
+		const rawLevel = attrs.level;
+		const numericLevel = typeof rawLevel === "number" ? rawLevel : typeof rawLevel === "string" ? parseInt(rawLevel, 10) : 1;
+		const level = numericLevel >= 1 && numericLevel <= 6 ? Math.floor(numericLevel) : 1;
+		const headingChars = "#".repeat(level);
+		const content = Array.isArray(node.content) ? node.content : [];
+		const inner = h.renderChildren(content);
+		const align = attrs.textAlign ?? "";
+		const normalizedAlign = TEXT_ALIGNMENTS.includes(align) ? align : "";
+		if (normalizedAlign && normalizedAlign !== "left") return `<h${level} style="text-align: ${normalizedAlign}">${inner}</h${level}>`;
+		return `${headingChars} ${inner}`;
+	},
+	addCommands() {
+		return {
+			setHeading: (attributes) => ({ commands }) => {
+				if (!this.options.levels.includes(attributes.level)) return false;
+				return commands.setNode(this.name, attributes);
+			},
+			toggleHeading: (attributes) => ({ commands }) => {
+				if (!this.options.levels.includes(attributes.level)) return false;
+				return commands.toggleNode(this.name, "paragraph", attributes);
+			}
+		};
+	},
+	addKeyboardShortcuts() {
+		const shortcuts = {};
+		for (const level of this.options.levels) shortcuts[`Mod-Alt-${level}`] = () => this.editor.commands.toggleHeading({ level });
+		return shortcuts;
+	},
+	addInputRules() {
+		const levels = this.options.levels;
+		const min = Math.min(...levels);
+		return levels.map((level) => textblockTypeInputRule({
+			find: new RegExp(`^(#{${min},${level}})\\s$`),
+			type: this.type,
+			getAttributes: { level }
+		}));
+	}
+});
+var editorExtensions = [
+	StarterKit.configure({
+		heading: false,
+		paragraph: false,
+		codeBlock: false,
+		link: false
+	}),
+	Markdown.configure({}),
+	TextAlignParagraph,
+	TextAlignHeading,
+	Link.configure({
+		openOnClick: false,
+		HTMLAttributes: { class: "doc-link" }
+	}),
+	Image.configure({
+		inline: false,
+		allowBase64: false,
+		HTMLAttributes: { class: "doc-image" },
+		resize: {
+			enabled: true,
+			directions: [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			],
+			minWidth: 96,
+			minHeight: 54,
+			alwaysPreserveAspectRatio: true
+		}
+	}),
+	Highlight.configure({ multicolor: true }),
+	CodeBlockLowlight.configure({ lowlight }),
+	TextAlign.configure({ types: ["heading", "paragraph"] }),
+	TableKit.configure({ table: { resizable: true } }),
+	TaskList,
+	TaskItem.configure({ nested: true })
+];
+//#endregion
+export { TextAlignParagraph as n, editorExtensions as r, TextAlignHeading as t };