@effing/satori 0.10.5 → 0.11.1

package/README.md

@@ -120,6 +120,23 @@ await pool.destroy();
 
 **Peer dependencies:** The pool and serde sub-paths require `react` and `tinypool` to be installed. They are listed as optional peer dependencies so the main `@effing/satori` entry works without them.
 
+### Vite Plugin (SSR)
+
+**The `@effing/satori/vite` plugin is required when using the worker pool in production SSR builds.** Without it, the worker file path breaks after Vite bundles the pool code, because `import.meta.url` points at the build output directory instead of `node_modules`.
+
+The plugin bundles the worker into a self-contained file in the SSR output and rewrites `createSatoriPool()` calls to point at it.
+
+```typescript
+// vite.config.ts
+import { satoriPoolPlugin } from "@effing/satori/vite";
+
+export default defineConfig({
+  plugins: [satoriPoolPlugin()],
+});
+```
+
+In dev mode the plugin is inert — `import.meta.url` still resolves into `node_modules` correctly, so no rewriting is needed.
+
 ## API Overview
 
 ### `pngFromSatori(template, options)`
@@ -185,6 +202,16 @@ function createSatoriPool(options?: SatoriPoolOptions): SatoriPool;
 - `rasterizeSvgToPng(svg, options?)` — Rasterize SVG to PNG buffer
 - `destroy()` — Shut down the pool
 
+### `@effing/satori/vite`
+
+#### `satoriPoolPlugin()`
+
+Vite plugin that bundles the satori worker into the SSR output. Required for production SSR builds using the worker pool.
+
+```typescript
+function satoriPoolPlugin(): Plugin;
+```
+
 ### `@effing/satori/serde`
 
 React element serialization for cross-thread communication. Used internally by the pool, but available for custom worker setups.

package/dist/pool/index.d.ts

