@xingwangzhe/stalux 1.24.0 → 1.24.2

package/README.md

@@ -80,9 +80,10 @@ bun run dev
 - 🔤 **Unicode-range font slicing** — 25 MB font → ~22 woff2 chunks, browser downloads only what matches the page
 - 🔍 **Full-text search** via Pagefind (auto-indexed on build)
 - 📡 **RSS & Atom feeds**
+- 🗺️ **Sitemap** (bundled; `.md` source endpoints auto-filtered)
 - 🖼️ **PhotoSwipe** image lightbox
 - 📊 **Mermaid** diagrams and flowcharts
-- 📐 **Math formula rendering** (KaTeX / MathML)
+- 📐 **Math formula rendering** (Temml → MathML)
 - 💬 **Waline** comment system
 - 🤖 **LLM discovery files** (llms.txt / llms-full.txt)
 - 🤝 **WebMCP tools** for AI agents (W3C draft, pure front-end)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xingwangzhe/stalux",
-    "version": "1.24.0",
+    "version": "1.24.2",
     "description": "A powerful, modern Astro blog theme — use as template or install as plugin",
     "keywords": [
         "astro",
@@ -78,13 +78,13 @@
         "@astrojs/rss": "^4.0.19",
         "@astrojs/sitemap": "^3.7.3",
         "@expressive-code/plugin-line-numbers": "^0.44.1",
-        "@lucide/astro": "^1.31.0",
+        "@lucide/astro": "^1.33.0",
         "@mcp-b/webmcp-polyfill": "^4.0.0",
         "@pagefind/component-ui": "^1.5.2",
         "@waline/client": "^3.15.2",
-        "@xingwangzhe/satteri-mermaid": "0.7.6",
-        "@xingwangzhe/satteri-photoswipe": "^0.2.3",
-        "@xingwangzhe/tags-cloud": "^1.2.6",
+        "@xingwangzhe/satteri-mermaid": "0.7.7",
+        "@xingwangzhe/satteri-photoswipe": "^0.2.4",
+        "@xingwangzhe/tags-cloud": "^1.2.7",
         "animejs": "^4.5.0",
         "astro-expressive-code": "^0.44.1",
         "astro-seo": "^1.1.0",
@@ -92,20 +92,20 @@
         "badge-maker": "^6.0.0",
         "pagefind": "^1.5.2",
         "photoswipe": "^5.4.4",
-        "satteri": "^0.9.5",
+        "satteri": "^0.10.4",
         "simple-icons": "^16.28.0",
         "subset-font": "^2.5.0",
         "temml": "^0.13.4"
     },
     "devDependencies": {
-        "astro": "^7.2.2",
+        "astro": "^7.2.3",
         "knip": "^6.32.2",
         "license-checker-rseidelsohn": "5.0.1",
-        "oxfmt": "^0.63.0",
-        "oxlint": "^1.78.0",
+        "oxfmt": "^0.64.0",
+        "oxlint": "^1.79.0",
         "typescript": "^7.0.2"
     },
     "peerDependencies": {
-        "astro": "7.2.2"
+        "astro": "7.2.3"
     }
 }

package/src/components/stalux/posts/postContent.astro

@@ -140,7 +140,14 @@ const mdSourceUrl = exportMd
                 }
             }
 
-            let lightbox = null;
+            // 状态放 window：View Transitions 软导航会重执行模块脚本，
+            // 用全局标记避免 document 级监听器重复注册导致灯箱重复初始化。
+            const state = (window.__staluxPhotoswipe ||= {
+                lightbox: null,
+                initPromise: null,
+                lightboxInitialized: false,
+                handlerInstalled: false,
+            });
 
             async function initLightbox() {
                 const [{ default: PhotoSwipeLightbox }, { default: PhotoSwipe }, { default: photoSwipeCss }] = await Promise.all([
@@ -159,45 +166,72 @@ const mdSourceUrl = exportMd
                 }
 
                 // 销毁旧实例（View Transition 导航后，旧 DOM 已移除，需安全销毁）
-                if (lightbox) {
+                if (state.lightbox) {
                     try {
-                        lightbox.destroy();
+                        state.lightbox.destroy();
                     } catch {
                         /* ignore */
                     }
-                    lightbox = null;
+                    state.lightbox = null;
                 }
 
                 // 不阻塞文章首屏；已加载图片会立即写入尺寸，其余图片在后台补齐。
                 void enrichPhotoSwipeData();
 
-                lightbox = new PhotoSwipeLightbox({
+                state.lightbox = new PhotoSwipeLightbox({
                     gallery: "[data-pagefind-body]",
                     children: GALLERY_SELECTOR,
                     pswpModule: PhotoSwipe,
                     initialZoomLevel: "fill",
                 });
-                lightbox.init();
+                state.lightbox.init();
             }
 
-            let initPromise = null;
             const ensureLightbox = () => {
-                if (!initPromise) initPromise = initLightbox();
-                return initPromise;
+                if (!state.initPromise) state.initPromise = initLightbox();
+                return state.initPromise;
             };
 
-            // 仅在用户第一次点击图片时加载 PhotoSwipe、其 CSS 和图片尺寸数据，
-            // 文章首屏不再为未使用的灯箱支付 JS/CSS 成本。
-            document.addEventListener("click", (event) => {
+            function handleGalleryClick(event) {
                 const target = event.target;
-                if (target instanceof Element && target.closest(GALLERY_SELECTOR)) {
-                    void ensureLightbox();
-                }
-            }, { capture: true });
+                if (!(target instanceof Element && target.closest(GALLERY_SELECTOR))) return;
+
+                // 灯箱就绪后，后续点击交给 PhotoSwipeLightbox 自身的
+                // bubble 阶段处理（它负责 preventDefault + loadAndOpen）。
+                if (state.lightboxInitialized) return;
+
+                // 首次点击：立即阻止浏览器跳转到原始图片（否则会离开文章页），
+                // 异步初始化完成后直接打开被点击的图片。
+                event.preventDefault();
+                const anchor = target.closest(GALLERY_SELECTOR);
+                const clickedIndex = [...document.querySelectorAll(GALLERY_SELECTOR)].indexOf(anchor);
+                const initialPoint = { x: event.clientX, y: event.clientY };
+
+                void ensureLightbox()
+                    .then(() => {
+                        state.lightboxInitialized = true;
+                        if (state.lightbox) {
+                            state.lightbox.loadAndOpen(clickedIndex, undefined, initialPoint);
+                        }
+                    })
+                    .catch((error) => {
+                        console.error("[stalux photoswipe] 初始化失败", error);
+                    });
+            }
 
-            document.addEventListener("astro:page-load", () => {
-                initPromise = null;
-            });
+            if (!state.handlerInstalled) {
+                state.handlerInstalled = true;
+
+                // 仅在用户第一次点击图片时加载 PhotoSwipe、其 CSS 和图片尺寸数据，
+                // 文章首屏不再为未使用的灯箱支付 JS/CSS 成本。
+                document.addEventListener("click", handleGalleryClick, { capture: true });
+
+                // 软导航后旧 DOM 已移除：下次点击重新初始化（initLightbox 会销毁旧实例）。
+                document.addEventListener("astro:page-load", () => {
+                    state.initPromise = null;
+                    state.lightboxInitialized = false;
+                });
+            }
         </script>
     )
 }

package/src/scripts/webmcp.ts

@@ -577,5 +577,3 @@ if (typeof document !== "undefined") {
         });
     });
 }
-
-export {};