@divriots/jampack 0.11.0 → 0.11.2

package/dist/config-default.js

@@ -1,4 +1,7 @@
 const default_options = {
+    html: {
+        add_css_reset_as: 'inline',
+    },
     image: {
         embed_size: 1500,
         srcset_min_width: 640,

package/dist/config-types.d.ts

@@ -4,6 +4,9 @@ export type WebpOptions = {
     quality: number;
 };
 export type Options = {
+    html: {
+        add_css_reset_as: 'inline' | 'off';
+    };
     image: {
         embed_size: number;
         srcset_min_width: number;

package/dist/config.js

@@ -5,14 +5,14 @@ import default_options from './config-default.js';
 import fast_options_override from './config-fast.js';
 const options = default_options;
 export function fast() {
-    deepmerge(options, fast_options_override);
+    Object.assign(options, deepmerge(options, fast_options_override));
 }
 export async function loadConfig() {
     const proload = await load('jampack', { mustExist: false });
     if (proload) {
         console.log('Overriding default config with:');
         console.log(JSON.stringify(proload.value, null, 2));
-        deepmerge(options, proload.value);
+        Object.assign(options, deepmerge(options, proload.value));
     }
 }
 export default options;

package/dist/index.js

@@ -41,6 +41,11 @@ program
     .action(async (dir, options) => {
     $state.dir = dir;
     $state.args = options;
+    if (options) {
+        console.log('Options:');
+        console.log(options);
+        console.log('');
+    }
     // Override default config with config file
     await loadConfig();
     // Override config with fast options if set

package/dist/optimize.js

@@ -79,13 +79,15 @@ async function analyse(file) {
         $('the-fold').remove();
     }
     // Add CSS to head
-    const CSS = `<style>:where(img){height:auto;}</style>`;
-    const heads = $('head');
-    if (heads.length > 0) {
-        heads.prepend(CSS);
-    }
-    else {
-        (_a = $('html')) === null || _a === void 0 ? void 0 : _a.prepend(`<head>${CSS}</head>`);
+    if (config.html.add_css_reset_as === 'inline') {
+        const CSS = `<style>:where(img){height:auto;width:auto}</style>`;
+        const heads = $('head');
+        if (heads.length > 0) {
+            heads.prepend(CSS);
+        }
+        else {
+            (_a = $('html')) === null || _a === void 0 ? void 0 : _a.prepend(`<head>${CSS}</head>`);
+        }
     }
     if (!$state.args.nowrite) {
         await fs.writeFile(path.join($state.dir, file), $.html());
@@ -122,6 +124,13 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
      */
     const attrib_src = img.attr('src');
     if (!attrib_src) {
+        const attrib_data_src = img.attr('data-src');
+        if (attrib_data_src) {
+            // Contains attribute [data-src]
+            // Most likely, this is a Javascript lazy-loaded image
+            // Let's not mess with it and hope it's well done
+            return; // No warnings
+        }
         $state.reportIssue(htmlfile, {
             type: 'warn',
             msg: `Missing [src] on img - processing skipped.`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divriots/jampack",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Packer for static websites",
   "author": "Georges Gomes @georges-gomes",
   "bin": {