@@ -6,6 +6,8 @@ type SatoriPoolOptions = {
     minThreads?: number;
     /** Maximum number of worker threads (default: os.cpus().length) */
     maxThreads?: number;
+    /** Absolute path to a bundled worker file (set automatically by the Vite plugin) */
+    workerFile?: string;
 };
 type SatoriPool = {
     /** Render a serialized React element to PNG via the worker pool */
@@ -14,7 +16,7 @@ type SatoriPool = {
         height: number;
         fonts: Array<{
             name: string;
-            data: Buffer;
+            data: Buffer | ArrayBuffer;
             weight: number;
             style: string;
         }>;
@@ -26,7 +28,7 @@ type SatoriPool = {
         height: number;
         fonts: Array<{
             name: string;
-            data: Buffer;
+            data: Buffer | ArrayBuffer;
             weight: number;
             style: string;
         }>;

package/dist/pool/index.js

@@ -10,7 +10,7 @@ import { fileURLToPath } from "url";
 import path from "path";
 import Tinypool from "tinypool";
 function createSatoriPool(options) {
-  const workerFile = path.resolve(
+  const workerFile = options?.workerFile ?? path.resolve(
     path.dirname(fileURLToPath(import.meta.url)),
     "../worker/index.js"
   );

package/dist/pool/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pool/index.ts"],"sourcesContent":["import os from \"os\";\nimport { fileURLToPath } from \"url\";\nimport path from \"path\";\n\nimport type { ReactNode } from \"react\";\nimport type satori from \"satori\";\nimport Tinypool from \"tinypool\";\n\nimport type { EmojiStyle } from \"../emoji.ts\";\nimport {\n  ensureSingleElement,\n  expandElement,\n  serializeElement,\n} from \"../serde/index.ts\";\n\nexport type SatoriPoolOptions = {\n  /** Minimum number of worker threads (default: 1) */\n  minThreads?: number;\n  /** Maximum number of worker threads (default: os.cpus().length) */\n  maxThreads?: number;\n};\n\nexport type SatoriPool = {\n  /** Render a serialized React element to PNG via the worker pool */\n  renderToPng(\n    element: Parameters<typeof satori>[0],\n    options: {\n      width: number;\n      height: number;\n      fonts: Array<{\n        name: string;\n        data: Buffer;\n        weight: number;\n        style: string;\n      }>;\n      emoji?: EmojiStyle;\n    },\n  ): Promise<Buffer>;\n\n  /** Render a serialized React element to SVG via the worker pool */\n  renderToSvg(\n    element: Parameters<typeof satori>[0],\n    options: {\n      width: number;\n      height: number;\n      fonts: Array<{\n        name: string;\n        data: Buffer;\n        weight: number;\n        style: string;\n      }>;\n      emoji?: EmojiStyle;\n    },\n  ): Promise<string>;\n\n  /** Rasterize an SVG string to PNG via the worker pool */\n  rasterizeSvgToPng(\n    svg: string,\n    options?: {\n      fitTo?:\n        | { mode: \"original\" }\n        | { mode: \"width\"; value: number }\n        | { mode: \"height\"; value: number }\n        | { mode: \"zoom\"; value: number };\n      crop?: {\n        left: number;\n        top: number;\n        right?: number;\n        bottom?: number;\n      };\n    },\n  ): Promise<Buffer>;\n\n  /** Shut down the worker pool */\n  destroy(): Promise<void>;\n};\n\n/**\n * Create a worker pool for parallelized satori rendering.\n *\n * @param options Pool configuration\n * @returns A `SatoriPool` with `renderToPng`, `renderToSvg`, `rasterizeSvgToPng`, and `destroy`\n */\nexport function createSatoriPool(options?: SatoriPoolOptions): SatoriPool {\n  const workerFile = path.resolve(\n    path.dirname(fileURLToPath(import.meta.url)),\n    \"../worker/index.js\",\n  );\n\n  const pool = new Tinypool({\n    filename: workerFile,\n    minThreads: options?.minThreads ?? 1,\n    maxThreads: options?.maxThreads ?? os.cpus().length,\n  });\n\n  return {\n    async renderToPng(element, opts) {\n      const serialized = serializeElement(\n        ensureSingleElement(expandElement(element as ReactNode)),\n      );\n      const result = await pool.run(\n        {\n          element: serialized,\n          width: opts.width,\n          height: opts.height,\n          fonts: opts.fonts,\n          emoji: opts.emoji,\n        },\n        { name: \"renderToPng\" },\n      );\n      return Buffer.from(result);\n    },\n\n    async renderToSvg(element, opts) {\n      const serialized = serializeElement(\n        ensureSingleElement(expandElement(element as ReactNode)),\n      );\n      return pool.run(\n        {\n          element: serialized,\n          width: opts.width,\n          height: opts.height,\n          fonts: opts.fonts,\n          emoji: opts.emoji,\n        },\n        { name: \"renderToSvg\" },\n      );\n    },\n\n    async rasterizeSvgToPng(svg, opts) {\n      const result = await pool.run(\n        { svg, options: opts },\n        { name: \"rasterizeSvgToPng\" },\n      );\n      return Buffer.from(result);\n    },\n\n    async destroy() {\n      await pool.destroy();\n    },\n  };\n}\n"],"mappings":";;;;;;;AAAA,OAAO,QAAQ;AACf,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAIjB,OAAO,cAAc;AA6Ed,SAAS,iBAAiB,SAAyC;AACxE,QAAM,aAAa,KAAK;AAAA,IACtB,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAAA,IAC3C;AAAA,EACF;AAEA,QAAM,OAAO,IAAI,SAAS;AAAA,IACxB,UAAU;AAAA,IACV,YAAY,SAAS,cAAc;AAAA,IACnC,YAAY,SAAS,cAAc,GAAG,KAAK,EAAE;AAAA,EAC/C,CAAC;AAED,SAAO;AAAA,IACL,MAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,aAAa;AAAA,QACjB,oBAAoB,cAAc,OAAoB,CAAC;AAAA,MACzD;AACA,YAAM,SAAS,MAAM,KAAK;AAAA,QACxB;AAAA,UACE,SAAS;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QACd;AAAA,QACA,EAAE,MAAM,cAAc;AAAA,MACxB;AACA,aAAO,OAAO,KAAK,MAAM;AAAA,IAC3B;AAAA,IAEA,MAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,aAAa;AAAA,QACjB,oBAAoB,cAAc,OAAoB,CAAC;AAAA,MACzD;AACA,aAAO,KAAK;AAAA,QACV;AAAA,UACE,SAAS;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QACd;AAAA,QACA,EAAE,MAAM,cAAc;AAAA,MACxB;AAAA,IACF;AAAA,IAEA,MAAM,kBAAkB,KAAK,MAAM;AACjC,YAAM,SAAS,MAAM,KAAK;AAAA,QACxB,EAAE,KAAK,SAAS,KAAK;AAAA,QACrB,EAAE,MAAM,oBAAoB;AAAA,MAC9B;AACA,aAAO,OAAO,KAAK,MAAM;AAAA,IAC3B;AAAA,IAEA,MAAM,UAAU;AACd,YAAM,KAAK,QAAQ;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/pool/index.ts"],"sourcesContent":["import os from \"os\";\nimport { fileURLToPath } from \"url\";\nimport path from \"path\";\n\nimport type { ReactNode } from \"react\";\nimport type satori from \"satori\";\nimport Tinypool from \"tinypool\";\n\nimport type { EmojiStyle } from \"../emoji.ts\";\nimport {\n  ensureSingleElement,\n  expandElement,\n  serializeElement,\n} from \"../serde/index.ts\";\n\nexport type SatoriPoolOptions = {\n  /** Minimum number of worker threads (default: 1) */\n  minThreads?: number;\n  /** Maximum number of worker threads (default: os.cpus().length) */\n  maxThreads?: number;\n  /** Absolute path to a bundled worker file (set automatically by the Vite plugin) */\n  workerFile?: string;\n};\n\nexport type SatoriPool = {\n  /** Render a serialized React element to PNG via the worker pool */\n  renderToPng(\n    element: Parameters<typeof satori>[0],\n    options: {\n      width: number;\n      height: number;\n      fonts: Array<{\n        name: string;\n        data: Buffer | ArrayBuffer;\n        weight: number;\n        style: string;\n      }>;\n      emoji?: EmojiStyle;\n    },\n  ): Promise<Buffer>;\n\n  /** Render a serialized React element to SVG via the worker pool */\n  renderToSvg(\n    element: Parameters<typeof satori>[0],\n    options: {\n      width: number;\n      height: number;\n      fonts: Array<{\n        name: string;\n        data: Buffer | ArrayBuffer;\n        weight: number;\n        style: string;\n      }>;\n      emoji?: EmojiStyle;\n    },\n  ): Promise<string>;\n\n  /** Rasterize an SVG string to PNG via the worker pool */\n  rasterizeSvgToPng(\n    svg: string,\n    options?: {\n      fitTo?:\n        | { mode: \"original\" }\n        | { mode: \"width\"; value: number }\n        | { mode: \"height\"; value: number }\n        | { mode: \"zoom\"; value: number };\n      crop?: {\n        left: number;\n        top: number;\n        right?: number;\n        bottom?: number;\n      };\n    },\n  ): Promise<Buffer>;\n\n  /** Shut down the worker pool */\n  destroy(): Promise<void>;\n};\n\n/**\n * Create a worker pool for parallelized satori rendering.\n *\n * @param options Pool configuration\n * @returns A `SatoriPool` with `renderToPng`, `renderToSvg`, `rasterizeSvgToPng`, and `destroy`\n */\nexport function createSatoriPool(options?: SatoriPoolOptions): SatoriPool {\n  const workerFile =\n    options?.workerFile ??\n    path.resolve(\n      path.dirname(fileURLToPath(import.meta.url)),\n      \"../worker/index.js\",\n    );\n\n  const pool = new Tinypool({\n    filename: workerFile,\n    minThreads: options?.minThreads ?? 1,\n    maxThreads: options?.maxThreads ?? os.cpus().length,\n  });\n\n  return {\n    async renderToPng(element, opts) {\n      const serialized = serializeElement(\n        ensureSingleElement(expandElement(element as ReactNode)),\n      );\n      const result = await pool.run(\n        {\n          element: serialized,\n          width: opts.width,\n          height: opts.height,\n          fonts: opts.fonts,\n          emoji: opts.emoji,\n        },\n        { name: \"renderToPng\" },\n      );\n      return Buffer.from(result);\n    },\n\n    async renderToSvg(element, opts) {\n      const serialized = serializeElement(\n        ensureSingleElement(expandElement(element as ReactNode)),\n      );\n      return pool.run(\n        {\n          element: serialized,\n          width: opts.width,\n          height: opts.height,\n          fonts: opts.fonts,\n          emoji: opts.emoji,\n        },\n        { name: \"renderToSvg\" },\n      );\n    },\n\n    async rasterizeSvgToPng(svg, opts) {\n      const result = await pool.run(\n        { svg, options: opts },\n        { name: \"rasterizeSvgToPng\" },\n      );\n      return Buffer.from(result);\n    },\n\n    async destroy() {\n      await pool.destroy();\n    },\n  };\n}\n"],"mappings":";;;;;;;AAAA,OAAO,QAAQ;AACf,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAIjB,OAAO,cAAc;AA+Ed,SAAS,iBAAiB,SAAyC;AACxE,QAAM,aACJ,SAAS,cACT,KAAK;AAAA,IACH,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAAA,IAC3C;AAAA,EACF;AAEF,QAAM,OAAO,IAAI,SAAS;AAAA,IACxB,UAAU;AAAA,IACV,YAAY,SAAS,cAAc;AAAA,IACnC,YAAY,SAAS,cAAc,GAAG,KAAK,EAAE;AAAA,EAC/C,CAAC;AAED,SAAO;AAAA,IACL,MAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,aAAa;AAAA,QACjB,oBAAoB,cAAc,OAAoB,CAAC;AAAA,MACzD;AACA,YAAM,SAAS,MAAM,KAAK;AAAA,QACxB;AAAA,UACE,SAAS;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QACd;AAAA,QACA,EAAE,MAAM,cAAc;AAAA,MACxB;AACA,aAAO,OAAO,KAAK,MAAM;AAAA,IAC3B;AAAA,IAEA,MAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,aAAa;AAAA,QACjB,oBAAoB,cAAc,OAAoB,CAAC;AAAA,MACzD;AACA,aAAO,KAAK;AAAA,QACV;AAAA,UACE,SAAS;AAAA,UACT,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QACd;AAAA,QACA,EAAE,MAAM,cAAc;AAAA,MACxB;AAAA,IACF;AAAA,IAEA,MAAM,kBAAkB,KAAK,MAAM;AACjC,YAAM,SAAS,MAAM,KAAK;AAAA,QACxB,EAAE,KAAK,SAAS,KAAK;AAAA,QACrB,EAAE,MAAM,oBAAoB;AAAA,MAC9B;AACA,aAAO,OAAO,KAAK,MAAM;AAAA,IAC3B;AAAA,IAEA,MAAM,UAAU;AACd,YAAM,KAAK,QAAQ;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

package/dist/vite/index.d.ts

@@ -0,0 +1,23 @@
+import { Plugin } from 'vite';
+
+/**
+ * Vite plugin that bundles the `@effing/satori` worker into the SSR output and
+ * rewrites `createSatoriPool()` calls to point at it.
+ *
+ * **This plugin is required for production SSR builds.** Without it the worker
+ * path resolved via `import.meta.url` breaks after Vite bundles the pool code,
+ * because the URL points at the build output directory instead of `node_modules`.
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts
+ * import { satoriPoolPlugin } from "@effing/satori/vite";
+ *
+ * export default defineConfig({
+ *   plugins: [satoriPoolPlugin()],
+ * });
+ * ```
+ */
+declare function satoriPoolPlugin(): Plugin;
+
+export { satoriPoolPlugin };

package/dist/vite/index.js

@@ -0,0 +1,55 @@
+// src/vite/index.ts
+import { fileURLToPath } from "url";
+function satoriPoolPlugin() {
+  let resolvedConfig;
+  return {
+    name: "@effing/satori:worker",
+    apply: "build",
+    configResolved(config) {
+      resolvedConfig = config;
+    },
+    transform(code, _id, options) {
+      if (!options?.ssr) return;
+      const pattern = /\bcreateSatoriPool\(\s*(\)|\{)/g;
+      let matched = false;
+      const result = code.replace(pattern, (_match, capture) => {
+        matched = true;
+        if (capture === ")") {
+          return 'createSatoriPool({ workerFile: import.meta.dirname + "/satori-worker.js" })';
+        }
+        return 'createSatoriPool({ workerFile: import.meta.dirname + "/satori-worker.js", ';
+      });
+      if (!matched) return;
+      return { code: result, map: null };
+    },
+    async writeBundle(outputOptions) {
+      if (!resolvedConfig.build.ssr) return;
+      const workerEntry = fileURLToPath(
+        new URL("../worker/index.js", import.meta.url)
+      );
+      const outDir = outputOptions.dir ?? resolvedConfig.build.outDir;
+      const { build } = await import("vite");
+      await build({
+        configFile: false,
+        logLevel: "silent",
+        build: {
+          write: true,
+          emptyOutDir: false,
+          outDir,
+          lib: {
+            entry: workerEntry,
+            formats: ["es"],
+            fileName: () => "satori-worker.js"
+          },
+          rollupOptions: {
+            external: ["@resvg/resvg-js"]
+          }
+        }
+      });
+    }
+  };
+}
+export {
+  satoriPoolPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vite/index.ts"],"sourcesContent":["import { fileURLToPath } from \"url\";\n\nimport type { Plugin, ResolvedConfig } from \"vite\";\n\n/**\n * Vite plugin that bundles the `@effing/satori` worker into the SSR output and\n * rewrites `createSatoriPool()` calls to point at it.\n *\n * **This plugin is required for production SSR builds.** Without it the worker\n * path resolved via `import.meta.url` breaks after Vite bundles the pool code,\n * because the URL points at the build output directory instead of `node_modules`.\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import { satoriPoolPlugin } from \"@effing/satori/vite\";\n *\n * export default defineConfig({\n *   plugins: [satoriPoolPlugin()],\n * });\n * ```\n */\nexport function satoriPoolPlugin(): Plugin {\n  let resolvedConfig: ResolvedConfig;\n\n  return {\n    name: \"@effing/satori:worker\",\n    apply: \"build\",\n\n    configResolved(config) {\n      resolvedConfig = config;\n    },\n\n    transform(code, _id, options) {\n      if (!options?.ssr) return;\n\n      const pattern = /\\bcreateSatoriPool\\(\\s*(\\)|\\{)/g;\n      let matched = false;\n      const result = code.replace(pattern, (_match, capture: string) => {\n        matched = true;\n        if (capture === \")\") {\n          return 'createSatoriPool({ workerFile: import.meta.dirname + \"/satori-worker.js\" })';\n        }\n        // capture === \"{\"\n        return 'createSatoriPool({ workerFile: import.meta.dirname + \"/satori-worker.js\", ';\n      });\n\n      if (!matched) return;\n      return { code: result, map: null };\n    },\n\n    async writeBundle(outputOptions) {\n      if (!resolvedConfig.build.ssr) return;\n\n      const workerEntry = fileURLToPath(\n        new URL(\"../worker/index.js\", import.meta.url),\n      );\n      const outDir = outputOptions.dir ?? resolvedConfig.build.outDir;\n\n      const { build } = await import(\"vite\");\n      await build({\n        configFile: false,\n        logLevel: \"silent\",\n        build: {\n          write: true,\n          emptyOutDir: false,\n          outDir,\n          lib: {\n            entry: workerEntry,\n            formats: [\"es\"],\n            fileName: () => \"satori-worker.js\",\n          },\n          rollupOptions: {\n            external: [\"@resvg/resvg-js\"],\n          },\n        },\n      });\n    },\n  };\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;AAsBvB,SAAS,mBAA2B;AACzC,MAAI;AAEJ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IAEP,eAAe,QAAQ;AACrB,uBAAiB;AAAA,IACnB;AAAA,IAEA,UAAU,MAAM,KAAK,SAAS;AAC5B,UAAI,CAAC,SAAS,IAAK;AAEnB,YAAM,UAAU;AAChB,UAAI,UAAU;AACd,YAAM,SAAS,KAAK,QAAQ,SAAS,CAAC,QAAQ,YAAoB;AAChE,kBAAU;AACV,YAAI,YAAY,KAAK;AACnB,iBAAO;AAAA,QACT;AAEA,eAAO;AAAA,MACT,CAAC;AAED,UAAI,CAAC,QAAS;AACd,aAAO,EAAE,MAAM,QAAQ,KAAK,KAAK;AAAA,IACnC;AAAA,IAEA,MAAM,YAAY,eAAe;AAC/B,UAAI,CAAC,eAAe,MAAM,IAAK;AAE/B,YAAM,cAAc;AAAA,QAClB,IAAI,IAAI,sBAAsB,YAAY,GAAG;AAAA,MAC/C;AACA,YAAM,SAAS,cAAc,OAAO,eAAe,MAAM;AAEzD,YAAM,EAAE,MAAM,IAAI,MAAM,OAAO,MAAM;AACrC,YAAM,MAAM;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAO;AAAA,UACP,aAAa;AAAA,UACb;AAAA,UACA,KAAK;AAAA,YACH,OAAO;AAAA,YACP,SAAS,CAAC,IAAI;AAAA,YACd,UAAU,MAAM;AAAA,UAClB;AAAA,UACA,eAAe;AAAA,YACb,UAAU,CAAC,iBAAiB;AAAA,UAC9B;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effing/satori",
-  "version": "0.10.5",
+  "version": "0.11.1",
   "description": "Render JSX to PNG using Satori with emoji support",
   "type": "module",
   "exports": {
@@ -15,24 +15,30 @@
     "./pool": {
       "types": "./dist/pool/index.d.ts",
       "import": "./dist/pool/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@resvg/resvg-js": "^2.6.2",
     "satori": ">=0.10.0 <1.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.9.3",
+    "vite": "^6.0.0",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
+    "@resvg/resvg-js": "^2.6.2",
     "react": "^18.0.0 || ^19.0.0",
-    "tinypool": "^1.0.0"
+    "tinypool": "^1.0.0",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -40,6 +46,9 @@
     },
     "tinypool": {
       "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "keywords": [