nuxt-og-image 6.10.3 → 7.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "6.10.3",
+  "version": "7.0.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -46,25 +46,27 @@
     "types/virtual.d.ts"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": "^22.22.3 || ^24.15.0 || >=26.0.0"
   },
   "peerDependencies": {
-    "@resvg/resvg-js": "^2.6.0",
-    "@resvg/resvg-wasm": "^2.6.0",
-    "@takumi-rs/core": "^1.0.0-beta.3 || ^2.0.0",
-    "@takumi-rs/wasm": "^1.0.0-beta.3 || ^2.0.0",
-    "@unhead/vue": "^2.0.5 || ^3.0.0",
+    "@resvg/resvg-js": "^2.6.2",
+    "@resvg/resvg-wasm": "^2.6.2",
+    "@takumi-rs/core": "^2.15.0",
+    "@takumi-rs/wasm": "^2.15.0",
+    "@unhead/vue": "^3.4.2",
     "@unocss/config": "^66.10.5",
     "@unocss/core": "^66.10.5",
-    "fontless": "^0.2.0 || ^0.4.3 || ^1.0.0",
+    "chrome-launcher": "^1.2.2",
+    "fontless": "^1.3.2",
     "nitropack": "^2.13.4",
-    "playwright-core": "^1.50.0",
-    "satori": ">=0.33.5",
-    "sharp": "^0.35.4",
-    "tailwindcss": "^4.0.0",
-    "unifont": "^0.7.0 || ^0.8.3 || ^1.0.0",
-    "unstorage": "^1.15.0",
-    "zod": ">=3"
+    "nuxt": "^4.6.1 || ^5.0.0",
+    "playwright-core": "^1.64.0",
+    "satori": "^0.47.1",
+    "sharp": "^0.35.5",
+    "tailwindcss": "^4.3.3",
+    "unifont": "^1.0.3",
+    "unstorage": "^1.17.5",
+    "zod": "^4.6.6"
   },
   "peerDependenciesMeta": {
     "@resvg/resvg-js": {
@@ -85,6 +87,9 @@
     "@unocss/core": {
       "optional": true
     },
+    "chrome-launcher": {
+      "optional": true
+    },
     "fontless": {
       "optional": true
     },
@@ -112,30 +117,29 @@
   },
   "dependencies": {
     "@clack/prompts": "^1.8.1",
-    "@nuxt/kit": "^4.5.2",
+    "@nuxt/kit": "^4.6.1",
     "@vue/compiler-sfc": "^3.5.43",
-    "chrome-launcher": "^1.2.1",
     "consola": "^3.4.2",
     "defu": "^6.1.7",
     "devalue": "^6.0.2",
-    "exsolve": "^1.1.1",
+    "exsolve": "^1.1.3",
     "fnv1a-64": "^0.1.2",
     "lightningcss": "^1.33.0",
-    "magic-string": "^1.4.2",
+    "lru-cache": "^11.5.3",
+    "magic-string": "^1.4.3",
     "magicast": "^0.5.5",
     "mocked-exports": "^0.1.1",
-    "nuxt-site-config": "^4.2.3",
-    "nuxtseo-shared": "^5.3.16",
+    "nuxt-site-config": "^5.0.0",
+    "nuxtseo-shared": "^6.0.0",
     "nypm": "^0.6.10",
     "object-identity": "^0.2.3",
     "ofetch": "^1.5.1",
     "ohash": "^2.0.12",
-    "oxc-parser": "^0.151.0",
+    "oxc-parser": "^0.153.0",
     "oxc-walker": "^1.1.1",
     "pathe": "^2.0.3",
-    "pkg-types": "^2.3.3",
     "radix3": "^1.1.2",
-    "std-env": "^4.2.0",
+    "std-env": "^4.3.0",
     "strip-literal": "^4.0.0",
     "tinyexec": "^1.3.1",
     "ufo": "^1.6.4",
@@ -144,23 +148,23 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^9.5.1",
-    "@fontsource/noto-sans-sc": "^5.3.0",
+    "@fontsource/noto-sans-sc": "^5.3.1",
     "@iconify-json/carbon": "^1.2.28",
-    "@iconify-json/logos": "^1.2.14",
+    "@iconify-json/logos": "^1.2.15",
     "@iconify-json/noto": "^1.2.9",
     "@iconify-json/ri": "^1.2.10",
-    "@iconify-json/tabler": "^1.2.40",
+    "@iconify-json/tabler": "^1.2.42",
     "@iconify/types": "^2.0.0",
     "@img/sharp-linux-x64": "^0.35.5",
     "@nuxt/content": "^3.16.1",
-    "@nuxt/devtools": "4.0.0-beta.2",
-    "@nuxt/devtools-kit": "4.0.0-beta.2",
-    "@nuxt/fonts": "^0.14.0",
+    "@nuxt/devtools": "4.0.0-beta.4",
+    "@nuxt/devtools-kit": "4.0.0-beta.4",
+    "@nuxt/fonts": "^1.0.1",
     "@nuxt/icon": "^2.5.1",
     "@nuxt/image": "^2.1.0",
     "@nuxt/module-builder": "^1.0.3",
-    "@nuxt/test-utils": "^4.3.2",
-    "@nuxt/ui": "^4.11.2",
+    "@nuxt/test-utils": "^4.3.3",
+    "@nuxt/ui": "^4.11.3",
     "@nuxtjs/color-mode": "^4.0.1",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/i18n": "^10.6.0",
@@ -168,54 +172,50 @@
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
     "@tailwindcss/vite": "^4.3.3",
-    "@takumi-rs/core": "^2.14.0",
-    "@takumi-rs/core-v1": "npm:@takumi-rs/core@1.8.7",
-    "@takumi-rs/helpers": "^2.14.0",
-    "@takumi-rs/helpers-v1": "npm:@takumi-rs/helpers@1.8.7",
-    "@takumi-rs/wasm": "^2.14.0",
-    "@takumi-rs/wasm-v1": "npm:@takumi-rs/wasm@1.8.7",
+    "@takumi-rs/core": "^2.15.0",
+    "@takumi-rs/helpers": "^2.15.0",
+    "@takumi-rs/wasm": "^2.15.0",
     "@unocss/config": "^66.10.5",
     "@unocss/core": "^66.10.5",
     "@unocss/nuxt": "^66.10.5",
     "@unocss/preset-icons": "^66.10.5",
     "@unocss/preset-wind": "^66.10.5",
     "@unocss/preset-wind4": "^66.10.5",
-    "@vitejs/plugin-vue": "^6.0.9",
+    "@vitejs/plugin-vue": "^6.0.10",
     "@vue/compiler-core": "^3.5.43",
     "@vueuse/nuxt": "^15.0.0",
+    "aws4fetch": "^1.0.20",
     "birpc": "^4.2.0",
     "bumpp": "^12.3.0",
-    "eslint": "^10.11.0",
+    "chrome-launcher": "^1.2.2",
+    "eslint": "^10.12.0",
     "eslint-plugin-harlanzw": "^0.23.0",
-    "fontless": "^1.2.1",
-    "fontless-v0-2": "npm:fontless@0.2.0",
+    "fontless": "^1.3.2",
     "globby": "^16.2.4",
-    "happy-dom": "^20.14.5",
+    "happy-dom": "^21.0.1",
     "hookable": "^6.1.2",
     "jest-image-snapshot": "^6.5.2",
     "lightningcss": "^1.33.0",
     "nitropack": "^2.13.4",
-    "nuxt": "^4.5.2",
+    "nuxt": "4.6.1",
     "nuxtseo-layer-devtools": "^5.3.16",
-    "playwright": "^1.63.0",
-    "playwright-core": "^1.63.0",
-    "sass": "^1.105.0",
-    "satori": "^0.33.5",
+    "playwright": "^1.64.0",
+    "playwright-core": "^1.64.0",
+    "sass": "^1.105.1",
+    "satori": "^0.47.1",
     "sharp": "^0.35.5",
     "sirv": "^3.0.2",
     "tailwindcss": "^4.3.3",
     "typescript": "6.0.3",
     "unbuild": "^3.6.1",
-    "unifont": "^1.0.2",
-    "unifont-v0-7": "npm:unifont@0.7.0",
+    "unifont": "^1.0.3",
     "unocss": "^66.10.5",
-    "vite": "8.3.0",
-    "vitest": "^5.0.2",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.3",
     "vue": "^3.5.43",
-    "vue-tsc": "^3.3.11",
-    "wrangler": "^4.142.0",
-    "yoga-wasm-web": "^0.3.3",
-    "zod": "^4.6.5"
+    "vue-tsc": "^3.3.13",
+    "wrangler": "^4.149.0",
+    "zod": "^4.6.6"
   },
   "scripts": {
     "bench:edge-startup": "nuxt build bench/fixtures/edge-startup && node bench/edge-startup.mjs bench/fixtures/edge-startup/.netlify/edge-functions/server/server.js",
@@ -233,13 +233,11 @@
     "release": "pnpm build && bumpp -x \"npx changelogen --output=CHANGELOG.md\"",
     "typecheck": "pnpm stub && nuxt typecheck",
     "test": "pnpm run prepare:fixtures && vitest",
-    "test:run": "pnpm test -- --run && pnpm test:nuxt5",
-    "test:nuxt5": "pnpm pack --out test/fixtures/nuxt5/nuxt-og-image.tgz && node -e \"require('node:fs').rmSync('test/fixtures/nuxt5/node_modules', { recursive: true, force: true })\" && pnpm install --dir test/fixtures/nuxt5 --no-frozen-lockfile --force --update-checksums && pnpm --dir test/fixtures/nuxt5 test",
+    "test:run": "pnpm prepare:fixtures && vitest run && pnpm test:nuxt5",
+    "test:nuxt5": "pnpm build && pnpm --dir test/fixtures/nuxt5 install --frozen-lockfile && pnpm --dir test/fixtures/nuxt5 test",
     "test:chrome": "HAS_CHROME=true vitest",
     "test:packed-install": "node scripts/smoke-packed-install.mjs",
-    "test:peers": "node scripts/test-peer-compatibility.mjs",
-    "test:takumi:e2e": "node scripts/test-takumi-e2e.mjs",
-    "test:takumi:e2e:matrix": "node scripts/test-takumi-e2e.mjs --matrix",
-    "test:takumi:e2e:compare": "node scripts/test-takumi-e2e.mjs --compare"
+    "test:peers": "node scripts/test-peer-compatibility.ts",
+    "test:takumi:e2e": "node scripts/test-takumi-e2e.ts"
   }
 }

