@ng-annotate/angular 0.3.0 → 0.3.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/README.md +24 -0
- package/dist/README.md +24 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -50,6 +50,30 @@ export const appConfig: ApplicationConfig = {
|
|
|
50
50
|
|
|
51
51
|
No template changes needed — the overlay is injected automatically.
|
|
52
52
|
|
|
53
|
+
## Usage
|
|
54
|
+
|
|
55
|
+
Once installed:
|
|
56
|
+
|
|
57
|
+
**1. Start the dev server**
|
|
58
|
+
```bash
|
|
59
|
+
npm run dev
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
**2. Start the agent polling loop**
|
|
63
|
+
|
|
64
|
+
Tell your agent to watch for annotations. In Claude Code:
|
|
65
|
+
```
|
|
66
|
+
/mcp ng-annotate start-polling
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
The agent will drain any queued annotations and then enter a `watch_annotations` loop — processing browser annotations as they arrive and editing files automatically. It runs until you end the conversation.
|
|
70
|
+
|
|
71
|
+
> The `start-polling` prompt works with any MCP-compatible AI editor.
|
|
72
|
+
|
|
73
|
+
**3. Annotate in the browser**
|
|
74
|
+
|
|
75
|
+
Open `localhost:4200`, press `Alt+Shift+A` to enter inspect mode, click a component, type your instruction, and submit. The agent picks it up within seconds, edits the file, and the browser hot-reloads.
|
|
76
|
+
|
|
53
77
|
## Keyboard shortcuts
|
|
54
78
|
|
|
55
79
|
| Shortcut | Action |
|
package/dist/README.md
CHANGED
|
@@ -50,6 +50,30 @@ export const appConfig: ApplicationConfig = {
|
|
|
50
50
|
|
|
51
51
|
No template changes needed — the overlay is injected automatically.
|
|
52
52
|
|
|
53
|
+
## Usage
|
|
54
|
+
|
|
55
|
+
Once installed:
|
|
56
|
+
|
|
57
|
+
**1. Start the dev server**
|
|
58
|
+
```bash
|
|
59
|
+
npm run dev
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
**2. Start the agent polling loop**
|
|
63
|
+
|
|
64
|
+
Tell your agent to watch for annotations. In Claude Code:
|
|
65
|
+
```
|
|
66
|
+
/mcp ng-annotate start-polling
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
The agent will drain any queued annotations and then enter a `watch_annotations` loop — processing browser annotations as they arrive and editing files automatically. It runs until you end the conversation.
|
|
70
|
+
|
|
71
|
+
> The `start-polling` prompt works with any MCP-compatible AI editor.
|
|
72
|
+
|
|
73
|
+
**3. Annotate in the browser**
|
|
74
|
+
|
|
75
|
+
Open `localhost:4200`, press `Alt+Shift+A` to enter inspect mode, click a component, type your instruction, and submit. The agent picks it up within seconds, edits the file, and the browser hot-reloads.
|
|
76
|
+
|
|
53
77
|
## Keyboard shortcuts
|
|
54
78
|
|
|
55
79
|
| Shortcut | Action |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-annotate/angular",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"schematics": "./schematics/collection.json",
|
|
5
5
|
"description": "Angular library for ng-annotate-mcp — browser overlay for annotating components and routing instructions to an AI agent",
|
|
6
6
|
"keywords": [
|