@divriots/jampack 0.6.1 → 0.7.0

package/dist/config.d.ts

@@ -1,6 +1,6 @@
 export type WebpOptions = {
     effort: number;
-    mode: "lossless" | "lossly";
+    mode: 'lossless' | 'lossly';
     quality: number;
 };
 export type Options = {

package/dist/config.js

@@ -1,7 +1,7 @@
 const default_options = {
     image: {
         embed_size: 400,
-        srcset_min_width: 400,
+        srcset_min_width: 640,
         compress: true,
         jpeg: {
             options: {
@@ -18,12 +18,12 @@ const default_options = {
             options_lossless: {
                 effort: 4,
                 quality: 80,
-                mode: "lossless",
+                mode: 'lossless',
             },
             options_lossly: {
                 effort: 4,
                 quality: 80,
-                mode: "lossly",
+                mode: 'lossly',
             },
         },
     },

package/dist/optimize.js

@@ -11,6 +11,7 @@ import kleur from 'kleur';
 import ora from 'ora';
 import { isLocal, Resource, translateSrc } from './utils/resource.js';
 async function analyse(file) {
+    var _a;
     console.log('▶ ' + file);
     const html = (await fs.readFile(path.join($state.dir, file))).toString();
     const $ = cheerio.load(html, {
@@ -46,6 +47,15 @@ async function analyse(file) {
     if (theFold) {
         $('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 (!$state.args.nowrite) {
         await fs.writeFile(path.join($state.dir, file), $.html());
     }
@@ -233,10 +243,14 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
          * Attribute 'srcset'
          */
         const attr_srcset = img.attr('srcset');
-        if (attr_srcset) {
-            // If srcset is set, don't touch it.
+        const attr_sizes = img.attr('sizes');
+        if (attr_srcset || attr_sizes) {
+            // If srcset or sizes are set, don't touch it.
             // The compress pass will compress the images
             // of the srcset
+            //
+            // TODO
+            // support if sizes alone is set (no srcset) and generate the appropriate srcset
         }
         else {
             // Generate image set
@@ -286,6 +300,7 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
             }
             if (new_srcset) {
                 img.attr('srcset', `${img.attr('src')} ${w}w` + new_srcset);
+                img.attr('sizes', '100vw');
             }
         }
     }

package/package.json

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

package/dist/compressors/js copy.d.ts

@@ -1 +0,0 @@
-export declare function compressJS(originalCode: string): Promise<string>;

package/dist/compressors/js copy.js

@@ -1,8 +0,0 @@
-import swc from '@swc/core';
-export async function compressJS(originalCode) {
-    const newjsresult = await swc.minify(originalCode, {
-        compress: true,
-        mangle: true,
-    });
-    return newjsresult.code;
-}

package/dist/types.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="node" resolution-mode="require"/>
-export type ImageFormat = 'webp' | 'svg' | 'jpg' | 'png' | 'avif' | undefined;
-export type Image = {
-    format: ImageFormat;
-    data: Buffer;
-};

package/dist/types.js

@@ -1 +0,0 @@
-export {};