koishi-plugin-wordle-game 2.9.0 → 2.10.0

package/lib/index.js

@@ -12362,6 +12362,252 @@ __name(generateLetterTilesHtmlForHandle, "generateLetterTilesHtmlForHandle");
 var path = __toESM(require("path"));
 var import_url = require("url");
 
+// src/m3.ts
+var WHITE_X = 95.047;
+var WHITE_Y = 100;
+var WHITE_Z = 108.883;
+function labToXyz(l, a, b) {
+  const fy = (l + 16) / 116;
+  const fx = fy + a / 500;
+  const fz = fy - b / 200;
+  const f = /* @__PURE__ */ __name((t) => t > 6 / 29 ? t * t * t : 3 * (6 / 29) ** 2 * (t - 4 / 29), "f");
+  return [f(fx) * WHITE_X, f(fy) * WHITE_Y, f(fz) * WHITE_Z];
+}
+__name(labToXyz, "labToXyz");
+function gamma(value) {
+  return value <= 31308e-7 ? value * 12.92 : 1.055 * value ** (1 / 2.4) - 0.055;
+}
+__name(gamma, "gamma");
+function xyzToRgb(x, y, z) {
+  x /= 100;
+  y /= 100;
+  z /= 100;
+  return [
+    gamma(3.2406 * x - 1.5372 * y - 0.4986 * z),
+    gamma(-0.9689 * x + 1.8758 * y + 0.0415 * z),
+    gamma(0.0557 * x - 0.204 * y + 1.057 * z)
+  ];
+}
+__name(xyzToRgb, "xyzToRgb");
+var EPSILON = 1 / 512;
+function lch(tone, chroma, hue) {
+  const radian = hue * Math.PI / 180;
+  const at = /* @__PURE__ */ __name((c) => xyzToRgb(...labToXyz(tone, Math.cos(radian) * c, Math.sin(radian) * c)), "at");
+  const inGamut = /* @__PURE__ */ __name((rgb2) => rgb2.every((value) => value >= -EPSILON && value <= 1 + EPSILON), "inGamut");
+  let rgb = at(chroma);
+  if (!inGamut(rgb)) {
+    let low = 0;
+    let high = chroma;
+    while (high - low > 0.05) {
+      const mid = (low + high) / 2;
+      if (inGamut(at(mid))) low = mid;
+      else high = mid;
+    }
+    rgb = at(low);
+  }
+  return "#" + rgb.map((value) => Math.round(Math.min(1, Math.max(0, value)) * 255).toString(16).padStart(2, "0")).join("");
+}
+__name(lch, "lch");
+function palette(hue, chroma) {
+  const cache = /* @__PURE__ */ new Map();
+  return (tone) => {
+    const hit = cache.get(tone);
+    if (hit) return hit;
+    const value = lch(tone, chroma, hue);
+    cache.set(tone, value);
+    return value;
+  };
+}
+__name(palette, "palette");
+function palettesOf(hue, options = {}) {
+  const { chroma = 56, tertiaryShift = 60 } = options;
+  return {
+    primary: palette(hue, chroma),
+    secondary: palette(hue, Math.max(16, chroma / 3.2)),
+    tertiary: palette(hue + tertiaryShift, Math.max(28, chroma / 1.8)),
+    neutral: palette(hue, 4),
+    neutralVariant: palette(hue, 9),
+    error: palette(36, 68)
+  };
+}
+__name(palettesOf, "palettesOf");
+function scheme(hue, dark = false, options = {}) {
+  const p = palettesOf(hue, options);
+  const { primary: P, secondary: S, tertiary: T, neutral: N, neutralVariant: V, error: E } = p;
+  if (dark) {
+    return {
+      primary: P(80),
+      onPrimary: P(20),
+      primaryContainer: P(30),
+      onPrimaryContainer: P(90),
+      secondary: S(80),
+      onSecondary: S(20),
+      secondaryContainer: S(30),
+      onSecondaryContainer: S(90),
+      tertiary: T(80),
+      onTertiary: T(20),
+      tertiaryContainer: T(30),
+      onTertiaryContainer: T(90),
+      error: E(80),
+      onError: E(20),
+      errorContainer: E(30),
+      onErrorContainer: E(90),
+      background: N(6),
+      onBackground: N(90),
+      surface: N(6),
+      onSurface: N(90),
+      surfaceVariant: V(30),
+      onSurfaceVariant: V(80),
+      surfaceDim: N(6),
+      surfaceBright: N(24),
+      surfaceContainerLowest: N(4),
+      surfaceContainerLow: N(10),
+      surfaceContainer: N(12),
+      surfaceContainerHigh: N(17),
+      surfaceContainerHighest: N(22),
+      outline: V(60),
+      outlineVariant: V(30),
+      inverseSurface: N(90),
+      inverseOnSurface: N(20),
+      inversePrimary: P(40),
+      scrim: N(0),
+      shadow: N(0)
+    };
+  }
+  return {
+    primary: P(40),
+    onPrimary: P(100),
+    primaryContainer: P(90),
+    onPrimaryContainer: P(30),
+    secondary: S(40),
+    onSecondary: S(100),
+    secondaryContainer: S(90),
+    onSecondaryContainer: S(30),
+    tertiary: T(40),
+    onTertiary: T(100),
+    tertiaryContainer: T(90),
+    onTertiaryContainer: T(30),
+    error: E(40),
+    onError: E(100),
+    errorContainer: E(90),
+    onErrorContainer: E(30),
+    background: N(98),
+    onBackground: N(10),
+    surface: N(98),
+    onSurface: N(10),
+    surfaceVariant: V(90),
+    onSurfaceVariant: V(30),
+    surfaceDim: N(87),
+    surfaceBright: N(98),
+    surfaceContainerLowest: N(100),
+    surfaceContainerLow: N(96),
+    surfaceContainer: N(94),
+    surfaceContainerHigh: N(92),
+    surfaceContainerHighest: N(90),
+    outline: V(50),
+    outlineVariant: V(80),
+    inverseSurface: N(20),
+    inverseOnSurface: N(95),
+    inversePrimary: P(80),
+    scrim: N(0),
+    shadow: N(0)
+  };
+}
+__name(scheme, "scheme");
+var SHAPE = {
+  none: 0,
+  extraSmall: 4,
+  small: 8,
+  medium: 12,
+  large: 16,
+  largeIncreased: 20,
+  extraLarge: 28,
+  extraLargeIncreased: 32,
+  extraExtraLarge: 48,
+  full: 9999
+};
+var FONT_STACK = '"Roboto Flex", "Roboto", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", system-ui, sans-serif';
+var MONO_STACK = '"Roboto Mono", "JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, "Noto Sans Mono", monospace';
+var TYPE = {
+  displayLarge: { size: 57, line: 64, weight: 400, tracking: -0.25 },
+  displayMedium: { size: 45, line: 52, weight: 400, tracking: 0 },
+  displaySmall: { size: 36, line: 44, weight: 400, tracking: 0 },
+  headlineLarge: { size: 32, line: 40, weight: 400, tracking: 0 },
+  headlineMedium: { size: 28, line: 36, weight: 400, tracking: 0 },
+  headlineSmall: { size: 24, line: 32, weight: 400, tracking: 0 },
+  titleLarge: { size: 22, line: 28, weight: 400, tracking: 0 },
+  titleMedium: { size: 16, line: 24, weight: 500, tracking: 0.15 },
+  titleSmall: { size: 14, line: 20, weight: 500, tracking: 0.1 },
+  bodyLarge: { size: 16, line: 24, weight: 400, tracking: 0.5 },
+  bodyMedium: { size: 14, line: 20, weight: 400, tracking: 0.25 },
+  bodySmall: { size: 12, line: 16, weight: 400, tracking: 0.4 },
+  labelLarge: { size: 14, line: 20, weight: 500, tracking: 0.1 },
+  labelMedium: { size: 12, line: 16, weight: 500, tracking: 0.5 },
+  labelSmall: { size: 11, line: 16, weight: 500, tracking: 0.5 }
+};
+var ELEVATION = [
+  "none",
+  "0 1px 2px 0 rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)",
+  "0 1px 2px 0 rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15)",
+  "0 1px 3px 0 rgba(0,0,0,.30), 0 4px 8px 3px rgba(0,0,0,.15)",
+  "0 2px 3px 0 rgba(0,0,0,.30), 0 6px 10px 4px rgba(0,0,0,.15)",
+  "0 4px 4px 0 rgba(0,0,0,.30), 0 8px 12px 6px rgba(0,0,0,.15)"
+];
+var kebab = /* @__PURE__ */ __name((name2) => name2.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase()), "kebab");
+function colorVars(s) {
+  return Object.entries(s).map(([role, value]) => `--md-sys-color-${kebab(role)}:${value}`).join(";");
+}
+__name(colorVars, "colorVars");
+function systemVars() {
+  const shape = Object.entries(SHAPE).map(([name2, value]) => `--md-sys-shape-corner-${kebab(name2)}:${value}px`);
+  const elevation = ELEVATION.map((value, level) => `--md-sys-elevation-level${level}:${value}`);
+  const type = Object.entries(TYPE).flatMap(([name2, style]) => [
+    `--md-sys-typescale-${kebab(name2)}-size:${style.size}px`,
+    `--md-sys-typescale-${kebab(name2)}-line-height:${style.line}px`,
+    `--md-sys-typescale-${kebab(name2)}-weight:${style.weight}`,
+    `--md-sys-typescale-${kebab(name2)}-tracking:${style.tracking}px`
+  ]);
+  return [...shape, ...elevation, ...type, `--md-sys-typescale-font:${FONT_STACK}`, `--md-sys-typescale-font-mono:${MONO_STACK}`].join(";");
+}
+__name(systemVars, "systemVars");
+function baseline(s) {
+  return `
+:root{${colorVars(s)};${systemVars()}}
+*,*::before,*::after{box-sizing:border-box}
+html,body{margin:0;padding:0}
+body{
+  background:var(--md-sys-color-background);
+  color:var(--md-sys-color-on-surface);
+  font-family:var(--md-sys-typescale-font);
+  font-synthesis-weight:none;
+  -webkit-font-smoothing:antialiased;
+  text-rendering:optimizeLegibility;
+  font-variant-numeric:tabular-nums;
+}
+.m3-display-large{font-size:57px;line-height:64px;font-weight:600;letter-spacing:-.25px}
+.m3-display-medium{font-size:45px;line-height:52px;font-weight:600;letter-spacing:0}
+.m3-display-small{font-size:36px;line-height:44px;font-weight:600;letter-spacing:0}
+.m3-headline-large{font-size:32px;line-height:40px;font-weight:600;letter-spacing:0}
+.m3-headline-medium{font-size:28px;line-height:36px;font-weight:600;letter-spacing:0}
+.m3-headline-small{font-size:24px;line-height:32px;font-weight:600;letter-spacing:0}
+.m3-title-large{font-size:22px;line-height:28px;font-weight:600;letter-spacing:0}
+.m3-title-medium{font-size:16px;line-height:24px;font-weight:600;letter-spacing:.15px}
+.m3-title-small{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px}
+.m3-body-large{font-size:16px;line-height:24px;font-weight:400;letter-spacing:.5px}
+.m3-body-medium{font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px}
+.m3-body-small{font-size:12px;line-height:16px;font-weight:400;letter-spacing:.4px}
+.m3-label-large{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px}
+.m3-label-medium{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.5px}
+.m3-label-small{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.5px}
+`;
+}
+__name(baseline, "baseline");
+var MEDAL = {
+  gold: lch(58, 52, 85),
+  silver: lch(66, 5, 260),
+  bronze: lch(48, 36, 48)
+};
+
 // src/html/template.ts
 var htmlSuffix = `</div>
       </main>
@@ -13286,6 +13532,7 @@ var defaultPinyinsHtml = `                    <div grid="~ cols-2 gap-3" h-min="
                     </div>`;
 
 // src/services/renderer.ts
+var HUE = 142;
 async function capture(g, html, viewport, fileOrigin = false) {
   const page = await g.ctx.puppeteer.page();
   try {
@@ -13409,40 +13656,36 @@ async function generateHandlePinyinsImage(g, pinyinsHtml) {
 }
 __name(generateHandlePinyinsImage, "generateHandlePinyinsImage");
 async function generateWordlesImage(g, htmlImgString) {
+  const s = scheme(HUE, g.config.isDarkThemeEnabled);
   const html = `<!DOCTYPE html>
