Proposal setup to make the TypeScript migration easier

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['kcd-scripts/babel', '@babel/preset-typescript'],
+}

package.json

@@ -31,6 +31,7 @@
     "test:debug": "node --inspect-brk ./node_modules/.bin/jest --watch --runInBand",
     "test:update": "npm test -- --updateSnapshot --coverage",
     "validate": "kcd-scripts validate",
+    "generate-types": "tsc",
     "typecheck": "dtslint ./types/"
   },
   "files": [
@@ -41,16 +42,18 @@
     "@babel/runtime": "^7.10.2",
     "aria-query": "^4.0.2",
     "dom-accessibility-api": "^0.4.5",
+    "eslint-import-resolver-typescript": "^2.0.0",
     "pretty-format": "^25.5.0"
   },
   "devDependencies": {
-    "dtslint": "^3.6.9",
     "@testing-library/jest-dom": "^5.9.0",
+    "dtslint": "^3.6.9",
     "jest-in-case": "^1.0.2",
     "jest-serializer-ansi": "^1.0.3",
     "jest-watch-select-projects": "^2.0.0",
     "jsdom": "^16.2.2",
-    "kcd-scripts": "^6.2.0"
+    "kcd-scripts": "^6.2.0",
+    "typescript": "^3.9.5"
   },
   "eslintConfig": {
     "extends": "./node_modules/kcd-scripts/eslint.js",
@@ -59,6 +62,11 @@
       "import/no-unassigned-import": "off",
       "import/no-useless-path-segments": "off",
       "no-console": "off"
+    },
+    "settings": {
+      "import/resolver": {
+        "typescript": {}
+      }
     }
   },
   "eslintIgnore": [

src/get-node-text.js → src/get-node-text.ts

@@ -2,9 +2,9 @@
 // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType#Node_type_constants
 const TEXT_NODE = 3
 
-function getNodeText(node) {
+function getNodeText(node: HTMLElement): string {
   if (node.matches('input[type=submit], input[type=button]')) {
-    return node.value
+    return (node as HTMLInputElement).value
   }
 
   return Array.from(node.childNodes)

tests/jest.config.dom.js

@@ -11,4 +11,10 @@ module.exports = {
     '/__node_tests__/',
   ],
   testEnvironment: 'jest-environment-jsdom',
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx)$': path.join(
+      __dirname,
+      '../node_modules/kcd-scripts/dist/config/babel-transform',
+    ),
+  },
 }

tests/jest.config.node.js

@@ -12,4 +12,10 @@ module.exports = {
     '/__node_tests__/',
   ],
   testMatch: ['**/__node_tests__/**.js'],
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx)$': path.join(
+      __dirname,
+      '../node_modules/kcd-scripts/dist/config/babel-transform',
+    ),
+  },
 }

tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "outDir": "./types/",
+    "allowJs": true,
+    "declaration": true,
+    "emitDeclarationOnly": true
+  },
+  "include": ["./src/**/*.ts"]
+}

types/get-node-text.d.ts

@@ -1 +1,2 @@
-export function getNodeText(node: HTMLElement): string;
+declare function getNodeText(node: HTMLElement): string;
+export { getNodeText };