@lax-wp/editor 0.0.2 → 0.0.3

package/dist/extensions/marks/AIInsertion.d.ts

@@ -0,0 +1,29 @@
+import { Mark } from '@tiptap/core';
+export interface AIInsertionOptions {
+    HTMLAttributes: Record<string, string>;
+}
+export interface AIInsertionAttributes {
+    userId: string;
+    userName: string;
+    timestamp: string;
+    formatChanges?: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        aiInsertion: {
+            /**
+             * Set AI insertion mark
+             */
+            setAIInsertion: (attributes: AIInsertionAttributes) => ReturnType;
+            /**
+             * Toggle AI insertion mark
+             */
+            toggleAIInsertion: (attributes: AIInsertionAttributes) => ReturnType;
+            /**
+             * Unset AI insertion mark
+             */
+            unsetAIInsertion: () => ReturnType;
+        };
+    }
+}
+export declare const AIInsertion: Mark<AIInsertionOptions, any>;

package/dist/extensions/marks/UserDeletion.d.ts

@@ -0,0 +1,28 @@
+import { Mark } from '@tiptap/core';
+export interface UserDeletionOptions {
+    HTMLAttributes: Record<string, string>;
+}
+export interface UserDeletionAttributes {
+    userId: string;
+    userName: string;
+    timestamp: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        userDeletion: {
+            /**
+             * Set user deletion mark
+             */
+            setUserDeletion: (attributes: UserDeletionAttributes) => ReturnType;
+            /**
+             * Toggle user deletion mark
+             */
+            toggleUserDeletion: (attributes: UserDeletionAttributes) => ReturnType;
+            /**
+             * Unset user deletion mark
+             */
+            unsetUserDeletion: () => ReturnType;
+        };
+    }
+}
+export declare const UserDeletion: Mark<UserDeletionOptions, any>;

package/dist/extensions/marks/UserInsertion.d.ts

@@ -0,0 +1,29 @@
+import { Mark } from '@tiptap/core';
+export interface UserInsertionOptions {
+    HTMLAttributes: Record<string, string>;
+}
+export interface UserInsertionAttributes {
+    userId: string;
+    userName: string;
+    timestamp: string;
+    formatChanges?: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        userInsertion: {
+            /**
+             * Set user insertion mark
+             */
+            setUserInsertion: (attributes: UserInsertionAttributes) => ReturnType;
+            /**
+             * Toggle user insertion mark
+             */
+            toggleUserInsertion: (attributes: UserInsertionAttributes) => ReturnType;
+            /**
+             * Unset user insertion mark
+             */
+            unsetUserInsertion: () => ReturnType;
+        };
+    }
+}
+export declare const UserInsertion: Mark<UserInsertionOptions, any>;

package/dist/extensions/marks/index.d.ts

@@ -0,0 +1,8 @@
+export { UserInsertion } from './UserInsertion';
+export { UserDeletion } from './UserDeletion';
+export { AIInsertion } from './AIInsertion';
+export { AIDeletion } from './AIDeletion';
+export type { UserInsertionAttributes } from './UserInsertion';
+export type { UserDeletionAttributes } from './UserDeletion';
+export type { AIInsertionAttributes } from './AIInsertion';
+export type { AIDeletionAttributes } from './AIDeletion';

package/dist/extensions/node/SignatureDragOverlay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SignatureDragOverlayProps {
+    isVisible: boolean;
+}
+export declare const SignatureDragOverlay: React.FC<SignatureDragOverlayProps>;
+export {};

package/dist/extensions/node/SignatureNode.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface SignatureNodeProps {
+    id?: string;
+    selected?: boolean;
+    onSelect?: () => void;
+    onDelete?: () => void;
+    onUpload?: (file: File) => void;
+    onResize?: (dimensions: {
+        width: number;
+        height: number;
+    }) => void;
+    signatureUrl?: string;
+    width?: number;
+    height?: number;
+}
+export declare const SignatureNode: React.FC<SignatureNodeProps>;
+export {};

package/dist/extensions/node/SignatureNodeView.d.ts

@@ -0,0 +1,3 @@
+import { type NodeViewProps } from '@tiptap/react';
+import React from 'react';
+export declare const SignatureNodeView: React.FC<NodeViewProps>;

package/dist/extensions/node/index.d.ts

@@ -0,0 +1,3 @@
+export { SignatureNode } from './SignatureNode';
+export { SignatureNodeView } from './SignatureNodeView';
+export { SignatureDragOverlay } from './SignatureDragOverlay';

package/dist/extensions/plugins/FormatChangePlugin.d.ts

@@ -0,0 +1,29 @@
+import { Extension } from '@tiptap/core';
+import { PluginKey } from 'prosemirror-state';
+/**
+ * FormatChangePlugin - Tracks formatting changes to existing text
+ *
+ * This plugin detects when formatting (bold, italic, colors, etc.) is applied
+ * to existing text and marks it using the existing userInsertion/aiInsertion marks
+ * with an additional 'formatChanges' attribute.
+ *
+ * Key Features:
+ * - Reuses existing redline marks (no new mark types needed)
+ * - Stores format changes as JSON in the mark attributes
+ * - Only tracks format changes on existing text (not new insertions)
+ * - Respects redline mode (user/ai) from editor storage
+ *
+ * Format Change Data Structure:
+ * {
+ *   "bold": { "old": false, "new": true },
+ *   "color": { "old": "#000000", "new": "#FF0000" }
+ * }
+ */
+export interface FormatChangeData {
+    [formatType: string]: {
+        old: string | boolean | null;
+        new: string | boolean | null;
+    };
+}
+export declare const FormatChangePluginKey: PluginKey<any>;
+export declare const FormatChangePlugin: Extension<any, any>;

