koishi-plugin-monetary-bourse 3.0.0 → 3.0.1

package/assets/icons/README.md

@@ -0,0 +1,10 @@
+Place local SVG icon files for monetary-bourse templates here.
+
+Current icons:
+
+- stock.svg
+- user.svg
+- empty.svg
+- clock.svg
+- trend-up.svg
+- trend-down.svg

package/assets/icons/clock.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="32" cy="32" r="22" fill="#1F242E" stroke="#30363D" stroke-width="4"/>
+  <path d="M32 20V33L40 38" stroke="#F0F3F5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/empty.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19 28H27L31 34H33L37 28H45" stroke="#8B949E" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 21L32 32L45 21" stroke="#58A6FF" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/stock.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M18 40L28 30L34 36L46 22" stroke="white" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M39 22H46V29" stroke="white" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/trend-down.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20 24L29 33L34 28L44 40" stroke="#089981" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M38 40H44V34" stroke="#089981" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/trend-up.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20 40L29 31L34 36L44 24" stroke="#F23645" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M38 24H44V30" stroke="#F23645" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/user.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="32" cy="24" r="8" fill="white"/>
+  <path d="M20 46C21.9587 39.9249 26.1789 37 32 37C37.8211 37 42.0413 39.9249 44 46" stroke="white" stroke-width="4.5" stroke-linecap="round"/>
+</svg>

package/lib/index.js

@@ -30,17 +30,36 @@ module.exports = __toCommonJS(src_exports);
 var import_koishi2 = require("koishi");
 
 // src/render.ts
+var import_fs = require("fs");
 var import_koishi = require("koishi");
 var import_path = require("path");
 var import_url = require("url");
-var import_fs = require("fs");
+var import_fs2 = require("fs");
 var templatesDir = (0, import_path.resolve)(__dirname, "templates");
 var assetsDir = (0, import_path.resolve)(__dirname, "..", "assets");
 var assetsBaseUrl = (0, import_url.pathToFileURL)(assetsDir).toString().replace(/\/$/, "");
+var iconMap = {
+  stock: "icons/stock.svg",
+  user: "icons/user.svg",
+  empty: "icons/empty.svg",
+  clock: "icons/clock.svg",
+  trendUp: "icons/trend-up.svg",
+  trendDown: "icons/trend-down.svg"
+};
+var iconDataUrls = {};
 function getAssetUrl(relativePath) {
   return `${assetsBaseUrl}/${relativePath}`;
 }
 __name(getAssetUrl, "getAssetUrl");