-    <html lang="en">
+    <html lang="zh">
     <head>
+        <meta charset="UTF-8">
         <style>
+            ${baseline(s)}
+            body {
+                padding: 24px;
+                background: ${s.surface};
+            }
             .image-container {
-                display: flex;
-                flex-wrap: wrap;
-                gap: 20px;
-                justify-content: space-between;
-                align-items: center;
+                display: grid;
+                gap: 16px;
+                align-items: start;
             }
+            /* 四张以内两列，再多就四列——和原先按张数换宽度是同一个规则，
+               只是交给 grid 去算，不必等 onload 再逐张改样式 */
+            .image-container[data-dense="false"] { grid-template-columns: repeat(2, 1fr); }
+            .image-container[data-dense="true"] { grid-template-columns: repeat(4, 1fr); }
             .image-container img {
-                max-width: 100%;
+                display: block;
+                width: 100%;
+                border-radius: ${SHAPE.large}px;
+                background: ${s.surfaceContainerLow};
             }
         </style>
-        <script>
-            window.onload = function() {
-                var imageContainer = document.querySelector('.image-container');
-                var images = imageContainer.getElementsByTagName('img');
-
-                if (images.length > 4) {
-                    for (var i = 0; i < images.length; i++) {
-                        images[i].style.width = "calc(25% - 15px)";
-                    }
-                } else {
-                    for (var i = 0; i < images.length; i++) {
-                        images[i].style.width = "calc(50% - 10px)";
-                    }
-                }
-            };
-        </script>
     </head>
     <body>
