@meowdown/react 0.49.0 → 0.51.0

package/dist/index.js

@@ -1,10 +1,11 @@
 import { clsx } from "clsx/lite";
 import { Fragment, cloneElement, createElement, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { buildFileMarkdown, codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineSubstitution, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getVirtualElementFromRange, inlineTextToMarkChunks, isCodeBlockPreviewHiddenDecoration, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
+import { buildFileMarkdown, codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineSubstitution, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, isCodeBlockPreviewHiddenDecoration, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
 import { clamp } from "@ocavue/utils";
 import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
 import { Selection, TextSelection } from "@prosekit/pm/state";
 import { ProseKit, defineReactNodeView, useEditor, useEditor as useEditor$1, useEditorDerivedValue, useExtension, useExtension as useExtension$1, useKeymap } from "@prosekit/react";
+import GithubSlugger from "github-slugger";
 import { Combobox } from "@base-ui/react/combobox";
 import { CheckIcon, ChevronsUpDownIcon, CopyIcon, GripHorizontalIcon, GripVerticalIcon, PencilIcon, SparklesIcon, UnlinkIcon } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1090,6 +1091,11 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch, onFilePaste, onFileSa
 				"data-testid": "slash-menu",
 				children: [
 					!inTableCell && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(SlashMenuItem, {
+							label: "Text",
+							keywords: ["paragraph", "plain"],
+							onSelect: () => editor.commands.turnIntoText()
+						}),
 						/* @__PURE__ */ jsx(SlashMenuItem, {
 							label: "Heading 1",
 							kbd: "#",
@@ -1556,54 +1562,19 @@ function decodeHeadingFragment(fragment) {
 function headingLookupKey(value) {
 	return value.normalize("NFKC").trim().replaceAll(/\s+/g, " ").toLowerCase();
 }
-const HEADING_HIDDEN_MARKS = /* @__PURE__ */ new Set([
-	"mdMark",
-	"mdLinkUri",
-	"mdLinkTitle"
-]);
-const HEADING_ATOM_MARKS = /* @__PURE__ */ new Set([
-	"mdWikilink",
-	"mdImage",
-	"mdFile",
-	"mdMath"
-]);
-function headingAtomText(mark) {
-	const attrs = mark.attrs;
-	const stringAttr = (name) => {
-		const value = attrs[name];
-		return typeof value === "string" ? value : "";
-	};
-	if (mark.type.name === "mdWikilink") return stringAttr("display") || stringAttr("target");
-	if (mark.type.name === "mdImage") return stringAttr("alt");
-	if (mark.type.name === "mdFile") return stringAttr("name");
-	if (mark.type.name === "mdMath") return stringAttr("formula");
-	return "";
-}
-/** The heading as its live-preview marks display it, with syntax runs omitted. */
-function headingDisplayText(heading) {
-	let output = "";
-	let previousAtom;
-	heading.forEach((child) => {
-		if (!child.isText || !child.text) return;
-		const atom = child.marks.find((mark) => HEADING_ATOM_MARKS.has(mark.type.name));
-		if (atom) {
-			if (!previousAtom?.eq(atom)) output += headingAtomText(atom);
-			previousAtom = atom;
-			return;
-		}
-		previousAtom = void 0;
-		if (child.marks.some((mark) => HEADING_HIDDEN_MARKS.has(mark.type.name))) return;
-		output += child.text;
-	});
-	return output;
-}
 function findHeadingPosition(doc, fragment) {
-	const target = headingLookupKey(decodeHeadingFragment(fragment));
+	const decodedTarget = decodeHeadingFragment(fragment);
+	const target = headingLookupKey(decodedTarget);
 	if (!target) return;
+	const slugTarget = decodedTarget.normalize("NFKC").toLowerCase();
+	const slugger = new GithubSlugger();
 	let match;
 	doc.descendants((node, pos) => {
 		if (match != null) return false;
-		if (node.type.name === "heading" && (headingLookupKey(node.textContent) === target || headingLookupKey(headingDisplayText(node)) === target)) {
+		if (node.type.name !== "heading") return true;
+		const displayText = getTextblockDisplayText(node);
+		const slug = slugger.slug(displayText);
+		if (headingLookupKey(node.textContent) === target || headingLookupKey(displayText) === target || slug === slugTarget) {
 			match = pos + 1;
 			return false;
 		}
@@ -1971,7 +1942,7 @@ function attributesToProps(attributes = {}, nodeName) {
 		let propName = getPropName(attributeNameLowerCased);
 		if (propName) {
 			const propertyInfo = getPropertyInfo(propName);
-			if (UNCONTROLLED_COMPONENT_ATTRIBUTES.includes(propName) && UNCONTROLLED_COMPONENT_NAMES.includes(nodeName) && !isInputValueOnly) propName = getPropName("default" + attributeNameLowerCased);
+			if (!isInputValueOnly && UNCONTROLLED_COMPONENT_ATTRIBUTES.includes(propName) && UNCONTROLLED_COMPONENT_NAMES.includes(nodeName)) propName = getPropName("default" + attributeNameLowerCased);
 			props[propName] = attributeValue;
 			switch (propertyInfo?.type) {
 				case BOOLEAN:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.49.0",
+  "version": "0.51.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,9 +24,10 @@
     "@prosekit/pm": "^0.1.19-beta.3",
     "@prosekit/react": "^0.8.0-beta.21",
     "clsx": "^2.1.1",
+    "github-slugger": "^2.0.0",
     "lucide-react": "^1.24.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.49.0"
+    "@meowdown/core": "0.51.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -43,14 +44,14 @@
   "devDependencies": {
     "@css-modules-kit/codegen": "^1.4.0",
     "@ocavue/tsconfig": "^0.7.1",
-    "@tsdown/css": "^0.22.7",
+    "@tsdown/css": "^0.22.8",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitest/browser-playwright": "^4.1.10",
     "dedent": "^1.7.2",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "tsdown": "^0.22.7",
+    "tsdown": "^0.22.8",
     "vitest": "^4.1.10",
     "vitest-browser-commands": "^0.2.1",
     "vitest-browser-react": "^2.2.0",