koishi-plugin-vercel-satori-png-service 0.1.5 → 0.1.6

package/lib/Satori.d.ts

@@ -1,5 +1,43 @@
 import { Readable } from "node:stream";
+import * as resvg from "@resvg/resvg-wasm";
 import { ReactElement } from "react";
 import { ImageOptions } from "./og";
 export declare const initSatori: () => Promise<void>;
 export declare const createNodejsStream: (element: ReactElement<any, any>, options: ImageOptions) => Promise<Readable>;
+export declare const renderSvg: (element: ReactElement<any, any>, options: ImageOptions) => Promise<string>;
+export declare const getResvg: () => new (svg: Uint8Array | string, options?: resvg.ResvgRenderOptions) => {
+    free(): void;
+    render(): {
+        free(): void;
+        asPng(): Uint8Array;
+        readonly height: number;
+        readonly pixels: Uint8Array;
+        readonly width: number;
+    };
+    toString(): string;
+    innerBBox(): {
+        free(): void;
+        height: number;
+        width: number;
+        x: number;
+        y: number;
+    } | undefined;
+    getBBox(): {
+        free(): void;
+        height: number;
+        width: number;
+        x: number;
+        y: number;
+    } | undefined;
+    cropByBBox(bbox: {
+        free(): void;
+        height: number;
+        width: number;
+        x: number;
+        y: number;
+    }): void;
+    imagesToResolve(): any[];
+    resolveImage(href: string, buffer: Uint8Array): void;
+    readonly height: number;
+    readonly width: number;
+};

package/lib/index.d.ts

@@ -22,6 +22,43 @@ declare class VercelSatoriPngService extends Service {
     jsxToPng(jsxCode: string, options?: ImageOptions, data?: Record<any, any>): Promise<Readable>;
     htmlToPng(htmlCode: string, options?: ImageOptions): Promise<Readable>;
     reactElementToPng(reactElement: ReactElement<any, any>, options?: ImageOptions): Promise<Readable>;
+    reactElementToSvg(reactElement: ReactElement<any, any>, options?: ImageOptions): Promise<string>;
+    getResvg(): new (svg: Uint8Array | string, options?: import("@resvg/resvg-wasm").ResvgRenderOptions) => {
+        free(): void;
+        render(): {
+            free(): void;
+            asPng(): Uint8Array;
+            readonly height: number;
+            readonly pixels: Uint8Array;
+            readonly width: number;
+        };
+        toString(): string;
+        innerBBox(): {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        } | undefined;
+        getBBox(): {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        } | undefined;
+        cropByBBox(bbox: {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        }): void;
+        imagesToResolve(): any[];
+        resolveImage(href: string, buffer: Uint8Array): void;
+        readonly height: number;
+        readonly width: number;
+    };
 }
 declare namespace VercelSatoriPngService {
     const usage: string;

package/lib/index.js

@@ -250,8 +250,8 @@ var loadDynamicAsset = /* @__PURE__ */ __name(({ emoji }) => {
     return asset;
   };
 }, "loadDynamicAsset");
