/**
 * @program: kicc-ui
 * @description: vite-plugin-pwa配置
 * 提供零配置就可以实现(pwa)渐进式web应用程序
 * 什么是渐进式(就是兼容新旧浏览器,如果旧浏览器的技术太落后不支持某个模块,可以选择的把这个功能去掉在旧浏览器中不显示,在最新的浏览器中显示)
 * 了解更多信息: https://juejin.cn/post/6844903461645991943
 * 目前主要用来开启service-worker让他来做缓存的: https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers
 * 文档: https://github.com/antfu/vite-plugin-pwa
 * @author: wangxiang4
 * @create: 2022/4/6
 */

import { VitePWA } from 'vite-plugin-pwa';

export function configPwaConfig(env: ViteEnv) {
  const { VITE_USE_PWA, VITE_GLOB_APP_TITLE, VITE_GLOB_APP_SHORT_NAME } = env;
  if (VITE_USE_PWA) {
    const pwaPlugin = VitePWA({
      // pwa应用相关配置,参考配置选项: https://developer.mozilla.org/en-US/docs/Web/Manifest/short_name
      manifest: {
        name: VITE_GLOB_APP_TITLE,
        short_name: VITE_GLOB_APP_SHORT_NAME,
        // 用于浏览器各种上下文中用作Web应用程序的标志性表示的图像,比如安卓上新建快捷方式
        // 更多信息请参考: https://w3c.github.io/manifest/#icons-member
        icons: [
          {
            src: './resource/img/pwa-192x192.png',
            sizes: '192x192',
            type: 'image/png'
          },
          {
            src: './resource/img/pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png'
          }
        ]
      }
    });
    return pwaPlugin;
  }
  return [];
}