VS Code Extensions
KickJS DevTools

KickJS DevTools

by forinda82

VS Code extension for inspecting KickJS applications — routes, DI container, metrics, and health

Downloads

26

Rating

— (0)

Version

5.3.0

Last updated

Jun 16, 2026

Not to be confused with @forinda/kickjs-devtools (the runtime adapter that serves /_debug/*). This package is the VS Code editor extension that consumes that adapter's HTTP surface and surfaces it as tree views and a dashboard webview inside the editor.

VS Code extension for inspecting running KickJS apps — health, routes, DI container, metrics — surfaced as tree views + a dashboard webview, with a status-bar connection indicator.

Requirements

Your app must mount DevToolsAdapter so /_debug/* is reachable. For non-dev environments, set a secret so the dashboard isn't world-readable:

import { bootstrap } from '@forinda/kickjs'
import { DevToolsAdapter } from '@forinda/kickjs-devtools'
import { modules } from './modules'

export const app = await bootstrap({
  modules,
  adapters: [
    DevToolsAdapter({
      // secret: env.DEVTOOLS_SECRET,  // production: require ?secret=… on every /_debug/* request
      // enabled: env.NODE_ENV !== 'production',  // or gate the adapter off entirely outside dev
    }),
  ],
})

Settings

Setting Default Description
kickjs.serverUrl http://localhost:3000 Where the app is running
kickjs.debugPath /_debug DevTools mount path
kickjs.autoRefresh true Poll every 30s

Commands: KickJS: Inspect Running App, Show Routes, Show DI Container, Show Metrics.

License

MIT

Related extensions