@polylith/builder 0.1.17 → 0.1.19

package/App.js

@@ -10,9 +10,7 @@ import svgr from '@svgr/rollup'
 import html from 'rollup-plugin-html';
 import livereload from 'rollup-plugin-livereload';
 import styles from "rollup-plugin-styles";
-import builtins from 'rollup-plugin-node-builtins';
-import globals from 'rollup-plugin-node-globals';
-
+import nodePolyfills from 'rollup-plugin-polyfill-node';
 import loader from './plugin-loader.js';
 import mainHTML from './plugin-main-html.js';
 import features from './plugin-features.js';
@@ -32,14 +30,22 @@ export default class App {
 	 * Construct the app object.
 	 *
 	 * @param {String} name a name for the app
-	 * @param {String} root the full path to the root directory of the project.
+	 * @param {Object} config
+	 * @property {String} root the full path to the root directory of the project.
 	 * 		All other paths will be relative to this path.
-	 * @param {String} index the relative path to the main source file from the
+	 * @proprty {String} index the relative path to the main source file from the
 	 * 		root. All source paths will be assumed to be relative to this path.
-	 * @param {String} dest the relative path to the destination folder from the
-	 * 		root for rolled up files
+	 * @property {String} dest the relative path to the destination folder from
+	 * 	the root for rolled up files
+	 * @property {String} spec the relative path to the testing source file from
+	 * 		the root. All source paths will be assumed to be relative to this
+	 * 		path.
+	 * @property {String} testDest the relative path to the testing destination
+	 * 	folder from the root for rolled up files
 	 */
-	constructor(name, root, index, dest) {
+	constructor(name, config) {
+		var {root, index, dest, spec, testDest=''} = config;
+
 		root = forceToPosix(root);
 		this.root = root;
 		this.routerRoot = '/' + name;
@@ -47,10 +53,13 @@ export default class App {
 		var filename = path.posix.join(root, index);
 		this.sourcePath = path.posix.dirname(filename);
 		this.destPath = path.posix.join(root, dest);
+		this.testPath = path.posix.join(root, testDest);
 
 		this.name = name;
 		this.index = index;
+		this.spec = spec;
 		this.fullIndexPath = path.posix.join(root, index);
+		this.fullSpecPath = spec ? path.posix.join(root, spec) : undefined;
 
 		this.loadables = [];
 		this.features = [];
@@ -417,12 +426,13 @@ export default class App {
 	 *
 	 * @param {String} root path relative to the source directory for the
 	 * 		feature to load.
+	 * @param {Boolean} forTest true if building test features
 	 */
-	async loadFeature(root) {
+	async loadFeature(root, forTest) {
 		var featurePath = path.posix.join(this.sourcePath, root);
-		var indexPath = path.posix.join(featurePath, 'index.js')
-		var builderPath = path.posix.join(featurePath, 'build.js');
-		var jsonPath = path.posix.join(featurePath, 'build.json');
+		var indexPath = path.posix.join(featurePath, forTest ? 'spec.js' : 'index.js')
+		var builderPath = path.posix.join(featurePath, forTest ? 'test.js' : 'build.js');
+		var jsonPath = path.posix.join(featurePath, forTest ? 'test.json' : 'build.json');
 
 		var indexExists = await fileExists(indexPath);
 		var builderExists = await fileExists(builderPath);
@@ -445,7 +455,7 @@ export default class App {
 				let content = JSON.parse(await readFile(jsonPath));
 
 				let builder = new ConfigFeature(content, root);
-				await builder.build(this)
+				await builder.build(this, forTest)
 			} catch (e) {
 				console.error(e);
 				throw e;
@@ -463,6 +473,15 @@ export default class App {
 		}
 	}
 
+	async testFeatures() {
+		var features = this.features;
+
+		for (let feature of features) {
+			await(this.loadFeature(feature, true));
+		}
+	}
+
+
 	/**
 	 *
 	 * @param {String} root the relative path from the source root to the
@@ -529,12 +548,94 @@ export default class App {
 	}
 
 	/**
-	 * The build method calls this to create the rollup configuration object
+	 * Call this method to create the configuration for testing the app
+	 *
+	 * @returns {Object} rollup configuration object
+	 */
+
+	async generateTestConfiguration() {
+		var input = [this.fullSpecPath];
+
+		// using a for loop because we are making an async call
+		for (let loadable of this.loadables) {
+		// find all the css files for the loadables
+			await this.findLoadableCss(loadable);
+			input.push(loadable.index);
+		}
+
+		var manualChunks = this.getManualChunks();
+
+		var plugins = [
+			resolve.nodeResolve({
+				preferBuiltins: true,
+				browser: true,
+				extensions: ['.js', '.jsx']
+			}),
+			commonjs(),
+			nodePolyfills(),
+			rollupJson(),
+			jsconfig(this.root),
+			babel({
+				presets: ['@babel/preset-react'],
+				babelHelpers: 'bundled',
+			}),
+			svgr({svgo: false}),
+			loadConfigs(this.configs),
+			loader(this.loadables),
+			features(this.featureIndexes),
+			styles(),
+			resources(this.name, this.files)
+		];
+
+		var config = {
+			input : {
+				input: input,
+				plugins: plugins,
+			},
+			output : {
+				output : {
+					sourcemap: true,
+					dir : this.testPath,
+					format: 'es',
+					assetFileNames: function(chunkInfo) {
+						return '[name]-[hash][extname]';
+					},
+					entryFileNames: function(chunkInfo) {
+						var entry = forceToPosix(chunkInfo.facadeModuleId);
+						var found = this.loadables.find(function(loadable) {
+							return loadable.index === entry;
+						}, this);
+						var exists = Boolean(found);
+
+						if (exists) return (`${found.name}.js`);
+						if (entry === this.fullSpecPath) {
+							return `${this.name}.js`;
+						}
+						return '[name].js';
+					}.bind(this),
+					manualChunks: manualChunks,
+				},
+			},
+			watch : {
+				watch: {
+					buildDelay: 250,
+					exclude: 'node_modules/**',
+					clearScreen: true,
+				}
+			}
+		};
+
+		return config;
+
+	}
+
+	/**
+	 * Call this method to create the configuration for building the app
 	 *
 	 * @returns {Object} rollup configuration object
 	 */
 
-	async buildConfiguration() {
+	async generateBuildConfiguration() {
 		var input = [this.fullIndexPath];
 
 		// using a for loop because we are making an async call
@@ -558,8 +659,7 @@ export default class App {
 				extensions: ['.js', '.jsx']
 			}),
 			commonjs(),
-			globals(),
-			builtins(),
+			nodePolyfills(),
 			rollupJson(),
 			jsconfig(this.root),
 			babel({
@@ -630,14 +730,35 @@ export default class App {
 		return config;
 	}
 
+	async test() {
+		this.testing = true;
+		if (!this.testPath || !this.spec) {
+			console.error('Building tests is not properly configured.')
+			return false;
+		}
+
+		await this.testFeatures();
+		this.config = await this.generateTestConfiguration();
+
+		const bundle = await rollup.rollup(this.config.input);
+		await bundle.generate(this.config.output);
+		await bundle.write(this.config.output);
+		await bundle.close();
+
+		return true;
+	}
+
 	async build() {
+		this.testing = false;
 		await this.buildFeatures();
-		this.config = await this.buildConfiguration();
+		this.config = await this.generateBuildConfiguration();
 
 		const bundle = await rollup.rollup(this.config.input);
 		await bundle.generate(this.config.output);
 		await bundle.write(this.config.output);
 		await bundle.close();
+
+		return true;
 	}
 
 	watch() {
@@ -666,6 +787,7 @@ export default class App {
 //				console.log(event);
 			}
 		}.bind(this));
+		return true;
 	}
 
 }

package/ConfigApp.js

@@ -11,8 +11,10 @@ export default class ConfigApp extends App {
 		var name = config.name || 'unnamed';
 		var index = config.index || 'src/index.js';
 		var dest = config.dest || 'dist';
+		var spec = config.spec;
+		var testDest = config.testDest;
 
-		super(name, root, index, dest);
+		super(name, {root, index, dest, spec, testDest});
 		this.config = config;
 
 		if (!config.template || !config.template.source) throw new Error('html source not defined in config file');

package/ConfigFeature.js

@@ -19,13 +19,15 @@ export default class ConfigFeature extends Feature {
 	 *
 	 * @param {App} app the application for the feature
 	 */
-	async build(app) {
+	async build(app, forTest) {
 		var config = this.config;
 
-		if (config.loadables && Array.isArray(config.loadables)) {
-			for (let loadable of config.loadables){
-				if (loadable.name && loadable.index) {
-					await app.addLoadable(this.root, loadable.name, path.join(this.root, loadable.index), loadable.prefix, loadable.css);
+		if (!forTest) {
+			if (config.loadables && Array.isArray(config.loadables)) {
+				for (let loadable of config.loadables) {
+					if (loadable.name && loadable.index) {
+						await app.addLoadable(this.root, loadable.name, path.join(this.root, loadable.index), loadable.prefix, loadable.css);
+					}
 				}
 			}
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polylith/builder",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "description": "The polylith builder",
   "main": "index.js",
   "type": "module",
@@ -26,8 +26,7 @@
     "rollup-plugin-html": "^0.2.1",
     "rollup-plugin-jsx": "^1.0.3",
     "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-polyfill-node": "^0.11.0",
     "rollup-plugin-styles": "^4.0.0",
     "sass": "^1.43.4"
   }