- Create ToolHealthBadge component in @tpmjs/ui for broken tool indicator - Create ToolHealthBanner component in @tpmjs/ui for detailed health warnings - Integrate both components into playground ToolsSidebar: - Badge shows in tool cards in left sidebar - Banner shows in tool detail modal - Update search-registry to include health fields in API responses - Add package.json exports for new health components These components provide consistent UI for displaying broken tool status across the application (tool search, tool detail pages, playground). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| src | ||
| CHANGELOG.md | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
@tpmjs/hello
Simple example TPMJS tools for AI SDK v6 - demonstrates how to create tools that work with AI agents.
Tools
helloWorldTool
Returns a simple "Hello, World!" greeting with a timestamp.
Parameters: None
Returns:
{
"message": "Hello, World!",
"timestamp": "2024-12-04T..."
}
helloNameTool
Returns a personalized greeting with the provided name.
Parameters:
name(string, required): The name of the person to greet
Returns:
{
"message": "Hello, John!",
"timestamp": "2024-12-04T..."
}
Usage
With AI SDK v6
import { streamText } from 'ai';
import { openai } from '@ai-sdk/openai';
import { helloWorldTool, helloNameTool } from '@tpmjs/hello';
const result = streamText({
model: openai('gpt-4o-mini'),
messages: [{ role: 'user', content: 'Say hello to Alice' }],
tools: {
helloWorld: helloWorldTool,
helloName: helloNameTool,
},
});
Template for Creating TPMJS Tools
This package serves as a template for creating your own TPMJS tools. Key requirements:
- Use AI SDK v6 Beta (
ai@6.0.0-beta.124) - Use Zod 4 for parameter validation
- Export tool objects with
description,parameters, andexecute - Add TPMJS metadata to package.json:
"tpmjs": { "category": "text-analysis", "description": "Your tool description" } - Include the
tpmjs-toolkeyword in package.json
Development
# Build
pnpm build
# Type check
pnpm type-check
# Watch mode
pnpm dev