Introduction to source-map-resolve

The source-map-resolve library is a crucial utility for JavaScript developers who work with source maps. Source maps are used to map the transformed code (e.g., minified or transpiled JavaScript) back to the original source code, making debugging easier.

API Examples and Usage

1. Basic Usage

  const sourceMapResolve = require('source-map-resolve');

  // Example of resolving source map from base64 encoded URL.
  const url = 'data:application/json;base64,...';
  sourceMapResolve.resolveSourceMap(code, url, fs.readFile, (error, result) => {
    if (error) {
      console.error(error);
    } else {
      console.log(result);
    }
  });

2. Resolving Synchronously

  const result = sourceMapResolve.resolveSourceMapSync(code, url, fs.readFileSync);
  console.log(result);

3. Resolving Source Map URL

  sourceMapResolve.resolveSourceMapUrl(code, (error, result) => {
    if (error) {
      console.error(error);
    } else {
      console.log(result);
    }
  });

4. Resolving Sources

  sourceMapResolve.resolveSources(result.map, result.mapUrl, fs.readFile, (error, sourceContent, sourcesResolved) => {
    if (error) {
      console.error(error);
    } else {
      console.log(sourceContent, sourcesResolved);
    }
  });

5. Resolving Sources Synchronously

  const sourcesResolved = sourceMapResolve.resolveSourcesSync(map, mapUrl, fs.readFileSync);
  console.log(sourcesResolved);

6. App Example

A simple Node.js application using the source-map-resolve library to resolve and print source maps:

  const fs = require('fs');
  const sourceMapResolve = require('source-map-resolve');
  
  fs.readFile('app.min.js', 'utf8', (err, data) => {
    if (err) throw err;
  
    sourceMapResolve.resolveSourceMap(data, null, fs.readFile, (error, result) => {
      if (error) {
        console.error(error);
      } else {
        sourceMapResolve.resolveSources(result.map, result.mapUrl, fs.readFile, (error, sourceContent, sourcesResolved) => {
          if (error) {
            console.error(error);
          } else {
            console.log('Sources:', sourcesResolved);
          }
        });
      }
    });
  });

By using source-map-resolve, you can efficiently debug and track down issues in your minified or compiled JavaScript codes.

Hash: 0817e1fec79f43f871ce76f2cc9b55a8399540d881d71ddefaa86e47e6d8ffb3