Viritura MNX Viewer

VS Code extension package for MNX preview support.

Install

Install from the Visual Studio Marketplace.

Current capabilities

• Registers .mnx files as mnx language.
• Opens .mnx files in the rendered MNX Viewer by default, with VS Code's Reopen Editor With... available for source text.
• Adds MNX: Open Preview command in editor title and explorer context menu.
• Opens a side preview panel that renders MNX through the Viritura WASM layout engine and Canvas painter.
• Refreshes the preview as the source document changes.
• Bundles the WASM engine and SMuFL/text fonts into the VSIX for local/offline use.

Local development

corepack pnpm --filter mnx-viewer build
corepack pnpm --filter mnx-viewer test

The webview uses assets copied from packages/editor/public. If the WASM files are missing, run:

corepack pnpm wasm:build
corepack pnpm --filter mnx-viewer prepare:assets

Build a VSIX for local install

corepack pnpm --filter mnx-viewer package

Then in VS Code use Extensions: Install from VSIX....