| # Source Map |
| |
| [](https://travis-ci.org/mozilla/source-map) |
| |
| [](https://www.npmjs.com/package/source-map) |
| |
| This is a library to generate and consume the source map format |
| [described here][format]. |
| |
| [format]: https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit |
| |
| ## Use with Node |
| |
| $ npm install source-map |
| |
| ## Use on the Web |
| |
| <script src="https://raw.githubusercontent.com/mozilla/source-map/master/dist/source-map.min.js" defer></script> |
| |
| -------------------------------------------------------------------------------- |
| |
| <!-- `npm run toc` to regenerate the Table of Contents --> |
| |
| <!-- START doctoc generated TOC please keep comment here to allow auto update --> |
| <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> |
| ## Table of Contents |
| |
| - [Examples](#examples) |
| - [Consuming a source map](#consuming-a-source-map) |
| - [Generating a source map](#generating-a-source-map) |
| - [With SourceNode (high level API)](#with-sourcenode-high-level-api) |
| - [With SourceMapGenerator (low level API)](#with-sourcemapgenerator-low-level-api) |
| - [API](#api) |
| - [SourceMapConsumer](#sourcemapconsumer) |
| - [new SourceMapConsumer(rawSourceMap)](#new-sourcemapconsumerrawsourcemap) |
| - [SourceMapConsumer.prototype.computeColumnSpans()](#sourcemapconsumerprototypecomputecolumnspans) |
| - [SourceMapConsumer.prototype.originalPositionFor(generatedPosition)](#sourcemapconsumerprototypeoriginalpositionforgeneratedposition) |
| - [SourceMapConsumer.prototype.generatedPositionFor(originalPosition)](#sourcemapconsumerprototypegeneratedpositionfororiginalposition) |
| - [SourceMapConsumer.prototype.allGeneratedPositionsFor(originalPosition)](#sourcemapconsumerprototypeallgeneratedpositionsfororiginalposition) |
| - [SourceMapConsumer.prototype.hasContentsOfAllSources()](#sourcemapconsumerprototypehascontentsofallsources) |
| - [SourceMapConsumer.prototype.sourceContentFor(source[, returnNullOnMissing])](#sourcemapconsumerprototypesourcecontentforsource-returnnullonmissing) |
| - [SourceMapConsumer.prototype.eachMapping(callback, context, order)](#sourcemapconsumerprototypeeachmappingcallback-context-order) |
| - [SourceMapGenerator](#sourcemapgenerator) |
| - [new SourceMapGenerator([startOfSourceMap])](#new-sourcemapgeneratorstartofsourcemap) |
| - [SourceMapGenerator.fromSourceMap(sourceMapConsumer)](#sourcemapgeneratorfromsourcemapsourcemapconsumer) |
| - [SourceMapGenerator.prototype.addMapping(mapping)](#sourcemapgeneratorprototypeaddmappingmapping) |
| - [SourceMapGenerator.prototype.setSourceContent(sourceFile, sourceContent)](#sourcemapgeneratorprototypesetsourcecontentsourcefile-sourcecontent) |
| - [SourceMapGenerator.prototype.applySourceMap(sourceMapConsumer[, sourceFile[, sourceMapPath]])](#sourcemapgeneratorprototypeapplysourcemapsourcemapconsumer-sourcefile-sourcemappath) |
| - [SourceMapGenerator.prototype.toString()](#sourcemapgeneratorprototypetostring) |
| - [SourceNode](#sourcenode) |
| - [new SourceNode([line, column, source[, chunk[, name]]])](#new-sourcenodeline-column-source-chunk-name) |
| - [SourceNode.fromStringWithSourceMap(code, sourceMapConsumer[, relativePath])](#sourcenodefromstringwithsourcemapcode-sourcemapconsumer-relativepath) |
| - [SourceNode.prototype.add(chunk)](#sourcenodeprototypeaddchunk) |
| - [SourceNode.prototype.prepend(chunk)](#sourcenodeprototypeprependchunk) |
| - [SourceNode.prototype.setSourceContent(sourceFile, sourceContent)](#sourcenodeprototypesetsourcecontentsourcefile-sourcecontent) |
| - [SourceNode.prototype.walk(fn)](#sourcenodeprototypewalkfn) |
| - [SourceNode.prototype.walkSourceContents(fn)](#sourcenodeprototypewalksourcecontentsfn) |
| - [SourceNode.prototype.join(sep)](#sourcenodeprototypejoinsep) |
| - [SourceNode.prototype.replaceRight(pattern, replacement)](#sourcenodeprototypereplacerightpattern-replacement) |
| - [SourceNode.prototype.toString()](#sourcenodeprototypetostring) |
| - [SourceNode.prototype.toStringWithSourceMap([startOfSourceMap])](#sourcenodeprototypetostringwithsourcemapstartofsourcemap) |
| |
| <!-- END doctoc generated TOC please keep comment here to allow auto update --> |
| |
| ## Examples |
| |
| ### Consuming a source map |
| |
| ```js |
| var rawSourceMap = { |
| version: 3, |
| file: 'min.js', |
| names: ['bar', 'baz', 'n'], |
| sources: ['one.js', 'two.js'], |
| sourceRoot: 'http://example.com/www/js/', |
| mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA' |
| }; |
| |
| var smc = new SourceMapConsumer(rawSourceMap); |
| |
| console.log(smc.sources); |
| // [ 'http://example.com/www/js/one.js', |
| // 'http://example.com/www/js/two.js' ] |
| |
| console.log(smc.originalPositionFor({ |
| line: 2, |
| column: 28 |
| })); |
| // { source: 'http://example.com/www/js/two.js', |
| // line: 2, |
| // column: 10, |
| // name: 'n' } |
| |
| console.log(smc.generatedPositionFor({ |
| source: 'http://example.com/www/js/two.js', |
| line: 2, |
| column: 10 |
| })); |
| // { line: 2, column: 28 } |
| |
| smc.eachMapping(function (m) { |
| // ... |
| }); |
| ``` |
| |
| ### Generating a source map |
| |
| In depth guide: |
| [**Compiling to JavaScript, and Debugging with Source Maps**](https://hacks.mozilla.org/2013/05/compiling-to-javascript-and-debugging-with-source-maps/) |
| |
| #### With SourceNode (high level API) |
| |
| ```js |
| function compile(ast) { |
| switch (ast.type) { |
| case 'BinaryExpression': |
| return new SourceNode( |
| ast.location.line, |
| ast.location.column, |
| ast.location.source, |
| [compile(ast.left), " + ", compile(ast.right)] |
| ); |
| case 'Literal': |
| return new SourceNode( |
| ast.location.line, |
| ast.location.column, |
| ast.location.source, |
| String(ast.value) |
| ); |
| // ... |
| default: |
| throw new Error("Bad AST"); |
| } |
| } |
| |
| var ast = parse("40 + 2", "add.js"); |
| console.log(compile(ast).toStringWithSourceMap({ |
| file: 'add.js' |
| })); |
| // { code: '40 + 2', |
| // map: [object SourceMapGenerator] } |
| ``` |
| |
| #### With SourceMapGenerator (low level API) |
| |
| ```js |
| var map = new SourceMapGenerator({ |
| file: "source-mapped.js" |
| }); |
| |
| map.addMapping({ |
| generated: { |
| line: 10, |
| column: 35 |
| }, |
| source: "foo.js", |
| original: { |
| line: 33, |
| column: 2 |
| }, |
| name: "christopher" |
| }); |
| |
| console.log(map.toString()); |
| // '{"version":3,"file":"source-mapped.js","sources":["foo.js"],"names":["christopher"],"mappings":";;;;;;;;;mCAgCEA"}' |
| ``` |
| |
| ## API |
| |
| Get a reference to the module: |
| |
| ```js |
| // Node.js |
| var sourceMap = require('source-map'); |
| |
| // Browser builds |
| var sourceMap = window.sourceMap; |
| |
| // Inside Firefox |
| const sourceMap = require("devtools/toolkit/sourcemap/source-map.js"); |
| ``` |
| |
| ### SourceMapConsumer |
| |
| A SourceMapConsumer instance represents a parsed source map which we can query |
| for information about the original file positions by giving it a file position |
| in the generated source. |
| |
| #### new SourceMapConsumer(rawSourceMap) |
| |
| The only parameter is the raw source map (either as a string which can be |
| `JSON.parse`'d, or an object). According to the spec, source maps have the |
| following attributes: |
| |
| * `version`: Which version of the source map spec this map is following. |
| |
| * `sources`: An array of URLs to the original source files. |
| |
| * `names`: An array of identifiers which can be referenced by individual |
| mappings. |
| |
| * `sourceRoot`: Optional. The URL root from which all sources are relative. |
| |
| * `sourcesContent`: Optional. An array of contents of the original source files. |
| |
| * `mappings`: A string of base64 VLQs which contain the actual mappings. |
| |
| * `file`: Optional. The generated filename this source map is associated with. |
| |
| ```js |
| var consumer = new sourceMap.SourceMapConsumer(rawSourceMapJsonData); |
| ``` |
| |
| #### SourceMapConsumer.prototype.computeColumnSpans() |
| |
| Compute the last column for each generated mapping. The last column is |
| inclusive. |
| |
| ```js |
| // Before: |
| consumer.allGeneratedPositionsFor({ line: 2, source: "foo.coffee" }) |
| // [ { line: 2, |
| // column: 1 }, |
| // { line: 2, |
| // column: 10 }, |
| // { line: 2, |
| // column: 20 } ] |
| |
| consumer.computeColumnSpans(); |
| |
| // After: |
| consumer.allGeneratedPositionsFor({ line: 2, source: "foo.coffee" }) |
| // [ { line: 2, |
| // column: 1, |
| // lastColumn: 9 }, |
| // { line: 2, |
| // column: 10, |
| // lastColumn: 19 }, |
| // { line: 2, |
| // column: 20, |
| // lastColumn: Infinity } ] |
| |
| ``` |
| |
| #### SourceMapConsumer.prototype.originalPositionFor(generatedPosition) |
| |
| Returns the original source, line, and column information for the generated |
| source's line and column positions provided. The only argument is an object with |
| the following properties: |
| |
| * `line`: The line number in the generated source. Line numbers in |
| this library are 1-based (note that the underlying source map |
| specification uses 0-based line numbers -- this library handles the |
| translation). |
| |
| * `column`: The column number in the generated source. Column numbers |
| in this library are 0-based. |
| |
| * `bias`: Either `SourceMapConsumer.GREATEST_LOWER_BOUND` or |
| `SourceMapConsumer.LEAST_UPPER_BOUND`. Specifies whether to return the closest |
| element that is smaller than or greater than the one we are searching for, |
| respectively, if the exact element cannot be found. Defaults to |
| `SourceMapConsumer.GREATEST_LOWER_BOUND`. |
| |
| and an object is returned with the following properties: |
| |
| * `source`: The original source file, or null if this information is not |
| available. |
| |
| * `line`: The line number in the original source, or null if this information is |
| not available. The line number is 1-based. |
| |
| * `column`: The column number in the original source, or null if this |
| information is not available. The column number is 0-based. |
| |
| * `name`: The original identifier, or null if this information is not available. |
| |
| ```js |
| consumer.originalPositionFor({ line: 2, column: 10 }) |
| // { source: 'foo.coffee', |
| // line: 2, |
| // column: 2, |
| // name: null } |
| |
| consumer.originalPositionFor({ line: 99999999999999999, column: 999999999999999 }) |
| // { source: null, |
| // line: null, |
| // column: null, |
| // name: null } |
| ``` |
| |
| #### SourceMapConsumer.prototype.generatedPositionFor(originalPosition) |
| |
| Returns the generated line and column information for the original source, |
| line, and column positions provided. The only argument is an object with |
| the following properties: |
| |
| * `source`: The filename of the original source. |
| |
| * `line`: The line number in the original source. The line number is |
| 1-based. |
| |
| * `column`: The column number in the original source. The column |
| number is 0-based. |
| |
| and an object is returned with the following properties: |
| |
| * `line`: The line number in the generated source, or null. The line |
| number is 1-based. |
| |
| * `column`: The column number in the generated source, or null. The |
| column number is 0-based. |
| |
| ```js |
| consumer.generatedPositionFor({ source: "example.js", line: 2, column: 10 }) |
| // { line: 1, |
| // column: 56 } |
| ``` |
| |
| #### SourceMapConsumer.prototype.allGeneratedPositionsFor(originalPosition) |
| |
| Returns all generated line and column information for the original source, line, |
| and column provided. If no column is provided, returns all mappings |
| corresponding to a either the line we are searching for or the next closest line |
| that has any mappings. Otherwise, returns all mappings corresponding to the |
| given line and either the column we are searching for or the next closest column |
| that has any offsets. |
| |
| The only argument is an object with the following properties: |
| |
| * `source`: The filename of the original source. |
| |
| * `line`: The line number in the original source. The line number is |
| 1-based. |
| |
| * `column`: Optional. The column number in the original source. The |
| column number is 0-based. |
| |
| and an array of objects is returned, each with the following properties: |
| |
| * `line`: The line number in the generated source, or null. The line |
| number is 1-based. |
| |
| * `column`: The column number in the generated source, or null. The |
| column number is 0-based. |
| |
| ```js |
| consumer.allGeneratedpositionsfor({ line: 2, source: "foo.coffee" }) |
| // [ { line: 2, |
| // column: 1 }, |
| // { line: 2, |
| // column: 10 }, |
| // { line: 2, |
| // column: 20 } ] |
| ``` |
| |
| #### SourceMapConsumer.prototype.hasContentsOfAllSources() |
| |
| Return true if we have the embedded source content for every source listed in |
| the source map, false otherwise. |
| |
| In other words, if this method returns `true`, then |
| `consumer.sourceContentFor(s)` will succeed for every source `s` in |
| `consumer.sources`. |
| |
| ```js |
| // ... |
| if (consumer.hasContentsOfAllSources()) { |
| consumerReadyCallback(consumer); |
| } else { |
| fetchSources(consumer, consumerReadyCallback); |
| } |
| // ... |
| ``` |
| |
| #### SourceMapConsumer.prototype.sourceContentFor(source[, returnNullOnMissing]) |
| |
| Returns the original source content for the source provided. The only |
| argument is the URL of the original source file. |
| |
| If the source content for the given source is not found, then an error is |
| thrown. Optionally, pass `true` as the second param to have `null` returned |
| instead. |
| |
| ```js |
| consumer.sources |
| // [ "my-cool-lib.clj" ] |
| |
| consumer.sourceContentFor("my-cool-lib.clj") |
| // "..." |
| |
| consumer.sourceContentFor("this is not in the source map"); |
| // Error: "this is not in the source map" is not in the source map |
| |
| consumer.sourceContentFor("this is not in the source map", true); |
| // null |
| ``` |
| |
| #### SourceMapConsumer.prototype.eachMapping(callback, context, order) |
| |
| Iterate over each mapping between an original source/line/column and a |
| generated line/column in this source map. |
| |
| * `callback`: The function that is called with each mapping. Mappings have the |
| form `{ source, generatedLine, generatedColumn, originalLine, originalColumn, |
| name }` |
| |
| * `context`: Optional. If specified, this object will be the value of `this` |
| every time that `callback` is called. |
| |
| * `order`: Either `SourceMapConsumer.GENERATED_ORDER` or |
| `SourceMapConsumer.ORIGINAL_ORDER`. Specifies whether you want to iterate over |
| the mappings sorted by the generated file's line/column order or the |
| original's source/line/column order, respectively. Defaults to |
| `SourceMapConsumer.GENERATED_ORDER`. |
| |
| ```js |
| consumer.eachMapping(function (m) { console.log(m); }) |
| // ... |
| // { source: 'illmatic.js', |
| // generatedLine: 1, |
| // generatedColumn: 0, |
| // originalLine: 1, |
| // originalColumn: 0, |
| // name: null } |
| // { source: 'illmatic.js', |
| // generatedLine: 2, |
| // generatedColumn: 0, |
| // originalLine: 2, |
| // originalColumn: 0, |
| // name: null } |
| // ... |
| ``` |
| ### SourceMapGenerator |
| |
| An instance of the SourceMapGenerator represents a source map which is being |
| built incrementally. |
| |
| #### new SourceMapGenerator([startOfSourceMap]) |
| |
| You may pass an object with the following properties: |
| |
| * `file`: The filename of the generated source that this source map is |
| associated with. |
| |
| * `sourceRoot`: A root for all relative URLs in this source map. |
| |
| * `skipValidation`: Optional. When `true`, disables validation of mappings as |
| they are added. This can improve performance but should be used with |
| discretion, as a last resort. Even then, one should avoid using this flag when |
| running tests, if possible. |
| |
| ```js |
| var generator = new sourceMap.SourceMapGenerator({ |
| file: "my-generated-javascript-file.js", |
| sourceRoot: "http://example.com/app/js/" |
| }); |
| ``` |
| |
| #### SourceMapGenerator.fromSourceMap(sourceMapConsumer) |
| |
| Creates a new `SourceMapGenerator` from an existing `SourceMapConsumer` instance. |
| |
| * `sourceMapConsumer` The SourceMap. |
| |
| ```js |
| var generator = sourceMap.SourceMapGenerator.fromSourceMap(consumer); |
| ``` |
| |
| #### SourceMapGenerator.prototype.addMapping(mapping) |
| |
| Add a single mapping from original source line and column to the generated |
| source's line and column for this source map being created. The mapping object |
| should have the following properties: |
| |
| * `generated`: An object with the generated line and column positions. |
| |
| * `original`: An object with the original line and column positions. |
| |
| * `source`: The original source file (relative to the sourceRoot). |
| |
| * `name`: An optional original token name for this mapping. |
| |
| ```js |
| generator.addMapping({ |
| source: "module-one.scm", |
| original: { line: 128, column: 0 }, |
| generated: { line: 3, column: 456 } |
| }) |
| ``` |
| |
| #### SourceMapGenerator.prototype.setSourceContent(sourceFile, sourceContent) |
| |
| Set the source content for an original source file. |
| |
| * `sourceFile` the URL of the original source file. |
| |
| * `sourceContent` the content of the source file. |
| |
| ```js |
| generator.setSourceContent("module-one.scm", |
| fs.readFileSync("path/to/module-one.scm")) |
| ``` |
| |
| #### SourceMapGenerator.prototype.applySourceMap(sourceMapConsumer[, sourceFile[, sourceMapPath]]) |
| |
| Applies a SourceMap for a source file to the SourceMap. |
| Each mapping to the supplied source file is rewritten using the |
| supplied SourceMap. Note: The resolution for the resulting mappings |
| is the minimum of this map and the supplied map. |
| |
| * `sourceMapConsumer`: The SourceMap to be applied. |
| |
| * `sourceFile`: Optional. The filename of the source file. |
| If omitted, sourceMapConsumer.file will be used, if it exists. |
| Otherwise an error will be thrown. |
| |
| * `sourceMapPath`: Optional. The dirname of the path to the SourceMap |
| to be applied. If relative, it is relative to the SourceMap. |
| |
| This parameter is needed when the two SourceMaps aren't in the same |
| directory, and the SourceMap to be applied contains relative source |
| paths. If so, those relative source paths need to be rewritten |
| relative to the SourceMap. |
| |
| If omitted, it is assumed that both SourceMaps are in the same directory, |
| thus not needing any rewriting. (Supplying `'.'` has the same effect.) |
| |
| #### SourceMapGenerator.prototype.toString() |
| |
| Renders the source map being generated to a string. |
| |
| ```js |
| generator.toString() |
| // '{"version":3,"sources":["module-one.scm"],"names":[],"mappings":"...snip...","file":"my-generated-javascript-file.js","sourceRoot":"http://example.com/app/js/"}' |
| ``` |
| |
| ### SourceNode |
| |
| SourceNodes provide a way to abstract over interpolating and/or concatenating |
| snippets of generated JavaScript source code, while maintaining the line and |
| column information associated between those snippets and the original source |
| code. This is useful as the final intermediate representation a compiler might |
| use before outputting the generated JS and source map. |
| |
| #### new SourceNode([line, column, source[, chunk[, name]]]) |
| |
| * `line`: The original line number associated with this source node, or null if |
| it isn't associated with an original line. The line number is 1-based. |
| |
| * `column`: The original column number associated with this source node, or null |
| if it isn't associated with an original column. The column number |
| is 0-based. |
| |
| * `source`: The original source's filename; null if no filename is provided. |
| |
| * `chunk`: Optional. Is immediately passed to `SourceNode.prototype.add`, see |
| below. |
| |
| * `name`: Optional. The original identifier. |
| |
| ```js |
| var node = new SourceNode(1, 2, "a.cpp", [ |
| new SourceNode(3, 4, "b.cpp", "extern int status;\n"), |
| new SourceNode(5, 6, "c.cpp", "std::string* make_string(size_t n);\n"), |
| new SourceNode(7, 8, "d.cpp", "int main(int argc, char** argv) {}\n"), |
| ]); |
| ``` |
| |
| #### SourceNode.fromStringWithSourceMap(code, sourceMapConsumer[, relativePath]) |
| |
| Creates a SourceNode from generated code and a SourceMapConsumer. |
| |
| * `code`: The generated code |
| |
| * `sourceMapConsumer` The SourceMap for the generated code |
| |
| * `relativePath` The optional path that relative sources in `sourceMapConsumer` |
| should be relative to. |
| |
| ```js |
| var consumer = new SourceMapConsumer(fs.readFileSync("path/to/my-file.js.map", "utf8")); |
| var node = SourceNode.fromStringWithSourceMap(fs.readFileSync("path/to/my-file.js"), |
| consumer); |
| ``` |
| |
| #### SourceNode.prototype.add(chunk) |
| |
| Add a chunk of generated JS to this source node. |
| |
| * `chunk`: A string snippet of generated JS code, another instance of |
| `SourceNode`, or an array where each member is one of those things. |
| |
| ```js |
| node.add(" + "); |
| node.add(otherNode); |
| node.add([leftHandOperandNode, " + ", rightHandOperandNode]); |
| ``` |
| |
| #### SourceNode.prototype.prepend(chunk) |
| |
| Prepend a chunk of generated JS to this source node. |
| |
| * `chunk`: A string snippet of generated JS code, another instance of |
| `SourceNode`, or an array where each member is one of those things. |
| |
| ```js |
| node.prepend("/** Build Id: f783haef86324gf **/\n\n"); |
| ``` |
| |
| #### SourceNode.prototype.setSourceContent(sourceFile, sourceContent) |
| |
| Set the source content for a source file. This will be added to the |
| `SourceMap` in the `sourcesContent` field. |
| |
| * `sourceFile`: The filename of the source file |
| |
| * `sourceContent`: The content of the source file |
| |
| ```js |
| node.setSourceContent("module-one.scm", |
| fs.readFileSync("path/to/module-one.scm")) |
| ``` |
| |
| #### SourceNode.prototype.walk(fn) |
| |
| Walk over the tree of JS snippets in this node and its children. The walking |
| function is called once for each snippet of JS and is passed that snippet and |
| the its original associated source's line/column location. |
| |
| * `fn`: The traversal function. |
| |
| ```js |
| var node = new SourceNode(1, 2, "a.js", [ |
| new SourceNode(3, 4, "b.js", "uno"), |
| "dos", |
| [ |
| "tres", |
| new SourceNode(5, 6, "c.js", "quatro") |
| ] |
| ]); |
| |
| node.walk(function (code, loc) { console.log("WALK:", code, loc); }) |
| // WALK: uno { source: 'b.js', line: 3, column: 4, name: null } |
| // WALK: dos { source: 'a.js', line: 1, column: 2, name: null } |
| // WALK: tres { source: 'a.js', line: 1, column: 2, name: null } |
| // WALK: quatro { source: 'c.js', line: 5, column: 6, name: null } |
| ``` |
| |
| #### SourceNode.prototype.walkSourceContents(fn) |
| |
| Walk over the tree of SourceNodes. The walking function is called for each |
| source file content and is passed the filename and source content. |
| |
| * `fn`: The traversal function. |
| |
| ```js |
| var a = new SourceNode(1, 2, "a.js", "generated from a"); |
| a.setSourceContent("a.js", "original a"); |
| var b = new SourceNode(1, 2, "b.js", "generated from b"); |
| b.setSourceContent("b.js", "original b"); |
| var c = new SourceNode(1, 2, "c.js", "generated from c"); |
| c.setSourceContent("c.js", "original c"); |
| |
| var node = new SourceNode(null, null, null, [a, b, c]); |
| node.walkSourceContents(function (source, contents) { console.log("WALK:", source, ":", contents); }) |
| // WALK: a.js : original a |
| // WALK: b.js : original b |
| // WALK: c.js : original c |
| ``` |
| |
| #### SourceNode.prototype.join(sep) |
| |
| Like `Array.prototype.join` except for SourceNodes. Inserts the separator |
| between each of this source node's children. |
| |
| * `sep`: The separator. |
| |
| ```js |
| var lhs = new SourceNode(1, 2, "a.rs", "my_copy"); |
| var operand = new SourceNode(3, 4, "a.rs", "="); |
| var rhs = new SourceNode(5, 6, "a.rs", "orig.clone()"); |
| |
| var node = new SourceNode(null, null, null, [ lhs, operand, rhs ]); |
| var joinedNode = node.join(" "); |
| ``` |
| |
| #### SourceNode.prototype.replaceRight(pattern, replacement) |
| |
| Call `String.prototype.replace` on the very right-most source snippet. Useful |
| for trimming white space from the end of a source node, etc. |
| |
| * `pattern`: The pattern to replace. |
| |
| * `replacement`: The thing to replace the pattern with. |
| |
| ```js |
| // Trim trailing white space. |
| node.replaceRight(/\s*$/, ""); |
| ``` |
| |
| #### SourceNode.prototype.toString() |
| |
| Return the string representation of this source node. Walks over the tree and |
| concatenates all the various snippets together to one string. |
| |
| ```js |
| var node = new SourceNode(1, 2, "a.js", [ |
| new SourceNode(3, 4, "b.js", "uno"), |
| "dos", |
| [ |
| "tres", |
| new SourceNode(5, 6, "c.js", "quatro") |
| ] |
| ]); |
| |
| node.toString() |
| // 'unodostresquatro' |
| ``` |
| |
| #### SourceNode.prototype.toStringWithSourceMap([startOfSourceMap]) |
| |
| Returns the string representation of this tree of source nodes, plus a |
| SourceMapGenerator which contains all the mappings between the generated and |
| original sources. |
| |
| The arguments are the same as those to `new SourceMapGenerator`. |
| |
| ```js |
| var node = new SourceNode(1, 2, "a.js", [ |
| new SourceNode(3, 4, "b.js", "uno"), |
| "dos", |
| [ |
| "tres", |
| new SourceNode(5, 6, "c.js", "quatro") |
| ] |
| ]); |
| |
| node.toStringWithSourceMap({ file: "my-output-file.js" }) |
| // { code: 'unodostresquatro', |
| // map: [object SourceMapGenerator] } |
| ``` |