@serwist/next 9.0.0-preview.0 → 9.0.0-preview.2

package/dist/index.js

@@ -8,16 +8,9 @@ import fg from 'fast-glob';
 import crypto from 'node:crypto';
 import fs from 'node:fs';
 import { createRequire } from 'node:module';
-import process from 'node:process';
-import os from 'node:os';
-import tty from 'node:tty';
+import chalk from 'chalk';
 
-/**
- * Find the first truthy value in an array.
- * @param arr
- * @param fn
- * @returns
- */ const findFirstTruthy = (arr, fn)=>{
+const findFirstTruthy = (arr, fn)=>{
     for (const i of arr){
         const resolved = fn(i);
         if (resolved) {
@@ -40,7 +33,6 @@ createRequire(import.meta.url);
 
 const loadTSConfig = (baseDir, relativeTSConfigPath)=>{
     try {
-        // Find tsconfig.json file
         const tsConfigPath = findFirstTruthy([
             relativeTSConfigPath ?? "tsconfig.json",
             "jsconfig.json"
@@ -51,7 +43,6 @@ const loadTSConfig = (baseDir, relativeTSConfigPath)=>{
         if (!tsConfigPath) {
             return undefined;
         }
-        // Read tsconfig.json file
         const tsConfigFile = JSON.parse(fs.readFileSync(tsConfigPath, "utf-8"));
         return tsConfigFile;
     } catch  {
@@ -59,668 +50,6 @@ const loadTSConfig = (baseDir, relativeTSConfigPath)=>{
     }
 };
 
-const ANSI_BACKGROUND_OFFSET = 10;
-const wrapAnsi16 = (offset = 0)=>(code)=>`\u001B[${code + offset}m`;
-const wrapAnsi256 = (offset = 0)=>(code)=>`\u001B[${38 + offset};5;${code}m`;
-const wrapAnsi16m = (offset = 0)=>(red, green, blue)=>`\u001B[${38 + offset};2;${red};${green};${blue}m`;
-const styles$1 = {
-    modifier: {
-        reset: [
-            0,
-            0
-        ],
-        // 21 isn't widely supported and 22 does the same thing
-        bold: [
-            1,
-            22
-        ],
-        dim: [
-            2,
-            22
-        ],
-        italic: [
-            3,
-            23
-        ],
-        underline: [
-            4,
-            24
-        ],
-        overline: [
-            53,
-            55
-        ],
-        inverse: [
-            7,
-            27
-        ],
-        hidden: [
-            8,
-            28
-        ],
-        strikethrough: [
-            9,
-            29
-        ]
-    },
-    color: {
-        black: [
-            30,
-            39
-        ],
-        red: [
-            31,
-            39
-        ],
-        green: [
-            32,
-            39
-        ],
-        yellow: [
-            33,
-            39
-        ],
-        blue: [
-            34,
-            39
-        ],
-        magenta: [
-            35,
-            39
-        ],
-        cyan: [
-            36,
-            39
-        ],
-        white: [
-            37,
-            39
-        ],
-        // Bright color
-        blackBright: [
-            90,
-            39
-        ],
-        gray: [
-            90,
-            39
-        ],
-        grey: [
-            90,
-            39
-        ],
-        redBright: [
-            91,
-            39
-        ],
-        greenBright: [
-            92,
-            39
-        ],
-        yellowBright: [
-            93,
-            39
-        ],
-        blueBright: [
-            94,
-            39
-        ],
-        magentaBright: [
-            95,
-            39
-        ],
-        cyanBright: [
-            96,
-            39
-        ],
-        whiteBright: [
-            97,
-            39
-        ]
-    },
-    bgColor: {
-        bgBlack: [
-            40,
-            49
-        ],
-        bgRed: [
-            41,
-            49
-        ],
-        bgGreen: [
-            42,
-            49
-        ],
-        bgYellow: [
-            43,
-            49
-        ],
-        bgBlue: [
-            44,
-            49
-        ],
-        bgMagenta: [
-            45,
-            49
-        ],
-        bgCyan: [
-            46,
-            49
-        ],
-        bgWhite: [
-            47,
-            49
-        ],
-        // Bright color
-        bgBlackBright: [
-            100,
-            49
-        ],
-        bgGray: [
-            100,
-            49
-        ],
-        bgGrey: [
-            100,
-            49
-        ],
-        bgRedBright: [
-            101,
-            49
-        ],
-        bgGreenBright: [
-            102,
-            49
-        ],
-        bgYellowBright: [
-            103,
-            49
-        ],
-        bgBlueBright: [
-            104,
-            49
-        ],
-        bgMagentaBright: [
-            105,
-            49
-        ],
-        bgCyanBright: [
-            106,
-            49
-        ],
-        bgWhiteBright: [
-            107,
-            49
-        ]
-    }
-};
-Object.keys(styles$1.modifier);
-const foregroundColorNames = Object.keys(styles$1.color);
-const backgroundColorNames = Object.keys(styles$1.bgColor);
-[
-    ...foregroundColorNames,
-    ...backgroundColorNames
-];
-function assembleStyles() {
-    const codes = new Map();
-    for (const [groupName, group] of Object.entries(styles$1)){
-        for (const [styleName, style] of Object.entries(group)){
-            styles$1[styleName] = {
-                open: `\u001B[${style[0]}m`,
-                close: `\u001B[${style[1]}m`
-            };
-            group[styleName] = styles$1[styleName];
-            codes.set(style[0], style[1]);
-        }
-        Object.defineProperty(styles$1, groupName, {
-            value: group,
-            enumerable: false
-        });
-    }
-    Object.defineProperty(styles$1, 'codes', {
-        value: codes,
-        enumerable: false
-    });
-    styles$1.color.close = '\u001B[39m';
-    styles$1.bgColor.close = '\u001B[49m';
-    styles$1.color.ansi = wrapAnsi16();
-    styles$1.color.ansi256 = wrapAnsi256();
-    styles$1.color.ansi16m = wrapAnsi16m();
-    styles$1.bgColor.ansi = wrapAnsi16(ANSI_BACKGROUND_OFFSET);
-    styles$1.bgColor.ansi256 = wrapAnsi256(ANSI_BACKGROUND_OFFSET);
-    styles$1.bgColor.ansi16m = wrapAnsi16m(ANSI_BACKGROUND_OFFSET);
-    // From https://github.com/Qix-/color-convert/blob/3f0e0d4e92e235796ccb17f6e85c72094a651f49/conversions.js
-    Object.defineProperties(styles$1, {
-        rgbToAnsi256: {
-            value (red, green, blue) {
-                // We use the extended greyscale palette here, with the exception of
-                // black and white. normal palette only has 4 greyscale shades.
-                if (red === green && green === blue) {
-                    if (red < 8) {
-                        return 16;
-                    }
-                    if (red > 248) {
-                        return 231;
-                    }
-                    return Math.round((red - 8) / 247 * 24) + 232;
-                }
-                return 16 + 36 * Math.round(red / 255 * 5) + 6 * Math.round(green / 255 * 5) + Math.round(blue / 255 * 5);
-            },
-            enumerable: false
-        },
-        hexToRgb: {
-            value (hex) {
-                const matches = /[a-f\d]{6}|[a-f\d]{3}/i.exec(hex.toString(16));
-                if (!matches) {
-                    return [
-                        0,
-                        0,
-                        0
-                    ];
-                }
-                let [colorString] = matches;
-                if (colorString.length === 3) {
-                    colorString = [
-                        ...colorString
-                    ].map((character)=>character + character).join('');
-                }
-                const integer = Number.parseInt(colorString, 16);
-                return [
-                    /* eslint-disable no-bitwise */ integer >> 16 & 0xFF,
-                    integer >> 8 & 0xFF,
-                    integer & 0xFF
-                ];
-            },
-            enumerable: false
-        },
-        hexToAnsi256: {
-            value: (hex)=>styles$1.rgbToAnsi256(...styles$1.hexToRgb(hex)),
-            enumerable: false
-        },
-        ansi256ToAnsi: {
-            value (code) {
-                if (code < 8) {
-                    return 30 + code;
-                }
-                if (code < 16) {
-                    return 90 + (code - 8);
-                }
-                let red;
-                let green;
-                let blue;
-                if (code >= 232) {
-                    red = ((code - 232) * 10 + 8) / 255;
-                    green = red;
-                    blue = red;
-                } else {
-                    code -= 16;
-                    const remainder = code % 36;
-                    red = Math.floor(code / 36) / 5;
-                    green = Math.floor(remainder / 6) / 5;
-                    blue = remainder % 6 / 5;
-                }
-                const value = Math.max(red, green, blue) * 2;
-                if (value === 0) {
-                    return 30;
-                }
-                // eslint-disable-next-line no-bitwise
-                let result = 30 + (Math.round(blue) << 2 | Math.round(green) << 1 | Math.round(red));
-                if (value === 2) {
-                    result += 60;
-                }
-                return result;
-            },
-            enumerable: false
-        },
-        rgbToAnsi: {
-            value: (red, green, blue)=>styles$1.ansi256ToAnsi(styles$1.rgbToAnsi256(red, green, blue)),
-            enumerable: false
-        },
-        hexToAnsi: {
-            value: (hex)=>styles$1.ansi256ToAnsi(styles$1.hexToAnsi256(hex)),
-            enumerable: false
-        }
-    });
-    return styles$1;
-}
-const ansiStyles = assembleStyles();
-
-// From: https://github.com/sindresorhus/has-flag/blob/main/index.js
-/// function hasFlag(flag, argv = globalThis.Deno?.args ?? process.argv) {
-function hasFlag(flag, argv = globalThis.Deno ? globalThis.Deno.args : process.argv) {
-    const prefix = flag.startsWith('-') ? '' : flag.length === 1 ? '-' : '--';
-    const position = argv.indexOf(prefix + flag);
-    const terminatorPosition = argv.indexOf('--');
-    return position !== -1 && (terminatorPosition === -1 || position < terminatorPosition);
-}
-const { env } = process;
-let flagForceColor;
-if (hasFlag('no-color') || hasFlag('no-colors') || hasFlag('color=false') || hasFlag('color=never')) {
-    flagForceColor = 0;
-} else if (hasFlag('color') || hasFlag('colors') || hasFlag('color=true') || hasFlag('color=always')) {
-    flagForceColor = 1;
-}
-function envForceColor() {
-    if ('FORCE_COLOR' in env) {
-        if (env.FORCE_COLOR === 'true') {
-            return 1;
-        }
-        if (env.FORCE_COLOR === 'false') {
-            return 0;
-        }
-        return env.FORCE_COLOR.length === 0 ? 1 : Math.min(Number.parseInt(env.FORCE_COLOR, 10), 3);
-    }
-}
-function translateLevel(level) {
-    if (level === 0) {
-        return false;
-    }
-    return {
-        level,
-        hasBasic: true,
-        has256: level >= 2,
-        has16m: level >= 3
-    };
-}
-function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
-    const noFlagForceColor = envForceColor();
-    if (noFlagForceColor !== undefined) {
-        flagForceColor = noFlagForceColor;
-    }
-    const forceColor = sniffFlags ? flagForceColor : noFlagForceColor;
-    if (forceColor === 0) {
-        return 0;
-    }
-    if (sniffFlags) {
-        if (hasFlag('color=16m') || hasFlag('color=full') || hasFlag('color=truecolor')) {
-            return 3;
-        }
-        if (hasFlag('color=256')) {
-            return 2;
-        }
-    }
-    // Check for Azure DevOps pipelines.
-    // Has to be above the `!streamIsTTY` check.
-    if ('TF_BUILD' in env && 'AGENT_NAME' in env) {
-        return 1;
-    }
-    if (haveStream && !streamIsTTY && forceColor === undefined) {
-        return 0;
-    }
-    const min = forceColor || 0;
-    if (env.TERM === 'dumb') {
-        return min;
-    }
-    if (process.platform === 'win32') {
-        // Windows 10 build 10586 is the first Windows release that supports 256 colors.
-        // Windows 10 build 14931 is the first release that supports 16m/TrueColor.
-        const osRelease = os.release().split('.');
-        if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10_586) {
-            return Number(osRelease[2]) >= 14_931 ? 3 : 2;
-        }
-        return 1;
-    }
-    if ('CI' in env) {
-        if ('GITHUB_ACTIONS' in env || 'GITEA_ACTIONS' in env) {
-            return 3;
-        }
-        if ([
-            'TRAVIS',
-            'CIRCLECI',
-            'APPVEYOR',
-            'GITLAB_CI',
-            'BUILDKITE',
-            'DRONE'
-        ].some((sign)=>sign in env) || env.CI_NAME === 'codeship') {
-            return 1;
-        }
-        return min;
-    }
-    if ('TEAMCITY_VERSION' in env) {
-        return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(env.TEAMCITY_VERSION) ? 1 : 0;
-    }
-    if (env.COLORTERM === 'truecolor') {
-        return 3;
-    }
-    if (env.TERM === 'xterm-kitty') {
-        return 3;
-    }
-    if ('TERM_PROGRAM' in env) {
-        const version = Number.parseInt((env.TERM_PROGRAM_VERSION || '').split('.')[0], 10);
-        switch(env.TERM_PROGRAM){
-            case 'iTerm.app':
-                {
-                    return version >= 3 ? 3 : 2;
-                }
-            case 'Apple_Terminal':
-                {
-                    return 2;
-                }
-        }
-    }
-    if (/-256(color)?$/i.test(env.TERM)) {
-        return 2;
-    }
-    if (/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(env.TERM)) {
-        return 1;
-    }
-    if ('COLORTERM' in env) {
-        return 1;
-    }
-    return min;
-}
-function createSupportsColor(stream, options = {}) {
-    const level = _supportsColor(stream, {
-        streamIsTTY: stream && stream.isTTY,
-        ...options
-    });
-    return translateLevel(level);
-}
-const supportsColor = {
-    stdout: createSupportsColor({
-        isTTY: tty.isatty(1)
-    }),
-    stderr: createSupportsColor({
-        isTTY: tty.isatty(2)
-    })
-};
-
-// TODO: When targeting Node.js 16, use `String.prototype.replaceAll`.
-function stringReplaceAll(string, substring, replacer) {
-    let index = string.indexOf(substring);
-    if (index === -1) {
-        return string;
-    }
-    const substringLength = substring.length;
-    let endIndex = 0;
-    let returnValue = '';
-    do {
-        returnValue += string.slice(endIndex, index) + substring + replacer;
-        endIndex = index + substringLength;
-        index = string.indexOf(substring, endIndex);
-    }while (index !== -1)
-    returnValue += string.slice(endIndex);
-    return returnValue;
-}
-function stringEncaseCRLFWithFirstIndex(string, prefix, postfix, index) {
-    let endIndex = 0;
-    let returnValue = '';
-    do {
-        const gotCR = string[index - 1] === '\r';
-        returnValue += string.slice(endIndex, gotCR ? index - 1 : index) + prefix + (gotCR ? '\r\n' : '\n') + postfix;
-        endIndex = index + 1;
-        index = string.indexOf('\n', endIndex);
-    }while (index !== -1)
-    returnValue += string.slice(endIndex);
-    return returnValue;
-}
-
-const { stdout: stdoutColor, stderr: stderrColor } = supportsColor;
-const GENERATOR = Symbol('GENERATOR');
-const STYLER = Symbol('STYLER');
-const IS_EMPTY = Symbol('IS_EMPTY');
-// `supportsColor.level` → `ansiStyles.color[name]` mapping
-const levelMapping = [
-    'ansi',
-    'ansi',
-    'ansi256',
-    'ansi16m'
-];
-const styles = Object.create(null);
-const applyOptions = (object, options = {})=>{
-    if (options.level && !(Number.isInteger(options.level) && options.level >= 0 && options.level <= 3)) {
-        throw new Error('The `level` option should be an integer from 0 to 3');
-    }
-    // Detect level if not set manually
-    const colorLevel = stdoutColor ? stdoutColor.level : 0;
-    object.level = options.level === undefined ? colorLevel : options.level;
-};
-const chalkFactory = (options)=>{
-    const chalk = (...strings)=>strings.join(' ');
-    applyOptions(chalk, options);
-    Object.setPrototypeOf(chalk, createChalk.prototype);
-    return chalk;
-};
-function createChalk(options) {
-    return chalkFactory(options);
-}
-Object.setPrototypeOf(createChalk.prototype, Function.prototype);
-for (const [styleName, style] of Object.entries(ansiStyles)){
-    styles[styleName] = {
-        get () {
-            const builder = createBuilder(this, createStyler(style.open, style.close, this[STYLER]), this[IS_EMPTY]);
-            Object.defineProperty(this, styleName, {
-                value: builder
-            });
-            return builder;
-        }
-    };
-}
-styles.visible = {
-    get () {
-        const builder = createBuilder(this, this[STYLER], true);
-        Object.defineProperty(this, 'visible', {
-            value: builder
-        });
-        return builder;
-    }
-};
-const getModelAnsi = (model, level, type, ...arguments_)=>{
-    if (model === 'rgb') {
-        if (level === 'ansi16m') {
-            return ansiStyles[type].ansi16m(...arguments_);
-        }
-        if (level === 'ansi256') {
-            return ansiStyles[type].ansi256(ansiStyles.rgbToAnsi256(...arguments_));
-        }
-        return ansiStyles[type].ansi(ansiStyles.rgbToAnsi(...arguments_));
-    }
-    if (model === 'hex') {
-        return getModelAnsi('rgb', level, type, ...ansiStyles.hexToRgb(...arguments_));
-    }
-    return ansiStyles[type][model](...arguments_);
-};
-const usedModels = [
-    'rgb',
-    'hex',
-    'ansi256'
-];
-for (const model of usedModels){
-    styles[model] = {
-        get () {
-            const { level } = this;
-            return function(...arguments_) {
-                const styler = createStyler(getModelAnsi(model, levelMapping[level], 'color', ...arguments_), ansiStyles.color.close, this[STYLER]);
-                return createBuilder(this, styler, this[IS_EMPTY]);
-            };
-        }
-    };
-    const bgModel = 'bg' + model[0].toUpperCase() + model.slice(1);
-    styles[bgModel] = {
-        get () {
-            const { level } = this;
-            return function(...arguments_) {
-                const styler = createStyler(getModelAnsi(model, levelMapping[level], 'bgColor', ...arguments_), ansiStyles.bgColor.close, this[STYLER]);
-                return createBuilder(this, styler, this[IS_EMPTY]);
-            };
-        }
-    };
-}
-const proto = Object.defineProperties(()=>{}, {
-    ...styles,
-    level: {
-        enumerable: true,
-        get () {
-            return this[GENERATOR].level;
-        },
-        set (level) {
-            this[GENERATOR].level = level;
-        }
-    }
-});
-const createStyler = (open, close, parent)=>{
-    let openAll;
-    let closeAll;
-    if (parent === undefined) {
-        openAll = open;
-        closeAll = close;
-    } else {
-        openAll = parent.openAll + open;
-        closeAll = close + parent.closeAll;
-    }
-    return {
-        open,
-        close,
-        openAll,
-        closeAll,
-        parent
-    };
-};
-const createBuilder = (self, _styler, _isEmpty)=>{
-    // Single argument is hot path, implicit coercion is faster than anything
-    // eslint-disable-next-line no-implicit-coercion
-    const builder = (...arguments_)=>applyStyle(builder, arguments_.length === 1 ? '' + arguments_[0] : arguments_.join(' '));
-    // We alter the prototype because we must return a function, but there is
-    // no way to create a function with a different prototype
-    Object.setPrototypeOf(builder, proto);
-    builder[GENERATOR] = self;
-    builder[STYLER] = _styler;
-    builder[IS_EMPTY] = _isEmpty;
-    return builder;
-};
-const applyStyle = (self, string)=>{
-    if (self.level <= 0 || !string) {
-        return self[IS_EMPTY] ? '' : string;
-    }
-    let styler = self[STYLER];
-    if (styler === undefined) {
-        return string;
-    }
-    const { openAll, closeAll } = styler;
-    if (string.includes('\u001B')) {
-        while(styler !== undefined){
-            // Replace any instances already present with a re-opening code
-            // otherwise only the part of the string until said closing code
-            // will be colored, and the rest will simply be 'plain'.
-            string = stringReplaceAll(string, styler.close, styler.open);
-            styler = styler.parent;
-        }
-    }
-    // We can move both next actions out of loop, because remaining actions in loop won't have
-    // any/visible effect on parts we add here. Close the styling before a linebreak and reopen
-    // after next line to fix a bleed issue on macOS: https://github.com/chalk/chalk/pull/92
-    const lfIndex = string.indexOf('\n');
-    if (lfIndex !== -1) {
-        string = stringEncaseCRLFWithFirstIndex(string, closeAll, openAll, lfIndex);
-    }
-    return openAll + string + closeAll;
-};
-Object.defineProperties(createChalk.prototype, styles);
-const chalk = createChalk();
-createChalk({
-    level: stderrColor ? stderrColor.level : 0
-});
-
 const mapLoggingMethodToConsole = {
     wait: "log",
     error: "error",
@@ -741,7 +70,6 @@ const prefixedLog = (prefixType, ...message)=>{
     if ((message[0] === "" || message[0] === undefined) && message.length === 1) {
         message.shift();
     }
-    // If there's no message, don't print the prefix but a new line
     if (message.length === 0) {
         console[consoleMethod]("");
     } else {
@@ -764,7 +92,7 @@ const withSerwistInit = (pluginOptions)=>{
                 const { dev } = options;
                 const basePath = options.config.basePath || "/";
                 const tsConfigJson = loadTSConfig(options.dir, nextConfig?.typescript?.tsconfigPath);
-                const { cacheOnFrontEndNav, disable, scope = basePath, swUrl, register, reloadOnOnline, globPublicPatterns, ...buildOptions } = validateNextInjectManifestOptions(pluginOptions);
+                const { cacheOnNavigation, disable, scope = basePath, swUrl, register, reloadOnOnline, globPublicPatterns, ...buildOptions } = validateNextInjectManifestOptions(pluginOptions);
                 if (typeof nextConfig.webpack === "function") {
                     config = nextConfig.webpack(config, options);
                 }
@@ -781,7 +109,7 @@ const withSerwistInit = (pluginOptions)=>{
                 config.plugins.push(new webpack.DefinePlugin({
                     "self.__SERWIST_SW_ENTRY.sw": `'${_sw}'`,
                     "self.__SERWIST_SW_ENTRY.scope": `'${_scope}'`,
-                    "self.__SERWIST_SW_ENTRY.cacheOnFrontEndNav": `${cacheOnFrontEndNav}`,
+                    "self.__SERWIST_SW_ENTRY.cacheOnNavigation": `${cacheOnNavigation}`,
                     "self.__SERWIST_SW_ENTRY.register": `${register}`,
                     "self.__SERWIST_SW_ENTRY.reloadOnOnline": `${reloadOnOnline}`
                 }));
@@ -819,12 +147,9 @@ const withSerwistInit = (pluginOptions)=>{
                             info("You may also want to add @serwist/next/typings to compilerOptions.types in your tsconfig.json/jsconfig.json.");
                         }
                     }
-                    const { swSrc: providedSwSrc, swDest: providedSwDest, additionalPrecacheEntries, exclude = [], manifestTransforms = [], ...otherBuildOptions } = buildOptions;
-                    let swSrc = providedSwSrc;
-                    let swDest = providedSwDest;
-                    // If these two paths are not absolute, they will be resolved from `compilation.options.output.path`,
-                    // which is `${options.dir}/${nextConfig.destDir}` for Next.js apps, rather than `${options.dir}`
-                    // as an user would expect.
+                    const { swSrc: userSwSrc, swDest: userSwDest, additionalPrecacheEntries, exclude, manifestTransforms = [], ...otherBuildOptions } = buildOptions;
+                    let swSrc = userSwSrc;
+                    let swDest = userSwDest;
                     if (!path.isAbsolute(swSrc)) {
                         swSrc = path.join(options.dir, swSrc);
                     }
@@ -833,7 +158,7 @@ const withSerwistInit = (pluginOptions)=>{
                     }
                     const publicDir = path.resolve(options.dir, "public");
                     const destDir = path.dirname(swDest);
-                    const shouldBuildSWEntryWorker = cacheOnFrontEndNav;
+                    const shouldBuildSWEntryWorker = cacheOnNavigation;
                     let swEntryPublicPath = undefined;
                     let swEntryWorkerDest = undefined;
                     if (shouldBuildSWEntryWorker) {
@@ -859,7 +184,6 @@ const withSerwistInit = (pluginOptions)=>{
                             swDest
                         ]
                     }));
-                    // Precache files in public folder
                     let resolvedManifestEntries = additionalPrecacheEntries;
                     if (!resolvedManifestEntries) {
                         const swDestFileName = path.basename(swDest);
@@ -870,7 +194,6 @@ const withSerwistInit = (pluginOptions)=>{
                         ];
                         const publicScan = fg.sync([
                             ...userPublicGlob,
-                            // Forcibly include these in case the user outputs these files to `public`.
                             "!swe-worker-*.js",
                             "!swe-worker-*.js.map",
                             `!${swDestFileName.replace(/^\/+/, "")}`,
@@ -892,27 +215,18 @@ const withSerwistInit = (pluginOptions)=>{
                         exclude: [
                             ...exclude,
                             ({ asset, compilation })=>{
-                                // Same as how `@serwist/webpack-plugin` does it. It is always
-                                // `relativeToOutputPath(compilation, originalSwDest)`.
                                 const swDestRelativeOutput = relativeToOutputPath(compilation, swDest);
                                 const swAsset = compilation.getAsset(swDestRelativeOutput);
-                                return(// We don't need the service worker to be cached.
-                                asset.name === swAsset?.name || asset.name.startsWith("server/") || /^((app-|^)build-manifest\.json|react-loadable-manifest\.json)$/.test(asset.name) || dev && !asset.name.startsWith("static/runtime/"));
+                                return asset.name === swAsset?.name || asset.name.startsWith("server/") || /^((app-|^)build-manifest\.json|react-loadable-manifest\.json)$/.test(asset.name) || dev && !asset.name.startsWith("static/runtime/");
                             }
                         ],
                         manifestTransforms: [
                             ...manifestTransforms,
                             async (manifestEntries, compilation)=>{
-                                // This path always uses forward slashes, so it is safe to use it in the following string replace.
                                 const publicDirRelativeOutput = relativeToOutputPath(compilation, publicDir);
-                                // `publicPath` is always `${assetPrefix}/_next/` for Next.js apps.
                                 const publicFilesPrefix = `${publicPath}${publicDirRelativeOutput}`;
                                 const manifest = manifestEntries.map((m)=>{
                                     m.url = m.url.replace("/_next//static/image", "/_next/static/image").replace("/_next//static/media", "/_next/static/media");
-                                    // We remove `${publicPath}/${publicDirRelativeOutput}` because `assetPrefix`
-                                    // is not intended for files that are in the public directory and we also want
-                                    // to remove `/_next/${publicDirRelativeOutput}` from the URL, since that is not how
-                                    // we resolve files in the public directory.
                                     if (m.url.startsWith(publicFilesPrefix)) {
                                         m.url = path.posix.join(basePath, m.url.replace(publicFilesPrefix, ""));
                                     }

package/dist/index.worker.js

@@ -1,10 +1,6 @@
 const nonNullable = (value)=>value !== null && value !== undefined;
 
-/**
- * Conveniently define three `runtimeCaching` entries for Next.js pages.
- * @param options
- * @returns
- */ const definePageRuntimeCaching = ({ rscPrefetch, rsc, html })=>{
+const definePageRuntimeCaching = ({ rscPrefetch, rsc, html })=>{
     const pageRcs = [
         rscPrefetch,
         rsc,
@@ -25,7 +21,6 @@ const nonNullable = (value)=>value !== null && value !== undefined;
     return pageRcs.filter(nonNullable);
 };
 
-// Serwist RuntimeCaching config: https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.RuntimeCachingEntry
 const defaultCache = [
     {
         urlPattern: /^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,
@@ -163,9 +158,6 @@ const defaultCache = [
     },
     {
         urlPattern: ({ sameOrigin, url: { pathname } })=>{
-            // Exclude /api/auth/callback/* to fix OAuth workflow in Safari without having an impact on other environments
-            // The above route is the default for next-auth, you may need to change it if your OAuth workflow has a different callback route
-            // Issue: https://github.com/shadowwalker/next-pwa/issues/131#issuecomment-821894809
             if (!sameOrigin || pathname.startsWith("/api/auth/callback")) {
                 return false;
             }

package/dist/internal-types.d.ts

@@ -3,7 +3,7 @@ export type SerwistNextOptionsKey = "self.__SERWIST_SW_ENTRY";
 export interface SerwistNextOptions {
     sw: string;
     scope: string;
-    cacheOnFrontEndNav: boolean;
+    cacheOnNavigation: boolean;
     register: boolean;
     reloadOnOnline: boolean;
     swEntryWorker: string | undefined;

package/dist/internal-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal-types.d.ts","sourceRoot":"","sources":["../src/internal-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;CAC1B"}
+{"version":3,"file":"internal-types.d.ts","sourceRoot":"","sources":["../src/internal-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;CAC1B"}

package/dist/sw-entry.js

@@ -11,8 +11,8 @@ if (typeof window !== "undefined" && "serviceWorker" in navigator && typeof cach
     if (self.__SERWIST_SW_ENTRY.register) {
         window.serwist.register();
     }
-    if (self.__SERWIST_SW_ENTRY.cacheOnFrontEndNav) {
-        const cacheOnFrontEndNav = async (url)=>{
+    if (self.__SERWIST_SW_ENTRY.cacheOnNavigation) {
+        const cacheOnNavigation = async (url)=>{
             if (!window.navigator.onLine || !url) {
                 return;
             }
@@ -24,15 +24,15 @@ if (typeof window !== "undefined" && "serviceWorker" in navigator && typeof cach
         const pushState = history.pushState;
         history.pushState = (...args)=>{
             pushState.apply(history, args);
-            cacheOnFrontEndNav(args[2]);
+            cacheOnNavigation(args[2]);
         };
         const replaceState = history.replaceState;
         history.replaceState = (...args)=>{
             replaceState.apply(history, args);
-            cacheOnFrontEndNav(args[2]);
+            cacheOnNavigation(args[2]);
         };
         window.addEventListener("online", ()=>{
-            cacheOnFrontEndNav(window.location.pathname);
+            cacheOnNavigation(window.location.pathname);
         });
     }
     if (self.__SERWIST_SW_ENTRY.reloadOnOnline) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serwist/next",
-  "version": "9.0.0-preview.0",
+  "version": "9.0.0-preview.2",
   "type": "module",
   "description": "A module that integrates Serwist into your Next.js application.",
   "files": [
@@ -50,32 +50,32 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
+    "chalk": "5.3.0",
     "clean-webpack-plugin": "4.0.0",
     "fast-glob": "3.3.2",
-    "@serwist/build": "9.0.0-preview.0",
-    "@serwist/core": "9.0.0-preview.0",
-    "@serwist/webpack-plugin": "9.0.0-preview.0",
-    "@serwist/window": "9.0.0-preview.0"
+    "@serwist/build": "9.0.0-preview.2",
+    "@serwist/core": "9.0.0-preview.2",
+    "@serwist/webpack-plugin": "9.0.0-preview.2",
+    "@serwist/window": "9.0.0-preview.2"
   },
   "devDependencies": {
     "@types/node": "20.11.16",
-    "chalk": "5.3.0",
     "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rollup": "4.9.6",
     "type-fest": "4.10.2",
-    "typescript": "5.4.0-dev.20240203",
+    "typescript": "5.4.0-dev.20240206",
     "webpack": "5.90.1",
-    "@serwist/constants": "9.0.0-preview.0",
-    "@serwist/sw": "9.0.0-preview.0",
-    "@serwist/utils": "9.0.0-preview.0"
+    "@serwist/constants": "9.0.0-preview.2",
+    "@serwist/sw": "9.0.0-preview.2",
+    "@serwist/utils": "9.0.0-preview.2"
   },
   "peerDependencies": {
     "next": ">=14.0.0",
     "typescript": ">=5.0.0",
     "webpack": ">=5.9.0",
-    "@serwist/sw": "9.0.0-preview.0"
+    "@serwist/sw": "9.0.0-preview.2"
   },
   "peerDependenciesMeta": {
     "@serwist/sw": {

package/src/index.ts

@@ -27,7 +27,7 @@ const withSerwistInit = (pluginOptions: NextInjectManifestOptions): ((nextConfig
       const tsConfigJson = loadTSConfig(options.dir, nextConfig?.typescript?.tsconfigPath);
 
       const {
-        cacheOnFrontEndNav,
+        cacheOnNavigation,
         disable,
         scope = basePath,
         swUrl,
@@ -59,7 +59,7 @@ const withSerwistInit = (pluginOptions: NextInjectManifestOptions): ((nextConfig
         new webpack.DefinePlugin({
           "self.__SERWIST_SW_ENTRY.sw": `'${_sw}'`,
           "self.__SERWIST_SW_ENTRY.scope": `'${_scope}'`,
-          "self.__SERWIST_SW_ENTRY.cacheOnFrontEndNav": `${cacheOnFrontEndNav}`,
+          "self.__SERWIST_SW_ENTRY.cacheOnNavigation": `${cacheOnNavigation}`,
           "self.__SERWIST_SW_ENTRY.register": `${register}`,
           "self.__SERWIST_SW_ENTRY.reloadOnOnline": `${reloadOnOnline}`,
         } satisfies Record<`${SerwistNextOptionsKey}.${Exclude<keyof SerwistNextOptions, "swEntryWorker">}`, string | undefined>),
@@ -100,16 +100,16 @@ const withSerwistInit = (pluginOptions: NextInjectManifestOptions): ((nextConfig
         }
 
         const {
-          swSrc: providedSwSrc,
-          swDest: providedSwDest,
+          swSrc: userSwSrc,
+          swDest: userSwDest,
           additionalPrecacheEntries,
-          exclude = [],
+          exclude,
           manifestTransforms = [],
           ...otherBuildOptions
         } = buildOptions;
 
-        let swSrc = providedSwSrc;
-        let swDest = providedSwDest;
+        let swSrc = userSwSrc;
+        let swDest = userSwDest;
 
         // If these two paths are not absolute, they will be resolved from `compilation.options.output.path`,
         // which is `${options.dir}/${nextConfig.destDir}` for Next.js apps, rather than `${options.dir}`
@@ -124,7 +124,7 @@ const withSerwistInit = (pluginOptions: NextInjectManifestOptions): ((nextConfig
         const publicDir = path.resolve(options.dir, "public");
         const destDir = path.dirname(swDest);
 
-        const shouldBuildSWEntryWorker = cacheOnFrontEndNav;
+        const shouldBuildSWEntryWorker = cacheOnNavigation;
         let swEntryPublicPath: string | undefined = undefined;
         let swEntryWorkerDest: string | undefined = undefined;
 

package/src/internal-types.ts

@@ -5,7 +5,7 @@ export type SerwistNextOptionsKey = "self.__SERWIST_SW_ENTRY";
 export interface SerwistNextOptions {
   sw: string;
   scope: string;
-  cacheOnFrontEndNav: boolean;
+  cacheOnNavigation: boolean;
   register: boolean;
   reloadOnOnline: boolean;
   swEntryWorker: string | undefined;

package/src/sw-entry.ts

@@ -30,8 +30,8 @@ if (typeof window !== "undefined" && "serviceWorker" in navigator && typeof cach
     window.serwist.register();
   }
 
-  if (self.__SERWIST_SW_ENTRY.cacheOnFrontEndNav) {
-    const cacheOnFrontEndNav = async (url?: string | URL | null | undefined) => {
+  if (self.__SERWIST_SW_ENTRY.cacheOnNavigation) {
+    const cacheOnNavigation = async (url?: string | URL | null | undefined) => {
       if (!window.navigator.onLine || !url) {
         return;
       }
@@ -44,17 +44,17 @@ if (typeof window !== "undefined" && "serviceWorker" in navigator && typeof cach
     const pushState = history.pushState;
     history.pushState = (...args) => {
       pushState.apply(history, args);
-      cacheOnFrontEndNav(args[2]);
+      cacheOnNavigation(args[2]);
     };
 
     const replaceState = history.replaceState;
     history.replaceState = (...args) => {
       replaceState.apply(history, args);
-      cacheOnFrontEndNav(args[2]);
+      cacheOnNavigation(args[2]);
     };
 
     window.addEventListener("online", () => {
-      cacheOnFrontEndNav(window.location.pathname);
+      cacheOnNavigation(window.location.pathname);
     });
   }