@blueprintui/cli 0.0.12 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.1.0
+- upgrade to Rollup 3
+- improve dependencies and simplify internal plugins for faster builds
+- improve build stability with parallel npm tasks
+
 ## 0.0.11
 - cleanup path imports for custom element analyzer for more reliable dependency resolution
 - update docs site with latest UI versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/cli",
-  "version": "0.0.12",
+  "version": "0.1.0",
   "description": "",
   "main": "./index.mjs",
   "bin": {
@@ -19,21 +19,20 @@
     "@lit/ts-transformers": "1.1.3",
     "@rollup/plugin-node-resolve": "15.0.0",
     "@rollup/plugin-replace": "5.0.0",
-    "@rollup/plugin-typescript": "8.5.0",
-    "@rollup/plugin-virtual": "2.1.0",
+    "@rollup/plugin-typescript": "9.0.1",
+    "@rollup/plugin-virtual": "3.0.0",
     "@skypack/package-check": "0.2.2",
     "acorn-import-assertions": "1.8.0",
     "commander": "9.4.1",
     "csso": "5.0.5",
     "glob": "8.0.3",
+    "minify-html-literals": "1.3.5",
     "path": "0.12.7",
-    "rollup": "2.79.1",
+    "rollup": "3.1.0",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-delete": "2.0.0",
-    "rollup-plugin-import-assert": "2.1.0",
-    "rollup-plugin-minify-html-literals": "1.2.6",
     "rollup-plugin-shell": "1.0.8",
-    "rollup-plugin-terser": "7.0.2",
+    "terser": "5.15.1",
     "tslib": "2.4.0",
     "typescript": "~4.7.4",
     "zx": "7.1.1"

package/src/index.mjs

@@ -6,7 +6,7 @@ import { cwd } from 'process';
 import { spinner } from 'zx/experimental';
 import { rollup, watch } from 'rollup';
 import { program } from 'commander';
-import loadConfigFile from 'rollup/loadConfigFile';
+import { loadConfigFile } from 'rollup/loadConfigFile';
 import { cp, lstat, readdir } from 'fs/promises';
 import { readFileSync, writeFileSync } from 'fs';
 import { join, resolve }  from 'path';

package/src/plugin-custom-elements-analyzer.mjs

@@ -0,0 +1,16 @@
+import { runCustomElementsAnalyzer } from './utils.mjs';
+
+export function customElementsAnalyzer(options) {
+  let copied = false;
+  return {
+    name: 'custom-elements-analyzer',
+    writeBundle: async () => {
+      if (copied) {
+        return;
+      } else {
+        await runCustomElementsAnalyzer(options.customElementsManifestConfig);
+        copied = true;
+      }
+    }
+  };
+}

package/src/plugin-esm-cache.mjs

@@ -0,0 +1,25 @@
+import { extname } from 'path';
+
+const fileCache = {};
+
+/**
+ * Rollup plugin for local file writes
+ * Compares the output of rollup to the current file on disk. If same it will
+ * prevent rollup from writting to the file again preventing file watchers from being triggered
+ */
+export function writeCache(options = { }) {
+  return {
+    name: 'esm-cache',
+    generateBundle(_options, bundles) {
+      for (const [key, bundle] of Object.entries(bundles)) {
+        const path = `${options.outDir}/${bundle.fileName}`;
+
+        if (extname(path) === '.js' && fileCache[path] !== bundle.code) {
+          fileCache[path] = bundle.code;
+        } else {
+          delete bundles[key];
+        }
+      }
+    },
+  };
+};

package/src/{import-assert.mjs → plugin-import-assert.mjs}

@@ -1,6 +1,6 @@
 import { path } from 'zx';
 
-// temp workaround due to package "string-to-template-literal" not shipping valid esm module
+// temp workaround due to package "string-to-template-literal" not shipping valid esm module & not compatible to Rollup 3.x
 
 // string-to-template-literal
 var illegalChars = new Map();

package/src/plugin-minify-html-literals.mjs

@@ -0,0 +1,18 @@
+// rollup-plugin-minify-html-literals https://github.com/asyncLiz/rollup-plugin-minify-html-literals/issues/24
+import minify from 'minify-html-literals';
+import { createFilter } from '@rollup/pluginutils';
+
+export function minifyHTML(config = {}) {
+  return {
+    name: 'minify-html-literals',
+    transform(code, id) {
+      if (createFilter(config.include, config.exclude)(id)) {
+        try {
+          return minify.minifyHTMLLiterals(code, { ...(config.options || {}), fileName: id }); // https://www.npmjs.com/package/minify-html-literals#options
+        } catch (error) {
+          this.warn(error.message);
+        }
+      }
+    }
+  };
+}

package/src/plugin-minify-javascript.mjs

@@ -0,0 +1,15 @@
+import { minify } from 'terser';
+
+export function minifyJavaScript(terserOptions = { ecma: 2022, module: true, format: { comments: false }, compress: { passes: 2, unsafe: true } }) {
+  return {
+    name: 'terser',
+    async renderChunk(code, _chunk, outputOptions) {
+      try {
+        return await minify(code, { module: true, sourceMap: outputOptions.sourcemap, ...terserOptions });
+      } catch (error) {
+        console.error(error);
+        throw error;
+      }
+    },
+  };
+}

package/src/rollup.config.mjs

@@ -5,17 +5,17 @@ import replace from '@rollup/plugin-replace';
 import virtual from '@rollup/plugin-virtual';
 import copy from 'rollup-plugin-copy';
 import del from 'rollup-plugin-delete';
-import minifyHTML from 'rollup-plugin-minify-html-literals';
 import execute from 'rollup-plugin-shell';
 import { fs, glob, path } from 'zx';
-import { extname } from 'path';
-import { terser } from 'rollup-plugin-terser';
 import { importAssertions } from 'acorn-import-assertions';
 import { idiomaticDecoratorsTransformer, constructorCleanupTransformer } from '@lit/ts-transformers';
 import { fileURLToPath } from 'url';
-import { importAssertionsPlugin } from './import-assert.mjs';
-import { runCustomElementsAnalyzer, getUserConfig } from './utils.mjs';
-// import { importAssertionsPlugin } from 'rollup-plugin-import-assert';
+import { minifyHTML } from './plugin-minify-html-literals.mjs';
+import { importAssertionsPlugin } from './plugin-import-assert.mjs';
+import { minifyJavaScript } from './plugin-minify-javascript.mjs';
+import { customElementsAnalyzer } from './plugin-custom-elements-analyzer.mjs';
+import { writeCache } from './plugin-esm-cache.mjs';
+import { getUserConfig } from './utils.mjs';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -58,14 +58,14 @@ export default [
       nodeResolve({ exportConditions: [project.prod ? 'production' : 'development'] }),
       compileTypescript(),
       project.prod ? [] : typeCheck(),
-      project.prod ? [] : writeCache(),
-      project.prod ? minifyHTML.default() : [],
+      project.prod ? [] : writeCache(project),
+      project.prod ? minifyHTML() : [],
       project.prod ? minifyJavaScript() : [],
       project.prod ? inlinePackageVersion() : [],
       project.prod ? patchSuperMinify() : [],
       project.prod ? postClean(): [],
       project.prod ? packageCheck() : [],
-      project.prod ? customElementsAnalyzer() : [],
+      project.prod ? customElementsAnalyzer(project) : [],
       project.prod ? cleanPackageJson() : []
     ],
   },
