Install and configure wolfcola devtools

Getting Started

Install the wolfcola devtools packages you need.

OIDC DevTools

Browser Extension (No SDK Required)

Install the browser extension from the Chrome Web Store or Firefox Add-ons. The extension uses network-first detection to automatically identify and annotate OIDC traffic without any code changes to your app.

Network-first detection works by matching URLs against common auth endpoint patterns and parsing .well-known/openid-configuration responses. No SDK integration is needed for basic flow visibility.

Bridge SDK (Optional, Richer Events)

For deeper visibility into SDK state (node transitions, session diffs, config data), install the bridge:

npm install @wolfcola/devtools-bridge

The bridge provides adapters for Ping Identity SDKs: DaVinci (@forgerock/davinci-client), Journey, and OIDC (@forgerock/oidc-client). See the integration guides for setup details.

VS Code Extension

Install the VS Code extension for in-editor flow inspection via CDP. See the VS Code Extension guide.

Tree-Shake Verification

npm install -D @wolfcola/treeshake-check

Run the CLI from your package directory:

npx treeshake-check

Or point it at a specific package:

npx treeshake-check --cwd packages/my-lib

Dead Export Detection

npm install -D @wolfcola/dead-export-finder

Scan your monorepo for unused exports:

npx dead-export-finder

Standalone Debugger

For environments where a browser extension is not available (Node.js servers, React Native, Electron apps), use the standalone debugger:

import { attachDebugger } from '@wolfcola/devtools-bridge';

const handle = await attachDebugger({ name: 'my-app' });

The standalone debugger connects via WebSocket and can auto-launch if installed on your PATH. See the Standalone Debugger guide for details.

Next Steps