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

package/lib/index.d.ts

@@ -0,0 +1,26 @@
+import { Context, Schema, Service } from "koishi";
+import { ReactElement } from "react";
+import { unstable_createNodejsStream } from "@vercel/og";
+import { Readable } from "stream";
+export type ImageOptions = Parameters<typeof unstable_createNodejsStream>[1];
+declare module "koishi" {
+    interface Context {
+        vercelSatoriPngService: VercelSatoriPngService;
+    }
+}
+declare class VercelSatoriPngService extends Service {
+    private _ctx;
+    private _config;
+    constructor(ctx: Context, config: VercelSatoriPngService.Config);
+    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>;
+}
+declare namespace VercelSatoriPngService {
+    const usage: string;
+    interface Config {
+    }
+    const Config: Schema<Config>;
+}
+export default VercelSatoriPngService;

package/lib/index.js

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_koishi = require("koishi");
+var import_sucrase = __toESM(require("sucrase"));
+var import_react = __toESM(require("react"));
+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 {
+  static {
+    __name(this, "VercelSatoriPngService");
+  }
+  _ctx;
+  _config;
+  constructor(ctx, config) {
+    super(ctx, serviceName);
+    this._ctx = ctx;
+    this._config = config;
+  }
+  async jsxToReactElement(jsxCode, data) {
+    const hCode = import_sucrase.default.transform(jsxCode, {
+      transforms: ["jsx"],
+      jsxRuntime: "classic",
+      production: true
+    }).code;
+    const fn = AsyncFunction(
+      "React",
+      "_args_623601",
+      "with (_args_623601) {\nreturn " + hCode.replace(/^\s+/, "") + "\n}"
+    );
+    let res = await fn(import_react.default, data || {});
+    let i = 0;
+    while (typeof res === "function" && i++ < 999) {
+      res = await res();
+    }
+    return res;
+  }
+  async jsxToPng(jsxCode, options, data) {
+    const reactElement = await this.jsxToReactElement(jsxCode, data);
+    return (0, import_og.unstable_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);
+  }
+};
+((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.Config = import_koishi.Schema.object({});
+})(VercelSatoriPngService || (VercelSatoriPngService = {}));
+var src_default = VercelSatoriPngService;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "koishi-plugin-vercel-satori-png-service",
+  "description": "Use Vercel Satori and Resvg.js to convert html to png",
+  "version": "0.0.1",
+  "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"
+  },
+  "files": [
+    "lib",
+    "dist"
+  ],
+  "contributors": [
+    "pgnqukezrdxmhjso"
+  ],
+  "homepage": "https://github.com/pgnqukezrdxmhjso/koishi-plugin-vercel-satori-png-service",
+  "bugs": {
+    "url": "https://github.com/pgnqukezrdxmhjso/koishi-plugin-vercel-satori-png-service/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pgnqukezrdxmhjso/koishi-plugin-vercel-satori-png-service.git"
+  },
+  "license": "MIT",
+  "keywords": [
+    "chatbot",
+    "koishi",
+    "plugin",
+    "render",
+    "html to png",
+    "jsx to png"
+  ],
+  "peerDependencies": {
+    "koishi": "^4.18.3"
+  },
+  "dependencies": {
+    "@vercel/og": "^0.6.4",
+    "html-react-parser": "^5.2.2",
+    "react": "^19.0.0",
+    "sucrase": "^3.35.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19"
+  },
+  "koishi": {
+    "service": {
+      "implements": [
+        "vercelSatoriPngService"
+      ]
+    }
+  }
+}

package/readme.md

@@ -0,0 +1,13 @@
+# koishi-plugin-vercel-satori-png-service
+
+[![npm](https://img.shields.io/npm/v/koishi-plugin-vercel-satori-png-service?style=flat-square)](https://www.npmjs.com/package/koishi-plugin-vercel-satori-png-service)
+
+Use Vercel Satori and Resvg.js to convert html to png
+
+---
+
+html to ReactElement [html-react-parser](https://www.npmjs.com/package/html-react-parser)
+jsx to ReactElement [sucrase](https://www.npmjs.com/package/sucrase)
+ReactElement to png [@vercel/og](https://www.npmjs.com/package/@vercel/og)
+[og-playground](https://og-playground.vercel.app/)
+[vercel/satori](https://github.com/vercel/satori#overview)