Make tests and project actually work

babel.config.cjs

@@ -0,0 +1,27 @@
+module.exports = {
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        targets: {
+          node: "18",
+        },
+      },
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript",
+  ],
+  plugins: [
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-optional-chaining",
+    // Strip console.debug calls unless REMIX_DEBUG=true
+    ...(process.env.REMIX_DEBUG === "true"
+      ? []
+      : [
+          [
+            "transform-remove-console",
+            { exclude: ["error", "warn", "log", "info"] },
+          ],
+        ]),
+  ],
+}

babel.config.js

@@ -1,27 +0,0 @@
-module.exports = {
-    presets: [
-      [
-        "@babel/preset-env",
-        {
-          targets: {
-            node: "18",
-          },
-        },
-      ],
-      "@babel/preset-react",
-      "@babel/preset-typescript",
-    ],
-    plugins: [
-      "@babel/plugin-proposal-export-namespace-from",
-      "@babel/plugin-proposal-optional-chaining",
-      // Strip console.debug calls unless REMIX_DEBUG=true
-      ...(process.env.REMIX_DEBUG === "true"
-        ? []
-        : [
-            [
-              "transform-remove-console",
-              { exclude: ["error", "warn", "log", "info"] },
-            ],
-          ]),
-    ],
-  };

jest.config.ts

@@ -17,6 +17,7 @@ module.exports = {
   transform: {
     "\\.[jt]sx?$": require.resolve("./transform"),
   },
+  transformIgnorePatterns: [],
   watchPathIgnorePatterns: [...ignorePatterns, "\\/node_modules\\/"],
   watchPlugins: [
     require.resolve("jest-watch-typeahead/filename"),

package.json

@@ -2,6 +2,7 @@
   "name": "site",
   "private": true,
   "sideEffects": false,
+  "type": "module",
   "scripts": {
     "build": "remix vite:build",
     "dev": "remix vite:dev",

transform.js

@@ -1,6 +1,6 @@
-let { default: babelJest } = require("babel-jest");
+import babelJest from "babel-jest"
 
-let baseConfig = require("./babel.config.js");
+import baseConfig from "./babel.config.cjs"
 
 /**
  * Replace `import.meta` with `undefined`
@@ -17,7 +17,7 @@ let metaPlugin = ({ types: t }) => ({
   },
 });
 
-module.exports = babelJest.createTransformer({
+export default babelJest.createTransformer({
   babelrc: false,
   ...baseConfig,
   plugins: [...baseConfig.plugins, metaPlugin],