diff --git a/.claude/agents/devtools-reviewer.md b/.claude/agents/devtools-reviewer.md index 3d0973a..662e223 100644 --- a/.claude/agents/devtools-reviewer.md +++ b/.claude/agents/devtools-reviewer.md @@ -4,7 +4,7 @@ description: Reviews a change or pull request against this repository's coding s tools: Read, Grep, Glob, Bash --- -You review changes to the Angular devtools. You don't edit files; you report. +You review changes to Pangular Inspector. You don't edit files; you report. Check the diff against: diff --git a/.claude/agents/inspector-engineer.md b/.claude/agents/inspector-engineer.md index 1ba46c5..556e549 100644 --- a/.claude/agents/inspector-engineer.md +++ b/.claude/agents/inspector-engineer.md @@ -3,7 +3,7 @@ name: inspector-engineer description: Owns how inspectors collect data from the running app and serve it to the panel and to agents. Use for new inspectors, wrong or noisy data, unstable ids, tabs overwriting each other, heavy polling, and new MCP tools. --- -You are the inspector engineer for the Angular devtools. +You are the inspector engineer for Pangular Inspector. Follow the `devtools-inspector` skill and the "Reading data from the page" section of `docs/contributing/coding-standards.md`. Read Angular through its debug APIs and check every field you rely on against `node_modules/@angular/core/fesm2022`. Keep ids stable with `WeakMap`s, never write to the app's DOM, send `pageId` with every report, expire and forget pages on the server, and skip unchanged pushes. diff --git a/.claude/agents/ui-engineer.md b/.claude/agents/ui-engineer.md index 9e9d631..391a307 100644 --- a/.claude/agents/ui-engineer.md +++ b/.claude/agents/ui-engineer.md @@ -3,7 +3,7 @@ name: ui-engineer description: Builds and restyles pages in the devtools panel (app/) so they match the design system, work with the keyboard and pass axe. Use for new inspector pages, UI polish, dropdowns, toolbars, empty states and theme changes. --- -You are the UI engineer for the Angular devtools panel. +You are the UI engineer for the Pangular Inspector panel. Follow the `devtools-ui` skill and `docs/contributing/ui-guidelines.md`. Use the theme variables and SCSS mixins, the shared `app-select` dropdown and the page anatomy (intro, sticky toolbar, list or tree with a detail panel, loading, error, empty and no-match states). Headings start at `h2`. diff --git a/.claude/skills/devtools-docs/SKILL.md b/.claude/skills/devtools-docs/SKILL.md index 3a48308..0ef302b 100644 --- a/.claude/skills/devtools-docs/SKILL.md +++ b/.claude/skills/devtools-docs/SKILL.md @@ -1,9 +1,9 @@ --- name: devtools-docs -description: Writing guide for the Angular DevTools documentation site in apps/docs (NgMd). Covers audience, voice, style rules, page types and structure, NgMd authoring components, code samples, checking claims against the code, and the build checks. You MUST use this skill any time you create, edit or review files in apps/docs/src/content, the docs home page, or README.md. +description: Writing guide for the Pangular Inspector documentation site in apps/docs (NgMd). Covers audience, voice, style rules, page types and structure, NgMd authoring components, code samples, checking claims against the code, and the build checks. You MUST use this skill any time you create, edit or review files in apps/docs/src/content, the docs home page, or README.md. --- -# Angular DevTools docs writing guide +# Pangular Inspector docs writing guide The human-readable version of this guide is `apps/docs/src/content/contributing/writing-docs.md`. Keep the two in sync when rules change. diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml index 78a9c06..cee879d 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.yml +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -38,7 +38,7 @@ body: - Angular CLI with Express (initNgDevtoolsHub) - Vite plugin - Analog - - Standalone CLI (ng-devtools dev) + - Standalone CLI (pangular dev) - Chrome extension - MCP server (stdio or HTTP) - Other @@ -62,7 +62,7 @@ body: id: versions attributes: label: Versions - description: Angular, @santoshyadavdev/ng-devtools, browser, and Analog if used. + description: Angular, @pangular-inspector/core, browser, and Analog if used. - type: textarea id: extra attributes: diff --git a/AGENTS.md b/AGENTS.md index 73a7eaa..307cf28 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -2,7 +2,7 @@ Follow the Angular, TypeScript and accessibility rules in `.claude/rules/angular ## This repository -Angular DevTools inspects a running Angular app and serves what it finds to a panel and to AI agents over MCP. It is an Nx and pnpm workspace: +Pangular Inspector inspects a running Angular app and serves what it finds to a panel and to AI agents over MCP. It is an Nx and pnpm workspace: | Path | What it is | | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 9d986eb..987a794 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,4 +1,4 @@ -# Contributing to Angular DevTools +# Contributing to Pangular Inspector Thanks for your interest in contributing. This guide covers the rules a change follows and how to get it merged. For setup, the project structure, the commands and what CI runs, see [Development setup](./apps/docs/src/content/contributing/development.md) on the docs site. diff --git a/README.md b/README.md index 2e1f481..1bfa0ca 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,14 @@ -# Angular DevTools +# Pangular Inspector -Inspect Angular component trees, signals, dependency injection, routes, forms, pipes and NgRx stores at dev time, build time, or through a coding agent. Built with [Devframe](https://devfra.me) so the same tool runs as an embedded panel, standalone CLI, static report, MCP server, or Chrome DevTools extension. +The unified Angular devtools. Inspect Angular component trees, signals, dependency injection, routes, forms, pipes and NgRx stores at dev time, build time, or through a coding agent. Built with [Devframe](https://devfra.me) so the same tool runs as an embedded panel, standalone CLI, static report, MCP server, or Chrome DevTools extension. ## Get started ```sh -npm install @santoshyadavdev/ng-devtools devframe +npm install @pangular-inspector/core devframe ``` -Then follow the [installation guide](./apps/docs/src/content/getting-started/installation.md) for your setup: Angular CLI with Express, Vite and Analog, the standalone CLI, or [Angular Native](./apps/docs/src/content/getting-started/angular-native.md). For a coding agent, run `npx @santoshyadavdev/ng-devtools mcp`. +Then follow the [installation guide](./apps/docs/src/content/getting-started/installation.md) for your setup: Angular CLI with Express, Vite and Analog, the standalone CLI, or [Angular Native](./apps/docs/src/content/getting-started/angular-native.md). For a coding agent, run `npx @pangular-inspector/core mcp`. ## Documentation @@ -39,10 +39,10 @@ Join the conversation, ask questions, and share feedback on [Discord](https://di ## Sponsors -Angular DevTools is free and open source. If it helps your work, please consider sponsoring it. Your support keeps development going. +Pangular Inspector is free and open source. If it helps your work, please consider sponsoring it. Your support keeps development going.

- Sponsor Angular DevTools on GitHub + Sponsor Pangular Inspector on GitHub

### Company sponsors diff --git a/SECURITY.md b/SECURITY.md index 6ac1457..3d21e14 100644 --- a/SECURITY.md +++ b/SECURITY.md @@ -2,8 +2,8 @@ ## Supported versions -Angular DevTools is in early development. Only the latest published release of -`@santoshyadavdev/ng-devtools` is supported. There are no older release lines to backport a fix to. +Pangular Inspector is in early development. Only the latest published release of +`@pangular-inspector/core` is supported. There are no older release lines to backport a fix to. ## Reporting a vulnerability diff --git a/app/index.html b/app/index.html index 5b9f4c4..637cf43 100644 --- a/app/index.html +++ b/app/index.html @@ -7,7 +7,7 @@ - Angular DevTools + Pangular Inspector diff --git a/app/src/app.ts b/app/src/app.ts index 634f24d..9c4c145 100644 --- a/app/src/app.ts +++ b/app/src/app.ts @@ -108,9 +108,9 @@ const NATIVESCRIPT_SETUP: ComingSoonInfo = { color: '#3c5afd', plansTitle: 'Set up an app', plans: [ - 'Install @santoshyadavdev/ng-devtools and @valor/nativescript-websockets', + 'Install @pangular-inspector/core and @valor/nativescript-websockets', 'Call initNativeScriptOverlay() in main.ts, before the app bootstraps', - 'Run ng-devtools dev --no-auth in the app, then open the Angular dock', + 'Run pangular dev --no-auth in the app, then open the Angular dock', ], link: { label: 'NativeScript setup guide', @@ -719,7 +719,7 @@ export class App implements OnInit, OnDestroy { }); readonly title = computed(() => { const view = this.view(); - return view ? VIEW_TITLE[view] : 'Angular DevTools'; + return view ? VIEW_TITLE[view] : 'Pangular Inspector'; }); readonly analogKnown = signal(false); readonly nativePageId = signal(null); diff --git a/app/src/devtools-config.ts b/app/src/devtools-config.ts index e6f46c6..420050b 100644 --- a/app/src/devtools-config.ts +++ b/app/src/devtools-config.ts @@ -5,7 +5,7 @@ import { type NgDevtoolsAction, type NgDevtoolsInspector, type ResolvedNgDevtoolsConfig, -} from '@santoshyadavdev/ng-devtools/config'; +} from '@pangular-inspector/core/config'; import type { Tab } from './types/tab.types'; export { actionBlockedMessage }; diff --git a/app/src/pages/analog-inspector.ts b/app/src/pages/analog-inspector.ts index db7188e..76ec61e 100644 --- a/app/src/pages/analog-inspector.ts +++ b/app/src/pages/analog-inspector.ts @@ -317,7 +317,7 @@ function walk(routes: AnalogRoute[], depth = 0, out: { route: AnalogRoute; depth

