Update enhance typescript examples (#334)

Author: ahabhgk

pnpm-lock.yaml

@@ -8,7 +8,7 @@
     "build": "rspack build"
   },
   "devDependencies": {
-    "@rspack/cli": "1.4.11",
-    "@rspack/core": "1.4.11"
+    "@rspack/cli": "1.5.0-rc.0",
+    "@rspack/core": "1.5.0-rc.0"
   }
 }

rspack/collect-typescript-info/src/index.ts

@@ -0,0 +1,46 @@
+// @ts-check
+
+/** @type {import("@rspack/core").Configuration} */
+export default {
+  entry: {
+    main: "./src/index.ts",
+  },
+  experiments: {
+    inlineEnum: true,
+  },
+  mode: "production",
+  optimization: {
+    // disable minimize so you can understand the output
+    minimize: false,
+  },
+  resolve: {
+    extensions: [".ts", "..."],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: {
+          loader: "builtin:swc-loader",
+          /** @type {import("@rspack/core").SwcLoaderOptions} */
+          options: {
+            jsc: {
+              parser: {
+                syntax: "typescript",
+              },
+              transform: {
+                tsEnumIsMutable: true,
+              }
+            },
+            rspackExperiments: {
+              collectTypeScriptInfo: {
+                exportedEnum: 'const-only',
+              }
+            }
+          },
+        },
+        type: "javascript/auto",
+      },
+    ],
+  },
+};

rspack/collect-typescript-info/package.json renamed to rspack/inline-const-enum/package.json

@@ -0,0 +1,9 @@
+export enum Kind {
+  A,
+  B,
+}
+
+export const enum ConstKind {
+  A,
+  B,
+}

rspack/inline-const-enum/rspack.config.mjs

@@ -0,0 +1,7 @@
+import { Kind, ConstKind } from './enums';
+
+// Take a look at the build output (dist/main.js)
+// Should not inline Kind.A and Kind.B here since inlineEnum is configured to 'const-only'.
+console.log(Kind.A, Kind.B);
+// Should inline ConstKind.A to 0 and ConstKind.B to 1 here since inlineEnum is configured to 'const-only'.
+console.log(ConstKind.A, ConstKind.B);

rspack/inline-const-enum/src/enums.ts

@@ -8,7 +8,7 @@
     "build": "rspack build"
   },
   "devDependencies": {
-    "@rspack/cli": "1.5.0-beta.0",
-    "@rspack/core": "1.5.0-beta.0"
+    "@rspack/cli": "1.5.0-rc.0",
+    "@rspack/core": "1.5.0-rc.0"
   }
 }

rspack/inline-const-enum/src/index.ts

@@ -0,0 +1,14 @@
+{
+  "name": "example-builtin-swc-loader",
+  "version": "1.0.0",
+  "private": true,
+  "license": "MIT",
+  "main": "index.js",
+  "scripts": {
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.5.0-rc.0",
+    "@rspack/core": "1.5.0-rc.0"
+  }
+}

rspack/inline-const/package.json

@@ -0,0 +1,43 @@
+// @ts-check
+
+/** @type {import("@rspack/core").Configuration} */
+export default {
+  entry: {
+    main: "./src/index.ts",
+  },
+  experiments: {
+    inlineEnum: true,
+  },
+  mode: "production",
+  optimization: {
+    // disable minimize so you can understand the output
+    minimize: false,
+  },
+  resolve: {
+    extensions: [".ts", "..."],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: {
+          loader: "builtin:swc-loader",
+          /** @type {import("@rspack/core").SwcLoaderOptions} */
+          options: {
+            jsc: {
+              parser: {
+                syntax: "typescript",
+              }
+            },
+            rspackExperiments: {
+              collectTypeScriptInfo: {
+                exportedEnum: true,
+              }
+            }
+          },
+        },
+        type: "javascript/auto",
+      },
+    ],
+  },
+};