☰

DuckDuckGo Image Link Extractor (Iterate Tiles)

Iterates through div.tile--img, clicks, extracts, closes (fixed)

  1. // ==UserScript==
  2. // @name        DuckDuckGo Image Link Extractor (Iterate Tiles)
  3. // @namespace   yournamespace
  4. // @match       https://duckduckgo.com/*images*
  5. // @grant       none
  6. // @version     1.7
  7. // @license     GNU General Public License v3.0
  8. // @description Iterates through div.tile--img, clicks, extracts, closes (fixed)
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     let isProcessing = false;
  15.     let stopProcessing = false;
  16.     let processedCount = 0;
  17.     let totalCount = 0;
  18.  
  19.     async function processImageTiles() {
  20.         if (isProcessing) return;
  21.         
  22.         isProcessing = true;
  23.         stopProcessing = false;
  24.         processedCount = 0;
  25.         
  26.         const imageTiles = document.querySelectorAll('div.tile--img');
  27.         totalCount = imageTiles.length;
  28.         
  29.         updateProgress(0, totalCount);
  30.         
  31.         for (const tile of imageTiles) {
  32.             if (stopProcessing) break;
  33.             
  34.             const imgElement = tile.querySelector('.tile--img__img');
  35.             const dimensions = tile.querySelector('.tile--img__dimensions');
  36.             
  37.             if (imgElement && dimensions) {
  38.                 // Parse dimensions (format: "2560 × 1677")
  39.                 const [width, height] = dimensions.textContent.split(' × ').map(Number);
  40.                 
  41.                 // Calculate total pixels and compare to 1920x1080 (2,073,600 pixels)
  42.                 const totalPixels = width * height;
  43.                 if (totalPixels < 2073600) {
  44.                     processedCount++; // Count as processed
  45.                     updateProgress(processedCount, totalCount);
  46.                     continue;
  47.                 }
  48.                 try {
  49.                     imgElement.click();
  50.                     const detailViewSuccess = await waitForDetailView();
  51.                     if (detailViewSuccess) {
  52.                         await extractAndClose();
  53.                         processedCount++;
  54.                         updateProgress(processedCount, totalCount);
  55.                     }
  56.                 } catch (error) {
  57.                     console.error('Error processing tile:', error);
  58.                     // Continue with next tile even if one fails
  59.                 }
  60.             }
  61.             await new Promise(resolve => setTimeout(resolve, 500)); // Increased delay between tiles
  62.         }
  63.  
  64.         isProcessing = false;
  65.         showPopup(stopProcessing ? "Extraction stopped" : "Extraction complete");
  66.         
  67.         // Show select all button
  68.         const selectAllBtn = document.querySelector('#extractedLinksList + div button');
  69.         if (selectAllBtn) {
  70.             selectAllBtn.style.display = 'block';
  71.         }
  72.     }
  73.  
  74.     async function waitForDetailView() {
  75.         return new Promise(resolve => {
  76.             const checkInterval = setInterval(() => {
  77.                 const detailBtn = document.querySelector('a.c-detail__btn, .detail__media, .detail__content');
  78.                 if (detailBtn) {
  79.                     clearInterval(checkInterval);
  80.                     resolve(true);
  81.                 }
  82.             }, 200);
  83.             setTimeout(() => {
  84.                 clearInterval(checkInterval);
  85.                 resolve(false);
  86.             }, 3000);
  87.         });
  88.     }
  89.  
  90.     async function extractAndClose() {
  91.         const linkElement = document.querySelector('a.c-detail__btn');
  92.         if (linkElement) {
  93.             const href = linkElement.getAttribute('href');
  94.             if (href) {
  95.                 displaySingleLink(href);
  96.             }
  97.         }
  98.         const closeButton = document.querySelector('a.detail__close');
  99.         if (closeButton) {
  100.             closeButton.click();
  101.             await new Promise(resolve => setTimeout(resolve, 500)); // Increased delay after close
  102.             // await waitForClose(); //removed waitForClose function
  103.         }
  104.     }
  105.  
  106.     function displaySingleLink(link) {
  107.         let linkList = document.getElementById('extractedLinksList');
  108.         if (!linkList) {
  109.             createLinkLists();
  110.             linkList = document.getElementById('extractedLinksList');
  111.         }
  112.  
  113.         if (!linkList) {
  114.             linkList = document.createElement('div');
  115.             linkList.id = 'extractedLinksList';
  116.             linkList.style.position = 'fixed';
  117.             linkList.style.top = '10px';
  118.             linkList.style.left = '10px';
  119.             linkList.style.backgroundColor = '#f5f5f5';
  120.             linkList.style.border = '1px solid #ddd';
  121.             linkList.style.padding = '10px';
  122.             linkList.style.zIndex = '1000';
  123.             linkList.style.maxHeight = '33vh';
  124.             linkList.style.overflowY = 'auto';
  125.             linkList.style.width = '300px';
  126.             linkList.style.borderRadius = '4px';
  127.             linkList.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)';
  128.             document.body.appendChild(linkList);
  129.         }
  130.  
  131.         const ul = document.createElement('ul');
  132.         ul.style.listStyle = 'none';
  133.         ul.style.margin = '0';
  134.         ul.style.padding = '0';
  135.         
  136.         const li = document.createElement('li');
  137.         li.style.margin = '5px 0';
  138.         li.style.padding = '8px';
  139.         li.style.backgroundColor = 'white';
  140.         li.style.border = '1px solid #eee';
  141.         li.style.borderRadius = '3px';
  142.         
  143.         const a = document.createElement('a');
  144.         a.href = link;
  145.         a.textContent = link;
  146.         a.target = "_blank";
  147.         a.style.color = '#0077cc';
  148.         a.style.textDecoration = 'none';
  149.         a.style.wordBreak = 'break-all';
  150.         a.style.display = 'block';
  151.         
  152.         a.addEventListener('mouseover', () => {
  153.             a.style.textDecoration = 'underline';
  154.         });
  155.         a.addEventListener('mouseout', () => {
  156.             a.style.textDecoration = 'none';
  157.         });
  158.  
  159.         li.appendChild(a);
  160.         ul.appendChild(li);
  161.         linkList.appendChild(ul);
  162.         
  163.         // Update link counter
  164.         const linkCounter = document.getElementById('linkCounter');
  165.         if (linkCounter) {
  166.             const linkCount = linkList.querySelectorAll('ul').length;
  167.             linkCounter.textContent = `${linkCount} link${linkCount !== 1 ? 's' : ''}`;
  168.         }
  169.     }
  170.  
  171.     function showPopup(message) {
  172.         const popup = document.createElement('div');
  173.         popup.textContent = message;
  174.         popup.style.position = 'fixed';
  175.         popup.style.top = '50%';
  176.         popup.style.left = '50%';
  177.         popup.style.transform = 'translate(-50%, -50%)';
  178.         popup.style.backgroundColor = 'white';
  179.         popup.style.border = '1px solid black';
  180.         popup.style.padding = '10px';
  181.         popup.style.zIndex = '1001';
  182.  
  183.         document.body.appendChild(popup);
  184.  
  185.         setTimeout(() => {
  186.             document.body.removeChild(popup);
  187.         }, 2000);
  188.     }
  189.  
  190.     function createLinkLists() {
  191.         const container = document.createElement('div');
  192.         container.style.position = 'fixed';
  193.         container.style.top = '10px';
  194.         container.style.left = '10px';
  195.         container.style.zIndex = '1000';
  196.         container.style.display = 'flex';
  197.         container.style.flexDirection = 'column';
  198.         container.style.gap = '10px';
  199.  
  200.         // Create select all button
  201.         const selectAllBtn = document.createElement('button');
  202.         selectAllBtn.textContent = 'Select All';
  203.         selectAllBtn.style.position = 'absolute';
  204.         selectAllBtn.style.left = '320px'; // Position to the right of the link boxes
  205.         selectAllBtn.style.top = '10px'; // Align with top of first box
  206.         selectAllBtn.style.zIndex = '1001';
  207.         selectAllBtn.style.padding = '4px 8px';
  208.         selectAllBtn.style.borderRadius = '3px';
  209.         selectAllBtn.style.border = '1px solid #ccc';
  210.         selectAllBtn.style.backgroundColor = '#f5f5f5';
  211.         selectAllBtn.style.cursor = 'pointer';
  212.         
  213.         selectAllBtn.addEventListener('click', () => {
  214.             const linkList = document.getElementById('extractedLinksList');
  215.             if (linkList) {
  216.                 const range = document.createRange();
  217.                 range.selectNodeContents(linkList);
  218.                 const selection = window.getSelection();
  219.                 selection.removeAllRanges();
  220.                 selection.addRange(range);
  221.             }
  222.         });
  223.  
  224.         // Create good links list
  225.         const goodList = document.createElement('div');
  226.         goodList.id = 'extractedLinksList';
  227.         goodList.style.backgroundColor = '#f5f5f5';
  228.         goodList.style.border = '1px solid #ddd';
  229.         goodList.style.padding = '10px';
  230.         goodList.style.maxHeight = '33vh';
  231.         goodList.style.overflowY = 'auto';
  232.         goodList.style.width = '300px';
  233.         goodList.style.borderRadius = '4px';
  234.         goodList.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)';
  235.         goodList.style.position = 'relative'; // Needed for absolute positioning of counter
  236.  
  237.         // Create link counter
  238.         const linkCounter = document.createElement('div');
  239.         linkCounter.id = 'linkCounter';
  240.         linkCounter.style.position = 'absolute';
  241.         linkCounter.style.bottom = '5px';
  242.         linkCounter.style.right = '10px';
  243.         linkCounter.style.backgroundColor = 'rgba(255,255,255,0.8)';
  244.         linkCounter.style.padding = '2px 6px';
  245.         linkCounter.style.borderRadius = '3px';
  246.         linkCounter.style.fontSize = '0.8em';
  247.         linkCounter.style.color = '#666';
  248.         linkCounter.textContent = '0 links';
  249.         goodList.appendChild(linkCounter);
  250.  
  251.         container.appendChild(goodList);
  252.         container.appendChild(selectAllBtn);
  253.         document.body.appendChild(container);
  254.     }
  255.  
  256.  
  257.     function createControlPanel() {
  258.         const panel = document.createElement('div');
  259.         panel.style.position = 'fixed';
  260.         panel.style.top = '10px';
  261.         panel.style.right = '10px';
  262.         panel.style.zIndex = '1000';
  263.         panel.style.display = 'flex';
  264.         panel.style.gap = '5px';
  265.         panel.style.backgroundColor = 'white';
  266.         panel.style.padding = '5px';
  267.         panel.style.border = '1px solid #ccc';
  268.         panel.style.borderRadius = '4px';
  269.  
  270.         const startButton = document.createElement('button');
  271.         startButton.textContent = 'Start Extraction';
  272.         startButton.addEventListener('click', processImageTiles);
  273.  
  274.         const stopButton = document.createElement('button');
  275.         stopButton.textContent = 'Stop';
  276.         stopButton.style.backgroundColor = '#ff4444';
  277.         stopButton.addEventListener('click', () => {
  278.             stopProcessing = true;
  279.         });
  280.  
  281.         const progress = document.createElement('div');
  282.         progress.id = 'extractionProgress';
  283.         progress.style.marginLeft = '10px';
  284.         progress.style.padding = '5px 10px';
  285.  
  286.         panel.appendChild(startButton);
  287.         panel.appendChild(stopButton);
  288.         panel.appendChild(progress);
  289.         document.body.appendChild(panel);
  290.     }
  291.  
  292.     function updateProgress(current, total) {
  293.         const progress = document.getElementById('extractionProgress');
  294.         if (progress) {
  295.             progress.textContent = `${current}/${total} (${Math.round((current/total)*100)}%)`;
  296.             progress.style.color = current === total ? 'green' : 'black';
  297.         }
  298.     }
  299.  
  300.     createControlPanel();
  301. })();