Fix all figures get exported

app/scripts/export-txt.mjs

@@ -248,8 +248,12 @@ async function extractArticleContent(page) {
     const main = document.querySelector('main');
     if (!main) return 'Error: main element not found';
     
-    // Helper: get all visual elements in DOM order (same as screenshot script)
-    const allVisualElements = Array.from(main.querySelectorAll('.html-embed, .table-scroll > table, .image-wrapper, figure, .katex-display'));
+    // Helper: get all visual elements in DOM order (match screenshot-elements.mjs)
+    // NOTE: Don't include generic `figure` here. The screenshot script indexes only
+    // `.html-embed`, `.table-scroll > table`, `.image-wrapper`, and `.katex-display`.
+    const allVisualElements = Array.from(
+      document.querySelectorAll('.html-embed, .table-scroll > table, .image-wrapper, .katex-display'),
+    );
     const elementIndexMap = new Map();
     
     // Pre-process: assign global indices to visual elements
@@ -260,7 +264,41 @@ async function extractArticleContent(page) {
     // Walk through all child nodes
     const processNode = (node) => {
       const tag = node.tagName?.toLowerCase();
-      
+
+      // Images (Image.astro renders a `.image-wrapper` container; it may or may not contain a <figure>)
+      if (node.classList?.contains('image-wrapper')) {
+        const globalIndex = elementIndexMap.get(node);
+        if (!globalIndex) return;
+
+        const img = node.querySelector('img');
+        const figure = node.querySelector('figure');
+        const caption = figure?.querySelector('figcaption') || node.querySelector('figcaption');
+
+        let name = '';
+        let anchor = '';
+        let description = '';
+
+        // Prefer an explicit figure ID (used for cross-references), otherwise wrapper ID.
+        if (figure?.id) anchor = figure.id;
+        else if (node.id) anchor = node.id;
+
+        if (caption) {
+          const captionText = stripHtml(caption.innerHTML);
+          const parsed = parseCaptionText(captionText, 'Figure');
+          name = parsed.name;
+          description = parsed.description;
+        }
+
+        if (!description && img?.alt) description = img.alt;
+        if (!name) name = `image-${globalIndex}`;
+
+        const parts = [name];
+        if (anchor) parts.push(anchor);
+        if (description) parts.push(description);
+        output.push(`<f>${parts.join(' | ')}</f>\n\n`);
+        return;
+      }
+
       // Headings
       if (/^h[1-6]$/.test(tag)) {
         const level = parseInt(tag[1]);
@@ -383,9 +421,20 @@ async function extractArticleContent(page) {
       
       // Figures (images, embeds)
       if (tag === 'figure') {
+        // If this <figure> is inside an `.image-wrapper`, the wrapper handler above will emit
+        // a single <f> tag for the whole image. Avoid double-emitting.
+        if (node.closest?.('.image-wrapper')) {
+          const isHtmlEmbedFigure = node.matches?.('.html-embed, .html-embed--screenshot');
+          if (!isHtmlEmbedFigure) return;
+        }
+
         const img = node.querySelector('img');
-        const htmlEmbed = node.querySelector('.html-embed, .html-embed--screenshot');
-        const imageWrapper = node.querySelector('.image-wrapper');
+        const htmlEmbed =
+          node.matches?.('.html-embed, .html-embed--screenshot')
+            ? node
+            : node.querySelector('.html-embed, .html-embed--screenshot');
+        // Images are wrapped in a sibling/parent `.image-wrapper` container in this codebase
+        const imageWrapper = node.closest?.('.image-wrapper') || null;
         const caption = node.querySelector('figcaption');
         
         // Skip if it's not really a figure (no img, no embed, no caption)