Caplin Developer Tools in Chrome with OffiDocs

DESCRIPTION

See the StreamLink logs, currently subscribed objects and more.

Caplin StreamLink Developer Tools is an extension that helps developers debug their StreamLink applications.

Note: this extension should only be used during development

The tool will only show for StreamLink applications that have the developer tools enabled in code (see below).

For other deployment options see: https://github.com/caplin/StreamLinkDeveloperTools

Features:
- StreamLink Log: The StreamLink log with filtering, find and detail view
- API Log: A list of all calls and callbacks to/from the StreamLink API
- Subscriptions: A list of the current subscriptions and their values
- Tools: Tools to intercept messages, add extra subscriptions and log specific messages to the console.
- Data Flow: A graph of the data sent/received for the last minute

Notes:
- All Tables can be sorted
- Logs and subscription data tables have 'Show Detail' toolbar buttons
- Double click on a subscription will filter the API Log to show just related lines
- Logs will show the last 10,000 lines
- Logs will stick to bottom for a tail type display
- Use the usual keyboard shortcuts (ctrl-a, ctrl-c etc) to copy to the clipboard from the logs
- Tabs can be dragged to re-arrange the gui

To enable developer tools in your StreamLink application:

npm install @caplin/streamlink-devtools --save-dev

add the following line to the js/ts file that creates the StreamLink object

import {withDevTools} from "@caplin/streamlink-devtools";

after creating the StreamLink object wrap it using withDevTools():

const unwrappedStreamlink = caplin.streamlink.StreamLinkFactory.create(config);
const streamlink = withDevTools(unwrappedStreamlink);

use the wrapped StreamLink throughout your application

Caplin Developer Tools web extension integrated with the OffiDocs Chromium online