torch-glare-mcp 1.7.0 → 1.7.1
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/docs/reference/cli.md +28 -3
- package/docs/tutorials/getting-started.md +7 -0
- package/package.json +1 -1
- package/registry.json +58 -1
package/docs/reference/cli.md
CHANGED
|
@@ -23,7 +23,7 @@ Run a command **without** a name to pick from an interactive list.
|
|
|
23
23
|
|
|
24
24
|
| Command | Description |
|
|
25
25
|
| --- | --- |
|
|
26
|
-
| `init` | Create `glare.json
|
|
26
|
+
| `init` | Create `glare.json`, install the Tailwind packages, **and wire your stylesheet**. Run once per project. |
|
|
27
27
|
| `add [Component]` | Copy a component **and its dependencies** into your project. |
|
|
28
28
|
| `hook [hook]` | Copy a hook (usually pulled in automatically as a dependency). |
|
|
29
29
|
| `util [util]` | Copy a utility (e.g. `cn`, usually pulled in automatically). |
|
|
@@ -32,6 +32,8 @@ Run a command **without** a name to pick from an interactive list.
|
|
|
32
32
|
| `update` | Re-sync everything already installed with the latest templates. |
|
|
33
33
|
|
|
34
34
|
Component names are **case-sensitive PascalCase** — `add DatePicker`, not `add datepicker`.
|
|
35
|
+
Every command takes a **bare name** — `hook useDragDrop`, not `hook useDragDrop.tsx` — and every one
|
|
36
|
+
accepts `-f, --force`.
|
|
35
37
|
|
|
36
38
|
## `init`
|
|
37
39
|
|
|
@@ -39,7 +41,23 @@ Component names are **case-sensitive PascalCase** — `add DatePicker`, not `add
|
|
|
39
41
|
npx torch-glare@latest init
|
|
40
42
|
```
|
|
41
43
|
|
|
42
|
-
|
|
44
|
+
Three things, in order:
|
|
45
|
+
|
|
46
|
+
1. Creates `glare.json`.
|
|
47
|
+
2. Installs the Tailwind packages the design system needs, using your detected package manager.
|
|
48
|
+
3. **Wires your entry stylesheet** — `app/globals.css`, `src/app/globals.css`, `src/index.css`,
|
|
49
|
+
`styles/globals.css` — with the `@import`/`@plugin` block. Re-running is safe: if the block is
|
|
50
|
+
already there it says so and changes nothing.
|
|
51
|
+
|
|
52
|
+
On Tailwind v3 the plugins belong in `tailwind.config.*` instead. `init` prints the snippet rather
|
|
53
|
+
than editing that file, since its shape is yours.
|
|
54
|
+
|
|
55
|
+
> Without step 3 the project builds cleanly and renders every component **unstyled** — the design
|
|
56
|
+
> tokens simply resolve to nothing. If that happens, check that `@import "tailwindcss"` is the
|
|
57
|
+
> first line: CSS requires imports to precede other at-rules, so an import placed after a `@plugin`
|
|
58
|
+
> is silently dropped.
|
|
59
|
+
|
|
60
|
+
`glare.json` controls where files are copied:
|
|
43
61
|
|
|
44
62
|
```json
|
|
45
63
|
{
|
|
@@ -68,7 +86,14 @@ export function Example() {
|
|
|
68
86
|
}
|
|
69
87
|
```
|
|
70
88
|
|
|
71
|
-
|
|
89
|
+
It ends with a summary — `✅ DataViews → ./: 56 installed (56 items).` — so a partial install is
|
|
90
|
+
visible rather than something you discover at build time.
|
|
91
|
+
|
|
92
|
+
Dependencies come from the generated `registry.json`, resolved in one pass, so each item is copied
|
|
93
|
+
exactly once however many things import it.
|
|
94
|
+
|
|
95
|
+
Existing files are never overwritten. Use `--force` to re-copy — it applies to **the whole
|
|
96
|
+
dependency closure**, not just the component you named — or `update` to re-sync everything.
|
|
72
97
|
|
|
73
98
|
## `update`
|
|
74
99
|
|
|
@@ -32,6 +32,13 @@ Before you begin, make sure you have:
|
|
|
32
32
|
|
|
33
33
|
---
|
|
34
34
|
|
|
35
|
+
> **If you plan to build forms**, add the validation packages the guides use — no component
|
|
36
|
+
> imports them, so the CLI does not install them for you:
|
|
37
|
+
>
|
|
38
|
+
> ```bash
|
|
39
|
+
> npm install zod @hookform/resolvers
|
|
40
|
+
> ```
|
|
41
|
+
|
|
35
42
|
## Step 1: Initialize TORCH Glare
|
|
36
43
|
|
|
37
44
|
Run the following command to initialize your project:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "torch-glare-mcp",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.1",
|
|
4
4
|
"description": "MCP server for TORCH Glare component library — gives AI assistants full access to component docs, API references, code examples, and design system info",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
package/registry.json
CHANGED
|
@@ -1,6 +1,63 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.5.
|
|
2
|
+
"version": "2.5.1",
|
|
3
3
|
"generatedBy": "scripts/bin/generateRegistry",
|
|
4
|
+
"npmVersions": {
|
|
5
|
+
"@dnd-kit/core": "^6.3.1",
|
|
6
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
7
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
8
|
+
"@editorjs/checklist": "^1.6.0",
|
|
9
|
+
"@editorjs/code": "^2.9.4",
|
|
10
|
+
"@editorjs/delimiter": "^1.4.2",
|
|
11
|
+
"@editorjs/editorjs": "^2.31.1",
|
|
12
|
+
"@editorjs/embed": "^2.8.0",
|
|
13
|
+
"@editorjs/header": "^2.8.8",
|
|
14
|
+
"@editorjs/inline-code": "^1.5.2",
|
|
15
|
+
"@editorjs/link": "^2.6.2",
|
|
16
|
+
"@editorjs/list": "^2.0.9",
|
|
17
|
+
"@editorjs/marker": "^1.4.0",
|
|
18
|
+
"@editorjs/nested-list": "^1.4.3",
|
|
19
|
+
"@editorjs/quote": "^2.7.6",
|
|
20
|
+
"@editorjs/raw": "^2.5.1",
|
|
21
|
+
"@editorjs/simple-image": "^1.6.0",
|
|
22
|
+
"@editorjs/table": "^2.4.5",
|
|
23
|
+
"@editorjs/text-variant-tune": "^1.0.3",
|
|
24
|
+
"@editorjs/underline": "^1.2.1",
|
|
25
|
+
"@editorjs/warning": "^1.4.1",
|
|
26
|
+
"@radix-ui/react-alert-dialog": "^1.1.6",
|
|
27
|
+
"@radix-ui/react-avatar": "^1.1.3",
|
|
28
|
+
"@radix-ui/react-checkbox": "^1.1.4",
|
|
29
|
+
"@radix-ui/react-context-menu": "^2.3.2",
|
|
30
|
+
"@radix-ui/react-dialog": "^1.1.6",
|
|
31
|
+
"@radix-ui/react-dropdown-menu": "^2.1.6",
|
|
32
|
+
"@radix-ui/react-label": "^2.1.2",
|
|
33
|
+
"@radix-ui/react-popover": "^1.1.6",
|
|
34
|
+
"@radix-ui/react-radio-group": "^1.2.3",
|
|
35
|
+
"@radix-ui/react-scroll-area": "^1.2.3",
|
|
36
|
+
"@radix-ui/react-select": "^2.1.6",
|
|
37
|
+
"@radix-ui/react-slider": "^1.4.2",
|
|
38
|
+
"@radix-ui/react-slot": "^1.1.2",
|
|
39
|
+
"@radix-ui/react-switch": "^1.1.3",
|
|
40
|
+
"@radix-ui/react-tabs": "^1.1.13",
|
|
41
|
+
"@radix-ui/react-toggle": "^1.1.2",
|
|
42
|
+
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
43
|
+
"@radix-ui/react-tooltip": "^1.1.8",
|
|
44
|
+
"@tanstack/react-table": "^8.21.3",
|
|
45
|
+
"@tanstack/react-virtual": "^3.14.9",
|
|
46
|
+
"chart.js": "^4.5.1",
|
|
47
|
+
"class-variance-authority": "^0.7.1",
|
|
48
|
+
"clsx": "^2.1.1",
|
|
49
|
+
"date-fns": "^4.1.0",
|
|
50
|
+
"editorjs-undo": "^2.0.28",
|
|
51
|
+
"input-otp": "^1.4.2",
|
|
52
|
+
"lucide-react": "^0.507.0",
|
|
53
|
+
"next": "15.2.1",
|
|
54
|
+
"react-day-picker": "^9.6.7",
|
|
55
|
+
"react-hook-form": "^7.54.2",
|
|
56
|
+
"react-hot-toast": "^2.5.2",
|
|
57
|
+
"tailwind-merge": "^3.0.2",
|
|
58
|
+
"torch-react-mobile-picker": "^1.1.0",
|
|
59
|
+
"vaul": "^1.1.2"
|
|
60
|
+
},
|
|
4
61
|
"items": [
|
|
5
62
|
{
|
|
6
63
|
"name": "ActionButton",
|