aiwf 0.3.1 → 0.3.3

package/.aiwf/templates/web-app/template/src/pages/AiwfDashboard.tsx

@@ -0,0 +1,60 @@
+import { useState, useEffect } from 'react'
+import { useAiwfStore } from '@/stores/aiwfStore'
+import FeatureLedger from '@/components/aiwf/FeatureLedger'
+import TokenUsage from '@/components/aiwf/TokenUsage'
+import ContextStatus from '@/components/aiwf/ContextStatus'
+
+export default function AiwfDashboard() {
+  const { features, tokenUsage, contextStatus, loadDashboardData } = useAiwfStore()
+  const [activeTab, setActiveTab] = useState('features')
+
+  useEffect(() => {
+    loadDashboardData()
+  }, [loadDashboardData])
+
+  const tabs = [
+    { id: 'features', name: 'Feature Ledger', icon: '📋' },
+    { id: 'tokens', name: '토큰 사용량', icon: '🪙' },
+    { id: 'context', name: 'Context 상태', icon: '📊' },
+  ]
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="mb-8">
+        <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
+          AIWF 대시보드
+        </h2>
+        <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+          프로젝트의 AI 지원 개발 현황을 한눈에 확인하세요.
+        </p>
+      </div>
+
+      <div className="border-b border-gray-200 dark:border-gray-700">
+        <nav className="-mb-px flex space-x-8" aria-label="Tabs">
+          {tabs.map((tab) => (
+            <button
+              key={tab.id}
+              onClick={() => setActiveTab(tab.id)}
+              className={`
+                whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm
+                ${activeTab === tab.id
+                  ? 'border-primary text-primary'
+                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'
+                }
+              `}
+            >
+              <span className="mr-2">{tab.icon}</span>
+              {tab.name}
+            </button>
+          ))}
+        </nav>
+      </div>
+
+      <div className="mt-8">
+        {activeTab === 'features' && <FeatureLedger features={features} />}
+        {activeTab === 'tokens' && <TokenUsage usage={tokenUsage} />}
+        {activeTab === 'context' && <ContextStatus status={contextStatus} />}
+      </div>
+    </div>
+  )
+}

package/.aiwf/templates/web-app/template/src/pages/HomePage.tsx

@@ -0,0 +1,89 @@
+export default function HomePage() {
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="text-center">
+        <h2 className="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl">
+          {{projectName}}에 오신 것을 환영합니다
+        </h2>
+        <p className="mt-4 max-w-2xl mx-auto text-xl text-gray-500 dark:text-gray-400">
+          AIWF가 통합된 React + TypeScript 웹 애플리케이션입니다.
+        </p>
+      </div>
+
+      <div className="mt-10">
+        <dl className="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
+          <div className="relative">
+            <dt>
+              <div className="absolute flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white">
+                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <p className="ml-16 text-lg leading-6 font-medium text-gray-900 dark:text-white">
+                빠른 개발
+              </p>
+            </dt>
+            <dd className="mt-2 ml-16 text-base text-gray-500 dark:text-gray-400">
+              Vite를 사용한 빠른 HMR과 빌드 속도
+            </dd>
+          </div>
+
+          <div className="relative">
+            <dt>
+              <div className="absolute flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white">
+                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" />
+                </svg>
+              </div>
+              <p className="ml-16 text-lg leading-6 font-medium text-gray-900 dark:text-white">
+                타입 안정성
+              </p>
+            </dt>
+            <dd className="mt-2 ml-16 text-base text-gray-500 dark:text-gray-400">
+              TypeScript로 견고한 타입 시스템 구축
+            </dd>
+          </div>
+
+          <div className="relative">
+            <dt>
+              <div className="absolute flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white">
+                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
+                </svg>
+              </div>
+              <p className="ml-16 text-lg leading-6 font-medium text-gray-900 dark:text-white">
+                AIWF 통합
+              </p>
+            </dt>
+            <dd className="mt-2 ml-16 text-base text-gray-500 dark:text-gray-400">
+              AI 지원 개발 워크플로우 내장
+            </dd>
+          </div>
+
+          <div className="relative">
+            <dt>
+              <div className="absolute flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white">
+                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
+                </svg>
+              </div>
+              <p className="ml-16 text-lg leading-6 font-medium text-gray-900 dark:text-white">
+                모던 스타일링
+              </p>
+            </dt>
+            <dd className="mt-2 ml-16 text-base text-gray-500 dark:text-gray-400">
+              Tailwind CSS로 빠른 UI 개발
+            </dd>
+          </div>
+        </dl>
+      </div>
+
+      <div className="mt-10 text-center">
+        <h3 className="text-lg font-medium text-gray-900 dark:text-white">시작하기</h3>
+        <div className="mt-3 text-base text-gray-500 dark:text-gray-400">
+          <code className="bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">npm run dev</code>로 개발 서버를 시작하세요.
+        </div>
+      </div>
+    </div>
+  )
+}

