@meowdown/react 0.55.1 → 0.57.0

package/README.md

@@ -58,6 +58,8 @@ Slash menu host items can include `keywords` to match hidden terms without chang
 
 The caret glides between positions by default; pass `caretGlide={false}` to move it instantly (hosts can also tune the duration via the `--meowdown-caret-glide` CSS variable).
 
+`MarkdownView` folds collapsed (`+`) bullets like the editor; pass `expandCollapsed` to render them expanded at every depth, for views that show slices of a note (e.g. a backlinks panel) where the source's fold state must not hide the content the view exists to show.
+
 ### Wiki embeds
 
 Obsidian-style wiki embeds (`![[path]]`, with optional `|width` or

package/dist/index.d.ts

@@ -444,6 +444,13 @@ interface MarkdownViewProps {
    * YouTube embeds are omitted before any image resolver runs.
    */
   interactive?: boolean;
+  /**
+   * Render collapsed (`+`) bullets expanded, ignoring their fold state at any
+   * depth. Off by default. For views that show slices of a note (e.g. a
+   * backlinks panel), where the source's fold state must not hide the content
+   * the view exists to show.
+   */
+  expandCollapsed?: boolean;
   /** Map an image `src` to a displayable URL, or `undefined` to skip it. */
   resolveImageUrl?: (src: string) => string | undefined;
   /**
@@ -479,7 +486,7 @@ interface MarkdownViewProps {
  * Callbacks (`onWikilinkClick`, etc.) and resolvers should be stable; pass them via
  * `useCallback` to avoid re-rendering the whole tree.
  */
-declare function MarkdownView({ markdown, markMode, frontmatter, interactive, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveFileInfo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }: MarkdownViewProps): ReactElement;
+declare function MarkdownView({ markdown, markMode, frontmatter, interactive, expandCollapsed, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveFileInfo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }: MarkdownViewProps): ReactElement;
 //#endregion
 //#region src/components/wikilink-hover-card.d.ts
 /** Props for {@link WikilinkHoverCard}. */

package/dist/index.js

@@ -1708,7 +1708,7 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 		function getState() {
 			return [getMarkdown(), getSelection()];
 		}
-		function replaceState(markdown, selection, addToHistory = true) {
+		function replaceState(markdown, selection, addToHistory = true, forceMarkdown = false) {
 			if (markdown == null && !selection) return;
 			const transaction = editor.state.tr;
 			if (markdown != null) {
@@ -1716,7 +1716,10 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 					nodes: editor.nodes,
 					frontmatter
 				});
-				transaction.replaceWith(0, transaction.doc.content.size, doc.content);
+				const currentMarkdown = docToMarkdown(transaction.doc, { frontmatter });
+				const nextMarkdown = docToMarkdown(doc, { frontmatter });
+				if (forceMarkdown || currentMarkdown !== nextMarkdown) transaction.replaceWith(0, transaction.doc.content.size, doc.content);
+				else if (!selection) return;
 			}
 			if (selection) transaction.setSelection(resolveSelection(transaction.doc, selection)).scrollIntoView();
 			if (!addToHistory) transaction.setMeta("addToHistory", false);
@@ -1735,7 +1738,7 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 		}
 		function refreshMarkdownRendering() {
 			const [markdown, selection] = getState();
-			replaceState(markdown, selection, false);
+			replaceState(markdown, selection, false, true);
 		}
 		function insertMarkdown(markdown) {
 			editor.commands.insertMarkdown(markdown);
@@ -2455,7 +2458,14 @@ function renderBlock(node, context) {
 	const typeName = node.type.name;
 	let handleTaskClick;
 	if (typeName === "list") {
-		const attrs = node.attrs;
+		let attrs = node.attrs;
+		if (context.expandCollapsed && attrs.collapsed) {
+			attrs = {
+				...attrs,
+				collapsed: false
+			};
+			node = node.type.create(attrs, node.content, node.marks);
+		}
 		const { onTaskClick } = context;
 		if (attrs.kind === "task" && onTaskClick) {
 			const index = context.taskCounter.value++;
@@ -2505,11 +2515,12 @@ function renderBlock(node, context) {
 * Callbacks (`onWikilinkClick`, etc.) and resolvers should be stable; pass them via
 * `useCallback` to avoid re-rendering the whole tree.
 */
-function MarkdownView({ markdown, markMode = "hide", frontmatter = false, interactive = true, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveFileInfo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }) {
+function MarkdownView({ markdown, markMode = "hide", frontmatter = false, interactive = true, expandCollapsed = false, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveFileInfo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }) {
 	const content = useMemo(() => {
 		const doc = markdownToDoc(markdown, { frontmatter });
 		const context = {
 			interactive,
+			expandCollapsed,
 			resolveImageUrl,
 			resolveFileLink,
 			resolveWikiEmbed,
@@ -2527,6 +2538,7 @@ function MarkdownView({ markdown, markMode = "hide", frontmatter = false, intera
 		markdown,
 		frontmatter,
 		interactive,
+		expandCollapsed,
 		resolveImageUrl,
 		resolveFileLink,
 		resolveWikiEmbed,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.55.1",
+  "version": "0.57.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,13 +25,13 @@
     "@ocavue/utils": "^1.7.0",
     "@prosekit/core": "^0.13.0-beta.6",
     "@prosekit/pm": "^0.1.19-beta.3",
-    "@prosekit/react": "^0.8.0-beta.21",
+    "@prosekit/react": "^0.8.0-beta.22",
     "beautiful-mermaid": "^1.1.3",
     "clsx": "^2.1.1",
     "github-slugger": "^2.0.0",
     "lucide-react": "^1.24.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.55.1"
+    "@meowdown/core": "0.57.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",