alemonjs-mhy 1.0.0-rc.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Yoimiya
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,142 @@
+# 阿柠檬-米哈游
+
+必要环境 `nodejs` 、`sql(mysql/sqlite)`、`redis` 、`chrome`
+
+该扩展推荐使用`alemongo`或`alemondesk`作为生产环境
+
+`alemongo` https://github.com/lemonade-lab/alemongo
+
+`alemondesk` https://github.com/lemonade-lab/alemondesk
+
+## 指令一览
+
+[README_COMMAND](./README_COMMAND.md)
+
+## 安装方式1: Git
+
+### alemongo/alemondesk
+
+- 地址
+
+```sh
+https://github.com/xiuxianjs/alemonjs-mhy.git
+```
+
+若访问受限，可使用如下加速地址
+
+```sh
+https://ghfast.top/https://github.com/xiuxianjs/alemonjs-mhy.git
+```
+
+- branch
+
+```sh
+release
+```
+
+### 本地
+
+```sh
+git clone -b release --depth=1 https://github.com/xiuxianjs/alemonjs-mhy.git ./packages/alemonjs-mhy
+```
+
+```sh
+yarn install #开始模块化
+```
+
+- alemon.config.yaml
+
+```yaml
+apps:
+  alemonjs-mhy: true # 启动扩展
+```
+
+## 安装方式2: npm
+
+> 暂未支持
+
+## 开发指南
+
+### 导出 API
+
+```typescript
+import {
+  // 类型
+  type MihoyoGame,
+  type StoredCookieData,
+  type StokenData,
+  type QueryResult,
+
+  // 游戏检测
+  resolveGame,
+
+  // 账号操作
+  getUserCookie,
+  getUserMainUid,
+  bindUserCookie,
+
+  // Stoken
+  getUserStoken,
+  bindStoken,
+
+  // 签到
+  performGameSign,
+  performBbsSign,
+
+  // 统一查询（推荐）
+  queryMihoyoApi,
+
+  // 底层 API
+  mysApiFetch,
+  fetchGameRoles
+} from 'alemonjs-mhy';
+```
+
+#### `queryMihoyoApi` — 统一查询
+
+大多数查询场景推荐使用此方法，自动处理 Cookie 读取、UID 获取、区服识别：
+
+```typescript
+const result = await queryMihoyoApi({
+  userId: '用户ID',
+  game: 'gs',
+  api: 'dailyNote'
+});
+
+if (result.success) {
+  console.log(result.data); // API 返回数据
+  console.log(result.uid); // 使用的 UID
+}
+```
+
+#### `mysApiFetch` — 底层调用
+
+需要自行传入 Cookie 和 UID，适合定制化场景：
+
+```typescript
+const res = await mysApiFetch({
+  uid: '100000001',
+  cookie: 'ltoken=xxx;ltuid=xxx;',
+  api: 'dailyNote',
+  game: 'gs'
+});
+```
+
+## 免责声明
+
+- 勿用于以盈利为目的的场景
+
+- 代码开放，无需征得特殊同意，可任意使用。能备注来源最好，但不强求
+
+- 图片与其他素材均来自于网络，仅供交流学习使用，如有侵权请联系，会立即删除
+
+## 引用
+
+|                          Nickname                          | Contribution         |
+| :--------------------------------------------------------: | -------------------- |
+|       [Yunzai](https://gitee.com/le-niao/Yunzai-Bot)       | 米游社API来源        |
+|   [miao](https://github.com/yoimiya-kokomi/miao-plugin)    | 米游社API部分来源    |
+|    [cvs](https://github.com/ctrlcvs/xiaoyao-cvs-plugin)    | 米游社SToken来源     |
+|  [Hamster](https://github.com/GardenHamster/GenshinPray)   | 模拟抽卡背景素材来源 |
+|  [西风驿站](https://bbs.mihoyo.com/ys/collection/839181)   | 角色攻略图来源       |
+| [米游社友人A](https://bbs.mihoyo.com/ys/collection/428421) | 角色突破素材图来源   |

package/README_COMMAND.md

@@ -0,0 +1,3 @@
+## 指令一览
+
+<img src="./image.png">

package/lib/assets/css/input.scss.js

@@ -0,0 +1,4 @@
+const reg = ['win32'].includes(process.platform) ? /^file:\/\/\// : /^file:\/\// ;
+const fileUrl = new URL('../input.scss-WpyAoyNf.css', import.meta.url).href.replace(reg, '');
+
+export { fileUrl as default };

package/lib/assets/font/tttgbnumber.ttf.js

@@ -0,0 +1,4 @@
+const reg = ['win32'].includes(process.platform) ? /^file:\/\/\// : /^file:\/\// ;
+const fileUrl = new URL('../tttgbnumber-BbQ05dtA.ttf', import.meta.url).href.replace(reg, '');
+
+export { fileUrl as default };

package/lib/assets/input.scss-WpyAoyNf.css

@@ -0,0 +1,2 @@
+:root{--bg-color:rgba(60,58,58,.79);--border-radius:9px;--title-color:#3d3527d9;--title-text-shadow:2px 2px 4px #dfdfdf;--box-shadow:2px 2px 4px #3d3527d9;--box-shadow-bool:2px 2px 4px #ff0000ba;--inset-box-shadow:inset 0px 0px 21px #ffffffd9;--inset-bg-color:rgba(60,58,58,.532);--uid-background-color:linear-gradient(45deg,#585858c9,#a5a5bfd9);--font-color:#10e633dc;--nav-state-color:#00bbd4;--bool-left-color:#f3d109a6;--bool-right-color:#ff0000ba}#root[data-theme=red]{--bg-color:hsla(0,74%,74%,.79);--border-radius:9px;--title-color:#4b2f13cc;--title-text-shadow:2px 2px 4px #fff;--box-shadow:2px 2px 4px #4b2f13cc;--inset-box-shadow:inset 0px 0px 21px #ffffffd9;--inset-bg-color:hsla(0,74%,74%,.596);--box-shadow-bool:2px 2px 4px #ff0000ba;--uid-background-color:linear-gradient(45deg,hsla(0,80%,78%,.79),#a74742d9);--font-color:#10e633dc;--nav-state-color:#7dac19;--bool-left-color:#f7da2fa6;--bool-right-color:#ff6800ba}#root[data-theme=blue]{--bg-color:rgba(83,107,153,.73);--border-radius:9px;--title-color:#d4d5e0e0;--title-text-shadow:2px 2px 4px #4067ade3;--box-shadow:2px 2px 4px #d4d5e0e0;--inset-box-shadow:inset 0px 0px 21px #ffffffd9;--inset-bg-color:rgba(83,107,153,.578);--box-shadow-bool:2px 2px 4px #ff0000ba;--uid-background-color:linear-gradient(45deg,#4067ad54,#143878eb);--font-color:#10e633dc;--nav-state-color:#0097d4;--bool-left-color:#aadb03ba;--bool-right-color:#f72020ba}#root[data-theme=purple]{--bg-color:#2c447594;--border-radius:9px;--title-color:#4b6774cc;--title-text-shadow:2px 2px 4px #fff;--box-shadow:2px 2px 4px #4b6774cc;--inset-box-shadow:inset 0px 0px 21px #ffffffd9;--inset-bg-color:rgba(164,178,205,.63);--box-shadow-bool:2px 2px 4px #ff0000ba;--uid-background-color:linear-gradient(45deg,#bab3e8c9,#626288d9);--font-color:#10e633dc;--nav-state-color:#3cc7d9;--bool-left-color:#83e139ba;--bool-right-color:#f72020cc}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.block{display:block}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.p-0{padding:0}.text-center{text-align:center}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{display:flex;flex-direction:column;margin:0;padding:0}

package/lib/constants/mihoyo.d.ts

@@ -0,0 +1,53 @@
+export declare const mihoyoConstants: {
+    readonly commandPrefixPattern: "(!|！|/|#|＃)";
+    readonly games: {
+        readonly gs: {
+            readonly key: "gs";
+            readonly name: "原神";
+        };
+        readonly sr: {
+            readonly key: "sr";
+            readonly name: "星穹铁道";
+        };
+        readonly zzz: {
+            readonly key: "zzz";
+            readonly name: "绝区零";
+        };
+    };
+    readonly ckMaskKeepLength: 6;
+    readonly requestTimeoutMs: 10000;
+    readonly cacheSeconds: 300;
+};
+export declare const mihoyoRouteRules: {
+    readonly help: RegExp;
+    readonly bindCk: RegExp;
+    readonly bindUid: RegExp;
+    readonly showUid: RegExp;
+    readonly myCk: RegExp;
+    readonly delUid: RegExp;
+    readonly cookieAccept: RegExp;
+    readonly dailyNote: RegExp;
+    readonly playerIndex: RegExp;
+    readonly spiralAbyss: RegExp;
+    readonly roleExplore: RegExp;
+    readonly weapon: RegExp;
+    readonly buddy: RegExp;
+    readonly roleCombat: RegExp;
+    readonly ledger: RegExp;
+    readonly exchange: RegExp;
+    readonly useCode: RegExp;
+    readonly mysNews: RegExp;
+    readonly ckHelp: RegExp;
+    readonly ckCheck: RegExp;
+    readonly bindStoken: RegExp;
+    readonly stokenAccept: RegExp;
+    readonly myStoken: RegExp;
+    readonly delStoken: RegExp;
+    readonly gameSign: RegExp;
+    readonly bbsSign: RegExp;
+    readonly qrLogin: RegExp;
+    readonly sevenSaints: RegExp;
+    readonly birthday: RegExp;
+    readonly payLog: RegExp;
+    readonly payLogAuth: RegExp;
+};

package/lib/constants/mihoyo.js

@@ -0,0 +1,46 @@
+const mihoyoConstants = {
+    commandPrefixPattern: '(!|！|/|#|＃)',
+    games: {
+        gs: { key: 'gs', name: '原神' },
+        sr: { key: 'sr', name: '星穹铁道' },
+        zzz: { key: 'zzz', name: '绝区零' }
+    },
+    ckMaskKeepLength: 6,
+    requestTimeoutMs: 10000,
+    cacheSeconds: 300
+};
+const mihoyoRouteRules = {
+    help: /^(!|！|\/|#|＃)(米游社|米哈游|mhy|mihoyo)(帮助|help|模块)$/,
+    bindCk: /^(!|！|\/|#|＃)绑定c(oo)?k(ie)?$/i,
+    bindUid: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?绑定(uid)?(\s|\+)*((1[0-9]|[1-9])[0-9]{8}|[1-9][0-9]{7})$/i,
+    showUid: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?(我的)?(uid)\d{0,2}$/i,
+    myCk: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?(我的|删除)c(oo)?k(ie)?$/i,
+    delUid: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?(删除|解绑)uid(\s|\+)*(\d{1,2})?$/i,
+    cookieAccept: /(ltoken|ltoken_v2).*(ltuid|login_uid|ltmid_v2)/,
+    dailyNote: /^(!|！|\/|#|＃)*(原神|星铁|绝区零)?(体力|树脂|查询体力|开拓力|电量)$/,
+    playerIndex: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?(角色|面板)$/,
+    spiralAbyss: /^(!|！|\/|#|＃)(原神|星铁)?(上期|往期|本期)*(深渊|深境|深境螺旋|忘却之庭|虚构叙事)(上期|往期|本期)*$/,
+    roleExplore: /^(!|！|\/|#|＃)(原神|星铁|绝区零)?(宝箱|成就|尘歌壶|家园|探索|探险|声望|探险度|探索度)\s*\d*$/,
+    weapon: /^(!|！|\/|#|＃)(原神)?(五星|四星|5星|4星)*武器\s*\d*$/,
+    buddy: /^(!|！|\/|#|＃)(绝区零)?邦布$/,
+    roleCombat: /^(!|！|\/|#|＃)(幻想真境剧诗|剧诗)$/,
+    ledger: /^(!|！|\/|#|＃)(原神|星铁)?(原石|星琼|札记)\s*(\d{1,2}月?|[一二三四五六七八九十]+月?)?$/,
+    exchange: /^(!|！|\/|#|＃)(原神|星铁|崩铁|绝区零)?兑换码$/,
+    useCode: /^(!|！|\/|#|＃)(原神|星铁|崩铁|绝区零)?(兑换码使用|cdk-u).+/i,
+    mysNews: /^(!|！|\/|#|＃)(原神|星铁|绝区零|崩坏三|崩三)?(公告|资讯|活动)(列表)?\s*\d*$/,
+    ckHelp: /^(!|！|\/|#|＃)(ck|cookie)(帮助|说明|教程)$/i,
+    ckCheck: /^(!|！|\/|#|＃)(检查|验证|测试)c(oo)?k(ie)?$/i,
+    bindStoken: /^(!|！|\/|#|＃)(绑定)?stoken$/i,
+    stokenAccept: /stoken=.+/,
+    myStoken: /^(!|！|\/|#|＃)我的stoken$/i,
+    delStoken: /^(!|！|\/|#|＃)删除(我的)?stoken$/i,
+    gameSign: /^(!|！|\/|#|＃)*(原神|星铁|星穹铁道|崩铁|崩坏3|崩三|崩3|游戏|全部)?签到$/,
+    bbsSign: /^(!|！|\/|#|＃)*(米游社|mys|社区|米游币|米币)签到$/,
+    qrLogin: /^(!|！|\/|#|＃)(扫码|二维码|辅助)(登录|绑定|登陆)$/,
+    sevenSaints: /^(!|！|\/|#|＃)\*?七圣(召唤)?查询/,
+    birthday: /^(!|！|\/|#|＃)?(留影(叙佳期)?|(领)?(角色)?生日(卡)?)$/,
+    payLog: /^(!|！|\/|#|＃)?(更新)?(充值|消费)(记录|统计)(帮助)?$/,
+    payLogAuth: /(user-game-search|bill-record-user|customer-claim|player-log|user\.mihoyo\.com).*authkey=/
+};
+
+export { mihoyoConstants, mihoyoRouteRules };

package/lib/img/views/BuddyCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface BuddyItem {
+    id: number;
+    name: string;
+    rarity: string;
+    level: number;
+    star: number;
+}
+export interface BuddyCardData {
+    uid: string;
+    list: BuddyItem[];
+}
+export interface BuddyCardProps {
+    data: BuddyCardData;
+}
+export default function BuddyCard({ data }: BuddyCardProps): React.JSX.Element;

package/lib/img/views/BuddyCard.js

@@ -0,0 +1,111 @@
+import React from 'react';
+import HTML from './HTML.js';
+
+const RARITY_STYLE = {
+    S: '#c6923a',
+    A: '#a256e1',
+    B: '#5180cb'
+};
+const styles = {
+    card: {
+        padding: '24px',
+        background: 'linear-gradient(180deg, #f0ebe3 0%, #f5f6fb 40%)',
+        fontFamily: '"tttgbnumber", system-ui, sans-serif',
+        fontSize: '14px',
+        color: '#1e1f20'
+    },
+    header: {
+        background: 'linear-gradient(135deg, #e8d5b0, #d3bc8e)',
+        borderRadius: '14px 14px 0 0',
+        padding: '14px 20px',
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
+    },
+    body: {
+        background: '#fff',
+        borderRadius: '0 0 14px 14px',
+        padding: '16px 20px',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.06)'
+    },
+    count: {
+        textAlign: 'center',
+        fontSize: '13px',
+        color: '#9e8e7e',
+        padding: '4px 0 12px',
+        borderBottom: '1px solid #f0ede8',
+        marginBottom: '8px'
+    },
+    buddyRow: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: '6px 0',
+        borderBottom: '1px solid #f8f6f2'
+    },
+    buddyLeft: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px'
+    },
+    rarityBadge: {
+        fontSize: '11px',
+        padding: '1px 8px',
+        borderRadius: '4px',
+        color: '#fff',
+        fontWeight: 'bold'
+    },
+    buddyName: {
+        fontSize: '14px',
+        fontWeight: 'bold'
+    },
+    buddyInfo: {
+        fontSize: '12px',
+        color: '#6b5e4f'
+    },
+    noData: {
+        textAlign: 'center',
+        padding: '20px 0',
+        color: '#9e8e7e',
+        fontSize: '14px'
+    }
+};
+function StarDisplay({ count }) {
+    return React.createElement("span", { style: { color: '#c6923a', fontSize: '12px' } }, '★'.repeat(count));
+}
+function BuddyCard({ data }) {
+    const now = new Date();
+    const dateStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`;
+    const buddies = data.list ?? [];
+    const sorted = [...buddies].sort((a, b) => b.level - a.level || b.star - a.star);
+    return (React.createElement(HTML, { style: { width: '450px' } },
+        React.createElement("div", { style: styles.card },
+            React.createElement("div", { style: styles.header },
+                React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                    React.createElement("span", { style: { fontSize: '20px' } }, "\uD83E\uDD16"),
+                    React.createElement("span", { style: { fontSize: '18px', fontWeight: 'bold', color: '#4a3c2a' } }, "\u7EDD\u533A\u96F6 \u00B7 \u90A6\u5E03")),
+                React.createElement("span", { style: { fontSize: '13px', color: '#7a6b57' } },
+                    "UID ",
+                    data.uid)),
+            React.createElement("div", { style: styles.body }, sorted.length === 0 ? (React.createElement("div", { style: styles.noData }, "\u6682\u65E0\u90A6\u5E03\u6570\u636E")) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { style: styles.count },
+                    "\u5171 ",
+                    sorted.length,
+                    " \u53EA\u90A6\u5E03"),
+                sorted.map((b, i) => {
+                    const color = RARITY_STYLE[b.rarity] ?? '#808080';
+                    return (React.createElement("div", { key: i, style: styles.buddyRow },
+                        React.createElement("div", { style: styles.buddyLeft },
+                            React.createElement("span", { style: { ...styles.rarityBadge, background: color } }, b.rarity),
+                            React.createElement("span", { style: { ...styles.buddyName, color } }, b.name)),
+                        React.createElement("div", { style: { textAlign: 'right' } },
+                            React.createElement("div", { style: styles.buddyInfo },
+                                "Lv.",
+                                b.level),
+                            React.createElement(StarDisplay, { count: b.star }))));
+                })))),
+            React.createElement("div", { style: { textAlign: 'right', padding: '8px 4px 0', fontSize: '11px', color: '#b0a89c' } }, dateStr))));
+}
+
+export { BuddyCard as default };

package/lib/img/views/CkHelpCard.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function CkHelpCard(): React.JSX.Element;

package/lib/img/views/CkHelpCard.js

@@ -0,0 +1,147 @@
+import React from 'react';
+import HTML from './HTML.js';
+
+const STEPS = [
+    { num: 1, text: '使用浏览器打开 miyoushe.com' },
+    { num: 2, text: '登录你的米游社账号' },
+    { num: 3, text: '按 F12 打开开发者工具' },
+    { num: 4, text: '切换到 Console (控制台) 标签' },
+    { num: 5, text: '输入 document.cookie 并回车', highlight: true },
+    { num: 6, text: '复制输出的全部内容' }
+];
+const COMMANDS = [
+    { cmd: '#绑定ck <Cookie>', desc: '绑定Cookie (请私聊发送)' },
+    { cmd: '#我的ck', desc: '查看Cookie绑定状态' },
+    { cmd: '#删除ck', desc: '删除已绑定的Cookie' },
+    { cmd: '#检查ck', desc: '验证Cookie是否有效' },
+    { cmd: '#绑定uid <UID>', desc: '手动绑定游戏UID' },
+    { cmd: '#我的uid', desc: '查看已绑定的UID列表' },
+    { cmd: '#扫码登录', desc: '扫码一键绑定Cookie+Stoken' }
+];
+const WARNINGS = ['请在私聊中发送Cookie，避免泄露', 'Cookie有效期约30天，过期需重新获取', '切勿将Cookie分享给他人', '退出米游社登录后Cookie将失效'];
+function CkHelpCard() {
+    return (React.createElement(HTML, { style: { width: '500px' } },
+        React.createElement("div", { style: {
+                padding: '20px',
+                background: 'linear-gradient(180deg, #f0ebe3 0%, #f5f6fb 40%)',
+                fontFamily: '"tttgbnumber", system-ui, sans-serif',
+                fontSize: '16px',
+                color: '#1e1f20',
+                textAlign: 'left'
+            } },
+            React.createElement("div", { style: {
+                    background: 'linear-gradient(135deg, #e8d5b0, #d3bc8e)',
+                    borderRadius: '16px 16px 0 0',
+                    padding: '16px 24px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '10px',
+                    boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
+                } },
+                React.createElement("span", { style: { fontSize: '28px' } }, "\uD83C\uDF6A"),
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+                    React.createElement("span", { style: { fontSize: '20px', fontWeight: 'bold', color: '#4a3a20' } }, "Cookie \u7ED1\u5B9A\u6559\u7A0B"),
+                    React.createElement("span", { style: { fontSize: '12px', color: '#6b5838', marginTop: '2px' } }, "\u83B7\u53D6\u5E76\u7ED1\u5B9A\u7C73\u6E38\u793ECookie"))),
+            React.createElement("div", { style: {
+                    background: '#fff',
+                    borderRadius: '0 0 16px 16px',
+                    padding: '24px',
+                    boxShadow: '0 6px 20px rgba(0,0,0,0.08)',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '20px'
+                } },
+                React.createElement("div", null,
+                    React.createElement("div", { style: {
+                            fontSize: '15px',
+                            fontWeight: 'bold',
+                            color: '#4a3a20',
+                            marginBottom: '12px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '6px'
+                        } },
+                        React.createElement("span", { style: { fontSize: '16px' } }, "\uD83D\uDCD6"),
+                        "\u83B7\u53D6Cookie\u6B65\u9AA4"),
+                    React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px' } }, STEPS.map(step => (React.createElement("div", { key: step.num, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '10px',
+                            padding: '8px 12px',
+                            background: step.highlight ? '#fdf6e3' : '#fafafa',
+                            borderRadius: '8px',
+                            border: step.highlight ? '1px solid #e8d5b0' : '1px solid #f0f0f0'
+                        } },
+                        React.createElement("div", { style: {
+                                width: '24px',
+                                height: '24px',
+                                borderRadius: '50%',
+                                background: step.highlight ? 'linear-gradient(135deg, #e8d5b0, #d3bc8e)' : '#e8e8e8',
+                                color: step.highlight ? '#4a3a20' : '#666',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                fontSize: '12px',
+                                fontWeight: 'bold',
+                                flexShrink: 0
+                            } }, step.num),
+                        React.createElement("span", { style: {
+                                fontSize: '13px',
+                                color: step.highlight ? '#4a3a20' : '#444',
+                                fontWeight: step.highlight ? 'bold' : 'normal'
+                            } }, step.text)))))),
+                React.createElement("div", { style: { height: '1px', background: '#f0ebe3' } }),
+                React.createElement("div", null,
+                    React.createElement("div", { style: {
+                            fontSize: '15px',
+                            fontWeight: 'bold',
+                            color: '#4a3a20',
+                            marginBottom: '12px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '6px'
+                        } },
+                        React.createElement("span", { style: { fontSize: '16px' } }, "\u2328\uFE0F"),
+                        "\u76F8\u5173\u547D\u4EE4"),
+                    React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' } }, COMMANDS.map(item => (React.createElement("div", { key: item.cmd, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            padding: '6px 12px',
+                            background: '#fafafa',
+                            borderRadius: '6px'
+                        } },
+                        React.createElement("span", { style: {
+                                fontSize: '13px',
+                                fontWeight: 'bold',
+                                color: '#8b6d3f',
+                                minWidth: '170px'
+                            } }, item.cmd),
+                        React.createElement("span", { style: { fontSize: '12px', color: '#888' } }, item.desc)))))),
+                React.createElement("div", { style: { height: '1px', background: '#f0ebe3' } }),
+                React.createElement("div", null,
+                    React.createElement("div", { style: {
+                            fontSize: '15px',
+                            fontWeight: 'bold',
+                            color: '#c62828',
+                            marginBottom: '10px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '6px'
+                        } },
+                        React.createElement("span", { style: { fontSize: '16px' } }, "\u26A0\uFE0F"),
+                        "\u6CE8\u610F\u4E8B\u9879"),
+                    React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' } }, WARNINGS.map(w => (React.createElement("div", { key: w, style: {
+                            display: 'flex',
+                            alignItems: 'flex-start',
+                            gap: '8px',
+                            padding: '6px 12px',
+                            background: '#fff5f5',
+                            borderRadius: '6px',
+                            border: '1px solid #fce4ec'
+                        } },
+                        React.createElement("span", { style: { color: '#c62828', fontSize: '12px', marginTop: '1px' } }, "\u2022"),
+                        React.createElement("span", { style: { fontSize: '12px', color: '#c62828' } }, w))))))))));
+}
+
+export { CkHelpCard as default };

package/lib/img/views/DailyNoteCard.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+export interface GsDailyNoteData {
+    game: 'gs';
+    uid: string;
+    current_resin: number;
+    max_resin: number;
+    resin_recovery_time: string;
+    finished_task_num: number;
+    total_task_num: number;
+    current_expedition_num: number;
+    max_expedition_num: number;
+    expeditions: Array<{
+        status: string;
+        remained_time: string;
+    }>;
+    current_home_coin: number;
+    max_home_coin: number;
+    home_coin_recovery_time: string;
+    transformer?: {
+        obtained: boolean;
+        recovery_time: {
+            reached: boolean;
+            Day: number;
+            Hour: number;
+            Minute: number;
+        };
+    };
+}
+export interface SrDailyNoteData {
+    game: 'sr';
+    uid: string;
+    current_stamina: number;
+    max_stamina: number;
+    stamina_recover_time: number;
+    current_reserve_stamina: number;
+    current_train_score: number;
+    max_train_score: number;
+    accepted_expedition_num: number;
+    total_expedition_num: number;
+    expeditions: Array<{
+        status: string;
+        remaining_time: number;
+        name: string;
+    }>;
+}
+export interface ZzzDailyNoteData {
+    game: 'zzz';
+    uid: string;
+    energy: {
+        progress: {
+            max: number;
+            current: number;
+        };
+        restore: number;
+    };
+    vitality: {
+        max: number;
+        current: number;
+    };
+    card_sign: string;
+}
+export type DailyNoteData = GsDailyNoteData | SrDailyNoteData | ZzzDailyNoteData;
+export interface DailyNoteCardProps {
+    data: DailyNoteData;
+}
+export default function DailyNoteCard({ data }: DailyNoteCardProps): React.JSX.Element;