package/.aiwf/templates/web-app/template/src/pages/NotFound.tsx

@@ -0,0 +1,25 @@
+import { Link } from 'react-router-dom'
+
+export default function NotFound() {
+  return (
+    <div className="min-h-[60vh] flex items-center justify-center px-4 sm:px-6 lg:px-8">
+      <div className="text-center">
+        <p className="text-base font-semibold text-primary">404</p>
+        <h1 className="mt-2 text-4xl font-bold text-gray-900 dark:text-white tracking-tight sm:text-5xl">
+          페이지를 찾을 수 없습니다
+        </h1>
+        <p className="mt-2 text-base text-gray-500 dark:text-gray-400">
+          요청하신 페이지가 존재하지 않습니다.
+        </p>
+        <div className="mt-6">
+          <Link
+            to="/"
+            className="text-base font-medium text-primary hover:text-primary/80"
+          >
+            홈으로 돌아가기<span aria-hidden="true"> &rarr;</span>
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}

package/.aiwf/templates/web-app/template/src/stores/aiwfStore.ts

@@ -0,0 +1,126 @@
+import { create } from 'zustand'
+
+interface Feature {
+  id: string
+  name: string
+  description: string
+  status: 'completed' | 'in_progress' | 'planned'
+  type: string
+  created_at: string
+  completed_at?: string
+  tags: string[]
+}
+
+interface TokenUsageData {
+  total: number
+  used: number
+  remaining: number
+  percentage: number
+  history: Array<{
+    date: string
+    tokens: number
+    action: string
+  }>
+}
+
+interface ContextStatusData {
+  compressionLevel: 'none' | 'balanced' | 'aggressive'
+  cacheEnabled: boolean
+  cacheSize: number
+  maxCacheSize: number
+  lastCompression: string
+  savedTokens: number
+  activePersona: string
+}
+
+interface AiwfStore {
+  features: Feature[]
+  tokenUsage: TokenUsageData
+  contextStatus: ContextStatusData
+  loadDashboardData: () => Promise<void>
+  updateFeature: (featureId: string, updates: Partial<Feature>) => void
+  addFeature: (feature: Feature) => void
+}
+
+export const useAiwfStore = create<AiwfStore>((set) => ({
+  features: [],
+  tokenUsage: {
+    total: 100000,
+    used: 45000,
+    remaining: 55000,
+    percentage: 45,
+    history: []
+  },
+  contextStatus: {
+    compressionLevel: 'balanced',
+    cacheEnabled: true,
+    cacheSize: 5242880, // 5MB
+    maxCacheSize: 52428800, // 50MB
+    lastCompression: new Date().toISOString(),
+    savedTokens: 15000,
+    activePersona: 'fullstack-developer'
+  },
+
+  loadDashboardData: async () => {
+    try {
+      // 실제 구현에서는 API를 호출하거나 로컬 파일을 읽습니다
+      const mockFeatures: Feature[] = [
+        {
+          id: 'F001',
+          name: '프로젝트 초기 설정',
+          description: 'React + TypeScript + Vite 기반 웹 애플리케이션 초기 설정',
+          type: 'setup',
+          status: 'completed',
+          created_at: new Date().toISOString(),
+          completed_at: new Date().toISOString(),
+          tags: ['초기설정', '인프라', '설정']
+        }
+      ]
+
+      const mockHistory = [
+        {
+          date: new Date().toISOString(),
+          tokens: 1500,
+          action: '컴포넌트 생성'
+        },
+        {
+          date: new Date(Date.now() - 3600000).toISOString(),
+          tokens: 2300,
+          action: 'API 통합'
+        },
+        {
+          date: new Date(Date.now() - 7200000).toISOString(),
+          tokens: 800,
+          action: '코드 리뷰'
+        }
+      ]
+
+      set({
+        features: mockFeatures,
+        tokenUsage: {
+          total: 100000,
+          used: 45000,
+          remaining: 55000,
+          percentage: 45,
+          history: mockHistory
+        }
+      })
+    } catch (error) {
+      console.error('Failed to load AIWF dashboard data:', error)
+    }
+  },
+
+  updateFeature: (featureId, updates) => {
+    set((state) => ({
+      features: state.features.map((feature) =>
+        feature.id === featureId ? { ...feature, ...updates } : feature
+      )
+    }))
+  },
+
+  addFeature: (feature) => {
+    set((state) => ({
+      features: [...state.features, feature]
+    }))
+  }
+}))

package/.aiwf/templates/web-app/template/src/types/global.d.ts

@@ -0,0 +1,9 @@
+interface Window {
+  aiwf: {
+    trackPage: (path: string) => void
+    trackEvent: (event: string, data?: any) => void
+    getFeatures: () => Promise<any[]>
+    getTokenUsage: () => Promise<any>
+    getContextStatus: () => Promise<any>
+  }
+}

package/.aiwf/templates/web-app/template/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/.aiwf/templates/web-app/template/tailwind.config.js

@@ -0,0 +1,30 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#eff6ff',
+          100: '#dbeafe',
+          200: '#bfdbfe',
+          300: '#93bbfd',
+          400: '#60a5fa',
+          500: '#3b82f6',
+          600: '#2563eb',
+          700: '#1d4ed8',
+          800: '#1e40af',
+          900: '#1e3a8a',
+          950: '#172554',
+        }
+      },
+      fontFamily: {
+        sans: ['Pretendard', 'Inter', 'system-ui', 'sans-serif'],
+      }
+    },
+  },
+  plugins: [],
+}

