export interface ViewCard {
  src: any
  id?: string
  name?: string
  star?: boolean
  backgroundColor?: string
  [attr: string]: any
}

/*
 * @Description:
 * @Version: 2.0
 * @Author: Yaowen Liu
 * @Date: 2021-10-14 13:34:56
 * @LastEditors: Yaowen Liu
 * @LastEditTime: 2023-09-21 09:23:25
 */
// import type { ViewCard } from '../lib/types/waterfall'

/**
 * 获取随机ID
 * @param {*} length
 * @returns
 */
export function randomID(length = 6) {
  return Number(Math.random().toString().substr(3, length) + Date.now()).toString(36)
}

const COLORS = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C', '#909399']
// const NAMES = [
//   '小当家',
//   '樱木花道',
//   '木之本樱',
//   '小可',
//   '水冰月',
//   '哆啦A梦',
//   '大雄',
//   '项少羽',
//   '天明',
//   '月儿',
//   '石兰',
//   '夏尔凡多姆海恩',
//   '塞巴斯蒂安',
//   '亚伦沃克',
//   '皮卡丘',
//   '鸣人',
//   '宇智波佐助',
//   '旗木卡卡西',
//   '喜洋洋',
//   '灰太狼',
//   '爱德华',
//   '阿冈',
//   '黑崎一护',
//   '路飞',
//   '索隆',
//   '山治',
//   '恋次',
//   '越前龙马',
// ]

function getRandomNum(min: number, max: number) {
  return Math.floor(Math.random() * (max - min + 1)) + min
}

function randomColor() {
  return COLORS[getRandomNum(0, 4)]
}

// function randomName() {
//   return NAMES[getRandomNum(0, 25)]
// }

// let start = 100
// export function getList(pageSize = 10) {
//   const end = start + pageSize
//   const list: ViewCard[] = []
//   for (let i = start; i <= end; i++) {
//     const successURL = `https://api.mz-moe.cn/img/img${i}.jpg`
//     // const successURL = `https://images.weserv.nl/?url=https://api.mz-moe.cn/img/img${i}.jpg?timestamp=${Date.now()}`
//     const errorURL = 'https://api.mz-moe.cn/img/img00000.jpg'
//     list.push({
//       id: randomID(),
//       star: false,
//       src: {
//         original: Math.random() < 0.95 ? successURL : errorURL,
//       },
//       backgroundColor: randomColor(),
//       name: randomName(),
//     })
//   }
//   start = end + 1
//   return list
// }

const website = 'https://www.getphotoblanket.com'
// const website = 'https://www.getphotoblanket.com';

export function getList({ page = 1, pageSize = 20 }) {
  const url = `${website}/products.json?page=${page}&limit=${pageSize}`
  return fetch(url)
    .then(res => res.json())
    .then(res => res.products).then((res) => {
      return res.map((item: any) => {
        return {
          id: randomID(),
          star: false,
          price: item.variants[0].price,
          src: {
            original: Math.random() > 0.1 ? item.images[0].src : 'https://www.example.com/non-existent-image.jpg',
            // original: 'https://tq-alg-public.s3.us-west-2.amazonaws.com/kol/Seraphina_1702987997_0.png',
          },
          backgroundColor: randomColor(),
          name: item.title,
        }
      })
    })
}