package/skills/nuxt-og-image/SKILL.md

@@ -1,15 +1,19 @@
 ---
 name: nuxt-og-image
 description: Generate, fix, or debug Open Graph images in a Nuxt app with the nuxt-og-image module. Use when a task mentions og:image, social share images, twitter:image, defineOgImage, defineOgImageScreenshot, components/OgImage templates, the Takumi, Satori, or browser renderer, the ogImage config key, zeroRuntime, or /_og/ URLs. Also use when an OG image renders the wrong template, returns 403 or 500, shows no text on Cloudflare, or has a relative URL.
+license: MIT
+compatibility: "Requires Node.js ^22.22.3 || ^24.15.0 || >=26.0.0. Requires Nuxt ^4.6.1 || ^5.0.0. Requires Unhead ^3.4.2."
 ---
 
 # nuxt-og-image
 
-Tested against `nuxt-og-image` 6.9.1 on Nuxt 4.5 with `@takumi-rs/core` 2 (requires Nuxt `>=3.16.0`).
+Requires Nuxt `^4.6.1 || ^5.0.0` and Unhead 3.4.2 or newer.
 The module renders a Vue component to a PNG and adds `og:image` and `twitter:image` meta for the page. Docs: https://nuxtseo.com/docs/og-image
 
 ## Setup
 
