@nolag/collab 1.0.0 → 1.2.0

package/dist/react-native.js

@@ -0,0 +1,1249 @@
+/**
+ * Tiny typed event emitter — framework-agnostic base for NoLag SDKs.
+ *
+ * EventMap is a record of event name → tuple of handler arguments.
+ */
+class EventEmitter {
+    constructor() {
+        this._handlers = new Map();
+    }
+    on(event, handler) {
+        if (!this._handlers.has(event)) {
+            this._handlers.set(event, new Set());
+        }
+        this._handlers.get(event).add(handler);
+        return this;
+    }
+    off(event, handler) {
+        if (handler) {
+            this._handlers.get(event)?.delete(handler);
+        }
+        else {
+            this._handlers.delete(event);
+        }
+        return this;
+    }
+    removeAllListeners() {
+        this._handlers.clear();
+        return this;
+    }
+    emit(event, ...args) {
+        const handlers = this._handlers.get(event);
+        if (!handlers)
+            return;
+        for (const handler of handlers) {
+            try {
+                handler(...args);
+            }
+            catch (e) {
+                console.error(`Error in ${String(event)} handler:`, e);
+            }
+        }
+    }
+    listenerCount(event) {
+        return this._handlers.get(event)?.size ?? 0;
+    }
+}
+
+/**
+ * PresenceManager — maps actorTokenId ↔ CollabUser, filtering self.
+ */
+class PresenceManager {
+    constructor(localActorId) {
+        this._users = new Map();
+        this._actorToUserId = new Map();
+        this._localActorId = localActorId;
+    }
+    /**
+     * Add or update a user from presence data.
+     * Returns the CollabUser if it is a remote user, null if it is self.
+     */
+    addFromPresence(actorTokenId, presence, joinedAt) {
+        const isLocal = actorTokenId === this._localActorId;
+        // Skip self
+        if (isLocal)
+            return null;
+        const existing = this._actorToUserId.get(actorTokenId);
+        const userId = presence.userId || existing || actorTokenId;
+        const user = {
+            userId,
+            actorTokenId,
+            username: presence.username,
+            avatar: presence.avatar,
+            color: presence.color,
+            status: presence.status ?? 'active',
+            metadata: presence.metadata,
+            joinedAt: joinedAt ?? Date.now(),
+            isLocal: false,
+        };
+        this._users.set(userId, user);
+        this._actorToUserId.set(actorTokenId, userId);
+        return user;
+    }
+    /**
+     * Remove a user by actorTokenId.
+     * Returns the removed CollabUser, or null if not found / is self.
+     */
+    removeByActorId(actorTokenId) {
+        if (actorTokenId === this._localActorId)
+            return null;
+        const userId = this._actorToUserId.get(actorTokenId);
+        if (!userId)
+            return null;
+        const user = this._users.get(userId) ?? null;
+        this._users.delete(userId);
+        this._actorToUserId.delete(actorTokenId);
+        return user;
+    }
+    /**
+     * Update only the status field for an existing user.
+     */
+    updateStatus(actorTokenId, status) {
+        const userId = this._actorToUserId.get(actorTokenId);
+        if (!userId)
+            return null;
+        const user = this._users.get(userId);
+        if (!user)
+            return null;
+        const updated = { ...user, status };
+        this._users.set(userId, updated);
+        return updated;
+    }
+    /**
+     * Get a user by userId.
+     */
+    getUser(userId) {
+        return this._users.get(userId);
+    }
+    /**
+     * Get a user by actorTokenId.
+     */
+    getUserByActorId(actorTokenId) {
+        const userId = this._actorToUserId.get(actorTokenId);
+        return userId ? this._users.get(userId) : undefined;
+    }
+    /**
+     * Get all remote users.
+     */
+    getAll() {
+        return Array.from(this._users.values());
+    }
+    /**
+     * Get the users Map (readonly view).
+     */
+    get users() {
+        return this._users;
+    }
+    /**
+     * Clear all tracked users.
+     */
+    clear() {
+        this._users.clear();
+        this._actorToUserId.clear();
+    }
+}
+
+/**
+ * Ordered, deduplicated operation log bounded by maxOperationCache.
+ *
+ * Operations are stored sorted by timestamp ascending. Duplicate IDs are
+ * silently ignored. When the cache exceeds its limit the oldest entries
+ * are evicted.
+ */
+class OperationStore {
+    constructor(maxSize) {
+        this._ops = [];
+        this._ids = new Set();
+        this._maxSize = maxSize;
+    }
+    /**
+     * Add an operation to the store.
+     * Returns true if the operation was added, false if it was a duplicate.
+     */
+    add(op) {
+        if (this._ids.has(op.id))
+            return false;
+        this._ids.add(op.id);
+        this._ops.push(op);
+        // Keep sorted by timestamp ascending
+        this._ops.sort((a, b) => a.timestamp - b.timestamp);
+        // Evict oldest entries when over capacity
+        while (this._ops.length > this._maxSize) {
+            const evicted = this._ops.shift();
+            if (evicted)
+                this._ids.delete(evicted.id);
+        }
+        return true;
+    }
+    /**
+     * Get all stored operations in timestamp order.
+     */
+    getAll() {
+        return [...this._ops];
+    }
+    /**
+     * Get all operations sent by a specific user.
+     */
+    getByUser(userId) {
+        return this._ops.filter((op) => op.userId === userId);
+    }
+    /**
+     * Check whether an operation ID is already stored.
+     */
+    has(id) {
+        return this._ids.has(id);
+    }
+    /**
+     * Number of operations currently stored.
+     */
+    get size() {
+        return this._ops.length;
+    }
+    /**
+     * Clear all stored operations.
+     */
+    clear() {
+        this._ops = [];
+        this._ids.clear();
+    }
+}
+
+/**
+ * AwarenessManager — cursor tracking and idle detection per user.
+ *
+ * Tracks cursor positions for all connected users and manages per-user
+ * idle timers that fire a callback when a user has been inactive.
+ */
+class AwarenessManager {
+    constructor(localUserId) {
+        this._cursors = new Map();
+        this._statuses = new Map();
+        this._idleTimers = new Map();
+        this._localUserId = localUserId;
+    }
+    /**
+     * Update the cursor position for a user and reset their idle timer.
+     */
+    updateCursor(userId, position) {
+        this._cursors.set(userId, position);
+        // Reset idle timer if one is running for this user
+        if (this._idleTimers.has(userId)) {
+            const timer = this._idleTimers.get(userId);
+            clearTimeout(timer);
+            this._idleTimers.delete(userId);
+        }
+    }
+    /**
+     * Get the last known cursor position for a user.
+     */
+    getCursor(userId) {
+        return this._cursors.get(userId);
+    }
+    /**
+     * Get all cursor positions except the local user's.
+     */
+    getCursors() {
+        return Array.from(this._cursors.values()).filter((c) => c.userId !== this._localUserId);
+    }
+    /**
+     * Set the activity status for a user.
+     */
+    setStatus(userId, status) {
+        this._statuses.set(userId, status);
+    }
+    /**
+     * Get the current activity status for a user (defaults to 'active').
+     */
+    getStatus(userId) {
+        return this._statuses.get(userId) ?? 'active';
+    }
+    /**
+     * Start an idle timer for a user. If the timer fires, onIdle is called
+     * and the user's status is set to 'idle'. Calling updateCursor resets it.
+     */
+    startIdleTracking(userId, timeout, onIdle) {
+        // Cancel any existing timer
+        this.stopIdleTracking(userId);
+        const timer = setTimeout(() => {
+            this._idleTimers.delete(userId);
+            this._statuses.set(userId, 'idle');
+            onIdle();
+        }, timeout);
+        this._idleTimers.set(userId, timer);
+    }
+    /**
+     * Cancel the idle timer for a user without firing the callback.
+     */
+    stopIdleTracking(userId) {
+        const timer = this._idleTimers.get(userId);
+        if (timer !== undefined) {
+            clearTimeout(timer);
+            this._idleTimers.delete(userId);
+        }
+    }
+    /**
+     * Remove all cursor data for a user.
+     */
+    removeCursor(userId) {
+        this._cursors.delete(userId);
+        this._statuses.delete(userId);
+        this.stopIdleTracking(userId);
+    }
+    /**
+     * Dispose — clear all timers and state.
+     */
+    dispose() {
+        for (const timer of this._idleTimers.values()) {
+            clearTimeout(timer);
+        }
+        this._idleTimers.clear();
+        this._cursors.clear();
+        this._statuses.clear();
+    }
+}
+
+function generateId() {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return 'xxxx-xxxx-xxxx-xxxx'.replace(/x/g, () => Math.floor(Math.random() * 16).toString(16));
+}
+function createLogger(prefix, enabled) {
+    if (!enabled) {
+        return (..._args) => { };
+    }
+    return (...args) => {
+        console.log(`[${prefix}]`, ...args);
+    };
+}
+// ============ Filters ============
+/**
+ * Build the filter fragment of an emit options object.
+ *
+ * `filter` wins over `filters`: a publish is routed to exactly one topic, so
+ * honouring both would silently drop one of them.
+ */
+function filterEmitOptions(opts) {
+    if (opts?.filter)
+        return { filter: opts.filter };
+    if (opts?.filters && opts.filters.length > 0)
+        return { filters: opts.filters };
+    return {};
+}
+/**
+ * Merge OR terms into an existing filter set. AND groups (nested arrays) are
+ * preserved as-is — only plain string terms are deduplicated.
+ */
+function mergeFilters(existing, add) {
+    const simple = new Set();
+    const groups = [];
+    for (const f of existing) {
+        if (typeof f === 'string')
+            simple.add(f);
+        else
+            groups.push(f);
+    }
+    for (const v of add)
+        simple.add(v);
+    return [...simple, ...groups];
+}
+/**
+ * Drop OR terms from a filter set. AND groups are left untouched — remove
+ * those by calling `setFilters` with the set you want.
+ */
+function withoutFilters(existing, remove) {
+    const drop = new Set(remove);
+    return existing.filter((f) => typeof f !== 'string' || !drop.has(f));
+}
+// ============ Wrapper registry ============
+// One wrapper instance per (client, appName): two wrappers sharing an app on
+// one connection would collide on topics, presence and the online lobby.
+// Warn (not throw): HMR and tests legitimately construct before disposing.
+const wrapperRegistry = new WeakMap();
+/** Register a wrapper against a client + appName; warns on collision. */
+function registerWrapper(client, appName, wrapperName) {
+    let apps = wrapperRegistry.get(client);
+    if (!apps) {
+        apps = new Map();
+        wrapperRegistry.set(client, apps);
+    }
+    const existing = apps.get(appName);
+    if (existing) {
+        console.warn(`[${wrapperName}] Another wrapper (${existing}) is already attached to this client for app "${appName}". ` +
+            `Use one wrapper per (client, app) — detach the other instance first.`);
+    }
+    apps.set(appName, wrapperName);
+}
+/** Release a wrapper's (client, appName) registration on detach. */
+function releaseWrapper(client, appName) {
+    wrapperRegistry.get(client)?.delete(appName);
+}
+
+/** Default app name for NoLag collab SDK */
+const DEFAULT_APP_NAME = 'collab';
+/** Maximum number of operations to keep in the cache */
+const DEFAULT_MAX_OPERATION_CACHE = 1000;
+/** Idle timeout in milliseconds before a user is marked idle */
+const DEFAULT_IDLE_TIMEOUT = 60000;
+/** Cursor throttle in milliseconds — minimum interval between cursor updates */
+const DEFAULT_CURSOR_THROTTLE = 50;
+/** Topic name for operation messages within a document */
+const TOPIC_OPERATIONS = 'operations';
+/** Topic name for cursor presence messages within a document */
+const TOPIC_CURSORS = '_cursors';
+/** Lobby ID for global online presence */
+const LOBBY_ID = 'online';
+/** Delay before the post-setup lobby presence refetch (catches simultaneous joiners) */
+const LOBBY_REFRESH_DELAY_MS = 2000;
+
+/**
+ * CollabDocument — a single collaborative document room.
+ *
+ * Created via `NoLagCollab.joinDocument(name)`. Do not instantiate directly.
+ *
+ * Subscribes to 'operations' and '_cursors' topics and exposes a clean API
+ * for sending operations, broadcasting cursor positions, and managing
+ * user awareness (idle detection, status).
+ */
+class CollabDocument extends EventEmitter {
+    /** @internal */
+    constructor(name, roomContext, localUser, options, log, isConnected) {
+        super();
+        /** Throttle state for cursor updates */
+        this._cursorThrottleTimer = null;
+        this._pendingCursorUpdate = null;
+        // Stored topic handler refs — cleanup removes exactly these, never all
+        // handlers for a topic (the client may be shared with other consumers).
+        this._onOperationsRef = null;
+        this._onCursorsRef = null;
+        /** Filter values applied to the operations subscription. */
+        this._filters = [];
+        this.name = name;
+        this._roomContext = roomContext;
+        this._localUser = localUser;
+        this._options = options;
+        this._log = log;
+        this._isConnected = isConnected;
+        this._presenceManager = new PresenceManager(localUser.actorTokenId);
+        this._operationStore = new OperationStore(options.maxOperationCache);
+        this._awarenessManager = new AwarenessManager(localUser.userId);
+    }
+    // ============ Public Properties ============
+    /** All remote users currently in this document */
+    get users() {
+        return this._presenceManager.users;
+    }
+    // ============ Operations ============
+    /**
+     * Send an operation to all collaborators in this document.
+     * Returns the operation that was created and broadcast.
+     */
+    sendOperation(type, opts = {}) {
+        const op = {
+            id: generateId(),
+            type,
+            path: opts.path,
+            position: opts.position,
+            length: opts.length,
+            content: opts.content,
+            data: opts.data,
+            userId: this._localUser.userId,
+            username: this._localUser.username,
+            timestamp: Date.now(),
+            isReplay: false,
+        };
+        this._log('Sending operation:', type, op.id);
+        this._operationStore.add(op);
+        this._roomContext.emit(TOPIC_OPERATIONS, op, { echo: false, ...filterEmitOptions(opts) });
+        return op;
+    }
+    // ============ Filters ============
+    /** The filter values currently applied to this document's operations. */
+    get filters() {
+        return [...this._filters];
+    }
+    /**
+     * Replace this document's operation filters — only operations published with
+     * one of these values are delivered. Useful for scoping a large document to
+     * the section or file path a client is actually editing.
+     *
+     * Passing an empty array clears filtering and restores the wildcard
+     * subscription, which receives every operation.
+     *
+     * @example
+     * ```ts
+     * doc.setFilters(['src/index.ts']);        // one path
+     * doc.setFilters([['src/index.ts', 'v2']]); // that path AND v2
+     * doc.setFilters([]);                       // everything
+     * ```
+     */
+    setFilters(values) {
+        this._filters = [...values];
+        // The core types filters as `string[]`, but both its implementation and
+        // the wire protocol accept AND groups (nested arrays).
+        this._roomContext.setFilters(TOPIC_OPERATIONS, this._filters);
+    }
+    /** Add filter values to the existing set. Existing AND groups are kept. */
+    addFilters(values) {
+        this.setFilters(mergeFilters(this._filters, values));
+    }
+    /**
+     * Remove filter values from the existing set. Removing the last value
+     * restores the wildcard subscription.
+     */
+    removeFilters(values) {
+        this.setFilters(withoutFilters(this._filters, values));
+    }
+    /**
+     * Get all cached operations for this document, in timestamp order.
+     */
+    getOperations() {
+        return this._operationStore.getAll();
+    }
+    // ============ Cursors ============
+    /**
+     * Broadcast a cursor position update. Calls are throttled by the
+     * cursorThrottle option (default 50 ms) to avoid flooding.
+     */
+    updateCursor(opts) {
+        this._pendingCursorUpdate = opts;
+        if (this._cursorThrottleTimer !== null) {
+            // Already scheduled — the pending update will be sent when it fires
+            return;
+        }
+        // Send immediately for the first call in the window, then throttle
+        this._flushCursorUpdate();
+        this._cursorThrottleTimer = setTimeout(() => {
+            this._cursorThrottleTimer = null;
+            if (this._pendingCursorUpdate) {
+                this._flushCursorUpdate();
+            }
+        }, this._options.cursorThrottle);
+    }
+    /**
+     * Get all remote cursor positions.
+     */
+    getCursors() {
+        return this._awarenessManager.getCursors();
+    }
+    // ============ Awareness ============
+    /**
+     * Update the local user's activity status and broadcast it.
+     */
+    setStatus(status) {
+        this._localUser = { ...this._localUser, status };
+        this._setPresence();
+        this._log('Status updated:', status);
+    }
+    // ============ Users ============
+    /**
+     * Get all remote users currently in the document.
+     */
+    getUsers() {
+        return this._presenceManager.getAll();
+    }
+    /**
+     * Get a specific user by userId.
+     */
+    getUser(userId) {
+        return this._presenceManager.getUser(userId);
+    }
+    // ============ Internal (called by NoLagCollab) ============
+    /** @internal Subscribe to operations and cursors topics and attach listeners */
+    _subscribe(filters) {
+        this._log('Document subscribe:', this.name);
+        this._filters = filters ? [...filters] : [];
+        // Cursors stay unfiltered: awareness is ephemeral and document-wide.
+        if (this._filters.length > 0) {
+            this._roomContext.subscribe(TOPIC_OPERATIONS, { filters: this._filters });
+        }
+        else {
+            this._roomContext.subscribe(TOPIC_OPERATIONS);
+        }
+        this._roomContext.subscribe(TOPIC_CURSORS);
+        // Listen for operations (refs stored for handler-specific removal)
+        this._onOperationsRef = (data) => {
+            this._handleIncomingOperation(data);
+        };
+        this._roomContext.on(TOPIC_OPERATIONS, this._onOperationsRef);
+        // Listen for cursors
+        this._onCursorsRef = (data) => {
+            this._handleIncomingCursor(data);
+        };
+        this._roomContext.on(TOPIC_CURSORS, this._onCursorsRef);
+    }
+    /** @internal Set presence and fetch current room members */
+    _activate() {
+        this._log('Document activate:', this.name);
+        this._setPresence();
+        this._roomContext.fetchPresence().then((actors) => {
+            this._log('Document presence fetched:', this.name, actors.length, 'actors');
+            for (const actor of actors) {
+                if (actor.presence) {
+                    const user = this._presenceManager.addFromPresence(actor.actorTokenId, actor.presence, actor.joinedAt);
+                    if (user) {
+                        this._awarenessManager.setStatus(user.userId, user.status);
+                        this.emit('userJoined', user);
+                    }
+                }
+            }
+        }).catch((err) => {
+            this._log('Failed to fetch document presence:', err);
+        });
+    }
+    /** @internal Re-set presence after reconnect */
+    _updateLocalPresence() {
+        this._setPresence();
+    }
+    /** @internal Handle a presence:join event */
+    _handlePresenceJoin(actorTokenId, presenceData) {
+        const user = this._presenceManager.addFromPresence(actorTokenId, presenceData);
+        if (user) {
+            this._log('User joined document:', this.name, user.userId);
+            this._awarenessManager.setStatus(user.userId, user.status);
+            this._startUserIdleTracking(user);
+            this.emit('userJoined', user);
+        }
+    }
+    /** @internal Handle a presence:leave event */
+    _handlePresenceLeave(actorTokenId) {
+        const user = this._presenceManager.removeByActorId(actorTokenId);
+        if (user) {
+            this._log('User left document:', this.name, user.userId);
+            this._awarenessManager.removeCursor(user.userId);
+            this.emit('userLeft', user);
+        }
+    }
+    /** @internal Handle a presence:update event */
+    _handlePresenceUpdate(actorTokenId, presenceData) {
+        const user = this._presenceManager.addFromPresence(actorTokenId, presenceData);
+        if (user) {
+            this._awarenessManager.setStatus(user.userId, user.status);
+        }
+    }
+    /** @internal Replay operations from another source (e.g. history fetch) */
+    _replayOperations(ops) {
+        const pending = ops.filter((op) => !this._operationStore.has(op.id));
+        if (pending.length === 0)
+            return;
+        this._log('Replaying', pending.length, 'operations');
+        this.emit('replayStart', { count: pending.length });
+        let replayed = 0;
+        for (const op of pending) {
+            const replayOp = { ...op, isReplay: true };
+            if (this._operationStore.add(replayOp)) {
+                this.emit('operation', replayOp);
+                replayed++;
+            }
+        }
+        this.emit('replayEnd', { replayed });
+    }
+    /** @internal Unsubscribe and clean up */
+    _cleanup() {
+        this._log('Document cleanup:', this.name);
+        // Cancel cursor throttle timer
+        if (this._cursorThrottleTimer !== null) {
+            clearTimeout(this._cursorThrottleTimer);
+            this._cursorThrottleTimer = null;
+        }
+        this._pendingCursorUpdate = null;
+        // Server unsubscribes need a live socket; skip when disconnected
+        // (best-effort — the core would no-op with an error callback anyway).
+        if (this._isConnected()) {
+            this._roomContext.unsubscribe(TOPIC_OPERATIONS);
+            this._roomContext.unsubscribe(TOPIC_CURSORS);
+        }
+        // Handler-specific removal only: the client may be shared, and a bare
+        // off(topic) would strip other consumers' handlers too.
+        if (this._onOperationsRef)
+            this._roomContext.off(TOPIC_OPERATIONS, this._onOperationsRef);
+        if (this._onCursorsRef)
+            this._roomContext.off(TOPIC_CURSORS, this._onCursorsRef);
+        this._onOperationsRef = null;
+        this._onCursorsRef = null;
+        // Disposes all per-user idle timers alongside cursor/status state.
+        this._awarenessManager.dispose();
+        this._presenceManager.clear();
+        this._operationStore.clear();
+        this.removeAllListeners();
+    }
+    // ============ Private ============
+    _handleIncomingOperation(data) {
+        const op = data;
+        // Deduplicate
+        if (this._operationStore.has(op.id))
+            return;
+        const stored = { ...op, isReplay: false };
+        this._operationStore.add(stored);
+        this._log('Received operation:', op.type, op.id, 'from', op.userId);
+        this.emit('operation', stored);
+    }
+    _handleIncomingCursor(data) {
+        const cursor = data;
+        // Ignore own cursor echoes (should not happen with echo: false, but guard anyway)
+        if (cursor.userId === this._localUser.userId)
+            return;
+        this._awarenessManager.updateCursor(cursor.userId, cursor);
+        // Reset idle tracking for this user
+        const user = this._presenceManager.getUser(cursor.userId);
+        if (user) {
+            this._startUserIdleTracking(user);
+        }
+        this._log('Cursor moved:', cursor.userId);
+        this.emit('cursorMoved', cursor);
+    }
+    _flushCursorUpdate() {
+        if (!this._pendingCursorUpdate)
+            return;
+        const opts = this._pendingCursorUpdate;
+        this._pendingCursorUpdate = null;
+        const cursor = {
+            userId: this._localUser.userId,
+            username: this._localUser.username,
+            color: this._localUser.color,
+            timestamp: Date.now(),
+            ...opts,
+        };
+        this._awarenessManager.updateCursor(this._localUser.userId, cursor);
+        this._roomContext.emit(TOPIC_CURSORS, cursor, { echo: false });
+    }
+    _setPresence() {
+        const presenceData = {
+            userId: this._localUser.userId,
+            username: this._localUser.username,
+            avatar: this._localUser.avatar,
+            color: this._localUser.color,
+            status: this._localUser.status,
+            metadata: this._localUser.metadata,
+            // Scope tag: on a shared client, other apps' wrappers filter our
+            // presence out by this (and we filter theirs).
+            __scope: this._options.appName,
+        };
+        this._roomContext.setPresence(presenceData);
+    }
+    _startUserIdleTracking(user) {
+        // Mark user as active first
+        if (this._awarenessManager.getStatus(user.userId) !== 'active') {
+            this._awarenessManager.setStatus(user.userId, 'active');
+        }
+        this._awarenessManager.startIdleTracking(user.userId, this._options.idleTimeout, () => {
+            this._log('User went idle:', user.userId);
+            this.emit('awarenessChanged', { userId: user.userId, status: 'idle' });
+        });
+    }
+}
+
+/**
+ * NoLagCollab — high-level real-time collaboration SDK built on @nolag/js-sdk.
+ *
+ * Provides document-scoped operations, cursor broadcasting, and user awareness
+ * (idle detection, status tracking) — all framework-agnostic via events.
+ *
+ * The wrapper NEVER manages the connection. The app owns one core NoLag
+ * client (shared by any number of wrappers on distinct apps) and the
+ * wrapper attaches to it at construction and releases it via `detach()`.
+ *
+ * @example
+ * ```typescript
+ * import { NoLag } from '@nolag/js-sdk';
+ * import { NoLagCollab } from '@nolag/collab';
+ *
+ * const client = NoLag(async () => (await (await fetch('/api/nolag-token')).json()).token);
+ * const collab = new NoLagCollab({ client, appName: 'my-collab', username: 'Alice' });
+ *
+ * collab.on('userOnline', (user) => console.log(user.username, 'is online'));
+ *
+ * await client.connect();   // the app owns the connection
+ * await collab.ready();     // wrapper setup done (identity, lobby, documents)
+ *
+ * const doc = collab.joinDocument('my-doc');
+ * doc.on('operation', (op) => applyOp(op));
+ * doc.sendOperation('insert', { position: 0, content: 'Hello' });
+ *
+ * collab.detach();          // wrapper releases its handlers and topics
+ * client.disconnect();      // the app closes the socket
+ * ```
+ */
+class NoLagCollab extends EventEmitter {
+    constructor(options) {
+        super();
+        this._localUser = null;
+        this._documents = new Map();
+        this._lobby = null;
+        this._onlineUsers = new Map();
+        this._actorToUserId = new Map();
+        // Lifecycle: one setup run per connection epoch; detach is terminal.
+        this._epoch = 0;
+        this._detached = false;
+        this._isReady = false;
+        this._lobbyRefreshTimer = null;
+        // Stored client handler refs. INVARIANT: every client.on() below has a
+        // matching client.off() in detach() — never bare off(event), never inline
+        // closures on the client.
+        this._onConnectRef = () => this._onConnect();
+        this._onDisconnectRef = (reason) => {
+            this._log('Disconnected:', reason);
+            this.emit('disconnected', reason);
+        };
+        this._onReconnectRef = () => {
+            this._log('Reconnecting...');
+            this.emit('reconnecting');
+        };
+        this._onErrorRef = (error) => {
+            this._log('Error:', error);
+            this.emit('error', error);
+        };
+        this._onPresenceJoinRef = (data) => this._handleRoomPresenceJoin(data);
+        this._onPresenceLeaveRef = (data) => this._handleRoomPresenceLeave(data);
+        this._onPresenceUpdateRef = (data) => this._handleRoomPresenceUpdate(data);
+        this._onLobbyJoinRef = (data) => this._handleLobbyJoin(data);
+        this._onLobbyLeaveRef = (data) => this._handleLobbyLeave(data);
+        this._onLobbyUpdateRef = (data) => this._handleLobbyUpdate(data);
+        if (!options?.client) {
+            throw new TypeError('NoLagCollab requires an injected NoLag client: new NoLagCollab({ client, username, ... })');
+        }
+        this._client = options.client;
+        this._userId = generateId();
+        this._options = {
+            username: options.username,
+            avatar: options.avatar,
+            color: options.color,
+            metadata: options.metadata,
+            appName: options.appName ?? DEFAULT_APP_NAME,
+            maxOperationCache: options.maxOperationCache ?? DEFAULT_MAX_OPERATION_CACHE,
+            idleTimeout: options.idleTimeout ?? DEFAULT_IDLE_TIMEOUT,
+            cursorThrottle: options.cursorThrottle ?? DEFAULT_CURSOR_THROTTLE,
+            debug: options.debug ?? false,
+            documents: options.documents ?? [],
+        };
+        this._log = createLogger('NoLagCollab', this._options.debug);
+        this._readyPromise = new Promise((resolve, reject) => {
+            this._readyResolve = resolve;
+            this._readyReject = reject;
+        });
+        // ready() rejection is only meaningful to callers that await it
+        this._readyPromise.catch(() => { });
+        registerWrapper(this._client, this._options.appName, 'NoLagCollab');
+        // Construction = attach: wire everything now, with stored refs.
+        this._client.on('connect', this._onConnectRef);
+        this._client.on('disconnect', this._onDisconnectRef);
+        this._client.on('reconnect', this._onReconnectRef);
+        this._client.on('error', this._onErrorRef);
+        this._client.on('presence:join', this._onPresenceJoinRef);
+        this._client.on('presence:leave', this._onPresenceLeaveRef);
+        this._client.on('presence:update', this._onPresenceUpdateRef);
+        this._client.on('lobbyPresence:join', this._onLobbyJoinRef);
+        this._client.on('lobbyPresence:leave', this._onLobbyLeaveRef);
+        this._client.on('lobbyPresence:update', this._onLobbyUpdateRef);
+        // Attach-to-connected: if the client is already authenticated, run setup.
+        // The microtask lets the caller wire wrapper event handlers synchronously
+        // first; a racing real 'connect' event wins via the epoch guard.
+        queueMicrotask(() => {
+            if (this._epoch === 0 && !this._detached && this._client.connected) {
+                this._onConnect();
+            }
+        });
+    }
+    // ============ Public Properties ============
+    /** Whether the underlying connection is established (connected ≠ ready) */
+    get connected() {
+        return !this._detached && this._client.connected;
+    }
+    /** The injected core client (owned by the app, not the wrapper) */
+    get client() {
+        return this._client;
+    }
+    /** The local user's info (available after ready) */
+    get localUser() {
+        return this._localUser;
+    }
+    /** All currently joined documents */
+    get documents() {
+        return this._documents;
+    }
+    // ============ Lifecycle ============
+    /**
+     * Resolves once the wrapper's first setup completed (identity, lobby and
+     * configured documents ready — equivalently, once 'connected' has fired).
+     * Rejects only if detach() is called before that. Client auth failures
+     * surface via the app's own `await client.connect()`, not here.
+     */
+    ready() {
+        return this._readyPromise;
+    }
+    /**
+     * Detach from the client: remove every handler this wrapper added,
+     * unsubscribe its topics and lobby (when connected), clear state.
+     * Terminal and idempotent; never touches the socket. To use collab again,
+     * construct a new instance.
+     */
+    detach() {
+        if (this._detached)
+            return;
+        this._log('Detaching...');
+        this._detached = true;
+        this._epoch++; // aborts any in-flight setup at its next checkpoint
+        if (this._lobbyRefreshTimer) {
+            clearTimeout(this._lobbyRefreshTimer);
+            this._lobbyRefreshTimer = null;
+        }
+        // Remove all client handlers by stored ref
+        this._client.off('connect', this._onConnectRef);
+        this._client.off('disconnect', this._onDisconnectRef);
+        this._client.off('reconnect', this._onReconnectRef);
+        this._client.off('error', this._onErrorRef);
+        this._client.off('presence:join', this._onPresenceJoinRef);
+        this._client.off('presence:leave', this._onPresenceLeaveRef);
+        this._client.off('presence:update', this._onPresenceUpdateRef);
+        this._client.off('lobbyPresence:join', this._onLobbyJoinRef);
+        this._client.off('lobbyPresence:leave', this._onLobbyLeaveRef);
+        this._client.off('lobbyPresence:update', this._onLobbyUpdateRef);
+        // Documents: handler-specific off + connected-gated server unsubscribe.
+        // _cleanup also clears each document's cursor-throttle and idle timers.
+        for (const name of [...this._documents.keys()]) {
+            this._documents.get(name)._cleanup();
+            this._documents.delete(name);
+        }
+        // Lobby: server unsubscribe is best-effort and needs a live socket
+        if (this._lobby && this._client.connected) {
+            try {
+                this._lobby.unsubscribe();
+            }
+            catch {
+                /* best-effort */
+            }
+        }
+        this._lobby = null;
+        this._onlineUsers.clear();
+        this._actorToUserId.clear();
+        this._localUser = null;
+        releaseWrapper(this._client, this._options.appName);
+        if (!this._isReady) {
+            this._readyReject(new Error('NoLagCollab detached before ready'));
+        }
+    }
+    // ============ Private: Epoch Setup ============
+    _onConnect() {
+        this._epoch++;
+        void this._runSetup(this._epoch);
+    }
+    /**
+     * One setup pass per connection epoch. Serves both initial setup (epoch 1)
+     * and reconnect restore (epoch > 1). Aborts silently whenever a newer
+     * epoch started or the wrapper detached — checked after every await.
+     */
+    async _runSetup(epoch) {
+        const stale = () => epoch !== this._epoch || this._detached;
+        this._log(this._isReady ? 'Restoring after reconnect...' : 'Setting up...');
+        // Identity (client.actorId is guaranteed post-auth)
+        if (!this._localUser) {
+            this._localUser = {
+                userId: this._userId,
+                actorTokenId: this._client.actorId,
+                username: this._options.username,
+                avatar: this._options.avatar,
+                color: this._options.color,
+                status: 'active',
+                metadata: this._options.metadata,
+                joinedAt: Date.now(),
+                isLocal: true,
+            };
+            this._log('Local user:', this._localUser.userId, '→', this._localUser.actorTokenId);
+        }
+        else {
+            this._localUser.actorTokenId = this._client.actorId;
+        }
+        // Lobby: subscribe every epoch (idempotent server-side) and diff-hydrate
+        // from the returned snapshot — one path for setup and restore.
+        if (!this._lobby) {
+            this._lobby = this._client.setApp(this._options.appName).setLobby(LOBBY_ID);
+        }
+        try {
+            const state = await this._lobby.subscribe();
+            if (stale())
+                return;
+            this._diffHydrateOnlineUsers(state);
+            this._log('Lobby subscribed, online users:', this._onlineUsers.size);
+        }
+        catch (err) {
+            if (stale())
+                return;
+            this._log('Lobby subscription failed:', err);
+        }
+        if (!this._isReady) {
+            // First successful setup: auto-join configured documents
+            for (const name of this._options.documents) {
+                this._subscribeDocumentInternal(name);
+            }
+        }
+        else {
+            // Server auto-restored topic subscriptions; only room-scoped presence
+            // needs re-applying (the core does not restore it).
+            for (const doc of this._documents.values()) {
+                doc._updateLocalPresence();
+            }
+        }
+        if (stale())
+            return;
+        // Ready keys on the first setup that COMPLETES, not on epoch 1: an
+        // epoch aborted by a racing reconnect must not strand ready().
+        if (!this._isReady) {
+            this._isReady = true;
+            this._readyResolve();
+            this.emit('connected');
+        }
+        else {
+            this.emit('reconnected');
+        }
+        // Deferred lobby refetch: catches users who joined during the setup
+        // window (e.g. simultaneous multi-tab connects).
+        this._scheduleLobbyRefresh(epoch);
+    }
+    _scheduleLobbyRefresh(epoch) {
+        if (this._lobbyRefreshTimer)
+            clearTimeout(this._lobbyRefreshTimer);
+        this._lobbyRefreshTimer = setTimeout(() => {
+            this._lobbyRefreshTimer = null;
+            if (epoch !== this._epoch || this._detached || !this._client.connected || !this._lobby) {
+                return;
+            }
+            this._lobby
+                .fetchPresence()
+                .then((state) => {
+                if (epoch !== this._epoch || this._detached)
+                    return;
+                this._diffHydrateOnlineUsers(state);
+            })
+                .catch(() => {
+                /* best-effort */
+            });
+        }, LOBBY_REFRESH_DELAY_MS);
+    }
+    // ============ Document Management ============
+    /**
+     * Join a collaborative document. Creates, subscribes, and activates it.
+     * Returns an existing document if already joined.
+     */
+    joinDocument(name, opts) {
+        this._assertUsable();
+        let doc = this._documents.get(name);
+        if (!doc) {
+            doc = this._subscribeDocumentInternal(name, opts?.filters);
+            doc._activate();
+        }
+        else if (opts?.filters) {
+            // Already joined — re-point its filters rather than ignoring them.
+            doc.setFilters(opts.filters);
+        }
+        return doc;
+    }
+    /**
+     * Leave a collaborative document. Fully unsubscribes and removes it.
+     */
+    leaveDocument(name) {
+        const doc = this._documents.get(name);
+        if (!doc)
+            return;
+        this._log('Leaving document:', name);
+        doc._cleanup();
+        this._documents.delete(name);
+    }
+    /**
+     * Get all joined documents.
+     */
+    getDocuments() {
+        return Array.from(this._documents.values());
+    }
+    // ============ Global Presence ============
+    /**
+     * Get all users currently online across all documents.
+     */
+    getOnlineUsers() {
+        return Array.from(this._onlineUsers.values());
+    }
+    // ============ Private: Guards ============
+    _assertUsable() {
+        if (this._detached) {
+            throw new Error('NoLagCollab has been detached — construct a new instance');
+        }
+        if (!this._isReady || !this._localUser) {
+            throw new Error('NoLagCollab not ready — await ready() or the "connected" event');
+        }
+    }
+    // ============ Private: Document Setup ============
+    _subscribeDocumentInternal(name, filters) {
+        this._log('Subscribing document:', name);
+        const roomContext = this._client.setApp(this._options.appName).setRoom(name);
+        const doc = new CollabDocument(name, roomContext, this._localUser, this._options, createLogger(`CollabDocument:${name}`, this._options.debug), () => this._client.connected);
+        this._documents.set(name, doc);
+        doc._subscribe(filters);
+        return doc;
+    }
+    // ============ Private: Scope Filtering ============
+    /**
+     * On a shared client, presence events from other apps' wrappers arrive on
+     * the same connection-level events. Wrappers stamp their presence with a
+     * `__scope` (their appName); a mismatched tag means another app's data.
+     * Untagged presence is accepted (older peers in this same app).
+     */
+    _foreignScope(data) {
+        const scope = data?.__scope;
+        return typeof scope === 'string' && scope !== this._options.appName;
+    }
+    // ============ Private: Room Presence ============
+    _handleRoomPresenceJoin(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data.presence;
+        if (!presenceData?.userId || this._foreignScope(presenceData))
+            return;
+        const user = this._presenceToUser(data.actorTokenId, presenceData);
+        this._actorToUserId.set(data.actorTokenId, user.userId);
+        if (!this._onlineUsers.has(user.userId)) {
+            this._onlineUsers.set(user.userId, user);
+            this.emit('userOnline', user);
+        }
+        // Route to all documents
+        for (const doc of this._documents.values()) {
+            doc._handlePresenceJoin(data.actorTokenId, presenceData);
+        }
+    }
+    _handleRoomPresenceLeave(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        // Route to all documents
+        for (const doc of this._documents.values()) {
+            doc._handlePresenceLeave(data.actorTokenId);
+        }
+    }
+    _handleRoomPresenceUpdate(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data.presence;
+        if (!presenceData?.userId || this._foreignScope(presenceData))
+            return;
+        if (this._onlineUsers.has(presenceData.userId)) {
+            const user = this._presenceToUser(data.actorTokenId, presenceData);
+            this._onlineUsers.set(user.userId, user);
+        }
+        // Route to all documents
+        for (const doc of this._documents.values()) {
+            doc._handlePresenceUpdate(data.actorTokenId, presenceData);
+        }
+    }
+    // ============ Private: Lobby ============
+    _handleLobbyJoin(event) {
+        const { actorId, data } = event;
+        if (actorId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data;
+        if (!presenceData.userId || this._foreignScope(presenceData))
+            return;
+        const user = this._presenceToUser(actorId, presenceData);
+        this._actorToUserId.set(actorId, user.userId);
+        if (!this._onlineUsers.has(user.userId)) {
+            this._onlineUsers.set(user.userId, user);
+            this.emit('userOnline', user);
+        }
+    }
+    _handleLobbyLeave(event) {
+        const { actorId, data } = event;
+        if (actorId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data;
+        if (this._foreignScope(presenceData))
+            return;
+        const userId = presenceData?.userId
+            || this._actorToUserId.get(actorId)
+            || this._findUserIdByActorId(actorId);
+        if (userId) {
+            const user = this._onlineUsers.get(userId);
+            if (user) {
+                this._onlineUsers.delete(userId);
+                this._actorToUserId.delete(actorId);
+                this.emit('userOffline', user);
+            }
+        }
+    }
+    _handleLobbyUpdate(event) {
+        const { actorId, data } = event;
+        if (actorId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data;
+        if (!presenceData.userId || this._foreignScope(presenceData))
+            return;
+        const user = this._presenceToUser(actorId, presenceData);
+        this._onlineUsers.set(user.userId, user);
+    }
+    /**
+     * Reconcile the online-user map against a fresh lobby snapshot, emitting
+     * only the deltas (userOffline for vanished, userOnline for new). One path
+     * for initial hydration, reconnect restore, and the deferred refetch.
+     */
+    _diffHydrateOnlineUsers(state) {
+        // Build the fresh user set from the snapshot
+        const fresh = new Map();
+        const freshActors = new Map();
+        for (const roomId of Object.keys(state)) {
+            const roomPresence = state[roomId];
+            for (const actorId of Object.keys(roomPresence)) {
+                if (actorId === this._localUser?.actorTokenId)
+                    continue;
+                const raw = roomPresence[actorId];
+                // Server returns full actor records with presence nested under .presence
+                const presenceData = (raw?.presence ?? raw);
+                if (presenceData?.userId && !this._foreignScope(presenceData)) {
+                    if (!fresh.has(presenceData.userId)) {
+                        fresh.set(presenceData.userId, this._presenceToUser(actorId, presenceData));
+                    }
+                    freshActors.set(actorId, presenceData.userId);
+                }
+            }
+        }
+        // Vanished users
+        for (const [userId, user] of [...this._onlineUsers]) {
+            if (!fresh.has(userId)) {
+                this._onlineUsers.delete(userId);
+                for (const [actorId, mappedUserId] of [...this._actorToUserId]) {
+                    if (mappedUserId === userId)
+                        this._actorToUserId.delete(actorId);
+                }
+                this.emit('userOffline', user);
+            }
+        }
+        // New users
+        for (const [userId, user] of fresh) {
+            if (!this._onlineUsers.has(userId)) {
+                this._onlineUsers.set(userId, user);
+                this.emit('userOnline', user);
+            }
+        }
+        for (const [actorId, userId] of freshActors) {
+            this._actorToUserId.set(actorId, userId);
+        }
+    }
+    // ============ Private: Helpers ============
+    _presenceToUser(actorTokenId, data) {
+        return {
+            userId: data.userId,
+            actorTokenId,
+            username: data.username,
+            avatar: data.avatar,
+            color: data.color,
+            status: data.status ?? 'active',
+            metadata: data.metadata,
+            joinedAt: Date.now(),
+            isLocal: false,
+        };
+    }
+    _findUserIdByActorId(actorTokenId) {
+        for (const user of this._onlineUsers.values()) {
+            if (user.actorTokenId === actorTokenId)
+                return user.userId;
+        }
+        return undefined;
+    }
+}
+
+export { CollabDocument, EventEmitter, NoLagCollab };
+//# sourceMappingURL=react-native.js.map