flowbook 0.1.0 → 0.1.2

package/README.de.md

@@ -12,11 +12,8 @@ Storybook für Flussdiagramme. Erkennt automatisch Mermaid-Diagrammdateien in Ih
 ## Schnellstart
 
 ```bash
-# Installieren
-npm install -D flowbook
-
 # Initialisieren — fügt Skripte + Beispieldatei hinzu
-npx flowbook init
+npx flowbook@latest init
 
 # Entwicklungsserver starten
 npm run flowbook

package/README.es.md

@@ -12,11 +12,8 @@ Storybook para diagramas de flujo. Descubre automáticamente archivos de diagram
 ## Inicio Rápido
 
 ```bash
-# Instalar
-npm install -D flowbook
-
 # Inicializar — agrega scripts + archivo de ejemplo
-npx flowbook init
+npx flowbook@latest init
 
 # Iniciar servidor de desarrollo
 npm run flowbook

package/README.fr.md

@@ -12,11 +12,8 @@ Storybook pour les diagrammes de flux. Découvre automatiquement les fichiers de
 ## Démarrage Rapide
 
 ```bash
-# Installer
-npm install -D flowbook
-
 # Initialiser — ajoute les scripts + fichier d'exemple
-npx flowbook init
+npx flowbook@latest init
 
 # Démarrer le serveur de développement
 npm run flowbook

package/README.ja.md

@@ -12,11 +12,8 @@
 ## クイックスタート
 
 ```bash
-# インストール
-npm install -D flowbook
-
 # 初期化 — スクリプト + サンプルファイルを追加
-npx flowbook init
+npx flowbook@latest init
 
 # 開発サーバーを起動
 npm run flowbook

package/README.ko.md

@@ -12,11 +12,8 @@
 ## 빠른 시작
 
 ```bash
-# 설치
-npm install -D flowbook
-
 # 초기화 — 스크립트 + 예제 파일 추가
-npx flowbook init
+npx flowbook@latest init
 
 # 개발 서버 실행
 npm run flowbook

package/README.md

@@ -12,11 +12,8 @@ Storybook for flowcharts. Auto-discovers Mermaid diagram files from your codebas
 ## Quick Start
 
 ```bash
-# Install
-npm install -D flowbook
-
 # Initialize — adds scripts + example file
-npx flowbook init
+npx flowbook@latest init
 
 # Start dev server
 npm run flowbook

package/README.pt-BR.md

@@ -12,11 +12,8 @@ Storybook para fluxogramas. Descobre automaticamente arquivos de diagramas Merma
 ## Início Rápido
 
 ```bash
-# Instalar
-npm install -D flowbook
-
 # Inicializar — adiciona scripts + arquivo de exemplo
-npx flowbook init
+npx flowbook@latest init
 
 # Iniciar servidor de desenvolvimento
 npm run flowbook

package/README.ru.md

@@ -12,11 +12,8 @@ Storybook для блок-схем. Автоматически обнаружи
 ## Быстрый Старт
 
 ```bash
-# Установка
-npm install -D flowbook
-
 # Инициализация — добавляет скрипты + файл-пример
-npx flowbook init
+npx flowbook@latest init
 
 # Запуск сервера разработки
 npm run flowbook

package/README.zh-CN.md

@@ -12,11 +12,8 @@
 ## 快速开始
 
 ```bash
-# 安装
-npm install -D flowbook
-
 # 初始化 — 添加脚本 + 示例文件
-npx flowbook init
+npx flowbook@latest init
 
 # 启动开发服务器
 npm run flowbook

package/dist/cli.js

@@ -3,6 +3,7 @@
 // src/node/init.ts
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";
 import { resolve } from "path";
+import { execSync } from "child_process";
 var EXAMPLE_FLOW = `---
 title: Example Flow
 category: Getting Started
@@ -27,6 +28,15 @@ async function initFlowbook() {
     console.error("  No package.json found. Run 'npm init' first.");
     process.exit(1);
   }
+  const pm = detectPackageManager(cwd);
+  const installCmd = getInstallCommand(pm);
+  console.log(`  Installing flowbook via ${pm}...`);
+  try {
+    execSync(installCmd, { cwd, stdio: "ignore" });
+    console.log("  \u2713 Installed flowbook as a dev dependency");
+  } catch {
+    console.error(`  \u2717 Failed to run '${installCmd}'. Please install manually.`);
+  }
   const raw = readFileSync(pkgPath, "utf-8");
   const pkg = JSON.parse(raw);
   pkg.scripts = pkg.scripts ?? {};
