expose main.js

lib/config.js

@@ -10,3 +10,5 @@ exports.dest = path.resolve(
 	process.env.NOW ? '/tmp' :
 	process.env.SAPPER_DEST || '.sapper'
 );
+
+exports.main_built = path.resolve('templates/.main.tmp.js');

lib/utils/create_app.js

@@ -1,12 +1,14 @@
 const fs = require('fs');
 const path = require('path');
+const { main_built } = require('../config.js');
 
-const template = fs.readFileSync(path.resolve(__dirname, '../../templates/main.js'), 'utf-8');
+const template = fs.readFileSync('templates/main.js', 'utf-8');
 
 module.exports = function create_app(src, dest, routes, options) {
 	// TODO in dev mode, watch files
 
-	const code = routes
+	const code = `[${
+		routes
 			.filter(route => route.type === 'page')
 			.map(route => {
 				const params = route.dynamic.length === 0 ?
@@ -15,12 +17,10 @@ module.exports = function create_app(src, dest, routes, options) {
 
 				return `{ pattern: ${route.pattern}, params: match => (${params}), load: () => import(/* webpackChunkName: "${route.id}" */ '${src}/${route.file}') }`
 			})
-		.join(',\n\t');
+			.join(', ')
+	}]`;
 
-	const main = template
-		.replace('__app__', path.resolve(__dirname, '../../runtime/app.js'))
-		.replace('__selector__', options.selector || 'main')
-		.replace('__routes__', code);
+	const main = template.replace('__routes__', code);
 
-	fs.writeFileSync(path.join(dest, 'main.js'), main);
+	fs.writeFileSync(main_built, main);
 };

templates/main.js

@@ -1,5 +0,0 @@
-import app from '__app__';
-
-app.init(document.querySelector('__selector__'), [
-	__routes__
-]);

webpack/config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const route_manager = require('../lib/route_manager.js');
-const { src, dest, dev } = require('../lib/config.js');
+const { src, dest, dev, main_built } = require('../lib/config.js');
 
 module.exports = {
 	dev,
@@ -8,7 +8,7 @@ module.exports = {
 	client: {
 		entry: () => {
 			return {
-				main: `${dest}/main.js`
+				main: main_built
 			};
 		},