@hustle-together/api-dev-tools 3.12.2 → 3.12.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/api-dev-state.json +224 -165
- package/CHANGELOG.md +29 -0
- package/README.md +58 -1
- package/bin/cli.js +1303 -89
- package/hooks/update-api-showcase.py +13 -1
- package/hooks/update-ui-showcase.py +13 -1
- package/package.json +7 -3
- package/scripts/extract-schema-docs.cjs +322 -0
- package/templates/api-showcase/_components/APIModal.tsx +100 -8
- package/templates/api-showcase/_components/APIShowcase.tsx +36 -4
- package/templates/api-showcase/_components/APITester.tsx +132 -45
- package/templates/typedoc.json +19 -0
- package/templates/ui-showcase/_components/UIShowcase.tsx +1 -1
- package/templates/ui-showcase/page.tsx +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# API Development Tools
|
|
1
|
+
# API Development Tools v3.12.10
|
|
2
2
|
|
|
3
3
|
```
|
|
4
4
|
╔═══════════════════════════════════════════════════════════════╗
|
|
@@ -183,6 +183,63 @@ Notifications include:
|
|
|
183
183
|
|
|
184
184
|
---
|
|
185
185
|
|
|
186
|
+
## API Showcase
|
|
187
|
+
|
|
188
|
+
Interactive documentation and testing UI for all your APIs:
|
|
189
|
+
|
|
190
|
+
```bash
|
|
191
|
+
# Access at: http://localhost:3000/api-showcase
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
**Features:**
|
|
195
|
+
- Grid view of all registered APIs with search and filtering
|
|
196
|
+
- Click any API to open interactive testing modal
|
|
197
|
+
- **Example Requests** - Pre-built, runnable examples that auto-fill query params
|
|
198
|
+
- **Try It** - Live API testing with real responses
|
|
199
|
+
- **Curl Examples** - Copy working curl commands
|
|
200
|
+
- **Documentation** - File locations, schemas, parameters
|
|
201
|
+
|
|
202
|
+
### How Examples Work
|
|
203
|
+
|
|
204
|
+
Examples are generated from your Zod schema parameters during Phase 13 (Documentation):
|
|
205
|
+
|
|
206
|
+
```json
|
|
207
|
+
// In registry.json - auto-generated from schema
|
|
208
|
+
"endpoints": {
|
|
209
|
+
"search": {
|
|
210
|
+
"params": [...],
|
|
211
|
+
"examples": {
|
|
212
|
+
"basic": {
|
|
213
|
+
"description": "Basic search request",
|
|
214
|
+
"query": "action=search&query=nature",
|
|
215
|
+
"curl": "curl -X GET 'http://localhost:3000/api/v2/unsplash?action=search&query=nature'"
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
The showcase reads examples from `registry.json` and displays clickable buttons that auto-fill the request.
|
|
223
|
+
|
|
224
|
+
---
|
|
225
|
+
|
|
226
|
+
## TypeDoc Integration
|
|
227
|
+
|
|
228
|
+
Generate API documentation from TSDoc comments:
|
|
229
|
+
|
|
230
|
+
```bash
|
|
231
|
+
pnpm typedoc # Generate docs to docs/api/
|
|
232
|
+
pnpm typedoc:watch # Watch mode for development
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
TypeDoc runs during **Phase 13 (Documentation)** and generates Markdown documentation from:
|
|
236
|
+
- `src/lib/schemas/*.ts` - Zod schemas with TSDoc comments
|
|
237
|
+
- `src/app/api/**/*.ts` - API route handlers
|
|
238
|
+
|
|
239
|
+
Configuration: `typedoc.json` (installed by the CLI)
|
|
240
|
+
|
|
241
|
+
---
|
|
242
|
+
|
|
186
243
|
## Additional Commands
|
|
187
244
|
|
|
188
245
|
### TDD Workflow
|