import { WebContainer } from '@webcontainer/api';

// call this only once
async function bootWhenReady() {
  // only a single instance of WebContainer can be created
  const webcontainer = await WebContainer.boot();

  return webcontainer;
}

// elsewhere...
import type { FileSystemTree } from '@webcontainer/api';

// you'll need to "copy" your project files into the file system
async function initProject(projectFiles: FileSystemTree) {
  return await webcontainer.mount(projectFiles);
}

async function startDevServer() {
  const install = await webcontainer.spawn('npm', ['i']);

  install.output.pipeTo(new WritableStream({
    write(data) {
      console.log(`[npm install] ${data}`);
    }
  }));

  const installExitCode = await install.onExit();

  if (installExitCode !== 0) {
    throw new Error('Unable to run npm install');
  }

  return await webcontainer.run('npm', ['run', 'dev']);
}