-async function render(satori2, resvg2, opts, defaultFonts, element) {
-  const options = Object.assign(
+function mergeOptions(opts) {
+  return Object.assign(
     {
       width: 1200,
       height: 630,
@@ -259,6 +259,23 @@ async function render(satori2, resvg2, opts, defaultFonts, element) {
     },
     opts
   );
+}
+__name(mergeOptions, "mergeOptions");
+async function renderSvg(satori2, opts, defaultFonts, element) {
+  const options = mergeOptions(opts);
+  return await satori2(element, {
+    width: options.width,
+    height: options.height,
+    debug: options.debug,
+    fonts: options.fonts || defaultFonts,
+    loadAdditionalAsset: loadDynamicAsset({
+      emoji: options.emoji
+    })
+  });
+}
+__name(renderSvg, "renderSvg");
+async function render(satori2, resvg2, opts, defaultFonts, element) {
+  const options = mergeOptions(opts);
   const svg = await satori2(element, {
     width: options.width,
     height: options.height,
@@ -297,18 +314,30 @@ var initSatori = /* @__PURE__ */ __name(async () => {
     require2.resolve("../noto-sans-v27-latin-regular.ttf")
   );
 }, "initSatori");
+var getDefaultFonts = /* @__PURE__ */ __name(() => [
+  {
+    name: "sans serif",
+    data: fontData,
+    weight: 700,
+    style: "normal"
+  }
+], "getDefaultFonts");
 var createNodejsStream = /* @__PURE__ */ __name(async (element, options) => {
-  const fonts = [
-    {
-      name: "sans serif",
-      data: fontData,
-      weight: 700,
-      style: "normal"
-    }
-  ];
-  const result = await render(satori, resvg, options, fonts, element);
+  const result = await render(
+    satori,
+    resvg,
+    options,
+    getDefaultFonts(),
+    element
+  );
   return import_node_stream.Readable.from(Buffer.from(result));
 }, "createNodejsStream");
+var renderSvg2 = /* @__PURE__ */ __name(async (element, options) => {
+  return renderSvg(satori, options, getDefaultFonts(), element);
+}, "renderSvg");
+var getResvg = /* @__PURE__ */ __name(() => {
+  return resvg.Resvg;
+}, "getResvg");
 
 // src/index.ts
 var serviceName = "vercelSatoriPngService";
@@ -394,6 +423,12 @@ var VercelSatoriPngService = class extends import_koishi.Service {
   async reactElementToPng(reactElement, options) {
     return createNodejsStream(reactElement, this.buildOptions(options));
   }
+  async reactElementToSvg(reactElement, options) {
+    return renderSvg2(reactElement, this.buildOptions(options));
+  }
+  getResvg() {
+    return getResvg();
+  }
 };
 ((VercelSatoriPngService2) => {
   VercelSatoriPngService2.usage = 'html to ReactElement <a target="_blank" href="https://www.npmjs.com/package/html-react-parser">html-react-parser</a>  \njsx to ReactElement <a target="_blank" href="https://www.npmjs.com/package/sucrase">sucrase</a>  \nReactElement to svg <a target="_blank" href="https://github.com/vercel/satori#overview">vercel/satori</a>  \n<a target="_blank" href="https://og-playground.vercel.app/">og-playground</a>  \nsvg to png <a target="_blank" href="https://www.npmjs.com/package/@resvg/resvg-wasm">@resvg/resvg-wasm</a>';

package/lib/og.d.ts

@@ -41,4 +41,5 @@ export type ImageOptions = {
     emoji?: EmojiType;
 };
 export type Font = ImageOptions["fonts"][number];
+export declare function renderSvg(satori: typeof Satori, opts: ImageOptions, defaultFonts: Font[], element: ReactElement<any, any>): Promise<string>;
 export default function render(satori: typeof Satori, resvg: typeof Resvg, opts: ImageOptions, defaultFonts: Font[], element: ReactElement<any, any>): Promise<Uint8Array<ArrayBufferLike>>;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "koishi-plugin-vercel-satori-png-service",
   "description": "Use Vercel Satori and Resvg.js to convert html to png",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "scripts": {
     "build": "cd ../../ && yarn build vercel-satori-png-service",
     "pub": "cd ../../ && yarn pub vercel-satori-png-service",
     "fastPub": "cd ../../ && yarn bump -3 vercel-satori-png-service && yarn build vercel-satori-png-service && yarn pub vercel-satori-png-service",
-    "test": "node ./test/test.js"
+    "test": "node test/test.js"
   },
   "files": [
     "lib",
@@ -33,7 +33,8 @@
     "plugin",
     "render",
     "html to png",
-    "jsx to png"
+    "jsx to png",
+    "vercelSatoriPngService"
   ],
   "peerDependencies": {
     "koishi": "^4.18.8"

package/lib/emoji.d.ts

@@ -1,15 +0,0 @@
-/**
- * Modified version of https://unpkg.com/twemoji@13.1.0/dist/twemoji.esm.js.
- */
-export declare function getIconCode(char: string): string;
-declare const apis: {
-    twemoji: (code: any) => string;
-    openmoji: string;
-    blobmoji: string;
-    noto: string;
-    fluent: (code: any) => string;
-    fluentFlat: (code: any) => string;
-};
-export type EmojiType = keyof typeof apis;
-export declare function loadEmoji(code: string, type?: EmojiType): Promise<Response>;
-export {};

package/lib/language.d.ts

@@ -1,28 +0,0 @@
-export declare class FontDetector {
-    private rangesByLang;
-    detect(text: string, fonts: string[]): Promise<{
-        [lang: string]: string;
-    }>;
-    private detectSegment;
-    private load;
-    private addDetectors;
-}
-export declare const languageFontMap: {
-    'ja-JP': string;
-    'ko-KR': string;
-    'zh-CN': string;
-    'zh-TW': string;
-    'zh-HK': string;
-    'th-TH': string;
-    'bn-IN': string;
-    'ar-AR': string;
-    'ta-IN': string;
-    'ml-IN': string;
-    'he-IL': string;
-    'te-IN': string;
-    devanagari: string;
-    kannada: string;
-    symbol: string[];
-    math: string;
-    unknown: string;
-};