Update build scripts

Author: ericgio

.eslintignore

@@ -1,4 +1,5 @@
 css
+cjs
 dist
 es
 example/package-example.js

.gitignore

@@ -1,3 +1,4 @@
+cjs/
 coverage/
 css/
 dist/

.prettierignore

@@ -1,5 +1,6 @@
 .github
 .husky
+cjs
 coverage
 css
 dist

.size-snapshot.json

@@ -10,13 +10,13 @@
     "gzipped": 32011
   },
   "react-bootstrap-typeahead.js": {
-    "bundled": 321551,
-    "minified": 106107,
-    "gzipped": 36792
+    "bundled": 321699,
+    "minified": 106202,
+    "gzipped": 36821
   },
   "react-bootstrap-typeahead.min.js": {
-    "bundled": 289504,
-    "minified": 97305,
-    "gzipped": 33962
+    "bundled": 289652,
+    "minified": 97400,
+    "gzipped": 33990
   }
 }

package.json

@@ -6,15 +6,15 @@
   "author": "ericgio",
   "license": "MIT",
   "files": [
+    "cjs/",
     "css/",
     "dist/",
     "docs/",
     "es/",
-    "lib/",
     "types/",
     "LICENSE.md"
   ],
-  "main": "lib/index.js",
+  "main": "cjs/index.js",
   "module": "es/index.js",
   "types": "types/index.d.ts",
   "repository": {
@@ -23,26 +23,25 @@
   },
   "bugs": "https://github.com/ericgio/react-bootstrap-typeahead/issues",
   "scripts": {
-    "build": "npm run clean && npm run build:css && npm run build:cjs && npm run build:es && npm run build:dist && npm run build:types && npm run build:example",
+    "build": "yarn clean && yarn build:css && yarn build:modules && yarn build:dist && yarn build:types && yarn build:example",
     "build:css": "node ./scripts/buildCSS.js",
     "build:dist": "rollup -c",
-    "build:cjs": "BABEL_ENV=cjs babel src --out-dir lib -x '.ts,.tsx,.js,.jsx'",
-    "build:es": "BABEL_ENV=es babel src --out-dir es -x '.ts,.tsx,.js,.jsx'",
+    "build:modules": "node ./scripts/buildModules.js",
     "build:example": "webpack --mode production --config example/webpack.config.js",
-    "build:types": "npx tsc",
-    "check": "npm run lint && npm run typecheck && npm run prettier && npm test",
-    "ci": "npm run lint && npm run typecheck && npm run prettier && npm run test:coverage",
-    "clean": "rimraf coverage && rimraf css && rimraf dist && rimraf lib && rimraf es && rimraf types",
+    "build:types": "tsc",
+    "check": "yarn lint && yarn typecheck && yarn prettier && yarn test",
+    "ci": "yarn lint && yarn typecheck && yarn prettier && yarn test:coverage",
+    "clean": "rimraf coverage && rimraf css && rimraf dist && rimraf cjs && rimraf es && rimraf types",
     "deploy-example": "node ./scripts/deployExample.js",
     "lint": "eslint . --report-unused-disable-directives",
     "lint:fix": "eslint . --fix",
-    "prettier": "npx prettier --check .",
-    "postpublish": "npm run deploy-example",
-    "prepublishOnly": "npm run check && npm run build",
+    "prettier": "prettier --check .",
+    "postpublish": "yarn deploy-example",
+    "prepublishOnly": "yarn check && yarn build",
     "start": "webpack --mode development -w --progress --config example/webpack.config.js",
     "test": "jest --silent",
     "test:coverage": "jest --coverage",
-    "typecheck": "npx tsc --noEmit"
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@babel/runtime": "^7.14.6",
@@ -98,6 +97,7 @@
     "eslint": "^7.30.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react-hooks": "^4.0.4",
+    "execa": "^5.1.1",
     "gh-pages": "^3.2.3",
     "husky": "^7.0.1",
     "jest": "^27.0.6",

scripts/buildCSS.js

@@ -4,6 +4,7 @@
 /* eslint-disable no-console */
 /* eslint-disable @typescript-eslint/no-var-requires */
 
+const chalk = require('chalk');
 const fs = require('fs');
 const path = require('path');
 const sass = require('sass');
@@ -37,6 +38,8 @@ if (!fs.existsSync(OUT_DIR)) {
   fs.mkdirSync(OUT_DIR);
 }
 
+console.log(chalk.cyan('Building CSS files...\n'));
+
 fs.readdirSync(STYLES_DIR).forEach((filename) => {
   const file = path.join(STYLES_DIR, filename);
 

scripts/buildModules.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable no-console */
+
+const chalk = require('chalk');
+const execa = require('execa');
+const path = require('path');
+
+const shell = (cmd) =>
+  execa(cmd, {
+    shell: true,
+    stdio: ['pipe', 'pipe', 'inherit'],
+  });
+
+const srcRoot = path.join(__dirname, '../src');
+const start = Date.now();
+
+function buildModules() {
+  const commands = [];
+  ['cjs', 'es'].forEach((env) => {
+    commands.push(
+      shell(
+        `yarn babel ${srcRoot} -x ".ts,.tsx,.js,.jsx" --out-dir ${env} --env-name "${env}"`
+      )
+    );
+  });
+  return Promise.all(commands);
+}
+
+Promise.resolve()
+  .then(() => {
+    console.log(chalk.cyan('Transpiling modules...\n'));
+  })
+  .then(buildModules)
+  .then(() => {
+    const seconds = (Date.now() - start) / 1000;
+    console.log(chalk.green(`Finished building modules in ${seconds}s\n`));
+  });

tsconfig.json

@@ -7,7 +7,6 @@
     "emitDeclarationOnly": false,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "incremental": true,
     "isolatedModules": true,
     "jsx": "react",
     "module": "commonjs",

yarn.lock

@@ -3070,6 +3070,14 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
@@ -4136,7 +4144,7 @@ evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
     md5.js "^1.3.4"
     safe-buffer "^5.1.1"
 
-execa@^5.0.0:
+execa@^5.0.0, execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==