ubugeeei 1.0.0

package/README.md

@@ -0,0 +1,20 @@
+<h2>ubugeeei</h2>
+<p>🇯🇵🗼 software engineer / 🦀彡..｡o うに，禅/サムライ 🥷</p>
+
+member of <a href="https://github.com/vuejs">@vuejs</a> (Official), <a href="https://github.com/vuejs-jp">@vuejs-jp</a> (Vue Fes Japan)<br>
+  
+king of <a href="https://github.com/chibivue-land">@chibivue-land</a><br>
+
+working at <a href="https://github.com/mates-system" target="_blank">@mates-system</a><br>
+
+creator of <a href="https://github.com/chibivue-land/chibivue" target="_blank">chibivue</a>, <a href="https://github.com/ubugeeei/vize" target="_blank">vize</a>, <a href="https://github.com/ubugeeei/ox-content" target="_blank">ox-content</a>, <a href="https://github.com/ubugeeei/relanote" target="_blank">relanote</a><br>
+  
+writing:  <a href="https://wtrclred.io" target="_blank">wtrclred.io</a> (blog), <a href="https://github.com/ubugeei/reading-vuejs-core-vapor" target="_blank">reading-vuejs-core-vapor</a>,
+
+---
+
+My Sponsors 💚\
+<img src="https://raw.githubusercontent.com/ubugeeei/sponsors/main/sponsors.png" width="320">
+
+please sponsoring me!
+

package/dist/cli.js

