Build scripts for js-web-sdk (#7)

Author: mjc1283

packages/js-web-sdk/packages/js-web-sdk/.gitignore

@@ -1,3 +1,4 @@
 dist
 coverage
 .nyc_output
+.rpt2_cache

packages/js-web-sdk/packages/js-web-sdk/package.json

@@ -5,7 +5,8 @@
   "author": "Jordan Garcia <jordan@optimizely.com>",
   "homepage": "",
   "license": "ISC",
-  "main": "lib/index.js",
+  "main": "dist/js-web-sdk.js",
+  "module": "dist/js-web-sdk.mjs",
   "typings": "lib/index.d.ts",
   "directories": {
     "lib": "lib",
@@ -15,7 +16,7 @@
     "tsc": "tsc",
     "test": "karma start karma.conf.js --single-run",
     "test:watch": "karma start karma.conf.js",
-    "build-browser-umd": "rm -rf dist && webpack",
+    "build": "rm -rf dist/ && node ./scripts/build.js",
     "cover": "nyc mocha test/**",
     "coveralls": "npm run cover -- --report lcovonly && cat ./coverage/lcov.info | coveralls",
     "prepublishOnly": "npm run build-browser-umd && npm test && npm run test-xbrowser"
@@ -38,6 +39,12 @@
     "mocha-lcov-reporter": "^1.3.0",
     "nyc": "^13.1.0",
     "puppeteer": "^1.11.0",
+    "rollup": "^1.1.2",
+    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-node-resolve": "^4.0.0",
+    "rollup-plugin-replace": "^2.1.0",
+    "rollup-plugin-typescript2": "^0.19.2",
+    "rollup-plugin-uglify": "^6.0.1",
     "sinon": "^7.2.3",
     "ts-loader": "^5.3.3",
     "typescript": "^3.1.6",

packages/js-web-sdk/packages/js-web-sdk/scripts/build.js

@@ -0,0 +1,42 @@
+const fs = require("fs");
+const path = require("path");
+const execSync = require("child_process").execSync;
+
+process.chdir(path.resolve(__dirname, ".."));
+
+function exec(command, extraEnv) {
+  return execSync(command, {
+    stdio: "inherit",
+    env: Object.assign({}, process.env, extraEnv)
+  });
+}
+
+const packageName = 'js-web-sdk';
+const umdName = 'jsWebSdk'
+
+console.log("\nBuilding ES modules...");
+
+exec(`./node_modules/.bin/rollup -c scripts/config.js -f es -o dist/${packageName}.mjs`);
+
+console.log("\nBuilding CommonJS modules...");
+
+exec(`./node_modules/.bin/rollup -c scripts/config.js -f cjs -o dist/${packageName}.js`);
+
+console.log("\nBuilding UMD modules...");
+
+
+exec(
+  `./node_modules/.bin/rollup -c scripts/config.js -f umd -n ${umdName} -o dist/${packageName}.browser.umd.js`,
+  {
+    EXTERNALS: "peers",
+    BUILD_ENV: "development"
+  }
+);
+
+exec(
+  `./node_modules/.bin/rollup -c scripts/config.js -f umd -n ${umdName} -o dist/${packageName}.browser.umd.min.js`,
+  {
+    EXTERNALS: "peers",
+    BUILD_ENV: "production"
+  }
+);

packages/js-web-sdk/packages/js-web-sdk/scripts/config.js

@@ -0,0 +1,47 @@
+const typescript = require("rollup-plugin-typescript2");
+const commonjs = require("rollup-plugin-commonjs");
+const replace = require("rollup-plugin-replace");
+const resolve = require("rollup-plugin-node-resolve");
+const { uglify } = require("rollup-plugin-uglify");
+
+const packageDeps = require("../package.json").dependencies || {};
+const packagePeers = require("../package.json").peerDependencies || {};
+
+function getExternals(externals) {
+  return externals === "peers"
+    ? Object.keys(packagePeers)
+    : Object.keys(packageDeps).concat(Object.keys(packagePeers));
+}
+
+function getPlugins(env) {
+  const plugins = [resolve({ browser: true })];
+
+  if (env) {
+    plugins.push(
+      replace({
+        "process.env.NODE_ENV": JSON.stringify(env)
+      })
+    );
+  }
+
+  plugins.push(
+    typescript(),
+    commonjs({
+      include: /node_modules/
+    })
+  );
+
+  if (env === "production") {
+    plugins.push(uglify());
+  }
+
+  return plugins;
+}
+
+const config = {
+  input: "src/index.ts",
+  external: getExternals(process.env.EXTERNALS),
+  plugins: getPlugins(process.env.BUILD_ENV)
+};
+
+module.exports = config;

packages/js-web-sdk/packages/js-web-sdk/tsconfig.json

@@ -1,6 +1,7 @@
 {
  "extends": "../../tsconfig.json",
  "compilerOptions": {
+   "module": "ES2015",
    "outDir": "./lib"
  },
  "include": [