angular-grab-monorepo 0.1.3
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/settings.local.json +10 -0
- package/.playwright-mcp/console-2026-03-07T02-49-38-061Z.log +37 -0
- package/.playwright-mcp/console-2026-03-07T02-51-03-493Z.log +26 -0
- package/.playwright-mcp/console-2026-03-07T02-51-25-431Z.log +15 -0
- package/.playwright-mcp/console-2026-03-07T02-52-02-980Z.log +91 -0
- package/.playwright-mcp/page-2026-03-07T02-52-09-791Z.png +0 -0
- package/LICENSE +21 -0
- package/README.md +215 -0
- package/examples/angular-19-app/.editorconfig +17 -0
- package/examples/angular-19-app/.vscode/extensions.json +4 -0
- package/examples/angular-19-app/.vscode/launch.json +20 -0
- package/examples/angular-19-app/.vscode/mcp.json +9 -0
- package/examples/angular-19-app/.vscode/tasks.json +42 -0
- package/examples/angular-19-app/README.md +59 -0
- package/examples/angular-19-app/angular.json +79 -0
- package/examples/angular-19-app/package.json +42 -0
- package/examples/angular-19-app/public/favicon.ico +0 -0
- package/examples/angular-19-app/src/app/app.config.ts +13 -0
- package/examples/angular-19-app/src/app/app.css +37 -0
- package/examples/angular-19-app/src/app/app.html +25 -0
- package/examples/angular-19-app/src/app/app.routes.ts +3 -0
- package/examples/angular-19-app/src/app/app.spec.ts +23 -0
- package/examples/angular-19-app/src/app/app.ts +12 -0
- package/examples/angular-19-app/src/app/button/button.component.ts +25 -0
- package/examples/angular-19-app/src/app/card/card.component.ts +33 -0
- package/examples/angular-19-app/src/app/header/header.component.ts +31 -0
- package/examples/angular-19-app/src/app/popover/popover.component.ts +133 -0
- package/examples/angular-19-app/src/index.html +13 -0
- package/examples/angular-19-app/src/main.ts +6 -0
- package/examples/angular-19-app/src/styles.css +1 -0
- package/examples/angular-19-app/tsconfig.app.json +15 -0
- package/examples/angular-19-app/tsconfig.json +33 -0
- package/examples/angular-19-app/tsconfig.spec.json +15 -0
- package/package.json +22 -0
- package/packages/angular-grab/builders.json +14 -0
- package/packages/angular-grab/package.json +96 -0
- package/packages/angular-grab/src/angular/__tests__/context-builder.test.ts +216 -0
- package/packages/angular-grab/src/angular/angular-grab.service.ts +62 -0
- package/packages/angular-grab/src/angular/index.ts +13 -0
- package/packages/angular-grab/src/angular/provide-angular-grab.ts +22 -0
- package/packages/angular-grab/src/angular/resolvers/component-resolver.ts +71 -0
- package/packages/angular-grab/src/angular/resolvers/context-builder.ts +86 -0
- package/packages/angular-grab/src/angular/resolvers/ng-utils.ts +14 -0
- package/packages/angular-grab/src/angular/resolvers/source-resolver.ts +61 -0
- package/packages/angular-grab/src/builder/__tests__/builder.test.ts +72 -0
- package/packages/angular-grab/src/builder/builders/application/index.ts +13 -0
- package/packages/angular-grab/src/builder/builders/application/schema.json +7 -0
- package/packages/angular-grab/src/builder/builders/dev-server/index.ts +9 -0
- package/packages/angular-grab/src/builder/builders/dev-server/schema.json +7 -0
- package/packages/angular-grab/src/builder/index.ts +3 -0
- package/packages/angular-grab/src/cli/__tests__/cli.test.ts +239 -0
- package/packages/angular-grab/src/cli/commands/init.ts +106 -0
- package/packages/angular-grab/src/cli/index.ts +15 -0
- package/packages/angular-grab/src/cli/utils/detect-project.ts +78 -0
- package/packages/angular-grab/src/cli/utils/modify-angular-json.ts +42 -0
- package/packages/angular-grab/src/cli/utils/modify-app-config.ts +42 -0
- package/packages/angular-grab/src/core/__tests__/generate-snippet.test.ts +149 -0
- package/packages/angular-grab/src/core/__tests__/plugin-registry.test.ts +286 -0
- package/packages/angular-grab/src/core/__tests__/store.test.ts +118 -0
- package/packages/angular-grab/src/core/__tests__/utils.test.ts +85 -0
- package/packages/angular-grab/src/core/clipboard/copy.ts +104 -0
- package/packages/angular-grab/src/core/clipboard/generate-snippet.ts +38 -0
- package/packages/angular-grab/src/core/constants.ts +10 -0
- package/packages/angular-grab/src/core/grab.ts +596 -0
- package/packages/angular-grab/src/core/index.global.ts +13 -0
- package/packages/angular-grab/src/core/index.ts +19 -0
- package/packages/angular-grab/src/core/keyboard/keyboard-handler.ts +163 -0
- package/packages/angular-grab/src/core/overlay/crosshair.ts +107 -0
- package/packages/angular-grab/src/core/overlay/freeze-overlay.ts +239 -0
- package/packages/angular-grab/src/core/overlay/overlay-renderer.ts +180 -0
- package/packages/angular-grab/src/core/overlay/select-feedback.ts +108 -0
- package/packages/angular-grab/src/core/overlay/toast.ts +175 -0
- package/packages/angular-grab/src/core/picker/element-picker.ts +114 -0
- package/packages/angular-grab/src/core/plugins/plugin-registry.ts +83 -0
- package/packages/angular-grab/src/core/store.ts +52 -0
- package/packages/angular-grab/src/core/toolbar/actions-menu.ts +178 -0
- package/packages/angular-grab/src/core/toolbar/comment-popover.ts +235 -0
- package/packages/angular-grab/src/core/toolbar/copy-actions.ts +98 -0
- package/packages/angular-grab/src/core/toolbar/history-popover.ts +245 -0
- package/packages/angular-grab/src/core/toolbar/theme-manager.ts +188 -0
- package/packages/angular-grab/src/core/toolbar/toolbar-icons.ts +29 -0
- package/packages/angular-grab/src/core/toolbar/toolbar-renderer.ts +239 -0
- package/packages/angular-grab/src/core/types.ts +139 -0
- package/packages/angular-grab/src/core/utils.ts +16 -0
- package/packages/angular-grab/src/esbuild-plugin/__tests__/transform.test.ts +174 -0
- package/packages/angular-grab/src/esbuild-plugin/index.ts +3 -0
- package/packages/angular-grab/src/esbuild-plugin/plugin.ts +29 -0
- package/packages/angular-grab/src/esbuild-plugin/scan.ts +105 -0
- package/packages/angular-grab/src/esbuild-plugin/transform.ts +152 -0
- package/packages/angular-grab/src/vite-plugin/__tests__/plugin.test.ts +84 -0
- package/packages/angular-grab/src/vite-plugin/index.ts +19 -0
- package/packages/angular-grab/src/webpack-plugin/__tests__/plugin.test.ts +72 -0
- package/packages/angular-grab/src/webpack-plugin/index.ts +2 -0
- package/packages/angular-grab/src/webpack-plugin/loader.ts +15 -0
- package/packages/angular-grab/src/webpack-plugin/plugin.ts +20 -0
- package/packages/angular-grab/tsconfig.json +15 -0
- package/packages/angular-grab/tsup.config.ts +119 -0
- package/pnpm-workspace.yaml +3 -0
- package/turbo.json +21 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
[ 289ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
2
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:8330:13)
|
|
3
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:25462:27)
|
|
4
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5955:32)
|
|
5
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5876:35
|
|
6
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5032:5)
|
|
7
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5875:11)
|
|
8
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5770:23)
|
|
9
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:25979:30)
|
|
10
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:27812:12)
|
|
11
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=bfe7e41f:6039:10) @ http://localhost:4299/main.js:354
|
|
12
|
+
[ 37817ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
13
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:8330:13)
|
|
14
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:25515:14)
|
|
15
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5955:32)
|
|
16
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5876:35
|
|
17
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5032:5)
|
|
18
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5875:11)
|
|
19
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:5770:23)
|
|
20
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:25979:30)
|
|
21
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=bfe7e41f:27812:12)
|
|
22
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=bfe7e41f:6039:10) @ http://localhost:4299/main.js:356
|
|
23
|
+
[ 71449ms] [ERROR] WebSocket connection to 'ws://localhost:4299/?token=Y5-2qc8nYeUW' failed: @ http://localhost:4299/@vite/client:795
|
|
24
|
+
[ 71488ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
25
|
+
[ 72490ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
26
|
+
[ 73491ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
27
|
+
[ 74622ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
28
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:8330:13)
|
|
29
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:25515:14)
|
|
30
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5955:32)
|
|
31
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5876:35
|
|
32
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5032:5)
|
|
33
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5875:11)
|
|
34
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5770:23)
|
|
35
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:25979:30)
|
|
36
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:27812:12)
|
|
37
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=124867e9:6039:10) @ http://localhost:4299/main.js:356
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
[ 47ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
2
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:8330:13)
|
|
3
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:25515:14)
|
|
4
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5955:32)
|
|
5
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5876:35
|
|
6
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5032:5)
|
|
7
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5875:11)
|
|
8
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:5770:23)
|
|
9
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:25979:30)
|
|
10
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=124867e9:27812:12)
|
|
11
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=124867e9:6039:10) @ http://localhost:4299/main.js:356
|
|
12
|
+
[ 6509ms] [ERROR] WebSocket connection to 'ws://localhost:4299/?token=SHGuk04rFkBu' failed: @ http://localhost:4299/@vite/client:795
|
|
13
|
+
[ 6543ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
14
|
+
[ 7546ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
15
|
+
[ 8547ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
16
|
+
[ 9845ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
17
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:8330:13)
|
|
18
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:25515:14)
|
|
19
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5955:32)
|
|
20
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5876:35
|
|
21
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5032:5)
|
|
22
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5875:11)
|
|
23
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5770:23)
|
|
24
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:25979:30)
|
|
25
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:27812:12)
|
|
26
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=227641bb:6039:10) @ http://localhost:4299/main.js:356
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
[ 71ms] [ERROR] RuntimeError: NG0908: In this configuration Angular requires Zone.js
|
|
2
|
+
at new _NgZone (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:8330:13)
|
|
3
|
+
at Object.ngZoneFactory [as useFactory] (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:25515:14)
|
|
4
|
+
at Object.factory (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5955:32)
|
|
5
|
+
at http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5876:35
|
|
6
|
+
at runInInjectorProfilerContext (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5032:5)
|
|
7
|
+
at R3Injector.hydrate (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5875:11)
|
|
8
|
+
at R3Injector.get (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:5770:23)
|
|
9
|
+
at bootstrap (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:25979:30)
|
|
10
|
+
at internalCreateApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-JNEPMI6M.js?v=227641bb:27812:12)
|
|
11
|
+
at bootstrapApplication (http://localhost:4299/@fs/private/tmp/angular-grab-test/.angular/cache/19.2.22/angular-19-app/vite/deps/chunk-NPNNGA2D.js?v=227641bb:6039:10) @ http://localhost:4299/main.js:356
|
|
12
|
+
[ 21649ms] [ERROR] WebSocket connection to 'ws://localhost:4299/?token=wXVY_gqATEbm' failed: @ http://localhost:4299/@vite/client:795
|
|
13
|
+
[ 21695ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
14
|
+
[ 22697ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
15
|
+
[ 23699ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
[ 445887ms] [ERROR] WebSocket connection to 'ws://localhost:4299/?token=2Q6SuBWFRKcC' failed: @ http://localhost:4299/@vite/client:795
|
|
2
|
+
[ 445949ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
3
|
+
[ 446952ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
4
|
+
[ 447955ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
5
|
+
[ 448957ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
6
|
+
[ 449961ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
7
|
+
[ 450966ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
8
|
+
[ 451974ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
9
|
+
[ 452995ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
10
|
+
[ 454026ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
11
|
+
[ 455091ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
12
|
+
[ 456212ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
13
|
+
[ 457439ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
14
|
+
[ 459008ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
15
|
+
[ 461081ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
16
|
+
[ 463893ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
17
|
+
[ 466973ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
18
|
+
[ 472046ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
19
|
+
[ 477507ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
20
|
+
[ 480359ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
21
|
+
[ 484317ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
22
|
+
[ 490119ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
23
|
+
[ 496037ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
24
|
+
[ 500051ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
25
|
+
[ 502453ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
26
|
+
[ 506056ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
27
|
+
[ 508573ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
28
|
+
[ 511323ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
29
|
+
[ 515960ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
30
|
+
[ 518238ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
31
|
+
[ 523683ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
32
|
+
[ 526941ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
33
|
+
[ 531269ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
34
|
+
[ 537107ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
35
|
+
[ 543099ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
36
|
+
[ 545362ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
37
|
+
[ 548760ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
38
|
+
[ 551162ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
39
|
+
[ 556072ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
40
|
+
[ 559562ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
41
|
+
[ 563992ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
42
|
+
[ 566621ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
43
|
+
[ 570062ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
44
|
+
[ 572265ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
45
|
+
[ 576888ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
46
|
+
[ 581065ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
47
|
+
[ 585353ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
48
|
+
[ 590569ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
49
|
+
[ 593095ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
50
|
+
[ 597582ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
51
|
+
[ 602511ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
52
|
+
[ 605378ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
53
|
+
[ 611022ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
54
|
+
[ 615619ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
55
|
+
[ 621464ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
56
|
+
[ 624409ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
57
|
+
[ 628003ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
58
|
+
[ 631357ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
59
|
+
[ 635945ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
60
|
+
[ 639400ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
61
|
+
[ 643384ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
62
|
+
[ 647489ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
63
|
+
[ 649603ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
64
|
+
[ 652570ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
65
|
+
[ 658189ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
66
|
+
[ 660354ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
67
|
+
[ 664712ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
68
|
+
[ 670558ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
69
|
+
[ 673286ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
70
|
+
[ 677412ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
71
|
+
[ 680081ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
72
|
+
[ 684006ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
73
|
+
[ 688350ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
74
|
+
[ 692489ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
75
|
+
[ 695970ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
76
|
+
[ 698804ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
77
|
+
[ 702273ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
78
|
+
[ 705417ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
79
|
+
[ 711146ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
80
|
+
[ 714029ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
81
|
+
[ 716621ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
82
|
+
[ 720731ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
83
|
+
[ 723997ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
84
|
+
[ 728242ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
85
|
+
[ 733031ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
86
|
+
[ 736684ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
87
|
+
[ 740812ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
88
|
+
[ 744570ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
89
|
+
[ 748540ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
90
|
+
[ 753106ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
91
|
+
[ 755644ms] [ERROR] WebSocket connection to 'ws://localhost:4299/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED @ http://localhost:4299/@vite/client:1028
|
|
Binary file
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 Nate Richardson
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
# angular-grab
|
|
2
|
+
|
|
3
|
+
> Grab any element in your Angular app and give it to AI coding agents
|
|
4
|
+
|
|
5
|
+
Point at any element and press **Cmd+C** (Mac) or **Ctrl+C** (Windows/Linux) to copy the component name, file path, and HTML source code to your clipboard. Paste it into Claude, ChatGPT, Copilot, or any AI coding agent for instant context.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npx angular-grab init
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Or manually:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install angular-grab
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Then add the provider to your app config:
|
|
20
|
+
|
|
21
|
+
```typescript
|
|
22
|
+
import { provideAngularGrab } from 'angular-grab/angular';
|
|
23
|
+
|
|
24
|
+
export const appConfig: ApplicationConfig = {
|
|
25
|
+
providers: [
|
|
26
|
+
provideAngularGrab(),
|
|
27
|
+
],
|
|
28
|
+
};
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
And update `angular.json` to use the angular-grab builders:
|
|
32
|
+
|
|
33
|
+
```json
|
|
34
|
+
{
|
|
35
|
+
"architect": {
|
|
36
|
+
"build": {
|
|
37
|
+
"builder": "angular-grab:application"
|
|
38
|
+
},
|
|
39
|
+
"serve": {
|
|
40
|
+
"builder": "angular-grab:dev-server"
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Usage
|
|
47
|
+
|
|
48
|
+
Once installed, hover over any UI element in your browser and press:
|
|
49
|
+
|
|
50
|
+
- **Cmd+C** on Mac
|
|
51
|
+
- **Ctrl+C** on Windows/Linux
|
|
52
|
+
|
|
53
|
+
This copies the element's context to your clipboard:
|
|
54
|
+
|
|
55
|
+
```
|
|
56
|
+
<button class="submit-btn">Save</button>
|
|
57
|
+
in SubmitButtonComponent at src/app/submit-button/submit-button.component.ts:12
|
|
58
|
+
in FormComponent at src/app/form/form.component.ts:8
|
|
59
|
+
in AppComponent at src/app/app.component.ts:5
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
The output includes the cleaned HTML, the full Angular component stack trace, and source file locations.
|
|
63
|
+
|
|
64
|
+
## Features
|
|
65
|
+
|
|
66
|
+
- **Element selection** via keyboard shortcut or floating toolbar
|
|
67
|
+
- **Component stack trace** -- full Angular component ancestor chain with file paths
|
|
68
|
+
- **Open in VS Code** -- click file paths in the toast to open at the exact line
|
|
69
|
+
- **Freeze mode** -- freeze the page to grab tooltips, dropdowns, and hover menus
|
|
70
|
+
- **Floating toolbar** with selection, history, actions, freeze, theme, and enable controls
|
|
71
|
+
- **History** of previously grabbed elements with one-click re-copy
|
|
72
|
+
- **Dark / light / system theme** for all UI
|
|
73
|
+
- **Plugin system** for custom actions, hooks, and theme overrides
|
|
74
|
+
- **Crosshair guidelines** during selection mode
|
|
75
|
+
- **Zero production impact** -- automatically disabled outside dev mode
|
|
76
|
+
|
|
77
|
+
## Keyboard Shortcuts
|
|
78
|
+
|
|
79
|
+
| Shortcut | Action |
|
|
80
|
+
|----------|--------|
|
|
81
|
+
| Cmd+C / Ctrl+C (hold) | Activate selection mode |
|
|
82
|
+
| Click | Select element and copy |
|
|
83
|
+
| F (during selection) | Toggle freeze mode |
|
|
84
|
+
| Escape | Cancel comment popover |
|
|
85
|
+
|
|
86
|
+
## Configuration
|
|
87
|
+
|
|
88
|
+
```typescript
|
|
89
|
+
provideAngularGrab({
|
|
90
|
+
activationKey: 'Meta+C', // Keyboard shortcut
|
|
91
|
+
activationMode: 'hold', // 'hold' or 'toggle'
|
|
92
|
+
keyHoldDuration: 0, // ms to hold before activating
|
|
93
|
+
maxContextLines: 20, // Max HTML lines in clipboard
|
|
94
|
+
enabled: true, // Master switch
|
|
95
|
+
enableInInputs: false, // Allow in input/textarea
|
|
96
|
+
devOnly: true, // Only active in dev mode
|
|
97
|
+
showToolbar: true, // Show floating toolbar
|
|
98
|
+
themeMode: 'dark', // 'dark' | 'light' | 'system'
|
|
99
|
+
});
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
## Toolbar
|
|
103
|
+
|
|
104
|
+
The floating toolbar provides quick access to all features without keyboard shortcuts:
|
|
105
|
+
|
|
106
|
+
| Button | Action |
|
|
107
|
+
|--------|--------|
|
|
108
|
+
| Hand | Toggle selection mode |
|
|
109
|
+
| Clock | Show grab history |
|
|
110
|
+
| Ellipsis | Actions menu (Copy Element, Copy Styles, Copy HTML, Comment, Clear History) |
|
|
111
|
+
| Snowflake | Toggle freeze mode |
|
|
112
|
+
| Sun/Moon | Cycle theme (dark / light / system) |
|
|
113
|
+
| Power | Enable/disable angular-grab |
|
|
114
|
+
| X | Dismiss toolbar |
|
|
115
|
+
|
|
116
|
+
Dismissing the toolbar doesn't disable angular-grab -- keyboard shortcuts still work, and activating selection mode brings the toolbar back.
|
|
117
|
+
|
|
118
|
+
## Plugin System
|
|
119
|
+
|
|
120
|
+
```typescript
|
|
121
|
+
import { registerAngularGrabPlugin } from 'angular-grab/angular';
|
|
122
|
+
|
|
123
|
+
registerAngularGrabPlugin({
|
|
124
|
+
name: 'my-plugin',
|
|
125
|
+
hooks: {
|
|
126
|
+
onElementSelect(context) {
|
|
127
|
+
console.log('Selected:', context.selector);
|
|
128
|
+
},
|
|
129
|
+
onCopySuccess(text, context) {
|
|
130
|
+
console.log('Copied:', context.componentName);
|
|
131
|
+
},
|
|
132
|
+
transformCopyContent(text, context) {
|
|
133
|
+
return `// From ${context.componentName}\n${text}`;
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
});
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
### Plugin Hooks
|
|
140
|
+
|
|
141
|
+
| Hook | Description |
|
|
142
|
+
|------|-------------|
|
|
143
|
+
| `onActivate` | Selection mode activated |
|
|
144
|
+
| `onDeactivate` | Selection mode deactivated |
|
|
145
|
+
| `onElementHover` | Mouse hovers over an element |
|
|
146
|
+
| `onElementSelect` | Element is selected |
|
|
147
|
+
| `onBeforeCopy` | About to copy to clipboard |
|
|
148
|
+
| `onCopySuccess` | Successfully copied |
|
|
149
|
+
| `onCopyError` | Copy failed |
|
|
150
|
+
| `transformCopyContent` | Transform clipboard text before copying |
|
|
151
|
+
|
|
152
|
+
### Plugin Theme Overrides
|
|
153
|
+
|
|
154
|
+
```typescript
|
|
155
|
+
registerAngularGrabPlugin({
|
|
156
|
+
name: 'custom-theme',
|
|
157
|
+
theme: {
|
|
158
|
+
overlayBorderColor: '#10b981',
|
|
159
|
+
overlayBgColor: 'rgba(16, 185, 129, 0.1)',
|
|
160
|
+
toolbarBgColor: '#1a1a2e',
|
|
161
|
+
toolbarAccentColor: '#10b981',
|
|
162
|
+
},
|
|
163
|
+
});
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
## API
|
|
167
|
+
|
|
168
|
+
Access the API programmatically via Angular's dependency injection:
|
|
169
|
+
|
|
170
|
+
```typescript
|
|
171
|
+
import { inject } from '@angular/core';
|
|
172
|
+
import { ANGULAR_GRAB_API } from 'angular-grab/angular';
|
|
173
|
+
|
|
174
|
+
const api = inject(ANGULAR_GRAB_API);
|
|
175
|
+
api.activate();
|
|
176
|
+
api.setThemeMode('light');
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
### `AngularGrabAPI`
|
|
180
|
+
|
|
181
|
+
| Method | Description |
|
|
182
|
+
|--------|-------------|
|
|
183
|
+
| `activate()` | Enter selection mode |
|
|
184
|
+
| `deactivate()` | Exit selection mode |
|
|
185
|
+
| `toggle()` | Toggle selection mode |
|
|
186
|
+
| `isActive()` | Check if selection mode is active |
|
|
187
|
+
| `setOptions(opts)` | Update options |
|
|
188
|
+
| `registerPlugin(plugin)` | Register a plugin |
|
|
189
|
+
| `unregisterPlugin(name)` | Remove a plugin |
|
|
190
|
+
| `setComponentResolver(fn)` | Custom component resolver |
|
|
191
|
+
| `setSourceResolver(fn)` | Custom source file resolver |
|
|
192
|
+
| `showToolbar()` | Show the floating toolbar |
|
|
193
|
+
| `hideToolbar()` | Hide the floating toolbar |
|
|
194
|
+
| `setThemeMode(mode)` | Set theme ('dark', 'light', 'system') |
|
|
195
|
+
| `getHistory()` | Get grab history entries |
|
|
196
|
+
| `clearHistory()` | Clear grab history |
|
|
197
|
+
| `dispose()` | Clean up everything |
|
|
198
|
+
|
|
199
|
+
## Subpath Exports
|
|
200
|
+
|
|
201
|
+
The `angular-grab` package provides subpath exports for different build tool integrations:
|
|
202
|
+
|
|
203
|
+
| Import | Description |
|
|
204
|
+
|--------|-------------|
|
|
205
|
+
| `angular-grab` | Core picker engine and types |
|
|
206
|
+
| `angular-grab/angular` | Angular integration (providers, services, resolvers) |
|
|
207
|
+
| `angular-grab/esbuild` | esbuild plugin for source location injection |
|
|
208
|
+
| `angular-grab/vite` | Vite plugin for source location injection |
|
|
209
|
+
| `angular-grab/webpack` | Webpack plugin for source location injection |
|
|
210
|
+
| `angular-grab/builder` | Angular CLI custom builders |
|
|
211
|
+
| `angular-grab/global` | IIFE browser bundle |
|
|
212
|
+
|
|
213
|
+
## License
|
|
214
|
+
|
|
215
|
+
MIT
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
# Editor configuration, see https://editorconfig.org
|
|
2
|
+
root = true
|
|
3
|
+
|
|
4
|
+
[*]
|
|
5
|
+
charset = utf-8
|
|
6
|
+
indent_style = space
|
|
7
|
+
indent_size = 2
|
|
8
|
+
insert_final_newline = true
|
|
9
|
+
trim_trailing_whitespace = true
|
|
10
|
+
|
|
11
|
+
[*.ts]
|
|
12
|
+
quote_type = single
|
|
13
|
+
ij_typescript_use_double_quotes = false
|
|
14
|
+
|
|
15
|
+
[*.md]
|
|
16
|
+
max_line_length = off
|
|
17
|
+
trim_trailing_whitespace = false
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
3
|
+
"version": "0.2.0",
|
|
4
|
+
"configurations": [
|
|
5
|
+
{
|
|
6
|
+
"name": "ng serve",
|
|
7
|
+
"type": "chrome",
|
|
8
|
+
"request": "launch",
|
|
9
|
+
"preLaunchTask": "npm: start",
|
|
10
|
+
"url": "http://localhost:4200/"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
"name": "ng test",
|
|
14
|
+
"type": "chrome",
|
|
15
|
+
"request": "launch",
|
|
16
|
+
"preLaunchTask": "npm: test",
|
|
17
|
+
"url": "http://localhost:9876/debug.html"
|
|
18
|
+
}
|
|
19
|
+
]
|
|
20
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
// For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"tasks": [
|
|
5
|
+
{
|
|
6
|
+
"type": "npm",
|
|
7
|
+
"script": "start",
|
|
8
|
+
"isBackground": true,
|
|
9
|
+
"problemMatcher": {
|
|
10
|
+
"owner": "typescript",
|
|
11
|
+
"pattern": "$tsc",
|
|
12
|
+
"background": {
|
|
13
|
+
"activeOnStart": true,
|
|
14
|
+
"beginsPattern": {
|
|
15
|
+
"regexp": "Changes detected"
|
|
16
|
+
},
|
|
17
|
+
"endsPattern": {
|
|
18
|
+
"regexp": "bundle generation (complete|failed)"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"type": "npm",
|
|
25
|
+
"script": "test",
|
|
26
|
+
"isBackground": true,
|
|
27
|
+
"problemMatcher": {
|
|
28
|
+
"owner": "typescript",
|
|
29
|
+
"pattern": "$tsc",
|
|
30
|
+
"background": {
|
|
31
|
+
"activeOnStart": true,
|
|
32
|
+
"beginsPattern": {
|
|
33
|
+
"regexp": "Changes detected"
|
|
34
|
+
},
|
|
35
|
+
"endsPattern": {
|
|
36
|
+
"regexp": "bundle generation (complete|failed)"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
# Angular19App
|
|
2
|
+
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.1.
|
|
4
|
+
|
|
5
|
+
## Development server
|
|
6
|
+
|
|
7
|
+
To start a local development server, run:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
ng serve
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
|
|
14
|
+
|
|
15
|
+
## Code scaffolding
|
|
16
|
+
|
|
17
|
+
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
ng generate component component-name
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
ng generate --help
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## Building
|
|
30
|
+
|
|
31
|
+
To build the project run:
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
ng build
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
|
|
38
|
+
|
|
39
|
+
## Running unit tests
|
|
40
|
+
|
|
41
|
+
To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command:
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
ng test
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## Running end-to-end tests
|
|
48
|
+
|
|
49
|
+
For end-to-end (e2e) testing, run:
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
ng e2e
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
56
|
+
|
|
57
|
+
## Additional Resources
|
|
58
|
+
|
|
59
|
+
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|