Changes to support Node during Build Time Render

src/base.config.ts

@@ -142,7 +142,6 @@ function loadRoutingOutlets() {
 	const routesConfig = path.join(basePath, 'src', 'routes.ts');
 	try {
 		if (existsSync(routesConfig)) {
-			tsnode.register();
 			const routes: any[] = require(slash(routesConfig)).default;
 			return routes.map((route) => route.outlet);
 		}
@@ -151,6 +150,7 @@ function loadRoutingOutlets() {
 }
 
 export default function webpackConfigFactory(args: any): webpack.Configuration {
+	tsnode.register();
 	const extensions = args.legacy ? ['.ts', '.tsx', '.js'] : ['.ts', '.tsx', '.mjs', '.js'];
 	const compilerOptions = args.legacy ? {} : { target: 'es6', module: 'esnext' };
 	let features = args.legacy ? args.features : { ...(args.features || {}), ...getFeatures('modern') };

src/dev.config.ts

@@ -15,6 +15,7 @@ import * as ManifestPlugin from 'webpack-manifest-plugin';
 const WebpackPwaManifest = require('webpack-pwa-manifest');
 
 function webpackConfig(args: any): webpack.Configuration {
+	const basePath = process.cwd();
 	const config = baseConfigFactory(args);
 	const manifest: WebAppManifest = args.pwa && args.pwa.manifest;
 	const serviceWorker: string | ServiceWorkerOptions = args.pwa && args.pwa.serviceWorker;
@@ -86,7 +87,7 @@ function webpackConfig(args: any): webpack.Configuration {
 			new BuildTimeRender({
 				...args['build-time-render'],
 				entries: Object.keys(config.entry!),
-				useManifest: true
+				basePath
 			})
 		);
 	}
@@ -96,7 +97,6 @@ function webpackConfig(args: any): webpack.Configuration {
 		path: outputPath
 	};
 
-	config.devtool = 'inline-source-map';
 	return config;
 }
 

src/dist.config.ts

@@ -29,6 +29,7 @@ All rights reserved
 `;
 
 function webpackConfig(args: any): webpack.Configuration {
+	const basePath = process.cwd();
 	const config = baseConfigFactory(args);
 	const manifest: WebAppManifest = args.pwa && args.pwa.manifest;
 	const serviceWorker: ServiceWorkerOptions = args.pwa && args.pwa.serviceWorker;
@@ -99,7 +100,7 @@ function webpackConfig(args: any): webpack.Configuration {
 			new BuildTimeRender({
 				...args['build-time-render'],
 				entries: Object.keys(config.entry!),
-				useManifest: true
+				basePath
 			})
 		);
 	}

test-app/src/foo.txt

@@ -0,0 +1 @@
+hello from a text file

test-app/src/main.ts

@@ -9,6 +9,7 @@ import './Bar';
 import LazyApp from './LazyApp';
 import routes from './routes';
 import myTheme from './themes/test-app/theme';
+import test from './test.build';
 
 console.log(myTheme);
 
@@ -18,6 +19,8 @@ if (has('foo')) {
 	console.log('foo');
 }
 
+const root = document.getElementById('app');
+
 const btr = has('build-time-render');
 
 App().then((result) => {
@@ -30,7 +33,18 @@ if (!div) {
 	div.id = 'div';
 }
 if (btr) {
+	test('./src/foo.txt').then((result: string) => {
+		const nodeBtr = document.createElement('div');
+		nodeBtr.id = 'nodeBtr';
+		nodeBtr.innerHTML = result;
+		root!.appendChild(nodeBtr);
+	});
 	div.setAttribute('hasBtr', 'true');
+} else {
+	const nodeBtrCache = document.createElement('div');
+	nodeBtrCache.id = 'nodeBtrCache';
+	nodeBtrCache.innerHTML = test('./src/foo.txt');
+	root!.appendChild(nodeBtrCache);
 }
 
 if (process.env.NODE_ENV === 'production') {
@@ -53,7 +67,6 @@ div.textContent = `Built with Build Time Render: ${!!div.getAttribute('hasBtr')}
 Currently Rendered by BTR: ${has('build-time-render')}`;
 
 div.classList.add(...css.root.split(' '));
-const root = document.getElementById('app');
 if (div.parentNode === null) {
 	root!.appendChild(div);
 }

test-app/src/test.build.ts

@@ -0,0 +1,5 @@
+const fs = require('fs');
+
+export default function(path: string) {
+	return fs.readFileSync(path, 'utf-8');
+}

tests/integration/build.spec.ts

@@ -23,6 +23,9 @@ Currently Rendered by BTR: false`
 		cy.get('meta[name="apple-mobile-web-app-title"]').should(isPwa ? 'exist' : 'not.exist');
 		cy.get('meta[name="apple-mobile-web-app-status-bar-style"]').should(isPwa ? 'exist' : 'not.exist');
 		cy.get('link[rel="apple-touch-icon"]').should('have.length', isPwa ? 2 : 0);
+
+		cy.get('#nodeBtr').should('contain', 'hello from a text file');
+		cy.get('#nodeBtrCache').should('contain', 'hello from a text file');
 	}
 
 	it('dist', () => {