@haklex/rich-renderer-video 0.4.0 → 0.4.1

package/dist/VideoEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoEditRenderer.d.ts","sourceRoot":"","sources":["../src/VideoEditRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAkBxE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAQ1D"}
+{"version":3,"file":"VideoEditRenderer.d.ts","sourceRoot":"","sources":["../src/VideoEditRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAmBxE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAQ1D"}

package/dist/history-shortcuts.d.ts

@@ -0,0 +1,13 @@
+export type EditorHistoryShortcut = 'redo' | 'undo';
+export interface EditorHistoryShortcutEvent {
+    altKey?: boolean;
+    ctrlKey: boolean;
+    key: string;
+    metaKey: boolean;
+    shiftKey: boolean;
+}
+export interface EditorHistoryShortcutOptions {
+    isDirty?: boolean;
+}
+export declare function getEditorHistoryShortcut(event: EditorHistoryShortcutEvent, options?: EditorHistoryShortcutOptions): EditorHistoryShortcut | null;
+//# sourceMappingURL=history-shortcuts.d.ts.map

package/dist/history-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-shortcuts.d.ts","sourceRoot":"","sources":["../src/history-shortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,0BAA0B,EACjC,OAAO,GAAE,4BAAiC,GACzC,qBAAqB,GAAG,IAAI,CAgB9B"}

package/dist/index.mjs

@@ -2,10 +2,21 @@ import { a as editOverlay, c as editPreview, d as root, f as semanticClassNames,
 import { useRendererMode } from "@haklex/rich-editor";
 import { ActionBar, ActionButton, Popover, PopoverPanel, PopoverTrigger } from "@haklex/rich-editor-ui";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $getNearestNodeFromDOMNode } from "lexical";
+import { $getNearestNodeFromDOMNode, REDO_COMMAND, UNDO_COMMAND } from "lexical";
 import { ExternalLink, ImageIcon, Trash2, Video } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/history-shortcuts.ts
+function getEditorHistoryShortcut(event, options = {}) {
+	if (options.isDirty) return null;
+	if (event.altKey) return null;
+	if (!event.metaKey && !event.ctrlKey) return null;
+	const key = event.key.toLowerCase();
+	if (key === "z") return event.shiftKey ? "redo" : "undo";
+	if (key === "y" && event.ctrlKey && !event.metaKey && !event.shiftKey) return "redo";
+	return null;
+}
+//#endregion
 //#region src/VideoEditRenderer.tsx
 var UNSAFE_VIDEO_URL_RE = /^(?:javascript\s*:|vbscript\s*:|data\s*:(?!video\/))/i;
 function VideoEditRenderer(props) {
@@ -74,6 +85,19 @@ function VideoEditRendererInner({ src, poster, width, height }) {
 		src,
 		poster
 	]);
+	const handlePanelKeyDown = useCallback((e) => {
+		const shortcut = getEditorHistoryShortcut(e, { isDirty: editSrc !== src || editPoster !== (poster || "") });
+		if (!shortcut) return;
+		e.preventDefault();
+		e.stopPropagation();
+		editor.dispatchCommand(shortcut === "undo" ? UNDO_COMMAND : REDO_COMMAND, void 0);
+	}, [
+		editPoster,
+		editSrc,
+		editor,
+		poster,
+		src
+	]);
 	if (!editable) return /* @__PURE__ */ jsx(VideoRenderer, {
 		height,
 		poster,
@@ -122,6 +146,7 @@ function VideoEditRendererInner({ src, poster, width, height }) {
 			className: `${editPanel} ${semanticClassNames.editPanel}`,
 			side: "bottom",
 			sideOffset: 8,
+			onKeyDown: handlePanelKeyDown,
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: `${editField} ${semanticClassNames.editField}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-video",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Video player renderer",
   "repository": {
     "type": "git",