@meowdown/react 0.25.0 → 0.27.0

package/dist/index.d.ts

@@ -3,6 +3,9 @@ import { ExitBoundaryHandler, ImageClickHandler, ImageOptions, LinkClickHandler,
 import { SelectionJSON, SelectionJSON as SelectionJSON$1 } from "@prosekit/core";
 import { useEditor, useExtension, useKeymap } from "@prosekit/react";
 
+//#region src/utils/date-format.d.ts
+type TimeFormat = '12' | '24';
+//#endregion
 //#region src/components/types.d.ts
 /** A selection to restore: an exact JSON selection, or a document edge. */
 type SelectionHint = SelectionJSON$1 | 'start' | 'end';
@@ -198,6 +201,11 @@ interface EditorProps {
    * to the browser's behavior. Ignored in source mode.
    */
   spellCheck?: boolean;
+  /**
+   * Clock format the `/now` slash command inserts: '12' for "3:45pm" or '24'
+   * for "15:45". Defaults to '12'. Ignored in source mode.
+   */
+  timeFormat?: TimeFormat;
   /** Class on the editable root (the contenteditable). Rich modes only. */
   editorClassName?: string;
   /** Class on the outer `.meowdown` wrapper div. */
@@ -229,6 +237,7 @@ declare function MeowdownEditor({
   placeholder,
   readOnly,
   spellCheck,
+  timeFormat,
   editorClassName,
   wrapperClassName,
   handleRef,
@@ -276,4 +285,4 @@ declare function MarkdownView({
   className
 }: MarkdownViewProps): ReactElement;
 //#endregion
-export { type EditorHandle, type EditorMode, type EditorProps, type EditorStateSnapshot, MarkdownView, type MarkdownViewProps, MeowdownEditor, type SelectionHint, type SelectionJSON, type TagItem, type TagSearchHandler, type WikilinkItem, type WikilinkSearchHandler, useEditor, useExtension, useKeymap };
+export { type EditorHandle, type EditorMode, type EditorProps, type EditorStateSnapshot, MarkdownView, type MarkdownViewProps, MeowdownEditor, type SelectionHint, type SelectionJSON, type TagItem, type TagSearchHandler, type TimeFormat, type WikilinkItem, type WikilinkSearchHandler, useEditor, useExtension, useKeymap };

package/dist/index.js

@@ -656,6 +656,23 @@ function LinkMenu({ onLinkClick, onLinkCopy }) {
 	return null;
 }
 
+//#endregion
+//#region src/utils/date-format.ts
+/** Formats the current wall-clock time for the `/now` slash command. */
+function formatNowTime(timeFormat) {
+	return formatTime(/* @__PURE__ */ new Date(), timeFormat);
+}
+/** Formats a given time as `3:45pm` ('12') or `15:45` ('24'). */
+function formatTime(date, timeFormat) {
+	return timeFormat === "12" ? formatTime12(date) : formatTime24(date);
+}
+function formatTime12(date) {
+	return `${date.getHours() % 12 || 12}:${date.getMinutes().toString().padStart(2, "0")}${date.getHours() >= 12 ? "pm" : "am"}`;
+}
+function formatTime24(date) {
+	return `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+}
+
 //#endregion
 //#region src/components/autocomplete-menu.module.css
 var autocomplete_menu_module_default = {
@@ -676,7 +693,7 @@ function SlashMenuItem({ label, kbd, onSelect }) {
 		children: [/* @__PURE__ */ jsx("span", { children: label }), kbd && /* @__PURE__ */ jsx("kbd", { children: kbd })]
 	});
 }
-function SlashMenu() {
+function SlashMenu({ timeFormat = "12" }) {
 	const editor = useEditor$1();
 	return /* @__PURE__ */ jsx(AutocompleteRoot, {
 		regex: regex$2,
@@ -744,6 +761,10 @@ function SlashMenu() {
 							header: true
 						})
 					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Now",
+						onSelect: () => editor.commands.insertText({ text: formatNowTime(timeFormat) })
+					}),
 					/* @__PURE__ */ jsx(AutocompleteEmpty, {
 						className: autocomplete_menu_module_default.Item,
 						children: "No results"
@@ -1060,7 +1081,7 @@ function resolveSelection(doc, selection) {
 		return TextSelection.between(doc.resolve(anchor), doc.resolve(head));
 	}
 }
-function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, onLinkClick, onLinkCopy, onTagClick, onExitBoundary, resolveImageUrl, onImagePaste, onImageSaveError, onImageClick, embedPaste, bulletAfterHeading, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, editorClassName, ref, children }) {
+function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, onLinkClick, onLinkCopy, onTagClick, onExitBoundary, resolveImageUrl, onImagePaste, onImageSaveError, onImageClick, embedPaste, bulletAfterHeading, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, timeFormat, editorClassName, ref, children }) {
 	const [editor] = useState(() => {
 		const editor = createEditor({ extension: union(defineEditorExtension(), defineCodeBlockView()) });
 		if (initialMarkdown) editor.setContent(markdownToDoc(initialMarkdown, {
@@ -1157,7 +1178,7 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onTa
 			blockHandle && !readOnly && /* @__PURE__ */ jsx(BlockHandle, {}),
 			!readOnly && /* @__PURE__ */ jsx(TableHandle, {}),
 			blockHandle && !readOnly && /* @__PURE__ */ jsx(DropIndicator$1, {}),
-			/* @__PURE__ */ jsx(SlashMenu, {}),
+			/* @__PURE__ */ jsx(SlashMenu, { timeFormat }),
 			!readOnly && /* @__PURE__ */ jsx(LinkMenu, {
 				onLinkClick,
 				onLinkCopy
@@ -1171,7 +1192,7 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onTa
 
 //#endregion
 //#region src/components/editor.tsx
-function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, onLinkClick, onLinkCopy, onTagClick, onExitBoundary, resolveImageUrl, onImagePaste, onImageSaveError, onImageClick, embedPaste = true, bulletAfterHeading = false, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, editorClassName, wrapperClassName, handleRef, children }) {
+function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, onLinkClick, onLinkCopy, onTagClick, onExitBoundary, resolveImageUrl, onImagePaste, onImageSaveError, onImageClick, embedPaste = true, bulletAfterHeading = false, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, timeFormat, editorClassName, wrapperClassName, handleRef, children }) {
 	const childRef = useRef(null);
 	useImperativeHandle(handleRef, () => {
 		function getMarkdown() {
@@ -1251,6 +1272,7 @@ function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onTagSea
 			placeholder,
 			readOnly,
 			spellCheck,
+			timeFormat,
 			editorClassName,
 			children
 		})
@@ -1306,18 +1328,22 @@ function outputSpecToReact(spec, content, key = 0) {
 function WikilinkChip(props) {
 	const { target, display, onWikilinkClick, children } = props;
 	return /* @__PURE__ */ jsxs("span", {
-		className: "md-wikilink-view",
+		className: "md-wikilink-view md-atom-view",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: "md-wikilink-label",
+			className: "md-wikilink-view-preview md-atom-view-preview",
 			"data-testid": "wikilink",
 			contentEditable: false,
 			onClick: onWikilinkClick ? (event) => onWikilinkClick({
 				target,
 				event: event.nativeEvent
 			}) : void 0,
-			children: display || target
+			children: /* @__PURE__ */ jsx("span", {
+				className: "md-wikilink-view-label",
+				contentEditable: false,
+				children: display || target
+			})
 		}), /* @__PURE__ */ jsx("span", {
-			className: "md-wikilink-view-content",
+			className: "md-wikilink-view-content md-atom-view-content",
 			children
 		})]
 	});
@@ -1331,7 +1357,7 @@ function EmbedFrame({ embed }) {
 		return listenForTweetHeight(iframe);
 	}, [embed.kind, embed.key]);
 	return /* @__PURE__ */ jsx("span", {
-		className: "md-image-preview md-image-preview-embed",
+		className: "md-image-view-preview md-atom-view-preview",
 		contentEditable: false,
 		children: /* @__PURE__ */ jsx("iframe", {
 			ref: iframeRef,
@@ -1354,7 +1380,7 @@ function ImagePreview(props) {
 	const url = (resolveImageUrl ?? defaultResolveImageUrl)(src);
 	if (!url) return null;
 	return /* @__PURE__ */ jsx("span", {
-		className: "md-image-preview md-image-preview-img",
+		className: "md-image-view-preview md-atom-view-preview",
 		"data-testid": "image-preview",
 		contentEditable: false,
 		children: /* @__PURE__ */ jsx("img", {
@@ -1372,15 +1398,15 @@ function ImagePreview(props) {
 function ImageView(props) {
 	const { src, alt, context, children } = props;
 	return /* @__PURE__ */ jsxs("span", {
-		className: "md-image-view",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "md-image-view-content",
-			children
-		}), /* @__PURE__ */ jsx(ImagePreview, {
+		className: "md-image-view md-atom-view",
+		children: [/* @__PURE__ */ jsx(ImagePreview, {
 			src,
 			alt,
 			resolveImageUrl: context.resolveImageUrl,
 			onImageClick: context.onImageClick
+		}), /* @__PURE__ */ jsx("span", {
+			className: "md-image-view-content md-atom-view-content",
+			children
 		})]
 	});
 }
@@ -1430,7 +1456,7 @@ function CodeBlock({ code, language }) {
 /** Wrap inline `children` in one mark, special-casing the view/link marks. */
 function wrapMark(mark, children, context) {
 	switch (mark.type.name) {
-		case "mdWikilinkView": {
+		case "mdWikilink": {
 			const attrs = mark.attrs;
 			return /* @__PURE__ */ jsx(WikilinkChip, {
 				target: attrs.target,
@@ -1439,7 +1465,7 @@ function wrapMark(mark, children, context) {
 				children
 			});
 		}
-		case "mdImageView": {
+		case "mdImage": {
 			const attrs = mark.attrs;
 			return /* @__PURE__ */ jsx(ImageView, {
 				src: attrs.src,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,7 +30,7 @@
     "@prosekit/react": "^0.8.0-beta.11",
     "clsx": "^2.1.1",
     "lucide-react": "^1.21.0",
-    "@meowdown/core": "0.25.0"
+    "@meowdown/core": "0.27.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",