// ==UserScript==
// @name Grajapa Downloader (Multilingual UI + Status)
// @namespace http://tampermonkey.net/
// @version 0.5.1 // Incremented version for the CDN change
// @description Easily download all images from grajapa.shueisha.co.jp with a single click. Features an enhanced UI, real-time status, and language options (EN, JP, CN).
// @author hg542006810 (Enhanced by AI Assistant & Community)
// @match https://www.grajapa.shueisha.co.jp/viewerV3_8/*
// @icon https://www.google.com/s2/favicons?domain=shueisha.co.jp
// @grant GM_addStyle
// @require http://code.jquery.com/jquery-1.11.0.min.js
// @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jszip.min.js
// @license MIT
// ==/UserScript==
(function() {
'use strict';
console.log('[GRAJAPA DOWNLOADER] Script initialized (v0.5.1)');
// --- Translations ---
const translations = {
en: {
scriptName: "Grajapa Downloader",
btnDownload: "Download All Images",
statusReady: "Status: Ready",
statusInitializing: "Status: Initializing...",
statusLocatingAlbums: "Status: Locating image albums...",
statusProcessingAlbum: "Processing album {current} of {total}...",
statusProcessingAlbumWait: "Processing album {current} of {total}... Please wait.",
statusFoundImages: "Found {count} images. Preparing ZIP...",
statusCreatingZip: "Creating ZIP... {percent}%",
statusZipProgress: "Compressing: {file}",
statusZipComplete: "ZIP created! ({count} images) Starting download...",
statusNoAlbums: "No image albums found (.list-group-item)! Check console and ensure you're on the correct page.",
statusNoImagesAfterProcessing: "No image URLs found after processing! Check console for errors.",
statusNoValidBase64Images: "No valid Base64 images found to ZIP! Check console for link types.",
statusErrorFrame: "Error: Could not find main image frame (.fixed-book-frame).",
statusErrorZip: "Error creating ZIP! {message}",
statusErrorIframe: "Error accessing iframe content. Possible cross-origin issue or content not loaded.",
alertNoAlbums: "No image items found! (Missing '.list-group-item' class). Please check browser console and if you are on the correct page.",
alertNoImages: "No images found! (After processing items, no image URLs were collected). Please check browser console for errors.",
alertNoBase64: "No recognizable Base64 images were found to create the ZIP file! Check the console for details on the links found.",
alertZipError: "Error creating ZIP file! {message}",
alertZipComplete: "ZIP creation complete. Download starting!",
langEnglish: "EN",
langJapanese: "JP",
langChinese: "CN",
errorAddingUI: "Failed to initialize script: Could not add UI to the page."
},
jp: {
scriptName: "Grajapaダウンローダー",
btnDownload: "すべての画像をダウンロード",
statusReady: "ステータス: 準備完了",
statusInitializing: "ステータス: 初期化中...",
statusLocatingAlbums: "ステータス: 画像アルバムを検索中...",
statusProcessingAlbum: "アルバム {current}/{total} を処理中...",
statusProcessingAlbumWait: "アルバム {current}/{total} を処理中... しばらくお待ちください。",
statusFoundImages: "{count}枚の画像が見つかりました。ZIPを準備中...",
statusCreatingZip: "ZIPを作成中... {percent}%",
statusZipProgress: "圧縮中: {file}",
statusZipComplete: "ZIP作成完了！({count}枚の画像) ダウンロードを開始します...",
statusNoAlbums: "画像アルバムが見つかりません (.list-group-item)！コンソールを確認し、正しいページにいることを確認してください。",
statusNoImagesAfterProcessing: "処理後に画像URLが見つかりません！コンソールでエラーを確認してください。",
statusNoValidBase64Images: "ZIPする有効なBase64画像が見つかりません！リンクの種類をコンソールで確認してください。",
statusErrorFrame: "エラー: メイン画像フレーム (.fixed-book-frame) が見つかりません。",
statusErrorZip: "ZIP作成エラー！{message}",
statusErrorIframe: "iframeコンテンツへのアクセスエラー。クロスオリジン問題またはコンテンツ未ロードの可能性があります。",
alertNoAlbums: "画像アイテムが見つかりません！（'.list-group-item'クラスがありません）。ブラウザのコンソールを確認し、正しいページにいるか確認してください。",
alertNoImages: "画像が見つかりません！（アイテム処理後、画像URLが収集されませんでした）。ブラウザのコンソールでエラーを確認してください。",
alertNoBase64: "ZIPファイルを作成するための認識可能なBase64画像が見つかりませんでした！見つかったリンクの詳細はコンソールを確認してください。",
alertZipError: "ZIPファイル作成エラー！{message}",
alertZipComplete: "ZIPの作成が完了しました。ダウンロードを開始します！",
langEnglish: "英語",
langJapanese: "日本語",
langChinese: "中国語",
errorAddingUI: "スクリプトの初期化に失敗しました：UIをページに追加できませんでした。"
},
cn: { // Simplified Chinese
scriptName: "Grajapa 下载器",
btnDownload: "下载所有图片",
statusReady: "状态: 准备就绪",
statusInitializing: "状态: 初始化中...",
statusLocatingAlbums: "状态: 正在查找图片相册...",
statusProcessingAlbum: "正在处理相册 {current}/{total}...",
statusProcessingAlbumWait: "正在处理相册 {current}/{total}... 请稍候。",
statusFoundImages: "找到 {count} 张图片。正在准备ZIP...",
statusCreatingZip: "正在创建ZIP... {percent}%",
statusZipProgress: "正在压缩: {file}",
statusZipComplete: "ZIP创建完成！({count}张图片) 下载即将开始...",
statusNoAlbums: "未找到图片相册 (.list-group-item)！请检查控制台并确保您在正确的页面上。",
statusNoImagesAfterProcessing: "处理后未找到图片URL！请检查控制台中的错误。",
statusNoValidBase64Images: "未找到可ZIP的有效Base64图片！请在控制台中检查链接类型。",
statusErrorFrame: "错误: 未找到主图片框 (.fixed-book-frame)。",
statusErrorZip: "创建ZIP时出错！{message}",
statusErrorIframe: "访问iframe内容时出错。可能是跨域问题或内容未加载。",
alertNoAlbums: "未找到图片项目！（缺少'.list-group-item'类）。请检查浏览器控制台，并确认您是否在正确的页面上。",
alertNoImages: "未找到图片！（处理项目后，未收集到图片URL）。请检查浏览器控制台中的错误。",
alertNoBase64: "未找到可识别的Base64图片来创建ZIP文件！请检查控制台以获取有关找到的链接的详细信息。",
alertZipError: "创建ZIP文件时出错！{message}",
alertZipComplete: "ZIP创建完成。下载即将开始！",
langEnglish: "英语",
langJapanese: "日语",
langChinese: "中文",
errorAddingUI: "脚本初始化失败：无法将UI添加到页面。"
}
};
let currentLang = localStorage.getItem('grajapaDownloaderLang') || 'en';
// Helper function to get translated string
function T(key, replacements = {}) {
let translatedString = (translations[currentLang] && translations[currentLang][key]) || translations.en[key] || `MISSING_TRANSLATION: ${key}`;
for (const placeholder in replacements) {
translatedString = translatedString.replace(`{${placeholder}}`, replacements[placeholder]);
}
return translatedString;
}
// --- UI Elements ---
var uiContainer, button, statusArea, langButtonContainer;
function createUI() {
uiContainer = document.createElement('div');
uiContainer.id = 'grajapa_downloader_container';
// Language buttons
langButtonContainer = document.createElement('div');
langButtonContainer.id = 'grajapa_lang_selector';
['en', 'jp', 'cn'].forEach(langCode => {
const langButton = document.createElement('button');
langButton.id = `lang_btn_${langCode}`;
langButton.textContent = translations[langCode][`lang${langCode.charAt(0).toUpperCase() + langCode.slice(1)}`];
if (currentLang === langCode) {
langButton.classList.add('active');
}
langButton.addEventListener('click', () => setLanguage(langCode));
langButtonContainer.appendChild(langButton);
});
uiContainer.appendChild(langButtonContainer);
button = document.createElement('button');
button.id = 'grajapa_download_button';
uiContainer.appendChild(button);
statusArea = document.createElement('div');
statusArea.id = 'grajapa_status_area';
uiContainer.appendChild(statusArea);
applyTranslationsToUI();
}
function applyTranslationsToUI() {
if (!uiContainer) return;
button.textContent = T('btnDownload');
statusArea.textContent = T('statusReady');
['en', 'jp', 'cn'].forEach(langCode => {
const langButton = document.getElementById(`lang_btn_${langCode}`);
if (langButton) {
langButton.textContent = translations[langCode][`lang${langCode.charAt(0).toUpperCase() + langCode.slice(1)}`];
if (currentLang === langCode) {
langButton.classList.add('active');
} else {
langButton.classList.remove('active');
}
}
});
if(button.disabled) {
// Status already set by ongoing process, no need to reset to 'Ready'
} else {
statusArea.textContent = T('statusReady');
}
}
function setLanguage(langCode) {
currentLang = langCode;
localStorage.setItem('grajapaDownloaderLang', langCode);
console.log(`[GRAJAPA DOWNLOADER] Language changed to: ${langCode}`);
applyTranslationsToUI();
if (!button.disabled) {
updateStatus('statusReady');
}
}
GM_addStyle(`
#grajapa_downloader_container {
position: fixed; z-index: 10000; top: 20px; right: 20px;
background: #f9f9f9; border: 1px solid #ccc; border-radius: 8px;
padding: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
font-family: Arial, sans-serif; width: 280px; text-align: center;
}
#grajapa_lang_selector {
margin-bottom: 10px; display: flex; justify-content: space-around;
}
#grajapa_lang_selector button {
background-color: #e0e0e0; color: #333; border: 1px solid #c0c0c0;
padding: 5px 8px; font-size: 12px; cursor: pointer; border-radius: 4px;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
#grajapa_lang_selector button:hover {
background-color: #d0d0d0;
}
#grajapa_lang_selector button.active {
background-color: #007bff; color: white; border-color: #0056b3;
font-weight: bold; box-shadow: 0 0 5px rgba(0,123,255,0.5);
}
#grajapa_download_button {
background-color: #007bff; color: white; border: none;
padding: 10px 15px; text-align: center; display: block; width: 100%;
font-size: 16px; margin-bottom: 10px; cursor: pointer;
border-radius: 5px; transition: background-color 0.3s ease;
}
#grajapa_download_button:hover { background-color: #0056b3; }
#grajapa_download_button:disabled { background-color: #cccccc; cursor: not-allowed; }
#grajapa_status_area {
font-size: 13px; color: #333; padding: 8px; border-top: 1px solid #eee;
margin-top: 5px; min-height: 20px; background-color: #fff; border-radius: 4px;
word-wrap: break-word;
}
#grajapa_status_area.error { color: #D8000C; background-color: #FFD2D2; font-weight: bold; }
#grajapa_status_area.success { color: #2F855A; background-color: #C6F6D5; font-weight: bold; }
`);
function updateStatus(messageKey, type = 'info', replacements = {}) {
const messageText = T(messageKey, replacements);
if (statusArea) { // Ensure statusArea exists
statusArea.textContent = messageText;
statusArea.className = ''; // Reset class
if (type === 'error') {
statusArea.classList.add('error');
} else if (type === 'success') {
statusArea.classList.add('success');
}
}
console.log(`[GRAJAPA DOWNLOADER STATUS] ${messageText}`);
}
async function handleDownload() {
if (button) button.disabled = true;
updateStatus('statusInitializing');
console.log('[GRAJAPA DOWNLOADER] Download button clicked');
async function getImages(index, sum, allCollectedImages) {
updateStatus('statusProcessingAlbum', 'info', { current: index + 1, total: sum });
console.log(`[GRAJAPA DOWNLOADER] Processing item ${index + 1} of ${sum}`);
let currentBatchImages = [];
const listItem = $('.list-group-item')[index];
if (!listItem) {
console.error('[GRAJAPA DOWNLOADER] Could not find .list-group-item for index:', index);
updateStatus('statusNoAlbums', 'error');
return allCollectedImages;
}
listItem.click();
await new Promise(resolve => setTimeout(resolve, 1500));
const fixedBookFrames = $('.fixed-book-frame');
if (fixedBookFrames.length === 0 && index === 0) {
updateStatus('statusErrorFrame', 'error');
console.warn('[GRAJAPA DOWNLOADER] No .fixed-book-frame found');
}
fixedBookFrames.each(function () {
$(this).find('iframe').each(function () {
try {
const iframeContents = $(this).contents();
iframeContents.find('image').each(function () {
const link = $(this).attr('xlink:href');
if (link && allCollectedImages.indexOf(link) === -1 && currentBatchImages.indexOf(link) === -1) {
currentBatchImages.push(link);
}
});
iframeContents.find('img').each(function () {
const srcLink = $(this).attr('src');
if (srcLink && allCollectedImages.indexOf(srcLink) === -1 && currentBatchImages.indexOf(srcLink) === -1) {
currentBatchImages.push(srcLink);
}
});
} catch (e) {
console.error('[GRAJAPA DOWNLOADER] Error accessing iframe content:', e.message);
}
});
});
allCollectedImages = allCollectedImages.concat(currentBatchImages);
console.log(`[GRAJAPA DOWNLOADER] Images found this round: ${currentBatchImages.length}. Total collected: ${allCollectedImages.length}`);
if (index + 1 < sum) {
updateStatus('statusProcessingAlbumWait', 'info', { current: index + 1, total: sum });
await new Promise((resolve) => setTimeout(resolve, 1000));
return getImages(index + 1, sum, allCollectedImages);
}
return allCollectedImages;
}
updateStatus('statusLocatingAlbums');
const itemCount = $('.list-group-item').length;
console.log(`[GRAJAPA DOWNLOADER] Found items (.list-group-item): ${itemCount}`);
if (itemCount === 0) {
updateStatus('statusNoAlbums', 'error');
alert(T('alertNoAlbums'));
if (button) button.disabled = false;
return;
}
const images = await getImages(0, itemCount, []);
console.log(`[GRAJAPA DOWNLOADER] Total images collected after recursion: ${images.length}`);
if (images.length === 0) {
updateStatus('statusNoImagesAfterProcessing', 'error');
alert(T('alertNoImages'));
if (button) button.disabled = false;
return;
}
updateStatus('statusFoundImages', 'info', { count: images.length });
const zip = new JSZip();
const imgFolder = zip.folder('images');
let validImageCount = 0;
images.forEach((item) => {
if (typeof item !== 'string') return;
let base64Data = '';
let extension = '';
if (item.startsWith('data:image/jpeg;base64,')) {
base64Data = item.replace('data:image/jpeg;base64,', '');
extension = '.jpeg';
} else if (item.startsWith('data:image/jpg;base64,')) {
base64Data = item.replace('data:image/jpg;base64,', '');
extension = '.jpg';
} else if (item.startsWith('data:image/png;base64,')) {
base64Data = item.replace('data:image/png;base64,', '');
extension = '.png';
} else {
console.warn(`[GRAJAPA DOWNLOADER] Unsupported link format or not a known Base64 data URI: ${item}`);
return;
}
if (base64Data && extension) {
imgFolder.file((validImageCount + 1) + extension, base64Data, { base64: true });
validImageCount++;
}
});
if (validImageCount === 0) {
updateStatus('statusNoValidBase64Images', 'error');
alert(T('alertNoBase64'));
if (button) button.disabled = false;
return;
}
console.log(`[GRAJAPA DOWNLOADER] Creating ZIP file for ${validImageCount} images.`);
zip.generateAsync({ type: 'blob' }, (metadata) => {
updateStatus('statusCreatingZip', 'info', { percent: metadata.percent.toFixed(0) });
if (metadata.currentFile) {
console.log(T('statusZipProgress', { file: metadata.currentFile }));
}
})
.then((content) => {
const a = document.createElement('a');
a.href = URL.createObjectURL(content);
let pageTitle = document.title.replace(/[<>:"/\\|?*]+/g, '_').trim() || 'grajapa_images';
a.download = `${pageTitle}_${Date.now()}.zip`;
a.click();
URL.revokeObjectURL(a.href);
console.log(`[GRAJAPA DOWNLOADER] ZIP file created and download initiated: ${a.download}`);
updateStatus('statusZipComplete', 'success', { count: validImageCount });
alert(T('alertZipComplete'));
setTimeout(() => {
if (button && !button.disabled) updateStatus('statusReady');
}, 7000);
})
.catch((err) => {
console.error('[GRAJAPA DOWNLOADER] Error creating ZIP:', err);
updateStatus('statusErrorZip', 'error', { message: err.message });
alert(T('alertZipError', { message: err.message }));
})
.finally(() => {
if (button) button.disabled = false;
// Check current status class to avoid resetting a success/error message immediately to "Ready"
if (statusArea && !(statusArea.classList.contains('success') || statusArea.classList.contains('error'))) {
updateStatus('statusReady');
}
});
}
function init() {
createUI();
if (button) { // Ensure button is created before assigning onclick
button.onclick = handleDownload;
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
if (uiContainer) document.body.appendChild(uiContainer);
console.log('[GRAJAPA DOWNLOADER] UI added after DOMContentLoaded.');
});
} else {
try {
if (uiContainer) document.body.appendChild(uiContainer);
console.log('[GRAJAPA DOWNLOADER] UI added to body.');
} catch (e) {
console.error('[GRAJAPA DOWNLOADER] Could not append UI to body:', e);
alert(T('errorAddingUI'));
}
}
}
init();
})();