@@ -0,0 +1,203 @@
+#!/usr/bin/env node
+import { existsSync, readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+//#region bin/cli.ts
+const ESC = "\x1B";
+const OSC = "\x1B]";
+const BEL = "\x07";
+const RESET = `${ESC}[0m`;
+const BOLD = `${ESC}[1m`;
+const rgb = (r, g, b) => `${ESC}[38;2;${r};${g};${b}m`;
+const COLORS = {
+	black: rgb(0, 0, 0),
+	dark: rgb(40, 40, 40),
+	gray: rgb(100, 100, 100),
+	light: rgb(160, 160, 160),
+	border: rgb(80, 80, 80)
+};
+const link = (url, text) => `${OSC}8;;${url}${BEL}${text}${OSC}8;;${BEL}`;
+const messages = {
+	en: {
+		greeting: "Hi there!",
+		name: "ubugeeei",
+		nickname: "もののけ王",
+		tagline: "うにをくらえ 🦀彡..｡o",
+		roles: [
+			{
+				text: "Vue.js Team Member",
+				url: null
+			},
+			{
+				text: "Vue.js JP Staff",
+				url: null
+			},
+			{
+				text: "chibivue-land King",
+				url: "https://chibivue.land"
+			}
+		],
+		author: "Author of",
+		writing: "Writing",
+		github: "GitHub",
+		twitter: "Twitter",
+		discord: "Discord"
+	},
+	ja: {
+		greeting: "ごきげんよう!",
+		name: "ubugeeei",
+		nickname: "もののけ王",
+		tagline: "うにをくらえ 🦀彡..｡o",
+		roles: [
+			{
+				text: "Vue.js メンバー",
+				url: null
+			},
+			{
+				text: "Vue.js JP スタッフ",
+				url: null
+			},
+			{
+				text: "chibivue-land 王",
+				url: "https://chibivue.land"
+			}
+		],
+		author: "作者",
+		writing: "執筆",
+		github: "GitHub",
+		twitter: "Twitter",
+		discord: "Discord"
+	}
+};
+function detectLocale() {
+	const args = process.argv.slice(2);
+	if (args.includes("--ja") || args.includes("-j") || args.includes("--japanese")) return "ja";
+	if (args.includes("--en") || args.includes("-e") || args.includes("--english")) return "en";
+	if ((process.env.LANG || process.env.LANGUAGE || process.env.LC_ALL || "").toLowerCase().startsWith("ja")) return "ja";
+	return "en";
+}
+function supportsKittyProtocol() {
+	return process.env.TERM === "xterm-kitty" || process.env.TERM_PROGRAM === "WezTerm" || !!process.env.KITTY_WINDOW_ID;
+}
+function supportsItermProtocol() {
+	return process.env.TERM_PROGRAM === "iTerm.app" || process.env.LC_TERMINAL === "iTerm2";
+}
+function renderKittyImage(base64Data, width) {
+	const chunks = [];
+	const chunkSize = 4096;
+	for (let i = 0; i < base64Data.length; i += chunkSize) {
+		const chunk = base64Data.slice(i, i + chunkSize);
+		const isLast = i + chunkSize >= base64Data.length;
+		chunks.push(`${ESC}_Ga=T,f=100,c=${width},m=${isLast ? 0 : 1};${chunk}${ESC}\\`);
+	}
+	return chunks.join("");
+}
+function renderItermImage(base64Data, width) {
+	return `${OSC}1337;File=inline=1;width=${width}:${base64Data}${BEL}`;
+}
+function loadAvatar() {
+	const avatarPath = join(dirname(fileURLToPath(import.meta.url)), "..", "assets", "avatar.png");
+	if (existsSync(avatarPath)) return readFileSync(avatarPath).toString("base64");
+	return null;
+}
+function renderAvatar() {
+	const avatarBase64 = loadAvatar();
+	if (!avatarBase64) return "";
+	if (supportsKittyProtocol()) return renderKittyImage(avatarBase64, 6);
+	else if (supportsItermProtocol()) return renderItermImage(avatarBase64, 6);
+	return "";
+}
+const projects = [
+	{
+		name: "chibivue",
+		url: "https://github.com/chibivue-land/chibivue"
+	},
+	{
+		name: "vize",
+		url: "https://github.com/ubugeeei/vize"
+	},
+	{
+		name: "ox-content",
+		url: "https://github.com/ubugeeei/ox-content"
+	},
+	{
+		name: "relanote",
+		url: "https://github.com/ubugeeei/relanote"
+	},
+	{
+		name: "vuefes-website",
+		url: "https://github.com/vuejs-jp/vuefes-2025-website"
+	},
+	{
+		name: "learn.nuxt.com",
+		url: "https://github.com/vuejs-jp/learn.nuxt.com"
+	},
+	{
+		name: "jp-vue-companies",
+		url: "https://github.com/chibivue-land/japanese-companies-using-vuejs"
+	}
+];
+function getDisplayWidth(str) {
+	const clean = str.replace(/\x1b\[[0-9;]*m|\x1b\]8;;[^\x07]*\x07/g, "");
+	let width = 0;
+	for (const char of clean) {
+		const code = char.codePointAt(0) || 0;
+		if (code >= 4352 && code <= 4447 || code >= 11904 && code <= 40959 || code >= 44032 && code <= 55203 || code >= 63744 && code <= 64255 || code >= 65040 && code <= 65055 || code >= 65072 && code <= 65135 || code >= 65280 && code <= 65376 || code >= 65504 && code <= 65510 || code >= 127744 && code <= 129535 || code >= 131072 && code <= 196607) width += 2;
+		else width += 1;
+	}
+	return width;
+}
+function padRight(str, targetWidth) {
+	const padding = targetWidth - getDisplayWidth(str);
+	return str + " ".repeat(Math.max(0, padding));
+}
+const WIDTH = 62;
+const INNER_WIDTH = WIDTH - 4;
+function createLine(content) {
+	const border = COLORS.border;
+	return `${border}│${RESET} ${padRight(content, INNER_WIDTH)} ${border}│${RESET}`;
+}
+function main() {
+	const t = messages[detectLocale()];
+	const border = COLORS.border;
+	const topBorder = `${border}┌${"─".repeat(WIDTH - 2)}┐${RESET}`;
+	const bottomBorder = `${border}└${"─".repeat(WIDTH - 2)}┘${RESET}`;
+	const projectLinks = projects.map((p) => link(p.url, COLORS.dark + p.name + RESET));
+	const lines = [
+		"",
+		topBorder,
+		createLine(""),
+		createLine(`${BOLD}${COLORS.black}${t.name}${RESET} ${COLORS.gray}(${t.nickname})${RESET}`),
+		createLine(`${COLORS.light}${t.tagline}${RESET}`),
+		createLine(""),
+		createLine(`${COLORS.dark}${t.roles[0].text}${RESET}`),
+		createLine(`${COLORS.dark}${t.roles[1].text}${RESET}`),
+		createLine(t.roles[2].url ? `${link(t.roles[2].url, COLORS.dark + t.roles[2].text + RESET)}` : `${COLORS.dark}${t.roles[2].text}${RESET}`),
+		createLine(""),
+		createLine(`${COLORS.gray}${t.author}:${RESET} ${projectLinks.slice(0, 2).join(", ")}`),
+		createLine(`        ${projectLinks.slice(2, 4).join(", ")}`),
+		createLine(`        ${projectLinks.slice(4, 6).join(", ")}`),
+		createLine(`        ${projectLinks.slice(6).join(", ")}`),
+		createLine(`${COLORS.gray}${t.writing}:${RESET} ${link("https://wtrclred.io", COLORS.dark + "wtrclred.io" + RESET)}`),
+		createLine(""),
+		createLine(`${COLORS.gray}${t.github}${RESET}   ${link("https://github.com/ubugeeei", COLORS.dark + "github.com/ubugeeei" + RESET)}`),
+		createLine(`${COLORS.gray}${t.twitter}${RESET}  ${link("https://x.com/ubugeeei", COLORS.dark + "@ubugeeei" + RESET)}`),
+		createLine(`${COLORS.gray}${t.discord}${RESET}  ${link("https://discord.com/users/ubugeeei", COLORS.dark + "ubugeeei" + RESET)}`),
+		createLine(""),
+		bottomBorder,
+		""
+	];
+	console.log(lines.join("\n"));
+	const avatar = renderAvatar();
+	if (avatar && (supportsKittyProtocol() || supportsItermProtocol())) {
+		const lineCount = lines.length;
+		const moveUp = `${ESC}[${lineCount - 3}A`;
+		const moveRight = `${ESC}[46C`;
+		process.stdout.write(moveUp + moveRight + avatar + `${ESC}[${lineCount - 5}B\n`);
+	}
+}
+main();
+
+//#endregion
+export {  };

package/index.js

@@ -0,0 +1,2 @@
+// This package is a CLI tool. Run with: npx ubugeeei
+export default {};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "ubugeeei",
+  "version": "1.0.0",
+  "description": "Hi! I'm ubugeeei, Vue.js team member, author of chibivue and vize",
+  "type": "module",
+  "main": "index.js",
+  "bin": {
+    "ubugeeei": "dist/cli.js"
+  },
+  "exports": {
+    ".": "./index.js"
+  },
+  "keywords": [
+    "cli",
+    "card",
+    "npx",
+    "vue",
+    "chibivue"
+  ],
+  "author": "ubugeeei",
+  "license": "MIT",
+  "homepage": "https://wtrclred.io",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ubugeeei/ubugeeei.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ubugeeei/ubugeeei/issues"
+  },
+  "funding": "https://github.com/sponsors/ubugeeei",
+  "engines": {
+    "node": ">=22.6.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "rolldown": "^1.0.0-beta.60",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "scripts": {
+    "build": "rolldown bin/cli.ts -d dist --platform node",
+    "dev": "node --experimental-strip-types --no-warnings bin/cli.ts"
+  }
+}