gepeto-toolbar

Dev-only debug toolbar for web (Angular) and zapsign-web (V2, React/Vite). Provides runtime diagnostics: network calls, errors, performance sampling, and optional Angular insights (Zone run count, subscriptions).

• Repo: Bitbucket – truora/gepeto-toolbar
• Consumers: Add dependency "gepeto-toolbar": "^1.0.0". Load only in development via dynamic import: import('gepeto-toolbar').then((m) => m.initGepetoToolbar());

Build

npm install
npm run build

Output: dist/ (ESM + .d.ts).

Snapshot server (dev only)

For MCP get_runtime_performance_snapshot, run the snapshot server so the toolbar can POST metrics to a file:

npm run dev:snapshot-server -- --workspace /path/to/workspace [--port 9340]

Consumers (e.g. web) may run it via node node_modules/gepeto-toolbar/scripts/snapshot-server.js --workspace .

Publishing

Published as gepeto-toolbar (public) on npm. To publish:

1. Log in: npm login (or in CI set NPM_TOKEN).
2. From this repo: npm run build then npm publish.

Consumers (web, zapsign-web) depend on ^1.0.0. For local development on the toolbar, the repo can be cloned and linked via npm link if desired.

Tabs

| Tab | Description | |------------|-------------| | Network | fetch/XHR: URL, method, duration, status; duplicate detection. | | Errors | window.onerror + console.error. | | Performance| performance.now() sampling. | | Angular | Zone run count, subscription count (when Zone/RxJS present). |

Do not load in production.