Skip to content

Add VS Code extension to view Zephyr trace files in-editor#2

Open
jbicker wants to merge 4 commits intoantmicro:mainfrom
TypeFox:vscode-extension
Open

Add VS Code extension to view Zephyr trace files in-editor#2
jbicker wants to merge 4 commits intoantmicro:mainfrom
TypeFox:vscode-extension

Conversation

@jbicker
Copy link

@jbicker jbicker commented Feb 16, 2026

Summary
Adds a VS Code extension that opens the existing Zephelin Trace Viewer webapp inside the editor as a custom editor for Zephyr RTOS trace files (JSON).

Changes
Extension (extension/): Custom editor provider that opens *.json trace files in a webview. It reuses the built webapp from dist/ (from yarn build), rewrites asset paths to webview URIs, injects the opened file’s trace data as base64 into the webview, and sets a CSP with nonce for scripts.
Build: Extension is built with esbuild; root package.json adds build:ext and build:all so the webapp and extension can be built together.
VS Code: .vscode/ tasks and launch config for building and running the extension; .gitignore updated for extension/out, extension/node_modules, and selected .vscode files.

How to try
Run yarn build:all (or yarn build then yarn build:ext).
Run the “Launch Extension” debug config (F5).
In the new Extension Development Host, open a .json trace file; it should open with “Zephelin Trace Viewer”.

@glatosinski
Copy link
Member

Hi, thanks for contributing - could you please fix lint issues introduced in the post message handling?

Copy link
Member

@glatosinski glatosinski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you please rebase and clean up git commit history so that merge commit is removed?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants