karin-plugin-mys-core 1.0.10 → 1.0.12

package/README.md

@@ -878,7 +878,7 @@ const UserCard: React.FC<UserCardProps> = ({ username, level, avatar }) => {
       <p>等级: {level}</p>
       <p>主题: {plugin.theme}</p>
       {/* 使用插件资源 */}
-      <img src={`${plugin.resources.default}/image/icon.png`} />
+      <img src={`${plugin.resources.default}/image/icon.webp`} />
     </div>
   )
 }

package/lib/apps/MiHoYoLogin.js

@@ -1,8 +1,7 @@
 import {
   ShowBindAccountCmdFunc
-} from "../chunk-MQ52BX7O.js";
-import "../chunk-JT3SU5UU.js";
-import "../chunk-LBLGKL3W.js";
+} from "../chunk-SZHK7OGF.js";
+import "../chunk-A5FZEOIN.js";
 import {
   UserInfo,
   fetchQRcode,
@@ -10,44 +9,13 @@ import {
   getTokenByGameToken,
   getUserFullInfo,
   queryQRcode
-} from "../chunk-4BTKE3LO.js";
-import "../chunk-2BVJS5VE.js";
-import "../chunk-G5W5WAY5.js";
-import "../chunk-7VAWV6ZE.js";
-import "../chunk-LJSDSOY6.js";
-import "../chunk-CFS2WFOO.js";
-import "../chunk-MWYDWDR4.js";
-import "../chunk-FOAQZIZ2.js";
-import "../chunk-WCX7WZAQ.js";
-import "../chunk-KQVWWGRH.js";
-import "../chunk-3ERB3ILC.js";
-import "../chunk-W4DBT7AD.js";
-import "../chunk-Z5I6A73Y.js";
-import "../chunk-EDNBKOMS.js";
-import "../chunk-ZTOR2DXG.js";
-import "../chunk-HJ6HX5HB.js";
-import "../chunk-SEWEEPJN.js";
-import "../chunk-G7TMVDGP.js";
-import "../chunk-DMJ5OQR6.js";
-import "../chunk-MPZP23EX.js";
-import "../chunk-3JN5WYUN.js";
-import "../chunk-7KEG6SDX.js";
-import "../chunk-FBWSEBAW.js";
-import "../chunk-JVJQKRJ4.js";
-import "../chunk-LYTNREAI.js";
-import "../chunk-SHW6FHIB.js";
-import "../chunk-K5U2O3HH.js";
-import "../chunk-I7XZONDN.js";
-import "../chunk-JRH4JC43.js";
+} from "../chunk-HTL64YH2.js";
+import "../chunk-IASM5MM5.js";
 import "../chunk-SHLPPEAY.js";
-import "../chunk-TTN7NFCA.js";
-import "../chunk-ARLTXJFJ.js";
-import "../chunk-PYTECG57.js";
-import "../chunk-T7W4DXRM.js";
+import "../chunk-UIPRZFST.js";
 import {
   common_exports
-} from "../chunk-5DXIT7UB.js";
-import "../chunk-PMFOX5HA.js";
+} from "../chunk-RX4VMVAI.js";
 import "../chunk-MLKGABMK.js";
 
 // src/apps/MiHoYoLogin.ts

package/lib/apps/MysDevice.js

@@ -1,43 +1,11 @@
 import {
+  DeviceInfo,
   UserInfo
-} from "../chunk-4BTKE3LO.js";
-import "../chunk-2BVJS5VE.js";
-import "../chunk-G5W5WAY5.js";
-import "../chunk-7VAWV6ZE.js";
-import "../chunk-LJSDSOY6.js";
-import "../chunk-CFS2WFOO.js";
-import "../chunk-MWYDWDR4.js";
-import "../chunk-FOAQZIZ2.js";
-import "../chunk-WCX7WZAQ.js";
-import {
-  DeviceInfo
-} from "../chunk-KQVWWGRH.js";
-import "../chunk-3ERB3ILC.js";
-import "../chunk-W4DBT7AD.js";
-import "../chunk-Z5I6A73Y.js";
-import "../chunk-EDNBKOMS.js";
-import "../chunk-ZTOR2DXG.js";
-import "../chunk-HJ6HX5HB.js";
-import "../chunk-SEWEEPJN.js";
-import "../chunk-G7TMVDGP.js";
-import "../chunk-DMJ5OQR6.js";
-import "../chunk-MPZP23EX.js";
-import "../chunk-3JN5WYUN.js";
-import "../chunk-7KEG6SDX.js";
-import "../chunk-FBWSEBAW.js";
-import "../chunk-JVJQKRJ4.js";
-import "../chunk-LYTNREAI.js";
-import "../chunk-SHW6FHIB.js";
-import "../chunk-K5U2O3HH.js";
-import "../chunk-I7XZONDN.js";
-import "../chunk-JRH4JC43.js";
+} from "../chunk-HTL64YH2.js";
+import "../chunk-IASM5MM5.js";
 import "../chunk-SHLPPEAY.js";
-import "../chunk-TTN7NFCA.js";
-import "../chunk-ARLTXJFJ.js";
-import "../chunk-PYTECG57.js";
-import "../chunk-T7W4DXRM.js";
-import "../chunk-5DXIT7UB.js";
-import "../chunk-PMFOX5HA.js";
+import "../chunk-UIPRZFST.js";
+import "../chunk-RX4VMVAI.js";
 import "../chunk-MLKGABMK.js";
 
 // src/apps/MysDevice.ts

package/lib/apps/UIDManage.js

@@ -4,45 +4,13 @@ import {
   ShowBindAccountCmdFunc,
   UnbindAccount,
   UnbindUID
-} from "../chunk-MQ52BX7O.js";
-import "../chunk-JT3SU5UU.js";
-import "../chunk-LBLGKL3W.js";
-import "../chunk-4BTKE3LO.js";
-import "../chunk-2BVJS5VE.js";
-import "../chunk-G5W5WAY5.js";
-import "../chunk-7VAWV6ZE.js";
-import "../chunk-LJSDSOY6.js";
-import "../chunk-CFS2WFOO.js";
-import "../chunk-MWYDWDR4.js";
-import "../chunk-FOAQZIZ2.js";
-import "../chunk-WCX7WZAQ.js";
-import "../chunk-KQVWWGRH.js";
-import "../chunk-3ERB3ILC.js";
-import "../chunk-W4DBT7AD.js";
-import "../chunk-Z5I6A73Y.js";
-import "../chunk-EDNBKOMS.js";
-import "../chunk-ZTOR2DXG.js";
-import "../chunk-HJ6HX5HB.js";
-import "../chunk-SEWEEPJN.js";
-import "../chunk-G7TMVDGP.js";
-import "../chunk-DMJ5OQR6.js";
-import "../chunk-MPZP23EX.js";
-import "../chunk-3JN5WYUN.js";
-import "../chunk-7KEG6SDX.js";
-import "../chunk-FBWSEBAW.js";
-import "../chunk-JVJQKRJ4.js";
-import "../chunk-LYTNREAI.js";
-import "../chunk-SHW6FHIB.js";
-import "../chunk-K5U2O3HH.js";
-import "../chunk-I7XZONDN.js";
-import "../chunk-JRH4JC43.js";
+} from "../chunk-SZHK7OGF.js";
+import "../chunk-A5FZEOIN.js";
+import "../chunk-HTL64YH2.js";
+import "../chunk-IASM5MM5.js";
 import "../chunk-SHLPPEAY.js";
-import "../chunk-TTN7NFCA.js";
-import "../chunk-ARLTXJFJ.js";
-import "../chunk-PYTECG57.js";
-import "../chunk-T7W4DXRM.js";
-import "../chunk-5DXIT7UB.js";
-import "../chunk-PMFOX5HA.js";
+import "../chunk-UIPRZFST.js";
+import "../chunk-RX4VMVAI.js";
 import "../chunk-MLKGABMK.js";
 export {
   BindUID,

package/lib/{chunk-JT3SU5UU.js → chunk-A5FZEOIN.js}

@@ -1,23 +1,27 @@
 import {
   dir
 } from "./chunk-SHLPPEAY.js";
+import {
+  common_exports
+} from "./chunk-RX4VMVAI.js";
 
 // src/exports/render/index.ts
-import React2 from "react";
+import React3 from "react";
 
 // src/exports/render/layout/DefaultLayout.tsx
 import { config } from "node-karin";
 import React from "react";
 var DefaultLayoutComponent = ({
   children,
-  bgColor,
+  bg,
+  width,
   mysPlugin
 }) => {
   const karinVersion = config.pkg().version;
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `relative flex w-[600px] flex-col pb-10 font-hywh text-black ${bgColor}`,
+      className: `relative flex ${width} flex-col pb-10 font-hywh text-black ${bg}`,
       id: "container"
     },
     children,
@@ -31,14 +35,14 @@ var DefaultLayoutComponent = ({
     ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("span", { className: "text-[5px] font-bold leading-none text-black" }, "KARIN-MYS-PLUGIN"), /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline gap-0.5" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, mysPlugin.name), /* @__PURE__ */ React.createElement("strong", { className: "text-xs font-bold text-[#f2c06f]" }, "v", mysPlugin.version)))), /* @__PURE__ */ React.createElement("div", { className: "h-8 w-px bg-gray-600" })), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
       "img",
       {
-        src: `${dir.pluginDir}/resources/image/mys-core-logo.png`,
+        src: `${dir.pluginDir}/resources/image/mys-core-logo.webp`,
         alt: "MysCore Logo",
         className: "h-6 w-6 rounded-sm"
       }
     ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("span", { className: "text-[5px] font-bold leading-none text-black" }, "KARIN-PLUGIN"), /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline gap-0.5" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "MysCore"), /* @__PURE__ */ React.createElement("strong", { className: "text-xs font-bold text-[#f2c06f]" }, "v", dir.version)))), /* @__PURE__ */ React.createElement("div", { className: "h-8 w-px bg-gray-600" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
       "img",
       {
-        src: `${dir.pluginDir}/resources/image/frame-logo.png`,
+        src: `${dir.pluginDir}/resources/image/frame-logo.webp`,
         alt: "Karin Logo",
         className: "h-6 w-6 rounded-sm"
       }
@@ -46,7 +50,75 @@ var DefaultLayoutComponent = ({
   );
 };
 
+// src/exports/render/render.ts
+import karin, { absPath, config as config2, existToMkdirSync, karinPathBase } from "node-karin";
+import fs from "fs";
+import path from "path";
+import React2 from "react";
+import { renderToString } from "react-dom/server";
+var ReactRender = class {
+  #renderCfg;
+  #pluginOptions;
+  constructor(cfg, pluginOptions = {}) {
+    this.#renderCfg = cfg;
+    this.#pluginOptions = pluginOptions;
+  }
+  get plugin() {
+    return {
+      ...this.#pluginOptions,
+      name: this.#renderCfg.name,
+      version: this.#renderCfg.version,
+      resources: {
+        default: absPath(path.join(this.#renderCfg.pluginDir, "resources")),
+        download: absPath(this.#renderCfg.ResourcesDir)
+      }
+    };
+  }
+  get karin() {
+    return {
+      version: config2.pkg().version
+    };
+  }
+  async template(template, component, props, options = {}) {
+    const element = React2.createElement(component, props);
+    const appHtml = renderToString(element);
+    const coreCssPath = absPath(path.join(dir.pluginDir, "resources", "styles", `${dir.name}.css`));
+    const cssPath = this.#renderCfg.name !== dir.name ? absPath(path.join(this.plugin.resources.default, "styles", `${this.#renderCfg.name}.css`)) : "";
+    const Html = `
+    <!DOCTYPE html>
+    <html lang="zh-CN">
+      <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="${coreCssPath}">
+        <link rel="stylesheet" href="${cssPath}">
+      </head>
+      <body>
+        ${appHtml}
+      </body>
+    </html>
+    `;
+    const saveDir = path.join(karinPathBase, "temp", "html", this.#renderCfg.name, template);
+    existToMkdirSync(saveDir);
+    const savePath = path.join(saveDir, `${options.render?.name || template}-${common_exports.randomString(8, "Lower")}.html`);
+    fs.writeFileSync(savePath, Html, "utf-8");
+    const image = await karin.render({
+      type: options.type || "jpeg",
+      omitBackground: options.type === "png",
+      selector: "container",
+      setViewport: {
+        deviceScaleFactor: 3
+      },
+      ...options.render || {},
+      file: absPath(savePath)
+    });
+    if (!image) return null;
+    return "base64://" + image;
+  }
+};
+
 export {
   DefaultLayoutComponent,
-  React2 as React
+  ReactRender,
+  React3 as React
 };