convert to typescript

.gitignore

@@ -2,4 +2,5 @@ node_modules/
 lib/
 dist/
 coverage/
+types/
 .vscode/

.npmignore

@@ -2,5 +2,6 @@ src/
 rollup.config.js
 test/
 coverage/
+types/tsconfig.tsbuildinfo
 .travis.yml
 *.config.js

package.json

@@ -1,7 +1,7 @@
 {
   "name": "dom-expressions",
   "description": "A Fine-Grained Runtime for Performant DOM Rendering",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -11,19 +11,23 @@
   "readmeFilename": "README.md",
   "module": "dist/dom-expressions.js",
   "main": "lib/dom-expressions.js",
+  "types": "types/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c && tsc",
     "test": "npm run build && jest --coverage",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
     "@babel/core": "7.4.3",
+    "@babel/preset-typescript": "7.3.3",
     "babel-plugin-jsx-dom-expressions": "*",
     "coveralls": "3.0.3",
-    "jest": "^24.7.0",
-    "rollup": "^1.8.0",
-    "rollup-plugin-node-resolve": "^4.0.1",
-    "s-js": "0.4.9"
+    "jest": "24.7.1",
+    "rollup": "1.10.1",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-node-resolve": "4.2.3",
+    "s-js": "0.4.9",
+    "typescript": "3.4.4"
   }
 }

rollup.config.js

@@ -1,9 +1,20 @@
+import babel from 'rollup-plugin-babel';
 import nodeResolve from 'rollup-plugin-node-resolve';
 
-const plugins = [nodeResolve()]
+const plugins = [
+  nodeResolve({
+    extensions: ['.js', '.ts']
+  }),
+  babel({
+    extensions: ['.js', '.ts'],
+    presets: ["@babel/preset-typescript"],
+    exclude: 'node_modules/**',
+    retainLines: true
+  })
+]
 
 export default {
-  input: 'src/index.js',
+  input: 'src/index.ts',
   output: [{
     file: 'lib/dom-expressions.js',
     format: 'cjs',

src/Attributes.ts

@@ -0,0 +1,51 @@
+type AttributeInfo = {
+  [key: string]: {
+    type: string,
+    alias?: string
+  }
+}
+
+const Types = {
+    ATTRIBUTE: 'attribute',
+    PROPERTY: 'property'
+  },
+  Attributes: AttributeInfo = {
+    href: {
+      type: Types.ATTRIBUTE
+    },
+    style: {
+      type: Types.PROPERTY,
+      alias: 'style.cssText'
+    },
+    for: {
+      type: Types.PROPERTY,
+      alias: 'htmlFor'
+    },
+    class: {
+      type: Types.PROPERTY,
+      alias: 'className'
+    },
+    // React compat
+    spellCheck: {
+      type: Types.PROPERTY,
+      alias: 'spellcheck'
+    },
+    allowFullScreen: {
+      type: Types.PROPERTY,
+      alias: 'allowFullscreen'
+    },
+    autoCapitalize: {
+      type: Types.PROPERTY,
+      alias: 'autocapitalize'
+    },
+    autoFocus: {
+      type: Types.PROPERTY,
+      alias: 'autofocus'
+    },
+    autoPlay: {
+      type: Types.PROPERTY,
+      alias: 'autoplay'
+    }
+  };
+
+export default Attributes;