@stisocial/ui 0.1.0 → 0.2.0

package/dist/editor/MarkdownEditor/MarkdownEditor.js

@@ -0,0 +1,371 @@
+"use client";
+import { useLocale, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { FieldDescription, FieldErrorText, FieldLabel, fieldStyles } from "../../components/Field/Field.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { CharacterCounter, characterCount } from "../../components/CharacterCounter/CharacterCounter.js";
+import { CodeIcon } from "../../icons/generated/CodeIcon.js";
+import { LinkIcon } from "../../icons/generated/LinkIcon.js";
+import { RedoIcon } from "../../icons/generated/RedoIcon.js";
+import { UndoIcon } from "../../icons/generated/UndoIcon.js";
+import { Markdown } from "../../components/Markdown/Markdown.js";
+import { ToggleButton as ToggleButton$1 } from "../../components/ToggleButton/ToggleButton.js";
+import { Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, Tabs as Tabs$1 } from "../../components/Tabs/Tabs.js";
+import { Toolbar as Toolbar$1, ToolbarGroup, ToolbarSeparator } from "../../components/Toolbar/Toolbar.js";
+import { applyEdit } from "../_shared/textEdit.js";
+import { BoldIcon, BulletListIcon, CodeBlockIcon, HeadingThreeIcon, HeadingTwoIcon, ItalicIcon, NumberedListIcon, QuoteIcon, RuleIcon, StrikethroughIcon, TaskListIcon } from "../_shared/FormatIcons.js";
+import { codeBlockEdit, continueListEdit, isBlockActive, isInlineActive, linkEdit, ruleEdit, toggleBlock, toggleInline } from "./commands.js";
+import MarkdownEditor_module_default from "./MarkdownEditor.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { TextArea, TextField } from "react-aria-components";
+// src/editor/MarkdownEditor/MarkdownEditor.tsx
+const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+const INLINE_MARKS = [
+	"bold",
+	"italic",
+	"strike",
+	"code"
+];
+/**
+* Markdown düzenleyici: çok satırlı metin alanı, biçimlendirme çubuğu ve güvenli önizleme (HTML
+* üretmez; `Markdown` bileşeniyle aynı ayrıştırıcı). Değer düz Markdown metnidir. Kısayollar:
+* Ctrl/⌘+B kalın, +I italik, +K bağlantı; Enter liste, görev ve alıntıyı sürdürür. Biçimlendirme
+* tarayıcının geri alma yığınına yazılır: Ctrl+Z her komutu geri alır.
+*/
+function MarkdownEditor({ label, hideLabel, description, errorMessage, value, defaultValue, onChange, view, defaultView = "write", onViewChange, layout = "tabs", toolbar = true, minRows = 6, maxRows = 20, maxLength, allowImages = false, placeholder, name, isRequired, isDisabled, isReadOnly, isInvalid, autoFocus, onKeyDown, inputRef, className, id }) {
+	const t = useMessages();
+	const locale = useLocale();
+	const [inner, setInner] = useState(defaultValue ?? "");
+	const text = value ?? inner;
+	const [innerView, setInnerView] = useState(defaultView);
+	const currentView = layout === "split" ? "write" : view ?? innerView;
+	const [sel, setSel] = useState({
+		start: 0,
+		end: 0
+	});
+	const area = useRef(null);
+	const frame = useRef(null);
+	const editable = !isDisabled && !isReadOnly;
+	const count = characterCount(text, locale);
+	const setRef = useCallback((el) => {
+		area.current = el;
+		if (typeof inputRef === "function") inputRef(el);
+		else if (inputRef) inputRef.current = el;
+	}, [inputRef]);
+	const readSelection = useCallback(() => {
+		const el = area.current;
+		if (!el) return;
+		const next = {
+			start: el.selectionStart ?? 0,
+			end: el.selectionEnd ?? 0
+		};
+		setSel((prev) => prev.start === next.start && prev.end === next.end ? prev : next);
+	}, []);
+	useEffect(() => {
+		const el = area.current;
+		if (!el) return;
+		const events = [
+			"keyup",
+			"mouseup",
+			"select",
+			"touchend"
+		];
+		for (const e of events) el.addEventListener(e, readSelection);
+		return () => {
+			for (const e of events) el.removeEventListener(e, readSelection);
+		};
+	}, [readSelection]);
+	useIsoLayoutEffect(readSelection, [text, readSelection]);
+	useIsoLayoutEffect(() => {
+		const el = area.current;
+		if (!el || currentView !== "write") return;
+		el.style.removeProperty("height");
+		const cs = getComputedStyle(el);
+		const line = Number.parseFloat(cs.lineHeight);
+		const pad = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
+		const min = minRows * line + pad;
+		const max = Math.max(maxRows, minRows) * line + pad;
+		const needed = el.scrollHeight;
+		el.style.setProperty("height", `${Math.min(Math.max(needed, min), max)}px`);
+		el.style.setProperty("overflow-y", needed > max ? "auto" : "hidden");
+		frame.current?.style.setProperty("--sti-md-min", `${Math.min(Math.max(needed, min), max)}px`);
+	}, [
+		text,
+		currentView,
+		minRows,
+		maxRows
+	]);
+	const state = () => ({
+		value: text,
+		start: sel.start,
+		end: sel.end
+	});
+	const run = (make) => {
+		const el = area.current;
+		if (!el || !editable) return;
+		el.focus();
+		const edit = make({
+			value: el.value,
+			start: el.selectionStart ?? 0,
+			end: el.selectionEnd ?? 0
+		});
+		if (!edit) return;
+		applyEdit(el, edit);
+		readSelection();
+	};
+	const historyCommand = (command) => {
+		const el = area.current;
+		if (!el || !editable) return;
+		el.focus();
+		document.execCommand(command);
+	};
+	const handleKeyDown = (e) => {
+		onKeyDown?.(e);
+		if (e.defaultPrevented || !editable || e.nativeEvent.isComposing) return;
+		const mod = e.ctrlKey || e.metaKey;
+		const key = e.key.toLowerCase();
+		let handled = true;
+		if (mod && !e.altKey && !e.shiftKey && key === "b") run((s) => toggleInline(s, "bold"));
+		else if (mod && !e.altKey && !e.shiftKey && key === "i") run((s) => toggleInline(s, "italic"));
+		else if (mod && !e.altKey && !e.shiftKey && key === "k") run((s) => linkEdit(s, t.markdownEditorLinkText));
+		else if (mod && e.shiftKey && !e.altKey && key === "x") run((s) => toggleInline(s, "strike"));
+		else if (e.key === "Enter" && !mod && !e.shiftKey && !e.altKey) {
+			const el = e.currentTarget;
+			const edit = continueListEdit({
+				value: el.value,
+				start: el.selectionStart ?? 0,
+				end: el.selectionEnd ?? 0
+			});
+			if (edit) applyEdit(el, edit);
+			else handled = false;
+		} else handled = false;
+		if (handled) e.preventDefault();
+	};
+	const combined = (v) => maxLength !== void 0 && characterCount(v, locale) > maxLength ? template(t.errorTooLong, { max: maxLength }) : null;
+	const markLabels = {
+		bold: {
+			label: t.editorBold,
+			icon: /* @__PURE__ */ jsx(BoldIcon, {})
+		},
+		italic: {
+			label: t.editorItalic,
+			icon: /* @__PURE__ */ jsx(ItalicIcon, {})
+		},
+		strike: {
+			label: t.editorStrike,
+			icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+		},
+		code: {
+			label: t.editorCode,
+			icon: /* @__PURE__ */ jsx(CodeIcon, {})
+		}
+	};
+	const blockButtons = [
+		{
+			kind: "h2",
+			label: t.editorHeading2,
+			icon: /* @__PURE__ */ jsx(HeadingTwoIcon, {})
+		},
+		{
+			kind: "h3",
+			label: t.editorHeading3,
+			icon: /* @__PURE__ */ jsx(HeadingThreeIcon, {})
+		},
+		{
+			kind: "quote",
+			label: t.editorQuote,
+			icon: /* @__PURE__ */ jsx(QuoteIcon, {})
+		},
+		{
+			kind: "ul",
+			label: t.editorBulletList,
+			icon: /* @__PURE__ */ jsx(BulletListIcon, {})
+		},
+		{
+			kind: "ol",
+			label: t.editorNumberedList,
+			icon: /* @__PURE__ */ jsx(NumberedListIcon, {})
+		},
+		{
+			kind: "task",
+			label: t.editorTaskList,
+			icon: /* @__PURE__ */ jsx(TaskListIcon, {})
+		}
+	];
+	const toolbarNode = toolbar ? /* @__PURE__ */ jsxs(Toolbar$1, {
+		"aria-label": t.editorToolbarLabel,
+		className: MarkdownEditor_module_default.toolbar,
+		children: [
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [INLINE_MARKS.map((mark) => /* @__PURE__ */ jsx(ToggleButton$1, {
+				variant: "ghost",
+				size: "sm",
+				label: markLabels[mark].label,
+				icon: markLabels[mark].icon,
+				isDisabled: !editable,
+				isSelected: isInlineActive(state(), mark),
+				onChange: () => run((s) => toggleInline(s, mark))
+			}, mark)), /* @__PURE__ */ jsx(IconButton, {
+				size: "sm",
+				label: t.editorLink,
+				icon: /* @__PURE__ */ jsx(LinkIcon, {}),
+				isDisabled: !editable,
+				onPress: () => run((s) => linkEdit(s, t.markdownEditorLinkText))
+			})] }),
+			/* @__PURE__ */ jsx(ToolbarSeparator, {}),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				blockButtons.map((b) => /* @__PURE__ */ jsx(ToggleButton$1, {
+					variant: "ghost",
+					size: "sm",
+					label: b.label,
+					icon: b.icon,
+					isDisabled: !editable,
+					isSelected: isBlockActive(state(), b.kind),
+					onChange: () => run((s) => toggleBlock(s, b.kind))
+				}, b.kind)),
+				/* @__PURE__ */ jsx(IconButton, {
+					size: "sm",
+					label: t.editorCodeBlock,
+					icon: /* @__PURE__ */ jsx(CodeBlockIcon, {}),
+					isDisabled: !editable,
+					onPress: () => run(codeBlockEdit)
+				}),
+				/* @__PURE__ */ jsx(IconButton, {
+					size: "sm",
+					label: t.editorRule,
+					icon: /* @__PURE__ */ jsx(RuleIcon, {}),
+					isDisabled: !editable,
+					onPress: () => run(ruleEdit)
+				})
+			] }),
+			/* @__PURE__ */ jsx(ToolbarSeparator, {}),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(IconButton, {
+				size: "sm",
+				label: t.editorUndo,
+				icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+				isDisabled: !editable,
+				onPress: () => historyCommand("undo")
+			}), /* @__PURE__ */ jsx(IconButton, {
+				size: "sm",
+				label: t.editorRedo,
+				icon: /* @__PURE__ */ jsx(RedoIcon, {}),
+				isDisabled: !editable,
+				onPress: () => historyCommand("redo")
+			})] })
+		]
+	}) : null;
+	const input = /* @__PURE__ */ jsx(TextArea, {
+		ref: setRef,
+		className: MarkdownEditor_module_default.input,
+		rows: minRows,
+		placeholder,
+		onKeyDown: handleKeyDown
+	});
+	const preview = text.trim() === "" ? /* @__PURE__ */ jsx("p", {
+		className: MarkdownEditor_module_default.empty,
+		children: t.markdownEditorPreviewEmpty
+	}) : /* @__PURE__ */ jsx(Markdown, {
+		source: text,
+		userContent: true,
+		fullWidth: true,
+		size: "sm",
+		allowImages,
+		locale,
+		externalLinksInNewTab: true
+	});
+	const labelNode = hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(FieldLabel, { children: label }) }) : /* @__PURE__ */ jsx(FieldLabel, { children: label });
+	const footer = maxLength !== void 0 ? /* @__PURE__ */ jsx("div", {
+		className: MarkdownEditor_module_default.footer,
+		children: /* @__PURE__ */ jsx(CharacterCounter, {
+			count,
+			max: maxLength
+		})
+	}) : null;
+	const body = layout === "split" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: MarkdownEditor_module_default.bar,
+			children: toolbarNode
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: MarkdownEditor_module_default.split,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: MarkdownEditor_module_default.pane,
+				children: input
+			}), /* @__PURE__ */ jsx("section", {
+				className: MarkdownEditor_module_default.previewPane,
+				"aria-label": t.markdownEditorPreview,
+				tabIndex: 0,
+				children: preview
+			})]
+		}),
+		footer
+	] }) : /* @__PURE__ */ jsxs(Tabs$1, {
+		selectedKey: currentView,
+		onSelectionChange: (k) => {
+			const next = k;
+			if (view === void 0) setInnerView(next);
+			onViewChange?.(next);
+		},
+		className: MarkdownEditor_module_default.tabs,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: MarkdownEditor_module_default.bar,
+				children: [/* @__PURE__ */ jsxs(TabList$1, {
+					"aria-label": t.markdownEditorViews,
+					children: [/* @__PURE__ */ jsx(Tab$1, {
+						id: "write",
+						children: t.markdownEditorWrite
+					}), /* @__PURE__ */ jsx(Tab$1, {
+						id: "preview",
+						children: t.markdownEditorPreview
+					})]
+				}), currentView === "write" ? toolbarNode : null]
+			}),
+			/* @__PURE__ */ jsx(TabPanel$1, {
+				id: "write",
+				shouldForceMount: true,
+				className: MarkdownEditor_module_default.panel,
+				children: input
+			}),
+			/* @__PURE__ */ jsx(TabPanel$1, {
+				id: "preview",
+				className: MarkdownEditor_module_default.previewPanel,
+				children: preview
+			}),
+			currentView === "write" ? footer : null
+		]
+	});
+	return /* @__PURE__ */ jsxs(TextField, {
+		id,
+		value: text,
+		onChange: (v) => {
+			if (value === void 0) setInner(v);
+			onChange?.(v);
+		},
+		name,
+		validate: combined,
+		isRequired,
+		isDisabled,
+		isReadOnly,
+		isInvalid,
+		autoFocus,
+		"data-layout": layout,
+		className: [
+			fieldStyles.root,
+			MarkdownEditor_module_default.root,
+			className
+		].filter(Boolean).join(" "),
+		children: [
+			labelNode,
+			/* @__PURE__ */ jsx("div", {
+				ref: frame,
+				className: MarkdownEditor_module_default.frame,
+				children: body
+			}),
+			description ? /* @__PURE__ */ jsx(FieldDescription, { children: description }) : null,
+			/* @__PURE__ */ jsx(FieldErrorText, { errorMessage })
+		]
+	});
+}
+export { MarkdownEditor };

