⬆️ Upgrade satori to 0.18.3 (#769)

Author: wei

.changeset/upgrade-satori.md

@@ -0,0 +1,9 @@
+---
+"socialify": patch
+---
+
+Upgrade satori from 0.15.2 to 0.18.3
+
+- Simplified renderSVG.tsx by removing manual yoga-wasm-web initialization (satori now bundles WASM internally)
+- Removed yoga-wasm-web dependency
+- Updated postinstall script to no longer copy yoga.wasm

common/renderSVG.tsx

@@ -1,32 +1,12 @@
-// @ts-ignore
-import satori, { init as initSatori } from 'satori/wasm'
-// @ts-ignore
-import initYoga from 'yoga-wasm-web'
+import satori from 'satori'
 
 import { autoThemeCss } from '@/common/helpers'
 import { getCardConfig, getFonts, loadDynamicAsset } from '@/common/renderCard'
 import { Theme } from '@/common/types/configType'
 import type QueryType from '@/common/types/queryType'
 import Card from '@/src/components/preview/card'
-// @ts-ignore: Not a typical module, using import alias will cause an error.
-import yogaWasm from '../public/yoga.wasm?module'
-
-// Module-level WASM initialization - cached across warm FaaS invocations
-let yogaInitPromise: Promise<void> | null = null
-
-const initYogaWasm = async () => {
-  if (!yogaInitPromise) {
-    yogaInitPromise = (async () => {
-      const yoga = await initYoga(yogaWasm)
-      initSatori(yoga)
-    })()
-  }
-  return yogaInitPromise
-}
 
 const renderCardSVG = async (query: QueryType) => {
-  await initYogaWasm()
-
   const config = await getCardConfig(query)
 
   if (config.theme === Theme.auto) {

package.json

@@ -29,7 +29,7 @@
     "ncu": "npx npm-check-updates -u",
     "verify": "pnpm lint && pnpm test:unit && pnpm build",
     "playwright:install": "pnpm playwright install --with-deps chromium",
-    "postinstall": "mkdir -p ./public && cp ./node_modules/yoga-wasm-web/dist/yoga.wasm ./public/yoga.wasm && cp ./node_modules/@resvg/resvg-wasm/index_bg.wasm ./public/resvg_bg.wasm",
+    "postinstall": "mkdir -p ./public && cp ./node_modules/@resvg/resvg-wasm/index_bg.wasm ./public/resvg_bg.wasm",
     "prepare": "is-ci || husky"
   },
   "engines": {
@@ -49,11 +49,10 @@
     "react-dom": "19.2.3",
     "react-hot-toast": "^2.6.0",
     "react-icons": "^5.5.0",
-    "satori": "^0.15.2",
+    "satori": "^0.18.3",
     "server-only": "^0.0.1",
     "simple-icons": "^16.3.0",
-    "use-debounce": "^10.0.6",
-    "yoga-wasm-web": "^0.3.3"
+    "use-debounce": "^10.0.6"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.10",