@meowdown/react 0.25.0 → 0.26.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
 		})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.25.0",
+  "version": "0.26.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.26.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",