Merge pull request #45 from Igorbek/bugfix/issue44

Fix #44

Author: Igorbek

src/__tests__/baselines/minification-only/issue44.tsx.baseline

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue44.tsx 1`] = `
+
+File: issue44.tsx
+Source code:
+
+  declare const styled: any;
+  styled.div\` transition:  width \${100}ms  ease-in;\`;
+  styled.div\` transition:  width \${'100ms'}  ease-in;\`;
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  styled.div \` transition:  width \${100}ms  ease-in;\`;
+  styled.div \` transition:  width \${"100ms"}  ease-in;\`;
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  styled.div \`transition:width \${100}ms ease-in;\`;
+  styled.div \`transition:width \${'100ms'} ease-in;\`;
+  
+
+
+`;

src/__tests__/baselines/minification/issue44.tsx.baseline

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`issue44.tsx 1`] = `
+
+File: issue44.tsx
+Source code:
+
+  declare const styled: any;
+  styled.div\` transition:  width \${100}ms  ease-in;\`;
+  styled.div\` transition:  width \${'100ms'}  ease-in;\`;
+  
+
+TypeScript before transform:
+
+  declare const styled: any;
+  styled.div \` transition:  width \${100}ms  ease-in;\`;
+  styled.div \` transition:  width \${"100ms"}  ease-in;\`;
+  
+
+TypeScript after transform:
+
+  declare const styled: any;
+  styled.div \`transition:width \${100}ms ease-in;\`;
+  styled.div \`transition:width \${'100ms'} ease-in;\`;
+  
+
+
+`;

src/__tests__/fixtures/minification/issue44.tsx

@@ -0,0 +1,3 @@
+declare const styled: any;
+styled.div` transition:  width ${100}ms  ease-in;`;
+styled.div` transition:  width ${'100ms'}  ease-in;`;

src/minify.ts

@@ -53,7 +53,7 @@ const stateMachine: StateMachine = {
             return { state: 'x', emit: ' ' + ch };
         },
         flush(last) {
-            if (!last) return { emit: ' ' };
+            if (!last) return { emit: ' ', state: ';$' };
         }
     },
     '\n': { // may need new line
@@ -201,14 +201,14 @@ export function createMinifier(): (next: string, last?: boolean) => string {
             const prevState = state;
             const reducerResult = reducer.next && reducer.next(ch);
             apply(reducerResult, ch)
-            //console.log('next(', { ch, state: prevState }, '): ', reducerResult, ' -> ', { state, minified });
+            // console.log('next(', { ch, state: prevState }, '): ', reducerResult, ' -> ', { state, minified });
         }
 
         const reducer = stateMachine[state];
         const prevState = state;
         const reducerResult = reducer.flush && reducer.flush(last);
         apply(reducerResult);
-        //console.log('flush', { state: prevState }, '): ', reducerResult, ' -> ', { state, minified });
+        // console.log('flush', { state: prevState }, '): ', reducerResult, ' -> ', { state, minified });
 
         return minified;
     }