feat: migrate page functions to wokers (#1041)

Author: honwhy

README.md

@@ -124,6 +124,10 @@ pnpm web firefox:zip # output zip file at in .output/md-{version}-firefox.zip
 
 # uTools 插件打包
 pnpm utools:package # output zip file at apps/utools/release/md-utools-v{version}.zip
+
+# cloudflare workers
+pnpm web wrangler:dev # cloudflare workers dev 模式
+pnpm web wrangler:deploy # cloudflare workers 部署命令
 ```
 
 ## 🚀 快速搭建私有服务

apps/web/functions/cgi-bin/material/add_material/index.ts

@@ -14,7 +14,8 @@
     "build:analyze": "cross-env ANALYZE=true vite build",
     "compile:extension": "pnpm --prefix ./src/extension run compile",
     "preview": "pnpm run build && vite preview",
-    "preview:pages": "cross-env CF_PAGES=1 pnpm run build:h5-netlify && wrangler pages dev ./dist",
+    "wrangler:dev": "cross-env CF_PAGES=1 vite --host",
+    "wrangler:deploy": "cross-env CF_PAGES=1 pnpm run build:h5-netlify && wrangler deploy",
     "release:cli": "node ./scripts/release.js",
     "ext:dev": "wxt",
     "ext:zip": "wxt zip",
@@ -73,6 +74,7 @@
     "yup": "^1.7.1"
   },
   "devDependencies": {
+    "@cloudflare/vite-plugin": "^1.13.10",
     "@cloudflare/workers-types": "^4.20251001.0",
     "@md/config": "workspace:*",
     "@tailwindcss/postcss": "^4.1.13",

apps/web/functions/cgi-bin/media/uploadimg/index.ts

@@ -11,6 +11,9 @@
     },
     {
       "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.worker.json"
     }
   ],
   "files": []

apps/web/functions/cgi-bin/stable_token.ts

@@ -1,8 +1,6 @@
 {
+  "extends": "./tsconfig.node.json",
   "compilerOptions": {
-    "target": "esnext",
-    "lib": ["esnext"],
-    "module": "esnext",
     "types": ["@cloudflare/workers-types"]
   }
 }

apps/web/functions/parseFormDataRequest.ts

@@ -1,6 +1,7 @@
 import path from 'node:path'
 import process from 'node:process'
 
+import { cloudflare } from '@cloudflare/vite-plugin'
 import tailwindcss from '@tailwindcss/vite'
 import vue from '@vitejs/plugin-vue'
 import { visualizer } from 'rollup-plugin-visualizer'
@@ -13,8 +14,9 @@ import { VitePluginRadar } from 'vite-plugin-radar'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 const isUTools = process.env.SERVER_ENV === `UTOOLS`
+const isCfWorkers = process.env.CF_PAGES === `1`
 const base
-  = process.env.SERVER_ENV === `NETLIFY`
+  = process.env.SERVER_ENV === `NETLIFY` || isCfWorkers
     ? `/`
     : isUTools
       ? `./`
@@ -29,6 +31,7 @@ export default defineConfig(({ mode }) => {
     envPrefix: [`VITE_`, `CF_`],
     plugins: [
       vue(),
+      isCfWorkers && cloudflare(),
       tailwindcss(),
       vueDevTools({
         launchEditor: env.VITE_LAUNCH_EDITOR ?? `code`,
@@ -70,7 +73,7 @@ export default defineConfig(({ mode }) => {
             }),
           ]
         : []),
-      nodePolyfills({
+      !isCfWorkers && nodePolyfills({
         include: [`path`, `util`, `timers`, `stream`, `fs`],
         overrides: {
         // Since `fs` is not supported in browsers, we can use the `memfs` package to polyfill it.