Revert "React demo2 (#218)"

This reverts commit 6ea1c67.

Author: szuperaz

AGENTS.md

@@ -21,21 +21,20 @@ Agents should prioritize backwards compatibility, API stability, and high test c
 ### Project layout (monorepo)
 
 packages/
-  feeds-client/                # Core Feeds API client
-    src/
-      activity-with-state-updates/  # Activity state management
-      bindings/                # Framework bindings
-      common/                  # Common utilities (API client, state management, real-time)
-      feed/                    # Feed management and event handlers
-      feeds-client/            # Main FeedsClient class
-      gen/                     # Generated API clients and models
-      utils/                   # Utility functions
-  react-sdk/                   # React SDK wrapper with hooks and contexts
-  react-native-sdk/            # React Native SDK wrapper
+feeds-client/ # Core Feeds API client
+src/
+common/ # Common utilities (API client, state management, real-time)
+feed/ # Feed management and event handlers
+feeds-client/ # Main FeedsClient class
+gen/ # Generated API clients and models
+utils/ # Utility functions
+types.ts # Type definitions
+@react-bindings/ # React hooks and contexts
+react-sdk/ # React SDK wrapper
+react-native-sdk/ # React Native SDK wrapper
 sample-apps/
-  react-demo/                  # Next.js demo application (stream-feeds-react-demo)
-  react-sample-app/            # Next.js sample application (facebook-clone)
-  react-native/                # React Native sample application (ExpoTikTokApp)
+react-sample-app/ # Next.js sample application for React
+react-native/ # React Native sample application
 
 Use the closest folder's patterns and conventions when editing.
 
@@ -149,11 +148,11 @@ Commit / PR conventions
 Testing policy
 • Add/extend tests in each package's test directories with .test.ts suffix.
 • Cover:
-  • Core FeedsClient and Feed classes
-  • Event handlers and state management - see ai-docs/ai-state-management for details
-  • React hooks and contexts (react-sdk, react-native-sdk)
-  • Utility functions (token creation, rate limiting, search)
-  • Generated API clients and their interactions
+• Core FeedsClient and Feed classes
+• Event handlers and state management - see ai-docs/ai-state-management for details
+• React hooks and contexts (@react-bindings)
+• Utility functions (token creation, rate limiting, search)
+• Generated API clients and their interactions
 • Integration tests are in `__integration-tests__/` directories
 
 Security & credentials
@@ -185,32 +184,3 @@ Quick agent checklist (per commit)
 • Test affected packages individually if needed
 
 End of machine guidance. Edit this file to refine agent behavior over time; keep human-facing details in README.md and docs.
-
-## React Demo app
-
-### Purpose
-
-This is a React demo application showcasing the Stream Feeds SDK. Both source code quality and visual design should be excellent—this app serves as a reference implementation.
-
-### UI Framework
-
-This project uses **Tailwind CSS** with **daisyUI** for styling.
-
-#### daisyUI Setup for Cursor
-
-To get accurate daisyUI code generation, use one of these methods:
-
-**Quick use in chat:**
-```
-@web https://daisyui.com/llms.txt
-```
-
-### Stream Feeds SDK Documentation
-
-If something is not clear, ask for a documentation link
-
-### Quality Standards
-
-- **Source code**: Clean, well-structured, following React best practices
-- **Design**: Modern, polished UI using daisyUI components effectively
-- **Both must be excellent**—this is a showcase application

CLAUDE.md

@@ -40,7 +40,9 @@ Here are some of the features we support:
 - **Search & queries**: Activity search, **query activities**, and **query feeds** endpoints.
 - **Modern essentials**: Permissions • OpenAPI spec • GDPR endpoints • realtime WebSocket events • push notifications • “own capabilities” API.
 
-## React demo app
+## React sample apps
+
+### React demo app with stories
 
 Deployed version: https://feeds-react-demo.vercel.app
 
@@ -78,80 +80,27 @@ After the above steps run the following command in `sample-apps/react-demo`:
 yarn dev
 ```
 
-## Test Data Generator
-
-The `test-data-generator` directory contains scripts to populate your Stream Feeds app with sample data for testing and development purposes.
+### Advanced React app
 
-### Setup
+Prerequisites:
 
-1. Create a `.env` file in `test-data-generator/` with your credentials:
+- Install dependencies: `yarn`
+- Build React SDK: `yarn build:client` and `yarn build:react-sdk`
+- Create a `.env` file in `sample-apps/react-sample-app` with the following content:
 
 ```
