fix(emit): Omit source map keys from generated types (#12)

Author: greglockwood

index.js

@@ -63,7 +63,7 @@ module.exports = function(content, ...rest) {
   const cssModuleInterfaceFilename = filenameToTypingsFilename(filename);
   const { read, write } = makeFileHandlers(cssModuleInterfaceFilename);
 
-  const keyRegex = /"([^\\"]+)":/g;
+  const keyRegex = /"([^\\"]+)":\s*"(?:[^\\"]+)",?$/gm;
   let match;
   const cssModuleKeys = [];
 

test/compiler.js

@@ -3,6 +3,7 @@ const webpack = require('webpack');
 const memoryfs = require('memory-fs');
 
 module.exports = (entry, options = {}) => {
+  const { sourceMap, ...loaderOptions } = options;
   const compiler = webpack({
     context: path.dirname(entry),
     entry,
@@ -17,12 +18,13 @@ module.exports = (entry, options = {}) => {
           use: [
             {
               loader: require.resolve('../index.js'),
-              options
+              options: loaderOptions
             },
             {
               loader: 'css-loader',
               options: {
-                modules: true
+                modules: true,
+                sourceMap: !!sourceMap
               }
             }
           ]

test/emit-declaration/__snapshots__/emit-declaration.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Can emit valid declaration 1`] = `
+exports[`Can emit valid declaration without sourceMaps 1`] = `
 "// This file is automatically generated.
 // Please do not change this file!
 interface CssExports {

test/emit-declaration/emit-declaration.test.js

@@ -1,7 +1,7 @@
 const fs = require('fs');
 const compiler = require('../compiler.js');
 
-test('Can emit valid declaration', async () => {
+test('Can emit valid declaration without sourceMaps', async () => {
   await compiler(require.resolve('./index.js'));
 
   const declaration = fs.readFileSync(
@@ -11,3 +11,26 @@ test('Can emit valid declaration', async () => {
 
   expect(declaration).toMatchSnapshot();
 });
+
+test('Can emit valid declaration with sourceMap', async () => {
+  await compiler(require.resolve('./index.js'), { sourceMap: true });
+
+  const declaration = fs.readFileSync(
+    require.resolve('./index.css.d.ts'),
+    'utf-8'
+  );
+
+  expect(declaration).toMatchInlineSnapshot(`
+"// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'otherClass': string;
+  'someClass': string;
+  'validClass': string;
+}
+declare var cssExports: CssExports;
+export = cssExports;
+"
+`);
+});
+