Run details

sySantosh Yadav

angular-devtoolsWorkspace

CI Pipeline Executions
- Current executionSucceeded
  fix/http-statuses
- Runs and Agents
- TimelineBeta
- Configuration
- Self-Healing CI
- Project Graph
- Circular DependenciesEnterprise
- Resource Usage
- Analysis
- ConformanceEnterprise
Runs

Insights

Compare tasks
Analytics

feat: NativeScript support (native overlay, example app, standalone server fixes) (#16) * refactor(overlay): share the collectors between platforms The component tree, signal graph, injector tree and NgRx collectors walk the host tree through a HostTree adapter (roots, children, parent, tag, selector, lookup) instead of the DOM directly, so an overlay for a platform without a DOM only has to describe its hosts. `domTree()` keeps the DOM walk, the CSS selector paths and the router-outlet lookup the browser overlay had, and stays the default, so its callers and payloads are unchanged. Host ids and the id lookup now take any object with a connected check supplied by the tree, and `installSignalWriteHook` moves to signal-history so another overlay can record signal writes without loading the browser overlay; the overlay still re-exports it. * feat(overlay): add a NativeScript overlay A NativeScript Angular app has no DOM, so the browser overlay cannot run in it. The new `@santoshyadavdev/ng-devtools/overlay-nativescript` entry walks the native view tree from the root component host through the shared collectors and reports over a WebSocket to a devtools server on the developer's machine, with the same page reports the browser overlay sends: the component tree and the selected component's detail, the signal graph of the selected or first signal-bearing component with its write history, the injector tree with the environment injectors above it, NgRx stores, and the highlight event, which outlines the native view. The runtime needs a few things a browser has for free. A WebSocket global must come from the app (for example @valor/nativescript-websockets), and `location` and `navigator` are shimmed for devframe's client. Angular only wires its injector profiler, which backs the DI panel, when `window` exists as the platform is created, so a `window` is defined until core publishes `getComponent` and removed then; the sentinel is that property rather than the `ng` object itself because provideRouter() publishes its own utilities onto that object earlier. The devframe client has no reconnect, and the server and the app restart independently, so a failed or dropped session is replaced after a pause. @nativescript/core is an optional peer dependency and stays external to the build, like Angular. * fix(ui): connect from the page's own base `ng-devtools dev` served the UI at / with its connection beside the page, at /__connection.json, while the UI only looked for it at /__ng-devtools/, which is where the Vite bridge and the Express mount put it, so the standalone UI never connected. The UI now tries its own base first and falls back to /__ng-devtools/. * feat: add a NativeScript example app `app-nativescript/` is an `ns create --ng` project wired to the NativeScript overlay: the WebSocket polyfill in polyfills.ts, the overlay started in main.ts before the app runs, plain-HTTP allowances for the simulator and emulator, and a showcase component with a signal, two computeds, an effect, an input and a component-level provider so every panel has something to show. The app maps the devtools package through tsconfig `paths` to its build output in packages/ng-devtools/dist, which is what the published package serves, rather than to its TypeScript sources. The sources import each other with `.ts` extensions, which the app's compiler rejects, and TypeScript never emits `.ts` sources it resolved through node_modules, so a linked package compiles to an empty module under @nativescript/webpack. `pnpm devtools:nativescript` starts the devtools server scanning the app's sources. Generated directories are left out of the Prettier check. * feat(ui): replace the NativeScript coming-soon card with setup steps The NativeScript dock is no longer marked Coming Soon. Its view shows what the integration does and how to set up an app, with a link to the README section, since a NativeScript app's data shows up in the Angular dock rather than a dock of its own. The card takes an optional heading for its list, which reads "Set up an app" here. * chore(examples): move the NativeScript example app to examples/nativescript The example sits next to the Analog demo, as `nativescript-demo`. It stays out of the pnpm workspace and installs with npm from its own lockfile, so the root install does not pull in the NativeScript toolchain. `pnpm devtools:nativescript` and the README follow the move. * fix: address CodeRabbit review on NativeScript support - overlay: close the socket when session setup fails after connecting, so retries don't leak open sockets - example: getPerson returns Person | undefined; detail page shows a not-found state - README: warn that --host 0.0.0.0 --no-auth exposes the server * docs(docs): add the NativeScript setup guide The NativeScript section of the README moves to guides/nativescript, since the README now points to the docs site. The hub dock tables list the NativeScript dock's setup steps instead of a Coming Soon placeholder. * fix(ui): link the NativeScript card to the docs guide The README no longer has a NativeScript section. Rebuilds extension/ui. * fix(demo): keep the NativeScript server on localhost by default pnpm devtools:nativescript now listens on localhost only, which the iOS simulator and the Android emulator reach. pnpm devtools:nativescript:device listens on every interface for a physical device, and the guide and the panel setup card say which to use and warn about --host with --no-auth. --------- Co-authored-by: Kam <erkamyaman35@gmail.com>

nx affected -t test build

Your organization has reached the contributor limit and will be disabled soon.

Succeeded

4 CPU cores

read-write access token used

90e62d82201

17%

Cache hits

1 of 6 tasks used cache.

Protect cache integrity with sandboxing

Get faster results

Learn how to enable distribution.

Atomizer enabled

2 groups of tasks optimized.

© 2026 - Nx Cloud

Terms of Service Privacy Policy Changelog Status Docs Contact Nx Cloud Pricing Company @NxDevTools

angular-devtoolsWorkspace