heyq02 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,16 @@
-# Temporary Holding Version
+<h1>Hello, I'm 永琪（Ari）</h1>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+## 经历
+
+**[北京京东世纪贸易有限公司](https://www.jd.com/)** · 2024.06 – 至今
+
+- 负责京东外卖跨端小程序&H5、管理后台需求迭代
+- 进行管理后台老旧架构升级，TP95性能优化
+- 本地生活产研C3层面 AI Infra 建设，提升研发效能
+
+## 技能
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://simpleicons.dev/icons?icons=vuedotjs,react,nextdotjs,rolldown,vite,oxc,spring,redis,rabbitmq,nginx,docker&perline=11&theme=dark" />
+  <img width="100%" alt="Vue、React、Next、Rolldown、Vite、Oxc、Spring、Redis、RabbitMQ、Nginx、Docker" src="https://simpleicons.dev/icons?icons=vuedotjs,react,nextdotjs,rolldown,vite,oxc,spring,redis,rabbitmq,nginx,docker&perline=11&theme=light" />
+</picture>

package/dist/b.js

@@ -0,0 +1,165 @@
+const site = 'https://intro.heyq02.com';
+const profile = {
+    name: '永琪（Ari）',
+    givenNames: [
+        '永琪',
+        'Ari'
+    ],
+    role: '，全栈研发',
+    bio: '南京邮电大学生物医学工程本科毕业。专注前端工程化，推动 AI 在业务场景中落地。',
+    quote: 'everything always works out at the end',
+    phone: '+86 135****8086',
+    email: 'hello@heyq02.com',
+    site: site,
+    places: [
+        {
+            label: 'GitHub',
+            href: 'https://github.com/heyq02',
+            detail: 'heyq02'
+        },
+        {
+            label: 'X',
+            href: 'https://x.com/heyq02',
+            detail: '@heyq02'
+        },
+        {
+            label: 'Bilibili',
+            href: 'https://space.bilibili.com/3493273159075938',
+            detail: '全栈糕手Ari'
+        },
+        {
+            label: '掘金',
+            href: 'https://juejin.cn/user/708557910842296',
+            detail: '编程糕手Ari'
+        },
+        {
+            label: '微信',
+            href: `${site}/wechat.jpg`,
+            detail: '扫码添加'
+        }
+    ],
+    experiences: [
+        {
+            company: '北京京东世纪贸易有限公司',
+            href: 'https://www.jd.com/',
+            start: '2024.06',
+            end: '至今',
+            points: [
+                '负责京东外卖跨端小程序&H5、管理后台需求迭代',
+                '进行管理后台老旧架构升级，TP95性能优化',
+                '本地生活产研C3层面 AI Infra 建设，提升研发效能'
+            ]
+        }
+    ],
+    skills: [
+        {
+            name: 'Vue',
+            href: 'https://vuejs.org/',
+            summary: '渐进式 JavaScript 框架，用来构建 Web 界面'
+        },
+        {
+            name: 'React',
+            href: 'https://react.dev/',
+            summary: '构建 Web 和原生用户界面的库'
+        },
+        {
+            name: 'Next',
+            href: 'https://nextjs.org/',
+            summary: '面向 Web 的 React 框架'
+        },
+        {
+            name: 'Rolldown',
+            href: 'https://rolldown.rs/',
+            summary: '基于 Rust 的 JavaScript 打包器，API 兼容 Rollup'
+        },
+        {
+            name: 'Vite',
+            href: 'https://vite.dev/',
+            summary: '用来构建 Web 应用的前端构建工具'
+        },
+        {
+            name: 'Oxc',
+            href: 'https://oxc.rs/',
+            summary: '用 Rust 编写的高性能 JavaScript 工具集'
+        },
+        {
+            name: 'Spring',
+            href: 'https://spring.io/',
+            summary: '用来创建 Java 企业级应用'
+        },
+        {
+            name: 'Redis',
+            href: 'https://redis.io/',
+            summary: '内存数据存储，可用作数据库、缓存和消息代理'
+        },
+        {
+            name: 'RabbitMQ',
+            href: 'https://www.rabbitmq.com/',
+            summary: '开源的消息与流代理'
+        },
+        {
+            name: 'Nginx',
+            href: 'https://nginx.org/',
+            summary: 'HTTP 服务器、反向代理和负载均衡'
+        },
+        {
+            name: 'Docker',
+            href: 'https://www.docker.com/',
+            summary: '开发、交付和运行应用的开放平台'
+        }
+    ],
+    projects: [
+        {
+            name: 'jd-opensource/taro-ui',
+            href: 'https://github.com/jd-opensource/taro-ui',
+            summary: '一款基于 Taro 框架开发的多端 UI 组件库',
+            language: 'TypeScript',
+            stars: 4730,
+            forks: 743
+        },
+        {
+            name: 'simpleicons.dev',
+            href: 'https://github.com/heyq02/simpleicons.dev',
+            summary: 'Showcase your skills on your GitHub readme or resumé with ease.',
+            language: 'TypeScript',
+            stars: 171,
+            forks: 0
+        }
+    ]
+};
+function formatCount(count) {
+    if (count < 1000) return String(count);
+    return `${(count / 1000).toFixed(1).replace(/\.0$/, '')}k`;
+}
+function fullName() {
+    return `${profile.name}${profile.role}`;
+}
+function renderPlain() {
+    const lines = [
+        fullName(),
+        '',
+        profile.bio,
+        '',
+        profile.quote,
+        '',
+        profile.site,
+        '',
+        '经历'
+    ];
+    for (const job of profile.experiences)lines.push(`${job.company} · ${job.start} – ${job.end}`, job.href, ...job.points.map((point)=>`- ${point}`), '');
+    lines.push('技能');
+    for (const skill of profile.skills)lines.push(`${skill.name} — ${skill.summary}`, skill.href);
+    lines.push('', '开源');
+    for (const project of profile.projects){
+        const stats = [
+            `★ ${formatCount(project.stars)}`
+        ];
+        if (project.forks > 0) stats.push(`${formatCount(project.forks)} forks`);
+        lines.push(`${project.name} · ${project.language} · ${stats.join(' · ')}`, project.summary, project.href, '');
+    }
+    lines.push('联系');
+    for (const place of profile.places)lines.push(`${place.label} · ${place.detail}`, place.href);
+    lines.push(profile.phone, profile.email);
+    return lines.join('\n');
+}
+export { formatCount, fullName, profile, renderPlain };

package/dist/cli.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/cli.js

@@ -0,0 +1,304 @@
+#!/usr/bin/env node
+import { command, description, name as router_name, parse, printErrors, printHelp, printVersion, version } from "@bomb.sh/router";
+import { Box, Text, render, useApp, useInput, useStdout } from "ink";
+import { profile, fullName, renderPlain, formatCount } from "./b.js";
+const glyphs = {
+    A: [
+        ' ████ ',
+        '██  ██',
+        '██████',
+        '██  ██',
+        '██  ██'
+    ],
+    R: [
+        '█████ ',
+        '██  ██',
+        '█████ ',
+        '██ ██ ',
+        '██  ██'
+    ],
+    I: [
+        '██████',
+        '  ██  ',
+        '  ██  ',
+        '  ██  ',
+        '██████'
+    ]
+};
+function wordmark(text) {
+    const letters = [];
+    for (const char of text)letters.push(glyphs[char]);
+    return [
+        0,
+        1,
+        2,
+        3,
+        4
+    ].map((row)=>letters.map((glyph)=>glyph?.[row] ?? '      ').join(' '));
+}
+const paper = '#F6F3ED';
+const ink = '#343945';
+const muted = '#8991A0';
+const accent = '#3F6CC4';
+const card = '#FFFFFF';
+const bar = '#EAE1D3';
+const gold = '#C08A3E';
+function IntroScreen({ columns, rows, onExit }) {
+    const { exit } = useApp();
+    const { stdout } = useStdout();
+    const stream = stdout;
+    const measuredWidth = stream?.columns ?? 0;
+    const measuredHeight = stream?.rows ?? 0;
+    const width = columns ?? (measuredWidth > 0 ? measuredWidth : 80);
+    const height = rows ?? (measuredHeight > 0 ? measuredHeight : 32);
+    const showWordmark = height >= 38 && width >= 64;
+    const padded = height >= 48 && width >= 80;
+    const spaced = height >= 30;
+    const showSummaries = height >= 36;
+    const showPlaces = height >= 32;
+    useInput(()=>{
+        onExit?.();
+        exit();
+    });
+    return /*#__PURE__*/ React.createElement(Box, {
+        width: width,
+        height: height,
+        flexDirection: "column",
+        backgroundColor: paper
+    }, /*#__PURE__*/ React.createElement(Box, {
+        paddingX: 2,
+        justifyContent: "space-between"
+    }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        color: accent,
+        bold: true
+    }, "heyq02"), /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, " \xb7 intro")), /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, "0.1.0")), /*#__PURE__*/ React.createElement(Box, {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexDirection: "column",
+        overflow: "hidden",
+        paddingX: 3,
+        paddingTop: showWordmark ? 1 : 0
+    }, showWordmark ? wordmark('ARI').map((line)=>/*#__PURE__*/ React.createElement(Text, {
+            key: line,
+            color: accent
+        }, line)) : null, /*#__PURE__*/ React.createElement(Box, {
+        flexShrink: 0,
+        marginTop: showWordmark ? 1 : 0,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        color: ink,
+        bold: true
+    }, fullName()), sentences(profile.bio).map((line)=>/*#__PURE__*/ React.createElement(Text, {
+            key: line,
+            color: ink
+        }, line)), /*#__PURE__*/ React.createElement(Text, {
+        color: muted,
+        italic: true
+    }, profile.quote)), /*#__PURE__*/ React.createElement(Section, {
+        title: "经历",
+        padded: padded,
+        spaced: spaced
+    }, profile.experiences.map((job)=>/*#__PURE__*/ React.createElement(Box, {
+            key: job.company,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            color: ink,
+            bold: true
+        }, job.company), /*#__PURE__*/ React.createElement(Text, {
+            color: muted
+        }, `  ${job.start} – ${job.end}`)), job.points.map((point)=>/*#__PURE__*/ React.createElement(Text, {
+                key: point,
+                color: ink
+            }, /*#__PURE__*/ React.createElement(Text, {
+                color: accent
+            }, "\xb7 "), point))))), /*#__PURE__*/ React.createElement(Section, {
+        title: "技能",
+        padded: padded,
+        spaced: spaced
+    }, skillRows(width).map((row)=>/*#__PURE__*/ React.createElement(Text, {
+            key: row.join('·')
+        }, row.map((name, index)=>/*#__PURE__*/ React.createElement(Text, {
+                key: name
+            }, index > 0 ? /*#__PURE__*/ React.createElement(Text, {
+                color: muted
+            }, " \xb7 ") : null, /*#__PURE__*/ React.createElement(Text, {
+                color: accent
+            }, name)))))), /*#__PURE__*/ React.createElement(Section, {
+        title: "开源",
+        padded: padded,
+        spaced: spaced
+    }, profile.projects.map((project)=>/*#__PURE__*/ React.createElement(Box, {
+            key: project.name,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            color: ink,
+            bold: true
+        }, project.name), /*#__PURE__*/ React.createElement(Text, {
+            color: gold
+        }, `  ★ ${formatCount(project.stars)}`), project.forks > 0 ? /*#__PURE__*/ React.createElement(Text, {
+            color: muted
+        }, `  ·  ${formatCount(project.forks)} forks`) : null), showSummaries ? /*#__PURE__*/ React.createElement(Text, {
+            color: muted
+        }, project.summary) : null))), /*#__PURE__*/ React.createElement(Section, {
+        title: "联系",
+        padded: padded,
+        spaced: spaced
+    }, showPlaces ? /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, profile.places.map((place)=>/*#__PURE__*/ React.createElement(Text, {
+            key: place.label
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: muted
+        }, pad(place.label, 10)), /*#__PURE__*/ React.createElement(Text, {
+            color: ink
+        }, place.detail))), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, pad('电话', 10)), /*#__PURE__*/ React.createElement(Text, {
+        color: ink
+    }, profile.phone)), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, pad('邮箱', 10)), /*#__PURE__*/ React.createElement(Text, {
+        color: ink
+    }, profile.email))) : /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, placeRows(width).map((row)=>/*#__PURE__*/ React.createElement(Text, {
+            key: row,
+            color: ink
+        }, row)), /*#__PURE__*/ React.createElement(Text, {
+        color: ink
+    }, `${profile.phone}    ${profile.email}`)))), /*#__PURE__*/ React.createElement(Box, {
+        paddingX: 2,
+        backgroundColor: bar,
+        justifyContent: "space-between"
+    }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        backgroundColor: accent,
+        color: paper
+    }, ' heyq02 '), /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, `  ${profile.site.replace('https://', '')}`)), /*#__PURE__*/ React.createElement(Text, {
+        color: muted
+    }, "任意键退出")));
+}
+function Section({ title, padded, spaced, children }) {
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexShrink: 0,
+        marginTop: spaced ? 1 : 0,
+        flexDirection: "column",
+        backgroundColor: padded ? card : void 0,
+        paddingX: padded ? 2 : 0,
+        paddingY: padded ? 1 : 0
+    }, /*#__PURE__*/ React.createElement(Text, {
+        color: accent,
+        bold: true
+    }, title), children);
+}
+function sentences(text) {
+    return text.split('。').filter((part)=>part.length > 0).map((part)=>`${part}。`);
+}
+function skillRows(width) {
+    const budget = Math.max(24, width - 10);
+    const rows = [
+        []
+    ];
+    let used = 0;
+    for (const skill of profile.skills){
+        const size = displayWidth(skill.name) + (used > 0 ? 5 : 0);
+        const row = rows[rows.length - 1];
+        if (void 0 !== row) if (row.length > 0 && used + size > budget) {
+            rows.push([
+                skill.name
+            ]);
+            used = displayWidth(skill.name);
+        } else {
+            row.push(skill.name);
+            used += size;
+        }
+    }
+    return rows;
+}
+function placeRows(width) {
+    const budget = Math.max(20, width - 8);
+    const items = profile.places.map((place)=>`${place.label} ${place.detail}`);
+    const rows = [];
+    let current = '';
+    for (const item of items){
+        const next = 0 === current.length ? item : `${current}    ${item}`;
+        if (current.length > 0 && displayWidth(next) > budget) {
+            rows.push(current);
+            current = item;
+        } else current = next;
+    }
+    if (current.length > 0) rows.push(current);
+    return rows;
+}
+function pad(text, columns) {
+    const gap = columns - displayWidth(text);
+    return gap > 0 ? `${text}${' '.repeat(gap)}` : text;
+}
+function displayWidth(text) {
+    let width = 0;
+    for (const char of text)width += isWide(char.codePointAt(0) ?? 0) ? 2 : 1;
+    return width;
+}
+function isWide(code) {
+    return code >= 0x1100 && code <= 0x115f || code >= 0x2e80 && code <= 0xa4cf || code >= 0xac00 && code <= 0xd7a3 || code >= 0xf900 && code <= 0xfaff || code >= 0xfe10 && code <= 0xfe19 || code >= 0xfe30 && code <= 0xfe6f || code >= 0xff00 && code <= 0xff60 || code >= 0xffe0 && code <= 0xffe6;
+}
+const enterScreen = '\u001b[?1049h\u001b[?25l';
+const leaveScreen = '\u001b[?25h\u001b[?1049l';
+async function showIntro() {
+    if (!process.stdout.isTTY || !process.stdin.isTTY) return void process.stdout.write(`${renderPlain()}\n`);
+    process.stdout.write(enterScreen);
+    try {
+        const app = render(/*#__PURE__*/ React.createElement(IntroScreen, null), {
+            exitOnCtrlC: true
+        });
+        await app.waitUntilExit();
+    } finally{
+        process.stdout.write(leaveScreen);
+    }
+}
+const program = command(router_name('heyq02'), description('永琪（Ari），全栈研发。'), version('0.1.0'), command(router_name('intro'), description('展示介绍，任意键退出。')), command(router_name('hw'), description('打印 Hello, World!')));
+async function main(argv = process.argv.slice(2)) {
+    const result = parse(program, {
+        argv
+    });
+    if (!result.ok) {
+        process.stderr.write(`${printErrors(result)}\n`);
+        process.exitCode = 1;
+        return;
+    }
+    switch(result.method){
+        case 'help':
+            return void process.stdout.write(`${printHelp(result)}\n`);
+        case 'version':
+            return void process.stdout.write(`${printVersion(result)}\n`);
+        case 'execute':
+            switch(result.route){
+                case '/':
+                    {
+                        const help = parse(program, {
+                            argv: [
+                                '--help'
+                            ]
+                        });
+                        if (help.ok && 'help' === help.method) process.stdout.write(`${printHelp(help)}\n`);
+                        return;
+                    }
+                case '/intro':
+                    return void await showIntro();
+                case '/hw':
+                    return void process.stdout.write('Hello, World!\n');
+            }
+    }
+}
+try {
+    await main();
+} catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    process.stderr.write(`${message}\n`);
+    process.exitCode = 1;
+}

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+export declare function formatCount(count: number): string;
+
+export declare function fullName(): string;
+
+export declare const profile: {
+    name: string;
+    givenNames: readonly ["永琪", "Ari"];
+    role: string;
+    bio: string;
+    quote: string;
+    phone: string;
+    email: string;
+    site: string;
+    places: {
+        label: string;
+        href: string;
+        detail: string;
+    }[];
+    experiences: {
+        company: string;
+        href: string;
+        start: string;
+        end: string;
+        points: string[];
+    }[];
+    skills: {
+        name: string;
+        href: string;
+        summary: string;
+    }[];
+    projects: {
+        name: string;
+        href: string;
+        summary: string;
+        language: string;
+        stars: number;
+        forks: number;
+    }[];
+};
+
+export declare function renderPlain(): string;
+
+export { }

