feat(convertCssToJss): accept recast options, set defaults for options

Author: jedwards1211

README.md

@@ -162,10 +162,15 @@ declare function convertCssToJss(rawCss: string): ObjectProperty[]
 import { convertCssToJssString } from 'jss-codemorphs/convertCssToJss'
 ```
 
-Converts CSS to JSS. Returns the resulting JSS code as a string.
+Converts CSS to JSS. Returns the resulting JSS code as a string. You can
+pass `recast.Options` as the second argument to customize the code format.
+Uses `{ tabWidth: 2, useTabs: false, quote: 'single' }` as default options.
 
 Signature:
 
 ```js
-declare function convertCssToJssString(rawCss: string): string
+declare function convertCssToJssString(
+  rawCss: string,
+  options?: recast.Options
+): string
 ```

demo/Root.tsx

@@ -111,9 +111,7 @@ export default function Root(): React.ReactNode {
       debounce((input: string): void => {
         let converted: string | Error
         try {
-          converted = convertCssToJssString(input).replace(/^ {2,}/gm, match =>
-            match.substring(match.length / 2)
-          )
+          converted = convertCssToJssString(input)
         } catch (error) {
           converted = error
         }

src/convertCssToJss.ts

@@ -34,10 +34,21 @@ export default function convertCssToJss(rawCss: string): ObjectProperty[] {
   ) as ObjectProperty[]
 }
 
-export function convertCssToJssString(rawCss: string): string {
-  return convertCssToJss(rawCss)
-    .map(p => recast.prettyPrint(p).code)
-    .join(',\n')
+export function convertCssToJssString(
+  rawCss: string,
+  options?: recast.Options
+): string {
+  const recastOptions: recast.Options = {
+    quote: 'single',
+    tabWidth: 2,
+    useTabs: false,
+    ...options,
+  }
+  return (
+    convertCssToJss(rawCss)
+      .map(p => recast.prettyPrint(p, recastOptions).code)
+      .join(',\n') + ','
+  )
 }
 
 export function collectAnimationNames(nodes: postcss.Node[]): Set<string> {