Merge pull request #662 from PeterYurkovich/add-swc-for-local-running

NO-JIRA: use swc when running in development

Author: openshift-merge-bot[bot]

web/.swcrc

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://swc.rs/schema.json",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "jsx": true,
+      "dynamicImport": true,
+      "decorators": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    },
+    "target": "es2021",
+    "loose": false,
+    "externalHelpers": false,
+    "keepClassNames": true,
+    "preserveAllComments": true
+  },
+  "module": {
+    "type": "es6",
+    "strict": false,
+    "noInterop": false
+  },
+  "minify": false,
+  "sourceMaps": true
+}

web/package-lock.json

@@ -123,6 +123,8 @@
     "@cypress/grep": "^4.1.0",
     "@cypress/webpack-preprocessor": "^6.0.2",
     "@date-fns/tz": "^1.4.1",
+    "@swc/core": "^1.15.3",
+    "@swc/helpers": "^0.5.17",
     "@types/classnames": "^2.2.7",
     "@types/jest": "^30.0.0",
     "@types/lodash-es": "^4.17.12",
@@ -158,6 +160,7 @@
     "sass": "^1.42.1",
     "sass-loader": "^10.1.1",
     "style-loader": "^3.3.1",
+    "swc-loader": "^0.2.6",
     "ts-jest": "^29.4.4",
     "ts-loader": "^9.2.8",
     "ts-node": "^10.7.0",

web/package.json

@@ -25,18 +25,6 @@ const config: Configuration = {
   },
   module: {
     rules: [
-      {
-        test: /\.(jsx?|tsx?)$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'ts-loader',
-            options: {
-              configFile: path.resolve(__dirname, 'tsconfig.json'),
-            },
-          },
-        ],
-      },
       {
         test: /\.scss$/,
         exclude: /node_modules\/(?!(@patternfly|@openshift-console\/plugin-shared)\/).*/,
@@ -119,6 +107,28 @@ if (process.env.NODE_ENV === 'production') {
   config.optimization.chunkIds = 'deterministic';
   config.optimization.minimize = true;
   config.devtool = false;
+
+  // Use default ts-loader for prod
+  config.module.rules?.unshift({
+    test: /\.(jsx?|tsx?)$/,
+    exclude: /node_modules/,
+    use: [
+      {
+        loader: 'ts-loader',
+        options: {
+          configFile: path.resolve(__dirname, 'tsconfig.json'),
+        },
+      },
+    ],
+  });
+} else {
+  config.module.rules?.unshift({
+    test: /\.(jsx?|tsx?)$/,
+    exclude: /node_modules/,
+    use: {
+      loader: 'swc-loader',
+    },
+  });
 }
 
 export default config;