feat(rslib): add react-compiler example

rslib/react-compiler/.gitignore

@@ -0,0 +1,13 @@
+.DS_Store
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+storybook-static
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea

rslib/react-compiler/README.md

@@ -0,0 +1,23 @@
+# Rslib project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get started
+
+Build the library:
+
+```bash
+pnpm build
+```
+
+Build the library in watch mode:
+
+```bash
+pnpm dev
+```

rslib/react-compiler/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@rslib-example/react-compiler",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib",
+    "dev": "rslib -w"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-babel": "^1.1.2",
+    "@rsbuild/plugin-react": "^2.0.0",
+    "@rslib/core": "^0.21.3",
+    "@types/react": "^19.2.14",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "react": "^19.2.5",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  }
+}

rslib/react-compiler/rslib.config.ts

@@ -0,0 +1,25 @@
+import { pluginBabel } from '@rsbuild/plugin-babel';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      bundle: false,
+      dts: true,
+      format: 'esm',
+    },
+  ],
+  output: {
+    target: 'web',
+  },
+  plugins: [
+    pluginReact(),
+    pluginBabel({
+      include: /\.(?:jsx|tsx)$/,
+      babelLoaderOptions(opts) {
+        opts.plugins?.unshift('babel-plugin-react-compiler');
+      },
+    }),
+  ],
+});

rslib/react-compiler/src/Button.tsx

@@ -0,0 +1,14 @@
+import './button.css';
+
+interface ButtonProps {
+  label: string;
+  primary?: boolean;
+}
+
+export const Button = ({ label, primary = false }: ButtonProps) => {
+  return (
+    <button type="button" className={primary ? 'demo-button demo-button--primary' : 'demo-button'}>
+      {label}
+    </button>
+  );
+};

rslib/react-compiler/src/button.css

@@ -0,0 +1,15 @@
+.demo-button {
+  font-family: inherit;
+  font-weight: 700;
+  border: 0;
+  border-radius: 999px;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+  padding: 12px 24px;
+}
+
+.demo-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}

rslib/react-compiler/src/index.tsx

@@ -0,0 +1 @@
+export { Button } from './Button';

rslib/react-compiler/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2022"],
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "useDefineForClassFields": true
+  },
+  "include": ["src"]
+}