docs(playground): update example

r17x · Jun 26, 2024 · 0bea8e4 · 0bea8e4
1 parent 9ea0390
commit 0bea8e4
Show file tree

Hide file tree

Showing 10 changed files with 3,054 additions and 29 deletions.
diff --git a/biome.json b/biome.json
@@ -1,8 +1,11 @@
 {
 	"$schema": "https://biomejs.dev/schemas/1.8.2/schema.json",
 	"files": {
-		"ignoreUnknown": true,
-		"include": ["src/**/*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"]
+		"ignore": ["build", "out", "dist", "lib/bs"],
+		"include": [
+			"src/**/*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}",
+			"playground/src/**/*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
+		]
 	},
 	"organizeImports": {
 		"enabled": true

diff --git a/playground/.gitignore b/playground/.gitignore
@@ -1 +1,2 @@
 **/lib/
+**/*.res.js
diff --git a/playground/farm.config.mts b/playground/farm.config.mts
@@ -1,25 +1,6 @@
 import { defineConfig } from "@farmfe/core";
-import UnpluginVite from "../src/vite";
-import Unplugin from "../src/farm";
-
-//const createVitePlugin = () => ({
-//  vitePlugin: UnpluginVite(),
-//  filters: {
-//    moduleTypes: ['ts', 'tsx'],
-//  },
-//})
+import ReScript from "../src/farm";
 
 export default defineConfig({
-	root: process.cwd(), // compiled root directory
-	// compile options
-	compilation: {
-		input: {
-			index: "./index.html",
-		},
-	},
-	plugins: [Unplugin()],
-	vitePlugins: [
-		// plugin configuration
-		// createVitePlugin
-	],
+	plugins: [ReScript()],
 });
diff --git a/playground/index.html b/playground/index.html
@@ -7,7 +7,8 @@
 </head>
 <body>
   <div id="app"></div>
-  <a href="/__inspect/#/module?id=./main.ts&index=2" target="_blank" style="text-decoration: none; margin-top:10px; display: block;">visit /__inspect/ to inspect the intermediate state</a>
+  <a href="/__inspect/#/module?id=./src/index.res.js" target="_blank" style="text-decoration: none; margin-top:10px; display: block;">visit /__inspect/ to inspect the intermediate state</a>
+  <!-- [Tested in Vite] src/index.res will be compiled to src/index.res.js -->
   <script type="module"> 
     import "./src/index.res"
   </script> 

diff --git a/playground/package.json b/playground/package.json
@@ -2,16 +2,23 @@
 	"private": true,
 	"scripts": {
 		"clean": "rescript clean -with-deps",
+		"dev:vite": "vite dev",
+		"dev:farm": "farm dev",
 		"build:vite": "vite build",
 		"build:farm": "farm build"
 	},
 	"devDependencies": {
 		"@farmfe/cli": "^1.0.2",
 		"@farmfe/core": "^1.2.0",
 		"@rescript/core": "1.5.0",
+		"@rescript/react": "^0.12.2",
 		"rescript": "11.1.1",
 		"unplugin-rescript": "workspace:*",
 		"vite": "^5.0.4",
 		"vite-plugin-inspect": "^0.8.1"
+	},
+	"dependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
 	}
 }
diff --git a/playground/rescript.json b/playground/rescript.json
@@ -13,6 +13,10 @@
 		}
 	],
 	"suffix": ".res.js",
-	"bs-dependencies": ["@rescript/core"],
+	"jsx": {
+		"version": 4,
+		"mode": "automatic"
+	},
+	"bs-dependencies": ["@rescript/core", "@rescript/react"],
 	"bsc-flags": ["-open RescriptCore"]
 }
diff --git a/playground/src/a.res b/playground/src/a.res