fix(mobile): isolate html renderer build deps

Author: DIYgod

apps/mobile/web-app/html-renderer/package.json

@@ -12,12 +12,29 @@
     "@emotion/is-prop-valid": "1.3.1",
     "@follow/components": "workspace:*",
     "@follow/configs": "workspace:*",
+    "@follow/hooks": "workspace:*",
+    "@follow/shared": "workspace:*",
     "@follow/types": "workspace:*",
+    "@follow/utils": "workspace:*",
+    "@shikijs/transformers": "3.22.0",
     "clsx": "2.1.1",
     "foxact": "0.2.52",
     "jotai": "2.17.1",
+    "katex": "0.16.28",
     "motion": "12.34.0",
     "react": "19.0.0",
-    "react-blurhash": "0.3.0"
+    "react-blurhash": "0.3.0",
+    "react-dom": "19.0.0",
+    "shiki": "3.22.0",
+    "usehooks-ts": "3.1.1"
+  },
+  "devDependencies": {
+    "@types/hast": "3.0.4",
+    "@vitejs/plugin-react": "5.1.4",
+    "hast-util-to-jsx-runtime": "2.3.6",
+    "pathe": "2.0.3",
+    "typescript": "catalog:",
+    "vite": "7.3.1",
+    "vitest": "3.2.4"
   }
 }

apps/mobile/web-app/html-renderer/src/parser.tsx

@@ -90,14 +90,14 @@ export const parseHtml = (
       hr: ({ node, ...props }) =>
         createElement("hr", {
           ...props,
-          className: tw`scale-x-50`,
+          className: "scale-x-50",
         }),
       input: ({ node, ...props }) => {
         if (props.type === "checkbox") {
           return createElement(Checkbox, {
             ...props,
             disabled: false,
-            className: tw`pointer-events-none mr-2`,
+            className: "pointer-events-none mr-2",
           })
         }
         return createElement("input", props)
@@ -170,7 +170,7 @@ export const parseHtml = (
 
           createElement("table", {
             ...props,
-            className: tw`w-full my-0`,
+            className: "w-full my-0",
           }),
         ),
       video: ({ node, ...props }) =>

apps/mobile/web-app/html-renderer/vite.config.mts

@@ -2,11 +2,7 @@ import react from "@vitejs/plugin-react"
 import path from "pathe"
 import { defineConfig } from "vite"
 
-import { viteRenderBaseConfig } from "../../../desktop/configs/vite.render.config"
-import { astPlugin } from "../../../desktop/plugins/vite/ast"
-
 export default defineConfig({
-  ...viteRenderBaseConfig,
   base: "",
   build: {
     outDir: path.resolve(import.meta.dirname, "../../../../out/rn-web/html-renderer"),
@@ -19,6 +15,5 @@ export default defineConfig({
   define: {
     ELECTRON: "false",
   },
-
-  plugins: [react({}), astPlugin],
+  plugins: [react({})],
 })

apps/mobile/web-app/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "build": "cd html-renderer && vite build",
-    "typecheck": "cd html-renderer && tsc --noEmit"
+    "build": "pnpm --dir html-renderer build",
+    "typecheck": "pnpm --dir html-renderer typecheck"
   }
 }

package.json

@@ -37,6 +37,7 @@
     "@babel/parser": "7.29.0",
     "@babel/traverse": "7.29.0",
     "@babel/types": "7.29.0",
+    "@electron-toolkit/tsconfig": "2.0.0",
     "@eslint/compat": "1.4.1",
     "@tsslint/cli": "2.0.7",
     "@tsslint/config": "2.0.7",

pnpm-lock.yaml

@@ -4,6 +4,7 @@ packages:
   - apps/desktop/layer/*
   - "!apps/mobile/native/example"
   - apps/mobile/web-app
+  - apps/mobile/web-app/html-renderer
   - "!**/example"
   - "!**/example/**"