refactor!: improve CDN resource management (#144)

* Add `useCDN` hook for better management of CDN resources.

* Bundle CDN resources (Monaco Editor, KaTeX, Mermaid, Ruffle, etc.) using `vite-plugin-static-copy` into the dist, which can be beneficial for environments with network problems. 

* Add `VITE_LITE` environment for conditional lite version compilation, removing the need for a separate lite branch.

BREAKING CHANGE: The lite branch is no longer needed.

Author: outlook84

.github/workflows/build_release.yml

@@ -132,41 +132,25 @@ jobs:
           CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
           CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
 
-      - name: Checkout lite version code
-        uses: actions/checkout@v4
-        with:
-          ref: lite
-          path: lite
-          fetch-depth: 0
-          submodules: recursive
-
-      - name: Setup CI Bot
-        if: github.event_name == 'workflow_dispatch'
-        working-directory: ./lite
+      - name: Move regular build
         run: |
-          git config user.name "The OpenList Bot"
-          git config user.email "[email protected]"
-
-      - name: Update package.json and commit
-        if: github.event_name == 'workflow_dispatch'
-        working-directory: ./lite
-        run: |
-          jq --arg version "${{ steps.semver.outputs.version }}" '.version = $version' package.json > package.json.tmp && mv package.json.tmp package.json
-          git add package.json
-          git commit -S -m "chore: release v${{ steps.semver.outputs.version }}" --no-verify
-          git push
+          mkdir -p regular-dist
+          mv dist/* regular-dist/
 
       - name: Build Lite Release
         run: |
-          rm -rf .git
-          cp -r ../.git .git
           chmod +x build.sh
           ./build.sh --release --compress --lite
-        working-directory: ./lite
         env:
           CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
           CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
 
+      - name: Move lite build and restore regular build
+        run: |
+          mkdir -p lite-dist
+          mv dist/* lite-dist/
+          mv regular-dist/* dist/
+
       - name: Upload Release Assets
         run: |
           # Delete local tag, or gh cli will complain about it.
@@ -176,25 +160,28 @@ jobs:
             --notes-file "${{ github.workspace }}-CHANGELOG.txt" \
             --prerelease=${{ steps.check_pre_release.outputs.is_pre_release }} \
             ${{ steps.get_current_tag.outputs.current_tag }} \
-            dist/openlist-frontend-dist-v*.tar.gz lite/dist/openlist-frontend-dist-lite-v*.tar.gz dist/i18n.tar.gz
+            dist/openlist-frontend-dist-v*.tar.gz lite-dist/openlist-frontend-dist-lite-v*.tar.gz dist/i18n.tar.gz
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Publish npm
+      - name: Prepare for npm
         run: |
-          echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" > ~/.npmrc
           # Delete the generated dist tarball
           rm -f dist/openlist-frontend-dist-v*.tar.gz
-          rm -f lite/dist/openlist-frontend-dist-lite-v*.tar.gz
+          rm -f lite-dist/openlist-frontend-dist-lite-v*.tar.gz
           # Copy the lite version
           mkdir dist/lite
-          cp -r lite/dist/. dist/lite/
+          cp -r lite-dist/. dist/lite/
 
           if ! jq -e '.name and .version' package.json > /dev/null; then
             echo "Error: Invalid package.json"
             exit 1
           fi
 
+      - name: Publish npm
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" > ~/.npmrc
+
           if [ -z "${{ secrets.NPM_TOKEN }}" ]; then
             echo "NPM_TOKEN not set, performing dry run"
             pnpm publish --dry-run --no-git-checks --access public

README.md

@@ -11,19 +11,22 @@
 You can use [the build script](./build.sh).
 
 ```plaintext
-Usage: ./build.sh [--dev|--release] [--compress|--no-compress] [--enforce-tag]
+Usage: ./build.sh [--dev|--release] [--compress|--no-compress] [--enforce-tag] [--skip-i18n] [--lite]
 
 Options (will overwrite environment setting):
   --dev         Build development version
   --release     Build release version (will check if git tag match package.json version)
   --compress    Create compressed archive
   --no-compress Skip compression
   --enforce-tag Force git tag requirement for both dev and release builds
+  --skip-i18n   Skip i18n build step
+  --lite        Build lite version
 
 Environment variables:
   OPENLIST_FRONTEND_BUILD_MODE=dev|release (default: dev)
   OPENLIST_FRONTEND_BUILD_COMPRESS=true|false (default: false)
   OPENLIST_FRONTEND_BUILD_ENFORCE_TAG=true|false (default: false)
+  OPENLIST_FRONTEND_BUILD_SKIP_I18N=true|false (default: false)
 ```
 
 ## LICENSE

build.sh

@@ -64,7 +64,7 @@ display_help() {
     echo "  --no-compress Skip compression"
     echo "  --enforce-tag Force git tag requirement for both dev and release builds"
     echo "  --skip-i18n   Skip i18n build step"
-    echo "  --lite        Add -lite suffix to frontend archive name"
+    echo "  --lite        Build lite version"
     echo ""
     echo "Environment variables:"
     echo "  OPENLIST_FRONTEND_BUILD_MODE=dev|release (default: dev)"
@@ -149,7 +149,11 @@ build_project() {
     fi
 
     log_step "==== Building project ===="
-    pnpm build
+    if [[ "$LITE_FLAG" == "true" ]]; then
+        pnpm build:lite
+    else
+        pnpm build
+    fi
 }
 
 # Fetch i18n files from release if skip-i18n flag is set

index.html

@@ -28,7 +28,6 @@
     <script>
       window.OPENLIST_CONFIG = {
         cdn: undefined,
-        monaco_cdn: undefined,
         base_path: undefined,
         api: undefined,
         main_color: undefined,

package.json

@@ -27,6 +27,7 @@
     "start": "vite",
     "dev": "vite --force",
     "build": "vite build",
+    "build:lite": "export VITE_LITE=true && vite build",
     "serve": "vite preview",
     "prepare": "husky",
     "format": "prettier --ignore-path .gitignore -w \"src/**/*.{js,ts,json,css,tsx,jsx}\""
@@ -45,20 +46,22 @@
     "@vitejs/plugin-legacy": "^6.1.1",
     "husky": "^9.0.0",
     "lint-staged": "^16.0.0",
+    "mermaid": "^11.9.0",
     "prettier": "3.6.2",
-    "rollup-plugin-copy": "^3.5.0",
     "terser": "^5.43.1",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dynamic-base": "^1.0.0",
-    "vite-plugin-solid": "^2.11.7"
+    "vite-plugin-solid": "^2.11.7",
+    "vite-plugin-static-copy": "^3.1.1"
   },
   "dependencies": {
     "@egjs/view360": "4.0.0-beta.7",
     "@github/webauthn-json": "^2.1.1",
     "@hope-ui/solid": "0.6.7",
     "@monaco-editor/loader": "^1.5.0",
     "@pdfslick/solid": "^3.0.0",
+    "@ruffle-rs/ruffle": "0.2.0-nightly.2025.8.3",
     "@solid-primitives/i18n": "^2.2.1",
     "@solid-primitives/keyboard": "^1.3.1",
     "@solid-primitives/storage": "^1.3.11",
@@ -80,10 +83,13 @@
     "hls.js": "^1.6.5",
     "ini": "^5.0.0",
     "just-once": "^2.2.0",
+    "katex": "0.16.11",
     "libass-wasm": "^4.1.0",
+    "libheif-js": "^1.19.8",
     "lightgallery": "^2.8.3",
     "mark.js": "^8.11.1",
     "mitt": "^3.0.1",
+    "monaco-editor": "^0.52.2",
     "mpegts.js": "^1.8.0",
     "pdfjs-dist": "^5.3.31",
     "qrcode": "^1.5.4",