add: import decoded sourcemaps from SourceMapGenerator

src/compiler/preprocess/index.ts

@@ -83,6 +83,88 @@ async function replace_async(
 	return out.concat(final_content);
 }
 
+
+
+/**
+ * import decoded sourcemap from mozilla/source-map/SourceMapGenerator
+ * forked from source-map/lib/source-map-generator.js
+ * from methods _serializeMappings and toJSON
+ * we cannot use source-map.d.ts types, cos we access hidden properties
+ */
+function decoded_sourcemap_from_generator(generator: any) {
+	function areEqualMappings(a, b) {
+		return (
+			// sorted by selectivity
+			a.generatedColumn == b.generatedColumn &&
+			a.originalColumn == b.originalColumn &&
+			a.name == b.name &&
+			a.generatedLine == b.generatedLine &&
+			a.originalLine == b.originalLine &&
+			a.source == b.source
+		);
+	}
+	function convertMappings() {
+		// use global variable: generator
+		let previousGeneratedLine = 1;
+		const result = [[]];
+		let resultLine;
+		let resultSegment;
+		let mapping;
+
+		const sourceIdx = generator._sources.toArray()
+			.reduce((acc, val, idx) => (acc[val] = idx, acc), {});
+
+		const nameIdx = generator._names.toArray()
+			.reduce((acc, val, idx) => (acc[val] = idx, acc), {});
+
+		const mappings = generator._mappings.toArray();
+		resultLine = result[0];
+
+		for (let i = 0, len = mappings.length; i < len; i++) {
+			mapping = mappings[i];
+
+			if (mapping.generatedLine > previousGeneratedLine) {
+				while (mapping.generatedLine > previousGeneratedLine) {
+					result.push([]);
+					previousGeneratedLine++;
+				}
+				resultLine = result[mapping.generatedLine - 1]; // line is one-based
+			} else if (i > 0) {
+				if (areEqualMappings(mapping, mappings[i - 1])) {
+					continue;
+				}
+			}
+			resultLine.push([mapping.generatedColumn]);
+			resultSegment = resultLine[resultLine.length - 1];
+
+			if (mapping.source != null) {
+				resultSegment.push(...[
+					sourceIdx[mapping.source],
+					mapping.originalLine - 1, // line is one-based
+					mapping.originalColumn
+				]);
+				if (mapping.name != null) {
+					resultSegment.push(nameIdx[mapping.name]);
+				}
+			}
+		}
+		return result;
+	}
+	const map = {
+		version: generator._version,
+		sources: generator._sources.toArray(),
+		names: generator._names.toArray(),
+		mappings: convertMappings()
+	};
+	if (generator._file != null) {
+		(map as any).file = generator._file;
+	}
+	// not needed: map.sourcesContent and map.sourceRoot
+	return map;
+}
+
+
+
 /** 
  * Convert a preprocessor output and its leading prefix and trailing suffix into StringWithSourceMap  
  */
@@ -109,6 +191,10 @@ function get_replacement(
 		if (typeof(decoded_map.mappings) === 'string') {
 			decoded_map.mappings = decode_mappings(decoded_map.mappings);
 		}
+		if ((decoded_map as any)._mappings && decoded_map.constructor.name == 'SourceMapGenerator') {
+			// import decoded sourcemap from mozilla/source-map/SourceMapGenerator
+			decoded_map = decoded_sourcemap_from_generator(decoded_map);
+		}
 		sourcemap_add_offset(decoded_map, get_location(offset + prefix.length));
 	}
 	const processed_with_map = StringWithSourcemap.from_processed(processed.code, decoded_map);

test/sourcemaps/samples/source-map-generator/_config.js

@@ -0,0 +1,25 @@
+import MagicString from 'magic-string';
+import { SourceMapConsumer, SourceMapGenerator } from 'source-map';
+
+export default {
+	preprocess: {
+		style: async ({ content, filename }) =>  {
+			const src = new MagicString(content);
+			const idx = content.indexOf('baritone');
+			src.overwrite(idx, idx+'baritone'.length, 'bar');
+
+			const map = SourceMapGenerator.fromSourceMap(
+				await new SourceMapConsumer(
+					// sourcemap must be encoded for SourceMapConsumer
+					src.generateMap({
+						source: filename,
+						hires: true,
+						includeContent: false
+					})
+				)
+			);
+
+			return { code: src.toString(), map };
+		}
+	}
+};

test/sourcemaps/samples/source-map-generator/input.svelte

@@ -0,0 +1,12 @@
+<h1>Testing Styles</h1>
+<h2>Testing Styles 2</h2>
+<script>export const b = 2;</script>
+<style>
+	h1 {
+		--baritone: red;
+	}
+
+	h2 {
+		--baz: blue;
+	}
+</style>

test/sourcemaps/samples/source-map-generator/test.js

@@ -0,0 +1 @@
+export { test } from '../preprocessed-styles/test';