Fix WhatsApp Web chat access and enhance message/reaction detection #7
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Problem Due to recent WhatsApp Web updates, the extension could no longer: - Access chat text content from messages - Reliably detect message reactions - Extract messages when DOM structure changed ## Solution ### Enhanced Message Detection (content.js) - Added multiple fallback strategies for finding messages: 1. Primary: [data-pre-plain-text] selector 2. Fallback 1: [role="row"] .copyable-text 3. Fallback 2: .copyable-text[data-id] 4. Fallback 3: data-id attributes in #main - Ensures extension works even when WhatsApp changes selectors ### Real Chat Text Extraction - Added extractMessageText() method with 5 extraction strategies - Looks for .selectable-text elements (primary WhatsApp text container) - Falls back to message row parent and sibling elements - Extracts and stores actual message text content - Now extension has access to real chat data again! ### Improved Reaction Detection - Enhanced findReactionChipsGeneric() with 2025 selectors - Added emoji Unicode range detection (including newer emoji ranges) - Searches for small emoji-containing elements (reaction chips) - Uses getBoundingClientRect() to filter reaction-sized elements - Updated emoji regex to include: 🫠 🫶 🫰 and other 2025 emojis ### Data Storage Updates - Added messageText field to all data structures - Updated background.js to store and retrieve message text - Modified saveToStorage, loadFromStorage, dumpCorpus, importCorpus - Message text now available for analytics and export ### Version & Logging - Bumped version to 2.7 in manifest.json - Added informative startup console messages - Enhanced debug logging for troubleshooting ## Testing Instructions 1. Load extension in Chrome (chrome://extensions) 2. Open WhatsApp Web and navigate to a group chat 3. Open DevTools Console 4. You should see: "What's That!? v2.7 - Now with enhanced WhatsApp support!" 5. Scroll through messages - console will show detected messages with text 6. Run window.showDebugPanel() to see stats 7. Run window.debugExtension() to verify data extraction ## Technical Details - Maintains backward compatibility with stored data - Non-breaking changes to data structures - Graceful fallbacks prevent errors on different WhatsApp versions - Performance optimized with try-catch blocks
Author
|
It now does work on linux and MacOS on the latest chrome version. It takes a bit on mac until it processes, but works. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Problem
Due to recent WhatsApp Web updates, the extension could no longer:
Solution
Enhanced Message Detection (content.js)
Real Chat Text Extraction
Improved Reaction Detection
Data Storage Updates
Version & Logging
Testing Instructions
Technical Details