chore(renderer): migrate demo to rspack

Author: Hyperkid123

package-lock.json

@@ -46,6 +46,9 @@
     "@babel/preset-typescript": "^7.16.7",
     "@nx/jest": "^22.4.2",
     "@nx/js": "^22.4.2",
+    "@rspack/core": "^1.0.0",
+    "@rspack/cli": "^1.0.0",
+    "@rspack/dev-server": "^1.0.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^15.0.7",

package.json

@@ -0,0 +1,90 @@
+//@ts-check
+
+const { defineConfig } = require('@rspack/cli');
+const { HtmlRspackPlugin, DefinePlugin, ProvidePlugin } = require('@rspack/core');
+const resolve = require('path').resolve;
+
+module.exports = defineConfig({
+  mode: 'development',
+  entry: { app: resolve('./demo/index.tsx') },
+  output: {
+    path: resolve('../dist'),
+    filename: '[name].[hash].js'
+  },
+  devtool: 'eval-source-map',
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx'],
+  },
+  plugins: [
+    new HtmlRspackPlugin({
+      template: './demo/index.html',
+      filename: './index.html'
+    }),
+    new DefinePlugin({
+      'process.env.NODE_ENV': '"development"',
+    }),
+    new ProvidePlugin({
+      process: 'process/browser.js'
+    })
+  ],
+  devServer: {
+    port: 3000,
+    hot: true,
+    open: true,
+  },
+  module: {
+    rules: [
+      // TypeScript files with ts-loader for proper config support
+      {
+        test: /\.(ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'ts-loader',
+          options: {
+            configFile: 'tsconfig.demo.json'
+          }
+        },
+      },
+      // JavaScript files (if any remain)
+      {
+        test: /\.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: 'builtin:swc-loader',
+          options: {
+            sourceMap: true,
+            jsc: {
+              parser: {
+                syntax: 'ecmascript',
+                jsx: true,
+              },
+              transform: {
+                react: {
+                  runtime: 'automatic',
+                },
+              },
+            },
+          },
+        },
+      },
+      // CSS/SCSS - using RSpack built-in support
+      {
+        test: /\.css$/,
+        type: 'css'
+      },
+      {
+        test: /\.(sa|sc)ss$/,
+        use: ['sass-loader'],
+        type: 'css'
+      },
+      // Assets
+      {
+        test: /\.(png|jpg|gif|svg|woff|ttf|eot)$/,
+        type: 'asset/resource'
+      },
+    ]
+  },
+  experiments: {
+    css: true,
+  }
+});