Tag: webview

• Killing 2,866 Lines of JavaScript-in-Strings

  2026-02-07 | Series: debug80diaries | Tags: debug80, vscode, webview, refactoring, tooling

  When I looked at the webview code for Debug80, I found 2,866 lines of JavaScript embedded as template literals inside TypeScript files. I extracted them into proper TypeScript modules alongside HTML templates alongside CSS files. After adding esbuild bundling, the maintenance burden dropped considerably.

• Moving to the Sidebar

  2026-01-29 | Series: debug80diaries | Tags: debug80, vscode, webview, ui, sidebar

  The Debug80 panel started as a full-sized webview that competed for screen space with the editor. I migrated it to VS Code's sidebar using the WebviewView API which keeps the panel visible without stealing focus then allows per-session filtering through the activity bar.