+- Included in `@nuxtjs/seo` v6. If the app uses `@nuxtjs/seo`, configure the `ogImage` key and do not add the module again.
+- Otherwise, install it with `npx nuxt module add nuxt-og-image`.
 - Set `site.url`. Without it, prerendered pages get a relative `og:image` such as `/_og/s/o_x.png`. The build warns, but still succeeds. Crawlers need an absolute URL.
 - Install one renderer yourself: `@takumi-rs/core` (recommended), or `satori` with `@resvg/resvg-js`. Use the Wasm packages (`@takumi-rs/wasm`, `@resvg/resvg-wasm`) on edge runtimes. `pnpm exec nuxt-og-image enable takumi` installs the right one.
 - If a page or route rule uses a template whose renderer is not installed, the production build fails with the install command. A template that nothing uses only logs a warning. In dev, the module asks before it installs in an interactive terminal. In an agent, CI, or piped shell it only logs the command and never edits `package.json`.
@@ -22,7 +26,7 @@ The module renders a Vue component to a PNG and adds `og:image` and `twitter:ima
 - `defineOgImage`, `defineOgImageScreenshot`, and `getOgImagePath` are auto-imported. `getOgImageUrl` is auto-imported in server code.
 - Any `.vue` file in `components/OgImage/` is a template. The filename suffix picks the renderer: `Card.takumi.vue`, `Card.satori.vue`, `Card.browser.vue`. A file without a suffix is invalid. There is no renderer option.
 - Default size is 1200 by 600, not 1200 by 630. Set `ogImage.defaults.height` to change it.
-- Runtime URLs are signed. With no `security.secret`, the module generates one per build and warns in dev. A tampered URL, or a URL without a signature, returns 403 in production. Query overrides such as `?title=X` are ignored. Dev and prerender skip the check.
+- Runtime URLs are signed. The module derives a signing secret from Nuxt `appSecret`. Set `NUXT_APP_SECRET` in production; Nuxt persists a generated development secret. A tampered URL, or a URL without a signature, returns 403 in production. Query overrides such as `?title=X` are ignored. Dev and prerender skip the check.
 - A prerendered page gets a static file at `/_og/s/`. A server rendered page gets `/_og/d/` with all props encoded in the path.
 - Inter 400 and 700 are bundled. Emoji use the `noto` set and follow the size of the surrounding text.
 
@@ -82,16 +86,6 @@ export default defineNuxtConfig({
 Keep runtime URLs short: pass a slug, then `await $fetch()` the data inside the template.
 To use an existing image, call `useSeoMeta({ ogImage: '/cover.png' })`. The v5 `defineOgImage({ url })` form is gone.
 
-## Traps
-
-- **Community templates such as `NuxtSeo` work only in dev.** A dev page render copies the template into `components/OgImage/`. A production build fails on `defineOgImage('NuxtSeo')` until you eject it. A component name built at runtime is not checked at build; that image returns 500. Run `pnpm exec nuxt-og-image eject NuxtSeo`. It picks the variant for the renderer your app uses; `eject NuxtSeo.takumi` or `eject NuxtSeo.satori` chooses one.
-- **`zeroRuntime: true` removes the `/_og/d/` handler.** A page that is not prerendered gets no `og:image`. Prerender every page that calls `defineOgImage()`.
-- **`defineOgImageScreenshot()` needs `ogImage.browser`.** Without it, the production build fails. Set `browser: true` for local Chrome or Playwright, or `{ provider: 'cloudflare', binding: 'BROWSER' }`. Use it for prerendered pages; most hosts cannot run a browser.
-- **`defineOgImage()` in a client only component throws in dev and renders nothing in production.** Call it in page or layout setup, on the server.
-- **A border class needs `border-solid`.** A width without a style draws nothing, as in CSS.
-- **Rolling or multi instance deploys need a stable secret.** Set `NUXT_OG_IMAGE_SECRET` from `pnpm exec nuxt-og-image generate-secret`. Otherwise a URL signed by one build fails on another with 403.
-- **A wildcard route rule with `swr`, `isr`, or `cache` breaks `/_og/` routes.** The module warns. Use narrower patterns such as `/blog/**`.
-
 ## Fonts
 
 Custom fonts load only through `@nuxt/fonts`, and each family needs `global: true`. CSS `@font-face` rules and font CDN links do not reach the renderer. Local fonts: Takumi reads woff2 and ttf; Satori reads woff, ttf, and otf.
@@ -108,8 +102,31 @@ export default defineNuxtConfig({
 Takumi and Satori use Wasm on Workers. If images render with no text, the Worker has no `ASSETS` binding and cannot load fonts. Set `nitro.cloudflare.deployConfig: true` and deploy with `wrangler --cwd .output deploy`, or add an `[assets]` block to your own Wrangler config. The runtime cache is in memory; for KV set `ogImage.runtimeCacheStorage: { driver: 'cloudflare-kv-binding', binding: 'OG_IMAGE_CACHE' }`.
 Guide: https://nuxtseo.com/docs/og-image/guides/cloudflare
 
+## Traps
+
+- **Community templates such as `NuxtSeo` work only in dev.** A dev page render copies the template into `components/OgImage/`. A production build fails on `defineOgImage('NuxtSeo.takumi')` until you eject it. A component name built at runtime is not checked at build; that image returns 500. Run `pnpm exec nuxt-og-image eject NuxtSeo`. It picks the variant for the renderer your app uses; `eject NuxtSeo.takumi` or `eject NuxtSeo.satori` chooses one.
+- **`zeroRuntime: true` removes the `/_og/d/` handler.** A page that is not prerendered gets no `og:image`. Prerender every page that calls `defineOgImage()`.
+- **`defineOgImageScreenshot()` needs `ogImage.browser`.** Without it, the production build fails. Set `browser: true` and install `playwright-core`, or set `{ provider: 'cloudflare', binding: 'BROWSER' }`. Use it for prerendered pages; most hosts cannot run a browser.
+- **`defineOgImage()` in a client only component throws in dev and renders nothing in production.** Call it in page or layout setup, on the server.
+- **A border class needs `border-solid`.** A width without a style draws nothing, as in CSS.
+- **Rolling or multi instance deploys need a stable secret.** Set `NUXT_APP_SECRET` from `pnpm exec nuxt-og-image generate-secret`. Changing the application secret invalidates existing signed URLs.
+- **Legacy environment key:** V7 accepts `NUXT_OG_IMAGE_SECRET` if the application secret is empty, with a deprecation warning. Rename it to `NUXT_APP_SECRET`. The derived key still invalidates v6 signatures.
+- **A wildcard route rule with `swr`, `isr`, or `cache` breaks `/_og/` routes.** The module warns. Use narrower patterns such as `/blog/**`.
+
 ## Version limits
 
+v7 changes that v6 examples still show:
+
+- Nuxt versions before 4.6.1 are not supported. Upgrade Nuxt to 4.6.1 or later.
+- String `ogImage.security.secret` and `runtimeConfig.ogImage.secret` are removed. Set `NUXT_APP_SECRET` from `pnpm exec nuxt-og-image generate-secret`. If the production secret is missing or shorter than 32 characters, OG image requests return 500.
+- Satori 0.47.1+ uses native layout. A bare `<div>` is no longer a flex column. Add `flex flex-col` where the template needs it.
+- Custom fonts need `@nuxt/fonts` 1.0+. With an older version, images fall back to Inter.
+- Takumi v1 is removed. Use `@takumi-rs/core` or `@takumi-rs/wasm` `^2.15.0`. Merge `takumi.fetchedResources` and `takumi.persistentImages` into `takumi.images`.
+- `defineOgImageSchema()` needs Zod 4.
+- `getOgImageUrl(event, ...)` takes the Nuxt `RequestEvent`. Import `defineEventHandler` from `nuxt/server`, not the h3 auto-import.
+- `chrome-launcher` is no longer installed. Without it, the browser renderer downloads Chromium instead of using a local Chrome. Run `pnpm add -D chrome-launcher`. Without `playwright-core`, a browser renderer build fails.
+- The DevTools panel needs `nuxtseo-devtools-host` as a dev dependency: `pnpm add -D nuxtseo-devtools-host@^1`.
+
 v6 changes that older examples still show:
 
 - `defineOgImageComponent('X', props)` is deprecated. Use `defineOgImage('X', props)`.
@@ -123,12 +140,12 @@ The `html` option is deprecated, and `security.strict` removes it. Use a compone
 
 - `defaults`: default image options, such as `width`, `height`, `extension`, `emojis`. Options equal to a default stay out of the URL.
 - `zeroRuntime` (`false`): drop the runtime renderer. See the trap above.
-- `security.secret`, `security.strict` (`false`): `strict` requires an explicit secret, drops `html`, and restricts runtime images to the site host.
+- `security.secret`, `security.strict` (`false`): `strict` requires Nuxt `appSecret`, drops `html`, and restricts runtime images to the site host.
 - `browser`: enables screenshots and `.browser.vue` templates.
 - Other options: https://nuxtseo.com/docs/og-image/api/config
 
 ## Debug
 
-- Nuxt DevTools has an OG Image tab with a live preview.
+- Nuxt DevTools has an OG Image tab with a live preview. The tab needs `nuxtseo-devtools-host` as a dev dependency.
 - In dev, the image at a URL is cached. After a template edit, append `?purge` to the image URL.
 - `ogImage.debug: true` adds `/_og/debug.json` and logs more. It warns if left on in production.

package/types/virtual.d.ts

@@ -1,3 +1,11 @@
+declare module '#build/nuxt-og-image/client-config.mjs' {
+  export const hasServerRuntime: boolean
+}
+
+declare module '#og-image-virtual/signing.mjs' {
+  export const rendersImages: boolean
+}
+
 declare module '#nuxtseo/h3' {
   export * from 'h3'
 }

package/dist/runtime/server/og-image/satori/plugins/emojis.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("../../../../types.js").VNodeTransformer | import("../../../../types.js").VNodeTransformer[];
-export default _default;

package/dist/runtime/server/og-image/satori/plugins/emojis.js

@@ -1,112 +0,0 @@
-import { parse } from "ultrahtml";
-import { querySelector } from "ultrahtml/selector";
-import { getEmojiSvg } from "#og-image/emoji-transform";
-import { defineTransformer } from "../../core/plugins.js";
-import { RE_MATCH_EMOJIS } from "../../core/transforms/emojis/emoji-utils.js";
-import { elementToVNode } from "../../core/vnodes.js";
-function svgToVNode(svg) {
-  const doc = parse(svg);
-  const svgEl = querySelector(doc, "svg");
-  if (!svgEl)
-    return null;
-  return elementToVNode(svgEl);
-}
-function isEmojiSvg(node) {
-  return node.type === "svg" && typeof node.props?.["data-emoji"] !== "undefined";
-}
-export default defineTransformer([
-  // Transform text nodes that contain emojis to replace them with SVG nodes
-  {
-    filter: (node) => {
-      if (typeof node.props?.children !== "string")
-        return false;
-      RE_MATCH_EMOJIS.lastIndex = 0;
-      return RE_MATCH_EMOJIS.test(node.props.children);
-    },
-    transform: async (node, ctx) => {
-      const text = node.props.children;
-      RE_MATCH_EMOJIS.lastIndex = 0;
-      const matches = [...text.matchAll(RE_MATCH_EMOJIS)];
-      if (!matches.length)
-        return;
-      const children = [];
-      let lastIndex = 0;
-      for (const match of matches) {
-        const emoji = match[0];
-        const emojiIndex = match.index;
-        if (emojiIndex > lastIndex) {
-          const beforeText = text.slice(lastIndex, emojiIndex);
-          if (beforeText)
-            children.push(beforeText);
-        }
-        const svg = await getEmojiSvg(ctx, emoji);
-        if (svg) {
-          const svgNode = svgToVNode(svg);
-          if (svgNode) {
-            svgNode.props["data-emoji"] = true;
-            const existingStyle = svgNode.props.style || {};
-            if (existingStyle.display === "inline-block")
-              delete existingStyle.display;
-            svgNode.props.style = {
-              ...existingStyle,
-              width: "1em",
-              height: "1em"
-            };
-            children.push(svgNode);
-          } else {
-            children.push(emoji);
-          }
-        } else {
-          children.push(emoji);
-        }
-        lastIndex = emojiIndex + emoji.length;
-      }
-      if (lastIndex < text.length) {
-        const afterText = text.slice(lastIndex);
-        if (afterText)
-          children.push(afterText);
-      }
-      if (children.length >= 1) {
-        const vnodeChildren = children.map((child) => {
-          if (typeof child === "string") {
-            return {
-              type: "div",
-              props: {
-                children: child
-              }
-            };
-          }
-          return child;
-        });
-        node.props.children = vnodeChildren;
-        node.props.style = node.props.style || {};
-        node.props.style.display = "flex";
-        node.props.style.alignItems = "center";
-      }
-    }
-  },
-  // Keep the existing logic for styling containers with emoji SVGs
-  {
-    filter: (node) => ["div", "p"].includes(node.type) && Array.isArray(node.props?.children) && node.props.children.some(
-      (child) => child.type === "svg" && child.props?.["data-emoji"] || isEmojiSvg(child)
-    ),
-    transform: (node) => {
-      node.props.style = node.props.style || {};
-      node.props.style.display = "flex";
-      node.props.style.alignItems = "center";
-      node.props.children = node.props.children.map((child) => {
-        if (typeof child === "string") {
-          return {
-            type: "div",
-            props: {
-              children: child
-            }
-          };
-        }
-        if (child.props?.class?.includes("emoji"))
-          delete child.props.class;
-        return child;
-      });
-    }
-  }
-]);

package/dist/runtime/server/og-image/satori/plugins/flex.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("../../../../types.js").VNodeTransformer | import("../../../../types.js").VNodeTransformer[];
-export default _default;

package/dist/runtime/server/og-image/satori/plugins/flex.js

@@ -1,48 +0,0 @@
-import { defineTransformer } from "../../core/plugins.js";
-const RE_FLEX_CLASS = /\bflex\b/;
-const INLINE_ELEMENTS = [
-  "span",
-  "a",
-  "b",
-  "i",
-  "u",
-  "em",
-  "strong",
-  "code",
-  "abbr",
-  "del",
-  "ins",
-  "mark",
-  "sub",
-  "sup",
-  "small",
-  "p",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5"
-];
-export default defineTransformer({
-  filter: (node) => [...INLINE_ELEMENTS, "div"].includes(node.type) && (Array.isArray(node.props?.children) && node.props?.children.length >= 1) && !node.props?.class?.includes("hidden"),
-  transform: (node) => {
-    node.props.style = node.props.style || {};
-    if (node.props.style.display) {
-      return;
-    }
-    if (node.type === "div") {
-      node.props.style.display = "flex";
-      if (!node.props.style.flexDirection && !RE_FLEX_CLASS.test(node.props?.class || "")) {
-        node.props.style.flexDirection = "column";
-      }
-      return;
-    }
-    node.props.style.display = "flex";
-    if (!node.props.style.flexWrap) {
-      node.props.style.flexWrap = "wrap";
-    }
-    if (node.props.style.flexWrap === "wrap" && !node.props.style.gap) {
-      node.props.style.gap = "0.2em";
-    }
-  }
-});