This app is not an Analog app.

- Add ngDevtools() from @santoshyadavdev/ng-devtools/vite next to + Add ngDevtools() from @pangular-inspector/core/vite next to analog() in vite.config.ts and run the Analog dev server.

diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts index ad51444..0823c85 100644 --- a/app/src/pages/component-tree.ts +++ b/app/src/pages/component-tree.ts @@ -576,7 +576,7 @@ function bare(name: string): string {

Could not load components

@if (staticReport()) { - Run ng-devtools build again to rebuild the report. + Run pangular build again to rebuild the report. } @else { Check that the dev server is running, then try again. } diff --git a/app/src/pages/dashboard.ts b/app/src/pages/dashboard.ts index 7661546..53f2b7f 100644 --- a/app/src/pages/dashboard.ts +++ b/app/src/pages/dashboard.ts @@ -12,7 +12,7 @@ import type { DevframeRpcClient } from 'devframe/client'; import { summarizeNgDevtoolsConfig, type ResolvedNgDevtoolsConfig, -} from '@santoshyadavdev/ng-devtools/config'; +} from '@pangular-inspector/core/config'; import { hostPageId } from '../page-id'; import { injectorTreeFor, signalGraphFor } from '../live-pages'; import { isStaticReport } from '../rpc'; @@ -167,7 +167,7 @@ export function storeCard(rows: Row[]): Card { @if (metaState() === 'error') {

@if (staticReport()) { - Run ng-devtools build again to rebuild the report. + Run pangular build again to rebuild the report. } @else { Check that the dev server is running, then reload the panel. } diff --git a/app/src/pages/network-inspector.ts b/app/src/pages/network-inspector.ts index a1fb76a..3e0e688 100644 --- a/app/src/pages/network-inspector.ts +++ b/app/src/pages/network-inspector.ts @@ -16,7 +16,7 @@ import type { DevframeRpcClient } from 'devframe/client'; import { hostPageId } from '../page-id'; import { rpcCall as call } from '../rpc'; import { actionAllowed, actionBlockedMessage, panelConfig } from '../devtools-config'; -import { HTTP_RULE_STATUSES, isHttpRuleStatus } from '@santoshyadavdev/ng-devtools/config'; +import { HTTP_RULE_STATUSES, isHttpRuleStatus } from '@pangular-inspector/core/config'; import { LimitNote } from '../ui/limit-note'; import { Select, type SelectOption } from '../ui/select'; diff --git a/app/src/pages/route-inspector.ts b/app/src/pages/route-inspector.ts index d4cc0c1..334295f 100644 --- a/app/src/pages/route-inspector.ts +++ b/app/src/pages/route-inspector.ts @@ -52,7 +52,7 @@ import { SHARED_STYLES, sourceLocation, type SourceRoute } from './router-types'

Could not scan the route files.

@if (staticReport()) { - Run ng-devtools build again to rebuild the report. + Run pangular build again to rebuild the report. } @else { Check that the dev server is running, then refresh. } diff --git a/app/src/pages/route-lint.ts b/app/src/pages/route-lint.ts index 259c9b2..99ba0e8 100644 --- a/app/src/pages/route-lint.ts +++ b/app/src/pages/route-lint.ts @@ -36,7 +36,9 @@ import { @if (failed()) {

} @else if (!result()) { diff --git a/app/src/pages/route-timeline.ts b/app/src/pages/route-timeline.ts index 53032cc..ef21bd6 100644 --- a/app/src/pages/route-timeline.ts +++ b/app/src/pages/route-timeline.ts @@ -130,8 +130,8 @@ const PHASE_COLORS: Record = { @if (nav.beforeConnect) { {{ nav.endedAt === undefined && nav.outcome !== 'pending' - ? 'before DevTools connected' - : 'started before DevTools connected' + ? 'before Pangular Inspector connected' + : 'started before Pangular Inspector connected' }} } @else if (nav.phases?.['total'] !== undefined) { {{ nav.phases?.['total'] }}ms @@ -269,7 +269,7 @@ const PHASE_COLORS: Record = { } @if (nav.earlier) {
Earlier
-
{{ nav.earlier }} navigation(s) before DevTools connected
+
{{ nav.earlier }} navigation(s) before Pangular Inspector connected
}
@@ -313,7 +313,7 @@ const PHASE_COLORS: Record = {
} @else {
-

No navigations since DevTools connected.

+

No navigations since Pangular Inspector connected.

Earlier ones are not visible. Click a link in the app to record one.

} diff --git a/app/src/rpc.ts b/app/src/rpc.ts index e67f6e9..3d3c6aa 100644 --- a/app/src/rpc.ts +++ b/app/src/rpc.ts @@ -25,7 +25,7 @@ export function rpcTry( ); } -/** True when the panel reads a report written by `ng-devtools build`, not a live server. */ +/** True when the panel reads a report written by `pangular build`, not a live server. */ export function isStaticReport(client: DevframeRpcClient | null): boolean { return client?.connectionMeta.backend === 'static'; } diff --git a/app/src/ui/limit-note.ts b/app/src/ui/limit-note.ts index 0d32520..72a71a8 100644 --- a/app/src/ui/limit-note.ts +++ b/app/src/ui/limit-note.ts @@ -1,5 +1,5 @@ import { Component, input } from '@angular/core'; -import type { NgDevtoolsLimit } from '@santoshyadavdev/ng-devtools/config'; +import type { NgDevtoolsLimit } from '@pangular-inspector/core/config'; export const LIMITS_DOCS_URL = 'https://github.com/santoshyadavdev/angular-devtools/blob/main/apps/docs/src/content/getting-started/configuration.md#limits'; diff --git a/app/vite.config.ts b/app/vite.config.ts index 56b638a..a1614c5 100644 --- a/app/vite.config.ts +++ b/app/vite.config.ts @@ -2,7 +2,7 @@ import { join } from 'node:path'; import { defineConfig } from 'vite'; import angular from '@analogjs/vite-plugin-angular'; import { devframeViteBridge } from '@devframes/vite/single'; -import ngDevtools from '@santoshyadavdev/ng-devtools/devframe'; +import ngDevtools from '@pangular-inspector/core/devframe'; export default defineConfig({ base: './', diff --git a/apps/docs/package.json b/apps/docs/package.json index 22f89cc..c4ea419 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -2,7 +2,7 @@ "name": "angular-devtools-docs", "version": "0.0.0", "private": true, - "description": "Documentation site for Angular DevTools", + "description": "Documentation site for Pangular Inspector", "license": "MIT", "type": "module", "engines": { diff --git a/apps/docs/src/app/pages/index.page.ts b/apps/docs/src/app/pages/index.page.ts index 916d8f0..ab7b1fa 100644 --- a/apps/docs/src/app/pages/index.page.ts +++ b/apps/docs/src/app/pages/index.page.ts @@ -192,13 +192,13 @@ import {writeToClipboard} from '../utils/clipboard'; aria-label="src/server.ts and src/main.ts" class="p-4 text-sm overflow-x-auto text-zinc-700 dark:text-zinc-300 leading-relaxed" >import {{ '{' }} initNgDevtoolsHub {{ '}' }} - from '@santoshyadavdev/ng-devtools/hub'; + from '@pangular-inspector/core/hub'; const devtools = initNgDevtoolsHub({{ '{' }} ws: false {{ '}' }}); app.use(devtools.nodeMiddleware); // src/main.ts -if (typeof ngDevMode === 'undefined' || ngDevMode) import('@santoshyadavdev/ng-devtools/overlay'); +if (typeof ngDevMode === 'undefined' || ngDevMode) import('@pangular-inspector/core/overlay');
- Your client starts ng-devtools mcp for your project folder. The server scans your source. No page ever connects to it. + Your client starts pangular mcp for your project folder. The server scans your source. No page ever connects to it. Your client calls /__devframes/__mcp on the server that runs your app. Pages open in a browser report to it, so the live tools work. @@ -26,17 +26,17 @@ There are two ways to connect. Pick one based on the data your agent needs. | Transport | Live page data | Setup | | --------------------------- | ------------------------------------ | ------------------------------------ | -| stdio (`ng-devtools mcp`) | No. Source scan tools only. | A command in your MCP client config. | +| stdio (`pangular mcp`) | No. Source scan tools only. | A command in your MCP client config. | | HTTP (`/__devframes/__mcp`) | Yes, with the app open in a browser. | A URL on your app's dev server. | ## Connect over stdio -The package ships an `ng-devtools` binary. Its `mcp` command starts an MCP server on stdin and stdout. +The package ships a `pangular` binary. Its `mcp` command starts an MCP server on stdin and stdout. ### Add the stdio server to your client ```bash group="stdio" name="Claude Code" active -claude mcp add ng-devtools -- npx @santoshyadavdev/ng-devtools mcp --root /path/to/your-app +claude mcp add ng-devtools -- npx @pangular-inspector/core mcp --root /path/to/your-app ``` ```json group="stdio" name="Cursor" @@ -45,7 +45,7 @@ claude mcp add ng-devtools -- npx @santoshyadavdev/ng-devtools mcp --root /path/ "mcpServers": { "ng-devtools": { "command": "npx", - "args": ["@santoshyadavdev/ng-devtools", "mcp", "--root", "${workspaceFolder}"] + "args": ["@pangular-inspector/core", "mcp", "--root", "${workspaceFolder}"] } } } @@ -58,7 +58,7 @@ claude mcp add ng-devtools -- npx @santoshyadavdev/ng-devtools mcp --root /path/ "ng-devtools": { "type": "stdio", "command": "npx", - "args": ["@santoshyadavdev/ng-devtools", "mcp", "--root", "${workspaceFolder}"] + "args": ["@pangular-inspector/core", "mcp", "--root", "${workspaceFolder}"] } } } @@ -190,7 +190,7 @@ The live tools read what the page reports. Without an open page, they have nothi - Run the server that mounts the devtools: your Express SSR server, the Vite dev server, or ng-devtools dev. + Run the server that mounts the devtools: your Express SSR server, the Vite dev server, or pangular dev. Load the app with the overlay. The page connects to the devtools and starts reporting. diff --git a/apps/docs/src/content/community.md b/apps/docs/src/content/community.md index 151e992..35b16d6 100644 --- a/apps/docs/src/content/community.md +++ b/apps/docs/src/content/community.md @@ -9,7 +9,7 @@ description: Where to ask questions, report bugs and support the project. # Get involved -Angular DevTools is open source under the MIT license. Here is where to reach the people behind it, and how to help. +Pangular Inspector is open source under the MIT license. Here is where to reach the people behind it, and how to help. ## Maintainers @@ -43,7 +43,7 @@ Angular DevTools is open source under the MIT license. Here is where to reach th A good bug report saves a round-trip. Include: -- your Angular version and the version of `@santoshyadavdev/ng-devtools`, +- your Angular version and the version of `@pangular-inspector/core`, - your setup: Angular CLI and Express, Vite and Analog, or the standalone CLI, - the tab that misbehaves, and what you expected to see, - a small reproduction, if you can. diff --git a/apps/docs/src/content/contributing/chrome-extension.md b/apps/docs/src/content/contributing/chrome-extension.md index 4a92380..5218a6f 100644 --- a/apps/docs/src/content/contributing/chrome-extension.md +++ b/apps/docs/src/content/contributing/chrome-extension.md @@ -62,7 +62,7 @@ This builds the devtools UI (`pnpm devtools:build`), then replaces `extension/ui Click Load unpacked and select the extension/ directory. - Start a demo app and open DevTools. The Angular DevTools panel appears once the extension detects Angular on the page. + Start a demo app and open DevTools. The Pangular Inspector panel appears once the extension detects Angular on the page. diff --git a/apps/docs/src/content/contributing/demo-apps.md b/apps/docs/src/content/contributing/demo-apps.md index 6b3c8b7..48bad14 100644 --- a/apps/docs/src/content/contributing/demo-apps.md +++ b/apps/docs/src/content/contributing/demo-apps.md @@ -123,7 +123,7 @@ The script builds the devtools package, then starts the Vite dev server. That de ### Type-check the Analog demo -`pnpm typecheck` runs `ngc -p examples/analog/tsconfig.app.json --noEmit`, so CI type-checks the demo's pages, templates, loaders, API routes and middleware. The demo resolves `@santoshyadavdev/ng-devtools` to the package source, which imports with `.ts` extensions, so `tsconfig.app.json` sets `rewriteRelativeImportExtensions`. +`pnpm typecheck` runs `ngc -p examples/analog/tsconfig.app.json --noEmit`, so CI type-checks the demo's pages, templates, loaders, API routes and middleware. The demo resolves `@pangular-inspector/core` to the package source, which imports with `.ts` extensions, so `tsconfig.app.json` sets `rewriteRelativeImportExtensions`. ### Build and preview diff --git a/apps/docs/src/content/contributing/development.md b/apps/docs/src/content/contributing/development.md index d3e0b66..e3f9ed1 100644 --- a/apps/docs/src/content/contributing/development.md +++ b/apps/docs/src/content/contributing/development.md @@ -62,12 +62,12 @@ src/ # Angular Travel, the host demo app ### Nx projects -| Project | Root | Targets | -| ------------------------------ | ---------------------- | -------------------------------- | -| `angular-devtools` | `.` (`project.json`) | `build`, `serve`, `test` | -| `@santoshyadavdev/ng-devtools` | `packages/ng-devtools` | `build` | -| `analog-demo` | `examples/analog` | `dev`, `build`, `preview` | -| `angular-devtools-docs` | `apps/docs` | `dev`, `build`, `test`, and more | +| Project | Root | Targets | +| -------------------------- | ---------------------- | -------------------------------- | +| `angular-devtools` | `.` (`project.json`) | `build`, `serve`, `test` | +| `@pangular-inspector/core` | `packages/ng-devtools` | `build` | +| `analog-demo` | `examples/analog` | `dev`, `build`, `preview` | +| `angular-devtools-docs` | `apps/docs` | `dev`, `build`, `test`, and more | Run `pnpm exec nx show projects` to list them. Package projects get their targets from their `package.json` scripts. @@ -90,7 +90,7 @@ The scripts call Nx. You can also run a target on a project directly: ```bash group="nx" name="Build" active pnpm exec nx build # Angular Travel -pnpm exec nx build @santoshyadavdev/ng-devtools # The npm package +pnpm exec nx build @pangular-inspector/core # The npm package pnpm exec nx build angular-devtools-docs # This site ``` diff --git a/apps/docs/src/content/contributing/kitchen-sink.md b/apps/docs/src/content/contributing/kitchen-sink.md index 0b3cc32..10ce1d8 100644 --- a/apps/docs/src/content/contributing/kitchen-sink.md +++ b/apps/docs/src/content/contributing/kitchen-sink.md @@ -75,7 +75,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - return import('@santoshyadavdev/ng-devtools/overlay'); + return import('@pangular-inspector/core/overlay'); } return undefined; }); @@ -84,19 +84,19 @@ bootstrapApplication(App, appConfig).then(() => { ### Code group ```bash group="install" name="pnpm" image="https://cdn.simpleicons.org/pnpm/F69220" active -pnpm add @santoshyadavdev/ng-devtools devframe +pnpm add @pangular-inspector/core devframe ``` ```bash group="install" name="npm" image="https://cdn.simpleicons.org/npm/CB3837" -npm install @santoshyadavdev/ng-devtools devframe +npm install @pangular-inspector/core devframe ``` ```bash group="install" name="yarn" image="https://cdn.simpleicons.org/yarn/2C8EBB" -yarn add @santoshyadavdev/ng-devtools devframe +yarn add @pangular-inspector/core devframe ``` ```bash group="install" name="bun" image="https://bun.sh/logo.svg" -bun add @santoshyadavdev/ng-devtools devframe +bun add @pangular-inspector/core devframe ``` ### File import @@ -110,7 +110,7 @@ bun add @santoshyadavdev/ng-devtools devframe ```json { "mcpServers": { - "ng-devtools": {"command": "npx", "args": ["@santoshyadavdev/ng-devtools", "mcp"]} + "ng-devtools": {"command": "npx", "args": ["@pangular-inspector/core", "mcp"]} } } ``` @@ -241,7 +241,7 @@ Text between alerts. - Run pnpm add @santoshyadavdev/ng-devtools devframe. + Run pnpm add @pangular-inspector/core devframe. Add the hub to your server. diff --git a/apps/docs/src/content/contributing/publishing.md b/apps/docs/src/content/contributing/publishing.md index 9f043d1..3ec099f 100644 --- a/apps/docs/src/content/contributing/publishing.md +++ b/apps/docs/src/content/contributing/publishing.md @@ -9,24 +9,24 @@ description: Bump the version, build, and publish the npm package. Ship the Chro # Publishing -The devtools ship as one npm package, `@santoshyadavdev/ng-devtools`, from `packages/ng-devtools`. It holds the Node-side logic, RPC, CLI, overlay, popup, and the built UI in `dist/public`. +The devtools ship as one npm package, `@pangular-inspector/core`, from `packages/ng-devtools`. It holds the Node-side logic, RPC, CLI, overlay, popup, and the built UI in `dist/public`. ## What ships The package publishes `dist/` and `bin.mjs`. On publish, `publishConfig.exports` points every entry point at the built files: -| Import | Published file | -| --------------------------------------- | ------------------- | -| `@santoshyadavdev/ng-devtools` | `dist/devframe.mjs` | -| `@santoshyadavdev/ng-devtools/devframe` | `dist/devframe.mjs` | -| `@santoshyadavdev/ng-devtools/config` | `dist/config.mjs` | -| `@santoshyadavdev/ng-devtools/overlay` | `dist/overlay.mjs` | -| `@santoshyadavdev/ng-devtools/popup` | `dist/popup.mjs` | -| `@santoshyadavdev/ng-devtools/http` | `dist/http.mjs` | -| `@santoshyadavdev/ng-devtools/hub` | `dist/hub.mjs` | -| `@santoshyadavdev/ng-devtools/vite` | `dist/vite.mjs` | +| Import | Published file | +| ----------------------------------- | ------------------- | +| `@pangular-inspector/core` | `dist/devframe.mjs` | +| `@pangular-inspector/core/devframe` | `dist/devframe.mjs` | +| `@pangular-inspector/core/config` | `dist/config.mjs` | +| `@pangular-inspector/core/overlay` | `dist/overlay.mjs` | +| `@pangular-inspector/core/popup` | `dist/popup.mjs` | +| `@pangular-inspector/core/http` | `dist/http.mjs` | +| `@pangular-inspector/core/hub` | `dist/hub.mjs` | +| `@pangular-inspector/core/vite` | `dist/vite.mjs` | -The `ng-devtools` binary is `bin.mjs`. In the workspace, the exports point at the TypeScript sources instead. +The `pangular` binary is `bin.mjs`. In the workspace, the exports point at the TypeScript sources instead. ### How the package builds @@ -67,7 +67,7 @@ If `app/` changed since the last release, run `pnpm extension:build` and commit pnpm devtools:publish ``` -This runs `pnpm --filter @santoshyadavdev/ng-devtools publish --access public`. The `prepack` build bundles the library and the UI. +This runs `pnpm --filter @pangular-inspector/core publish --access public`. The `prepack` build bundles the library and the UI. pnpm publish checks git before it publishes. Run it from a clean working tree on main. diff --git a/apps/docs/src/content/contributing/writing-docs.md b/apps/docs/src/content/contributing/writing-docs.md index dae94ac..b519e40 100644 --- a/apps/docs/src/content/contributing/writing-docs.md +++ b/apps/docs/src/content/contributing/writing-docs.md @@ -164,7 +164,7 @@ Always set the language. When the code belongs in a specific file, put the path ```ts {6} // src/app/app.config.ts import {ApplicationConfig} from '@angular/core'; -import {provideNgDevtoolsHttp} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp} from '@pangular-inspector/core/http'; export const appConfig: ApplicationConfig = { providers: [provideNgDevtoolsHttp()], @@ -178,11 +178,11 @@ For install commands, use a code group so readers pick their package manager. Li ````md ```bash group="install" name="pnpm" active -pnpm add @santoshyadavdev/ng-devtools devframe +pnpm add @pangular-inspector/core devframe ``` ```bash group="install" name="npm" -npm install @santoshyadavdev/ng-devtools devframe +npm install @pangular-inspector/core devframe ``` ```` diff --git a/apps/docs/src/content/getting-started/angular-native.md b/apps/docs/src/content/getting-started/angular-native.md index 080237d..a33a2ac 100644 --- a/apps/docs/src/content/getting-started/angular-native.md +++ b/apps/docs/src/content/getting-started/angular-native.md @@ -9,7 +9,7 @@ description: Send live components, signals, injectors and NgRx stores from an An # Angular Native -[Angular Native](https://ng-native.com) renders *Angular onto React Native's Fabric renderer, so the app has no DOM for the [browser overlay](./overlay.md) to walk. The `@santoshyadavdev/ng-devtools/overlay-angular-native` entry point walks Angular Native's own node tree instead and sends the same live data to a devtools server that runs on your machine. +[Angular Native](https://ng-native.com) renders *Angular onto React Native's Fabric renderer, so the app has no DOM for the [browser overlay](./overlay.md) to walk. The `@pangular-inspector/core/overlay-angular-native` entry point walks Angular Native's own node tree instead and sends the same live data to a devtools server that runs on your machine. ## What it shows @@ -59,7 +59,7 @@ The [Angular Native demo](../contributing/demo-apps.md#angular-native-demo) (`ex - Add @santoshyadavdev/ng-devtools and devframe to the app, as on the installation page. + Add @pangular-inspector/core and devframe to the app, as on the installation page. Pass the root node of the mounted app. The check keeps the overlay out of release builds. @@ -79,7 +79,7 @@ The [Angular Native demo](../contributing/demo-apps.md#angular-native-demo) (`ex import {AppRegistry, Image, Platform, processColor} from 'react-native'; import {mount} from '@ng-native/platform'; import {getFabricUIManager, registerPlatformComponents} from '@ng-native/fabric'; -import {initAngularNativeOverlay} from '@santoshyadavdev/ng-devtools/overlay-angular-native'; +import {initAngularNativeOverlay} from '@pangular-inspector/core/overlay-angular-native'; import {App} from './app/app.ts'; registerPlatformComponents(Platform.OS); @@ -98,13 +98,13 @@ AppRegistry.registerRunnable('main', ({rootTag}) => { ### Start the server ```bash -npx @santoshyadavdev/ng-devtools dev --no-auth +npx @pangular-inspector/core dev --no-auth ``` When it is ready, the server prints the Angular Native view on its own line: ```text - ng-devtools v0.0.6 + pangular v0.0.6 Panel: http://localhost:9999/ Angular Native apps: http://localhost:9999/?view=angular-native MCP: http://localhost:9999/__mcp diff --git a/apps/docs/src/content/getting-started/chrome-extension.md b/apps/docs/src/content/getting-started/chrome-extension.md index e8fd4eb..2732108 100644 --- a/apps/docs/src/content/getting-started/chrome-extension.md +++ b/apps/docs/src/content/getting-started/chrome-extension.md @@ -4,12 +4,12 @@ description: Open the devtools as a panel inside Chrome DevTools. --- - An Angular DevTools panel inside Chrome DevTools. It loads the devtools UI and connects it to the dev server of the page you inspect. + A Pangular Inspector panel inside Chrome DevTools. It loads the devtools UI and connects it to the dev server of the page you inspect. # Chrome extension -The Chrome extension adds a panel named **Angular DevTools** to Chrome DevTools. The panel loads the devtools UI and connects it to the dev server of the page you are inspecting. +The Chrome extension adds a panel named **Pangular Inspector** to Chrome DevTools. The panel loads the devtools UI and connects it to the dev server of the page you are inspecting. The page still needs the devtools mounted on its server and the overlay loaded. The extension is one more way to open the devtools. It does not replace the setup. Start with Angular CLI and Express or Vite and Analog. @@ -47,7 +47,7 @@ The Chrome extension adds a panel named **Angular DevTools** to Chrome DevTools. Click Load unpacked and select the extension/ directory. - The Angular DevTools panel appears next to the built-in panels. + The Pangular Inspector panel appears next to the built-in panels. diff --git a/apps/docs/src/content/getting-started/cli.md b/apps/docs/src/content/getting-started/cli.md index e6109ce..de011cd 100644 --- a/apps/docs/src/content/getting-started/cli.md +++ b/apps/docs/src/content/getting-started/cli.md @@ -9,7 +9,7 @@ description: Run the devtools from the command line, build a static report, or s # Standalone CLI -The package installs an `ng-devtools` binary. Run it from the root of your Angular workspace, or point it there with `--root`. It scans the source files in that folder, so it works without starting your app. +The package installs a `pangular` binary. Run it from the root of your Angular workspace, or point it there with `--root`. It scans the source files in that folder, so it works without starting your app. ## Commands @@ -19,7 +19,7 @@ The package installs an `ng-devtools` binary. Run it from the root of your Angul | `build` | Writes a static copy of the devtools with the scan. | | `mcp` | Starts an MCP server over stdio for coding agents. | -`ng-devtools --version` prints the package version. An unknown command or flag prints one error line and exits with code 1. `ng-devtools --help` lists the commands and flags. +`pangular --version` prints the package version. An unknown command or flag prints one error line and exits with code 1. `pangular --help` lists the commands and flags. ### Flags for every command @@ -49,19 +49,19 @@ A missing `--config` file or invalid JSON stops the command with an error. ### Run it without installing ```bash group="run" name="npx" image="https://cdn.simpleicons.org/npm/CB3837" active -npx @santoshyadavdev/ng-devtools dev +npx @pangular-inspector/core dev ``` ```bash group="run" name="pnpm" image="https://cdn.simpleicons.org/pnpm/F69220" -pnpm dlx @santoshyadavdev/ng-devtools dev +pnpm dlx @pangular-inspector/core dev ``` ```bash group="run" name="yarn" image="https://cdn.simpleicons.org/yarn/2C8EBB" -yarn dlx @santoshyadavdev/ng-devtools dev +yarn dlx @pangular-inspector/core dev ``` ```bash group="run" name="bun" image="https://bun.sh/logo.svg" -bunx @santoshyadavdev/ng-devtools dev +bunx @pangular-inspector/core dev ``` ### Run the installed binary @@ -69,25 +69,25 @@ bunx @santoshyadavdev/ng-devtools dev With the package installed in your project, call the binary through your package manager: ```bash -npx ng-devtools dev -npx ng-devtools build --outDir dist-report -npx ng-devtools mcp +npx pangular dev +npx pangular build --outDir dist-report +npx pangular mcp ``` ## Dev server ### Start it -The default command starts a local server with the devtools UI. `dev` is optional: `npx @santoshyadavdev/ng-devtools` does the same. +The default command starts a local server with the devtools UI. `dev` is optional: `npx @pangular-inspector/core` does the same. ```bash -npx @santoshyadavdev/ng-devtools dev --port 9999 --open +npx @pangular-inspector/core dev --port 9999 --open ``` When the server is ready, it prints the version, the panel URL, the panel URL for [Angular Native](./angular-native.md) apps and the MCP endpoint: ```text - ng-devtools v0.0.6 + pangular v0.0.6 Panel: http://localhost:9999/ Angular Native apps: http://localhost:9999/?view=angular-native MCP: http://localhost:9999/__mcp @@ -131,7 +131,7 @@ When no app is connected, the tabs show what your source declares. An [Angular N `build` writes a self-contained static copy of the devtools with the source scan baked in: components, routes, signals, providers, pipes, NgRx declarations and build metadata. ```bash -npx @santoshyadavdev/ng-devtools build --outDir dist-report +npx @pangular-inspector/core build --outDir dist-report ``` ### Report flags @@ -160,7 +160,7 @@ The output is static files. Open it offline or host it on any static file server `mcp` starts an *MCP server over stdio for coding agents: ```bash -npx @santoshyadavdev/ng-devtools mcp +npx @pangular-inspector/core mcp ``` Your agent client runs this command for you. [MCP server](../agents/mcp-server.md) covers client setup. diff --git a/apps/docs/src/content/getting-started/configuration.md b/apps/docs/src/content/getting-started/configuration.md index bfc3a54..aab64cb 100644 --- a/apps/docs/src/content/getting-started/configuration.md +++ b/apps/docs/src/content/getting-started/configuration.md @@ -15,13 +15,13 @@ Everything is on when you leave the options out. You set them once, on the serve These three functions take the same options: -| Function | Import | Setup | -| --------------------- | --------------------------------------- | --------------------------------------------------------------- | -| `initNgDevtoolsHub()` | `@santoshyadavdev/ng-devtools/hub` | [Angular CLI and Express](./express.md) | -| `ngDevtools()` | `@santoshyadavdev/ng-devtools/vite` | [Vite and Analog](./vite.md) | -| `createNgDevtools()` | `@santoshyadavdev/ng-devtools/devframe` | A custom devframe host, such as `initDevframe()` without a hub. | +| Function | Import | Setup | +| --------------------- | ----------------------------------- | --------------------------------------------------------------- | +| `initNgDevtoolsHub()` | `@pangular-inspector/core/hub` | [Angular CLI and Express](./express.md) | +| `ngDevtools()` | `@pangular-inspector/core/vite` | [Vite and Analog](./vite.md) | +| `createNgDevtools()` | `@pangular-inspector/core/devframe` | A custom devframe host, such as `initDevframe()` without a hub. | -The `ng-devtools` binary reads the same options from a JSON file, for `dev`, `build` and `mcp`. See [Config file](./cli.md#config-file). +The `pangular` binary reads the same options from a JSON file, for `dev`, `build` and `mcp`. See [Config file](./cli.md#config-file). ### Express hub @@ -30,7 +30,7 @@ Pass the options next to the [access options](../security.md#express-hub) `auth` ```ts {8-10} // src/server.ts import express from 'express'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; const app = express(); const devtools = initNgDevtoolsHub({ @@ -49,7 +49,7 @@ Pass them to `ngDevtools()`, next to the [access options](../security.md#vite-pl ```ts {9-12} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ @@ -65,13 +65,13 @@ export default defineConfig({ ### Custom devframe host -The default export of `@santoshyadavdev/ng-devtools/devframe` uses the defaults. Call `createNgDevtools()` to pass options: +The default export of `@pangular-inspector/core/devframe` uses the defaults. Call `createNgDevtools()` to pass options: ```ts {7-9} // src/server.ts import express from 'express'; import {initDevframe} from 'devframe/initiate'; -import {createNgDevtools} from '@santoshyadavdev/ng-devtools/devframe'; +import {createNgDevtools} from '@pangular-inspector/core/devframe'; const app = express(); const devtools = initDevframe(createNgDevtools({agent: {readOnly: true}}), { @@ -84,10 +84,10 @@ app.use(devtools.nodeMiddleware); ### Type -`@santoshyadavdev/ng-devtools/config` exports the type. The hub and Vite entry points export it too. +`@pangular-inspector/core/config` exports the type. The hub and Vite entry points export it too. ```ts -// @santoshyadavdev/ng-devtools/config +// @pangular-inspector/core/config type NgDevtoolsInspector = | 'components' | 'injectors' diff --git a/apps/docs/src/content/getting-started/express.md b/apps/docs/src/content/getting-started/express.md index f967195..e9a2493 100644 --- a/apps/docs/src/content/getting-started/express.md +++ b/apps/docs/src/content/getting-started/express.md @@ -19,7 +19,7 @@ In an *Angular app with server-side rendering, the devtools run inside your Expr - Add @santoshyadavdev/ng-devtools and devframe. See Installation. + Add @pangular-inspector/core and devframe. See Installation. Add initNgDevtoolsHub() to server.ts, before your other routes. @@ -39,7 +39,7 @@ In an *Angular app with server-side rendering, the devtools run inside your Expr ```ts {3,6-7} // src/server.ts import express from 'express'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; const app = express(); const devtools = initNgDevtoolsHub({ws: false}); @@ -113,7 +113,7 @@ The origin check is on by default too. Only loopback origins and the [Chrome ext ```ts // src/server.ts -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; const devtools = initNgDevtoolsHub({ allowedOrigins: ['https://tunnel.example', 'chrome-extension://'], @@ -155,7 +155,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig) .then(() => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - return import('@santoshyadavdev/ng-devtools/overlay'); + return import('@pangular-inspector/core/overlay'); } return undefined; }) @@ -215,7 +215,7 @@ To fill the SSR & HTTP tab, add the interceptor and hydration hooks to your app import {provideHttpClient, withFetch} from '@angular/common/http'; import {ApplicationConfig} from '@angular/core'; import {provideClientHydration} from '@angular/platform-browser'; -import {provideNgDevtoolsHttp, withNgDevtools} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp, withNgDevtools} from '@pangular-inspector/core/http'; export const appConfig: ApplicationConfig = { providers: [ @@ -245,7 +245,7 @@ To mount only the devtools panel without the dock, use `initDevframe()` from `de ```ts // src/server.ts import {initDevframe} from 'devframe/initiate'; -import ngDevtools from '@santoshyadavdev/ng-devtools/devframe'; +import ngDevtools from '@pangular-inspector/core/devframe'; const devtools = initDevframe(ngDevtools, {base: '/__ng-devtools/'}); app.use(devtools.nodeMiddleware); diff --git a/apps/docs/src/content/getting-started/installation.md b/apps/docs/src/content/getting-started/installation.md index 6e48edf..2561281 100644 --- a/apps/docs/src/content/getting-started/installation.md +++ b/apps/docs/src/content/getting-started/installation.md @@ -9,7 +9,7 @@ description: Install the devtools package and choose where it runs. # Installation -The devtools ship as one npm package, `@santoshyadavdev/ng-devtools`. It contains the Node side, the browser overlay, the in-page popup, the CLI and the built UI. +The devtools ship as one npm package, `@pangular-inspector/core`. It contains the Node side, the browser overlay, the in-page popup, the CLI and the built UI. ## Prerequisites @@ -32,39 +32,39 @@ The devtools ship as one npm package, `@santoshyadavdev/ng-devtools`. It contain ## Install the package ```bash group="install" name="pnpm" image="https://cdn.simpleicons.org/pnpm/F69220" active -pnpm add @santoshyadavdev/ng-devtools devframe +pnpm add @pangular-inspector/core devframe ``` ```bash group="install" name="npm" image="https://cdn.simpleicons.org/npm/CB3837" -npm install @santoshyadavdev/ng-devtools devframe +npm install @pangular-inspector/core devframe ``` ```bash group="install" name="yarn" image="https://cdn.simpleicons.org/yarn/2C8EBB" -yarn add @santoshyadavdev/ng-devtools devframe +yarn add @pangular-inspector/core devframe ``` ```bash group="install" name="bun" image="https://bun.sh/logo.svg" -bun add @santoshyadavdev/ng-devtools devframe +bun add @pangular-inspector/core devframe ``` MCP agent support (`@devframes/agentic`) is included. You don't install it separately. ### Entry points -| Import | Use it for | -| ----------------------------------------------------- | -------------------------------------------------------------------------------------- | -| `@santoshyadavdev/ng-devtools/hub` | `initNgDevtoolsHub()`, the server middleware for an Express app. | -| `@santoshyadavdev/ng-devtools/vite` | The Vite plugin for Analog apps. | -| `@santoshyadavdev/ng-devtools/overlay` | The browser script that collects live data from your page. | -| `@santoshyadavdev/ng-devtools/overlay-angular-native` | The overlay for an Angular Native app. See [Angular Native](./angular-native.md). | -| `@santoshyadavdev/ng-devtools/popup` | The floating button and panel on your page. | -| `@santoshyadavdev/ng-devtools/http` | The HTTP interceptor and hydration hooks for the SSR & HTTP tab. | -| `@santoshyadavdev/ng-devtools/config` | The `NgDevtoolsConfig` type and its defaults. See [Configuration](./configuration.md). | -| `@santoshyadavdev/ng-devtools/devframe` | The devframe definition, for custom hosts. | +| Import | Use it for | +| ------------------------------------------------- | -------------------------------------------------------------------------------------- | +| `@pangular-inspector/core/hub` | `initNgDevtoolsHub()`, the server middleware for an Express app. | +| `@pangular-inspector/core/vite` | The Vite plugin for Analog apps. | +| `@pangular-inspector/core/overlay` | The browser script that collects live data from your page. | +| `@pangular-inspector/core/overlay-angular-native` | The overlay for an Angular Native app. See [Angular Native](./angular-native.md). | +| `@pangular-inspector/core/popup` | The floating button and panel on your page. | +| `@pangular-inspector/core/http` | The HTTP interceptor and hydration hooks for the SSR & HTTP tab. | +| `@pangular-inspector/core/config` | The `NgDevtoolsConfig` type and its defaults. See [Configuration](./configuration.md). | +| `@pangular-inspector/core/devframe` | The devframe definition, for custom hosts. | ### The CLI binary -The package also installs an `ng-devtools` binary. It runs the devtools without your app: a local server, a static report or an MCP server. See [Standalone CLI](./cli.md). +The package also installs a `pangular` binary. It runs the devtools without your app: a local server, a static report or an MCP server. See [Standalone CLI](./cli.md). ## Pick a setup @@ -80,7 +80,7 @@ Pick the tab that matches your app: ```ts group="setup" name="Angular CLI + Express" image="https://cdn.simpleicons.org/express/71717A" active // src/server.ts import express from 'express'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; const app = express(); const devtools = initNgDevtoolsHub({ws: false}); @@ -90,7 +90,7 @@ app.use(devtools.nodeMiddleware); ```ts group="setup" name="Analog (Vite)" image="https://cdn.simpleicons.org/vite/646CFF" // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ @@ -100,7 +100,7 @@ export default defineConfig({ ```bash group="setup" name="Standalone CLI" image="https://cdn.simpleicons.org/gnubash/4EAA25" # Run from the root of your Angular workspace -npx @santoshyadavdev/ng-devtools +npx @pangular-inspector/core ``` ### Browser part @@ -116,7 +116,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig) .then(() => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - return import('@santoshyadavdev/ng-devtools/overlay'); + return import('@pangular-inspector/core/overlay'); } return undefined; }) @@ -130,7 +130,7 @@ import {App} from './app/app'; import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { - if (import.meta.env.DEV) void import('@santoshyadavdev/ng-devtools/overlay'); + if (import.meta.env.DEV) void import('@pangular-inspector/core/overlay'); }); ``` diff --git a/apps/docs/src/content/getting-started/introduction.md b/apps/docs/src/content/getting-started/introduction.md index 3577933..4d55079 100644 --- a/apps/docs/src/content/getting-started/introduction.md +++ b/apps/docs/src/content/getting-started/introduction.md @@ -3,7 +3,7 @@ title: Introduction description: What the devtools inspect, and the ways you can run them. --- - + Inspect components, signals, injectors, routes, forms, pipes, NgRx stores and HTTP calls. In the page, from the command line, or through a coding agent. @@ -14,7 +14,7 @@ The devtools inspect a running *Angular app. They read components, signals, inje The same tool runs in several places. It is built with *Devframe, so one definition powers every mode. - Everything ships in @santoshyadavdev/ng-devtools: the server side, the browser overlay, the in-page popup, the CLI and the built UI. See Installation. + Everything ships in @pangular-inspector/core: the server side, the browser overlay, the in-page popup, the CLI and the built UI. See Installation. ## What it inspects @@ -86,7 +86,7 @@ Your app's server hosts the devtools, and a script in the page sends live data t | Static report | An offline HTML build of the source scan. | | MCP server | Every inspector exposed to coding agents over stdio. | -All three come from the `ng-devtools` binary. See [Standalone CLI](./cli.md). +All three come from the `pangular` binary. See [Standalone CLI](./cli.md). ## Built on Devframe diff --git a/apps/docs/src/content/getting-started/other-servers.md b/apps/docs/src/content/getting-started/other-servers.md index d1d8053..59a457a 100644 --- a/apps/docs/src/content/getting-started/other-servers.md +++ b/apps/docs/src/content/getting-started/other-servers.md @@ -31,7 +31,7 @@ Hono and h3 take web-standard handlers, so they use `handler`. Fastify runs on N ```ts // src/server.ts import {AngularAppEngine, createRequestHandler} from '@angular/ssr'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; import {Hono} from 'hono'; const angularApp = new AngularAppEngine(); @@ -49,7 +49,7 @@ export const reqHandler = createRequestHandler(app.fetch); ```ts // src/server.ts import {createRequestHandler} from '@angular/ssr'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; import {H3} from 'h3'; const devtools = initNgDevtoolsHub({ws: false}); @@ -70,7 +70,7 @@ Fastify has no Connect middleware of its own. Hand requests under the base to `n ```ts // src/server.ts import {createNodeRequestHandler} from '@angular/ssr/node'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; import Fastify from 'fastify'; const devtools = initNgDevtoolsHub({ws: false}); diff --git a/apps/docs/src/content/getting-started/overlay.md b/apps/docs/src/content/getting-started/overlay.md index 21416bd..b7f3c8f 100644 --- a/apps/docs/src/content/getting-started/overlay.md +++ b/apps/docs/src/content/getting-started/overlay.md @@ -26,7 +26,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig) .then(() => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - return import('@santoshyadavdev/ng-devtools/overlay'); + return import('@pangular-inspector/core/overlay'); } return undefined; }) @@ -40,7 +40,7 @@ import {App} from './app/app'; import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { - if (import.meta.env.DEV) void import('@santoshyadavdev/ng-devtools/overlay'); + if (import.meta.env.DEV) void import('@pangular-inspector/core/overlay'); }); ``` @@ -106,7 +106,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(async () => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - const {initOverlay} = await import('@santoshyadavdev/ng-devtools/overlay'); + const {initOverlay} = await import('@pangular-inspector/core/overlay'); const dispose = await initOverlay({baseURL: '/__my-devtools/'}); } }); @@ -128,7 +128,7 @@ Call `disposeOverlay` to turn the overlay off: ```ts // src/app/devtools-toggle.ts -import {disposeOverlay} from '@santoshyadavdev/ng-devtools/overlay'; +import {disposeOverlay} from '@pangular-inspector/core/overlay'; export async function stopDevtools() { await disposeOverlay(); @@ -151,11 +151,9 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { if (typeof ngDevMode === 'undefined' || ngDevMode) { - return Promise.all([ - import('@santoshyadavdev/ng-devtools/overlay'), - import('@ngrx/signals'), - ]).then(([devtools, {patchState, watchState}]) => - devtools.registerNgrxSignals({patchState, watchState}), + return Promise.all([import('@pangular-inspector/core/overlay'), import('@ngrx/signals')]).then( + ([devtools, {patchState, watchState}]) => + devtools.registerNgrxSignals({patchState, watchState}), ); } return undefined; diff --git a/apps/docs/src/content/getting-started/popup-and-hub.md b/apps/docs/src/content/getting-started/popup-and-hub.md index 2ea5af3..1ddf660 100644 --- a/apps/docs/src/content/getting-started/popup-and-hub.md +++ b/apps/docs/src/content/getting-started/popup-and-hub.md @@ -28,7 +28,7 @@ Most apps never call the popup API. To add the button without the overlay, call ```ts // src/main.ts -import {createDevtoolsPopup} from '@santoshyadavdev/ng-devtools/popup'; +import {createDevtoolsPopup} from '@pangular-inspector/core/popup'; createDevtoolsPopup(); ``` @@ -39,7 +39,7 @@ To open a fixed page instead, pass `src`: ```ts // src/main.ts -import {createDevtoolsPopup} from '@santoshyadavdev/ng-devtools/popup'; +import {createDevtoolsPopup} from '@pangular-inspector/core/popup'; createDevtoolsPopup({src: '/__my-devtools/'}); ``` diff --git a/apps/docs/src/content/getting-started/vite.md b/apps/docs/src/content/getting-started/vite.md index 5e5fdff..744961f 100644 --- a/apps/docs/src/content/getting-started/vite.md +++ b/apps/docs/src/content/getting-started/vite.md @@ -15,7 +15,7 @@ For *Analog apps, add the *Vite plugin next to `analog()` and load the overlay i - Add @santoshyadavdev/ng-devtools and devframe. See Installation. + Add @pangular-inspector/core and devframe. See Installation. Register ngDevtools() after analog() in vite.config.ts. @@ -35,7 +35,7 @@ For *Analog apps, add the *Vite plugin next to `analog()` and load the overlay i ```ts {3,7} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ @@ -54,7 +54,7 @@ import {App} from './app/app'; import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { - if (import.meta.env.DEV) void import('@santoshyadavdev/ng-devtools/overlay'); + if (import.meta.env.DEV) void import('@pangular-inspector/core/overlay'); }); ``` @@ -152,7 +152,7 @@ If you open the dev server through another hostname that points to your machine ```ts {7} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ diff --git a/apps/docs/src/content/guides/analog.md b/apps/docs/src/content/guides/analog.md index bb96c41..ca6468a 100644 --- a/apps/docs/src/content/guides/analog.md +++ b/apps/docs/src/content/guides/analog.md @@ -32,7 +32,7 @@ This guide adds the devtools to an *Analog app. Everything runs on the *Vite dev - Add @santoshyadavdev/ng-devtools and devframe. + Add @pangular-inspector/core and devframe. Register it next to analog() in vite.config.ts. @@ -48,19 +48,19 @@ This guide adds the devtools to an *Analog app. Everything runs on the *Vite dev ## Step 1: Install ```bash group="install" name="pnpm" image="https://cdn.simpleicons.org/pnpm/F69220" active -pnpm add @santoshyadavdev/ng-devtools devframe +pnpm add @pangular-inspector/core devframe ``` ```bash group="install" name="npm" image="https://cdn.simpleicons.org/npm/CB3837" -npm install @santoshyadavdev/ng-devtools devframe +npm install @pangular-inspector/core devframe ``` ```bash group="install" name="yarn" image="https://cdn.simpleicons.org/yarn/2C8EBB" -yarn add @santoshyadavdev/ng-devtools devframe +yarn add @pangular-inspector/core devframe ``` ```bash group="install" name="bun" image="https://bun.sh/logo.svg" -bun add @santoshyadavdev/ng-devtools devframe +bun add @pangular-inspector/core devframe ``` ## Step 2: Add the Vite plugin @@ -70,7 +70,7 @@ Add the plugin after `analog()`: ```ts {3,7} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig(() => ({ @@ -106,7 +106,7 @@ import {App} from './app/app'; import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(() => { - if (import.meta.env.DEV) void import('@santoshyadavdev/ng-devtools/overlay'); + if (import.meta.env.DEV) void import('@pangular-inspector/core/overlay'); }); ``` @@ -139,7 +139,7 @@ Analog's own `load()` fetches and API calls show in the Analog dock without extr import {provideHttpClient, withFetch} from '@angular/common/http'; import {ApplicationConfig} from '@angular/core'; import {provideFileRouter} from '@analogjs/router'; -import {provideNgDevtoolsHttp, withNgDevtools} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp, withNgDevtools} from '@pangular-inspector/core/http'; export const appConfig: ApplicationConfig = { providers: [ @@ -164,7 +164,7 @@ pnpm analog:dev The script builds the devtools package first, then starts the Vite dev server. - The demo aliases @santoshyadavdev/ng-devtools/overlay to the built package in its vite.config.ts. Your app does not need that alias. + The demo aliases @pangular-inspector/core/overlay to the built package in its vite.config.ts. Your app does not need that alias. ## Where to next diff --git a/apps/docs/src/content/guides/nativescript.md b/apps/docs/src/content/guides/nativescript.md index 7892a13..5020c8f 100644 --- a/apps/docs/src/content/guides/nativescript.md +++ b/apps/docs/src/content/guides/nativescript.md @@ -32,7 +32,7 @@ This guide adds the devtools to a NativeScript Angular app. The app has no DOM, - Add @santoshyadavdev/ng-devtools and @valor/nativescript-websockets. + Add @pangular-inspector/core and @valor/nativescript-websockets. Import @valor/nativescript-websockets first in src/polyfills.ts. @@ -41,26 +41,26 @@ This guide adds the devtools to a NativeScript Angular app. The app has no DOM, Call initNativeScriptOverlay() in src/main.ts, before the app bootstraps. - Start ng-devtools dev in the app's folder and open the UI. + Start pangular dev in the app's folder and open the UI. ## Step 1: Install ```bash group="install" name="npm" image="https://cdn.simpleicons.org/npm/CB3837" active -npm install @santoshyadavdev/ng-devtools @valor/nativescript-websockets +npm install @pangular-inspector/core @valor/nativescript-websockets ``` ```bash group="install" name="pnpm" image="https://cdn.simpleicons.org/pnpm/F69220" -pnpm add @santoshyadavdev/ng-devtools @valor/nativescript-websockets +pnpm add @pangular-inspector/core @valor/nativescript-websockets ``` ```bash group="install" name="yarn" image="https://cdn.simpleicons.org/yarn/2C8EBB" -yarn add @santoshyadavdev/ng-devtools @valor/nativescript-websockets +yarn add @pangular-inspector/core @valor/nativescript-websockets ``` ```bash group="install" name="bun" image="https://bun.sh/logo.svg" -bun add @santoshyadavdev/ng-devtools @valor/nativescript-websockets +bun add @pangular-inspector/core @valor/nativescript-websockets ``` ## Step 2: Add a WebSocket global @@ -76,7 +76,7 @@ import '@valor/nativescript-websockets'; ```ts {2,4-6} // src/main.ts -import {initNativeScriptOverlay} from '@santoshyadavdev/ng-devtools/overlay-nativescript'; +import {initNativeScriptOverlay} from '@pangular-inspector/core/overlay-nativescript'; if (__DEV__) { initNativeScriptOverlay(); @@ -101,7 +101,7 @@ Run the server in the app's folder, so the source scanners read its `src/`: ```bash cd my-nativescript-app -npx @santoshyadavdev/ng-devtools dev --no-auth +npx @pangular-inspector/core dev --no-auth ``` The server listens on `localhost` only, which the iOS simulator and the Android emulator reach. `--no-auth` is needed because the app cannot enter the one-time code the panel asks for. @@ -114,7 +114,7 @@ The server listens on `localhost` only, which the iOS simulator and the Android A physical device reaches your machine over the network, so the server has to listen on an interface the device can reach: ```bash -npx @santoshyadavdev/ng-devtools dev --host 192.168.1.20 --no-auth +npx @pangular-inspector/core dev --host 192.168.1.20 --no-auth ``` @@ -127,7 +127,7 @@ See [Standalone CLI](../getting-started/cli.md) for the other server options and `examples/nativescript` is a `ns create --ng` project wired up this way, with a small showcase component (signals, a computed, an effect and a component-level provider). It is tested on the iOS simulator. Android is untested. -The demo maps `@santoshyadavdev/ng-devtools/*` to the package's build output in `packages/ng-devtools/dist`, so build the package first: +The demo maps `@pangular-inspector/core/*` to the package's build output in `packages/ng-devtools/dist`, so build the package first: ```bash pnpm devtools:build-pkg diff --git a/apps/docs/src/content/guides/ngrx-signals-restore.md b/apps/docs/src/content/guides/ngrx-signals-restore.md index 014aae2..3181c60 100644 --- a/apps/docs/src/content/guides/ngrx-signals-restore.md +++ b/apps/docs/src/content/guides/ngrx-signals-restore.md @@ -38,7 +38,7 @@ Without `registerNgrxSignals`, a restore changes the store but skips this listen ## Register patchState and watchState -Call `registerNgrxSignals({ patchState, watchState })` from `@santoshyadavdev/ng-devtools/overlay` once, after the app starts. Load both modules with dynamic imports in development only, so production bundles do not include the devtools. +Call `registerNgrxSignals({ patchState, watchState })` from `@pangular-inspector/core/overlay` once, after the app starts. Load both modules with dynamic imports in development only, so production bundles do not include the devtools. ```ts group="register" name="Angular CLI" active // src/main.ts @@ -52,7 +52,7 @@ bootstrapApplication(App, appConfig) return ref .whenStable() .then(() => - Promise.all([import('@santoshyadavdev/ng-devtools/overlay'), import('@ngrx/signals')]), + Promise.all([import('@pangular-inspector/core/overlay'), import('@ngrx/signals')]), ) .then(([devtools, {patchState, watchState}]) => devtools.registerNgrxSignals({patchState, watchState}), @@ -72,7 +72,7 @@ import {appConfig} from './app/app.config'; bootstrapApplication(App, appConfig).then(async () => { if (import.meta.env.DEV) { const [devtools, {patchState, watchState}] = await Promise.all([ - import('@santoshyadavdev/ng-devtools/overlay'), + import('@pangular-inspector/core/overlay'), import('@ngrx/signals'), ]); devtools.registerNgrxSignals({patchState, watchState}); diff --git a/apps/docs/src/content/guides/ssr-http.md b/apps/docs/src/content/guides/ssr-http.md index 9b29021..aa67e80 100644 --- a/apps/docs/src/content/guides/ssr-http.md +++ b/apps/docs/src/content/guides/ssr-http.md @@ -47,13 +47,13 @@ The [SSR & HTTP tab](../inspectors/ssr-http.md) records every `HttpClient` call ## Step 1: Add the providers -Both functions come from `@santoshyadavdev/ng-devtools/http`. +Both functions come from `@pangular-inspector/core/http`. ```ts {4,10-11} // src/app/app.config.ts import {ApplicationConfig} from '@angular/core'; import {provideHttpClient, withFetch} from '@angular/common/http'; -import {provideNgDevtoolsHttp, withNgDevtools} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp, withNgDevtools} from '@pangular-inspector/core/http'; import {provideClientHydration} from '@angular/platform-browser'; export const appConfig: ApplicationConfig = { @@ -83,7 +83,7 @@ Register `withNgDevtools()` before your own interceptors. Then it records reques import {provideHttpClient, withFetch, withInterceptors} from '@angular/common/http'; import {ApplicationConfig} from '@angular/core'; import {provideClientHydration} from '@angular/platform-browser'; -import {provideNgDevtoolsHttp, withNgDevtools} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp, withNgDevtools} from '@pangular-inspector/core/http'; import {authInterceptor} from './auth.interceptor'; export const appConfig: ApplicationConfig = { @@ -107,7 +107,7 @@ The interceptor on the server hands its calls to the devtools through the Node p // src/server.ts import {AngularNodeAppEngine, createNodeRequestHandler} from '@angular/ssr/node'; import express from 'express'; -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; const app = express(); const angularApp = new AngularNodeAppEngine(); diff --git a/apps/docs/src/content/inspectors/analog.md b/apps/docs/src/content/inspectors/analog.md index 69d7d8b..09042f6 100644 --- a/apps/docs/src/content/inspectors/analog.md +++ b/apps/docs/src/content/inspectors/analog.md @@ -22,7 +22,7 @@ Add the Vite plugin next to `analog()` and load the overlay. See [Vite and Analo ```ts {3,7} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ diff --git a/apps/docs/src/content/inspectors/ngrx-store.md b/apps/docs/src/content/inspectors/ngrx-store.md index 07d1850..4e6fd8c 100644 --- a/apps/docs/src/content/inspectors/ngrx-store.md +++ b/apps/docs/src/content/inspectors/ngrx-store.md @@ -170,7 +170,7 @@ No tool can restore a state. See [Dispatch an action](../agents/tools.md#dispatc ### `watchState` needs `registerNgrxSignals` -Without it, restore writes the state signals directly. Components update, but `watchState` listeners do not run, and the log entry says so. Call `registerNgrxSignals({ patchState, watchState })` from `@santoshyadavdev/ng-devtools/overlay` once, and restore goes through `patchState`. This applies to `signalStore` only. A `signalState` restore always writes directly. See [Restore NgRx signal state](../guides/ngrx-signals-restore.md). +Without it, restore writes the state signals directly. Components update, but `watchState` listeners do not run, and the log entry says so. Call `registerNgrxSignals({ patchState, watchState })` from `@pangular-inspector/core/overlay` once, and restore goes through `patchState`. This applies to `signalStore` only. A `signalState` restore always writes directly. See [Restore NgRx signal state](../guides/ngrx-signals-restore.md). ### Stores appear when they are created diff --git a/apps/docs/src/content/inspectors/router.md b/apps/docs/src/content/inspectors/router.md index 3239656..b14835b 100644 --- a/apps/docs/src/content/inspectors/router.md +++ b/apps/docs/src/content/inspectors/router.md @@ -212,7 +212,7 @@ Aborting and probing use the `currentNavigation` signal and `Navigation.abort()` ### Navigations before the devtools connected -The tab lists only the last one, marked **before DevTools connected**, without timing or guard details. It also lists a navigation still running at that moment. +The tab lists only the last one, marked **before Pangular Inspector connected**, without timing or guard details. It also lists a navigation still running at that moment. ### Redaction diff --git a/apps/docs/src/content/inspectors/ssr-http.md b/apps/docs/src/content/inspectors/ssr-http.md index 33a5279..7943c2a 100644 --- a/apps/docs/src/content/inspectors/ssr-http.md +++ b/apps/docs/src/content/inspectors/ssr-http.md @@ -19,7 +19,7 @@ The timeline and fault rules need the interceptor. The hydration warnings need t // src/app/app.config.ts import {ApplicationConfig} from '@angular/core'; import {provideHttpClient, withFetch, withInterceptors} from '@angular/common/http'; -import {provideNgDevtoolsHttp, withNgDevtools} from '@santoshyadavdev/ng-devtools/http'; +import {provideNgDevtoolsHttp, withNgDevtools} from '@pangular-inspector/core/http'; import {authInterceptor} from './auth.interceptor'; export const appConfig: ApplicationConfig = { diff --git a/apps/docs/src/content/security.md b/apps/docs/src/content/security.md index 62ffa1c..7e9604a 100644 --- a/apps/docs/src/content/security.md +++ b/apps/docs/src/content/security.md @@ -50,7 +50,7 @@ If you open the dev server through another hostname that points to your machine ```ts {7-8} // vite.config.ts import analog from '@analogjs/platform'; -import ngDevtools from '@santoshyadavdev/ng-devtools/vite'; +import ngDevtools from '@pangular-inspector/core/vite'; import {defineConfig} from 'vite'; export default defineConfig({ @@ -86,7 +86,7 @@ With only loopback hosts allowed, the loopback and origin checks take the place ```ts {8} // src/server.ts -import {initNgDevtoolsHub} from '@santoshyadavdev/ng-devtools/hub'; +import {initNgDevtoolsHub} from '@pangular-inspector/core/hub'; import express from 'express'; const app = express(); diff --git a/apps/docs/src/ngmd.config.ts b/apps/docs/src/ngmd.config.ts index bc1a51b..533f819 100644 --- a/apps/docs/src/ngmd.config.ts +++ b/apps/docs/src/ngmd.config.ts @@ -133,10 +133,10 @@ export interface NgmdConfig { const config: NgmdConfig = { site: { - name: 'Angular DevTools', + name: 'Pangular Inspector', description: 'Inspect Angular components, signals, dependency injection, routes, forms and stores. In the page, from the CLI, or through a coding agent over MCP.', - tagline: 'Devtools for Angular apps and coding agents', + tagline: 'The unified Angular devtools', url: 'https://santoshyadavdev.github.io/angular-devtools', githubUrl: 'https://github.com/santoshyadavdev/angular-devtools', githubDir: 'apps/docs', diff --git a/bin.mjs b/bin.mjs index 834004c..0e12cd9 100644 --- a/bin.mjs +++ b/bin.mjs @@ -1,4 +1,4 @@ #!/usr/bin/env node -import { createNgDevtoolsCli } from '@santoshyadavdev/ng-devtools/cli'; +import { createNgDevtoolsCli } from '@pangular-inspector/core/cli'; await createNgDevtoolsCli().parse(); diff --git a/docs/CONTEXT.md b/docs/CONTEXT.md index 646ff3c..2d9a5ce 100644 --- a/docs/CONTEXT.md +++ b/docs/CONTEXT.md @@ -1,6 +1,6 @@ -# Angular DevTools +# Pangular Inspector -Angular DevTools inspects a running Angular app and serves what it finds to a panel and to AI agents over MCP. This glossary fixes the words the project uses for its own concepts, so that a name means one thing in the code, the docs, issues and commit messages. Each entry gives the term, what it means here, and the words to avoid for it. +Pangular Inspector inspects a running Angular app and serves what it finds to a panel and to AI agents over MCP. This glossary fixes the words the project uses for its own concepts, so that a name means one thing in the code, the docs, issues and commit messages. Each entry gives the term, what it means here, and the words to avoid for it. ## Language @@ -17,7 +17,7 @@ The short id a page claims when the overlay starts, kept in `sessionStorage` so _Avoid_: tab id, session id, client id **Overlay**: -The script the app imports in `main.ts` in development only (`@santoshyadavdev/ng-devtools/overlay`). It finds the server, starts the collectors and adds the floating button. It reads the page; it never changes it on its own. +The script the app imports in `main.ts` in development only (`@pangular-inspector/core/overlay`). It finds the server, starts the collectors and adds the floating button. It reads the page; it never changes it on its own. _Avoid_: content script, agent, injected script **Collector**: @@ -81,7 +81,7 @@ What the devtools read from the project's source files rather than the running p _Avoid_: static analysis, AST pass, crawl **Static report**: -An offline HTML build of the panel over the source scan, written by `ng-devtools build --outDir `. No page connects to it. +An offline HTML build of the panel over the source scan, written by `pangular build --outDir `. No page connects to it. _Avoid_: export, snapshot, static site **Redaction**: diff --git a/docs/privacy-policy.html b/docs/privacy-policy.html index eea2f9d..bcbba14 100644 --- a/docs/privacy-policy.html +++ b/docs/privacy-policy.html @@ -3,7 +3,7 @@ - Angular DevTools — Privacy Policy + Pangular Inspector — Privacy Policy