@shirokuma-library/shirokuma-docs 0.1.0-alpha.5

package/dist/utils/html.d.ts

@@ -0,0 +1,107 @@
+/**
+ * HTML 生成ユーティリティ
+ */
+import Handlebars from "handlebars";
+/**
+ * ダークテーマ CSS 変数
+ */
+export declare const darkThemeCssVars = "\n:root {\n  --bg-color: #0a0a0a;\n  --card-bg: #141414;\n  --border-color: #262626;\n  --text-primary: #fafafa;\n  --text-secondary: #a1a1aa;\n  --accent-blue: #3b82f6;\n  --accent-green: #22c55e;\n  --accent-purple: #a855f7;\n  --accent-orange: #f97316;\n  --accent-pink: #ec4899;\n  --code-bg: #1e1e1e;\n  --sidebar-width: 280px;\n}\n";
+/**
+ * 基本リセット CSS
+ */
+export declare const resetCss = "\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  background: var(--bg-color);\n  color: var(--text-primary);\n  min-height: 100vh;\n  line-height: 1.6;\n}\n\na {\n  color: var(--accent-blue);\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n";
+/**
+ * カードコンポーネント CSS
+ */
+export declare const cardCss = "\n.card {\n  background: var(--card-bg);\n  border: 1px solid var(--border-color);\n  border-radius: 12px;\n  padding: 1.5rem;\n  transition: border-color 0.2s, transform 0.2s;\n}\n\n.card:hover {\n  border-color: var(--text-secondary);\n  transform: translateY(-2px);\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-bottom: 1rem;\n}\n\n.card-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.25rem;\n}\n\n.icon-blue { background: rgba(59, 130, 246, 0.2); color: var(--accent-blue); }\n.icon-green { background: rgba(34, 197, 94, 0.2); color: var(--accent-green); }\n.icon-purple { background: rgba(168, 85, 247, 0.2); color: var(--accent-purple); }\n.icon-orange { background: rgba(249, 115, 22, 0.2); color: var(--accent-orange); }\n.icon-pink { background: rgba(236, 72, 153, 0.2); color: var(--accent-pink); }\n\n.card h2 {\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n.card p {\n  color: var(--text-secondary);\n  font-size: 0.9rem;\n  line-height: 1.6;\n  margin-bottom: 1rem;\n}\n";
+/**
+ * グリッドレイアウト CSS
+ */
+export declare const gridCss = "\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 2rem;\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 3rem;\n}\n";
+/**
+ * リンクボタン CSS
+ */
+export declare const linkCss = "\n.links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  padding: 0.5rem 0.75rem;\n  background: var(--bg-color);\n  border: 1px solid var(--border-color);\n  border-radius: 6px;\n  color: var(--text-primary);\n  text-decoration: none;\n  font-size: 0.85rem;\n  transition: background 0.2s, border-color 0.2s;\n}\n\n.link:hover {\n  background: var(--border-color);\n  border-color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.link svg {\n  width: 14px;\n  height: 14px;\n}\n";
+/**
+ * ヘッダー CSS（global-header, hero は除外）
+ */
+export declare const headerCss = "\nheader:not(.global-header):not(.hero) {\n  text-align: center;\n  margin-bottom: 3rem;\n  padding-bottom: 2rem;\n  border-bottom: 1px solid var(--border-color);\n}\n\nheader:not(.global-header):not(.hero) h1 {\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n\nheader:not(.global-header):not(.hero) .subtitle {\n  color: var(--text-secondary);\n  font-size: 1.1rem;\n}\n";
+/**
+ * フッター CSS
+ */
+export declare const footerCss = "\nfooter {\n  text-align: center;\n  margin-top: 3rem;\n  padding-top: 2rem;\n  border-top: 1px solid var(--border-color);\n  color: var(--text-secondary);\n  font-size: 0.9rem;\n}\n";
+/**
+ * セクションタイトル CSS
+ */
+export declare const sectionCss = "\n.section-title {\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  color: var(--text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n";
+/**
+ * ページヘッダー CSS (db-schema パターン)
+ */
+export declare const pageHeaderCss = "\n.page-header {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n\n.page-title {\n  font-size: 2rem;\n  font-weight: 800;\n  margin-bottom: 0.5rem;\n}\n\n.page-description {\n  font-size: 1rem;\n  color: var(--text-secondary);\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.page-meta {\n  font-size: 0.875rem;\n  color: var(--text-secondary);\n  margin-top: 0.5rem;\n}\n\n.page-badge {\n  display: inline-block;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin-left: 0.5rem;\n  vertical-align: middle;\n}\n\n.page-badge.badge-action { background: rgba(59, 130, 246, 0.2); color: var(--accent-blue); }\n.page-badge.badge-screen { background: rgba(34, 197, 94, 0.2); color: var(--accent-green); }\n.page-badge.badge-component { background: rgba(168, 85, 247, 0.2); color: var(--accent-purple); }\n.page-badge.badge-table { background: rgba(249, 115, 22, 0.2); color: var(--accent-orange); }\n\n.page-module-prefix {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n";
+/**
+ * 全てのスタイルを結合
+ */
+export declare function getAllStyles(): string;
+/**
+ * HTML ドキュメントをラップ
+ */
+export declare function wrapHtmlDocument(options: {
+    title: string;
+    content: string;
+    styles?: string;
+    scripts?: string;
+    lang?: string;
+    /** head内に追加する外部リソース（link, script タグ） */
+    headElements?: string;
+    /** body末尾に追加するスクリプト（script タグ） */
+    bodyEndScripts?: string;
+}): string;
+/**
+ * HTML エスケープ
+ */
+export declare function escapeHtml(text: string): string;
+/**
+ * 説明文をHTMLフォーマット
+ * - HTMLエスケープ
+ * - 改行を <br> に変換
+ * - 先頭インデントを保持（&nbsp;）
+ */
+export declare function formatDescription(text: string): string;
+/**
+ * SVG アイコン
+ */
+export declare const icons: {
+    database: string;
+    check: string;
+    book: string;
+    code: string;
+    grid: string;
+    file: string;
+    external: string;
+    image: string;
+    settings: string;
+    back: string;
+    menu: string;
+    tree: string;
+    graph: string;
+    expandAll: string;
+    collapseAll: string;
+    download: string;
+    screen: string;
+    component: string;
+    action: string;
+    table: string;
+    feature: string;
+    chevronRight: string;
+    chevronDown: string;
+    layers: string;
+};
+/**
+ * Handlebars テンプレートをコンパイル
+ */
+export declare function compileTemplate(template: string): Handlebars.TemplateDelegate;
+/**
+ * テンプレートファイルを読み込んでコンパイル
+ */
+export declare function loadTemplate(templatePath: string): Handlebars.TemplateDelegate;
+//# sourceMappingURL=html.d.ts.map

