FM / next-image-loader

/opt/canhelp/node_modules/next/dist/esm/build/webpack/loaders/next-image-loader/

/opt/canhelp/node_modules/next/dist/esm/build/webpack/loaders/next-image-loader

Name	Size	Mode	Actions
blur.js	2424	0644	edit dl rm
blur.js.map	4779	0644	edit dl rm
index.js	2294	0644	edit dl rm
index.js.map	4561	0644	edit dl rm

Edit: /opt/canhelp/node_modules/next/dist/esm/build/webpack/loaders/next-image-loader/blur.js (2424B)

import isAnimated from 'next/dist/compiled/is-animated';
import { optimizeImage } from '../../../../server/image-optimizer';
const BLUR_IMG_SIZE = 8;
const BLUR_QUALITY = 70;
const VALID_BLUR_EXT = [
    'jpeg',
    'png',
    'webp',
    'avif'
] // should match other usages
;
export async function getBlurImage(content, extension, imageSize, { basePath, outputPath, isDev, tracing = ()=>({
        traceFn: (fn)=>(...args)=>fn(...args),
        traceAsyncFn: (fn)=>(...args)=>fn(...args)
    }) }) {
    let blurDataURL;
    let blurWidth = 0;
    let blurHeight = 0;
    if (VALID_BLUR_EXT.includes(extension) && !isAnimated(content)) {
        // Shrink the image's largest dimension
        if (imageSize.width >= imageSize.height) {
            blurWidth = BLUR_IMG_SIZE;
            blurHeight = Math.max(Math.round(imageSize.height / imageSize.width * BLUR_IMG_SIZE), 1);
        } else {
            blurWidth = Math.max(Math.round(imageSize.width / imageSize.height * BLUR_IMG_SIZE), 1);
            blurHeight = BLUR_IMG_SIZE;
        }
        if (isDev) {
            // During `next dev`, we don't want to generate blur placeholders with webpack
            // because it can delay starting the dev server. Instead, we inline a
            // special url to lazily generate the blur placeholder at request time.
            const prefix = 'http://localhost';
            const url = new URL(`${basePath || ''}/_next/image`, prefix);
            url.searchParams.set('url', outputPath);
            url.searchParams.set('w', String(blurWidth));
            url.searchParams.set('q', String(BLUR_QUALITY));
            blurDataURL = url.href.slice(prefix.length);
        } else {
            const resizeImageSpan = tracing('image-resize');
            const resizedImage = await resizeImageSpan.traceAsyncFn(()=>optimizeImage({
                    buffer: content,
                    width: blurWidth,
                    height: blurHeight,
                    contentType: `image/${extension}`,
                    quality: BLUR_QUALITY
                }));
            const blurDataURLSpan = tracing('image-base64-tostring');
            blurDataURL = blurDataURLSpan.traceFn(()=>`data:image/${extension};base64,${resizedImage.toString('base64')}`);
        }
    }
    return {
        dataURL: blurDataURL,
        width: blurWidth,
        height: blurHeight
    };
}

//# sourceMappingURL=blur.js.map

cmd: