koishi-plugin-vercel-satori-png-service 0.0.1 → 0.0.3

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { Context, Schema, Service } from "koishi";
 import { ReactElement } from "react";
-import { unstable_createNodejsStream } from "@vercel/og";
 import { Readable } from "stream";
+import type { unstable_createNodejsStream } from "@vercel/og";
 export type ImageOptions = Parameters<typeof unstable_createNodejsStream>[1];
 declare module "koishi" {
     interface Context {
@@ -11,11 +11,14 @@ declare module "koishi" {
 declare class VercelSatoriPngService extends Service {
     private _ctx;
     private _config;
+    private createNodejsStream;
     constructor(ctx: Context, config: VercelSatoriPngService.Config);
+    start(): Promise<void>;
     jsxToReactElement(jsxCode: string, data?: Record<any, any>): Promise<ReactElement<any, any>>;
     jsxToPng(jsxCode: string, options: ImageOptions, data?: Record<any, any>): Promise<Readable>;
     htmlToReactElement(htmlCode: string): ReactElement<any, any>;
     htmlToPng(htmlCode: string, options: ImageOptions): Promise<Readable>;
+    reactElementToPng(reactElement: ReactElement<any, any>, options: ImageOptions): Promise<Readable>;
 }
 declare namespace VercelSatoriPngService {
     const usage: string;

package/lib/index.js

@@ -34,10 +34,9 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_koishi = require("koishi");
-var import_sucrase = __toESM(require("sucrase"));
 var import_react = __toESM(require("react"));
+var import_sucrase = require("sucrase");
 var import_html_react_parser = __toESM(require("html-react-parser"));
-var import_og = require("@vercel/og");
 var serviceName = "vercelSatoriPngService";
 var AsyncFunction = (async () => 0).constructor;
 var VercelSatoriPngService = class extends import_koishi.Service {
@@ -46,13 +45,17 @@ var VercelSatoriPngService = class extends import_koishi.Service {
   }
   _ctx;
   _config;
+  createNodejsStream;
   constructor(ctx, config) {
     super(ctx, serviceName);
     this._ctx = ctx;
     this._config = config;
   }
+  async start() {
+    this.createNodejsStream = (await import("@vercel/og")).unstable_createNodejsStream;
+  }
   async jsxToReactElement(jsxCode, data) {
-    const hCode = import_sucrase.default.transform(jsxCode, {
+    const hCode = (0, import_sucrase.transform)(jsxCode, {
       transforms: ["jsx"],
       jsxRuntime: "classic",
       production: true
@@ -71,18 +74,21 @@ var VercelSatoriPngService = class extends import_koishi.Service {
   }
   async jsxToPng(jsxCode, options, data) {
     const reactElement = await this.jsxToReactElement(jsxCode, data);
-    return (0, import_og.unstable_createNodejsStream)(reactElement, options);
+    return this.createNodejsStream(reactElement, options);
   }
   htmlToReactElement(htmlCode) {
     return (0, import_html_react_parser.default)(htmlCode);
   }
   htmlToPng(htmlCode, options) {
     const reactElement = this.htmlToReactElement(htmlCode);
-    return (0, import_og.unstable_createNodejsStream)(reactElement, options);
+    return this.createNodejsStream(reactElement, options);
+  }
+  async reactElementToPng(reactElement, options) {
+    return this.createNodejsStream(reactElement, options);
   }
 };
 ((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 png <a target="_blank" href="https://www.npmjs.com/package/@vercel/og">@vercel/og</a><a target="_blank" href="https://og-playground.vercel.app/">og-playground</a>  \n<a target="_blank" href="https://github.com/vercel/satori#overview">vercel/satori</a>  \n';
+  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 png <a target="_blank" href="https://www.npmjs.com/package/@vercel/og">@vercel/og</a>  \n<a target="_blank" href="https://og-playground.vercel.app/">og-playground</a>  \n<a target="_blank" href="https://github.com/vercel/satori#overview">vercel/satori</a>  \n';
   VercelSatoriPngService2.Config = import_koishi.Schema.object({});
 })(VercelSatoriPngService || (VercelSatoriPngService = {}));
 var src_default = VercelSatoriPngService;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-vercel-satori-png-service",
   "description": "Use Vercel Satori and Resvg.js to convert html to png",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "scripts": {