Web Extensions: How to access query string parameter?

[thecopy]

Hello,

Im developing a web extension and would like to read the QS parameter from the extension code.

window is not defined, how would i get access to it?

My ultimate goal is to read e.g. ?folder and my extension will use fetch to download data from an external source based on the QS value

Thanks!
BR

[alefragnani]

Hi @thecopy ,

I don't see a query string when you play with vscode.dev, so I'm not sure where/how you would access it.

Either way, VS Code API abstracts the folder you have opened via vscode.workspace.workspaceFolders API, providing you a Uri that points to the location you have opened. You could simply access it and look for the folder it is currently opened.

Hope this helps

[KaloudasDev]

Hello! For web extensions in VS Code, you can access query string parameters through the vscode.env API. Here's the proper approach:

const uri = vscode.env.uri;
if (uri && uri.query) {
    const urlParams = new URLSearchParams(uri.query);
    const folderParam = urlParams.get('folder');
    
    if (folderParam) {
        const data = await fetch(`https://api.example.com/data/${folderParam}`);
    }
}

Alternative approach using the active text editor:

const workspaceFolders = vscode.workspace.workspaceFolders;
if (workspaceFolders && workspaceFolders.length > 0) {
    const currentFolder = workspaceFolders[0];
}

Important notes:

• vscode.env.uri provides access to the environment URI including query parameters
• This works in both web and desktop versions of VS Code
• Ensure your extension declares the env capability in package.json

This method gives you clean access to URL parameters while maintaining compatibility across VS Code platforms.