Generate TypeScript Definitions (#5)

* Update workshops submodule

* Upgrade dependencies

* add typescript config + theme files

* Update microbundle + use microbundle for TS compilation

* Use compact selector

* Delete docs submodule

lerna.json

@@ -2,7 +2,5 @@
   "version": "0.1.0-alpha.0",
   "npmClient": "yarn",
   "useWorkspaces": true,
-  "packages": [
-    "packages/*"
-  ]
+  "packages": ["packages/*"]
 }

package.json

@@ -4,7 +4,7 @@
     "prepare": "lerna run prepare",
     "clean": "lerna run clean",
     "test": "jest",
-    "fmt": "npx prettier --write \"**/*.js{,on}\" \"**/*.md{,x}\""
+    "fmt": "npx prettier --write \"**/*.js{,on}\" \"**/*.md{,x}\" \"**/*.ts{,x}\""
   },
   "workspaces": {
     "packages": [
@@ -20,7 +20,7 @@
     "babel-jest": "^25.1.0",
     "jest": "^25.1.0",
     "lerna": "^3.20.2",
-    "microbundle": "^0.11.0"
+    "microbundle": "^0.12.0"
   },
   "jest": {
     "testMatch": [

packages/theme/package.json

@@ -3,10 +3,11 @@
   "description": "Hack Club’s theme for Theme UI websites",
   "version": "0.1.1",
   "author": "Lachlan Campbell <lachlan@hackclub.com> (https://lachlanjc.me)",
-  "source": "src/index.js",
+  "source": "src/index.ts",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "unpkg": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
     "prepare": "rm -rf ./dist && microbundle",

packages/theme/src/index.js → packages/theme/src/index.ts

@@ -340,7 +340,7 @@ const theme = {
       my: 4,
       borderCollapse: 'separate',
       borderSpacing: 0,
-      [['th', 'td']]: {
+      'th,td': {
         textAlign: 'left',
         py: '4px',
         pr: '4px',

packages/theme/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    /* Basic Options */
+    "target": "ES3" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+    "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+    "declaration": true /* Generates corresponding '.d.ts' file. */,
+    "declarationMap": true /* Generates a sourcemap for each corresponding '.d.ts' file. */,
+    "sourceMap": true /* Generates corresponding '.map' file. */,
+    "outDir": "./dist" /* Redirect output structure to the directory. */,
+    "removeComments": true /* Do not emit comments to output. */,
+
+    /* Module Resolution Options */
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+
+    /* Advanced Options */
+    "skipLibCheck": true /* Skip type checking of declaration files. */,
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+  }
+}