refactor to use common JS

cli.js

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 'use strict'
-import React from 'react'
-import importJsx from 'import-jsx'
-import {render} from 'ink'
-import meow from 'meow'
+const React = require('react')
+const importJsx = require('import-jsx')
+const {render} = require('ink')
+const meow = require('meow')
 
 const ui = importJsx('./ui')
 
@@ -39,4 +39,4 @@ const cli = meow(`
 `)
 
 const initialColor = cli.input.length === 0 ? null : cli.input.join(' ')
-export default render(React.createElement(ui, { color: initialColor }))
+module.exports = render(React.createElement(ui, { color: initialColor }))

components/InputColor.js

@@ -1,6 +1,6 @@
-import React from 'react'
-import { Box, Text } from 'ink'
-import { UncontrolledTextInput } from 'ink-text-input'
+const React = require('react')
+const { Box, Text } = require('ink')
+const { UncontrolledTextInput } = require('ink-text-input')
 
 const InputColor = (props) => (
   <Box>
@@ -11,4 +11,4 @@ const InputColor = (props) => (
   </Box>
 )
 
-export default InputColor
+module.exports = InputColor

components/SelectFormat.js

@@ -1,6 +1,6 @@
-import React from 'react'
-import { Box, Color, Text } from 'ink'
-import SelectInput from 'ink-select-input'
+const React = require('react')
+const { Box, Color, Text } = require('ink')
+const { default: SelectInput } = require('ink-select-input')
 
 const SelectFormat = (props) => (
   <Box flexDirection="column">
@@ -12,4 +12,4 @@ const SelectFormat = (props) => (
   </Box>
 )
 
-export default SelectFormat
+module.exports = SelectFormat

converter.js

@@ -189,7 +189,7 @@ function convertColor(color, outputType) {
 // Our exports go here
 // ==================================
 
-export default {
+module.exports = {
   isHex: function(str) {
     return isHex(str)
   },