feat(angular5): update to angular5 version and build

MallorcaJS · Nov 8, 2017 · d20b20d · d20b20d
1 parent 512a197
commit d20b20d
Show file tree

Hide file tree

Showing 11 changed files with 1,496 additions and 360 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -14,7 +14,7 @@ branches:
   only:
     - master
 node_js:
-  - stable
+  - "8"
 before_install:
   - npm i npm@^5 -g
   - export DISPLAY=:99.0

diff --git a/build.js b/build.js
@@ -5,13 +5,17 @@ const chalk = require('chalk');
 
 const PACKAGE = `mallorca-ng`;
 const NPM_DIR = `dist`;
-const MODULES_DIR = `${NPM_DIR}/modules`;
+const ESM2015_DIR = `${NPM_DIR}/esm2015`;
+const ESM5_DIR = `${NPM_DIR}/esm5`;
 const BUNDLES_DIR = `${NPM_DIR}/bundles`;
+const OUT_DIR_ESM5 = `${NPM_DIR}/package/esm5`;
+
 
 shell.echo(`Start building...`);
 
 shell.rm(`-Rf`, `${NPM_DIR}/*`);
-shell.mkdir(`-p`, `./${MODULES_DIR}`);
+shell.mkdir(`-p`, `./${ESM2015_DIR}`);
+shell.mkdir(`-p`, `./${ESM5_DIR}`);
 shell.mkdir(`-p`, `./${BUNDLES_DIR}`);
 
 /* TSLint with Codelyzer */
@@ -21,42 +25,45 @@ shell.echo(`Start TSLint`);
 shell.exec(`tslint -c tslint.json -t stylish src/**/*.ts`);
 shell.echo(chalk.green(`TSLint completed`));
 
-/* AoT compilation: ES2015 sources */
+/* AoT compilation */
 shell.echo(`Start AoT compilation`);
 if (shell.exec(`ngc -p tsconfig-build.json`).code !== 0) {
     shell.echo(chalk.red(`Error: AoT compilation failed`));
     shell.exit(1);
 }
 shell.echo(chalk.green(`AoT compilation completed`));
 
-/* Creates bundles: ESM/ES5 and UMD bundles */
+/* BUNDLING PACKAGE */
 shell.echo(`Start bundling`);
 shell.echo(`Rollup package`);
-shell.exec(`rollup -i ${NPM_DIR}/${PACKAGE}.js -o ${MODULES_DIR}/${PACKAGE}.js --sourcemap`, { silent: true });
-shell.exec(`node scripts/map-sources -f ${MODULES_DIR}/${PACKAGE}.js`);
+if (shell.exec(`rollup -c rollup.es.config.js -i ${NPM_DIR}/${PACKAGE}.js -o ${ESM2015_DIR}/${PACKAGE}.js`).code !== 0) {
+    shell.echo(chalk.red(`Error: Rollup package failed`));
+    shell.exit(1);
+}
 
-shell.echo(`Downleveling ES2015 to ESM/ES5`);
-shell.cp(`${MODULES_DIR}/${PACKAGE}.js`, `${MODULES_DIR}/${PACKAGE}.es5.ts`);
-shell.exec(`tsc ${MODULES_DIR}/${PACKAGE}.es5.ts --target es5 --module es2015 --noLib --sourceMap`, { silent: true });
-shell.exec(`node scripts/map-sources -f ${MODULES_DIR}/${PACKAGE}.es5.js`);
-shell.rm(`-f`, `${MODULES_DIR}/${PACKAGE}.es5.ts`);
+shell.echo(`Produce ESM5 version`);
+shell.exec(`ngc -p tsconfig-build.json --target es5 -d false --outDir ${OUT_DIR_ESM5} --importHelpers true --sourceMap`);
+if (shell.exec(`rollup -c rollup.es.config.js -i ${OUT_DIR_ESM5}/${PACKAGE}.js -o ${ESM5_DIR}/${PACKAGE}.js`).code !== 0) {
+    shell.echo(chalk.red(`Error: ESM5 version failed`));
+    shell.exit(1);
+}
 
 shell.echo(`Run Rollup conversion on package`);
-if (shell.exec(`rollup -c rollup.config.js --sourcemap`).code !== 0) {
+if (shell.exec(`rollup -c rollup.config.js -i ${ESM5_DIR}/${PACKAGE}.js -o ${BUNDLES_DIR}/${PACKAGE}.umd.js`).code !== 0) {
     shell.echo(chalk.red(`Error: Rollup conversion failed`));
     shell.exit(1);
 }
-shell.exec(`node scripts/map-sources -f ${BUNDLES_DIR}/${PACKAGE}.umd.js`);
 
 shell.echo(`Minifying`);
 shell.cd(`${BUNDLES_DIR}`);
-shell.exec(`uglifyjs -c warnings=false --screw-ie8 --comments -o ${PACKAGE}.umd.min.js --source-map ${PACKAGE}.umd.min.js.map --source-map-include-sources ${PACKAGE}.umd.js`);
-shell.exec(`node ../../scripts/map-sources -f ${PACKAGE}.umd.min.js`);
+shell.exec(`uglifyjs ${PACKAGE}.umd.js -c --comments -o ${PACKAGE}.umd.min.js --source-map "filename='${PACKAGE}.umd.min.js.map', includeSources"`);
 shell.cd(`..`);
 shell.cd(`..`);
 
 shell.echo(chalk.green(`Bundling completed`));
 
+shell.rm(`-Rf`, `${NPM_DIR}/package`);
+shell.rm(`-Rf`, `${NPM_DIR}/node_modules`);
 shell.rm(`-Rf`, `${NPM_DIR}/*.js`);
 shell.rm(`-Rf`, `${NPM_DIR}/*.js.map`);
 shell.rm(`-Rf`, `${NPM_DIR}/src/**/*.js`);

diff --git a/license-banner.txt b/license-banner.txt
@@ -0,0 +1,4 @@
+/**
+  * @license mallorca-ng
+  * MIT license
+  */