@meowdown/react 0.34.0 → 0.35.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx/lite";
 import { Fragment, createElement, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLPaste, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineMarkMode, defineMarkdownCopy, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkTrigger, docToMarkdown, getCodeTokens, getMarkBuilders, getPendingReplacement, getSelectedText, getVirtualElementFromRange, inlineTextToMarkChunks, isSelectionInTableCell, listenForTweetHeight, markdownToDoc, matchEmbed } from "@meowdown/core";
+import { codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLPaste, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineMarkdownCopy, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkTrigger, docToMarkdown, getCodeTokens, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getVirtualElementFromRange, inlineTextToMarkChunks, isSelectionInTableCell, listenForTweetHeight, markdownToDoc, matchEmbed } 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";
@@ -217,9 +217,10 @@ function DropIndicator$1() {
 //#endregion
 //#region src/components/editor-extensions.tsx
 function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick, onTagClick, onExitBoundary, resolveImageUrl, resolveFileInfo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, bulletAfterHeading, placeholder, readOnly, wikilinkEnabled, spellCheck }) {
-	useExtension$1(useMemo(() => {
-		return defineMarkMode(markMode);
-	}, [markMode]));
+	const editor = useEditor$1();
+	useEffect(() => {
+		editor.commands.setMarkMode(markMode);
+	}, [editor, markMode]);
 	useExtension$1(useMemo(() => {
 		return readOnly ? defineReadonly() : null;
 	}, [readOnly]));
@@ -1070,7 +1071,13 @@ var table_handle_module_default = {
 //#region src/components/table-handle.tsx
 function getTableHandleState(editor) {
 	const commands = editor.commands;
+	const columnAlign = getTableColumnAlign(editor.state);
 	return {
+		columnAlign,
+		setTableColumnAlign: {
+			canExec: commands.setTableColumnAlign.canExec("left"),
+			command: (align) => commands.setTableColumnAlign(columnAlign === align ? null : align)
+		},
 		addTableColumnBefore: {
 			canExec: commands.addTableColumnBefore.canExec(),
 			command: () => commands.addTableColumnBefore()
@@ -1105,6 +1112,21 @@ function getTableHandleState(editor) {
 		}
 	};
 }
+const COLUMN_ALIGN_LABELS = {
+	left: "Align Left",
+	center: "Align Center",
+	right: "Align Right"
+};
+function ColumnAlignMenuItem({ align, columnAlign, onSelect }) {
+	const active = columnAlign === align;
+	return /* @__PURE__ */ jsxs(MenuItem, {
+		className: table_handle_module_default.MenuItem,
+		"data-testid": `table-align-${align}`,
+		"data-active": active ? "" : void 0,
+		onSelect,
+		children: [/* @__PURE__ */ jsx("span", { children: COLUMN_ALIGN_LABELS[align] }), active && /* @__PURE__ */ jsx(CheckIcon, {})]
+	});
+}
 function TableHandle() {
 	const state = useEditorDerivedValue(getTableHandleState);
 	return /* @__PURE__ */ jsxs(TableHandleRoot, { children: [
@@ -1136,6 +1158,23 @@ function TableHandle() {
 								onSelect: state.addTableColumnAfter.command,
 								children: /* @__PURE__ */ jsx("span", { children: "Insert Right" })
 							}),
+							state.setTableColumnAlign.canExec && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+								/* @__PURE__ */ jsx(ColumnAlignMenuItem, {
+									align: "left",
+									columnAlign: state.columnAlign,
+									onSelect: () => state.setTableColumnAlign.command("left")
+								}),
+								/* @__PURE__ */ jsx(ColumnAlignMenuItem, {
+									align: "center",
+									columnAlign: state.columnAlign,
+									onSelect: () => state.setTableColumnAlign.command("center")
+								}),
+								/* @__PURE__ */ jsx(ColumnAlignMenuItem, {
+									align: "right",
+									columnAlign: state.columnAlign,
+									onSelect: () => state.setTableColumnAlign.command("right")
+								})
+							] }),
 							state.deleteCellSelection.canExec && /* @__PURE__ */ jsxs(MenuItem, {
 								className: table_handle_module_default.MenuItem,
 								"data-testid": "table-clear-column",
@@ -1366,7 +1405,10 @@ function resolveSelection(doc, selection) {
 }
 function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveFileInfo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, bulletAfterHeading, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, timeFormat, editorClassName, ref, children }) {
 	const [editor] = useState(() => {
-		const editor = createEditor({ extension: union(defineEditorExtension({ resolveFileLink }), defineCodeBlockView()) });
+		const editor = createEditor({ extension: union(defineEditorExtension({
+			resolveFileLink,
+			markMode
+		}), defineCodeBlockView()) });
 		if (initialMarkdown) editor.setContent(markdownToDoc(initialMarkdown, {
 			nodes: editor.nodes,
 			frontmatter

package/dist/style.css

@@ -740,6 +740,13 @@
     opacity: .8;
     font-size: .75rem;
   }
+
+  & svg {
+    width: 1rem;
+    height: 1rem;
+    color: var(--meowdown-muted);
+    display: block;
+  }
 }
 .meowdown {
   flex-direction: column;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,10 +22,10 @@
     "@ocavue/utils": "^1.7.0",
     "@prosekit/core": "^0.13.0-beta.5",
     "@prosekit/pm": "^0.1.19-beta.2",
-    "@prosekit/react": "^0.8.0-beta.16",
+    "@prosekit/react": "^0.8.0-beta.17",
     "clsx": "^2.1.1",
     "lucide-react": "^1.21.0",
-    "@meowdown/core": "0.34.0"
+    "@meowdown/core": "0.35.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",