refactor: use rollup and api-extractor API instead of CLI

use scripts instead of CLI for better reusability of rollup/api-extractor configs

Author: Ffloriel

.gitignore

@@ -11,6 +11,9 @@ docs/.vuepress/dist/
 packages/purgecss-webpack-plugin/__tests__/js
 packages/grunt-purgecss/__tests__/tmp
 
+.temp
+.cache
+
 npm-shrinkwrap.json
 yarn.lock
 
@@ -72,7 +75,3 @@ typings/
 
 # dotenv environment variables file
 .env
-
-packages/purgecss/bin/purgecss.d.ts
-.temp
-.cache

package.json

@@ -43,15 +43,15 @@
   },
   "scripts": {
     "bootstrap": "lerna bootstrap --hoist",
-    "build": "lerna run build",
+    "build": "lerna run --stream build",
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
     "generate-api-reference": "api-documenter markdown -i ./docs/.vuepress/.temp/api-reference/ -o ./docs/api-reference/",
     "generate-changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1",
     "lint": "eslint . --ext .ts --ignore-path .gitignore --fix",
     "postinstall": "npm run bootstrap",
     "prettier": "prettier --write --parser typescript '**/*.ts'",
-    "test": "lerna run test"
+    "test": "lerna run --stream test"
   },
   "husky": {
     "hooks": {

packages/grunt-purgecss/build.ts

@@ -0,0 +1,25 @@
+import {
+  buildRollup,
+  createRollupConfig,
+} from "../../scripts/build";
+import { promises as asyncFs } from "fs";
+import * as path from "path";
+import { RollupOptions } from "rollup";
+
+(async () => {
+  await asyncFs.rm(path.resolve(__dirname, "tasks"), {
+    recursive: true,
+    force: true,
+  });
+  const rollupConfig: RollupOptions = {
+    ...createRollupConfig("grunt-purgecss", ["purgecss"]),
+    output: [
+      {
+        exports: "auto",
+        file: "./tasks/purgecss.js",
+        format: "cjs",
+      },
+    ],
+  }
+  await buildRollup(rollupConfig);
+})();

packages/grunt-purgecss/package.json

@@ -27,8 +27,7 @@
     "directory": "packages/grunt-purgecss"
   },
   "scripts": {
-    "build": "npm run clean && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
-    "clean": "rm -rf ./tasks",
+    "build": "ts-node build.ts",
     "test": "jest"
   },
   "dependencies": {

packages/grunt-purgecss/rollup.config.ts

@@ -3,10 +3,9 @@
   "compilerOptions": {
       "declaration": false,
       "baseUrl": ".",
-      "rootDir": "./../",
       "paths": {
         "purgecss": ["../purgecss/src"],
       }
   },
-  "include": ["./src/**/*", "./rollup.config.ts", "./../purgecss/src/*"]
+  "include": ["./src/**/*", "./../purgecss/src/*"]
 }

packages/grunt-purgecss/tsconfig.json

@@ -0,0 +1,23 @@
+import {
+  buildRollup,
+  createRollupConfig,
+  extractAPI,
+} from "../../scripts/build";
+import { promises as asyncFs } from "fs";
+import * as path from "path";
+
+(async () => {
+  await asyncFs.rm(path.resolve(__dirname, "lib"), {
+    recursive: true,
+    force: true,
+  });
+  const rollupConfig = createRollupConfig("gulp-purgecss", [
+    "through2", "plugin-error", "purgecss", "glob"
+  ]);
+  await buildRollup(rollupConfig);
+  await extractAPI(__dirname);
+  await asyncFs.rm(path.resolve(__dirname, "lib", ".temp"), {
+    recursive: true,
+    force: true,
+  });
+})();

packages/gulp-purgecss/api-extractor.json

@@ -32,9 +32,7 @@
     "url": "git+https://github.com/FullHuman/purgecss.git"
   },
   "scripts": {
-    "api-extractor": "api-extractor run && rm -rf ./lib/.temp",
-    "build": "npm run clean && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript && npm run api-extractor",
-    "clean": "rm -rf ./lib",
+    "build": "ts-node build.ts",
     "test": "jest"
   },
   "dependencies": {

packages/gulp-purgecss/build.ts

@@ -5,7 +5,6 @@
       "outDir": "./lib",
       "declarationDir": "./.temp/",
       "baseUrl": ".",
-      "rootDir": "./../",
       "paths": {
         "purgecss": ["../purgecss/src"],
       }

packages/gulp-purgecss/package.json

@@ -0,0 +1,11 @@
+import { buildRollup, createRollupConfig, extractAPI } from '../../scripts/build';
+import { promises as asyncFs } from 'fs';
+import * as path from 'path';
+
+(async() => {
+  await asyncFs.rm(path.resolve(__dirname, "lib"), { recursive: true, force: true });
+  const rollupConfig = createRollupConfig("postcss-purgecss", ["postcss", "purgecss"]);
+  await buildRollup(rollupConfig);
+  await extractAPI(__dirname);
+  await asyncFs.rm(path.resolve(__dirname, "lib", ".temp"), { recursive: true, force: true });
+})()

packages/gulp-purgecss/rollup.config.ts

@@ -20,9 +20,7 @@
     "url": "git+https://github.com/FullHuman/purgecss.git"
   },
   "scripts": {
-    "api-extractor": "api-extractor run && rm -rf ./lib/.temp",
-    "build": "npm run clean && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript && npm run api-extractor",
-    "clean": "rm -rf ./lib",
+    "build": "ts-node build.ts",
     "test": "jest"
   },
   "bugs": {

packages/gulp-purgecss/tsconfig.json

@@ -5,7 +5,6 @@
       "outDir": "./lib",
       "declarationDir": "./.temp/",
       "baseUrl": ".",
-      "rootDir": "./../",
       "paths": {
         "purgecss": ["../purgecss/src"],
       }

packages/postcss-purgecss/api-extractor.json

@@ -0,0 +1,24 @@
+import {
+  buildRollup,
+  createRollupConfig,
+  extractAPI,
+} from "../../scripts/build";
+import { promises as asyncFs } from "fs";
+import * as path from "path";
+
+(async () => {
+  await asyncFs.rm(path.resolve(__dirname, "lib"), {
+    recursive: true,
+    force: true,
+  });
+  const rollupConfig = createRollupConfig("purgecss-from-html", [
+    "parse5",
+    "parse5-htmlparser2-tree-adapter",
+  ]);
+  await buildRollup(rollupConfig);
+  await extractAPI(__dirname);
+  await asyncFs.rm(path.resolve(__dirname, "lib", ".temp"), {
+    recursive: true,
+    force: true,
+  });
+})();