@nolag/feed 1.0.0 → 1.2.0

package/dist/react-native.js

@@ -0,0 +1,1258 @@
+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;
+    }
+}
+
+/**
+ * Bounded, deduplicated post cache ordered by timestamp.
+ */
+class PostStore {
+    constructor(maxSize) {
+        this._posts = [];
+        this._ids = new Set();
+        this._maxSize = maxSize;
+    }
+    /**
+     * Add a post. Returns true if the post was new (not a duplicate).
+     */
+    add(post) {
+        if (this._ids.has(post.id)) {
+            return false;
+        }
+        this._ids.add(post.id);
+        this._posts.push(post);
+        // Keep sorted by timestamp (newest last)
+        if (this._posts.length > 1 &&
+            post.timestamp < this._posts[this._posts.length - 2].timestamp) {
+            this._posts.sort((a, b) => a.timestamp - b.timestamp);
+        }
+        // Trim if over capacity (remove oldest)
+        while (this._posts.length > this._maxSize) {
+            const removed = this._posts.shift();
+            this._ids.delete(removed.id);
+        }
+        return true;
+    }
+    /**
+     * Get a post by ID.
+     */
+    get(id) {
+        return this._posts.find((p) => p.id === id);
+    }
+    /**
+     * Get all posts in timestamp order (oldest first).
+     */
+    getAll() {
+        return [...this._posts];
+    }
+    /**
+     * Update the like count (and likedByMe flag) for a post in-place.
+     */
+    updateLikeCount(postId, count, likedByMe) {
+        const post = this._posts.find((p) => p.id === postId);
+        if (post) {
+            post.likeCount = count;
+            post.likedByMe = likedByMe;
+        }
+    }
+    /**
+     * Increment the comment count for a post in-place.
+     */
+    incrementCommentCount(postId) {
+        const post = this._posts.find((p) => p.id === postId);
+        if (post) {
+            post.commentCount++;
+        }
+    }
+    /**
+     * Check if a post ID exists.
+     */
+    has(id) {
+        return this._ids.has(id);
+    }
+    /**
+     * Get post count.
+     */
+    get size() {
+        return this._posts.length;
+    }
+    /**
+     * Clear all posts.
+     */
+    clear() {
+        this._posts = [];
+        this._ids.clear();
+    }
+}
+
+/**
+ * Tracks like/unlike state per post with per-user deduplication.
+ *
+ * Internal: Map<postId, Set<userId>>
+ */
+class ReactionManager {
+    constructor() {
+        this._likes = new Map();
+    }
+    /**
+     * Record a like from userId on postId.
+     * Returns the updated likeCount and whether this was a new like.
+     */
+    like(postId, userId) {
+        if (!this._likes.has(postId)) {
+            this._likes.set(postId, new Set());
+        }
+        const likers = this._likes.get(postId);
+        const isNew = !likers.has(userId);
+        likers.add(userId);
+        return { postId, likeCount: likers.size, isNew };
+    }
+    /**
+     * Record an unlike from userId on postId.
+     * Returns the updated likeCount and whether the like was removed.
+     */
+    unlike(postId, userId) {
+        const likers = this._likes.get(postId);
+        if (!likers) {
+            return { postId, likeCount: 0, wasLiked: false };
+        }
+        const wasLiked = likers.has(userId);
+        likers.delete(userId);
+        return { postId, likeCount: likers.size, wasLiked };
+    }
+    /**
+     * Check if a userId has liked a postId.
+     */
+    isLikedBy(postId, userId) {
+        return this._likes.get(postId)?.has(userId) ?? false;
+    }
+    /**
+     * Get the total like count for a post.
+     */
+    getLikeCount(postId) {
+        return this._likes.get(postId)?.size ?? 0;
+    }
+    /**
+     * Clear all reaction state.
+     */
+    clear() {
+        this._likes.clear();
+    }
+}
+
+/**
+ * Maps actorTokenId <-> FeedUser, 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 FeedUser 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,
+            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 user, 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;
+    }
+    /**
+     * 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();
+    }
+}
+
+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 {};
+}
+/**
+ * Rebuild publish options from the filter a message arrived with, so a reply
+ * to it reaches the same audience the original did.
+ *
+ * The server joins AND groups into one composite value with '|', which is not
+ * a legal character in a plain filter, so split those back apart.
+ */
+function inheritFilter(filter) {
+    if (!filter)
+        return {};
+    if (filter.includes('|'))
+        return { filters: filter.split('|') };
+    return { filter };
+}
+/**
+ * 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));
+}
+/**
+ * The composite key the server derives from an AND filter group: values are
+ * lowercased, sorted, and joined with '|'. Mirrored here so an item created
+ * locally carries the same filter string as one arriving off the wire.
+ */
+function compositeFilterKey(values) {
+    return [...values].map((v) => v.toLowerCase()).sort().join('|');
+}
+/**
+ * The single string form of whatever filter a publish used, for recording on
+ * the local copy of an item. Round-trips through `inheritFilter`.
+ */
+function recordedFilter(opts) {
+    if (opts?.filter)
+        return opts.filter;
+    if (opts?.filters && opts.filters.length > 0)
+        return compositeFilterKey(opts.filters);
+    return undefined;
+}
+// ============ 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);
+}
+
+const DEFAULT_APP_NAME = 'feed';
+const DEFAULT_MAX_POST_CACHE = 200;
+const DEFAULT_MAX_COMMENT_CACHE = 100;
+const TOPIC_POSTS = 'posts';
+const TOPIC_REACTIONS = 'reactions';
+const TOPIC_COMMENTS = 'comments';
+const LOBBY_ID = 'online';
+/** Delay before the post-setup lobby presence refetch (catches simultaneous joiners) */
+const LOBBY_REFRESH_DELAY_MS = 2000;
+
+/** The content topics a channel filter applies to, kept in step deliberately. */
+const FILTERED_TOPICS = [TOPIC_POSTS, TOPIC_REACTIONS, TOPIC_COMMENTS];
+/** Maps the public topic names onto the wire topics. */
+const FILTER_TOPICS = {
+    posts: TOPIC_POSTS,
+    reactions: TOPIC_REACTIONS,
+    comments: TOPIC_COMMENTS,
+};
+/**
+ * FeedChannel — a single feed channel with posts, comments, reactions, and
+ * presence.
+ *
+ * Created via `NoLagFeed.joinChannel(name)`. Do not instantiate directly.
+ */
+class FeedChannel extends EventEmitter {
+    /** @internal */
+    constructor(name, roomContext, localUser, options, log, isConnected) {
+        super();
+        this._comments = new Map();
+        this._unreadCount = 0;
+        this._active = false;
+        /** Filter values applied per content topic. */
+        this._filters = {
+            posts: [], reactions: [], comments: [],
+        };
+        // Stored topic handler refs — cleanup removes exactly these, never all
+        // handlers for a topic (the client may be shared with other consumers).
+        this._onPostsRef = null;
+        this._onReactionsRef = null;
+        this._onCommentsRef = null;
+        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._postStore = new PostStore(options.maxPostCache);
+        this._reactionManager = new ReactionManager();
+    }
+    get posts() { return this._postStore.getAll(); }
+    get unreadCount() { return this._unreadCount; }
+    get active() { return this._active; }
+    createPost(opts) {
+        const post = {
+            id: generateId(), userId: this._localUser.userId, username: this._localUser.username,
+            avatar: this._localUser.avatar, content: opts.content, media: opts.media, data: opts.data,
+            likeCount: 0, commentCount: 0, likedByMe: false, timestamp: Date.now(),
+            filter: recordedFilter(opts), status: 'sending', isReplay: false,
+        };
+        this._postStore.add(post);
+        this.emit('postSent', post);
+        this._roomContext.emit(TOPIC_POSTS, {
+            id: post.id, userId: post.userId, username: post.username, avatar: post.avatar,
+            content: post.content, media: post.media, data: post.data, timestamp: post.timestamp,
+        }, { echo: false, ...filterEmitOptions(opts) });
+        post.status = 'sent';
+        return post;
+    }
+    getPosts() { return this._postStore.getAll(); }
+    likePost(postId) {
+        const { likeCount, isNew } = this._reactionManager.like(postId, this._localUser.userId);
+        if (isNew) {
+            this._postStore.updateLikeCount(postId, likeCount, true);
+            this._roomContext.emit(TOPIC_REACTIONS, { postId, userId: this._localUser.userId, type: 'like', timestamp: Date.now() }, { echo: false, ...this._postFilter(postId) });
+            this.emit('postLiked', { postId, userId: this._localUser.userId, likeCount });
+        }
+    }
+    unlikePost(postId) {
+        const { likeCount, wasLiked } = this._reactionManager.unlike(postId, this._localUser.userId);
+        if (wasLiked) {
+            this._postStore.updateLikeCount(postId, likeCount, false);
+            this._roomContext.emit(TOPIC_REACTIONS, { postId, userId: this._localUser.userId, type: 'unlike', timestamp: Date.now() }, { echo: false, ...this._postFilter(postId) });
+            this.emit('postUnliked', { postId, userId: this._localUser.userId, likeCount });
+        }
+    }
+    addComment(postId, text) {
+        const comment = {
+            id: generateId(), postId, userId: this._localUser.userId, username: this._localUser.username,
+            avatar: this._localUser.avatar, text, timestamp: Date.now(), isReplay: false,
+        };
+        if (!this._comments.has(postId))
+            this._comments.set(postId, []);
+        this._comments.get(postId).push(comment);
+        this._postStore.incrementCommentCount(postId);
+        this.emit('commentSent', comment);
+        this._roomContext.emit(TOPIC_COMMENTS, {
+            id: comment.id, postId, userId: comment.userId, username: comment.username,
+            avatar: comment.avatar, text: comment.text, timestamp: comment.timestamp,
+        }, { echo: false, ...this._postFilter(postId) });
+        return comment;
+    }
+    // ============ Filters ============
+    /** The filter values currently applied to this channel, by topic. */
+    get filters() {
+        return {
+            posts: [...this._filters.posts],
+            reactions: [...this._filters.reactions],
+            comments: [...this._filters.comments],
+        };
+    }
+    /**
+     * Replace this channel's filters — only posts published with one of these
+     * values are delivered. Reactions and comments get the same set unless you
+     * scope the call with `{ topic }`, so you never receive a like for a post
+     * you cannot see.
+     *
+     * Passing an empty array clears filtering and restores the wildcard
+     * subscription, which receives everything.
+     *
+     * @example
+     * ```ts
+     * channel.setFilters(['sports', 'news']);   // sports OR news
+     * channel.setFilters([['sports', 'live']]); // sports AND live
+     * channel.setFilters([]);                    // everything
+     * ```
+     */
+    setFilters(values, opts) {
+        for (const topic of this._targetTopics(opts)) {
+            this._filters[topic] = [...values];
+            // The core types filters as `string[]`, but both its implementation and
+            // the wire protocol accept AND groups (nested arrays).
+            this._roomContext.setFilters(FILTER_TOPICS[topic], values);
+        }
+    }
+    /** Add filter values to the existing set. Existing AND groups are kept. */
+    addFilters(values, opts) {
+        for (const topic of this._targetTopics(opts)) {
+            this.setFilters(mergeFilters(this._filters[topic], values), { topic });
+        }
+    }
+    /**
+     * Remove filter values from the existing set. Removing the last value
+     * restores the wildcard subscription.
+     */
+    removeFilters(values, opts) {
+        for (const topic of this._targetTopics(opts)) {
+            this.setFilters(withoutFilters(this._filters[topic], values), { topic });
+        }
+    }
+    _targetTopics(opts) {
+        return opts?.topic ? [opts.topic] : ['posts', 'reactions', 'comments'];
+    }
+    /**
+     * The publish options that put a reaction or comment in front of the same
+     * audience as the post it belongs to. An unknown post (never seen, or
+     * evicted from the cache) falls back to unfiltered.
+     */
+    _postFilter(postId) {
+        return inheritFilter(this._postStore.get(postId)?.filter);
+    }
+    getComments(postId) {
+        return this._comments.get(postId) ?? [];
+    }
+    markRead() {
+        if (this._unreadCount !== 0) {
+            this._unreadCount = 0;
+            this.emit('unreadChanged', { channel: this.name, count: 0 });
+        }
+    }
+    getUsers() { return this._presenceManager.getAll(); }
+    /** @internal Subscribe to post/reaction/comment topics and attach listeners (all channels) */
+    _subscribe(filters) {
+        this._log('Channel subscribe:', this.name);
+        const initial = filters ? [...filters] : [];
+        this._filters = { posts: [...initial], reactions: [...initial], comments: [...initial] };
+        if (initial.length > 0) {
+            const opts = { filters: initial };
+            for (const topic of FILTERED_TOPICS)
+                this._roomContext.subscribe(topic, opts);
+        }
+        else {
+            for (const topic of FILTERED_TOPICS)
+                this._roomContext.subscribe(topic);
+        }
+        // Listen for posts (refs stored for handler-specific removal)
+        this._onPostsRef = (data, meta) => {
+            this._handleIncomingPost(data, meta);
+        };
+        this._roomContext.on(TOPIC_POSTS, this._onPostsRef);
+        // Listen for reactions
+        this._onReactionsRef = (data) => {
+            this._handleIncomingReaction(data);
+        };
+        this._roomContext.on(TOPIC_REACTIONS, this._onReactionsRef);
+        // Listen for comments
+        this._onCommentsRef = (data, meta) => {
+            this._handleIncomingComment(data, meta);
+        };
+        this._roomContext.on(TOPIC_COMMENTS, this._onCommentsRef);
+    }
+    _activate() {
+        this._active = true;
+        this._markRead();
+        this._setPresence();
+        this._roomContext.fetchPresence().then((actors) => {
+            for (const actor of actors) {
+                if (actor.presence) {
+                    const user = this._presenceManager.addFromPresence(actor.actorTokenId, actor.presence, actor.joinedAt);
+                    if (user)
+                        this.emit('subscriberJoined', user);
+                }
+            }
+        }).catch(() => { });
+    }
+    _deactivate() { this._active = false; this._presenceManager.clear(); }
+    _handlePresenceJoin(actorTokenId, presenceData) {
+        const user = this._presenceManager.addFromPresence(actorTokenId, presenceData);
+        if (user)
+            this.emit('subscriberJoined', user);
+    }
+    _handlePresenceLeave(actorTokenId) {
+        const user = this._presenceManager.removeByActorId(actorTokenId);
+        if (user)
+            this.emit('subscriberLeft', user);
+    }
+    _handlePresenceUpdate(actorTokenId, presenceData) {
+        this._presenceManager.addFromPresence(actorTokenId, presenceData);
+    }
+    _handleReplayStart(count) { this.emit('replayStart', { count }); }
+    _handleReplayEnd(replayed) { this.emit('replayEnd', { replayed }); }
+    _updateLocalPresence() { this._setPresence(); }
+    /** @internal Unsubscribe and clean up */
+    _cleanup() {
+        this._log('Channel cleanup:', this.name);
+        // 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_POSTS);
+            this._roomContext.unsubscribe(TOPIC_REACTIONS);
+            this._roomContext.unsubscribe(TOPIC_COMMENTS);
+        }
+        // Handler-specific removal only: the client may be shared, and a bare
+        // off(topic) would strip other consumers' handlers too.
+        if (this._onPostsRef)
+            this._roomContext.off(TOPIC_POSTS, this._onPostsRef);
+        if (this._onReactionsRef)
+            this._roomContext.off(TOPIC_REACTIONS, this._onReactionsRef);
+        if (this._onCommentsRef)
+            this._roomContext.off(TOPIC_COMMENTS, this._onCommentsRef);
+        this._onPostsRef = null;
+        this._onReactionsRef = null;
+        this._onCommentsRef = null;
+        this._postStore.clear();
+        this._reactionManager.clear();
+        this._comments.clear();
+        this._presenceManager.clear();
+        this.removeAllListeners();
+    }
+    _handleIncomingPost(data, meta) {
+        const raw = data;
+        const post = {
+            id: raw.id, userId: raw.userId, username: raw.username,
+            avatar: raw.avatar, content: raw.content,
+            media: raw.media, data: raw.data,
+            likeCount: 0, commentCount: 0, likedByMe: false,
+            timestamp: raw.timestamp, filter: meta.filter,
+            status: 'delivered', isReplay: meta.isReplay ?? false,
+        };
+        if (this._postStore.add(post)) {
+            this.emit('postCreated', post);
+            if (!this._active && !post.isReplay) {
+                this._unreadCount++;
+                this.emit('unreadChanged', { channel: this.name, count: this._unreadCount });
+            }
+        }
+    }
+    _handleIncomingReaction(data) {
+        const raw = data;
+        if (raw.type === 'like') {
+            const { likeCount } = this._reactionManager.like(raw.postId, raw.userId);
+            const likedByMe = this._reactionManager.isLikedBy(raw.postId, this._localUser.userId);
+            this._postStore.updateLikeCount(raw.postId, likeCount, likedByMe);
+            this.emit('postLiked', { postId: raw.postId, userId: raw.userId, likeCount });
+        }
+        else if (raw.type === 'unlike') {
+            const { likeCount } = this._reactionManager.unlike(raw.postId, raw.userId);
+            const likedByMe = this._reactionManager.isLikedBy(raw.postId, this._localUser.userId);
+            this._postStore.updateLikeCount(raw.postId, likeCount, likedByMe);
+            this.emit('postUnliked', { postId: raw.postId, userId: raw.userId, likeCount });
+        }
+    }
+    _handleIncomingComment(data, meta) {
+        const raw = data;
+        const comment = {
+            id: raw.id, postId: raw.postId, userId: raw.userId,
+            username: raw.username, avatar: raw.avatar,
+            text: raw.text, timestamp: raw.timestamp, isReplay: meta.isReplay ?? false,
+        };
+        if (!this._comments.has(comment.postId))
+            this._comments.set(comment.postId, []);
+        this._comments.get(comment.postId).push(comment);
+        this._postStore.incrementCommentCount(comment.postId);
+        this.emit('commentAdded', comment);
+    }
+    _markRead() {
+        if (this._unreadCount !== 0) {
+            this._unreadCount = 0;
+            this.emit('unreadChanged', { channel: this.name, count: 0 });
+        }
+    }
+    _setPresence() {
+        this._roomContext.setPresence({
+            userId: this._localUser.userId, username: this._localUser.username,
+            avatar: this._localUser.avatar, 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,
+        });
+    }
+}
+
+/**
+ * NoLagFeed — high-level activity-feed SDK built on @nolag/js-sdk.
+ *
+ * Provides multi-channel feeds, posts, likes, comments, presence (who's
+ * online), replay, and user mapping — 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 { NoLagFeed } from '@nolag/feed';
+ *
+ * const client = NoLag(async () => (await (await fetch('/api/nolag-token')).json()).token);
+ * const feed = new NoLagFeed({ client, appName: 'my-feed', username: 'Alice' });
+ *
+ * feed.on('userOnline', (user) => console.log(user.username, 'is online'));
+ *
+ * await client.connect();   // the app owns the connection
+ * await feed.ready();       // wrapper setup done (identity, lobby, channels)
+ *
+ * const channel = feed.joinChannel('general');
+ * channel.on('postCreated', (post) => console.log(post.username + ':', post.content));
+ * channel.createPost({ content: 'Hello!' });
+ *
+ * feed.detach();            // wrapper releases its handlers and topics
+ * client.disconnect();      // the app closes the socket
+ * ```
+ */
+class NoLagFeed extends EventEmitter {
+    constructor(options) {
+        super();
+        this._localUser = null;
+        this._channels = new Map();
+        this._lobby = null;
+        this._onlineUsers = new Map();
+        this._actorToUserId = new Map();
+        this._activeChannel = null;
+        // 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._onReplayStartRef = (data) => {
+            const event = data;
+            for (const channel of this._channels.values()) {
+                channel._handleReplayStart(event.count);
+            }
+        };
+        this._onReplayEndRef = (data) => {
+            const event = data;
+            for (const channel of this._channels.values()) {
+                channel._handleReplayEnd(event.replayed);
+            }
+        };
+        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('NoLagFeed requires an injected NoLag client: new NoLagFeed({ client, username, ... })');
+        }
+        this._client = options.client;
+        this._userId = generateId();
+        this._options = {
+            username: options.username,
+            avatar: options.avatar,
+            metadata: options.metadata,
+            appName: options.appName ?? DEFAULT_APP_NAME,
+            maxPostCache: options.maxPostCache ?? DEFAULT_MAX_POST_CACHE,
+            maxCommentCache: options.maxCommentCache ?? DEFAULT_MAX_COMMENT_CACHE,
+            debug: options.debug ?? false,
+            channels: options.channels ?? [],
+        };
+        this._log = createLogger('NoLagFeed', 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, 'NoLagFeed');
+        // 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('replay:start', this._onReplayStartRef);
+        this._client.on('replay:end', this._onReplayEndRef);
+        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 channels */
+    get channels() {
+        return this._channels;
+    }
+    // ============ Lifecycle ============
+    /**
+     * Resolves once the wrapper's first setup completed (identity, lobby and
+     * configured channels 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 the feed 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('replay:start', this._onReplayStartRef);
+        this._client.off('replay:end', this._onReplayEndRef);
+        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);
+        // Channels: handler-specific off + connected-gated server unsubscribe
+        for (const name of [...this._channels.keys()]) {
+            this._channels.get(name)._cleanup();
+            this._channels.delete(name);
+        }
+        this._activeChannel = null;
+        // 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('NoLagFeed 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,
+                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: pre-subscribe configured channels
+            // (posts only, no presence)
+            for (const channelName of this._options.channels) {
+                this._subscribeChannelInternal(channelName);
+            }
+        }
+        else if (this._activeChannel) {
+            // Server auto-restored topic subscriptions; only channel-scoped presence
+            // needs re-applying (the core does not restore it).
+            this._channels.get(this._activeChannel)?._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);
+    }
+    // ============ Channel Management ============
+    /**
+     * Join (activate) a feed channel. Deactivates the previous active channel.
+     * If the channel was pre-subscribed via the `channels` option, activates it.
+     * Otherwise creates, subscribes, and activates it.
+     */
+    joinChannel(name, opts) {
+        this._assertUsable();
+        // Deactivate the current active channel
+        if (this._activeChannel && this._activeChannel !== name) {
+            const prev = this._channels.get(this._activeChannel);
+            if (prev)
+                prev._deactivate();
+        }
+        // Get or create the channel
+        let channel = this._channels.get(name);
+        if (!channel) {
+            channel = this._subscribeChannelInternal(name, opts?.filters);
+        }
+        else if (opts?.filters) {
+            // Already subscribed (pre-subscribed via the `channels` option, or an
+            // earlier join). Re-point its filters rather than ignoring them.
+            channel.setFilters(opts.filters);
+        }
+        this._activeChannel = name;
+        channel._activate();
+        return channel;
+    }
+    /**
+     * Leave a feed channel. Fully unsubscribes and removes it.
+     */
+    leaveChannel(name) {
+        const channel = this._channels.get(name);
+        if (!channel)
+            return;
+        this._log('Leaving channel:', name);
+        channel._cleanup();
+        this._channels.delete(name);
+        if (this._activeChannel === name) {
+            this._activeChannel = null;
+        }
+    }
+    /**
+     * Get all joined channels.
+     */
+    getChannels() {
+        return Array.from(this._channels.values());
+    }
+    // ============ Global Presence ============
+    /**
+     * Get all users currently online across all channels.
+     */
+    getOnlineUsers() {
+        return Array.from(this._onlineUsers.values());
+    }
+    // ============ Profile ============
+    /**
+     * Update the local user's profile info (broadcast to the active channel).
+     */
+    updateProfile(updates) {
+        if (!this._localUser)
+            return;
+        if (updates.username !== undefined) {
+            this._localUser.username = updates.username;
+            this._options.username = updates.username;
+        }
+        if (updates.avatar !== undefined) {
+            this._localUser.avatar = updates.avatar;
+            this._options.avatar = updates.avatar;
+        }
+        if (updates.metadata !== undefined) {
+            this._localUser.metadata = { ...this._localUser.metadata, ...updates.metadata };
+            this._options.metadata = this._localUser.metadata;
+        }
+        // Re-set presence only on the active channel
+        if (this._activeChannel) {
+            const activeChannel = this._channels.get(this._activeChannel);
+            if (activeChannel)
+                activeChannel._updateLocalPresence();
+        }
+    }
+    // ============ Private: Guards ============
+    _assertUsable() {
+        if (this._detached) {
+            throw new Error('NoLagFeed has been detached — construct a new instance');
+        }
+        if (!this._isReady || !this._localUser) {
+            throw new Error('NoLagFeed not ready — await ready() or the "connected" event');
+        }
+    }
+    // ============ Private: Channel Setup ============
+    _subscribeChannelInternal(name, filters) {
+        this._log('Subscribing channel:', name);
+        const roomContext = this._client.setApp(this._options.appName).setRoom(name);
+        const channel = new FeedChannel(name, roomContext, this._localUser, this._options, createLogger(`FeedChannel:${name}`, this._options.debug), () => this._client.connected);
+        this._channels.set(name, channel);
+        channel._subscribe(filters);
+        return channel;
+    }
+    // ============ 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: Channel Presence → Active Channel ============
+    _handleRoomPresenceJoin(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data.presence;
+        if (!presenceData?.userId || this._foreignScope(presenceData))
+            return;
+        // Track as online user
+        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);
+        }
+        const channel = this._activeChannel ? this._channels.get(this._activeChannel) : undefined;
+        if (channel) {
+            channel._handlePresenceJoin(data.actorTokenId, presenceData);
+        }
+    }
+    _handleRoomPresenceLeave(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        // Channel leave ≠ offline — user may still be in another channel.
+        // Lobby leave handles actual offline status.
+        const channel = this._activeChannel ? this._channels.get(this._activeChannel) : undefined;
+        if (channel) {
+            channel._handlePresenceLeave(data.actorTokenId);
+        }
+    }
+    _handleRoomPresenceUpdate(data) {
+        if (data.actorTokenId === this._localUser?.actorTokenId)
+            return;
+        const presenceData = data.presence;
+        if (!presenceData?.userId || this._foreignScope(presenceData))
+            return;
+        // Update online user info if we already track them
+        if (this._onlineUsers.has(presenceData.userId)) {
+            const user = this._presenceToUser(data.actorTokenId, presenceData);
+            this._onlineUsers.set(user.userId, user);
+        }
+        const channel = this._activeChannel ? this._channels.get(this._activeChannel) : undefined;
+        if (channel) {
+            channel._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,
+            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 { EventEmitter, FeedChannel, NoLagFeed };
+//# sourceMappingURL=react-native.js.map