package/.aiwf/templates/web-app/template/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path Aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@components/*": ["src/components/*"],
+      "@pages/*": ["src/pages/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@utils/*": ["src/utils/*"],
+      "@stores/*": ["src/stores/*"],
+      "@types/*": ["src/types/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/.aiwf/templates/web-app/template/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/.aiwf/templates/web-app/template/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@pages': path.resolve(__dirname, './src/pages'),
+      '@hooks': path.resolve(__dirname, './src/hooks'),
+      '@utils': path.resolve(__dirname, './src/utils'),
+      '@stores': path.resolve(__dirname, './src/stores'),
+      '@types': path.resolve(__dirname, './src/types'),
+    }
+  },
+  server: {
+    port: 3000,
+    host: true
+  }
+})

package/.aiwf/test-cache/86c7f9e80251abb8bedd58953ab0d1779e46b4f43ea33b63bffdb778106373b0.json

@@ -0,0 +1,6 @@
+{
+  "data": {
+    "integrated": true
+  },
+  "timestamp": 1752000073988
+}

package/.aiwf/test-cache/9e252a90b80fce0585d7ed0646e7a9b4343e109f661f42a3ae678ba1ec5e22c7.json

@@ -0,0 +1,7 @@
+{
+  "data": {
+    "message": "test data",
+    "timestamp": 1752000073907
+  },
+  "timestamp": 1752000073908
+}

package/.aiwf/test-results-s02.json

@@ -0,0 +1,36 @@
+{
+  "testSuite": "S02_Integration",
+  "tests": [
+    {
+      "name": "Persona Switching Time",
+      "status": "passed",
+      "executionTime": 0.30884159899999997,
+      "criteria": "< 2 seconds"
+    },
+    {
+      "name": "Pre-commit Hook Installation",
+      "status": "passed",
+      "executionTime": 0.00018016499999998814,
+      "criteria": "Hook installed or installable"
+    },
+    {
+      "name": "Multi-language Support",
+      "status": "passed",
+      "executionTime": 0.0003207589999999527,
+      "criteria": "Korean/English commands"
+    },
+    {
+      "name": "Performance Baseline",
+      "status": "passed",
+      "executionTime": 0.05095473399999992,
+      "criteria": "< 5 seconds total",
+      "actualValue": "0.05s"
+    }
+  ],
+  "summary": {
+    "total": 4,
+    "passed": 4,
+    "failed": 0,
+    "coverage": "100%"
+  }
+}