Caplin Developer Tools

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