package/dist/index.js

@@ -0,0 +1 @@
+export { formatCount, fullName, profile, renderPlain } from "./b.js";

package/package.json

@@ -1,6 +1,78 @@
 {
   "name": "heyq02",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "永琪（Ari），全栈研发。终端里的个人介绍。",
+  "homepage": "https://intro.heyq02.com",
+  "bugs": {
+    "url": "https://github.com/heyq02/heyq02/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/heyq02/heyq02.git"
+  },
+  "license": "MIT",
+  "author": "永琪（Ari） <hello@heyq02.com>",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "heyq02": "./dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@bomb.sh/router": "0.8.0",
+    "ink": "^8.0.0",
+    "react": "19.3.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "20.5.3",
+    "@heyq02/rstack-config": "^0.0.6",
+    "@microsoft/api-extractor": "^7.59.4",
+    "@rsdoctor/rspack-plugin": "^1.6.5",
+    "@rslib/core": "^1.0.3",
+    "@rslint/core": "^0.9.5",
+    "@rstest/core": "^0.12.3",
+    "@rstest/coverage-v8": "^0.12.3",
+    "@types/node": "^26.1.1",
+    "@types/react": "19.3.0",
+    "bumpp": "^11.1.0",
+    "ink-testing-library": "^4.0.0",
+    "rstack": "^0.8.4",
+    "typescript": "npm:@typescript/typescript6@^6.0.0"
+  },
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "12.10.1",
+      "onFail": "download"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rs lib",
+    "build:rsdoctor": "RSDOCTOR=true rs lib",
+    "check": "rs check && pnpm run typecheck",
+    "commitlint": "commitlint",
+    "dev": "rs lib --watch",
+    "format": "rs fmt",
+    "format:check": "rs fmt --check",
+    "lint": "rs lint .",
+    "lint:fix": "rs lint --fix .",
+    "release": "bumpp",
+    "test": "rs test",
+    "test:coverage": "rs test --coverage",
+    "typecheck": "tsc6 --noEmit -p tsconfig.typecheck.json"
+  }
 }