mirror of
https://github.com/kevin-DL/sapper.git
synced 2026-01-12 03:05:12 +00:00
115 lines
3.0 KiB
JavaScript
115 lines
3.0 KiB
JavaScript
require('svelte/ssr/register');
|
|
const esm = require('@std/esm');
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
const glob = require('glob');
|
|
const rimraf = require('rimraf');
|
|
const mkdirp = require('mkdirp');
|
|
const create_routes = require('./lib/utils/create_routes.js');
|
|
const templates = require('./lib/templates.js');
|
|
const create_app = require('./lib/utils/create_app.js');
|
|
const create_webpack_compiler = require('./lib/utils/create_webpack_compiler.js');
|
|
const escape_html = require('escape-html');
|
|
const { src, dest, dev } = require('./lib/config.js');
|
|
|
|
const esmRequire = esm(module, {
|
|
esm: 'js'
|
|
});
|
|
|
|
module.exports = function connect(opts) {
|
|
mkdirp(dest);
|
|
rimraf.sync(path.join(dest, '**/*'));
|
|
|
|
let routes = create_routes(
|
|
glob.sync('**/*.+(html|js|mjs)', { cwd: src })
|
|
);
|
|
|
|
create_app(src, dest, routes, opts);
|
|
|
|
const webpack_compiler = create_webpack_compiler(
|
|
dest,
|
|
routes,
|
|
dev
|
|
);
|
|
|
|
return async function(req, res, next) {
|
|
const url = req.url.replace(/\?.+/, '');
|
|
|
|
if (url === '/service-worker.js' || url === '/index.html' || url.startsWith('/client/')) {
|
|
await webpack_compiler.ready;
|
|
res.set({
|
|
'Content-Type': url === '/index.html' ? 'text/html' : 'application/javascript'
|
|
});
|
|
fs.createReadStream(`${dest}${url}`).pipe(res);
|
|
return;
|
|
}
|
|
|
|
// whatever happens, we're going to serve some HTML
|
|
res.set({
|
|
'Content-Type': 'text/html'
|
|
});
|
|
|
|
try {
|
|
for (const route of routes) {
|
|
if (route.test(url)) {
|
|
await webpack_compiler.ready;
|
|
|
|
req.params = route.exec(url);
|
|
|
|
const chunk = webpack_compiler.chunks[route.id];
|
|
const mod = require(path.resolve(dest, 'server', chunk));
|
|
|
|
if (route.type === 'page') {
|
|
let data = { params: req.params, query: req.query };
|
|
if (mod.default.preload) data = Object.assign(data, await mod.default.preload(data));
|
|
|
|
const { html, head, css } = mod.default.render(data);
|
|
|
|
const page = templates.render(200, {
|
|
main: webpack_compiler.client_main,
|
|
html,
|
|
head: `<noscript id='sapper-head-start'></noscript>${head}<noscript id='sapper-head-end'></noscript>`,
|
|
styles: (css && css.code ? `<style>${css.code}</style>` : '')
|
|
});
|
|
|
|
res.status(200);
|
|
res.end(page);
|
|
}
|
|
|
|
else {
|
|
const handler = mod[req.method.toLowerCase()];
|
|
if (handler) {
|
|
if (handler.length === 2) {
|
|
handler(req, res);
|
|
} else {
|
|
const data = await handler(req);
|
|
|
|
// TODO headers, error handling
|
|
if (typeof data === 'string') {
|
|
res.end(data);
|
|
} else {
|
|
res.end(JSON.stringify(data));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return;
|
|
}
|
|
}
|
|
|
|
res.status(404).end(templates.render(404, {
|
|
title: 'Not found',
|
|
status: 404,
|
|
method: req.method,
|
|
url
|
|
}));
|
|
} catch(err) {
|
|
res.status(500).end(templates.render(500, {
|
|
title: err.name || 'Internal server error',
|
|
url,
|
|
error: escape_html(err.details || err.message || err || 'Unknown error')
|
|
}));
|
|
}
|
|
};
|
|
}; |