cloudflare + fix mobile text input + loading state

Author: zhengkyl

.gitignore

@@ -4,7 +4,6 @@ dist
 .output
 .vercel
 .netlify
-netlify
 .vinxi
 
 # Environment
@@ -27,3 +26,7 @@ gitignore
 # System Files
 .DS_Store
 Thumbs.db
+
+# wrangler files
+.wrangler
+.dev.vars

app.config.ts

@@ -5,7 +5,10 @@ import wasmpack from "vite-plugin-wasm-pack";
 
 export default defineConfig({
   server: {
-    preset: "vercel",
+    preset: "cloudflare-pages",
+    rollupConfig: {
+      external: ["node:async_hooks"]
+    }
   },
   ssr: true,
   vite: {

package.json

@@ -5,7 +5,8 @@
     "dev": "vinxi dev",
     "build": "vinxi build",
     "start": "vinxi start",
-    "presets": "node updatePresets"
+    "preview": "pnpm run build && npx wrangler pages dev",
+    "deploy": "pnpm run build && wrangler pages deploy"
   },
   "dependencies": {
     "@codemirror/commands": "^6.6.0",
@@ -29,9 +30,11 @@
     "vinxi": "^0.3.11"
   },
   "devDependencies": {
+    "@cloudflare/workers-types": "^4.20241011.0",
     "@unocss/transformer-variant-group": "^0.59.4",
     "prettier": "^3.3.3",
-    "vite-plugin-wasm-pack": "^0.1.12"
+    "vite-plugin-wasm-pack": "^0.1.12",
+    "wrangler": "^3.80.4"
   },
   "pnpm": {
     "overrides": {