realtimecursor
Version:
Real-time collaboration system with cursor tracking and approval workflow
47 lines (46 loc) • 1.28 kB
TypeScript
import React from 'react';
export interface CursorProps {
x: number;
y: number;
user: {
name: string;
color: string;
};
}
export interface TextCursorProps {
textPosition: number;
content: string;
editorRef: React.RefObject<HTMLTextAreaElement>;
user: {
name: string;
color: string;
};
}
export declare const Cursor: React.FC<CursorProps>;
export declare const TextCursor: React.FC<TextCursorProps>;
export declare const CursorOverlay: React.FC<{
cursors: Record<string, any>;
content: string;
editorRef: React.RefObject<HTMLTextAreaElement>;
}>;
export declare const CollaboratorsList: React.FC<{
collaborators: any[];
typingUsers?: Set<string>;
}>;
export declare const HistoryList: React.FC<{
history: any[];
maxItems?: number;
}>;
export declare const ReviewChangesList: React.FC<{
changes: any[];
onApprove: (changeId: string, feedback?: string) => void;
onReject: (changeId: string, feedback: string) => void;
}>;
export declare const CollaborativeEditor: React.FC<{
content: string;
onChange: (content: string) => void;
editorRef: React.RefObject<HTMLTextAreaElement>;
placeholder?: string;
className?: string;
style?: React.CSSProperties;
}>;