mirror of
https://github.com/kevin-DL/sapper.git
synced 2026-01-13 19:45:26 +00:00
112 lines
3.0 KiB
TypeScript
112 lines
3.0 KiB
TypeScript
import * as fs from 'fs';
|
|
import * as path from 'path';
|
|
import mkdirp from 'mkdirp';
|
|
import rimraf from 'rimraf';
|
|
import { EventEmitter } from 'events';
|
|
import { minify_html } from './utils/minify_html';
|
|
import { create_compilers, create_main_manifests, create_routes, create_serviceworker_manifest } from '../core'
|
|
import { locations } from '../config';
|
|
import * as events from './interfaces';
|
|
|
|
export function build(opts: {}) {
|
|
const emitter = new EventEmitter();
|
|
|
|
execute(emitter, opts).then(
|
|
() => {
|
|
emitter.emit('done', <events.DoneEvent>{}); // TODO do we need to pass back any info?
|
|
},
|
|
error => {
|
|
emitter.emit('error', <events.ErrorEvent>{
|
|
error
|
|
});
|
|
}
|
|
);
|
|
|
|
return emitter;
|
|
}
|
|
|
|
async function execute(emitter: EventEmitter, {
|
|
dest = 'build',
|
|
app = 'app',
|
|
webpack = 'webpack',
|
|
routes = 'routes'
|
|
} = {}) {
|
|
mkdirp.sync(dest);
|
|
rimraf.sync(path.join(dest, '**/*'));
|
|
|
|
// minify app/template.html
|
|
// TODO compile this to a function? could be quicker than str.replace(...).replace(...).replace(...)
|
|
const template = fs.readFileSync(`${app}/template.html`, 'utf-8');
|
|
|
|
// remove this in a future version
|
|
if (template.indexOf('%sapper.base%') === -1) {
|
|
const error = new Error(`As of Sapper v0.10, your template.html file must include %sapper.base% in the <head>`);
|
|
error.code = `missing-sapper-base`;
|
|
throw error;
|
|
}
|
|
|
|
fs.writeFileSync(`${dest}/template.html`, minify_html(template));
|
|
|
|
const route_objects = create_routes();
|
|
|
|
// create app/manifest/client.js and app/manifest/server.js
|
|
create_main_manifests({ routes: route_objects });
|
|
|
|
const { client, server, serviceworker } = create_compilers({ webpack });
|
|
|
|
const client_stats = await compile(client);
|
|
emitter.emit('build', <events.BuildEvent>{
|
|
type: 'client',
|
|
// TODO duration/warnings
|
|
webpack_stats: client_stats
|
|
});
|
|
|
|
const client_info = client_stats.toJson();
|
|
fs.writeFileSync(path.join(dest, 'client_info.json'), JSON.stringify(client_info));
|
|
fs.writeFileSync(path.join(dest, 'client_assets.json'), JSON.stringify(client_info.assetsByChunkName));
|
|
|
|
const server_stats = await compile(server);
|
|
emitter.emit('build', <events.BuildEvent>{
|
|
type: 'server',
|
|
// TODO duration/warnings
|
|
webpack_stats: server_stats
|
|
});
|
|
|
|
let serviceworker_stats;
|
|
|
|
if (serviceworker) {
|
|
create_serviceworker_manifest({
|
|
routes: route_objects,
|
|
client_files: client_stats.toJson().assets.map((chunk: { name: string }) => `client/${chunk.name}`)
|
|
});
|
|
|
|
serviceworker_stats = await compile(serviceworker);
|
|
|
|
emitter.emit('build', <events.BuildEvent>{
|
|
type: 'serviceworker',
|
|
// TODO duration/warnings
|
|
webpack_stats: serviceworker_stats
|
|
});
|
|
}
|
|
}
|
|
|
|
function compile(compiler: any) {
|
|
return new Promise((fulfil, reject) => {
|
|
compiler.run((err: Error, stats: any) => {
|
|
if (err) {
|
|
reject(err);
|
|
process.exit(1);
|
|
}
|
|
|
|
if (stats.hasErrors()) {
|
|
console.error(stats.toString({ colors: true }));
|
|
reject(new Error(`Encountered errors while building app`));
|
|
}
|
|
|
|
else {
|
|
fulfil(stats);
|
|
}
|
|
});
|
|
});
|
|
}
|