-    <div class="image-container">
+    <div class="image-container" data-dense="${(htmlImgString.match(/<img/g) ?? []).length > 4}">
     ${htmlImgString}
     </div>
     </body>

package/lib/m3.d.ts

@@ -0,0 +1,256 @@
+/**
+ * Material 3 Expressive 设计系统。
+ *
+ * 只依赖标准库，输出纯 CSS 变量与常量，任何渲染后端（puppeteer / canvas）都能用。
+ * 色板按 M3 的做法从一个源色推出六套色调板，再按角色映射成明暗两套配色。
+ */
+/** M3 的「色调」就是 CIE L*，0 为黑、100 为白。 */
+export type Tone = number;
+/** LCh -> #rrggbb。超出 sRGB 色域时按二分法降低彩度，色调与色相保持不变。 */
+export declare function lch(tone: Tone, chroma: number, hue: number): string;
+/** `#rrggbb` -> LCh，`lch()` 的逆运算。 */
+export declare function lchOf(hex: string): {
+    tone: number;
+    chroma: number;
+    hue: number;
+};
+/**
+ * 把一个任意来源的颜色（头像主色、用户自选色）收进本设计系统。
+ *
+ * 只保留它的色相，色调与彩度一律换成设计系统里的取值——于是每个人都还有
+ * 自己的颜色，整张图的明度节奏却是齐的，不会因为某个头像特别暗就糊成一团。
+ * 彩度太低的灰色头像没有可用的色相，退回主色。
+ */
+export declare function harmonize(hex: string, tone: Tone, chroma?: number, fallbackHue?: number): string;
+/** 一套色调板：固定色相与彩度，按色调取色。 */
+export type Palette = (tone: Tone) => string;
+export declare function palette(hue: number, chroma: number): Palette;
+export interface Palettes {
+    primary: Palette;
+    secondary: Palette;
+    tertiary: Palette;
+    neutral: Palette;
+    neutralVariant: Palette;
+    error: Palette;
+}
+export interface SourceOptions {
+    /** 主色彩度，默认 56，够鲜艳又不至于在浅色调上大面积溢出色域。 */
+    chroma?: number;
+    /**
+     * 第三色相对主色的相位差，默认 +60°。
+     * 这个值规范里是个经验值，并非永远合适：暖橙 +60° 会落到发闷的橄榄绿，
+     * 这种时候改成 -60° 取玫红，强调色才跳得出来。
+     */
+    tertiaryShift?: number;
+}
+/**
+ * 按 M3 的推导规则从源色相生成六套色调板。
+ *
+ * Expressive 相比基础风格更敢用彩度：第三色比规范里的保守取值更高，
+ * 中性色也留了一点源色的味道，成片的表面不会灰得发死。
+ */
+export declare function palettesOf(hue: number, options?: SourceOptions): Palettes;
+export interface Scheme {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    tertiary: string;
+    onTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceDim: string;
+    surfaceBright: string;
+    surfaceContainerLowest: string;
+    surfaceContainerLow: string;
+    surfaceContainer: string;
+    surfaceContainerHigh: string;
+    surfaceContainerHighest: string;
+    outline: string;
+    outlineVariant: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    scrim: string;
+    shadow: string;
+}
+/** 生成一套完整的角色配色。`dark` 为真时返回暗色方案。 */
+export declare function scheme(hue: number, dark?: boolean, options?: SourceOptions): Scheme;
+/**
+ * M3 Expressive 形状刻度（px）。
+ * Expressive 把圆角整体推大了一档，容器之间靠「圆角差」而不是分隔线来分层。
+ */
+export declare const SHAPE: {
+    readonly none: 0;
+    readonly extraSmall: 4;
+    readonly small: 8;
+    readonly medium: 12;
+    readonly large: 16;
+    readonly largeIncreased: 20;
+    readonly extraLarge: 28;
+    readonly extraLargeIncreased: 32;
+    readonly extraExtraLarge: 48;
+    readonly full: 9999;
+};
+/** 正文与标题字体栈，覆盖 Windows / macOS / Linux 与随包字体三种情况。 */
+export declare const FONT_STACK = "\"Roboto Flex\", \"Roboto\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"Source Han Sans SC\", system-ui, sans-serif";
+/** 等宽字体栈，用于比分、倒计时这类需要对齐的数字。 */
+export declare const MONO_STACK = "\"Roboto Mono\", \"JetBrains Mono\", \"SF Mono\", \"Cascadia Mono\", Consolas, \"Noto Sans Mono\", monospace";
+export interface TypeStyle {
+    size: number;
+    line: number;
+    weight: number;
+    tracking: number;
+}
+/**
+ * M3 Expressive 字阶。`emphasized` 档提高字重，用在需要被一眼看到的地方，
+ * 这是 Expressive 与基础风格最直观的差别之一。
+ */
+export declare const TYPE: {
+    displayLarge: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    displayMedium: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    displaySmall: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    headlineLarge: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    headlineMedium: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    headlineSmall: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    titleLarge: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    titleMedium: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    titleSmall: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    bodyLarge: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    bodyMedium: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    bodySmall: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    labelLarge: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    labelMedium: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+    labelSmall: {
+        size: number;
+        line: number;
+        weight: number;
+        tracking: number;
+    };
+};
+/**
+ * Expressive 的强调字重。取 600 而非规范里的 500：很多机器上只装了 400 / 700 两档，
+ * 500 会回落成常规字重，强调就白做了；600 在这种字体集下会匹配到 700，效果才稳定。
+ * 正文维持 400，字重拉高反而伤可读性。
+ */
+export declare const EMPHASIZED_WEIGHT: {
+    readonly display: 600;
+    readonly headline: 600;
+    readonly title: 600;
+    readonly label: 600;
+};
+/** 阴影高度（dp -> box-shadow），M3 只有 0 ~ 5 六档。 */
+export declare const ELEVATION: readonly ["none", "0 1px 2px 0 rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)", "0 1px 2px 0 rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15)", "0 1px 3px 0 rgba(0,0,0,.30), 0 4px 8px 3px rgba(0,0,0,.15)", "0 2px 3px 0 rgba(0,0,0,.30), 0 6px 10px 4px rgba(0,0,0,.15)", "0 4px 4px 0 rgba(0,0,0,.30), 0 8px 12px 6px rgba(0,0,0,.15)"];
+/** 把配色方案铺成 `--md-sys-color-*` 变量。 */
+export declare function colorVars(s: Scheme): string;
+/** 形状、字阶、高度的变量，与配色一起构成完整的令牌集。 */
+export declare function systemVars(): string;
+/** 一段可直接塞进 `<style>` 的基础样式：令牌 + 排版重置。 */
+export declare function baseline(s: Scheme): string;
+/**
+ * 通用组件样式。各插件按需挑用，命名统一为 `m3-` 前缀。
+ *
+ * Expressive 的取向体现在三处：圆角整体偏大且同一张图里刻意拉开层次、
+ * 强调元素用高彩度的容器色而不是描边、以及成组元素之间用间距而不是分隔线来断句。
+ */
+/** 金银铜。色调依次 58 / 66 / 48，深浅本身就排出了名次。 */
+export declare const MEDAL: {
+    readonly gold: string;
+    readonly silver: string;
+    readonly bronze: string;
+};
+export declare function components(): string;
+/**
+ * 浏览器端的配色小库，序列化进页面脚本用。
+ *
+ * 有些图是在页面里用 canvas 画的，那边拿不到这个模块。与其在客户端另写一套
+ * HSL 近似，不如把同一套 LCh 运算原样送过去——服务端与浏览器端算出来的颜色
+ * 必须一致，否则「同一支色相」的承诺在两边会对不上。
+ *
+ * 暴露的接口与本模块同名：`M3.lch` / `M3.lchOf` / `M3.harmonize`。
+ */
+export declare function clientColorScript(): string;

package/lib/services/renderer.d.ts

@@ -3,4 +3,11 @@ export declare function generateImage(g: GameContext, styledHtml: string, gridHt
 export declare function generateImageForCiying(g: GameContext, gridHtml: string, rowNum: number): Promise<Buffer>;
 export declare function generateImageForHandle(g: GameContext, gridHtml: string): Promise<Buffer>;
 export declare function generateHandlePinyinsImage(g: GameContext, pinyinsHtml: string): Promise<Buffer<ArrayBufferLike>>;
+/**
+ * 生成多词（wordles）模式的合成图。
+ *
+ * 这张页面是本插件自己的容器——里面那几张盘面分别复刻 Wordle / 汉兜 / 词影，
+ * 那是玩家要的样子，一个像素都不该改；但把它们摆在一起的这层外壳归我们，
+ * 所以走设计系统：表面色打底、盘面各自嵌进圆角容器、间距落在 4dp 栅格上。
+ */
 export declare function generateWordlesImage(g: GameContext, htmlImgString: string): Promise<Buffer<ArrayBufferLike>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-wordle-game",
   "description": "Koishi 的多模式猜词游戏插件。",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [