Skip to content

Seeing it before shipping

Terminal window
npx prezzando-preview my-app.ts # TypeScript needs no compiling
npx prezzando-preview my-app.ts --port 6000

It opens on http://localhost:5199 and shows three things:

  • the storefront card, as it appears in the App Store;
  • the settings panel, interactive — ticking a box lights the other illustration, exactly as it does in the app;
  • the prompt the model would receive with the values currently set.

Save the file and the page updates on its own, keeping what you had already typed in the form: you save to see the ticked box, not to lose it. If the manifest doesn’t pass definePlugin, the error appears in the page and the preview picks itself back up when you fix it, with nothing to restart.

Why it isn’t just Vite pointed at your file

Section titled “Why it isn’t just Vite pointed at your file”

The manifest is loaded in Node, not in the browser. An app is free to import system modules inside its tools, and bundling it for the browser would fail for reasons that have nothing to do with the illustration you were trying to look at. The server loads it, exposes the serializable part — the same one the host hands the panel — and computes the prompt on request. The browser receives data, never your app’s code.

What draws it is the same package the application uses. If it looks wrong here, it looks wrong to customers.

Terminal window
npx prezzando-plugin validate my-app.ts
npx prezzando-plugin panel my-app.ts --settings '{"trade":"cartongesso"}'
npx prezzando-plugin prompt my-app.ts --settings '{"trade":"cartongesso"}'
npx prezzando-plugin run my-app.ts --tool gold_price --args '{"fineness":"750"}'
npx prezzando-plugin job my-app.ts --name gold-fix --online

run and job execute your handlers against a harness: storage is in memory, the clock can be pinned with --now, and the network stays shut unless you pass --online, in which case only the hosts declared in allowedHosts are reachable — the same rule that applies in production.