Convert tachyons package to TS

Author: joestrouth1

packages/tachyons/package.json

@@ -4,15 +4,18 @@
   "version": "0.3.0",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
+  "source": "src/index.ts",
+  "types": "dist/index.d.ts",
   "author": "John Otander <[email protected]>",
   "license": "MIT",
   "scripts": {
-    "prepare": "microbundle --no-compress",
-    "watch": "microbundle watch --no-compress"
+    "prepare": "microbundle --no-compress --tsconfig tsconfig.json",
+    "watch": "microbundle watch --no-compress --tsconfig tsconfig.json"
   },
   "devDependencies": {
     "babel-polyfill": "^6.26.0",
-    "execa": "^4.0.0"
+    "execa": "^4.0.0",
+    "@theme-ui/core": "^0.3.1"
   },
   "publishConfig": {
     "access": "public"

packages/tachyons/src/index.js renamed to packages/tachyons/src/index.ts

@@ -1,6 +1,9 @@
-const KEY_MAPPING = {
+import { Theme } from '@theme-ui/core'
+
+const KEY_MAPPING: {
+  readonly [Key: string]: string | string[]
+} = {
   space: 'spacing',
-  radii: 'borderRadius',
   fonts: 'fontFamily',
   borderStyles: 'borderStyle',
   radii: 'borderRadius',
@@ -13,23 +16,26 @@ const KEY_MAPPING = {
   zIndices: 'zIndex',
 }
 
-export default theme => {
-  const transformedTheme = Object.entries(theme).reduce((acc, [key, value]) => {
-    if (!KEY_MAPPING[key]) {
+export default (theme: Theme) => {
+  const transformedTheme = Object.entries(theme).reduce<{
+    [Key: string]: unknown
+  }>((acc, [key, value]) => {
+    const matchingKey = KEY_MAPPING[key]
+    if (!matchingKey) {
       return {
         ...acc,
         [key]: value,
       }
-    } else if (Array.isArray(KEY_MAPPING[key])) {
-      KEY_MAPPING[key].forEach(tachyonsKey => {
+    } else if (Array.isArray(matchingKey)) {
+      matchingKey.forEach(tachyonsKey => {
         acc[tachyonsKey] = value
       })
 
       return acc
     } else {
       return {
         ...acc,
-        [KEY_MAPPING[key]]: value,
+        [matchingKey]: value,
       }
     }
   }, {})

packages/tachyons/test/test.js renamed to packages/tachyons/test/test.ts

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "strict": true
+  }
+}

packages/tachyons/tsconfig.json

@@ -0,0 +1,7 @@
+declare module 'tachyons-generator' {
+  export default function(config: {
+    [TachyonsKey: string]: unknown
+  }): {
+    generate(): Promise<{ css: string }>
+  }
+}