+for (const [key, relativePath] of Object.entries(iconMap)) {
+  try {
+    const absolutePath = (0, import_path.resolve)(assetsDir, relativePath);
+    const buffer = (0, import_fs.readFileSync)(absolutePath);
+    iconDataUrls[key] = `data:image/svg+xml;base64,${buffer.toString("base64")}`;
+  } catch {
+    iconDataUrls[key] = getAssetUrl(relativePath);
+  }
+}
 function getFontFaceCss() {
   const fontRegularUrl = getAssetUrl("fonts/RobotoMono-Regular.ttf");
   const fontBoldUrl = getAssetUrl("fonts/RobotoMono-Bold.ttf");
@@ -67,11 +86,34 @@ function injectFontFace(template) {
   return template.replace("{{FONT_FACE}}", getFontFaceCss());
 }
 __name(injectFontFace, "injectFontFace");
+function getIconUrl(iconName) {
+  return iconDataUrls[iconName] || "";
+}
+__name(getIconUrl, "getIconUrl");
+function replaceTemplateTokens(template, replacements) {
+  let result = template;
+  for (const [key, value] of Object.entries(replacements)) {
+    result = result.replace(new RegExp(key, "g"), () => value);
+  }
+  return result;
+}
+__name(replaceTemplateTokens, "replaceTemplateTokens");
+function injectStaticAssets(template) {
+  return replaceTemplateTokens(injectFontFace(template), {
+    "{{ICON_STOCK}}": getIconUrl("stock"),
+    "{{ICON_USER}}": getIconUrl("user"),
+    "{{ICON_EMPTY}}": getIconUrl("empty"),
+    "{{ICON_CLOCK}}": getIconUrl("clock"),
+    "{{ICON_TREND_UP}}": getIconUrl("trendUp"),
+    "{{ICON_TREND_DOWN}}": getIconUrl("trendDown")
+  });
+}
+__name(injectStaticAssets, "injectStaticAssets");
 async function renderHoldingImage(ctx, logger2, username, holding, pending, currency) {
   try {
     const templatePath = (0, import_path.resolve)(templatesDir, "holding-card.html");
-    let template = await import_fs.promises.readFile(templatePath, "utf-8");
-    template = injectFontFace(template);
+    let template = await import_fs2.promises.readFile(templatePath, "utf-8");
+    template = injectStaticAssets(template);
     const data = {
       username,
       holding,
@@ -99,8 +141,8 @@ __name(renderHoldingImage, "renderHoldingImage");
 async function renderTradeResultImage(ctx, logger2, tradeType, stockName, amount, tradePrice, totalCost, currency, priceHistory, sellInfo, newHolding, tradeMeta) {
   try {
     const templatePath = (0, import_path.resolve)(templatesDir, "trade-result.html");
-    let template = await import_fs.promises.readFile(templatePath, "utf-8");
-    template = injectFontFace(template);
+    let template = await import_fs2.promises.readFile(templatePath, "utf-8");
+    template = injectStaticAssets(template);
     const tradeIndex = priceHistory.length - 1;
     const status = tradeMeta?.status ?? "settled";
     const pendingMinutes = tradeMeta?.pendingMinutes ?? 0;
@@ -161,8 +203,8 @@ async function renderStockImage(ctx, logger2, data, name2, viewLabel, current, h
       includeEmpty: klineOptions?.includeEmpty
     }) : [];
     const templatePath = (0, import_path.resolve)(templatesDir, "stock-chart.html");
-    let html = await import_fs.promises.readFile(templatePath, "utf-8");
-    html = injectFontFace(html);
+    let html = await import_fs2.promises.readFile(templatePath, "utf-8");
+    html = injectStaticAssets(html);
     const colorScheme = {
       mainColor: isUp ? "#f23645" : "#089981",
       gradientStart: isUp ? "rgba(242, 54, 69, 0.25)" : "rgba(8, 153, 129, 0.25)",
@@ -190,7 +232,7 @@ async function renderStockImage(ctx, logger2, data, name2, viewLabel, current, h
       }),
       "{{CURRENT_PRICE}}": current.toFixed(2),
       "{{CHANGE_VALUE}}": `${change >= 0 ? "+" : ""}${change.toFixed(2)}`,
-      "{{CHANGE_ICON}}": change >= 0 ? "↑" : "↓",
+      "{{CHANGE_ICON}}": change >= 0 ? getIconUrl("trendUp") : getIconUrl("trendDown"),
       "{{CHANGE_PERCENT}}": Math.abs(changePercent).toFixed(2),
       "{{CHART_TYPE}}": chartType,
       "{{HIGH_PRICE}}": high.toFixed(2),
@@ -204,9 +246,7 @@ async function renderStockImage(ctx, logger2, data, name2, viewLabel, current, h
       "{{KLINE_DATA}}": JSON.stringify(klineData),
       "{{G2_SCRIPT}}": ""
     };
-    for (const [key, value] of Object.entries(replacements)) {
-      html = html.replace(new RegExp(key, "g"), () => value);
-    }
+    html = replaceTemplateTokens(html, replacements);
     const page = await ctx.puppeteer.page();
     try {
       await page.setContent(html);

package/lib/render.d.ts

@@ -1,4 +1,5 @@
 import { Context, h, Logger } from "koishi";
+export declare function injectStaticAssets(template: string): string;
 export type PricePoint = {
     time: string;
     price: number;

package/lib/templates/holding-card.html

@@ -27,7 +27,7 @@
       position: relative;
       margin: 0;
       padding: 32px;
-      font-family: 'Roboto Mono', 'Trebuchet MS', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
       background-color: var(--bg-color);
       width: 480px;
       box-sizing: border-box;
@@ -60,12 +60,15 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      color: white;
-      font-size: 24px;
-      font-weight: 700;
       box-shadow: 0 8px 16px rgba(99, 102, 241, 0.3);
     }
 
+    .avatar-icon {
+      width: 28px;
+      height: 28px;
+      display: block;
+    }
+
     .user-info {
       flex: 1;
     }
@@ -159,7 +162,7 @@
       color: var(--text-primary);
       padding: 4px 10px;
       border-radius: 6px;
-      font-family: 'Roboto Mono', 'Trebuchet MS', monospace;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     }
 
     .stock-body {
@@ -187,7 +190,7 @@
       font-size: 18px;
       font-weight: 450;
       color: var(--text-primary);
-      font-family: 'Roboto Mono', 'Trebuchet MS', monospace;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
       letter-spacing: -0.3px;
     }
 
@@ -249,7 +252,10 @@
     }
 
     .empty-icon {
-      font-size: 32px;
+      width: 36px;
+      height: 36px;
+      display: block;
+      margin: 0 auto 12px;
       margin-bottom: 12px;
       opacity: 0.5;
     }
@@ -361,10 +367,26 @@
       font-size: 18px;
       font-weight: 600;
       color: var(--text-primary);
-      font-family: 'Roboto Mono', monospace;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
       letter-spacing: -0.5px;
     }
 
+    .inline-icon {
+      width: 16px;
+      height: 16px;
+      display: inline-block;
+      vertical-align: middle;
+      flex-shrink: 0;
+    }
+
+    .stock-name-icon {
+      width: 18px;
+      height: 18px;
+      display: inline-block;
+      vertical-align: middle;
+      flex-shrink: 0;
+    }
+
     /* Bottom Row */
     .pi-footer {
       display: flex;
@@ -403,9 +425,9 @@
 </head>
 
 <body>
-  <div class="card">
-    <div class="header">
-      <div class="avatar" id="avatar"></div>
+    <div class="card">
+      <div class="header">
+      <div class="avatar"><img class="avatar-icon" src="{{ICON_USER}}" alt="" /></div>
       <div class="user-info">
         <div class="username" id="username"></div>
         <div class="account-label">股票账户</div>
@@ -424,7 +446,6 @@
     const DATA = JSON.parse(document.getElementById('data-source').textContent);
 
     // 渲染用户信息
-    document.getElementById('avatar').textContent = DATA.username.charAt(0).toUpperCase();
     document.getElementById('username').textContent = DATA.username;
     document.getElementById('footer').textContent = `数据更新于 ${DATA.updateTime}`;
 
@@ -454,7 +475,7 @@
           <div class="stock-card">
             <div class="stock-header">
               <div class="stock-name">
-                <span>⚡</span>
+                <img class="stock-name-icon" src="{{ICON_STOCK}}" alt="" />
                 ${h.stockName}
               </div>
               <div class="stock-amount">${h.amount} 股</div>
@@ -488,7 +509,7 @@
         <div class="section">
           <div class="section-title">持仓详情 Holding</div>
           <div class="empty-state">
-            <div class="empty-icon">📭</div>
+            <img class="empty-icon" src="{{ICON_EMPTY}}" alt="" />
             <div class="empty-text">暂无持仓</div>
           </div>
         </div>
@@ -502,7 +523,7 @@
         <div class="pending-item">
           <div class="pi-header">
             <span class="pi-badge ${p.typeClass}">${p.type}</span>
-            <span class="pi-time">⏱ ${p.timeLeft}</span>
+            <span class="pi-time"><img class="inline-icon" src="{{ICON_CLOCK}}" alt="" />${p.timeLeft}</span>
           </div>
           <div class="pi-amount">${p.amount} 股</div>
           <div class="pi-footer">

package/lib/templates/stock-chart.html

@@ -25,7 +25,7 @@
 
       body {
         padding: 64px;
-        font-family: 'Roboto Mono', 'Trebuchet MS', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
+        font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
         background-color: var(--bg-color);
         width: 1024px;
         height: 768px;
@@ -79,10 +79,15 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        font-size: 24px;
         box-shadow: 0 8px 20px var(--icon-shadow);
       }
 
+      .stock-icon img {
+        width: 24px;
+        height: 24px;
+        display: block;
+      }
+
       .meta-info {
         display: flex;
         align-items: center;
@@ -99,7 +104,7 @@
       .price-group { text-align: right; }
 
       .current-price {
-        font-family: 'Roboto Mono', 'Trebuchet MS', monospace;
+        font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
         font-size: 64px;
         font-weight: normal;
         color: var(--main-color);
@@ -127,6 +132,12 @@
         gap: 4px;
       }
 
+      .change-icon {
+        width: 14px;
+        height: 14px;
+        display: block;
+      }
+
       .chart-wrapper {
         position: relative;
         flex: 1;
@@ -184,7 +195,7 @@
         font-size: 20px;
         font-weight: 600;
         color: var(--text-primary);
-        font-family: 'Roboto Mono', monospace;
+        font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
         letter-spacing: 0;
       }
 
@@ -204,7 +215,7 @@
       <div class="header">
         <div class="title-group">
           <div class="stock-name">
-            <div class="stock-icon">¥</div>
+            <div class="stock-icon"><img src="{{ICON_STOCK}}" alt="" /></div>
             {{STOCK_NAME}}
           </div>
           <div class="meta-info">
@@ -228,9 +239,10 @@
               "
               >{{CHANGE_VALUE}}</span
             >
-            <span class="change-badge"
-              >{{CHANGE_ICON}} {{CHANGE_PERCENT}}%</span
-            >
+            <span class="change-badge">
+              <img class="change-icon" src="{{CHANGE_ICON}}" alt="" />
+              {{CHANGE_PERCENT}}%
+            </span>
           </div>
         </div>
       </div>
@@ -331,7 +343,7 @@
 
           const val = yMin + (i / 4) * yRange;
           ctx.fillStyle = "#64748b";
-          ctx.font = '12px "Trebuchet MS", monospace';
+          ctx.font = '12px "Roboto Mono"';
           ctx.textAlign = "left";
           ctx.textBaseline = "middle";
           ctx.fillText(val.toFixed(2), W - padding.right + 10, y);
@@ -395,7 +407,7 @@
         ctx.setLineDash([]);
 
         const currentPriceStr = prices[prices.length - 1].toFixed(2);
-        ctx.font = 'bold 13px "Trebuchet MS", monospace';
+        ctx.font = 'bold 13px "Roboto Mono"';
         const labelWidth = ctx.measureText(currentPriceStr).width + 18;
         const labelHeight = 24;
         const labelX = W - padding.right;
@@ -423,8 +435,7 @@
         ctx.textAlign = "center";
         ctx.textBaseline = "top";
         ctx.fillStyle = "#64748b";
-        ctx.font =
-          '12px -apple-system, BlinkMacSystemFont, "Inter", sans-serif';
+        ctx.font = '12px "Roboto Mono"';
         const labelIndexes = [
           0,
           Math.floor((times.length - 1) / 2),

package/lib/templates/trade-result.html

@@ -39,7 +39,7 @@
       /* 修改 3: 增大页面外间距 (32px -> 64px) */
       padding: 64px;
       /* 统一字体组合 */
-      font-family: 'Roboto Mono', 'Trebuchet MS', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
       background-color: var(--bg-color);
       width: 960px;
       height: 720px;
@@ -87,8 +87,12 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 32px;
-      color: var(--text-primary);
+    }
+
+    .stock-icon img {
+      width: 32px;
+      height: 32px;
+      display: block;
     }
 
     .stock-meta {
@@ -211,7 +215,7 @@
       color: var(--text-primary);
       font-weight: 600;
       /* 修改 2: 强制使用数字字体 */
-      font-family: 'Roboto Mono', monospace;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     }
 
     /* --- 图表区域 --- */
@@ -306,7 +310,7 @@
       opacity: 0.8;
       margin-top: 6px;
       /* 百分比也属于数字，用一下 Roboto Mono 更好看 */
-      font-family: 'Roboto Mono', sans-serif;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     }
 
     /* 底部时间戳 */
@@ -324,7 +328,7 @@
       color: var(--text-secondary);
       padding: 6px 8px;
       border-radius: 6px;
-      font-family: 'Roboto Mono', sans-serif;
+      font-family: 'Roboto Mono', 'PingFang SC', 'Microsoft YaHei', sans-serif;
       /* 包含时间数字 */
     }
   </style>
@@ -335,7 +339,7 @@
     <!-- 顶部信息栏 -->
     <div class="top-section">
       <div class="stock-group">
-        <div class="stock-icon">⚡</div>
+        <div class="stock-icon"><img src="{{ICON_STOCK}}" alt="" /></div>
         <div class="stock-meta">
           <div class="stock-name" id="stock-name">--</div>
           <!-- 这里会动态插入徽标 -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koishi-plugin-monetary-bourse",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [

package/readme.md

@@ -22,7 +22,7 @@
 
 本插件模拟了一个具备自动宏观调控、25种经典K线形态、智能概率博弈和可视化交割单的深度拟真股票市场。用户可以使用机器人通用的货币（如信用点）进行股票买卖、炒股理财。
 
-> 版本：**3.0.0**
+> 版本：**3.0.1**
 
 ## ✨ 特性
 
@@ -35,6 +35,7 @@
   - **持仓资产卡片**：精美渲染个人持仓、成本分析、浮动盈亏比及排队中的挂单详情。
   - **交易交割单**：买卖成交瞬间生成**交易回单图片**，在 K 线图上精确标记买卖点位，直观展示单笔盈亏与买入成本线。
   - **内置字体**：使用 Roboto Mono 字体，确保图表中的数字和文本清晰易读。
+  - **内置图标**：使用内置的箭头和标记图标，增强视觉效果，无需外部资源。
 - **❄️ 资金冻结与挂单排队**：
   - 交易采用 T+0 机制，但大额资金/股票会根据金额计算**动态冻结时间**。
   - 挂单采用**串行排队模式**，同一用户的多个挂单需依次读秒，防止通过拆单绕过冻结机制，增加博弈深度。