index.ts

import { Platform, BrowserOptions, PlatformResult } from '../../compiler/interfaces';
import { RollupOptions } from 'rollup';
import nodePath from 'path';
import write from 'write';
import defaultServerCode from './server.jstxt';
import nativeNodeModules from '../../compiler/utils/native-node-modules';
import nodeResolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import { writeTemplate } from '../../compiler/utils/plugin-common';
import { runServer, runClient } from './run';
import liveReloader from './live-reload.jstxt';
import serviceWorkerRegistar from './service-worker-registar.jstxt';
import { read } from '../../compiler/utils/read';

const browserPlatform = (options: BrowserOptions = {}): Platform => async (buildOptions, logger) => {
	const log = logger('browser');

	// Set the default options
	options = {
		bundlePath: options.bundlePath || `bundle.js`,
		tag: options.tag || `browser`,
		// entryFile will be set later
		workerFile: options.workerFile || `browser/service-worker.js`,
	};

	// Set a default entry file
	if (!options.entryFile) {
		options.entryFile = nodePath.join(buildOptions.outDir, options.tag, `.pre-server.js`);
		await write(options.entryFile, defaultServerCode);
		log.info(`options.entryFile not specified, wrote a default '.pre-server.js' file instead.`);
	}

	// Write the service-worker
	const worker = await read(options.workerFile);
	await write(nodePath.join(buildOptions.outDir, options.tag, `service-worker.js`), worker);
	log.info(`Migrated service worker to 'service-worker.js'`);

	// Create a server build
	const serverBuild: RollupOptions = {
		input: options.entryFile,
		output: {
			file: nodePath.join(buildOptions.outDir, options.tag, `.server.js`),
			format: `cjs`,
		},
		external: nativeNodeModules,
		plugins: [
			nodeResolve({
				preferBuiltins: true,
			}),
			commonjs(),
			buildOptions.object === `run` && runServer(options, buildOptions),
		],
	};

	// Assemble the platform
	const clientRunner = buildOptions.object === `run` ? runClient() : { name: `nothing` };

	const toReturn: PlatformResult = {
		tag: options.tag,
		data: `browser`,
		isSandboxed: () => true,
		bundlePath: () => options.bundlePath,
		runtimePath: () => `.runtime.js`,
		plugin: () => ({
			name: `nothing`,
			buildStart: async () => {
				await writeTemplate(nodePath.join(buildOptions.outDir, options.tag), { appEntry: options.bundlePath });
			},
			banner: () => {
				let code = ``;

				if (buildOptions.object === `run`) code += liveReloader;

				code += serviceWorkerRegistar;

				return code;
			},
		}),
		run: () => clientRunner,
		assetsPath: () => ``,
		extraBuilds: () => [serverBuild],
	};

	// Return
	return toReturn;
};

export default browserPlatform;