Dump things over to TypeScript (#159)

* Dump things over to TypeScript

* Pass on eslint

* Drop unecessary `git add`

* Jest configuration to add jsdom that is no longer bundled

* Fix up tests

Author: tristen

.eslintignore

@@ -1,3 +1,6 @@
 .jest
 .husky
 jest.config.js
+*.log
+.DS_Store
+dist

.eslintrc

@@ -1,11 +1,12 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "extends": [
     "eslint:recommended"
   ],
   "env": {
     "es6": true,
-    "browser": true
+    "browser": true,
+    "jest/globals": true
   },
   "parserOptions": {
     "sourceType": "module",
@@ -14,8 +15,14 @@
     }
   },
   "plugins": [
-    "react"
+    "react",
+    "jest"
   ],
+  "settings": {
+    "react": {
+      "version": "detect" 
+    }
+  },
   "rules": {
     "react/jsx-uses-vars": ["error"],
     "react/display-name": ["error"],
@@ -34,9 +41,13 @@
   },
   "overrides": [
     {
-      "files": ["*.test.js"],
-      "env": {
-        "jest": true
+      "files": [
+        "**/*.ts?(x)"
+      ],
+      "rules": {
+        "no-unused-vars": [
+          2
+        ]
       }
     }
   ]

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript'
+  ]
+};

example/index.js renamed to example/index.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import ReactDOM from 'react-dom';
-import ColorPickr from '../src/colorpickr';
+import ColorPickr from '../src/colorpickr.tsx';
 
 // Output fill that's outside of the react app.
 const outputFill = document.getElementById('output-fill');