@divriots/jampack 0.13.0 → 0.15.0

package/dist/cache.js

@@ -2,12 +2,9 @@ import hasha from 'hasha';
 import path from 'path';
 import * as fs from 'fs/promises';
 import $state from './state.js';
+import { CACHE_VERSIONS } from './packagejson.js';
 const listOfCategories = ['img', 'img-ext'];
 const CACHE_FOLDER = '.jampack/cache';
-const CACHE_VERSIONS = {
-    img: 'v1',
-    'img-ext': 'v1',
-};
 async function cleanCache(full) {
     if (full) {
         try {

package/dist/compress.js

@@ -69,7 +69,7 @@ const processFile = async (file, stats) => {
 };
 export async function compressFolder(exclude) {
     const spinner = ora(getProgressText()).start();
-    const globs = ['**/**'];
+    const globs = ['**/**', '!_jampack/**']; // Exclude jampack folder because already compressed
     if (exclude)
         globs.push('!' + exclude);
     const paths = await globby(globs, { cwd: $state.dir, absolute: true });

package/dist/compressors/images.js

@@ -19,8 +19,6 @@ export async function compressImage(data, options) {
     }
     // Load modifiable toFormat
     let toFormat = options.toFormat || 'unchanged';
-    if (!config.image.compress)
-        return undefined;
     let sharpFile = await sharp(data, { animated: true });
     const meta = await sharpFile.metadata();
     if (meta.pages && meta.pages > 1) {
@@ -30,6 +28,8 @@ export async function compressImage(data, options) {
     let outputFormat;
     // Special case for svg
     if (meta.format === 'svg') {
+        if (!config.image.svg.optimization)
+            return undefined;
         try {
             const output = svgo(data.toString(), {
                 multipass: true,
@@ -113,10 +113,10 @@ export async function compressImage(data, options) {
     if (!outputFormat)
         return undefined;
     // If resize is requested
-    if (((_a = options.resize) === null || _a === void 0 ? void 0 : _a.width) && ((_b = options.resize) === null || _b === void 0 ? void 0 : _b.height)) {
+    if (((_a = options.resize) === null || _a === void 0 ? void 0 : _a.width) || ((_b = options.resize) === null || _b === void 0 ? void 0 : _b.height)) {
+        const resize = options.resize;
         sharpFile = sharpFile.resize({
-            ...options.resize,
-            fit: 'fill',
+            ...resize,
             withoutEnlargement: true,
         });
     }

package/dist/config-default.js

@@ -5,6 +5,8 @@ const default_options = {
     image: {
         embed_size: 1500,
         srcset_min_width: 640,
+        srcset_max_width: 1920 * 2,
+        max_width: 99999,
         external: {
             process: 'off',
             src_include: /^.*$/,
@@ -34,6 +36,9 @@ const default_options = {
                 mode: 'lossly',
             },
         },
+        svg: {
+            optimization: true,
+        },
     },
 };
 export default default_options;

package/dist/config-fast.js

@@ -21,6 +21,9 @@ const fast_options_override = {
                 effort: 0,
             },
         },
+        svg: {
+            optimization: false,
+        },
     },
 };
 export default fast_options_override;

package/dist/config-types.d.ts

@@ -10,8 +10,10 @@ export type Options = {
     image: {
         embed_size: number;
         srcset_min_width: number;
+        srcset_max_width: number;
+        max_width: number;
         external: {
-            process: 'off' | 'download' | 'cdn-srcset-when-possible' | 'add-dimensions-only';
+            process: 'off' | 'download';
             src_include: RegExp;
             src_exclude: RegExp | null;
         };
@@ -31,5 +33,8 @@ export type Options = {
             options_lossless: WebpOptions;
             options_lossly: WebpOptions;
         };
+        svg: {
+            optimization: boolean;
+        };
     };
 };

package/dist/config.js

@@ -10,7 +10,7 @@ export function fast() {
 export async function loadConfig() {
     const proload = await load('jampack', { mustExist: false });
     if (proload) {
-        console.log('Overriding default config with:');
+        console.log('Merging default config with:');
         console.log(JSON.stringify(proload.value, null, 2));
         Object.assign(options, deepmerge(options, proload.value));
     }

package/dist/index.js

@@ -10,7 +10,9 @@ import { printTitle } from './logger.js';
 import { exit } from 'process';
 import kleur from 'kleur';
 import { cleanCache } from './cache.js';
-import { VERSION } from './version.js';
+import { VERSION } from './packagejson.js';
+import { mkdirSync } from 'fs';
+import { join } from 'path';
 const logo = `     __                                    __    
     |__|____    _____ ___________    ____ |  | __
     |  \\__  \\  /     \\\\____ \\__  \\ _/ ___\\|  |/ /
@@ -54,6 +56,14 @@ program
     }
     // Clean cache
     await cleanCache(options.cleancache);
+    // Make _jampack folder
+    try {
+        mkdirSync(join(dir, '_jampack'));
+    }
+    catch (e) {
+        console.error('Failed to create `_jampack` folder.');
+        exit(1);
+    }
     if (!options.onlycomp) {
         printTitle('PASS 1 - Optimizing');
         console.time('Done');

package/dist/optimize.js

@@ -194,8 +194,7 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
                 return;
             case 'download': // Download external image for local processing
                 try {
-                    const htmlFolder = path.dirname(path.resolve(path.join($state.dir, htmlfile)));
-                    attrib_src = await downloadExternalImage(attrib_src, htmlFolder);
+                    attrib_src = await downloadExternalImage(htmlfile, attrib_src);
                     img.attr('src', attrib_src);
                 }
                 catch (e) {
@@ -206,10 +205,6 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
                     return; // No more processing
                 }
                 break;
-            case 'add-dimensions-only': // Only add dimensions of image
-                throw new Error('External images with `add-dimensions-only` is not implemented yet.');
-            case 'cdn-srcset-when-possible': // Use unpic to use CDN capabilities
-                throw new Error('External images with `cdn-srcset-when-possible` is not implemented yet.');
         }
     }
     /*
@@ -257,9 +252,12 @@ async function processImage(htmlfile, $, imgElement, isAboveTheFold) {
                 ? 'unchanged'
                 : 'webp';
     }
-    newImage = await compressImage(await originalImage.getData(), {
-        toFormat: srcToFormat,
-    });
+    if (config.image.compress) {
+        newImage = await compressImage(await originalImage.getData(), {
+            toFormat: srcToFormat,
+            resize: { width: config.image.srcset_max_width },
+        });
+    }
     if ((newImage === null || newImage === void 0 ? void 0 : newImage.data) &&
         (newImage.data.length < (await originalImage.getLen()) ||
             srcToFormat === 'jpeg+progressive') // Progressive override all even if worse
@@ -458,9 +456,8 @@ async function generateSrcSet(htmlfile, originalImage, startSrc, startSrcLength,
     }
     // Start reduction
     const step = 300; //px
-    const ratio = imageWidth / imageHeight;
     let valueW = !startSrc ? imageWidth : imageWidth - step;
-    let valueH = Math.trunc(valueW / ratio);
+    valueW = Math.min(valueW, config.image.srcset_max_width);
     let previousImageSize = startSrcLength || Number.MAX_VALUE;
     while (valueW >= config.image.srcset_min_width) {
         const src = imageSrc(`@${valueW}w`);
@@ -468,7 +465,7 @@ async function generateSrcSet(htmlfile, originalImage, startSrc, startSrcLength,
         let doAddToSrcSet = true;
         // Don't generate srcset file twice
         if (!$state.compressedFiles.has(absoluteFilename)) {
-            const compressedImage = await compressImage(await originalImage.getData(), { ...options, resize: { width: valueW, height: valueH } });
+            const compressedImage = await compressImage(await originalImage.getData(), { ...options, resize: { width: valueW } });
             if (!(compressedImage === null || compressedImage === void 0 ? void 0 : compressedImage.data) ||
                 compressedImage.data.length >= previousImageSize) {
                 // New image is not compressed or bigger than previous image in srcset
@@ -491,7 +488,6 @@ async function generateSrcSet(htmlfile, originalImage, startSrc, startSrcLength,
         }
         // reduce size
         valueW -= step;
-        valueH = Math.trunc(valueW / ratio);
     }
     if (new_srcset) {
         return startSrc

package/dist/optimizers/img-external.d.ts

@@ -1,2 +1,2 @@
 import '../utils/polyfill-fetch.js';
-export declare function downloadExternalImage(href: string, dir: string): Promise<string>;
+export declare function downloadExternalImage(htmlfile: string, href: string): Promise<string>;

package/dist/optimizers/img-external.js

@@ -1,11 +1,12 @@
 import * as path from 'path';
 import * as fs from 'fs/promises';
+import $state from '../state.js';
 import hasha from 'hasha';
 import { fileTypeFromBuffer } from 'file-type';
 import { addToCache, getFromCache } from '../cache.js';
 import { parse } from '../utils/cache-control-parser.js';
 import '../utils/polyfill-fetch.js';
-export async function downloadExternalImage(href, dir) {
+export async function downloadExternalImage(htmlfile, href) {
     var _a, _b, _c, _d, _e;
     const hash = hasha(href, {
         algorithm: 'md5',
@@ -90,16 +91,13 @@ export async function downloadExternalImage(href, dir) {
     // buffer can't be undefined here
     if (!buffer)
         throw new Error('Buffer is undefined');
-    // Construct local filename
+    // Construct contenthash
+    const contentHash = hasha(buffer, { algorithm: 'md5' });
+    // Construct local filename relative to root dir
     if (!ext)
         throw new Error('Unknown image format');
-    const filename = `./_jampack/${hash}.${ext}`;
-    try {
-        await fs.mkdir(path.join(dir, '_jampack'));
-    }
-    catch (e) {
-        // Nothing to do - folder is probably already present
-    }
-    fs.writeFile(path.join(dir, filename), buffer);
+    const htmlFolder = path.dirname(htmlfile);
+    const filename = path.relative(path.join($state.dir, htmlFolder), path.join($state.dir, `_jampack/${contentHash}.${ext}`));
+    await fs.writeFile(path.join($state.dir, htmlFolder, filename), buffer);
     return filename;
 }

package/dist/packagejson.d.ts

@@ -0,0 +1,2 @@
+export declare const VERSION: string;
+export declare const CACHE_VERSIONS: Record<string, string>;

package/dist/{version.js → packagejson.js}

@@ -4,3 +4,4 @@ import { fileURLToPath } from 'url';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const pkgjson = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json')).toString());
 export const VERSION = pkgjson.version;
+export const CACHE_VERSIONS = pkgjson['cache-version'];

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@divriots/jampack",
-  "version": "0.13.0",
+  "version": "0.15.0",
+  "cache-version": {
+    "img": "v1",
+    "img-ext": "v1"
+  },
   "description": "Packer for static websites",
   "author": "Georges Gomes @georges-gomes",
   "bin": {
@@ -18,36 +22,37 @@
   "dependencies": {
     "@divriots/cheerio": "1.0.0-rc.12",
     "@proload/core": "^0.3.3",
-    "@swc/core": "^1.3.57",
+    "@swc/core": "^1.3.80",
     "commander": "^10.0.1",
     "deepmerge": "^4.3.1",
-    "file-type": "^18.4.0",
-    "globby": "^13.1.4",
+    "file-type": "^18.5.0",
+    "globby": "^13.2.2",
     "hasha": "^5.2.2",
     "html-minifier-terser": "^7.2.0",
     "kleur": "^4.1.5",
-    "lightningcss": "^1.20.0",
+    "lightningcss": "^1.21.5",
     "mini-svg-data-uri": "^1.4.4",
-    "ora": "^6.3.0",
-    "sharp": "^0.32.1",
+    "ora": "^7.0.1",
+    "sharp": "^0.32.5",
     "svgo": "^3.0.2",
     "table": "^6.8.1",
-    "undici": "^5.22.1"
+    "undici": "^5.23.0"
   },
   "devDependencies": {
     "@types/html-minifier-terser": "^7.0.0",
-    "@types/node": "^16.18.28",
+    "@types/node": "^20.5.7",
     "shx": "^0.3.3",
     "ts-node": "^10.2.1",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.4"
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
   },
   "scripts": {
     "watch": "pnpm build --watch",
     "try": "shx rm -fr demo && cp -R demo_rf demo && node ./dist/index.js ./demo --nocache --onlyoptim",
     "build": "shx rm -rf dist && tsc -b",
     "lint": "eslint . --ext .ts --config .eslintrc",
-    "prepublishOnly": "pnpm build"
+    "prepublishOnly": "pnpm build",
+    "cleanAllDotJampack": "find -s . | grep '.jampack$' | xargs rm -fr"
   },
   "engines": {
     "node": ">=14.0.0"

package/dist/version.d.ts

@@ -1 +0,0 @@
-export declare const VERSION: any;