Previews

What Blame can preview, how it learns to run your project, and where each story's app runs.

Each story gets its own running copy of your app, with its own ports and services. Open the story and choose its Preview tab to try it while the agent works, and before you merge.

How Blame learns to run your project

When you open a repository, a setup agent reads it and writes down how the project runs: the app, its services (PostgreSQL, Redis, workers, and so on), and how to start them. Each story then gets its own copy of that setup.

This analysis runs by itself when a project has no setup yet. Its result is on the Preview Environment page, in the sidebar, which also has Run again and Edit setup. Until the setup is ready, only stories in Direct mode can start.

What it can preview

ProjectPreviewStatus
Web apps and APIs that run on LinuxThe page in a built-in browserAvailable
Linux GUI, Electron, and Tauri appsA screen of the running appAvailable
Web apps on phones and tabletsPhone and tablet frames around the pageIn development
CLI tools and scriptsAn interactive terminalIn development
iOS appsThe iOS Simulator (macOS with Xcode)In development
Android appsAn Android emulator, one isolated instance per storyIn development
Native macOS and Windows appsThe app's window, from a Direct story (in your project folder, without isolation)In development

New projects start from Next.js, React + Vite, Nuxt, Vue + Vite, or SvelteKit, with PostgreSQL, MySQL, SQLite, or MongoDB.

A stack that does not preview well? Open an issue with the project's stack: that list is the one we fix first.

Where a story runs

Each story has a run mode, chosen in the toolbar of its description. Your choice also becomes the default for the next story.

Run modeWhat it does
Local ContainerRuns the story in an isolated sandbox on this computer.
Cloud PreviewRuns the story in an isolated managed sandbox. Available with Blame Cloud.
DirectRuns right in your project folder: the fastest and lightest. No isolation, so agents can collide on files and ports. Only one Direct story runs at a time.

Isolation explains what a story's sandbox contains on each platform.

The Preview tab

Its run controls sit at the right of the toolbar, as in the app's header: the run configuration, Start or Restart, Stop, then the buttons that switch what the tab shows.

  • Preview shows the running app. Its toolbar can refresh the preview, capture it, copy its URL, and open it in your browser.
  • Run logs has the logs of the story's run, one tab per service, running ones first: the first place to look when a preview does not start.
  • Variables holds the story's environment variables (isolated stories only).

The header's controls open the same preview and logs for the project's own app.

Edit this page on GitHub

On this page