UNPKG

sourabhrealtime

Version:

ROBUST RICH TEXT EDITOR: Single-pane contentEditable with direct text selection formatting, speech features, undo/redo, professional UI - Perfect TipTap alternative

104 lines (73 loc) • 2.41 kB
# SourabhRealtime v2.3.1 A complete real-time collaboration platform with authentication, project management, approval workflows, and team collaboration features. ## šŸš€ Features - **šŸ” Authentication System** - Complete login/signup with role-based access - **šŸ“Š Project Management** - Create and manage collaborative projects - **āœ… Approval Workflows** - Admin approval for changes and content - **šŸ‘„ Team Collaboration** - User invitations and permission management - **⚔ Real-time Sync** - Instant cursor tracking and content synchronization - **šŸŽØ Modern UI** - Professional, responsive interface ## šŸ“¦ Installation ```bash npm install sourabhrealtime@2.3.1 ``` ## šŸ”§ Quick Start ### Complete Platform ```jsx import { CollaborationApp } from 'sourabhrealtime'; import 'sourabhrealtime/dist/enhanced-styles.css'; function App() { return ( <CollaborationApp apiUrl="http://localhost:3002" requireApproval={true} showProjectManager={true} /> ); } ``` ### Simple Editor (Backward Compatible) ```jsx import { RealtimeEditor } from 'sourabhrealtime'; import 'sourabhrealtime/dist/index.css'; function App() { return ( <RealtimeEditor apiUrl="http://localhost:3002" projectId="project-123" userId="user-123" userName="John Doe" userRole="editor" /> ); } ``` ## šŸ› ļø Server Setup Start the enhanced server (included in package): ```bash # Download and start the server node enhanced-server.js ``` ## šŸ” Demo Credentials - **Super Admin**: `superadmin@example.com` / `SuperAdmin123!` - **Admin**: `admin@example.com` / `Admin123!` ## šŸ“š Components ### CollaborationApp Complete collaboration platform with all features integrated. ### AuthProvider & useAuth Authentication context and hook for user management. ### ProjectManager Project dashboard for creating and managing collaborative projects. ### RealtimeEditor Enhanced real-time collaborative editor with cursor tracking. ### ApprovalWorkflow Admin interface for approving content changes. ## šŸ”„ Migration from v2.1.7 āœ… **Fully Backward Compatible** - All existing code continues to work. ## šŸ“– Documentation For complete documentation, examples, and API reference, visit: [GitHub Repository](https://github.com/yourusername/sourabhrealtime) ## šŸ“„ License MIT License --- Built with ā¤ļø for real-time collaboration