@@ -54,12 +64,39 @@ async function initFlowbook() {
   } else {
     console.log("  \u2713 Example flow already exists");
   }
+  const gitignorePath = resolve(cwd, ".gitignore");
+  if (existsSync(gitignorePath)) {
+    const gitignore = readFileSync(gitignorePath, "utf-8");
+    if (!gitignore.includes("flowbook-static")) {
+      writeFileSync(gitignorePath, gitignore.trimEnd() + "\nflowbook-static\n");
+      console.log("  \u2713 Added flowbook-static to .gitignore");
+    }
+  }
+  const run = pm === "yarn" ? "yarn" : `${pm} run`;
   console.log("");
   console.log("  Next steps:");
-  console.log("    npm run flowbook       Start the dev server");
-  console.log("    npm run build-flowbook  Build static site");
+  console.log(`    ${run} flowbook       Start the dev server`);
+  console.log(`    ${run} build-flowbook  Build static site`);
   console.log("");
 }
+function detectPackageManager(cwd) {
+  if (existsSync(resolve(cwd, "bun.lockb")) || existsSync(resolve(cwd, "bun.lock"))) return "bun";
+  if (existsSync(resolve(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(resolve(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+function getInstallCommand(pm) {
+  switch (pm) {
+    case "bun":
+      return "bun add -D flowbook";
+    case "pnpm":
+      return "pnpm add -D flowbook";
+    case "yarn":
+      return "yarn add -D flowbook";
+    default:
+      return "npm install -D flowbook";
+  }
+}
 
 // src/node/server.ts
 import { createServer, build } from "vite";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbook",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "bin": {
     "flowbook": "./dist/cli.js"

package/src/node/init.ts

@@ -1,5 +1,6 @@
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "node:fs";
 import { resolve } from "node:path";
+import { execSync } from "node:child_process";
 
 const EXAMPLE_FLOW = `---
 title: Example Flow
@@ -28,7 +29,18 @@ export async function initFlowbook() {
     process.exit(1);
   }
 
-  // 1. Add scripts to package.json
+  // 1. Install flowbook as devDependency
+  const pm = detectPackageManager(cwd);
+  const installCmd = getInstallCommand(pm);
+  console.log(`  Installing flowbook via ${pm}...`);
+  try {
+    execSync(installCmd, { cwd, stdio: "ignore" });
+    console.log("  ✓ Installed flowbook as a dev dependency");
+  } catch {
+    console.error(`  ✗ Failed to run '${installCmd}'. Please install manually.`);
+  }
+
+  // 2. Add scripts to package.json
   const raw = readFileSync(pkgPath, "utf-8");
   const pkg = JSON.parse(raw);
   pkg.scripts = pkg.scripts ?? {};
@@ -51,7 +63,7 @@ export async function initFlowbook() {
     console.log("  ✓ Scripts already exist in package.json");
   }
 
-  // 2. Create example flow file
+  // 3. Create example flow file
   const flowsDir = resolve(cwd, "flows");
   const examplePath = resolve(flowsDir, "example.flow.md");
 
@@ -63,9 +75,36 @@ export async function initFlowbook() {
     console.log("  ✓ Example flow already exists");
   }
 
+  // 4. Add flowbook-static to .gitignore
+  const gitignorePath = resolve(cwd, ".gitignore");
+  if (existsSync(gitignorePath)) {
+    const gitignore = readFileSync(gitignorePath, "utf-8");
+    if (!gitignore.includes("flowbook-static")) {
+      writeFileSync(gitignorePath, gitignore.trimEnd() + "\nflowbook-static\n");
+      console.log("  ✓ Added flowbook-static to .gitignore");
+    }
+  }
+
+  const run = pm === "yarn" ? "yarn" : `${pm} run`;
   console.log("");
   console.log("  Next steps:");
-  console.log("    npm run flowbook       Start the dev server");
-  console.log("    npm run build-flowbook  Build static site");
+  console.log(`    ${run} flowbook       Start the dev server`);
+  console.log(`    ${run} build-flowbook  Build static site`);
   console.log("");
 }
+
+function detectPackageManager(cwd: string): "npm" | "yarn" | "pnpm" | "bun" {
+  if (existsSync(resolve(cwd, "bun.lockb")) || existsSync(resolve(cwd, "bun.lock"))) return "bun";
+  if (existsSync(resolve(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(resolve(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+
+function getInstallCommand(pm: string): string {
+  switch (pm) {
+    case "bun": return "bun add -D flowbook";
+    case "pnpm": return "pnpm add -D flowbook";
+    case "yarn": return "yarn add -D flowbook";
+    default: return "npm install -D flowbook";
+  }
+}