| # 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] } | |
| ``` |