Skip to content

fix(vscode): Simple Browser for SSH Remote #84

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
avrabe merged 1 commit into from
Mar 22, 2026
Merged

fix(vscode): Simple Browser for SSH Remote #84

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 7 additions & 40 deletions vscode-rivet/src/extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,54 +179,21 @@ function startServe(context: vscode.ExtensionContext, rivetPath: string) {
});
}

// --- Dashboard WebView ---
// --- Dashboard ---

async function showDashboard(context: vscode.ExtensionContext, urlPath: string = '/') {
async function showDashboard(_context: vscode.ExtensionContext, urlPath: string = '/') {
if (!dashboardPort) {
vscode.window.showWarningMessage(
'Rivet dashboard not running. Waiting for serve to start...'
);
return;
}

// Map localhost to a VS Code-accessible URI (works in WebViews)
// /embed prefix strips the sidebar (VS Code tree view handles navigation)
const localUri = vscode.Uri.parse(`http://127.0.0.1:${dashboardPort}/embed${urlPath}`);
const mappedUri = await vscode.env.asExternalUri(localUri);

if (dashboardPanel) {
dashboardPanel.reveal(vscode.ViewColumn.Beside);
dashboardPanel.webview.html = getDashboardHtml(mappedUri.toString());
return;
}

dashboardPanel = vscode.window.createWebviewPanel(
'rivetDashboard',
'Rivet Dashboard',
vscode.ViewColumn.Beside,
{
enableScripts: true,
retainContextWhenHidden: true,
},
);

dashboardPanel.webview.html = getDashboardHtml(mappedUri.toString());
dashboardPanel.onDidDispose(() => { dashboardPanel = undefined; });
}

function getDashboardHtml(url: string): string {
return `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy"
content="default-src 'none'; frame-src http://127.0.0.1:* https://*.vscode-cdn.net; style-src 'unsafe-inline';">
<style>html,body,iframe{margin:0;padding:0;width:100%;height:100%;border:none;overflow:hidden}</style>
</head>
<body>
<iframe src="${url}" allow="same-origin"></iframe>
</body>
</html>`;
// Use VS Code's Simple Browser which handles SSH port forwarding correctly
const uri = vscode.Uri.parse(`http://127.0.0.1:${dashboardPort}/embed${urlPath}`);
await vscode.commands.executeCommand('simpleBrowser.api.open', uri, {
viewColumn: vscode.ViewColumn.Beside,
});
}

// --- Validate command ---
Expand Down
Loading