refc: Refactor project structure

static/app.js

@@ -0,0 +1,56 @@
+// V-Hono Static File Server - JavaScript Example
+
+console.log('🚀 V-Hono Static File Server loaded!');
+
+// 演示动态内容加载
+document.addEventListener('DOMContentLoaded', function() {
+    console.log('📄 DOM loaded successfully');
+    
+    // 添加一些交互功能
+    const features = document.querySelectorAll('.feature-list li');
+    
+    features.forEach((feature, index) => {
+        feature.addEventListener('click', function() {
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = 'transform 0.2s ease';
+            
+            setTimeout(() => {
+                this.style.transform = 'scale(1)';
+            }, 200);
+            
+            console.log(`✨ Feature ${index + 1} clicked: ${this.textContent}`);
+        });
+    });
+    
+    // 添加时间戳
+    const timestamp = new Date().toLocaleString('zh-CN');
+    console.log(`⏰ Page loaded at: ${timestamp}`);
+    
+    // 检查静态文件服务状态
+    fetch('/api/status')
+        .then(response => response.json())
+        .then(data => {
+            console.log('📊 Server status:', data);
+        })
+        .catch(error => {
+            console.log('❌ Error fetching status:', error);
+        });
+});
+
+// 工具函数
+function showMessage(message, type = 'info') {
+    const colors = {
+        info: '#4CAF50',
+        warning: '#FF9800',
+        error: '#F44336'
+    };
+    
+    console.log(`%c${message}`, `color: ${colors[type]}; font-weight: bold;`);
+}
+
+// 导出一些工具函数供其他脚本使用
+window.VHonoUtils = {
+    showMessage,
+    getTimestamp: () => new Date().toISOString(),
+    logFeature: (featureName) => showMessage(`Feature used: ${featureName}`, 'info')
+};