//
// 批量下载鸣潮角色图
//

// URL: https://wutheringwaves.fandom.com/wiki/Wuthering_Waves_Wiki

// 清洗链接
function cleanImageUrl(url) {
  // 使用正则表达式匹配并提取需要的部分
  const cleanedUrl = url.replace(/(\/scale-to-width-down\/\d+\?.*)$/, '');
  return cleanedUrl;
}

// 生成图片名称
function generateImageName(url) {
  // 提取文件名部分
  const fileNameMatch = url.match(/\/([^\/]+)\.png/);
  if (fileNameMatch && fileNameMatch[1]) {
    // 转换为小写并替换下划线为短横线
    return fileNameMatch[1].toLowerCase().replace(/_/g, '-');
  }
  return null;
}

const images = Array.from(document.querySelectorAll(".article-table .card-image-container img")).map((item) => [
  cleanImageUrl(item.src),
  generateImageName(item.src)
]);

// https://static.wikia.nocookie.net/wutheringwaves/images/d/df/Resonator_Brant.png/revision/latest/scale-to-width-down/74?cb=20250213184622

// 自动下载图片的函数
function downloadImages(imageArray) {
  let index = 0;

  const downloadImage = async () => {
    if (index >= imageArray.length) {
      console.log("所有图片下载完成！");
      return;
    }

    const [url, filename] = imageArray[index];
    console.log(`正在下载第 ${index + 1} 张图片: ${filename}.png`);

    try {
      // 使用 fetch 下载图片
      const response = await fetch(url, {
        headers: {
          "accept": "image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8",
          "accept-encoding": "gzip, deflate, br, zstd",
        }
      });
      if (!response.ok) {
        throw new Error(`无法下载图片: ${url}`);
      }

      // 将图片数据转换为 Blob
      const blob = await response.blob();

      // 创建一个隐藏的 <a> 元素用于下载
      const a = document.createElement("a");
      const objectUrl = URL.createObjectURL(blob); // 创建 Blob 的临时 URL
      a.href = objectUrl;
      a.download = `${filename.replace("resonator-", "")}.webp`; // 指定下载的文件名
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);

      // 释放 Blob 的临时 URL
      URL.revokeObjectURL(objectUrl);
    } catch (error) {
      console.error(`下载图片失败: ${error.message}`);
    }

    index++;
    setTimeout(downloadImage, 2000); // 每隔 2 秒下载下一张图片
  };

  downloadImage();
}

// 调用函数开始下载
downloadImages(images);