Skip to content

Commit e2db8ce

Browse files
naivefunclaude
andcommitted
Add npm badges and ignore .claude folder
- Add professional badges: version, downloads, bundle size, TypeScript, license - Add .claude/ to .gitignore to keep Claude Code settings personal - Remove .claude folder from git tracking 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 67a30f9 commit e2db8ce

File tree

4 files changed

+15
-20
lines changed

4 files changed

+15
-20
lines changed

.claude/settings.local.json

Lines changed: 0 additions & 20 deletions
This file was deleted.

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,9 @@ build/
1717
*.swp
1818
*.swo
1919

20+
# Claude Code settings (personal)
21+
.claude/
22+
2023
# Environment
2124
.env
2225
.env.local

README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
# handtree
22

3+
[![npm version](https://badge.fury.io/js/handtree.svg)](https://badge.fury.io/js/handtree)
4+
[![npm downloads](https://img.shields.io/npm/dm/handtree.svg)](https://www.npmjs.com/package/handtree)
5+
[![bundle size](https://img.shields.io/bundlephobia/minzip/handtree)](https://bundlephobia.com/package/handtree)
6+
[![TypeScript](https://img.shields.io/badge/TypeScript-ready-blue.svg)](https://www.typescriptlang.org/)
7+
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
8+
39
A React tree component for **hand-crafted** hierarchical interfaces. Unlike data-driven tree libraries, handtree lets you compose tree structures manually with full control over styling, behavior, and layout.
410

511
**[📖 Live Examples & Documentation →](https://username.github.io/handtree/)**
@@ -27,6 +33,12 @@ handtree is perfect when you need to:
2733

2834
Instead of forcing your data into a generic tree format, handtree lets you craft each node type exactly as it should appear and behave.
2935

36+
<a href="./assets/schema-editor.png">
37+
<img src="./assets/schema-editor.png" alt="OpenAPI Schema Editor built with handtree" width="600">
38+
</a>
39+
40+
*Real-world usage: OpenAPI schema editor where each field type (object, array, string, number) has unique rendering, metadata, and interactions. Note the rich details below each field (descriptions, examples, constraints) - this level of content is difficult and often not worth normalizing into a generic tree structure.*
41+
3042
## Installation
3143

3244
```bash

assets/schema-editor.png

210 KB
Loading

0 commit comments

Comments
 (0)