Usegenerationstream Hook

usegenerationstream-hook

This skill covers patterns for managing generation streams in a React application.

Trigger: Load when using useGenerationStream for state management.

Quick Reference

| Task | Pattern | |------|---------| | Manage stream status | StreamStatus | | Handle step items | StepItem |

Critical Patterns (Summary)

• StreamStatus Management: Utilize StreamStatus to track the state of the generation stream.
• StepItem Handling: Use StepItem to represent individual steps in the generation process.

Critical Patterns (Detailed)

StreamStatus Management

Utilize StreamStatus to track the state of the generation stream, allowing for responsive UI updates.

import { StreamStatus } from '@/hooks/useGenerationStream';

const status: StreamStatus = StreamStatus.RUNNING; // Example usage

StepItem Handling

Use StepItem to represent individual steps in the generation process, enabling detailed tracking of progress.

import { StepItem } from '@/hooks/useGenerationStream';

const step: StepItem = { id: 1, description: 'Initializing...' }; // Example usage

When to Use

• When managing the state of a generation process in a React component.
• When displaying progress through individual steps of a generation task.

Commands

docker-compose up
python repoforge/cli.py

Anti-Patterns

Don't: Ignore StreamState

Ignoring StreamState can lead to unresponsive UI and poor user experience.

// BAD
const state = {}; // Missing StreamState management

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: JNZader
• Source: JNZader/repoforge
• License: MIT
• Homepage: https://repoforge.javierzader.com

Install and usage instructions live in the source repository linked above.