@localnerve/web-component-build 0.2.3 → 0.3.0

package/README.md

@@ -12,7 +12,9 @@ The following is a table of _some_ of the possible input, processing, and output
 
 | input | processing | output |
 | ----- | ---------- | ------ |
-| javascript | minify or optional pass-thru | javascript |
+| javascript | minify javascript | javascript |
+| css | minify css | css |
+| html | minify html | html |
 | css, html | minify css, prepend style tag to html, minify html | css, html |
 | css, html, cssHref | minfy css, prepend style tag to html, prepend link tag to html, minify html | css, html |
 | cssHref, html | prepend link tag to html, minify html | html |
@@ -80,7 +82,7 @@ One or more of `cssPath`, `jsPath`, and/or `htmlPath` **must** be supplied. They
     + cssLinkHref will be prepended in a `link` tag
     + html will be inserted into the javascript file if `jsReplacement` and `jsPath` is supplied  
 * `jsPath` {String} - Full path to the input javascript file
-* `jsReplacement` {String} - The token to replace with the css or html in the javascript file  
+* `jsReplacement` {String|RegExp} - The replacement pattern for the css or html in the javascript file. See [pattern](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#pattern) for full documentation  
   If supplied:
     + A replacement will be attempted in the javascript file
     + If **not supplied** or falsy, No replacement will be attempted and all assets are just copied to `outputDir`       

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.3",
+  "version": "0.3.0",
   "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"
   }