htmlgen-mcp 0.3.3__py3-none-any.whl → 0.3.5__py3-none-any.whl

htmlgen_mcp/agents/web_tools/__init__.py

@@ -25,30 +25,30 @@ from .js import create_js_file
 from .navigation import create_responsive_navbar
 from .project import create_project_structure
 from .validation import check_mobile_friendly, validate_html
-from .colors import generate_color_scheme
+# from .colors import generate_color_scheme  # 暂停导出：无需在主流程中使用
 
-# 新增简单模板支持
-from .simple_templates import (
-    create_simple_html_file,
-    create_blank_html_file,
-    create_landing_page,
-    create_blog_page,
-)
-from .simple_css import (
-    create_clean_css_file,
-    create_landing_css_file,
-    create_blog_css_file,
-    create_minimal_css_file,
-)
-from .simple_js import (
-    create_simple_js_file,
-    create_minimal_js_file,
-    create_interactive_js_file,
-)
-from .simple_builder import (
-    create_simple_website,
-    create_simple_page_set,
-)
+# 新增简单模板支持（暂时注释，备用组件无需默认加载）
+# from .simple_templates import (
+#     create_simple_html_file,
+#     create_blank_html_file,
+#     create_landing_page,
+#     create_blog_page,
+# )
+# from .simple_css import (
+#     create_clean_css_file,
+#     create_landing_css_file,
+#     create_blog_css_file,
+#     create_minimal_css_file,
+# )
+# from .simple_js import (
+#     create_simple_js_file,
+#     create_minimal_js_file,
+#     create_interactive_js_file,
+# )
+# from .simple_builder import (
+#     create_simple_website,
+#     create_simple_page_set,
+# )
 from .edgeone_deploy import (
     deploy_folder_or_zip_to_edgeone,
     EdgeOneDeployer,
@@ -70,24 +70,24 @@ __all__ = [
     "start_live_server",
     "validate_html",
     "check_mobile_friendly",
-    "generate_color_scheme",
-    # 简单模板
-    "create_simple_html_file",
-    "create_blank_html_file",
-    "create_landing_page",
-    "create_blog_page",
-    # 简单CSS
-    "create_clean_css_file",
-    "create_landing_css_file",
-    "create_blog_css_file",
-    "create_minimal_css_file",
-    # 简单JS
-    "create_simple_js_file",
-    "create_minimal_js_file",
-    "create_interactive_js_file",
-    # 简单网站构建器
-    "create_simple_website",
-    "create_simple_page_set",
+    # "generate_color_scheme",
+    # # 简单模板
+    # "create_simple_html_file",
+    # "create_blank_html_file",
+    # "create_landing_page",
+    # "create_blog_page",
+    # # 简单CSS
+    # "create_clean_css_file",
+    # "create_landing_css_file",
+    # "create_blog_css_file",
+    # "create_minimal_css_file",
+    # # 简单JS
+    # "create_simple_js_file",
+    # "create_minimal_js_file",
+    # "create_interactive_js_file",
+    # # 简单网站构建器
+    # "create_simple_website",
+    # "create_simple_page_set",
     # EdgeOne部署工具
     "deploy_folder_or_zip_to_edgeone",
     "EdgeOneDeployer",

htmlgen_mcp/agents/web_tools/css.py

@@ -358,6 +358,25 @@ img[loading="lazy"] {{
   animation: heroFloat 20s ease-in-out infinite;
 }}
 
+.hero-overlay {{
+  position: relative;
+  overflow: hidden;
+}}
+
+.hero-overlay .overlay {{
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(200deg, rgba(17, 24, 39, 0.65) 0%, rgba(17, 24, 39, 0.35) 55%, rgba(17, 24, 39, 0.08) 100%);
+  mix-blend-mode: multiply;
+  backdrop-filter: blur(6px);
+  z-index: 0;
+}}
+
+.hero-overlay .container {{
+  position: relative;
+  z-index: 1;
+}}
+
 @keyframes heroFloat {{
   0%, 100% {{ transform: rotate(0deg) scale(1); }}
   33% {{ transform: rotate(10deg) scale(1.1); }}
@@ -1110,6 +1129,85 @@ img[loading="lazy"] {{
   line-height: var(--line-height-relaxed);
 }}
 
+.shadow-soft {{
+  background: var(--white);
+  border-radius: var(--radius-xl);
+  box-shadow: 0 22px 45px -28px rgba(17, 24, 39, 0.4);
+  transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);
+}}
+
+.shadow-soft:hover {{
+  transform: translateY(-6px);
+  box-shadow: 0 30px 55px -26px rgba(17, 24, 39, 0.45);
+}}
+
+.icon-badge {{
+  display: inline-flex;
+  width: 3rem;
+  height: 3rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-full);
+  color: var(--white);
+  box-shadow: var(--shadow-md);
+  font-size: 1.35rem;
+}}
+
+.border-gradient {{
+  border-radius: var(--radius-xl);
+  border: 1px solid transparent;
+  background:
+    linear-gradient(var(--white), var(--white)) padding-box,
+    linear-gradient(135deg, rgba(var(--primary-rgb), 0.28), rgba(255, 255, 255, 0.08)) border-box;
+}}
+
+.membership-card {{
+  background: rgba(255, 255, 255, 0.94);
+  border-radius: var(--radius-xl);
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+  color: var(--gray-800);
+}}
+
+.membership-card:hover {{
+  transform: translateY(-6px);
+  box-shadow: var(--shadow-2xl);
+}}
+
+.membership-card.highlight {{
+  background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(67, 56, 202, 0.95) 35%, rgba(245, 158, 11, 0.95) 100%);
+  color: var(--white);
+}}
+
+.membership-card.highlight p,
+.membership-card.highlight li {{
+  color: rgba(255, 255, 255, 0.86);
+}}
+
+.testimonial-card {{
+  border-radius: var(--radius-xl);
+  border: 1px solid rgba(148, 163, 184, 0.25);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: var(--shadow-md);
+  transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);
+}}
+
+.testimonial-card:hover {{
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-2xl);
+}}
+
+.avatar {{
+  width: 64px;
+  height: 64px;
+  object-fit: cover;
+}}
+
 /* ==================== CTA 区域 ==================== */
 .cta {{
   background: var(--gradient-primary);
@@ -1380,6 +1478,56 @@ img[loading="lazy"] {{
   border-radius: var(--radius-xl);
 }}
 
+.btn-gradient {{
+  background: var(--gradient-primary);
+  color: var(--white);
+  border: none;
+  box-shadow: var(--shadow-lg);
+}}
+
+.btn-gradient:hover {{
+  transform: translateY(-2px);
+  box-shadow: 0 18px 45px -12px rgba(var(--primary-rgb), 0.45);
+  opacity: 0.95;
+}}
+
+.btn-dark-gradient {{
+  background: linear-gradient(135deg, rgba(17, 24, 39, 0.95) 0%, rgba(55, 65, 81, 0.95) 100%);
+  color: var(--white);
+  border: none;
+  box-shadow: var(--shadow-lg);
+}}
+
+.btn-dark-gradient:hover {{
+  transform: translateY(-2px);
+  box-shadow: 0 20px 50px -15px rgba(17, 24, 39, 0.55);
+}}
+
+.btn-outline-primary {{
+  color: var(--primary);
+  border: 2px solid var(--primary);
+  background: transparent;
+}}
+
+.btn-outline-primary:hover {{
+  background: var(--primary);
+  color: var(--white);
+  box-shadow: var(--shadow-md);
+}}
+
+.btn-outline-light {{
+  color: var(--white);
+  border: 2px solid rgba(255, 255, 255, 0.6);
+  background: transparent;
+}}
+
+.btn-outline-light:hover {{
+  background: rgba(255, 255, 255, 0.15);
+  color: var(--white);
+  border-color: rgba(255, 255, 255, 0.9);
+  transform: translateY(-2px);
+}}
+
 /* 按钮涟漪效果 */
 .btn::before {{
   content: '';

htmlgen_mcp/agents/web_tools/js.py

@@ -9,16 +9,18 @@ def create_js_file(file_path: str, content: str = ""):
     js_template = f"""// 页面加载完成后执行
 document.addEventListener('DOMContentLoaded', function() {{
   // Smooth scroll 由 CSS scroll-behavior 支持，这里补充导航折叠与激活态处理
-  const navLinks = document.querySelectorAll('.navbar a.nav-link[href^="#"]');
-  navLinks.forEach(link => {{
-    link.addEventListener('click', () => {{
-      const navbarCollapse = document.querySelector('.navbar .navbar-collapse');
-      if (navbarCollapse && navbarCollapse.classList.contains('show')) {{
-        const toggler = document.querySelector('.navbar .navbar-toggler');
-        toggler && toggler.click();
-      }}
+  const navLinks = Array.from(document.querySelectorAll('.navbar a.nav-link[href^="#"]'));
+  if (navLinks.length) {{
+    navLinks.forEach(link => {{
+      link.addEventListener('click', () => {{
+        const navbarCollapse = document.querySelector('.navbar .navbar-collapse');
+        if (navbarCollapse && navbarCollapse.classList.contains('show')) {{
+          const toggler = document.querySelector('.navbar .navbar-toggler');
+          toggler && toggler.click();
+        }}
+      }});
     }});
-  }});
+  }}
 
   // 简易 ScrollSpy
   const sections = Array.from(document.querySelectorAll('section[id]'));
@@ -30,7 +32,7 @@ document.addEventListener('DOMContentLoaded', function() {{
       const top = window.scrollY + rect.top;
       if (scrollY >= top) activeId = sec.id;
     }});
-    if (activeId) {{
+    if (activeId && navLinks.length) {{
       navLinks.forEach(a => a.classList.toggle('active', a.getAttribute('href') === '#' + activeId));
     }}
 

htmlgen_mcp/agents/web_tools/navigation.py

@@ -58,6 +58,8 @@ def create_responsive_navbar(file_path: str, brand_name: str = "公司名称", n
             {"name": "服务", "href": "#services", "active": False},
             {"name": "联系", "href": "#contact", "active": False}
         ]
+    elif not nav_items:
+        return "导航栏未生成：nav_items 为空，已跳过注入导航组件"
 
     # 归一化单个导航项，避免 KeyError
     def _normalize_item(raw: object, index: int) -> tuple[dict, bool]:

htmlgen_mcp/agents/web_tools/project.py

@@ -12,14 +12,10 @@ def create_project_structure(project_name: str, project_path: str) -> str:
         base_path = Path(project_path) / project_name
 
     dirs = [
-        "css",
-        "js",
-        "images",
         "assets",
         "assets/css",
         "assets/js",
         "assets/images",
-        "components",
     ]
 
     try:

htmlgen_mcp/config.py

@@ -1,4 +1,4 @@
-"""项目配置管理 - 跨平台支持与集群部署优化"""
+"""项目配置管理 - 跨平台支持"""
 import os
 import sys
 import platform
@@ -8,7 +8,7 @@ from datetime import datetime
 
 
 class ProjectConfig:
-    """项目配置管理器 - 支持 Windows/macOS/Linux/集群部署"""
+    """项目配置管理器 - 支持 Windows/macOS/Linux"""
     
     @staticmethod
     def get_system_info() -> dict:
@@ -22,37 +22,16 @@ class ProjectConfig:
     
     @staticmethod
     def get_default_output_dir() -> Path:
-        """获取默认的项目输出目录（跨平台 + 集群部署）
+        """获取默认的项目输出目录（跨平台）
         
-        优先级（集群部署优化）：
-        1. 环境变量 WEB_AGENT_PROJECT_ROOT（集群共享存储，最高优先级）
-        2. 环境变量 WEB_AGENT_OUTPUT_DIR（兼容旧配置）
-        3. 系统特定的文档目录
-        4. 用户主目录下的隐藏目录
-        5. 系统临时目录
-        
-        集群部署说明：
-        - 在 SSE 集群中，建议配置 WEB_AGENT_PROJECT_ROOT 为 NAS 共享路径
-        - 示例：WEB_AGENT_PROJECT_ROOT=/app/mcp-servers/mcp-servers/html_agent/projects
+        优先级：
+        1. 环境变量 WEB_AGENT_OUTPUT_DIR
+        2. 系统特定的文档目录
+        3. 用户主目录下的隐藏目录
+        4. 系统临时目录
         """
         
-        # 1a. 检查集群共享存储环境变量（最高优先级）
-        project_root = os.environ.get('WEB_AGENT_PROJECT_ROOT')
-        if project_root:
-            output_dir = Path(project_root)
-            try:
-                output_dir.mkdir(parents=True, exist_ok=True)
-                # 验证目录可写
-                test_file = output_dir / '.write_test'
-                test_file.touch()
-                test_file.unlink()
-                print(f"✅ 使用集群共享存储: {output_dir}")
-                return output_dir
-            except Exception as e:
-                print(f"⚠️ 集群共享存储不可用 ({output_dir}): {e}")
-                print(f"💡 请检查 NAS 挂载状态和权限")
-        
-        # 1b. 检查兼容性环境变量
+        # 1. 检查环境变量（所有平台通用）
         env_dir = os.environ.get('WEB_AGENT_OUTPUT_DIR')
         if env_dir:
             output_dir = Path(env_dir)