App inspection

Learn about additional CodeBud features that helps you observe your applications.

Stack tracing

Collecting all possible stack traces with CodeBud

CodeBud uses different methods of stack tracing for different frameworks. In order to get stack traces, you should import and apply correct "getStackTraceFn" function.

Available functions

getStackTraceStackTracey - Most detailed stack traces made possible with stacktracey. Works with Node.js and browsers.
getStackTraceSimple - Basic stack traces. Works with any platform.

Supported event types

Those are CodeBud timeline event types that support stack tracing:

Redux Actions
Storage Actions
Captured Events
Crash Reports

Usage examples:

  import { getStackTraceStackTracey } from '@appklaar/codebud/StackTracing/getStackTraceStackTracey';

  // Add options as 3rd arg of init method and pass getStackTraceFn
  CodeBud.init("YOUR API KEY HERE", INSTRUCTIONS, {
    getStackTraceFn: getStackTraceStackTracey,
    // Optionally you can configure stack tracing
    stackTraceOptions: {
      fileNameExclude: ["MyFileToIgnore.js"],
      calleeExclude: ["MyFunctionToIgnore"]
    }
  });

Now you should be able to check stack traces on the Network tab in GUI.

CodeBud can not guarantee that stack trace is 100% accurate. But it does the best.

CodeBud.captureEvent

Send custom log from client to GUI (viewable on network tab)

import {CodeBud} from '@appklaar/codebud';

CodeBud.captureEvent("Hello, world!", {data: "my data"});

Think about captured events as of console.log(s) that will be shown in timeline on network tab.

Context monitor

Monitor your React context and observe it with CodeBud useContextMonitor.