fix: update ChatGPT selectors for section-based DOM (v1.0.3)

Author: YadneshTeli

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [1.0.3] – 2026-03-20
+
+### Fixed
+
+- **ChatGPT scraper not detecting messages** – ChatGPT changed their DOM from `<article>` to `<section>` elements for conversation turns. Updated selectors in both `chatgpt.js` and `overlay.js` (`SITE_CONFIG.msgSelector`) to match `section[data-testid^="conversation-turn-"]` with `article` fallback for backward compatibility.
+- **Overlay per-message buttons not visible on hover** – Added `section:hover .mde-msg-bar` CSS rule alongside the existing `article:hover` rule so export buttons appear on ChatGPT's new DOM structure.
+
+---
+
 ## [1.0.2] – 2026-02-27
 
 ### Fixed

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "MD-Export – AI Chat Exporter",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Export ChatGPT, Gemini, Grok, and Claude conversations as Markdown, DOCX, or PDF with full formatting preserved.",
   "permissions": [
     "activeTab",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "md-export",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "Chrome extension to export AI chat conversations",
     "scripts": {
         "build": "webpack --mode production",

src/content/chatgpt.js

@@ -1,15 +1,17 @@
 /**
  * chatgpt.js – ChatGPT conversation scraper
- * DOM: article[data-testid^="conversation-turn-"] with data-turn="user"|"assistant"
+ * DOM: section[data-testid^="conversation-turn-"] (or article) with data-turn="user"|"assistant"
  * User text: div.whitespace-pre-wrap
  * Assistant: div.markdown.prose
  */
 
 import { cleanHtml, htmlToMarkdown, getPageTitle } from './base_scraper.js';
 
 export function scrapeConversation() {
+    // ChatGPT changed from <article> to <section> in mid-2025.
+    // Match both for forward/backward compatibility.
     const articles = document.querySelectorAll(
-        'article[data-testid^="conversation-turn-"]'
+        'section[data-testid^="conversation-turn-"], article[data-testid^="conversation-turn-"]'
     );
 
     if (!articles || articles.length === 0) {

src/content/overlay.js

@@ -23,7 +23,7 @@ import { cleanHtml, htmlToMarkdown } from './base_scraper.js';
   const SITE_CONFIG = {
     "chat.openai.com": {
       name: "ChatGPT",
-      msgSelector: 'article[data-testid^="conversation-turn-"]',
+      msgSelector: 'section[data-testid^="conversation-turn-"], article[data-testid^="conversation-turn-"]',
       roleAttr: "data-turn",
       contentSelector: {
         user: ".whitespace-pre-wrap",
@@ -33,7 +33,7 @@ import { cleanHtml, htmlToMarkdown } from './base_scraper.js';
     },
     "chatgpt.com": {
       name: "ChatGPT",
-      msgSelector: 'article[data-testid^="conversation-turn-"]',
+      msgSelector: 'section[data-testid^="conversation-turn-"], article[data-testid^="conversation-turn-"]',
       roleAttr: "data-turn",
       contentSelector: {
         user: ".whitespace-pre-wrap",
@@ -146,6 +146,7 @@ import { cleanHtml, htmlToMarkdown } from './base_scraper.js';
         transition: opacity 0.2s;
       }
       article:hover .mde-msg-bar,
+      section:hover .mde-msg-bar,
       [data-testid]:hover .mde-msg-bar,
       div.conversation-container:hover .mde-msg-bar {
         opacity: 1;