package/dist/utils/html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/utils/html.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC;;GAEG;AACH,eAAO,MAAM,gBAAgB,sVAe5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,2ZAuBpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,knCAgDnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,2NAanB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,ukBA+BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,iZAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,2LASrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,yLAStB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,ghCA4CzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAYrC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,MAAM,CA6BT;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAS/C;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAatD;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAE7E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAS9E"}

package/dist/utils/html.js

@@ -0,0 +1,376 @@
+/**
+ * HTML 生成ユーティリティ
+ */
+import Handlebars from "handlebars";
+import { readFileSync, existsSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+/**
+ * ダークテーマ CSS 変数
+ */
+export const darkThemeCssVars = `
+:root {
+  --bg-color: #0a0a0a;
+  --card-bg: #141414;
+  --border-color: #262626;
+  --text-primary: #fafafa;
+  --text-secondary: #a1a1aa;
+  --accent-blue: #3b82f6;
+  --accent-green: #22c55e;
+  --accent-purple: #a855f7;
+  --accent-orange: #f97316;
+  --accent-pink: #ec4899;
+  --code-bg: #1e1e1e;
+  --sidebar-width: 280px;
+}
+`;
+/**
+ * 基本リセット CSS
+ */
+export const resetCss = `
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  background: var(--bg-color);
+  color: var(--text-primary);
+  min-height: 100vh;
+  line-height: 1.6;
+}
+
+a {
+  color: var(--accent-blue);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+`;
+/**
+ * カードコンポーネント CSS
+ */
+export const cardCss = `
+.card {
+  background: var(--card-bg);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 1.5rem;
+  transition: border-color 0.2s, transform 0.2s;
+}
+
+.card:hover {
+  border-color: var(--text-secondary);
+  transform: translateY(-2px);
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.card-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.25rem;
+}
+
+.icon-blue { background: rgba(59, 130, 246, 0.2); color: var(--accent-blue); }
+.icon-green { background: rgba(34, 197, 94, 0.2); color: var(--accent-green); }
+.icon-purple { background: rgba(168, 85, 247, 0.2); color: var(--accent-purple); }
+.icon-orange { background: rgba(249, 115, 22, 0.2); color: var(--accent-orange); }
+.icon-pink { background: rgba(236, 72, 153, 0.2); color: var(--accent-pink); }
+
+.card h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+.card p {
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  line-height: 1.6;
+  margin-bottom: 1rem;
+}
+`;
+/**
+ * グリッドレイアウト CSS
+ */
+export const gridCss = `
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+  gap: 1.5rem;
+  margin-bottom: 3rem;
+}
+`;
+/**
+ * リンクボタン CSS
+ */
+export const linkCss = `
+.links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.5rem 0.75rem;
+  background: var(--bg-color);
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  color: var(--text-primary);
+  text-decoration: none;
+  font-size: 0.85rem;
+  transition: background 0.2s, border-color 0.2s;
+}
+
+.link:hover {
+  background: var(--border-color);
+  border-color: var(--text-secondary);
+  text-decoration: none;
+}
+
+.link svg {
+  width: 14px;
+  height: 14px;
+}
+`;
+/**
+ * ヘッダー CSS（global-header, hero は除外）
+ */
+export const headerCss = `
+header:not(.global-header):not(.hero) {
+  text-align: center;
+  margin-bottom: 3rem;
+  padding-bottom: 2rem;
+  border-bottom: 1px solid var(--border-color);
+}
+
+header:not(.global-header):not(.hero) h1 {
+  font-size: 2.5rem;
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+}
+
+header:not(.global-header):not(.hero) .subtitle {
+  color: var(--text-secondary);
+  font-size: 1.1rem;
+}
+`;
+/**
+ * フッター CSS
+ */
+export const footerCss = `
+footer {
+  text-align: center;
+  margin-top: 3rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+}
+`;
+/**
+ * セクションタイトル CSS
+ */
+export const sectionCss = `
+.section-title {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin-bottom: 1rem;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+`;
+/**
+ * ページヘッダー CSS (db-schema パターン)
+ */
+export const pageHeaderCss = `
+.page-header {
+  margin-bottom: 2rem;
+  text-align: center;
+}
+
+.page-title {
+  font-size: 2rem;
+  font-weight: 800;
+  margin-bottom: 0.5rem;
+}
+
+.page-description {
+  font-size: 1rem;
+  color: var(--text-secondary);
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.page-meta {
+  font-size: 0.875rem;
+  color: var(--text-secondary);
+  margin-top: 0.5rem;
+}
+
+.page-badge {
+  display: inline-block;
+  padding: 0.25rem 0.75rem;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  margin-left: 0.5rem;
+  vertical-align: middle;
+}
+
+.page-badge.badge-action { background: rgba(59, 130, 246, 0.2); color: var(--accent-blue); }
+.page-badge.badge-screen { background: rgba(34, 197, 94, 0.2); color: var(--accent-green); }
+.page-badge.badge-component { background: rgba(168, 85, 247, 0.2); color: var(--accent-purple); }
+.page-badge.badge-table { background: rgba(249, 115, 22, 0.2); color: var(--accent-orange); }
+
+.page-module-prefix {
+  color: var(--text-secondary);
+  font-weight: 400;
+}
+`;
+/**
+ * 全てのスタイルを結合
+ */
+export function getAllStyles() {
+    return [
+        darkThemeCssVars,
+        resetCss,
+        gridCss,
+        cardCss,
+        linkCss,
+        headerCss,
+        footerCss,
+        sectionCss,
+        pageHeaderCss,
+    ].join("\n");
+}
+/**
+ * HTML ドキュメントをラップ
+ */
+export function wrapHtmlDocument(options) {
+    const { title, content, styles = "", scripts = "", lang = "ja", headElements = "", bodyEndScripts = "", } = options;
+    return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+${getAllStyles()}
+${styles}
+  </style>
+${headElements}
+</head>
+<body>
+${content}
+${scripts ? `<script>${scripts}</script>` : ""}
+${bodyEndScripts}
+</body>
+</html>`;
+}
+/**
+ * HTML エスケープ
+ */
+export function escapeHtml(text) {
+    const map = {
+        "&": "&amp;",
+        "<": "&lt;",
+        ">": "&gt;",
+        '"': "&quot;",
+        "'": "&#039;",
+    };
+    return text.replace(/[&<>"']/g, (m) => map[m] || m);
+}
+/**
+ * 説明文をHTMLフォーマット
+ * - HTMLエスケープ
+ * - 改行を <br> に変換
+ * - 先頭インデントを保持（&nbsp;）
+ */
+export function formatDescription(text) {
+    return escapeHtml(text)
+        .split("\n")
+        .map((line) => {
+        // 先頭の空白をnbspに変換して保持
+        const match = line.match(/^(\s+)/);
+        if (match) {
+            const spaces = match[1].replace(/ /g, "&nbsp;");
+            return spaces + line.trimStart();
+        }
+        return line;
+    })
+        .join("<br>");
+}
+/**
+ * SVG アイコン
+ */
+export const icons = {
+    database: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/></svg>`,
+    check: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>`,
+    book: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/></svg>`,
+    code: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,
+    grid: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>`,
+    file: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg>`,
+    external: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>`,
+    image: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>`,
+    settings: `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>`,
+    back: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>`,
+    menu: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18"/></svg>`,
+    // Feature map specific icons
+    tree: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 12h4v5H7z"/><path d="M15 8h4v9h-4z"/></svg>`,
+    graph: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="6" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="18" r="3"/><path d="M6 9v6"/><path d="M9 18h6"/><path d="M18 15V9a3 3 0 0 0-3-3H9"/></svg>`,
+    expandAll: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m7 20 5-5 5 5"/><path d="m7 4 5 5 5-5"/></svg>`,
+    collapseAll: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m7 8 5 5 5-5"/><path d="m7 16 5-5 5 5"/></svg>`,
+    download: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>`,
+    screen: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>`,
+    component: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704l1.611-1.611c.276-.276.649-.366.837-.276.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z"/></svg>`,
+    action: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>`,
+    table: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>`,
+    feature: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>`,
+    chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>`,
+    chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`,
+    // Overview specific icons
+    layers: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>`,
+};
+/**
+ * Handlebars テンプレートをコンパイル
+ */
+export function compileTemplate(template) {
+    return Handlebars.compile(template);
+}
+/**
+ * テンプレートファイルを読み込んでコンパイル
+ */
+export function loadTemplate(templatePath) {
+    const fullPath = resolve(__dirname, "../../templates", templatePath);
+    if (!existsSync(fullPath)) {
+        throw new Error(`テンプレートが見つかりません: ${fullPath}`);
+    }
+    const content = readFileSync(fullPath, "utf-8");
+    return compileTemplate(content);
+}
+//# sourceMappingURL=html.js.map

package/dist/utils/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../src/utils/html.ts"],"names":[],"mappings":"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"}

package/dist/utils/i18n.d.ts

@@ -0,0 +1,40 @@
+/**
+ * CLI i18n utility - Load messages from dictionary files
+ *
+ * Locale resolution order:
+ * 1. Explicit locale (from --locale flag)
+ * 2. Config file (shirokuma-docs.config.yaml locale field)
+ * 3. Environment variable (SHIROKUMA_LOCALE or LANG)
+ * 4. Default: "ja"
+ */
+export type Locale = "en" | "ja";
+export type MessageParams = Record<string, string | number>;
+/**
+ * Initialize i18n with a specific locale.
+ * Call once at CLI startup.
+ */
+export declare function initI18n(locale?: string): void;
+/**
+ * Set locale from config (called after config is loaded).
+ * Only applies if no explicit locale was set via CLI flag or env variable.
+ */
+export declare function setLocaleFromConfig(configLocale?: string): void;
+/**
+ * Get the current locale
+ */
+export declare function getLocale(): Locale;
+/**
+ * Translate a message key.
+ *
+ * @param key - Dot-notated key (e.g., "commands.init.success")
+ * @param params - Optional interpolation parameters
+ * @returns Translated string, or the key itself if not found
+ *
+ * @example
+ * ```ts
+ * t("commands.init.success", { path: "/path/to/config" })
+ * // => "Configuration file created: /path/to/config"
+ * ```
+ */
+export declare function t(key: string, params?: MessageParams): string;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AACjC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAkC5D;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAQ9C;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAK/D;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAoDD;;;;;;;;;;;;GAYG;AACH,wBAAgB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,GAAG,MAAM,CAmB7D"}