@sovann72-dev/lynqify-ui 1.0.13 → 1.0.15

package/dist/components/RichTextEditor/Extension/Videos/VideoNodeView.d.ts

@@ -0,0 +1,44 @@
+import { NodeViewRendererProps } from '@tiptap/core';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { NodeView } from '@tiptap/pm/view';
+import { VideoExtensionOptions } from './types';
+/**
+ * Encapsulates the complex DOM and event logic for the Video extension's NodeView.
+ * This is a 'Deep Module' that hides implementation details of resizing, dragging,
+ * and playback management from the main extension definition.
+ *
+ * Implements the raw ProseMirror NodeView interface rather than the Tiptap helper class
+ * to maintain full control over the DOM and avoid unnecessary Tiptap-specific overhead.
+ */
+export declare class VideoNodeView implements NodeView {
+    dom: HTMLElement;
+    media: HTMLVideoElement | HTMLAudioElement | HTMLIFrameElement;
+    container: HTMLElement;
+    private editor;
+    private node;
+    private getPos;
+    private options;
+    private sharedDragPlaybackTime;
+    constructor(props: NodeViewRendererProps, options: VideoExtensionOptions, sharedDragPlaybackTime: {
+        value: number | null;
+    });
+    private setupStyles;
+    private setupMedia;
+    private onLoadedMetadata;
+    private setupEvents;
+    private togglePlayback;
+    private onDragStart;
+    private createDragGhost;
+    private onDragEnd;
+    private setupDragHandle;
+    private setupResizeHandles;
+    private initResize;
+    private syncStyles;
+    private syncTracks;
+    syncAttrs(attrs: Record<string, any>): void;
+    update(node: ProseMirrorNode): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    stopEvent(event: Event): boolean;
+    destroy(): void;
+}

package/dist/components/RichTextEditor/Extension/Videos/types.d.ts

@@ -1,3 +1,4 @@
+import { NodeViewRendererOptions } from '@tiptap/core';
 export interface SubtitleTrack {
     src: string;
     label: string;
@@ -16,7 +17,20 @@ export interface VideoAttributes {
     muted?: boolean;
     subtitles?: SubtitleTrack[];
 }
-export interface VideoExtensionOptions {
+/**
+ * Defines the static configuration options passed when initializing the extension in the editor.
+ * Extends NodeViewRendererOptions to satisfy Tiptap's NodeView interface requirements.
+ */
+export interface VideoExtensionOptions extends Partial<NodeViewRendererOptions> {
     inline: boolean;
     HTMLAttributes: Record<string, any>;
+    resizeHandleClass?: string;
+    resizeBorderClass?: string;
+    resizeHandleStyle?: Record<string, string>;
+    resizeBorderStyle?: Record<string, string>;
+    onUpload?: (file: File) => Promise<string>;
+    onVideoResolved?: (attrs: {
+        videoWidth: number;
+        videoHeight: number;
+    }) => void;
 }

package/dist/components/RichTextEditor/Extension/Videos/video.extension.d.ts

@@ -3,22 +3,16 @@ import { VideoAttributes, VideoExtensionOptions } from './types';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         video: {
-            /**
-             * Inserts a new video or audio node into the document at the current selection.
-             */
             setVideo: (options: Partial<VideoAttributes> & {
                 src: string;
             }) => ReturnType;
-            /**
-             * Updates the attributes (e.g., toggling autoplay, changing width) of the currently selected video node.
-             */
             updateVideo: (options: Partial<VideoAttributes>) => ReturnType;
         };
     }
 }
 /**
  * Tiptap extension for rendering and managing video and audio content.
- * Supports native HTML5 <video> and <audio> tags, as well as <iframe> embeds.
- * Includes logic for visual feedback during drag-and-drop.
+ * Follows the 'Deep Module' philosophy by delegating complex DOM logic to VideoNodeView
+ * and providing simple hooks (onUpload, onVideoResolved) for advanced behaviors.
  */
 export declare const Video: Node<VideoExtensionOptions, any>;