Local development

In development, swap bundleProtocol for localProtocol. It proxies the webview to your dev server, so edits reload live instead of loading packed .wvb assets.

Proxy to your dev server

localProtocol(scheme, { hosts }) maps the served host to your dev server's base URL. Point it at Vite (or whatever serves your frontend) and reuse the same single-origin webviewBundle wiring as production.

import { webviewBundle, localProtocol } from '@wvb/deno-desktop';

const wvb = await webviewBundle({
  protocols: [
    localProtocol('app', {
      hosts: { app: 'http://localhost:5173' },
    }),
  ],
});

const server = Deno.serve(wvb.fetch);
const win = new Deno.BrowserWindow({ url: `http://localhost:${server.addr.port}` });
await win.closed;

Switch back for production

Swap localProtocol back for bundleProtocol to serve packed .wvb assets offline. See Setup for the production wiring.