package/dist/editor/MarkdownEditor/MarkdownEditor.module.js

@@ -0,0 +1,18 @@
+import './MarkdownEditor.css';
+// src/editor/MarkdownEditor/MarkdownEditor.module.css
+var MarkdownEditor_module_default = {
+	"root": "sti-MarkdownEditor-root-e6e3a",
+	"frame": "sti-MarkdownEditor-frame-bb380",
+	"tabs": "sti-MarkdownEditor-tabs-60cfd",
+	"bar": "sti-MarkdownEditor-bar-4a424",
+	"toolbar": "sti-MarkdownEditor-toolbar-8b529",
+	"panel": "sti-MarkdownEditor-panel-da748",
+	"previewPanel": "sti-MarkdownEditor-previewPanel-93a37",
+	"input": "sti-MarkdownEditor-input-703b3",
+	"previewPane": "sti-MarkdownEditor-previewPane-24a28",
+	"empty": "sti-MarkdownEditor-empty-17dbe",
+	"footer": "sti-MarkdownEditor-footer-941ae",
+	"split": "sti-MarkdownEditor-split-39df0",
+	"pane": "sti-MarkdownEditor-pane-1509b"
+};
+export { MarkdownEditor_module_default as default };

package/dist/editor/MarkdownEditor/commands.js

