lzc-video-player 0.0.0

package/vite.config.ts

@@ -0,0 +1,122 @@
+import { fileURLToPath, URL } from "node:url"
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import { quasar, transformAssetUrls } from "@quasar/vite-plugin"
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons"
+import path from "node:path"
+import { VitePWA } from "vite-plugin-pwa"
+import type { Plugin } from "rollup"
+import fs from "fs"
+import AutoImport from "unplugin-auto-import/vite"
+
+const version = process.env["VERSION"] || "0.0.0-dev"
+
+function useCredentials() {
+  return {
+    name: "use-credentials",
+    transformIndexHtml(html: string) {
+      return html.replace("crossorigin", 'crossorigin="use-credentials"')
+    },
+  }
+}
+
+//TODO: 升级到 vite5 后可以删除
+function svgLoader(): Plugin {
+  return {
+    name: "vite-svg-patch-plugin",
+    transform: function (code, id) {
+      if (id.endsWith(".svg?inline")) {
+        const filename = id.substring(0, id.length - "?inline".length)
+        const extractedSvg = fs.readFileSync(filename, "utf8")
+        const decoded = unescape(encodeURIComponent(extractedSvg))
+        return `export default 'data:image/svg+xml;base64,${btoa(decoded)}'`
+      }
+      return code
+    },
+  }
+}
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+    "process.env.NODE_ENV": '"production"',
+  },
+  plugins: [
+    vue({
+      template: {
+        transformAssetUrls,
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith("lzc"),
+        },
+      },
+    }),
+    AutoImport({
+      imports: [{ "@/i18n": ["t"] }],
+      // dts: "./types/auto-imports.d.ts",
+      dts: false, // 禁用自动生成dts文件
+      vueTemplate: true,
+    }),
+    quasar({
+      sassVariables: "src/quasar-variables.sass",
+    }),
+    svgLoader(),
+    createSvgIconsPlugin({
+      // 指定需要缓存的图标文件夹
+      iconDirs: [path.resolve(process.cwd(), "src/icons")],
+      // 指定symbolId格式
+      symbolId: "icon-[name].svg",
+
+      /**
+       * 自定义插入位置
+       * @default: body-last
+       */
+      inject: "body-last",
+
+      /**
+       * custom dom id
+       * @default: __svg__icons__dom__
+       */
+      customDomId: "__svg__icons__dom__",
+    }),
+    VitePWA({
+      registerType: "autoUpdate",
+      useCredentials: true,
+      devOptions: {
+        enabled: false,
+      },
+      workbox: {
+        skipWaiting: true,
+        globPatterns: ["**/*.{js,css,png,svg,ico}"],
+        runtimeCaching: [
+          {
+            urlPattern: /_lzc\/media\/hls\/(.*?)\/(.*?).vtt/i,
+            handler: "CacheFirst",
+            options: {
+              cacheName: "vtt-cache",
+            },
+          },
+        ],
+      },
+      manifest: {
+        name: "视频播放器",
+        short_name: "视频播放器",
+        description: "懒猫微服播放器",
+        theme_color: "#ffffff",
+        icons: [
+          {
+            src: "512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+        ],
+      },
+    }),
+    useCredentials(),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+})

package/vue-shim.d.ts

@@ -0,0 +1,4 @@
+declare module "*.vue" {
+  import type { DefineComponent } from "vue"
+  const component: DefineComponent<{}, {}, any>
+}