Merge pull request #1212 from KaiVolland/typescript

Introduces TypeScript

.eslint-styleguide.js

@@ -1,11 +1,45 @@
 module.exports = {
   "extends": [
-    ".eslint-common.js"
+    "eslint:recommended",
+    "plugin:react/recommended"
   ],
+  "plugins": [
+    "react",
+    "markdown"
+  ],
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "parser": "babel-eslint",
+  "globals": {
+    "Promise": false
+  },
   "rules": {
     "react/react-in-jsx-scope": "off",
     "no-console": "off",
     "semi": "off",
-    "require-jsdoc": "off"
+    "require-jsdoc": "off",
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single", { "allowTemplateLiterals": true }],
+    "one-var": ["error", "never"],
+    "no-confusing-arrow": "error",
+    "no-unused-vars": ["error", {
+      "ignoreRestSiblings": true
+    }],
+    "key-spacing": ["error", {
+      "beforeColon": false,
+      "afterColon": true
+    }],
+    "react/jsx-tag-spacing": ["error", {
+      "beforeSelfClosing": "always"
+    }],
+    "space-infix-ops": ["error", { "int32Hint": false }]
+  },
+  "settings": {
+    "react": {
+      "version": "16.0"
+    }
   }
 };

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "eslint.options": {
     "configFile": ".eslint-src.js"
-  }
+  },
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

babel.config.js

@@ -1,25 +1,14 @@
 module.exports = {
   presets: [
     '@babel/preset-env',
+    '@babel/preset-typescript',
     '@babel/preset-react'
   ],
   env: {
     test: {
       plugins: [
         '@babel/plugin-transform-modules-commonjs'
       ]
-    },
-    build: {
-      plugins: [
-        [
-          'module-resolver',
-          {
-            resolvePath(sourcePath) {
-              return sourcePath.replace('.jsx', '.js');
-            }
-          }
-        ]
-      ]
     }
   },
   plugins: [

jest.config.js

@@ -2,7 +2,8 @@ module.exports = {
   testURL: 'http://localhost/',
   moduleFileExtensions: [
     'js',
-    'jsx'
+    'ts',
+    'tsx'
   ],
   moduleDirectories: [
     'node_modules'
@@ -26,10 +27,13 @@ module.exports = {
     '<rootDir>/jest/__mocks__/shim.js',
     '<rootDir>/jest/setup.js'
   ],
-  collectCoverage: false,
+  transform: {
+    '^.+\\.jsx?$': '<rootDir>/node_modules/babel-jest',
+    '^.+\\.tsx?$': '<rootDir>/node_modules/babel-jest'
+  },
   collectCoverageFrom: [
-    'src/**/*.jsx',
-    'src/**/*.js',
+    'src/**/*.{tsx}',
+    'src/**/*.{ts,js}',
     '!src/**/*example*.*'
   ],
   coverageDirectory: '<rootDir>/coverage',

jest/setup.js

@@ -1,3 +1,4 @@
+import '@babel/polyfill';
 import Enzyme from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import { XMLSerializer } from 'xmldom';