package/dist/extensions/plugins/MarkClickPlugin.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Plugin to handle clicks on redline marks
+ * When a user clicks on a tracked change mark in the editor,
+ * this plugin dispatches a custom event to activate the corresponding redline item
+ */
+export declare const MarkClickPlugin: Extension<any, any>;

package/dist/extensions/plugins/MarkHighlightPlugin.d.ts

@@ -0,0 +1,18 @@
+import { Extension } from '@tiptap/core';
+export interface MarkHighlightPluginState {
+    activeMarkTimestamp: string | null;
+    activeMarkUserId: string | null;
+}
+/**
+ * Plugin to highlight the active redline mark in the editor
+ * When a redline item is clicked in the panel, this plugin adds visual highlighting
+ * to the corresponding mark in the editor
+ */
+export declare const MarkHighlightPlugin: Extension<any, any>;
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        markHighlightPlugin: {
+            highlightMark: (timestamp: string | null, userId: string | null) => ReturnType;
+        };
+    }
+}

package/dist/extensions/plugins/RedlinePlugin.d.ts

@@ -0,0 +1,44 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Entity performing the change (user or AI)
+ */
+export interface RedlineEntity {
+    id: string;
+    name: string;
+}
+/**
+ * Configuration options for the Redline plugin
+ */
+export interface RedlineOptions {
+    isActive: boolean;
+    mode: 'user' | 'ai';
+    currentEntity: RedlineEntity;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        redline: {
+            /**
+             * Toggle redline tracking mode
+             * @param active - Whether to enable change tracking
+             * @param mode - Track changes for 'user' or 'ai'
+             */
+            toggleRedlineMode: (active: boolean, mode?: 'user' | 'ai') => ReturnType;
+        };
+    }
+}
+/**
+ * Redline Plugin - Track Changes for Collaborative Editing
+ *
+ * Features:
+ * - Tracks insertions with underline marks
+ * - Tracks deletions with strikethrough marks
+ * - Supports both user and AI changes
+ * - Implements mark cancellation (delete insertion = remove, type over deletion = remove)
+ * - Automatic mark merging for consecutive edits
+ * - Keyboard-first approach (intercepts Backspace/Delete keys)
+ *
+ * Architecture:
+ * 1. Keymap Plugin: Handles Backspace/Delete keys → adds deletion marks
+ * 2. AppendTransaction Plugin: Handles text insertions → adds insertion marks
+ */
+export declare const RedlinePlugin: Extension<RedlineOptions, any>;

package/dist/hooks/useInsertOptionMethods.d.ts

@@ -1,4 +1,7 @@
 export declare const useInsertOptionMethods: () => {
     handleInsertLineBreak: () => void;
     handleInsertCodeBlock: () => void;
+    handleInsertCustomColumn: (count: number, showDividers?: boolean) => void;
+    handleToggleColumnDividers: () => void;
+    handleInsertSignature: () => void;
 };

package/dist/hooks/useRedline.d.ts

@@ -0,0 +1,16 @@
+import type { RedlineChange } from '@/components/redline';
+export declare const useRedline: () => {
+    changes: RedlineChange[];
+    acceptChange: (id: string) => void;
+    rejectChange: (id: string) => void;
+    acceptAllChanges: () => void;
+    rejectAllChanges: () => void;
+    navigateToChange: (position: number, timestamp?: string, userId?: string) => void;
+    scanChanges: () => void;
+    addComment: (changeId: string, commentText: string) => void;
+    editComment: (changeId: string, commentId: string, newText: string) => void;
+    deleteComment: (changeId: string, commentId: string) => void;
+    findChangeByMark: (timestamp: string, userId: string) => RedlineChange | null;
+    highlightMark: (timestamp: string, userId: string) => void;
+    clearMarkHighlight: () => void;
+};

package/dist/hooks/useTableMethods.d.ts

@@ -1,3 +1,4 @@
+import type { InsertTableUsingDataProps } from "@/types/extensions/Table";
 export declare const useTableMethods: () => {
     handleInsertTable: (rows: number, cols: number, withHeaderRow: boolean) => void;
     handleInsertRowAbove: () => void;
@@ -9,4 +10,6 @@ export declare const useTableMethods: () => {
     handleMergeCells: () => void;
     handleSplitCell: () => void;
     handleDeleteTable: () => void;
+    handleInsertTableFromData: ({ tableType, data, columns, options }: InsertTableUsingDataProps) => void;
+    handleUpdateTableValues: (variableTableData: Record<string, Record<string, unknown | undefined | null>[]>) => void;
 };

package/dist/hooks/useTiptapEditorState.d.ts

@@ -37,4 +37,6 @@ export declare const useTiptapEditorState: () => {
     selectionHeadingLevel: any;
     isTableActive: boolean;
     isLinkActive: boolean;
+    isInsideColumn: boolean;
+    columnShowDividers: boolean;
 };