Testing typescript migration

.babelrc

@@ -1,5 +1,6 @@
 {
     "presets": [
+        ["@babel/preset-typescript"],
         ["@babel/preset-env", {
             "targets": {
                 "browsers": "defaults and supports webgl2"
@@ -8,7 +9,10 @@
         }]
     ],
     "plugins": [
-        ["module-resolver",  { "root": ["./src"] } ],
+        ["module-resolver",  {
+            "root": ["./src"],
+            "extensions": [".js", ".ts"]
+        }],
         ["babel-plugin-inline-import", {
             "extensions": [
                 ".json",
@@ -17,7 +21,9 @@
                 ".css"
             ]
         }],
-        ["module-extension-resolver"],
+        ["module-extension-resolver", {
+            "srcExtensions": [ ".ts", ".js" ]
+        }],
         ["@babel/plugin-transform-runtime", {
             "regenerator": false
         }],

.eslintrc.cjs

@@ -3,6 +3,7 @@ module.exports = {
     extends: [
         'eslint-config-airbnb-base',
         'eslint-config-airbnb-base/rules/strict',
+        'plugin:@typescript-eslint/recommended',
     ],
     parserOptions: {
         ecmaVersion: 13,
@@ -13,7 +14,9 @@ module.exports = {
     },
     settings: {
         'import/resolver': {
-            'babel-module': {},
+            'babel-module': {
+                extensions: ['.js', '.ts'],
+            },
         },
     },
     env: {
@@ -23,6 +26,9 @@ module.exports = {
         commonjs: true,
     },
     rules: {
+        'import/extensions': [
+            'off',
+        ],
         'no-trailing-spaces': 'warn',
         'padded-blocks': 'warn',
         'no-unused-vars': 'warn',

config/babel-register/babel-hooks.mjs

@@ -71,7 +71,17 @@ async function transpile(source, context) {
  * the Node.js default resolve hook after the last user-supplied resolve hook
  */
 export async function resolve(specifier, context, nextResolve) {
-    return nextResolve(specifier, context);
+    const url = new URL(specifier, context.parentURL);
+
+    try {
+        return await nextResolve(specifier, context);
+    } catch (err) {
+        if (err.code === 'ERR_MODULE_NOT_FOUND') {
+            url.pathname = url.pathname.replace(/\.[^/.]+$/, '.ts');
+            return nextResolve(url.href, context);
+        }
+        throw err;
+    }
 }
 
 /**
@@ -87,7 +97,13 @@ export async function resolve(specifier, context, nextResolve) {
  * the last user-supplied load hook
  */
 export async function load(url, context, nextLoad) {
-    const { format, shortCircuit, source } = await nextLoad(url, context);
+    const { format, shortCircuit, source } = await nextLoad(url, context).catch(async (error) => {
+        if (error.code === 'ERR_UNKNOWN_FILE_EXTENSION') {
+            return nextLoad(url, { ...context, format: 'module' });
+        }
+
+        throw error;
+    });
 
     if (format !== 'module' && format !== 'commonjs') {
         return { format, shortCircuit, source };