htmlgen-mcp 0.3.2__py3-none-any.whl → 0.3.4__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

@@ -25,14 +25,14 @@ class ProjectConfig:
         """获取默认的项目输出目录（跨平台）
         
         优先级：
-        1. 环境变量 WEB_AGENT_OUTPUT_DIR / WEB_AGENT_PROJECT_ROOT
+        1. 环境变量 WEB_AGENT_OUTPUT_DIR
         2. 系统特定的文档目录
         3. 用户主目录下的隐藏目录
         4. 系统临时目录
         """
         
         # 1. 检查环境变量（所有平台通用）
-        env_dir = os.environ.get('WEB_AGENT_OUTPUT_DIR') or os.environ.get('WEB_AGENT_PROJECT_ROOT')
+        env_dir = os.environ.get('WEB_AGENT_OUTPUT_DIR')
         if env_dir:
             output_dir = Path(env_dir)
             try:
@@ -111,7 +111,7 @@ class ProjectConfig:
         try:
             temp_dir.mkdir(parents=True, exist_ok=True)
             print(f"⚠️ 使用临时目录: {temp_dir}")
-            print(f"💡 建议设置环境变量 WEB_AGENT_OUTPUT_DIR 或 WEB_AGENT_PROJECT_ROOT 到更合适的位置")
+            print(f"💡 建议设置环境变量 WEB_AGENT_OUTPUT_DIR 到更合适的位置")
             return temp_dir
         except Exception as e:
             # 如果连临时目录都无法创建，使用当前工作目录
@@ -280,7 +280,7 @@ def get_project_directory(project_name: str = None) -> str:
     project_dir = config.create_project_directory(project_name, use_timestamp=True)
     
     print(f"📁 项目将生成在: {project_dir}")
-    print(f"💡 提示: 可通过设置环境变量 WEB_AGENT_OUTPUT_DIR 或 WEB_AGENT_PROJECT_ROOT 来自定义输出目录")
+    print(f"💡 提示: 可通过设置环境变量 WEB_AGENT_OUTPUT_DIR 来自定义输出目录")
     
     return str(project_dir)
 
@@ -323,4 +323,4 @@ __all__ = [
     'get_project_directory',
     'list_recent_projects', 
     'clean_temp_projects'
-]
+]