From ac2578ca8bf7113769ac0c669993c4924bcac74a Mon Sep 17 00:00:00 2001
From: Armor00 <2654988228@qq.com>
Date: Mon, 13 Jul 2026 17:06:33 +0800
Subject: [PATCH] fix(wiki): use group(1) for script extraction; use link
 button for topology

The wiki_update_page.py script had a bug where extract_script_to_script_js
used match.group(0) (including <script> tags) instead of group(1) (pure JS).
This caused Wiki.js to render page JS as escaped HTML text rather than
executing it.

Since Wiki.js markdown editor strips iframes and only the markdown editor
is enabled, the topology diagram is now linked via a prominent button that
opens the interactive topology viewer in a new tab.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 data/wiki/guanghan_program_zh.html | 19 ++++++++++++-------
 scripts/wiki_update_page.py        |  2 +-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/data/wiki/guanghan_program_zh.html b/data/wiki/guanghan_program_zh.html
index b013418..1581ef8 100644
--- a/data/wiki/guanghan_program_zh.html
+++ b/data/wiki/guanghan_program_zh.html
@@ -74,14 +74,19 @@
 
 <h2 id="topology">基地拓扑图</h2>
 
-<div style="border:1px solid #a2a9b1; border-radius:8px; overflow:hidden; margin:1em 0;">
-<iframe src="http://192.168.31.91:38080/guanghan_topology_demo.html?mission=GHC-05"
-        style="width:100%; height:920px; border:0; display:block;"
-        loading="lazy"
-        title="广寒基地工程拓扑图">
-</iframe>
+<div style="border:1px solid #a2a9b1; border-radius:8px; padding:24px; margin:1em 0; text-align:center; background:#f8f9fa;">
+
+<p style="font-size:1.1em; margin:0 0 12px;"><b>广寒基地工程拓扑总图（交互式）</b></p>
+<p style="margin:0 0 16px; color:#54595d;">支持任务历史回溯、模块详情查看、数据库驱动的实时样式渲染。</p>
+<p style="margin:0;">
+<a href="http://192.168.31.91:38080/guanghan_topology_demo.html?mission=GHC-05"
+   target="_blank" rel="noopener"
+   style="display:inline-block; padding:10px 28px; background:#0a2e16; color:#51e89c; border:1px solid #51e89c; border-radius:6px; text-decoration:none; font-weight:bold; font-size:1.05em;">
+   🗺️ 打开交互式拓扑图
+</a>
+</p>
+<p style="margin:12px 0 0; font-size:0.85em; color:#72777d;">将在新标签页中打开。可通过任务选择器查看不同历史阶段的基地结构。点击模块可查看详情。</p>
 </div>
-<p style="font-size:88%; color:#54595d; margin-top:4px;">广寒基地 GHC-05 任务后工程拓扑总图。可通过任务选择器查看不同历史阶段的基地结构。点击模块可查看详情。</p>
 
 <h2 id="missions">任务列表</h2>
 
diff --git a/scripts/wiki_update_page.py b/scripts/wiki_update_page.py
index e1b087b..f4a7949 100644
--- a/scripts/wiki_update_page.py
+++ b/scripts/wiki_update_page.py
@@ -328,7 +328,7 @@ def extract_script_to_script_js(content):
     if not match:
         print("script_js_extracted=False")
         return content, ""
-    script_js = match.group(0).strip()
+    script_js = match.group(1).strip()
     content_without_script = (content[: match.start()] + content[match.end() :]).rstrip()
     print(f"script_js_extracted=True length={len(script_js)}")
     return content_without_script, script_js