@nolag/feed

import { NoLagApi } from "@nolag/js-sdk";

const api = new NoLagApi(process.env.NOLAG_API_KEY); // nlg_live_...
const app = await api.apps.create({ name: "My App", blueprintId: "nolag-feed-sdk" });
console.log(app.slug); // e.g. "my-app-a3f9": this is your appName

const actor = await api.actors.create({ name: "web-client", actorType: "user" });
console.log(actor.accessToken); // shown once; keep it

npm install @nolag/feed @nolag/js-sdk

import { NoLag } from '@nolag/js-sdk'
import { NoLagFeed } from '@nolag/feed'

// The app owns one core client. In a browser, pass a token provider so the
// SDK can mint fresh short-lived client tokens from your backend.
const client = NoLag(async () => (await (await fetch('/api/nolag-token')).json()).token)

// Inject the client into the feed wrapper
const feed = new NoLagFeed({
  client,
  appName: APP_SLUG, // the slug returned when you created the app
  username: 'Alice',
  avatar: '/img/alice.png',
})

await client.connect()   // the app owns the connection
await feed.ready()       // wrapper setup complete

// Join the seeded channel
const channel = feed.joinChannel('main-feed')

// Listen for new posts from other users in real time
channel.on('postCreated', (post) => {
  console.log(`${post.username}: ${post.content}`)
  console.log('Likes:', post.likeCount)
})

// Create a post. Publishers never receive their own posts back, so the
// wrapper adds it to the local store and emits `postSent`.
const mine = channel.createPost({
  content: 'Just shipped a new feature!',
  media: [{ type: 'image', url: '/uploads/screenshot.png' }],
})

// Like a post
channel.likePost(mine.id)

channel.on('postLiked', ({ postId, userId, likeCount }) => {
  console.log(`${userId} liked ${postId}; now ${likeCount} likes`)
})

// Comment on a post
channel.addComment(mine.id, 'Congrats!')

channel.on('commentAdded', (comment) => {
  console.log(`New comment on ${comment.postId}: ${comment.text}`)
})

// Get unread count and mark as read
console.log('Unread:', channel.unreadCount)
channel.markRead()

// Teardown: the wrapper releases its handlers; the app closes the socket.
feed.detach()
client.disconnect()