fix(path): use dynamic base path for static assets in HEIC and Flash previews (#149)

Author: Suyunmeng

package.json

@@ -27,7 +27,7 @@
     "start": "vite",
     "dev": "vite --force",
     "build": "vite build",
-    "build:lite": "export VITE_LITE=true && vite build",
+    "build:lite": "cross-env VITE_LITE=true vite build",
     "serve": "vite preview",
     "prepare": "husky",
     "format": "prettier --ignore-path .gitignore -w \"src/**/*.{js,ts,json,css,tsx,jsx}\""
@@ -44,6 +44,7 @@
     "@types/sha256": "^0.2.2",
     "@types/streamsaver": "^2.0.5",
     "@vitejs/plugin-legacy": "^6.1.1",
+    "cross-env": "^7.0.3",
     "husky": "^9.0.0",
     "lint-staged": "^16.0.0",
     "mermaid": "^11.9.0",

pnpm-lock.yaml

@@ -1,4 +1,5 @@
 import { joinBase } from "~/utils"
+import packageJson from "../../package.json"
 
 export const useCDN = () => {
   const static_path = joinBase("static")
@@ -31,29 +32,26 @@ export const useCDN = () => {
   }
 
   const ruffleJSPath = () => {
-    // ruffle is not available on cnpm white list
     return import.meta.env.VITE_LITE === "true"
-      ? "https://res.oplist.org/ruffle/ruffle.js"
+      ? npm(packageJson.name, packageJson.version, "dist/static/ruffle/ruffle.js")
       : `${static_path}/ruffle/ruffle.js`
   }
 
   const libHeifPath = () => {
-    // libheif-js is not available on cnpm white list
     return import.meta.env.VITE_LITE === "true"
-      ? "https://res.oplist.org/libheif"
+      ? npm(packageJson.name, packageJson.version, "dist/static/libheif")
       : `${static_path}/libheif`
   }
 
   const libAssPath = () => {
-    // libass-wasm is not available on cnpm white list
     return import.meta.env.VITE_LITE === "true"
-      ? "https://res.oplist.org/libass-wasm"
+      ? npm(packageJson.name, packageJson.version, "dist/static/libass-wasm")
       : `${static_path}/libass-wasm`
   }
 
   const fontsPath = () => {
     return import.meta.env.VITE_LITE === "true"
-      ? "https://res.oplist.org/fonts"
+      ? npm(packageJson.name, packageJson.version, "dist/static/fonts")
       : `${static_path}/fonts`
   }