--open equivalent in JS API

[guoyunhe]

I have the following JS code to start dev server:

let bundler = new Parcel({
  entries: '.parcel-docs/index.html',
  defaultConfig: '@parcel/config-default',
  defaultTargetOptions: {
    distDir: '.parcel-docs/dist',
  },
  serveOptions: {
    port: 3000,
  },
  hmrOptions: {
    port: 3000,
  },
});
await bundler.watch();

However, I didn't find a way to automatically open browser. Just like --open option in CLI mode. Does Parcel support this in JS API? Or should I use open package?

And how could I keep the same console output in Parcel API like Parcel CLI?

[guoyunhe]

My current solution is:

  let bundler = new Parcel({
    entries: '.parcel-docs/index.html',
    defaultConfig: '@parcel/config-default',
    defaultTargetOptions: {
      distDir: '.parcel-docs/dist',
    },
    serveOptions: {
      port: 3000,
    },
    hmrOptions: {
      port: 3000,
    },
    additionalReporters: [
      {
        packageName: '@parcel/reporter-cli',
        resolveFrom: fileURLToPath(import.meta.url)
      },
    ],
  });
  await bundler.watch();
  await open('http://localhost:3000/');

Not sure if it is the best way to do it.

[mischnic]

Here's what the CLI does, so this is indeed not implemented in the core API:

parcel/packages/core/parcel/src/cli.js

Lines 317 to 330 in b2331a1

	({unsubscribe} = await parcel.watch(err => {
	if (err) {
	throw err;
	}
	}));
	if (command.open && options.serveOptions) {
	await openInBrowser(
	`${options.serveOptions.https ? 'https' : 'http'}://${
	options.serveOptions.host || 'localhost'
	}:${options.serveOptions.port}`,
	command.open,
	);
	}