Backend: - SQLiteStateBackend: persistent task/trace storage with SQLite - InMemoryStateBackend: in-memory impl of StateBackend interface - Redis cache backend (CacheBackend ABC + MemoryCacheBackend + RedisCacheBackend) - OpenAI adapter: async acomplete() with retry logic - Per-tenant + per-IP rate limiting in middleware Frontend: - State management: useStore + useAppState (zero-dep, context + reducer) - React Router integration: URL-based navigation (usePageNavigation) - WebSocket streaming: sendPrompt + StreamCallbacks for token-by-token updates - File preview: inline image/text/binary preview with expand/collapse - Sparkline charts + MetricCard + BarChart for dashboard visualization - Push notifications hook (useNotifications) with browser Notification API - i18n system: 6 locales (en, es, fr, de, ja, zh) with interpolation - 6 new Storybook stories (ChatMessage, Skeleton, Markdown, SearchFilter, Toast, FilePreview) Testing: - Playwright E2E config + 6 browser specs (desktop + mobile) - 18 new Python tests (SQLiteStateBackend, InMemoryStateBackend, cache backends) 570 Python tests + 45 frontend tests = 615 total, 0 ruff errors. Co-Authored-By: Nakamoto, S <defi@defi-oracle.io>
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react'
|
|
import { Markdown } from './Markdown'
|
|
|
|
const meta: Meta<typeof Markdown> = {
|
|
title: 'Components/Markdown',
|
|
component: Markdown,
|
|
tags: ['autodocs'],
|
|
}
|
|
export default meta
|
|
type Story = StoryObj<typeof Markdown>
|
|
|
|
export const BasicText: Story = {
|
|
args: { content: 'Hello **world**! This is *italic* text.' },
|
|
}
|
|
|
|
export const CodeBlock: Story = {
|
|
args: { content: '```python\ndef greet(name):\n return f"Hello, {name}"\n```' },
|
|
}
|
|
|
|
export const List: Story = {
|
|
args: { content: '- First item\n- Second item\n- Third item' },
|
|
}
|
|
|
|
export const Headings: Story = {
|
|
args: { content: '# Title\n## Subtitle\n### Section\nParagraph text.' },
|
|
}
|
|
|
|
export const Links: Story = {
|
|
args: { content: 'Visit [FusionAGI](https://github.com/fusionagi) for docs.' },
|
|
}
|
|
|
|
export const Mixed: Story = {
|
|
args: {
|
|
content: '## Code Example\n\nHere is a function:\n\n```javascript\nconst add = (a, b) => a + b\n```\n\n- Works with numbers\n- Returns sum\n\n**Note:** This is zero-dependency.',
|
|
},
|
|
}
|