@blueprintui/cli 0.1.3 → 0.2.0

package/.nvmrc

@@ -1 +1 @@
-18.3.0
+20.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+# 0.2.0
+- update CSS optimization to use lightningcss
+- remove legacy Safari compatibility optimizations
+- bump dependencies
+
+## 0.1.4
+- bump dependencies
+
 ## 0.1.3
 - bump dependencies
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/cli",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "",
   "main": "./index.mjs",
   "bin": {
@@ -14,29 +14,31 @@
   "author": "Crylan Software",
   "license": "MIT",
   "dependencies": {
-    "@custom-elements-manifest/analyzer": "0.6.9",
+    "@custom-elements-manifest/analyzer": "0.8.1",
     "@lit/ts-transformers": "1.1.3",
-    "@rollup/plugin-node-resolve": "15.0.1",
+    "@rollup/plugin-node-resolve": "15.0.2",
     "@rollup/plugin-replace": "5.0.2",
-    "@rollup/plugin-typescript": "11.0.0",
+    "@rollup/plugin-typescript": "11.1.0",
     "@rollup/plugin-virtual": "3.0.1",
     "@skypack/package-check": "0.2.2",
     "acorn-import-assertions": "1.8.0",
-    "commander": "10.0.0",
-    "csso": "5.0.5",
-    "glob": "9.3.0",
+    "browserslist": "4.21.5",
+    "commander": "10.0.1",
+    "lightningcss": "1.20.0",
+    "glob": "10.2.2",
     "minify-html-literals": "1.3.5",
     "path": "0.12.7",
-    "rollup": "3.19.1",
+    "rollup": "3.21.5",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-delete": "2.0.0",
+    "rollup-plugin-import-assert": "3.0.1",
     "rollup-plugin-shell": "1.0.9",
-    "terser": "5.16.6",
+    "terser": "5.17.1",
     "tslib": "2.5.0",
-    "typescript": "^4.7.4",
-    "zx": "7.2.0"
+    "typescript": "~4.7.4",
+    "zx": "7.2.2"
   },
   "devDependencies": {
-    "lite-server": "^2.6.1"
+    "lite-server": "2.6.1"
   }
 }

package/src/plugin-minify-css.mjs

@@ -0,0 +1,29 @@
+import browserslist from 'browserslist';
+import { transform, browserslistToTargets } from 'lightningcss';
+import { path } from 'zx';
+
+const targets = browserslistToTargets(browserslist('Chrome > 112'));
+
+export function minifyCSS() {
+  return {
+    load(id) { return id.slice(-4) === '.css' ? this.addWatchFile(path.resolve(id)) : null },
+    transform: async (css, id) => {
+      if (id.slice(-4) === '.css') {
+        const code = transform({
+          targets,
+          drafts: {
+            nesting: true
+          },
+          analyzeDependencies: true,
+          code: Buffer.from(css),
+          minify: true,
+          sourceMap: false
+        }).code.toString()
+
+        return { code, map: { mappings: '' } };
+      } else {
+        return null;
+      }
+    }
+  };
+};

package/src/rollup.config.mjs

@@ -1,4 +1,3 @@
-import * as csso from 'csso';
 import typescript from '@rollup/plugin-typescript';
 import nodeResolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
@@ -10,8 +9,9 @@ import { fs, glob, path } from 'zx';
 import { importAssertions } from 'acorn-import-assertions';
 import { idiomaticDecoratorsTransformer, constructorCleanupTransformer } from '@lit/ts-transformers';
 import { fileURLToPath } from 'url';
-import { minifyHTML } from './plugin-minify-html-literals.mjs';
 import { importAssertionsPlugin } from './plugin-import-assert.mjs';
+import { minifyCSS } from './plugin-minify-css.mjs';
+import { minifyHTML } from './plugin-minify-html-literals.mjs';
 import { minifyJavaScript } from './plugin-minify-javascript.mjs';
 import { customElementsAnalyzer } from './plugin-custom-elements-analyzer.mjs';
 import { writeCache } from './plugin-esm-cache.mjs';
@@ -33,7 +33,7 @@ const project = {
   customElementsManifestConfig: config.customElementsManifestConfig ? path.resolve(cwd, config.customElementsManifestConfig) :  path.resolve(__dirname, './custom-elements-manifest.config.mjs'),
   prod: process.env.BLUEPRINTUI_BUILD === 'production',
   sourcemap: config.sourcemap
-}
+};
 
 export default [
   {
@@ -52,17 +52,16 @@ export default [
     plugins: [
       project.prod ? cleanOutDir()  : [],
       copyAssets(),
-      project.prod ? cssOptimize() : [],
+      project.prod ? minifyCSS() : [],
       importAssertionsPlugin(),
       createEntrypoints(),
       nodeResolve({ exportConditions: [project.prod ? 'production' : 'development'] }),
       compileTypescript(),
-      project.prod ? [] : typeCheck(),
+      typeCheck(),
       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) : [],
@@ -104,16 +103,6 @@ function inlinePackageVersion() {
   return replace({ preventAssignment: false, values: { PACKAGE_VERSION: project.packageJSON.version } });
 }
 
-function patchSuperMinify() {
-  return replace({
-    preventAssignment: false,
-      values: {
-        'super(...arguments),': 'super(...arguments);',
-        'super(),': 'super();',
-      }, // safari 15 and latest chromium pupeteer bug with minification optimization in terser
-    });
-}
-
 function postClean() {
   return del({ targets: [`${project.outDir}/**/.tsbuildinfo`, `${project.outDir}/**/_virtual`], hook: 'writeBundle' });
 }
@@ -130,10 +119,3 @@ function cleanPackageJson() {
     }
   }
 }
-
-function cssOptimize() {
-  return {
-    load(id) { return id.slice(-4) === '.css' ? this.addWatchFile(path.resolve(id)) : null },
-    transform: async (css, id) => id.slice(-4) === '.css' ? ({ code: csso.minify(css, { comments: false }).css, map: { mappings: '' } }) : null
-  };
-};