vize_vitrine

The display case for Vize - Node.js & WebAssembly bindings

Name Origin

Vitrine (/vɪˈtriːn/) is a glass display case used in museums and galleries to showcase precious artworks and artifacts to the public. Just as a vitrine presents treasures to visitors while protecting them, vize_vitrine exposes the Vize compiler's capabilities to the JavaScript ecosystem through carefully crafted bindings.

In the art world, a vitrine:

• Displays - Presents works for public viewing
• Protects - Provides a safe interface to valuable items
• Illuminates - Makes art accessible and visible

Similarly, vize_vitrine provides:

• Node.js bindings - Native performance via NAPI
• WebAssembly bindings - Browser-compatible compilation
• Safe interfaces - Type-safe APIs for JavaScript/TypeScript

Features

Node.js (Native)

High-performance native bindings using NAPI:

const { compileSfc } = require('@vize/native');

const { code } = compileSfc(`
  <template>
    <div>{{ msg }}</div>
  </template>
  <script setup>
  const msg = 'Hello!'
  </script>
`, { filename: 'App.vue' });

WebAssembly (Browser)

Cross-platform WASM bindings:

import init, { compileSfc } from '@vize/wasm';

await init();
const { code } = compileSfc(`...`, { filename: 'App.vue' });

Batch Compilation

Compile multiple files efficiently:

const { compileGlob } = require('@vize/native');

const results = compileGlob('src/**/*.vue', {
  threads: 4,
  format: 'js'
});

Build

# Native bindings (Node.js)
mise run build:native

# WASM bindings (Browser)
mise run build:wasm-web

Part of the Vize Art Collection

vize_vitrine is part of the Vize compiler's art-themed crate collection:

License

MIT License