Fix broken cases

Author: Igorbek

src/__tests__/baselines/minification-only/issue36-extended.ts.baseline

@@ -38,7 +38,7 @@ TypeScript after transform:
 
   declare const styled: any;
   export const A = styled.div \`border:\${'solid'} 10px;\`;
-  styled.div \`border:\${'solid'}10px;border:solid10px;\`;
+  styled.div \`border:\${'solid'} 10px;border:solid 10px;\`;
   styled.div \`border:\${'solid'} 10px;border:\${'solid'} 10px;\`;
 
 

src/__tests__/baselines/minification-only/minify-css-to-use-without-transpilation.ts.baseline

@@ -65,7 +65,7 @@ TypeScript after transform:
   const SpecialCharacters = styled.div \`content:"  \${props => props.text}  ";color:red;\`;
   const Comment = styled.div \`width:100%;color:red;\`;
   const Parens = styled.div \`&:hover{color:blue;}color:red;\`;
-  const UrlComments = styled.div \`color:red; background:red;border:1px solid green;\`;
+  const UrlComments = styled.div \`color:red;background:red;border:1px solid green;\`;
   export {};
 
 

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

@@ -158,7 +158,7 @@ TypeScript after transform:
   styled.div \`line one{line:two;}\`;
   // removes line comments at the end of lines of code
   // \`valid line with out comments\`
-  styled.div \`valid line without comments\`;
+  styled.div \`valid line with out comments\`;
   // preserves multi-line comments starting with /*!
   // \`this is a /*! dont ignore me please */ test\`
   styled.div \`this is a test\`;

src/__tests__/baselines/minification/issue36-extended.ts.baseline

@@ -38,7 +38,7 @@ TypeScript after transform:
 
   declare const styled: any;
   export const A = styled.div.withConfig({ displayName: "A" }) \`border:\${'solid'} 10px;\`;
-  styled.div \`border:\${'solid'}10px;border:solid10px;\`;
+  styled.div \`border:\${'solid'} 10px;border:solid 10px;\`;
   styled.div \`border:\${'solid'} 10px;border:\${'solid'} 10px;\`;
 
 

src/__tests__/baselines/minification/minify-css-to-use-without-transpilation.ts.baseline

@@ -65,7 +65,7 @@ TypeScript after transform:
   const SpecialCharacters = styled.div.withConfig({ displayName: "SpecialCharacters" }) \`content:"  \${props => props.text}  ";color:red;\`;
   const Comment = styled.div.withConfig({ displayName: "Comment" }) \`width:100%;color:red;\`;
   const Parens = styled.div.withConfig({ displayName: "Parens" }) \`&:hover{color:blue;}color:red;\`;
-  const UrlComments = styled.div.withConfig({ displayName: "UrlComments" }) \`color:red; background:red;border:1px solid green;\`;
+  const UrlComments = styled.div.withConfig({ displayName: "UrlComments" }) \`color:red;background:red;border:1px solid green;\`;
   export {};
 
 

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

@@ -158,7 +158,7 @@ TypeScript after transform:
   styled.div \`line one{line:two;}\`;
   // removes line comments at the end of lines of code
   // \`valid line with out comments\`
-  styled.div \`valid line without comments\`;
+  styled.div \`valid line with out comments\`;
   // preserves multi-line comments starting with /*!
   // \`this is a /*! dont ignore me please */ test\`
   styled.div \`this is a test\`;

src/minify.ts

@@ -1,13 +1,12 @@
 import * as ts from 'typescript';
 import { isNoSubstitutionTemplateLiteral, isTemplateExpression } from './ts-is-kind';
 
-type State = ';' | ';$' | 'x' | ' ' | '\n' | '"' | '(' | '\'' | '/' | '//' | '/$' | '//$' | '/*' | '/**' | '/*$' | '/*$*';
-type ReducerResult = { emit?: string; skipEmit?: boolean; state?: State } | void;
+type State = ';' | ';$' | 'x' | ' ' | '\n' | '"' | '(' | '\'' | '/' | '//' | ';/' | ';//' | '/$' | '//$' | '/*' | '/**' | ';/*' | ';/**' | '/*$' | '/*$*';
+type ReducerResult = { emit?: string; skipEmit?: boolean; state?: State; } | void;
 type StateMachine = {
     [K in State]: {
         next?(ch: string): ReducerResult;
         flush?(last: boolean): ReducerResult;
-        placeholder?(): ReducerResult;
     }
 };
 
@@ -20,7 +19,7 @@ const stateMachine: StateMachine = {
         next(ch) {
             if (ch == '\'' || ch == '"' || ch == '(') return { state: ch }
             if (ch == ' ' || ch == '\n' || ch == '\r') return { skipEmit: true }
-            if (ch == '/') return { state: '/', skipEmit: true }
+            if (ch == '/') return { state: ';/', skipEmit: true }
             if (isSymbol(ch)) return;
             return { state: 'x' }
         },
@@ -89,6 +88,26 @@ const stateMachine: StateMachine = {
         }
     },
     '//': {
+        next(ch) {
+            if (ch == '\n') return { state: ' ', skipEmit: true }
+            return { skipEmit: true };
+        },
+        flush(last) {
+            if (last) return { skipEmit: true }
+            return { state: '//$', emit: '//' }
+        }
+    },
+    ';/': {
+        next(ch) {
+            if (ch == '/') return { state: ';//', skipEmit: true }
+            if (ch == '*') return { state: ';/*', skipEmit: true }
+            return { state: ';', emit: '/' + ch }
+        },
+        flush() {
+            return { state: '/$', emit: '/' }
+        }
+    },
+    ';//': {
         next(ch) {
             if (ch == '\n') return { state: ';', skipEmit: true }
             return { skipEmit: true };
@@ -121,6 +140,22 @@ const stateMachine: StateMachine = {
             return { state: '/*', skipEmit: true }
         }
     },
+    ';/*': {
+        next(ch) {
+            if (ch == '*') return { state: ';/**', skipEmit: true }
+            return { skipEmit: true };
+        },
+        flush(last) {
+            if (last) return { skipEmit: true }
+            return { state: '/*$', emit: '/*' }
+        }
+    },
+    ';/**': {
+        next(ch) {
+            if (ch == '/') return { state: ';', skipEmit: true }
+            return { state: ';/*', skipEmit: true }
+        }
+    },
     '/*$': {
         next(ch) {
             if (ch == '*') return { state: '/*$*', skipEmit: true };
@@ -155,18 +190,15 @@ function createMinifier(): (next: string, last?: boolean) => string {
             }
         }
 
-        let reducer = stateMachine[state];
-        apply(reducer.placeholder && reducer.placeholder());
-    
         let pos = 0;
         let len = next.length;
         while (pos < len) {
             const ch = next[pos++];
-            reducer = stateMachine[state];
+            const reducer = stateMachine[state];
             apply(reducer.next && reducer.next(ch), ch)
         }
 
-        reducer = stateMachine[state];
+        const reducer = stateMachine[state];
         apply(reducer.flush && reducer.flush(last));
 
         return minified;