@skspwork/config-doc 0.4.6 → 2.0.0

package/packages/web/.next/standalone/app/api/config/save/route.ts

@@ -0,0 +1,73 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { FileSystemService } from '@/lib/fileSystem';
+import { StorageService } from '@/lib/storage';
+import { getRootPath } from '@/lib/getRootPath';
+
+export async function POST(request: NextRequest) {
+  try {
+    let body;
+    try {
+      body = await request.json();
+    } catch {
+      return NextResponse.json(
+        { success: false, error: 'Invalid JSON body' },
+        { status: 400 }
+      );
+    }
+    const { configFilePath, propertyPath, propertyDoc, properties } = body;
+
+    // configFilePathは必須
+    if (!configFilePath) {
+      return NextResponse.json(
+        { success: false, error: 'Missing configFilePath' },
+        { status: 400 }
+      );
+    }
+
+    // プロジェクトのルートパス（ユーザーの作業ディレクトリ）
+    const rootPath = getRootPath();
+    const fsService = new FileSystemService(rootPath);
+    const storageService = new StorageService(fsService);
+
+    // .config_docディレクトリを確保
+    await fsService.ensureConfigDocDir();
+
+    // 一括更新モード（propertiesが指定されている場合）
+    if (properties) {
+      await storageService.updateAllProperties(configFilePath, properties);
+    } else if (propertyPath && propertyDoc) {
+      // 単一プロパティ更新モード
+      await storageService.savePropertyDoc(
+        configFilePath,
+        propertyPath,
+        propertyDoc
+      );
+    } else {
+      return NextResponse.json(
+        { success: false, error: 'Missing required fields: either (propertyPath, propertyDoc) or properties required' },
+        { status: 400 }
+      );
+    }
+
+    // メタデータの最終更新時刻を更新
+    const metadata = await fsService.loadConfigFiles();
+    if (metadata) {
+      metadata.lastModified = new Date().toISOString();
+      await fsService.saveConfigFiles(metadata);
+    }
+
+    return NextResponse.json({
+      success: true,
+      message: 'ドキュメントを保存しました'
+    });
+  } catch (error) {
+    console.error('API Error:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}

package/packages/web/.next/standalone/app/api/export/route.ts

@@ -0,0 +1,75 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { HtmlGenerator } from '@/lib/htmlGenerator';
+import { MarkdownGenerator } from '@/lib/markdownGenerator';
+import { MarkdownTableGenerator } from '@/lib/markdownTableGenerator';
+import { FileSystemService } from '@/lib/fileSystem';
+import { getRootPath } from '@/lib/getRootPath';
+import path from 'path';
+import fs from 'fs/promises';
+
+export async function POST(request: NextRequest) {
+  try {
+    const rootPath = getRootPath();
+
+    // リクエストボディからフォーマット、ファイル名、出力先フォルダを取得
+    let body;
+    try {
+      body = await request.json();
+    } catch {
+      body = {};
+    }
+    const { format = 'html' } = body;
+    // fileNameが空文字列の場合はデフォルト値を使用
+    const fileName = body.fileName?.trim() || 'config-doc';
+    // outputDirが空文字列の場合はプロジェクトルートに出力
+    const outputDir = body.outputDir?.trim() || '';
+
+    // フォーマットに応じてジェネレーターを選択
+    let content: string;
+
+    if (format === 'markdown') {
+      const generator = new MarkdownGenerator(rootPath);
+      content = await generator.generateMarkdown();
+    } else if (format === 'markdown-table') {
+      const generator = new MarkdownTableGenerator(rootPath);
+      content = await generator.generateMarkdownTable();
+    } else {
+      // デフォルトはHTML
+      const generator = new HtmlGenerator(rootPath);
+      content = await generator.generateHtml();
+    }
+
+    // 出力ファイル名を決定（拡張子付き）
+    const extension = (format === 'markdown' || format === 'markdown-table') ? 'md' : 'html';
+    const outputFileName = `${fileName}.${extension}`;
+
+    // 出力パス: {outputDir}/{fileName}.{extension}（outputDirが空ならルート直下）
+    const fsService = new FileSystemService(rootPath);
+    await fsService.ensureConfigDocDir();
+    const outputPath = outputDir
+      ? path.join(rootPath, outputDir, outputFileName)
+      : path.join(rootPath, outputFileName);
+
+    // ディレクトリを確保
+    const outputDirPath = path.dirname(outputPath);
+    await fs.mkdir(outputDirPath, { recursive: true });
+
+    // ファイルを保存
+    await fs.writeFile(outputPath, content, 'utf-8');
+
+    return NextResponse.json({
+      success: true,
+      message: `${format === 'markdown' ? 'Markdown' : 'HTML'}ファイルを生成しました`,
+      outputPath
+    });
+  } catch (error) {
+    console.error('API Error:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}

package/packages/web/.next/standalone/app/api/export/settings/route.ts

@@ -0,0 +1,144 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getRootPath } from '@/lib/getRootPath';
+import path from 'path';
+import fs from 'fs/promises';
+import { ExportSettings, UserSettings, ProjectSettings } from '@/types';
+import { FileSystemService } from '@/lib/fileSystem';
+import { parseJSON } from '@/lib/jsonUtils';
+
+const USER_SETTINGS_FILE = '.user_settings.json';
+const CONFIG_DOC_DIR = '.config_doc';
+
+// GET: エクスポート設定を読み込み
+export async function GET() {
+  try {
+    const rootPath = getRootPath();
+    const fsService = new FileSystemService(rootPath);
+    const userSettingsPath = path.join(rootPath, CONFIG_DOC_DIR, USER_SETTINGS_FILE);
+
+    // ユーザ設定を読み込み
+    let userSettings: UserSettings;
+    try {
+      const content = await fs.readFile(userSettingsPath, 'utf-8');
+      userSettings = parseJSON<UserSettings>(content);
+    } catch {
+      // デフォルトのユーザ設定
+      userSettings = {
+        format: 'html',
+        autoExport: true
+      };
+    }
+
+    // プロジェクト設定から export.fileName と outputDir を取得
+    // outputDirは空文字も有効な値（プロジェクトルートを意味する）なので、undefinedのみデフォルト値を使用
+    const projectSettings = await fsService.loadProjectSettings();
+    const fileName = projectSettings?.export?.fileName || 'config-doc';
+    const outputDir = projectSettings?.export?.outputDir !== undefined
+      ? projectSettings.export.outputDir
+      : '.config_doc/output';
+
+    // 統合された設定を返す
+    const settings: ExportSettings = {
+      ...userSettings,
+      fileName,
+      outputDir
+    };
+
+    return NextResponse.json({
+      success: true,
+      data: settings
+    });
+  } catch (error) {
+    console.error('Failed to load export settings:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// POST: エクスポート設定を保存
+export async function POST(request: NextRequest) {
+  try {
+    let body;
+    try {
+      body = await request.json();
+    } catch {
+      return NextResponse.json(
+        { success: false, error: 'Invalid JSON body' },
+        { status: 400 }
+      );
+    }
+    const settings: ExportSettings = body.settings;
+
+    if (!settings || !settings.format) {
+      return NextResponse.json(
+        { success: false, error: 'Invalid settings' },
+        { status: 400 }
+      );
+    }
+
+    const rootPath = getRootPath();
+    const fsService = new FileSystemService(rootPath);
+    const configDocDir = path.join(rootPath, CONFIG_DOC_DIR);
+
+    // .config_doc ディレクトリを確保
+    await fs.mkdir(configDocDir, { recursive: true });
+
+    // ユーザ設定を保存（format, autoExport, lastExportedAt）
+    const userSettings: UserSettings = {
+      format: settings.format,
+      autoExport: settings.autoExport,
+      lastExportedAt: settings.lastExportedAt
+    };
+    const userSettingsPath = path.join(configDocDir, USER_SETTINGS_FILE);
+    await fs.writeFile(
+      userSettingsPath,
+      JSON.stringify(userSettings, null, 2),
+      'utf-8'
+    );
+
+    // プロジェクト設定の export.fileName と outputDir を更新
+    if (settings.fileName !== undefined || settings.outputDir !== undefined) {
+      const existingProjectSettings = await fsService.loadProjectSettings();
+
+      if (existingProjectSettings) {
+        // 既存の設定を更新
+        existingProjectSettings.export = {
+          ...existingProjectSettings.export,
+          fileName: settings.fileName ?? existingProjectSettings.export?.fileName,
+          outputDir: settings.outputDir ?? existingProjectSettings.export?.outputDir
+        };
+        await fsService.saveProjectSettings(existingProjectSettings);
+      } else {
+        // 新規作成
+        const newProjectSettings: ProjectSettings = {
+          projectName: path.basename(rootPath),
+          configFiles: [],
+          export: {
+            fileName: settings.fileName,
+            outputDir: settings.outputDir
+          }
+        };
+        await fsService.saveProjectSettings(newProjectSettings);
+      }
+    }
+
+    return NextResponse.json({
+      success: true,
+      message: 'Export settings saved'
+    });
+  } catch (error) {
+    console.error('Failed to save export settings:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}

package/packages/web/.next/standalone/app/api/files/browse/route.ts

@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { FileSystemService } from '@/lib/fileSystem';
+import { getRootPath } from '@/lib/getRootPath';
+
+export async function POST(request: NextRequest) {
+  try {
+    let body: { directory?: string } = {};
+    try {
+      body = await request.json();
+    } catch {
+      // 空のボディの場合は無視
+    }
+    const { directory } = body;
+
+    if (!directory) {
+      return NextResponse.json(
+        { success: false, error: 'directory is required' },
+        { status: 400 }
+      );
+    }
+
+    // プロジェクトのルートパス（ユーザーの作業ディレクトリ）
+    const rootPath = getRootPath();
+    const fsService = new FileSystemService(rootPath);
+
+    // ディレクトリ内のファイル一覧を取得
+    const items = await fsService.browseDirectory(directory);
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        currentPath: directory,
+        items
+      }
+    });
+  } catch (error) {
+    console.error('API Error:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}

package/packages/web/.next/standalone/app/api/project/route.ts

@@ -0,0 +1,41 @@
+import { NextResponse } from 'next/server';
+import path from 'path';
+import fs from 'fs/promises';
+import { getRootPath } from '@/lib/getRootPath';
+
+export async function GET() {
+  try {
+    // プロジェクトのルートパスを取得（ユーザーの作業ディレクトリ）
+    const rootPath = getRootPath();
+    const projectName = path.basename(rootPath);
+
+    // .config_docディレクトリの存在確認
+    const ConfigDocPath = path.join(rootPath, '.config_doc');
+    let hasConfigDoc = false;
+
+    try {
+      await fs.access(ConfigDocPath);
+      hasConfigDoc = true;
+    } catch {
+      hasConfigDoc = false;
+    }
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        projectName,
+        rootPath,
+        hasConfigDoc
+      }
+    });
+  } catch (error) {
+    console.error('API Error:', error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error'
+      },
+      { status: 500 }
+    );
+  }
+}

package/packages/web/.next/standalone/app/globals.css

@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}

package/packages/web/.next/standalone/app/icon.svg

@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" fill="none">
+  <defs>
+    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6"/>
+      <stop offset="50%" style="stop-color:#6366F1"/>
+      <stop offset="100%" style="stop-color:#8B5CF6"/>
+    </linearGradient>
+    <linearGradient id="docGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#60A5FA"/>
+      <stop offset="100%" style="stop-color:#A78BFA"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 背景の角丸四角 -->
+  <rect x="8" y="8" width="224" height="224" rx="44" fill="url(#bgGradient)"/>
+
+  <!-- ドキュメントアイコン（背面） -->
+  <path d="M68 48 L148 48 L172 72 L172 192 L68 192 Z" fill="white" opacity="0.2"/>
+  <path d="M148 48 L148 72 L172 72" fill="none" stroke="white" stroke-width="4" opacity="0.2"/>
+
+  <!-- ドキュメントアイコン（前面） -->
+  <path d="M52 64 L132 64 L156 88 L156 208 L52 208 Z" fill="white"/>
+  <path d="M132 64 L132 88 L156 88" fill="none" stroke="url(#docGradient)" stroke-width="4"/>
+
+  <!-- JSON括弧 { } -->
+  <text x="104" y="152" font-family="Monaco, Consolas, monospace" font-size="48" font-weight="bold" fill="url(#bgGradient)" text-anchor="middle">{ }</text>
+
+  <!-- 歯車（右下） -->
+  <circle cx="188" cy="188" r="40" fill="url(#docGradient)"/>
+  <circle cx="188" cy="188" r="16" fill="white"/>
+  <g fill="url(#docGradient)">
+    <rect x="182" y="144" width="12" height="16" rx="4"/>
+    <rect x="182" y="216" width="12" height="16" rx="4"/>
+    <rect x="144" y="182" width="16" height="12" rx="4"/>
+    <rect x="216" y="182" width="16" height="12" rx="4"/>
+    <rect x="152" y="152" width="12" height="16" rx="4" transform="rotate(45 158 160)"/>
+    <rect x="212" y="212" width="12" height="16" rx="4" transform="rotate(45 218 220)"/>
+    <rect x="212" y="152" width="12" height="16" rx="4" transform="rotate(-45 218 160)"/>
+    <rect x="152" y="212" width="12" height="16" rx="4" transform="rotate(-45 158 220)"/>
+  </g>
+</svg>

package/packages/web/.next/standalone/app/layout.tsx

@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "ConfigDoc Web",
+  description: "設定ファイルのドキュメント化ツール",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="ja">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}

package/packages/web/.next/standalone/app/page.tsx

@@ -0,0 +1,135 @@
+'use client';
+
+import { useState } from 'react';
+import { FileTextIcon } from 'lucide-react';
+import { Header } from '@/components/Header';
+import { ConfigFileTabs } from '@/components/ConfigFileTabs';
+import { PropertyEditor } from '@/components/PropertyEditor';
+import { ConfigTree } from '@/components/ConfigTree';
+import { FileBrowser } from '@/components/FileBrowser';
+import { ExportDialog } from '@/components/ExportDialog';
+import { ToastContainer } from '@/components/Toast';
+import { useConfigManager } from '@/hooks/useConfigManager';
+
+export default function Home() {
+  const [isFileBrowserOpen, setIsFileBrowserOpen] = useState(false);
+  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);
+
+  const {
+    loadedConfigs,
+    activeConfigIndex,
+    activeConfig,
+    selectedPath,
+    editingDoc,
+    originalDoc,
+    hasUnsavedChanges,
+    exportSettings,
+    availableTags,
+    projectFields,
+    toasts,
+    rootPath,
+
+    setActiveConfigIndex,
+    setEditingDoc,
+    setHasUnsavedChanges,
+    removeToast,
+    handleSelectConfigFiles,
+    handleRemoveConfig,
+    handleReorderConfigs,
+    handleSelectProperty,
+    handleSaveProperty,
+    handleExport,
+    handleAvailableTagsChange,
+    handleProjectFieldsChange,
+    checkForChanges,
+    resetSelection
+  } = useConfigManager();
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
+      {/* ヘッダー */}
+      <Header onExportClick={() => setIsExportDialogOpen(true)} />
+
+      {/* メインコンテンツ */}
+      <main className="container mx-auto px-6 py-8">
+        {/* ファイル選択セクション */}
+        <ConfigFileTabs
+          loadedConfigs={loadedConfigs}
+          activeConfigIndex={activeConfigIndex}
+          onTabClick={(index) => {
+            setActiveConfigIndex(index);
+            resetSelection();
+          }}
+          onRemoveConfig={handleRemoveConfig}
+          onAddFileClick={() => setIsFileBrowserOpen(true)}
+          onReorder={handleReorderConfigs}
+        />
+
+        {/* ツリーと詳細パネル */}
+        {activeConfig && (
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+            {/* 左パネル: JSON構造ツリー */}
+            <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 p-6 flex flex-col max-h-[calc(100vh-190px)] hover:shadow-2xl transition-shadow duration-300">
+              <div className="flex items-center gap-2 mb-4">
+                <div className="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center">
+                  <FileTextIcon className="w-5 h-5 text-white" />
+                </div>
+                <h2 className="text-xl font-bold text-gray-800">JSON構造</h2>
+              </div>
+              <div className="overflow-y-auto flex-1">
+                <ConfigTree
+                  config={activeConfig.configData}
+                  docs={activeConfig.docs}
+                  onSelectProperty={handleSelectProperty}
+                  onEditProperty={handleSelectProperty}
+                  selectedPath={selectedPath}
+                />
+              </div>
+            </div>
+
+            {/* 右パネル: プロパティ詳細 */}
+            <PropertyEditor
+              selectedPath={selectedPath}
+              editingDoc={editingDoc}
+              hasUnsavedChanges={hasUnsavedChanges}
+              availableTags={availableTags}
+              projectFields={projectFields}
+              onEditingDocChange={(doc) => {
+                setEditingDoc(doc);
+                setHasUnsavedChanges(checkForChanges(doc, originalDoc));
+              }}
+              onAvailableTagsChange={handleAvailableTagsChange}
+              onProjectFieldsChange={handleProjectFieldsChange}
+              onSave={handleSaveProperty}
+            />
+          </div>
+        )}
+      </main>
+
+      {/* ファイルブラウザ */}
+      <FileBrowser
+        isOpen={isFileBrowserOpen}
+        currentPath={rootPath}
+        multiSelect={true}
+        filterJsonOnly={true}
+        onSelect={(filePaths) => {
+          handleSelectConfigFiles(filePaths);
+          setIsFileBrowserOpen(false);
+        }}
+        onClose={() => setIsFileBrowserOpen(false)}
+      />
+
+      {/* エクスポートダイアログ */}
+      <ExportDialog
+        isOpen={isExportDialogOpen}
+        onClose={() => setIsExportDialogOpen(false)}
+        onExport={handleExport}
+        currentSettings={exportSettings}
+        rootPath={rootPath}
+      />
+
+      {/* トースト通知 */}
+      <ToastContainer toasts={toasts} onRemove={removeToast} />
+    </div>
+  );
+}