totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-16 12:54:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

basic sapper dev task, with HMR

Browse Source
This commit is contained in:
Rich Harris
2018-02-17 17:44:57 -05:00
parent d95f52f8e9
commit ab1ca60363
9 changed files with 248 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/core/create_app.ts
View File

@@ -18,7 +18,8 @@ export default function create_app({ routes, src, dev }: {
function generate_client(routes: Route[], src: string, dev: boolean) {
let code = `
// This file is generated by Sapper — do not edit it!\nexport const routes = [
// This file is generated by Sapper — do not edit it!
export const routes = [
${routes
.filter(route => route.type === 'page')
.map(route => {
@@ -34,10 +35,18 @@ function generate_client(routes: Route[], src: string, dev: boolean) {
if (dev) {
const hmr_client = posixify(
require.resolve(`webpack-hot-middleware/client`)
path.resolve(__dirname, 'src/hmr-client.js')
);
code += `\n\nimport('${hmr_client}?path=/__webpack_hmr&timeout=20000'); if (module.hot) module.hot.accept();`;
const PORT = 23456; // TODO robustify this — needs to be controlled by the dev task
code += `
if (module.hot) {
import('${hmr_client}').then(client => {
client.connect(${PORT});
});
}`.replace(/^\t{3}/gm, '');
}
return code;

3
src/core/create_serviceworker.ts
View File

@@ -13,6 +13,7 @@ export default function create_serviceworker({ routes, client_files, src }: {
const assets = glob.sync('**', { cwd: 'assets', nodir: true });
let code = `
// This file is generated by Sapper — do not edit it!
export const timestamp = ${Date.now()};
export const assets = [\n\t${assets.map((x: string) => `"${x}"`).join(',\n\t')}\n];
@@ -20,7 +21,7 @@ export default function create_serviceworker({ routes, client_files, src }: {
export const shell = [\n\t${client_files.map((x: string) => `"${x}"`).join(',\n\t')}\n];
export const routes = [\n\t${routes.filter((r: Route) => r.type === 'page').map((r: Route) => `{ pattern: ${r.pattern} }`).join(',\n\t')}\n];
`.replace(/^\t\t/gm, '');
`.replace(/^\t\t/gm, '').trim();
write('app/manifest/service-worker.js', code);
}