ng-directive-zero 1.0.5
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 +86 -0
- package/fesm2022/ng-directive-zero.mjs +2475 -0
- package/fesm2022/ng-directive-zero.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/agentation/agentation.component.d.ts +54 -0
- package/lib/components/annotation-panel/annotation-panel.component.d.ts +84 -0
- package/lib/components/inline-editor/inline-editor.component.d.ts +53 -0
- package/lib/components/markers-panel/markers-panel.component.d.ts +47 -0
- package/lib/components/overlay/overlay.component.d.ts +171 -0
- package/lib/components/settings-panel/settings-panel.component.d.ts +48 -0
- package/lib/components/toolbar/toolbar.component.d.ts +56 -0
- package/lib/models/component-node.interface.d.ts +154 -0
- package/lib/ng-directive-zero.module.d.ts +35 -0
- package/lib/services/component-walker.service.d.ts +109 -0
- package/lib/services/data-sanitizer.service.d.ts +65 -0
- package/lib/services/mcp.service.d.ts +43 -0
- package/lib/services/prompt-generator.service.d.ts +74 -0
- package/package.json +39 -0
- package/public-api.d.ts +13 -0
package/README.md
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# NgDirectiveZero
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/ng-directive-zero)
|
|
4
|
+
[](https://www.npmjs.com/package/ng-directive-zero)
|
|
5
|
+
|
|
6
|
+
Angular implementation of Agentation for visual DOM inspection and annotation. It provides an overlay-driven marker flow, component metadata extraction, and structured prompt output for page feedback.
|
|
7
|
+
|
|
8
|
+
## Demo
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## Features
|
|
13
|
+
- Visual overlay to mark components or DOM nodes
|
|
14
|
+
- Marker list, intent editing, and clipboard export
|
|
15
|
+
- Angular component metadata extraction (inputs/outputs/properties)
|
|
16
|
+
- Prompt output detail levels (compact, standard, detailed, forensic)
|
|
17
|
+
- Nested element selection via breadcrumb navigation
|
|
18
|
+
|
|
19
|
+
## Installation
|
|
20
|
+
```bash
|
|
21
|
+
npm install ng-directive-zero
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Quick start
|
|
25
|
+
Import the module in your root module and place the agentation component once in your app.
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
// app.module.ts
|
|
29
|
+
import { NgDirectiveZeroModule } from 'ng-directive-zero';
|
|
30
|
+
|
|
31
|
+
@NgModule({
|
|
32
|
+
imports: [
|
|
33
|
+
NgDirectiveZeroModule.forRoot(),
|
|
34
|
+
],
|
|
35
|
+
})
|
|
36
|
+
export class AppModule {}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
```html
|
|
40
|
+
<!-- app.component.html -->
|
|
41
|
+
<ag-directive-zero></ag-directive-zero>
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Exported API
|
|
45
|
+
### Module
|
|
46
|
+
- `NgDirectiveZeroModule`
|
|
47
|
+
|
|
48
|
+
### Components
|
|
49
|
+
- `ag-directive-zero`
|
|
50
|
+
- `ag-overlay`
|
|
51
|
+
- `ag-toolbar`
|
|
52
|
+
- `ag-markers-panel`
|
|
53
|
+
- `ag-settings-panel`
|
|
54
|
+
- `ag-annotation-panel`
|
|
55
|
+
- `ag-inline-editor`
|
|
56
|
+
|
|
57
|
+
### Services
|
|
58
|
+
- `ComponentWalkerService`
|
|
59
|
+
- `DataSanitizerService`
|
|
60
|
+
- `PromptGeneratorService`
|
|
61
|
+
- `McpService`
|
|
62
|
+
|
|
63
|
+
### Models
|
|
64
|
+
- `ComponentNode`, `MarkerAnnotation`, `RecordingSession`
|
|
65
|
+
- `AgentationSettings`, `ToolbarState`
|
|
66
|
+
- `OutputDetail`, `MarkerColor`, `DEFAULT_SETTINGS`, `MARKER_COLORS`
|
|
67
|
+
|
|
68
|
+
## Build & test
|
|
69
|
+
```bash
|
|
70
|
+
ng build ng-directive-zero
|
|
71
|
+
ng test
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## Publishing
|
|
75
|
+
```bash
|
|
76
|
+
ng build ng-directive-zero
|
|
77
|
+
cd dist/ng-directive-zero
|
|
78
|
+
npm publish
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
## Compatibility
|
|
82
|
+
Peer dependencies:
|
|
83
|
+
- `@angular/core` and `@angular/common` >=14 <21
|
|
84
|
+
|
|
85
|
+
## License
|
|
86
|
+
MIT
|