Vault 64 VS Code Extension

Vault 64 is a VS Code extension that opens the existing React application inside a secure Webview.

What it does

• Registers the command Vault 64: Open
• Loads the generated React build inside a Webview panel
• Uses a secure Content Security Policy
• Reuses the existing React app without changing its code

Local Setup

From the extension folder:

cd vscode-extension
npm install
npm run build:webview
npm run compile

If this is a fresh clone, make sure the workspace root React project dependencies are also installed, because the webview build reuses the existing Vite build output.

Run in VS Code

1. Open the repository in Visual Studio Code.
2. Press F5.
3. In the Extension Development Host, run Vault 64: Open.

The .vscode/launch.json and .vscode/tasks.json files are wired to build the webview and compile the extension before launch.

Debugging

• Use the Extension Development Host window for runtime debugging.
• Check the Output panel if the webview build or extension compile fails.
• If the webview build is missing, run npm run build:webview inside vscode-extension.

Packaging

Create a .vsix package:

cd vscode-extension
npm run package

Publishing

Publish the extension to the Marketplace:

cd vscode-extension
npm run publish

For authenticated publishing, log in with your publisher name first:

vsce login <publisher>

Install from Marketplace

After publishing, users can install the extension directly from the Visual Studio Code Marketplace by searching for the publisher and extension name.

Versioning

This project follows SemVer: MAJOR.MINOR.PATCH.

• MAJOR for breaking changes
• MINOR for new backward-compatible features
• PATCH for backward-compatible fixes

Update CHANGELOG.md and the extension version before each release.