Liveblocks is a real-time collaboration infrastructure platform providing SDKs and APIs for adding presence, storage, comments, and notifications to applications. The monorepo contains core CRDT-based synchronization logic, framework-specific integrations (React, Next.js, etc.), and numerous examples demonstrating usage. Key architectural elements include a custom protocol for real-time data sync, React hooks for accessing Liveblocks data, and a provider pattern for room scoping. The platform supports AI-enhanced collaboration features through copilots and knowledge integration. The SDKs are designed for extensibility, allowing developers to define custom presence and storage types while maintaining type safety. UI primitives (avatars, buttons, tooltips) are built with Radix UI and Tailwind CSS, offering consistent and customizable components. Authentication and room management are handled via secure endpoints, with examples showing integration with NextAuth, custom APIs, and various backend services. Examples cover a wide range of use cases from collaborative text editors (Tiptap, Lexical, Yjs) to whiteboards, spreadsheets, and AI-powered dashboards. Starter kits provide production-ready templates with authentication, organization management, and deployment configurations. The active maintenance and frequent updates ensure compatibility with modern frameworks and address evolving collaboration needs.
MQTTX is a cross-platform MQTT 5.0 client tool developed by EMQ, available as a desktop application (Electron + Vue), a web application (Vue), and a command-line interface (Node.js). It allows users to connect to MQTT brokers, publish and subscribe to topics, inspect messages, and manage connections with support for MQTT 5.0 features, TLS, WebSocket, and various payload formats (JSON, Base64, Hex, CBOR, MsgPack, Protobuf, Avro). It also includes an AI Copilot for MQTT assistance, a dashboard with real-time widgets, and scripting capabilities for payload transformation. The desktop app uses Electron with Vue 2, Element UI, TypeORM with SQLite for persistence, and MQTT.js for MQTT protocol. The web app shares many Vue components but uses lowdb/LocalStorage. The CLI is a separate Node.js package with its own test suite. The codebase is organized into shared utilities, database services, Vue components, and AI integration modules. Key entry points include src/background.ts (Electron main process), src/main.ts (render process), cli/bin/index.js (CLI), and web/src/main.ts (web app). Data flows involve MQTT connection lifecycle, message buffering via RxJS, payload conversion pipelines, and database persistence for messages, subscriptions, and settings. External dependencies include MQTT.js for MQTT protocol, TypeORM for database ORM, Electron for desktop, Vue 2 and Element UI for UI, Monaco Editor for code editing, ECharts for charts, and various AI SDKs (OpenAI, Anthropic, etc.) for the Copilot feature. The project also includes custom patches for third-party libraries (Monaco clipboard, MCP SDK, Azure SDK). The CLI depends on commander, chalk, and @faker-js/faker for simulation. While primarily an application, MQTTX includes data-oriented features such as message history querying with SQL recursive CTEs, topic tree persistence, data export/import in multiple formats, and IoT data simulation scenarios. These elements serve the application's debugging and testing purpose but demonstrate data engineering patterns.