@serwist/webpack-plugin/src/lib/get-sourcemap-asset-name.ts

A plugin for your webpack build process, helping you generate a manifest of local files that should be precached.

/*
  Copyright 2019 Google LLC

  Use of this source code is governed by an MIT-style
  license that can be found in the LICENSE file or at
  https://opensource.org/licenses/MIT.
*/
import path from "node:path";
import { getSourceMapURL } from "@serwist/build";
import type { Compilation } from "webpack";

/**
 * If our bundled swDest file contains a sourcemap, we would invalidate that
 * mapping if we just replaced injectionPoint with the stringified manifest.
 * Instead, we need to update the swDest contents as well as the sourcemap
 * at the same time.
 *
 * See https://github.com/GoogleChrome/workbox/issues/2235
 *
 * @param compilation The current webpack compilation.
 * @param swContents The contents of the swSrc file, which may or
 * may not include a valid sourcemap comment.
 * @param swDest The configured swDest value.
 * @returns If the swContents contains a valid sourcemap
 * comment pointing to an asset present in the compilation, this will return the
 * name of that asset. Otherwise, it will return undefined.
 * @private
 */
export const getSourcemapAssetName = (compilation: Compilation, swContents: string, swDest: string): string | undefined => {
  const url = getSourceMapURL(swContents);
  if (url) {
    // Translate the relative URL to what the presumed name for the webpack
    // asset should be.
    // This *might* not be a valid asset if the sourcemap URL that was found
    // was added by another module incidentally.
    // See https://github.com/GoogleChrome/workbox/issues/2250
    const swAssetDirname = path.dirname(swDest);
    const sourcemapURLAssetName = path.normalize(path.join(swAssetDirname, url));
    // Not sure if there's a better way to check for asset existence?
    if (compilation.getAsset(sourcemapURLAssetName)) {
      return sourcemapURLAssetName;
    }
  }
  return undefined;
};