-STREAM_API_KEY=<Stream API key>
-API_SECRET=<Stream API secret>
-API_URL=<Optional, Stream API URL>
+NEXT_PUBLIC_STREAM_API_KEY=<Your API key>
+NEXT_API_SECRET=<Your API secret>
+NEXT_PUBLIC_API_URL=<Optionally provide an API URL>
 ```
 
-2. Install dependencies: `yarn` (from the repository root)
-
-### Available Scripts
+- Run the `node setup-env.js` script in `sample-apps/react-sample-app`
+- If you want to have some pre-made posts in your app, optinally run the `node create-posts.js` script as well
 
-Run these commands from the `test-data-generator/` directory:
+After the above steps run the following command in `sample-apps/react-sample-app`:
 
-| Script          | Command                | Description                                |
-| --------------- | ---------------------- | ------------------------------------------ |
-| Create Users    | `yarn create-users`    | Creates users and their feeds              |
-| Create Follows  | `yarn create-follows`  | Sets up follow relationships between users |
-| Create Posts    | `yarn create-posts`    | Generates sample activities/posts          |
-| Create Stories  | `yarn create-stories`  | Creates sample stories                     |
-| Download Images | `yarn download-images` | Downloads sample images for posts          |
-
-### Create Posts Feature Flags
-
-The `create-posts` script supports a `--features` flag to control which features are included in the generated posts:
-
-```bash
-yarn create-posts --features <feature1,feature2,...>
 ```
-
-**Available features:**
-
-| Feature      | Description                              |
-| ------------ | ---------------------------------------- |
-| `link`       | Adds random URLs to posts                |
-| `attachment` | Uploads and attaches 1-3 images to posts |
-| `mention`    | Adds @mentions to other users            |
-| `poll`       | Creates and attaches polls to posts      |
-| `reaction`   | Adds 1-5 reactions from random users     |
-| `comment`    | Adds 1-5 comments from random users      |
-| `bookmark`   | Bookmarks posts by random users          |
-| `repost`     | Creates reposts of existing activities   |
-
-**Examples:**
-
-```bash
-# Create basic posts without any features
-yarn create-posts
-
-# Create posts with polls and reactions
-yarn create-posts --features poll,reaction
-
-# Create posts with all content features
-yarn create-posts --features link,attachment,mention,poll,reaction,comment,bookmark,repost
-```
-
-> Note: Each feature has a probability of being included (not every post will have every enabled feature). Link and attachment are mutually exclusive per post.
-
-### Usage
-
-Typical order of operations:
-
-```bash
-cd test-data-generator
-yarn create-users
-yarn create-follows
-yarn create-posts --features link,attachment,mention,poll,reaction,comment,bookmark,repost
-yarn create-stories
+yarn dev
 ```
 
 ## Local Setup

README.md

@@ -7,8 +7,7 @@
   "license": "See license in LICENSE",
   "workspaces": [
     "packages/*",
-    "sample-apps/**",
-    "test-data-generator"
+    "sample-apps/**"
   ],
   "scripts": {
     "build:all": "yarn workspaces foreach -Avp --topological-dev run build",

package.json

@@ -164,7 +164,7 @@ describe('Activity state updates via WebSocket events', () => {
       text: 'Test activity',
     });
 
-    await waitForEvent(feed, 'feeds.activity.added', { timeoutMs: 10000 });
+    await waitForEvent(feed, 'feeds.activity.added', { timeoutMs: 1000 });
 
     expect(
       feed.state

packages/feeds-client/__integration-tests__/activity-websocket-events.test.ts

@@ -64,7 +64,7 @@ export const waitForEvent = (
   client: FeedsClient | Feed,
   type: FeedsEvent['type'] | WSEvent['type'],
   {
-    timeoutMs = 10000,
+    timeoutMs = 3000,
     shouldReject = false,
   }: {
     timeoutMs?: number;

packages/feeds-client/__integration-tests__/utils.ts

@@ -7,7 +7,6 @@ import { checkHasAnotherPage } from '../../../../utils';
 import type { Feed, FeedState } from '../../../../feed';
 import type { ActivityState, ActivityWithStateUpdates } from '../../../../activity-with-state-updates/activity-with-state-updates';
 import type { ActivityResponse, CommentResponse } from '../../../../gen/models';
-import { useActivityWithStateUpdatesContext } from '../../contexts/StreamActivityWithStateUpdatesContext';
 
 const canLoadComments = (
   feedOrActivity: Feed | ActivityResponse | ActivityWithStateUpdates,
@@ -37,17 +36,15 @@ type UseCommentsReturnType<T extends ActivityResponse | CommentResponse> = {
 export function useActivityComments({
   feed: feedFromProps,
   parentComment,
-  activity: activityFromProps,
+  activity,
 }: {
   feed?: Feed;
   parentComment?: CommentResponse;
   activity?: ActivityResponse | ActivityWithStateUpdates;
-} = {}) {
+}) {
   const feedFromContext = useFeedContext();
   const feed = feedFromProps ?? feedFromContext;
-  const activityFromContext = useActivityWithStateUpdatesContext();
-  const activity = activityFromProps ?? activityFromContext;
-  const feedOrActivity = (activity && canLoadComments(activity)) ? activity : feed;
+  const feedOrActivity = feed ?? activity;
 
   if (!feedOrActivity) {
     throw new Error('Feed or activity is required');

packages/feeds-client/src/bindings/react/contexts/StreamActivityWithStateUpdatesContext.tsx

@@ -47,7 +47,7 @@ export const useCreateFeedsClient = ({
 
     const connectionPromise = cachedUserData
       ? _client
-          .connectUser(cachedUserData, tokenOrProvider!)
+          .connectUser(cachedUserData, tokenOrProvider)
           .then(() => {
             setError(null);
           })