// ==UserScript==
// @name         Export Shopify Fullsize File URLs
// @namespace    http://tampermonkey.net/
// @version      1.8
// @description  Export all fullsize file URLs from Shopify to clipboard and log them in console (bulk export with pagination)
// @author       sharmanhall
// @match        https://admin.shopify.com/store/*/content/files?limit=*&selectedView=all
// @match        https://admin.shopify.com/store/*/content/files*
// @grant        GM_setClipboard
// @grant        GM_log
// @run-at       document-end
// @license      MIT
// @icon         https://www.google.com/s2/favicons?sz=64&domain=shopify.com
// @compatible   chrome
// @compatible   edge
// @compatible   firefox
// @compatible   safari
// @compatible   brave
// ==/UserScript==
(function() {
'use strict';
let accumulatedUrls = [];
let consoleMessages = [];
// Function to extract file URLs
function extractFileUrls() {
const fileElements = document.querySelectorAll('td._ThumbnailCell_b1ynd_1.Polaris-IndexTable__TableCell div > div > button > span img');
const fileUrls = Array.from(fileElements).map(el => el.src.replace('_60x60', ''));
console.log('Fullsize File URLs:', fileUrls);
GM_setClipboard(fileUrls.join('\n'));
GM_log('Fullsize file URLs copied to clipboard.');
showNotification(`${fileUrls.length} links copied to clipboard.`);
logToExpandableConsole(`Fullsize File URLs: ${fileUrls.join(', ')}`);
}
// Function to accumulate file URLs and copy to clipboard
function accumulateFileUrls() {
const fileElements = document.querySelectorAll('td._ThumbnailCell_b1ynd_1.Polaris-IndexTable__TableCell div > div > button > span img');
const fileUrls = Array.from(fileElements).map(el => el.src.replace('_60x60', ''));
accumulatedUrls = accumulatedUrls.concat(fileUrls);
console.log('Accumulated Fullsize File URLs:', accumulatedUrls);
GM_setClipboard(accumulatedUrls.join('\n'));
GM_log('Accumulated fullsize file URLs copied to clipboard.');
showNotification(`${accumulatedUrls.length} total links accumulated and copied to clipboard.`);
logToExpandableConsole(`Accumulated Fullsize File URLs: ${accumulatedUrls.join(', ')}`);
}
// Function to create a floating button for extracting URLs
function createFloatingButton() {
const button = document.createElement('button');
button.innerText = 'Export File URLs';
button.style.position = 'fixed';
button.style.bottom = '10px';
button.style.right = '10px';
button.style.zIndex = '1000';
button.style.padding = '10px';
button.style.backgroundColor = '#008CBA';
button.style.color = 'white';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
button.addEventListener('click', extractFileUrls);
document.body.appendChild(button);
}
// Function to create a floating button for accumulating URLs
function createAccumulateButton() {
const button = document.createElement('button');
button.innerText = 'Accumulate URLs';
button.style.position = 'fixed';
button.style.bottom = '10px';
button.style.right = '150px';
button.style.zIndex = '1000';
button.style.padding = '10px';
button.style.backgroundColor = '#FFA500';
button.style.color = 'white';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
button.addEventListener('click', accumulateFileUrls);
document.body.appendChild(button);
}
// Function to create a floating input area for changing the limit parameter
function createLimitInput() {
const container = document.createElement('div');
container.style.position = 'fixed';
container.style.bottom = '50px';
container.style.right = '10px';
container.style.zIndex = '1000';
container.style.padding = '10px';
container.style.backgroundColor = '#fff';
container.style.border = '1px solid #ccc';
container.style.borderRadius = '5px';
const label = document.createElement('label');
label.innerText = 'Set Limit: ';
label.style.marginRight = '5px';
const input = document.createElement('input');
input.type = 'number';
input.value = 10;
input.style.marginRight = '5px';
input.style.width = '50px';
const setButton = document.createElement('button');
setButton.innerText = 'Set';
setButton.style.padding = '5px';
setButton.style.backgroundColor = '#008CBA';
setButton.style.color = 'white';
setButton.style.border = 'none';
setButton.style.borderRadius = '5px';
setButton.style.cursor = 'pointer';
setButton.addEventListener('click', () => {
const limit = input.value;
const currentUrl = new URL(window.location.href);
currentUrl.searchParams.set('limit', limit);
window.location.href = currentUrl.toString();
});
container.appendChild(label);
container.appendChild(input);
container.appendChild(setButton);
document.body.appendChild(container);
}
// Function to create quick change buttons
function createQuickChangeButtons() {
const limits = [10, 50, 100, 200, 250];
const container = document.createElement('div');
container.style.position = 'fixed';
container.style.bottom = '110px';
container.style.right = '10px';
container.style.zIndex = '1000';
container.style.padding = '10px';
container.style.backgroundColor = '#fff';
container.style.border = '1px solid #ccc';
container.style.borderRadius = '5px';
container.style.display = 'flex';
container.style.flexDirection = 'column';
container.style.gap = '5px';
limits.forEach(limit => {
const button = document.createElement('button');
button.innerText = `Set Limit ${limit}`;
button.style.padding = '5px';
button.style.backgroundColor = '#008CBA';
button.style.color = 'white';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
button.addEventListener('click', () => {
const currentUrl = new URL(window.location.href);
currentUrl.searchParams.set('limit', limit);
window.location.href = currentUrl.toString();
showNotification(`Limit set to ${limit}.`);
logToExpandableConsole(`Limit set to ${limit}`);
});
container.appendChild(button);
});
document.body.appendChild(container);
}
// Function to show notification
function showNotification(message) {
const notification = document.createElement('div');
notification.innerText = message;
notification.style.position = 'fixed';
notification.style.bottom = '20px';
notification.style.left = '50%';
notification.style.transform = 'translateX(-50%)';
notification.style.zIndex = '1000';
notification.style.padding = '10px';
notification.style.backgroundColor = '#333';
notification.style.color = 'white';
notification.style.borderRadius = '5px';
notification.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.5)';
notification.style.transition = 'opacity 0.5s';
notification.style.opacity = '1';
document.body.appendChild(notification);
setTimeout(() => {
notification.style.opacity = '0';
setTimeout(() => {
notification.remove();
}, 500);
}, 3000);
}
// Function to create an expandable console log area
function createExpandableConsole() {
const container = document.createElement('div');
container.style.position = 'fixed';
container.style.bottom = '10px';
container.style.left = '10px';
container.style.zIndex = '1000';
container.style.width = '300px';
container.style.maxHeight = '200px';
container.style.overflowY = 'auto';
container.style.backgroundColor = '#fff';
container.style.border = '1px solid #ccc';
container.style.borderRadius = '5px';
container.style.padding = '10px';
container.style.display = 'none';
const toggleButton = document.createElement('button');
toggleButton.innerText = 'Show Console';
toggleButton.style.position = 'fixed';
toggleButton.style.bottom = '10px';
toggleButton.style.left = '320px';
toggleButton.style.zIndex = '1001';
toggleButton.style.padding = '10px';
toggleButton.style.backgroundColor = '#008CBA';
toggleButton.style.color = 'white';
toggleButton.style.border = 'none';
toggleButton.style.borderRadius = '5px';
toggleButton.style.cursor = 'pointer';
toggleButton.addEventListener('click', () => {
container.style.display = container.style.display === 'none' ? 'block' : 'none';
toggleButton.innerText = container.style.display === 'none' ? 'Show Console' : 'Hide Console';
});
document.body.appendChild(toggleButton);
document.body.appendChild(container);
return container;
}
// Function to log messages to the expandable console
function logToExpandableConsole(message) {
consoleMessages.push(message);
const consoleContainer = document.querySelector('.expandable-console');
if (consoleContainer) {
consoleContainer.innerHTML = consoleMessages.join('<br>');
}
}
// Wait for the page to fully load
window.addEventListener('load', () => {
createFloatingButton();
createAccumulateButton();
createLimitInput();
createQuickChangeButtons();
const expandableConsole = createExpandableConsole();
expandableConsole.classList.add('expandable-console');
});
})();