@trapar-waves/react-tailwind 1.0.0

package/README.md

@@ -0,0 +1,29 @@
+# Rsbuild Project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm preview
+```

package/eslint.config.js

@@ -0,0 +1,8 @@
+import antfu from "@antfu/eslint-config";
+
+export default antfu({
+  jsonc: true,
+  javascript: true,
+  yaml: true,
+  stylistic: { indent: 2, quotes: "double", semi: true },
+});

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@trapar-waves/react-tailwind",
+  "type": "module",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.0.0",
+    "@iconify/json": "^2.2.298",
+    "@iconify/tailwind4": "^1.0.6",
+    "@rsbuild/core": "^1.2.1",
+    "@rsbuild/plugin-react": "^1.1.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "eslint": "^9.18.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.7.3"
+  }
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - core-js

package/rsbuild.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import tailwind from "@tailwindcss/postcss";
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  tools:{
+    postcss:{
+      postcssOptions:{
+        plugins:[tailwind]
+      }
+    }
+  }
+});

package/src/App.css

@@ -0,0 +1,2 @@
+@import 'tailwindcss';
+@plugin "@iconify/tailwind4";

package/src/App.tsx

@@ -0,0 +1,13 @@
+import "./App.css";
+
+function App() {
+  return (
+    <div className="bg-red-200">
+      <h1 className="text-green-800">Rsbuild with React</h1>
+      <p>Start building amazing things with Rsbuild.</p>
+      <span className="icon-[cryptocurrency--btc]"></span>
+    </div>
+  );
+}
+
+export default App;

package/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="@rsbuild/core/types" />

package/src/index.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+
+const rootEl = document.getElementById("root");
+if (rootEl) {
+  const root = ReactDOM.createRoot(rootEl);
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>,
+  );
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react-jsx",
+    "target": "ES2020",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["src"]
+}