Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-02 00:09:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Sessions web entry point and supporting scripts for session management

Browse Source
This commit is contained in:
Osvaldo Ortega
2026-03-02 18:48:46 -08:00
parent 891f6318a5
commit 71eca7dfec
4 changed files with 228 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
scripts/code-sessions-web.js Normal file
View File

@@ -0,0 +1,143 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
// @ts-check
const http = require('http');
const fs = require('fs');
const path = require('path');
const open = require('open');
const minimist = require('minimist');
const APP_ROOT = path.join(__dirname, '..');
async function main() {
const args = minimist(process.argv.slice(2), {
boolean: ['help', 'no-open'],
string: ['host', 'port'],
});
if (args.help) {
console.log(
'./scripts/code-sessions-web.sh [options]\n' +
' --host <host> Host to bind to (default: localhost)\n' +
' --port <port> Port to bind to (default: 8081)\n' +
' --no-open Do not open browser automatically\n'
);
return;
}
const HOST = args['host'] ?? 'localhost';
const PORT = parseInt(args['port'] ?? '8081', 10);
// Read CSS modules list for dev mode (same as code-web does)
let cssModules = [];
try {
const cssModulesPath = path.join(APP_ROOT, '.build', 'cssDevModules.json');
if (fs.existsSync(cssModulesPath)) {
cssModules = JSON.parse(fs.readFileSync(cssModulesPath, 'utf-8'));
}
} catch { /* ignore */ }
const server = http.createServer((req, res) => {
const url = new URL(req.url, `http://${HOST}:${PORT}`);
// Serve the sessions workbench HTML at the root
if (url.pathname === '/' || url.pathname === '/index.html') {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(getSessionsHTML(HOST, PORT, cssModules));
return;
}
// Serve static files from the repo root (out/, src/, node_modules/, etc.)
const filePath = path.join(APP_ROOT, url.pathname);
if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
const ext = path.extname(filePath);
const contentType = {
'.js': 'application/javascript',
'.mjs': 'application/javascript',
'.css': 'text/css',
'.html': 'text/html',
'.json': 'application/json',
'.svg': 'image/svg+xml',
'.png': 'image/png',
'.ttf': 'font/ttf',
'.woff': 'font/woff',
'.woff2': 'font/woff2',
}[ext] || 'application/octet-stream';
res.writeHead(200, {
'Content-Type': contentType,
'Access-Control-Allow-Origin': '*',
});
fs.createReadStream(filePath).pipe(res);
return;
}
res.writeHead(404);
res.end('Not found');
});
server.listen(PORT, HOST, () => {
console.log(`\n Sessions Web running at: http://${HOST}:${PORT}/\n`);
if (!args['no-open']) {
open(`http://${HOST}:${PORT}/`);
}
});
process.on('SIGINT', () => { server.close(); process.exit(0); });
process.on('SIGTERM', () => { server.close(); process.exit(0); });
}
function getSessionsHTML(host, port, cssModules) {
const baseUrl = `http://${host}:${port}`;
return `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sessions</title>
<link rel="stylesheet" href="${baseUrl}/out/vs/sessions/sessions.desktop.main.css">
<style id="vscode-css-modules"></style>
<script>
globalThis._VSCODE_FILE_ROOT = '${baseUrl}/out';
globalThis._VSCODE_CSS_MODULES = ${JSON.stringify(cssModules)};
</script>
<script>
// CSS import map for dev mode
const sheet = document.getElementById('vscode-css-modules').sheet;
globalThis._VSCODE_CSS_LOAD = function (url) { sheet.insertRule(\`@import url(\${url});\`); };
const importMap = { imports: {} };
for (const cssModule of (globalThis._VSCODE_CSS_MODULES || [])) {
const cssUrl = new URL(cssModule, globalThis._VSCODE_FILE_ROOT).href;
const jsSrc = \`globalThis._VSCODE_CSS_LOAD('\${cssUrl}');\\n\`;
const blob = new Blob([jsSrc], { type: 'application/javascript' });
importMap.imports[cssUrl] = URL.createObjectURL(blob);
}
if (Object.keys(importMap.imports).length > 0) {
const importMapElement = document.createElement('script');
importMapElement.type = 'importmap';
importMapElement.textContent = JSON.stringify(importMap, undefined, 2);
document.head.appendChild(importMapElement);
}
</script>
</head>
<body aria-label="">
<script type="module">
import { create } from '${baseUrl}/out/vs/sessions/sessions.web.main.internal.js';
create(document.body, {
productConfiguration: {
nameShort: 'Sessions (Web)',
nameLong: 'Sessions (Web)',
enableTelemetry: false,
},
});
</script>
</body>
</html>`;
}
main();

27
scripts/code-sessions-web.sh Executable file
View File

@@ -0,0 +1,27 @@
#!/usr/bin/env bash
if [[ "$OSTYPE" == "darwin"* ]]; then
realpath() { [[ $1 = /* ]] && echo "$1" || echo "$PWD/${1#./}"; }
ROOT=$(dirname $(dirname $(realpath "$0")))
else
ROOT=$(dirname $(dirname $(readlink -f $0)))
fi
function code() {
cd $ROOT
# Sync built-in extensions
npm run download-builtin-extensions
NODE=$(node build/lib/node.ts)
if [ ! -e $NODE ];then
# Load remote node
npm run gulp node
fi
NODE=$(node build/lib/node.ts)
$NODE ./scripts/code-sessions-web.js "$@"
}
code "$@"

34
src/vs/sessions/browser/web.factory.ts Normal file
View File

@@ -0,0 +1,34 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
import { IWorkbench, IWorkbenchConstructionOptions } from '../../workbench/browser/web.api.js';
import { SessionsBrowserMain } from './web.main.js';
import { IDisposable, toDisposable } from '../../base/common/lifecycle.js';
import { mark } from '../../base/common/performance.js';
import { DeferredPromise } from '../../base/common/async.js';
const workbenchPromise = new DeferredPromise<IWorkbench>();
/**
* Creates the Sessions workbench with the provided options in the provided container.
*/
export function create(domElement: HTMLElement, options: IWorkbenchConstructionOptions): IDisposable {
mark('code/didLoadWorkbenchMain');
let instantiatedWorkbench: IWorkbench | undefined = undefined;
new SessionsBrowserMain(domElement, options).open().then(workbench => {
instantiatedWorkbench = workbench;
workbenchPromise.complete(workbench);
});
return toDisposable(() => {
if (instantiatedWorkbench) {
instantiatedWorkbench.shutdown();
} else {
workbenchPromise.p.then(w => w.shutdown());
}
});
}

24
src/vs/sessions/sessions.web.main.internal.ts Normal file
View File

@@ -0,0 +1,24 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
// This file is the web embedder entry point for the Sessions workbench.
// It mirrors workbench.web.main.internal.ts but loads the sessions entry
// point and factory instead of the standard workbench ones.
import './sessions.web.main.js';
import { create } from './browser/web.factory.js';
import { URI } from '../base/common/uri.js';
import { Event, Emitter } from '../base/common/event.js';
import { Disposable } from '../base/common/lifecycle.js';
import { LogLevel } from '../platform/log/common/log.js';
export {
create,
URI,
Event,
Emitter,
Disposable,
LogLevel,
};