Media
1 item
Description
Drag selected text, links, and images to open, search, or copy them. Smart Super Drag is a Google Chrome Manifest V3 extension that allows you to quickly perform actions such as searching, navigating, copying, and saving by simply dragging and dropping selected text, URL strings, links, images, or image-links on a web page. It resolves a common pain point of existing drag extensions: "I dragged a URL string, but it searched instead of navigating" by using advanced URL normalization and detection. -------------------------------------------------- Key Features 1. Intelligent Drag & Drop Detection Automatically determines the target object at the start of a drag: - Selected Text: Automatically distinguishes between plain text and URL strings. - URL Strings: In addition to standard URLs starting with "https://", it detects scheme-less URLs (e.g., github.com/..., example.com/path) and automatically prepends "https://" to navigate directly. - Links: Prioritizes the target link URL (href) rather than the displayed text. - Images: Allows you to open image URLs, copy the image itself to the clipboard, or perform a Google image search. - Image-Links: For images wrapped in links, you can configure whether to prioritize the link navigation or the image itself. 2. Intuitive Directional Actions Assign different actions depending on the drag direction (Up, Down, Left, Right). - A small action label follows the cursor during the drag gesture to preview the pending action. - A "direction switch margin" is built-in to prevent accidental triggering due to shaky hand movements. - Disabled by default inside editable fields (like "input", "textarea", or "contenteditable" elements) to prevent interference with typing. 3. Quick Settings Popup (Popup UI) Click the extension icon in the browser toolbar to quickly toggle or customize settings: - Toggle the extension on or off globally. - Toggle drag action labels on or off. - Enable or disable the extension inside editable fields. - Configure target-specific actions for each direction (Up, Down, Left, Right). - Reset settings to defaults. 4. Context Menu (Right-Click) Support In addition to drag gestures, perform shortcuts from the browser's right-click context menu: - Dynamically toggles between "Open Selected URL" and "Search Selected Text" depending on whether the selection is a valid URL. - Dedicated context menu options for links and images. -------------------------------------------------- Installation (Loading Unpacked) 1. Clone or download this repository. 2. Open "chrome://extensions" in Google Chrome. 3. Enable "Developer mode" in the top right corner. 4. Click "Load unpacked" in the top left corner. 5. Select the root directory of this project (the directory containing "manifest.json"). -------------------------------------------------- For Developers This project uses Node.js's built-in test runner to run unit tests for URL normalization and integration simulation tests for content scripts and the background service worker. Run Tests: npm test Directory Structure: - src/manifest.json: Extension manifest (Manifest V3) - src/background.js: Background service worker (Tab management, context menus, settings initialization, action execution) - src/content.js: Content script (Drag gesture monitoring, target detection, drag UI label, clipboard helper) - src/popup.html / .css / .js: Settings toolbar popup - src/utils/: Common utility modules - shared.js: Shared constant definitions (message types, target kinds) - url.js: URL normalization and detection helpers - actions.js: Drag direction calculation and action resolution mapping - defaults.js: Default settings and storage sync helpers - tests/: Automated test suite (unit tests, simulated integration tests in VM contexts) -------------------------------------------------- License This project is licensed under the MIT License (LICENSE). Repository: https://github.com/Rakua-Laqua/Smart-Super-Drag