@@ -100,10 +100,6 @@ function typeCheck() {
   return execute({ commands: [`tsc --noEmit --project ${project.tsconfig}`], hook: 'buildEnd' });
 }
 
-function minifyJavaScript() {
-  return terser({ ecma: 2022, module: true, format: { comments: false }, compress: { passes: 2, unsafe: true } });
-}
-
 function inlinePackageVersion() {
   return replace({ preventAssignment: false, values: { PACKAGE_VERSION: project.packageJSON.version } });
 }
@@ -126,21 +122,6 @@ function packageCheck() {
   return execute({ commands: [`package-check --cwd ${project.outDir}`], sync: true, hook: 'writeBundle' });
 };
 
-function customElementsAnalyzer() {
-  let copied = false;
-  return {
-    name: 'custom-elements-analyzer',
-    writeBundle: async () => {
-      if (copied) {
-        return;
-      } else {
-        await runCustomElementsAnalyzer(project.customElementsManifestConfig);
-        copied = true;
-      }
-    }
-  };
-}
-
 function cleanPackageJson() {
   return {
     name: 'clean-package-json',
@@ -156,26 +137,3 @@ function cssOptimize() {
     transform: async (css, id) => id.slice(-4) === '.css' ? ({ code: csso.minify(css, { comments: false }).css, map: { mappings: '' } }) : null
   };
 };
-
-const fileCache = {};
-/**
- * Rollup plugin for local file writes
- * Compares the output of rollup to the current file on disk. If same it will
- * prevent rollup from writting to the file again preventing file watchers from being triggered
- */
-function writeCache() {
-  return {
-    name: 'esm-cache',
-    generateBundle(_options, bundles) {
-      for (const [key, bundle] of Object.entries(bundles)) {
-        const path = `${project.outDir}/${bundle.fileName}`;
-
-        if (extname(path) === '.js' && fileCache[path] !== bundle.code) {
-          fileCache[path] = bundle.code;
-        } else {
-          delete bundles[key];
-        }
-      }
-    },
-  };
-};