Skip minifing inside () and add more tests

Author: Igorbek

src/__tests__/baselines/minification/simple.ts.baseline

@@ -142,7 +142,7 @@ TypeScript after transform:
   styled.div \`abc def"//"\`;
   // ignores comment markers that are inside parantheses
   // \`bla (//) bla\`
-  styled.div \`bla (\`;
+  styled.div \`bla (//)bla\`;
   // ignores even unescaped URLs
   // \`https://test.com\`
   styled.div \`https:\`;

src/__tests__/baselines/minification/simple2.ts.baseline

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`simple2.ts 1`] = `
+
+File: simple2.ts
+Source code:
+
+  export {}
+  declare const styled: any;
+  
+  // spaces before and after ' " ( )
+  styled.div\`a  b"  c  "  d\` // \`a b"  c  "d\`
+  styled.div\`a  b'  c  '  d\` // \`a b'  c  'd\`
+  styled.div\`a  b(  c  )  d\` // \`a b(  c  )d\`
+  styled.div\`a  b  "  c  "d\` // \`a b "  c  "d\`
+  styled.div\`a  b  '  c  'd\` // \`a b '  c  'd\`
+  styled.div\`a  b  (  c  )d\` // \`a b (  c  )d\`
+  
+
+TypeScript before transform:
+
+  export {};
+  declare const styled: any;
+  // spaces before and after ' " ( )
+  styled.div \`a  b"  c  "  d\`; // \`a b"  c  "d\`
+  styled.div \`a  b'  c  '  d\`; // \`a b'  c  'd\`
+  styled.div \`a  b(  c  )  d\`; // \`a b(  c  )d\`
+  styled.div \`a  b  "  c  "d\`; // \`a b "  c  "d\`
+  styled.div \`a  b  '  c  'd\`; // \`a b '  c  'd\`
+  styled.div \`a  b  (  c  )d\`; // \`a b (  c  )d\`
+  
+
+TypeScript after transform:
+
+  export {};
+  declare const styled: any;
+  // spaces before and after ' " ( )
+  styled.div \`a b"  c  "d\`; // \`a b"  c  "d\`
+  styled.div \`a b'  c  'd\`; // \`a b'  c  'd\`
+  styled.div \`a b(  c  )d\`; // \`a b(  c  )d\`
+  styled.div \`a b "  c  "d\`; // \`a b "  c  "d\`
+  styled.div \`a b '  c  'd\`; // \`a b '  c  'd\`
+  styled.div \`a b (  c  )d\`; // \`a b (  c  )d\`
+  
+
+
+`;

src/__tests__/fixtures/minification/simple2.ts

@@ -0,0 +1,10 @@
+export {}
+declare const styled: any;
+
+// spaces before and after ' " ( )
+styled.div`a  b"  c  "  d` // `a b"  c  "d`
+styled.div`a  b'  c  '  d` // `a b'  c  'd`
+styled.div`a  b(  c  )  d` // `a b(  c  )d`
+styled.div`a  b  "  c  "d` // `a b "  c  "d`
+styled.div`a  b  '  c  'd` // `a b '  c  'd`
+styled.div`a  b  (  c  )d` // `a b (  c  )d`

src/minify.ts

@@ -1,7 +1,7 @@
 import * as ts from 'typescript';
 import { isNoSubstitutionTemplateLiteral, isTemplateExpression } from './ts-is-kind';
 
-type State = ';' | 'x' | ' ' | '"' | '\'' | '/' | '//' | '/$' | '//$' | '/*' | '/**' | '/*$' | '/*$*';
+type State = ';' | 'x' | ' ' | '"' | '(' | '\'' | '/' | '//' | '/$' | '//$' | '/*' | '/**' | '/*$' | '/*$*';
 type ReducerResult = { emit?: string; skipEmit?: boolean; state?: State } | void;
 type StateMachine = {
     [K in State]: {
@@ -11,13 +11,13 @@ type StateMachine = {
 };
 
 function isSymbol(ch: string) {
-    return ch == ';' || ch == ':' || ch == '{' || ch == '}';
+    return ch == ';' || ch == ':' || ch == '{' || ch == '}' || ch == ',';
 }
 
 const stateMachine: StateMachine = {
     ';': {
         next(ch) {
-            if (ch == '\'' || ch == '"') return { state: ch }
+            if (ch == '\'' || ch == '"' || ch == '(') return { state: ch }
             if (ch == ' ' || ch == '\n' || ch == '\r') return { skipEmit: true }
             if (ch == '/') return { state: '/', skipEmit: true }
             if (isSymbol(ch)) return;
@@ -26,15 +26,15 @@ const stateMachine: StateMachine = {
     },
     'x': {
         next(ch) {
-            if (ch == '\'' || ch == '"') return { state: ch }
+            if (ch == '\'' || ch == '"' || ch == '(') return { state: ch }
             if (ch == ' ' || ch == '\n' || ch == '\r') return { state: ' ', skipEmit: true }
             if (ch == '/') return { state: '/', skipEmit: true }
             if (isSymbol(ch)) return { state: ';' };
         }
     },
     ' ': { // may need space
         next(ch) {
-            if (ch == '\'' || ch == '"') return { state: ch }
+            if (ch == '\'' || ch == '"' || ch == '(') return { state: ch, emit: ' ' + ch }
             if (ch == ' ' || ch == '\n' || ch == '\r') return { state: ' ', skipEmit: true }
             if (ch == '/') return { state: '/', skipEmit: true }
             if (isSymbol(ch)) return { state: ';' };
@@ -51,6 +51,11 @@ const stateMachine: StateMachine = {
             if (ch == '"') return { state: ';' };
         }
     },
+    '(': {
+        next(ch) {
+            if (ch == ')') return { state: ';' };   // maybe return ' '? then it'd always add space after
+        }
+    },
     '/': {
         next(ch) {
             if (ch == '/') return { state: '//', skipEmit: true }