diff --git a/build_editor.py b/build_editor.py
index 597412d..5bd58d1 100644
--- a/build_editor.py
+++ b/build_editor.py
@@ -7,6 +7,13 @@ OUT = BASE / "templates" / "editor.html"
content = SRC.read_text(encoding="utf-8")
+# ── Normalize line endings to LF to avoid CRLF mismatch on Windows ──
+content = content.replace("\r\n", "\n")
+
+# ── Correct themeBaseUrl and mediaPath in editor.html ──
+content = content.replace("Vvveb.themeBaseUrl = 'demo/landing/';", "Vvveb.themeBaseUrl = '/static/Vvvebjs/demo/landing/';")
+content = content.replace("window.mediaPath = '../../media';", "window.mediaPath = '/static/Vvvebjs/media/';")
+
# ── 1. Fix static asset paths ────────────────────────────────────
VBASE = "/static/Vvvebjs/"
replacements = [
@@ -41,6 +48,20 @@ JS_VARS = [
for old, new in JS_VARS:
content = content.replace(old, new)
+# ── Make editor load requested page from query parameter ──
+old_init = 'let firstPage = Object.keys(pages)[0];\nVvveb.Builder.init(pages[firstPage]["url"], function () {'
+new_init = """let firstPage = Object.keys(pages)[0];
+const urlParams = new URLSearchParams(window.location.search);
+const requestedPage = urlParams.get('page');
+if (requestedPage) {
+\tlet pageKey = requestedPage.replace(".html", "");
+\tif (pages[pageKey]) {
+\t\tfirstPage = pageKey;
+\t}
+}
+Vvveb.Builder.init(pages[firstPage]["url"], function () {"""
+content = content.replace(old_init, new_init)
+
# ── 4. Wrap everything in {% raw %} ... {% endraw %} to avoid Jinja2 parsing conflicts ──
# We do this first so Jinja2 ignores VvvebJS's frontend micro-templates ({%= %}, {% %}).
# Then we selectively exit the {% raw %} block using {% endraw %} ... {% raw %} for our dynamic values.
@@ -94,7 +115,7 @@ BACK_BTN = """
// Inject project slug for save bridge
window.VVVEB_PROJECT_SLUG = "{% endraw %}{{ slug | safe }}{% raw %}";
-
+
"""
content = content.replace("", BACK_BTN + "\n")
diff --git a/main.py b/main.py
index 6c95d14..e45b286 100644
--- a/main.py
+++ b/main.py
@@ -263,12 +263,78 @@ def api_save() -> tuple[Response, int] | Response:
body = {k: (v[0] if isinstance(v, list) else v) for k, v in form.items()}
slug: str = str(body.get("slug", "")).strip()
+ if not slug:
+ # Fallback to query parameter if not in body (e.g. for some raw requests)
+ slug = request.args.get("slug", "").strip()
+
if not slug:
return jsonify({"error": "缺少專案識別碼 (slug)"}), 400
if not _project_dir(slug).exists():
return jsonify({"error": "專案不存在"}), 404
+ action = request.args.get("action", "").strip()
+
+ # ── 處理重新命名 / 複製頁面 ──
+ if action == "rename":
+ file = str(body.get("file", "")).strip()
+ newfile = str(body.get("newfile", "")).strip()
+ duplicate_str = str(body.get("duplicate", "")).strip().lower()
+ is_duplicate = (duplicate_str == "true")
+
+ if not file or not newfile:
+ return jsonify({"error": "缺少參數 file 或 newfile"}), 400
+
+ old_path = _sanitize_file_path(slug, file)
+ new_path = _sanitize_file_path(slug, newfile)
+
+ if old_path is None or new_path is None:
+ return jsonify({"error": "不合法的頁面名稱"}), 400
+
+ if not old_path.exists():
+ return jsonify({"error": "來源頁面不存在"}), 404
+
+ if new_path.exists() and old_path != new_path:
+ return jsonify({"error": "目標頁面已存在"}), 409
+
+ if is_duplicate:
+ shutil.copy(old_path, new_path)
+ msg = "頁面複製成功"
+ else:
+ old_path.rename(new_path)
+ msg = "頁面重新命名成功"
+
+ return jsonify({
+ "success": True,
+ "ok": True,
+ "message": msg,
+ "newfile": new_path.name,
+ "url": f"/sites/{slug}/{new_path.name}"
+ })
+
+ # ── 處理刪除頁面 ──
+ elif action == "delete":
+ file = str(body.get("file", "")).strip()
+ if not file:
+ return jsonify({"error": "缺少參數 file"}), 400
+
+ if file.lower() == "index.html":
+ return jsonify({"error": "無法刪除主頁 index.html"}), 400
+
+ safe_path = _sanitize_file_path(slug, file)
+ if safe_path is None:
+ return jsonify({"error": "不合法的頁面名稱"}), 400
+
+ if not safe_path.exists():
+ return jsonify({"error": "頁面不存在"}), 404
+
+ safe_path.unlink()
+ return jsonify({
+ "success": True,
+ "ok": True,
+ "message": "頁面已成功刪除"
+ })
+
# 1. 判斷是否為新增頁面請求 (含有 startTemplateUrl)
start_template_url = str(body.get("startTemplateUrl", "")).strip()
if start_template_url:
diff --git a/static/js/my-editor.js b/static/js/my-editor.js
index 49fc709..a81eabb 100644
--- a/static/js/my-editor.js
+++ b/static/js/my-editor.js
@@ -1,6 +1,6 @@
/**
* my-editor.js — VvvebJS 儲存與新增頁面橋接腳本
- * 覆蓋 Vvveb.Builder.saveAjax 行為，使儲存與新增頁面功能無縫串接至 Flask 後端
+ * 覆蓋 Vvveb.Builder.saveAjax 與 Vvveb.FileManager 行為，無縫串接到 Flask 後端，並引入精美網頁型暗黑系模態框
*/
(function () {
"use strict";
@@ -49,10 +49,292 @@
}, 3000);
}
+ // ── 頂級網頁型模態框 (Web-based Custom Dialogs) ──────────────────────
+ function showModalPrompt(title, defaultValue, callback) {
+ const existing = document.getElementById("vvveb-custom-modal");
+ if (existing) existing.remove();
+
+ const overlay = document.createElement("div");
+ overlay.id = "vvveb-custom-modal";
+ Object.assign(overlay.style, {
+ position: "fixed",
+ top: "0",
+ left: "0",
+ width: "100%",
+ height: "100%",
+ zIndex: "100000",
+ background: "rgba(10, 11, 18, 0.65)",
+ backdropFilter: "blur(12px)",
+ webkitBackdropFilter: "blur(12px)",
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ opacity: "0",
+ transition: "opacity 0.25s ease-out"
+ });
+
+ const card = document.createElement("div");
+ Object.assign(card.style, {
+ background: "rgba(22, 24, 38, 0.95)",
+ border: "1px solid rgba(255, 255, 255, 0.08)",
+ boxShadow: "0 20px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(99, 102, 241, 0.1)",
+ borderRadius: "16px",
+ width: "420px",
+ padding: "2rem",
+ color: "#f8fafc",
+ fontFamily: "Inter, system-ui, sans-serif",
+ transform: "scale(0.95)",
+ transition: "transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1)",
+ display: "flex",
+ flexDirection: "column",
+ gap: "1.25rem"
+ });
+
+ card.innerHTML = `
+