@@ -0,0 +1,198 @@
+import { lineBounds } from "../_shared/textEdit.js";
+// src/editor/MarkdownEditor/commands.ts
+/**
+* Markdown düzenleyicisinin saf biçimlendirme komutları. Hepsi (metin, seçim) alır, bir `TextEdit`
+* döndürür (uygulama `applyEdit` ile yapılır); DOM'a dokunmaz ve Node'da denenir.
+*/
+const MARKERS = {
+	bold: "**",
+	italic: "*",
+	strike: "~~",
+	code: "`"
+};
+const edit = (from, to, insert, selStart, selEnd = selStart) => ({
+	from,
+	to,
+	insert,
+	selectStart: selStart,
+	selectEnd: selEnd
+});
+/** Bir konumun iki yanındaki ardışık aynı karakterlerin sayısı. */
+function runLength(value, from, step, ch) {
+	let n = 0;
+	for (let i = from; i >= 0 && i < value.length && value[i] === ch; i += step) n += 1;
+	return n;
+}
+/** `*` dizileri: `*` italik, `**` kalın, `***` ikisi; tek tek çift ve tek sayıya bakılır. */
+function asteriskCovers(mark, run) {
+	if (mark === "bold") return run >= 2;
+	return run === 1 || run === 3;
+}
+/**
+* Seçimin satıra göre sarıldığı işaret: seçimin hemen dışında ya da seçimin içinde (başında ve
+* sonunda). Dönen değer işaretin uzunluğu ve sarmanın seçimin içinde olup olmadığıdır.
+*/
+function wrapping(state, mark) {
+	const m = MARKERS[mark];
+	const { value, start, end } = state;
+	const asterisk = m.startsWith("*");
+	if (value.slice(start - m.length, start) === m && value.slice(end, end + m.length) === m) {
+		if (!asterisk) return { inside: false };
+		const before = runLength(value, start - 1, -1, "*");
+		const after = runLength(value, end, 1, "*");
+		if (asteriskCovers(mark, Math.min(before, after))) return { inside: false };
+	}
+	const sel = value.slice(start, end);
+	if (sel.length > 2 * m.length && sel.startsWith(m) && sel.endsWith(m)) {
+		if (!asterisk) return { inside: true };
+		const lead = runLength(sel, 0, 1, "*");
+		const tail = runLength(sel, sel.length - 1, -1, "*");
+		if (asteriskCovers(mark, Math.min(lead, tail))) return { inside: true };
+	}
+	return null;
+}
+/** Araç çubuğunun "basılı" göstergesi için: seçim bu işaretle sarılı mı. */
+function isInlineActive(state, mark) {
+	return wrapping(state, mark) !== null;
+}
+/** Kalın, italik, üstü çizili ve satır içi kod: sarar ya da (sarılıysa) sarmayı kaldırır. */
+function toggleInline(state, mark) {
+	const m = MARKERS[mark];
+	const { value, start, end } = state;
+	const found = wrapping(state, mark);
+	if (found && !found.inside) return edit(start - m.length, end + m.length, value.slice(start, end), start - m.length, end - m.length);
+	if (found?.inside) {
+		const inner = value.slice(start + m.length, end - m.length);
+		return edit(start, end, inner, start, start + inner.length);
+	}
+	if (start === end) return edit(start, end, m + m, start + m.length);
+	const sel = value.slice(start, end);
+	const lead = sel.length - sel.trimStart().length;
+	const core = sel.trim();
+	if (core === "") return edit(start, end, m + m, start + m.length);
+	const text = sel.slice(0, lead) + m + core + m + sel.slice(lead + core.length);
+	const from = start + lead + m.length;
+	return edit(start, end, text, from, from + core.length);
+}
+const LINE = /^([ \t]*)((?:>[ \t]?)*)((?:#{1,6}[ \t]+)|(?:[-*+][ \t]+\[[ xX]\][ \t]+)|(?:[-*+][ \t]+)|(?:\d{1,9}[.)][ \t]+))?(.*)$/;
+function parseLine(line) {
+	const m = LINE.exec(line);
+	return {
+		indent: m[1] ?? "",
+		quote: m[2] ?? "",
+		marker: m[3] ?? "",
+		body: m[4] ?? ""
+	};
+}
+function kindOfMarker(marker) {
+	if (/^#{2}[ \t]/.test(marker)) return "h2";
+	if (/^#{3}[ \t]/.test(marker)) return "h3";
+	if (/^[-*+][ \t]+\[[ xX]\]/.test(marker)) return "task";
+	if (/^[-*+][ \t]/.test(marker)) return "ul";
+	if (/^\d/.test(marker)) return "ol";
+	return null;
+}
+function affectedLines(state) {
+	const first = lineBounds(state.value, state.start);
+	let endPos = state.end;
+	if (state.end > state.start && state.value[state.end - 1] === "\n") endPos = state.end - 1;
+	const last = lineBounds(state.value, endPos);
+	return {
+		from: first.start,
+		to: last.end,
+		lines: state.value.slice(first.start, last.end).split("\n")
+	};
+}
+/** Araç çubuğunun "basılı" göstergesi için: seçili satırların tümü bu türdeyse doğru. */
+function isBlockActive(state, kind) {
+	const { lines } = affectedLines(state);
+	const filled = lines.filter((l) => l.trim() !== "");
+	if (filled.length === 0) return false;
+	return filled.every((l) => {
+		const p = parseLine(l);
+		return kind === "quote" ? p.quote !== "" : kindOfMarker(p.marker) === kind;
+	});
+}
+/** Başlık, alıntı ve liste önekleri: seçili satırlara ekler; hepsi o türdeyse kaldırır. */
+function toggleBlock(state, kind) {
+	const { from, to, lines } = affectedLines(state);
+	const remove = isBlockActive(state, kind);
+	let n = 0;
+	const insert = lines.map((line) => {
+		if (line.trim() === "" && lines.length > 1) return line;
+		const p = parseLine(line);
+		if (kind === "quote") return remove ? p.indent + p.quote.replace(/^>[ \t]?/, "") + p.marker + p.body : `${p.indent}> ${p.quote}${p.marker}${p.body}`;
+		if (remove) return p.indent + p.quote + p.body;
+		n += 1;
+		const marker = kind === "h2" ? "## " : kind === "h3" ? "### " : kind === "ul" ? "- " : kind === "task" ? "- [ ] " : `${n}. `;
+		return p.indent + p.quote + marker + p.body;
+	}).join("\n");
+	if (lines.length === 1 && state.start === state.end) {
+		const delta = insert.length - (to - from);
+		const caret = Math.max(from, state.start + delta);
+		return edit(from, to, insert, caret);
+	}
+	return edit(from, to, insert, from, from + insert.length);
+}
+/** `[metin](adres)`: seçim metin olur; seçim bir adresse metin yer tutucu olur. */
+function linkEdit(state, placeholder) {
+	const { value, start, end } = state;
+	const sel = value.slice(start, end);
+	if (/^(https?:\/\/|mailto:|tel:)\S+$/i.test(sel)) {
+		const text = `[${placeholder}](${sel})`;
+		return edit(start, end, text, start + 1, start + 1 + placeholder.length);
+	}
+	const label = sel === "" ? placeholder : sel;
+	const text = `[${label}](https://)`;
+	const urlStart = start + label.length + 3;
+	return edit(start, end, text, urlStart, urlStart + 8);
+}
+/** Çitli kod bloğu: seçimi sarar; zaten sarılıysa kaldırır. */
+function codeBlockEdit(state) {
+	const { value, start, end } = state;
+	const before = value.slice(0, start);
+	const after = value.slice(end);
+	const open = /(^|\n)```[^\n`]*\n$/.exec(before);
+	const close = /^\n```(?=\n|$)/.exec(after);
+	if (open && close) {
+		const from = start - (open[0].length - (open[1] ?? "").length);
+		return edit(from, end + close[0].length, value.slice(start, end), from, from + (end - start));
+	}
+	const sel = value.slice(start, end);
+	const lead = start === 0 || value[start - 1] === "\n" ? "" : "\n";
+	const text = `${lead}\`\`\`\n${sel}\n\`\`\`${after.startsWith("\n") || after === "" ? "" : "\n"}`;
+	const caret = start + lead.length + 4;
+	return edit(start, end, text, caret, caret + sel.length);
+}
+/** Yatay çizgi: geçerli satırın altına, öncesinde boş satır bırakarak ekler. */
+function ruleEdit(state) {
+	const { value, end } = state;
+	const { start: ls, end: le } = lineBounds(value, end);
+	const text = `${value.slice(ls, le).trim() !== "" ? "\n\n" : "\n"}---\n`;
+	return edit(le, le, text, le + text.length);
+}
+/**
+* Enter: liste, görev ve alıntı satırında bir sonraki öğeyi açar; öğe boşsa listeden çıkar.
+* İmleç önekin içindeyse ya da satır liste değilse `null` (tarayıcı satır ekler).
+*/
+function continueListEdit(state) {
+	const { value, start, end } = state;
+	if (start !== end) return null;
+	const { start: ls, end: le } = lineBounds(value, start);
+	const p = parseLine(value.slice(ls, le));
+	const prefixLength = p.indent.length + p.quote.length + p.marker.length;
+	if (p.marker === "" && p.quote === "") return null;
+	if (start - ls < prefixLength) return null;
+	if (p.body.trim() === "" && start === le) {
+		const rest = p.quote === "" ? "" : p.indent + p.quote.replace(/>[ \t]?$/, "");
+		return edit(ls, le, rest, ls + rest.length);
+	}
+	let next = p.marker;
+	if (/^\d/.test(next)) {
+		const n = Number.parseInt(next, 10) + 1;
+		next = next.replace(/^\d+/, String(n));
+	} else if (/\[[ xX]\]/.test(next)) next = next.replace(/\[[ xX]\]/, "[ ]");
+	const insert = `\n${p.indent}${p.quote}${next}`;
+	return edit(start, end, insert, start + insert.length);
+}
+export { codeBlockEdit, continueListEdit, isBlockActive, isInlineActive, linkEdit, ruleEdit, toggleBlock, toggleInline };

package/dist/editor/MarkdownEditor/index.d.ts

@@ -0,0 +1,2 @@
+import { MarkdownEditor, MarkdownEditorProps, MarkdownEditorView } from "./MarkdownEditor.js";
+export { MarkdownEditor, MarkdownEditorProps, MarkdownEditorView };