@localnerve/web-component-build 0.2.4 → 0.3.1

package/lib/build.js

@@ -11,6 +11,14 @@ import CleanCss from 'clean-css';
 import {minify as _minifyHtml} from 'html-minifier';
 import {minify as _minifyJs} from 'terser';
 
+export const defaultHtmlMinifyOptions = {
+  minifyJS: true,
+  minifyCSS: true,
+  collapseWhitespace: true,
+  removeAttributeQuotes: true,
+  removeComments: true
+};
+
 class WebComponentBuild {
 
   /**
@@ -77,13 +85,7 @@ class WebComponentBuild {
    * @param {Object} options - The html-minifier options.
    * @returns {String} minified html.
    */
-  async minifyHtml (htmlText, options = {
-    minifyJS: true,
-    minifyCSS: true,
-    collapseWhitespace: true,
-    removeAttributeQuotes: true,
-    removeComments: true
-  }) {
+  async minifyHtml (htmlText, options = defaultHtmlMinifyOptions) {
     const minifiedHtml =
       this.minifySkip ? htmlText : _minifyHtml(htmlText, options);
 

package/lib/index.js

@@ -8,17 +8,10 @@
  */
 import * as fs from 'node:fs/promises';
 import * as cheerio from 'cheerio';
-import {createBuild} from './build.js';
+import {createBuild, defaultHtmlMinifyOptions} from './build.js';
 
 /**
  * Build entry point.
- * Possible build outcomes:
- *   1. jsFile only - all contained. Don't expose any css/html to build. Minify js only.
- *   2. css in js - replace the inline css in js. expose the css to build.
- *   3. css in html - add the inline css to html, replace the html in the js, expose css/html to build.
- *   4. csslink in html - add the css link to html, replace the html in the js, expose css/html to build.
- *   5. csslink in js - add the css link to js, replace the html in js.
- *   6. html in js - replace the html in the js, expose html to build.
  *
  * @param {String} outputDir - full path to the output directory
  * @param {Object} [options] - optional options
@@ -60,6 +53,8 @@ export async function build (outputDir, {
     const $ = cheerio.load(htmlText);
     if (cssText) {
       $('body').prepend(`<style>${cssText}</style>`);
+      htmlminOptions = htmlminOptions || defaultHtmlMinifyOptions;
+      htmlminOptions.minifyCSS = cleancssOptions;
     }
     if (cssLinkHref) {
       $('body').prepend(`<link href="${cssLinkHref}" rel="stylesheet" />`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@localnerve/web-component-build",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "A library to help build web components",
   "main": "index.js",
   "type": "module",
@@ -57,6 +57,9 @@
     "jest": "^29.7.0",
     "tempy": "^3.1.0"
   },
+  "overrides": {
+    "clean-css": "$clean-css"
+  },
   "engines": {
     "node": ">=18"
   }