refactor: remove cssToJss, use convertCssToJssString in demo

Author: jedwards1211

demo/Root.tsx

@@ -7,7 +7,7 @@ import { makeStyles, Theme } from '@material-ui/core/styles'
 import debounce from 'lodash/debounce'
 import noop from 'lodash/noop'
 import j from 'jscodeshift'
-import cssToJss from '../src/cssToJss'
+import { convertCssToJssString } from '../src/convertCssToJss'
 import classNames from 'classnames'
 
 const useStyles = makeStyles((theme: Theme) => ({
@@ -111,21 +111,7 @@ export default function Root(): React.ReactNode {
       debounce((input: string): void => {
         let converted: string | Error
         try {
-          converted =
-            cssToJss(
-              {
-                path: '',
-                source: input,
-              },
-              {
-                j,
-                jscodeshift: j,
-                report: noop,
-                stats: noop,
-              },
-              {}
-            ) || ''
-          converted = converted.replace(/^ {2,}/gm, match =>
+          converted = convertCssToJssString(input).replace(/^ {2,}/gm, match =>
             match.substring(match.length / 2)
           )
         } catch (error) {

src/css-to-jss.ts

@@ -1,2 +1,21 @@
-import cssToJss from './cssToJss'
-module.exports = cssToJss
+import { FileInfo, API, Options } from 'jscodeshift'
+import { convertCssToJssString } from './convertCssToJss'
+
+module.exports = function cssToJss(
+  fileInfo: FileInfo,
+  api: API,
+  options: Options
+): string | null | undefined | void {
+  const selectionStart = options.selectionStart
+    ? parseInt(options.selectionStart)
+    : 0
+  const selectionEnd = options.selectionEnd
+    ? parseInt(options.selectionEnd)
+    : fileInfo.source.length
+
+  const before = fileInfo.source.substring(0, selectionStart)
+  const rawCss = fileInfo.source.substring(selectionStart, selectionEnd)
+  const after = fileInfo.source.substring(selectionEnd)
+
+  return `${before}${convertCssToJssString(rawCss)}${after}`
+}