Pangular Inspector press kit
============================

Name
----
Write "Pangular Inspector" in prose. Use "pangular" only for the CLI command
and code identifiers. On social media, #PangularInspector is fine. Don't write
"Pangular", "PI", "pangular inspector" or "PangularInspector".

Tagline: The unified Angular devtools

Descriptions
------------
One line:
Pangular Inspector is the unified Angular devtools: it inspects components, signals, injectors, routes, forms, pipes and NgRx stores in the page, from the command line, or through a coding agent.

Short:
Pangular Inspector is open source devtools for Angular apps. It inspects components, signals, injectors, routes, forms, pipes, NgRx stores, and SSR and HTTP calls in a running app, and reads the source files when no app runs. Use it as an embedded panel, a Chrome extension, a standalone CLI, a static report or an MCP server for coding agents.

Long:
Pangular Inspector is open source devtools for Angular apps, released under the MIT license. It reads a running development build through Angular's debug API and shows the component tree with live inputs and injected services, the signal graph of each component, the injector hierarchy, the router with every navigation, Signal Forms, reactive and template-driven forms, pipes, NgRx signal stores and the global store, and an HTTP timeline with hydration stats for server-side rendering. It also scans the source files, so routes, components, providers and store declarations show up before the app runs. It is built with Devframe, so one definition serves an embedded panel next to the app, a Chrome DevTools extension, the standalone pangular CLI, an offline static report, and an MCP server that gives coding agents the same data as tools. It works with Angular CLI apps with SSR, Analog, NativeScript and Angular Native. Everything ships in one npm package, @pangular-inspector/devtools.

Logo
----
The App icon (logo/svg/app-icon.svg) is the primary logo. Use the mark
without a tile next to text or on a colored background: mark-on-dark,
mark-on-light, or mark-mono-black and mark-mono-white for one color.

Colors: Ink #1C1A17, Amber #FBBF24, Amber deep #F59E0B, Rust #92400E,
Rust deep #78350F, Pale #FDE68A.

Using the logo
--------------
Use the files as they are and keep clear space around the logo. Don't recolor,
stretch, rotate, crop or redraw it, or add effects. Don't use it to suggest
that Pangular Inspector endorses or sponsors something, or combine it with the
Angular logo in a way that suggests an official Angular or Google product.

Links
-----
Docs:    https://pangular-inspector.dev
npm:     https://www.npmjs.com/package/@pangular-inspector/devtools
GitHub:  https://github.com/pangular-inspector/devtools
Discord: https://discord.gg/YRTyJd6Qx

Maintainers
-----------
Santosh Yadav  https://github.com/santoshyadavdev
Erkam Yaman    https://github.com/erkamyaman

For press requests or questions, open an issue at
https://github.com/pangular-inspector/devtools/issues or ask on Discord.

Files
-----
logo/svg/                       Logo files in SVG, including animated versions
logo/png/app-icon/              App icon, rounded 512 and square 1024
logo/png/mark/                  Mark on dark, on light, and one-color, 512 and 1024
logo/png/avatar/                Square avatars and tiles
logo/png/social/                Open Graph, GitHub preview, X, LinkedIn and Discord images
screenshots/<view>-<theme>.png  The panel with live data from the demo app, 1600 x 1000
