Merge pull request #171 from victoralvesf/development

Release v0.9.0

Author: victoralvesf

.env.example

@@ -23,3 +23,8 @@ APP_AUTH_TYPE=token
 # Hide Radios Section
 # If enabled, the user will not be able to access the radios page.
 HIDE_RADIOS_SECTION=false
+
+# Specify the server type
+# Used by the app to adjust some features and improve usability based on the server
+# Possible values: subsonic | navidrome | lms
+SERVER_TYPE=subsonic

.github/workflows/publish-docker.yml

@@ -46,7 +46,7 @@ jobs:
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
           tags: |
-            type=raw,value=latest,enable=${{ github.ref == 'refs/heads/main' }}
+            type=raw,value=latest,enable=${{ github.ref == 'refs/heads/main' || startsWith(github.ref, 'refs/tags/') }}
             type=raw,value=${{ steps.app_version.outputs.version }}
             type=raw,value=${{ github.sha }}
       

README.md

@@ -122,21 +122,40 @@ services:
       - 8080:8080
 ```
 
+* Podman Quadlet
+```ini
+[Unit]
+Description=Aonsoku Container
+
+[Container]
+ContainerName=aonsoku
+Image=ghcr.io/victoralvesf/aonsoku:latest
+PublishPort=8080:8080
+AutoUpdate=registry
+
+[Service]
+Restart=always
+
+[Install]
+WantedBy=multi-user.target default.target
+```
+
 <details>
   <summary>Environment Variables</summary>
   </br>
 
 Below is a table describing the environment variables that can be used in this project. Adjust them as necessary in your `.env` file.
 
-| Variable              | Default   | Description                                                                                                       | Required for Automatic Login |
-|-----------------------|-----------|-------------------------------------------------------------------------------------------------------------------|------------------------------|
-| `PORT`                | `8080`    | The port the application runs on.                                                                                 |                              |
-| `SERVER_URL`          |           | If you want the app to access a predefined Subsonic server. </br> **Format:** `http://your-subsonic-server:port`. | ✅                           |
-| `HIDE_SERVER`         | `false`   | Set to `true` to hide the server URL field on login and only show username and password.                          | ✅                           |
-| `APP_USER`            |           | The username for automatic login.                                                                                 | ✅                           |
-| `APP_PASSWORD`        |           | The password for automatic login.                                                                                 | ✅                           |
-| `APP_AUTH_TYPE`       | `token`   | Specifies the authentication method. </br> **Options:** `token` or `password`.                                    |                              |
-| `HIDE_RADIOS_SECTION` | `false`   | Set to `true` to hide the radios page from the sidebar menu.                                                      |                              |
+| Variable              | Default    | Description                                                                                                       | Required for Automatic Login |
+|-----------------------|------------|-------------------------------------------------------------------------------------------------------------------|------------------------------|
+| `PORT`                | `8080`     | The port the application runs on.                                                                                 |                              |
+| `SERVER_URL`          |            | If you want the app to access a predefined Subsonic server. </br> **Format:** `http://your-subsonic-server:port`. | ✅                           |
+| `HIDE_SERVER`         | `false`    | Set to `true` to hide the server URL field on login and only show username and password.                          | ✅                           |
+| `APP_USER`            |            | The username for automatic login.                                                                                 | ✅                           |
+| `APP_PASSWORD`        |            | The password for automatic login.                                                                                 | ✅                           |
+| `APP_AUTH_TYPE`       | `token`    | Specifies the authentication method. </br> **Options:** `token` or `password`.                                    |                              |
+| `SERVER_TYPE`         | `subsonic` | Specifies the server name (important for some fixes). </br> **Options:** `subsonic`, `navidrome` or `lms`         |                              |
+| `HIDE_RADIOS_SECTION` | `false`    | Set to `true` to hide the radios page from the sidebar menu.                                                      |                              |
 
 **Notes:**
 - **Automatic Login:** To enable automatic login across devices. This should only be used in secure local environments to avoid password compromise.

env-config.js.template

@@ -4,4 +4,5 @@ window.HIDE_SERVER="${HIDE_SERVER}" === "true";
 window.APP_USER="${APP_USER}" || undefined;
 window.APP_PASSWORD="${APP_PASSWORD}" || undefined;
 window.APP_AUTH_TYPE="${APP_AUTH_TYPE}" || "token";
-window.HIDE_RADIOS_SECTION="${HIDE_RADIOS_SECTION}" === "true";
+window.HIDE_RADIOS_SECTION="${HIDE_RADIOS_SECTION}" === "true";
+window.SERVER_TYPE="${SERVER_TYPE}" || undefined;

nginx.conf.template

@@ -35,6 +35,13 @@ server {
         try_files $uri /index.html =404;
     }
 
+    location = /env-config.js {
+        root /usr/share/nginx/html;
+        access_log off;
+        expires -1;
+        add_header Cache-Control "no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0";
+    }
+
     # Serve static files with cache and security headers
     location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
         root /usr/share/nginx/html;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "aonsoku",
   "private": true,
-  "version": "0.8.3",
+  "version": "0.9.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -18,93 +18,104 @@
   },
   "dependencies": {
     "@chriscodesthings/random-css-hex-color": "^1.1.0",
-    "@hookform/resolvers": "^3.9.0",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-aspect-ratio": "^1.1.0",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-collapsible": "^1.1.1",
-    "@radix-ui/react-context-menu": "^2.2.2",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-popover": "^1.1.0",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-query": "^5.51.23",
-    "@tanstack/react-table": "^8.17.3",
-    "@tanstack/react-virtual": "^3.10.8",
-    "@tauri-apps/api": "^2.0.0",
-    "@tauri-apps/plugin-os": "^2.0.0",
-    "@tauri-apps/plugin-process": "^2.0.0",
-    "@tauri-apps/plugin-shell": "~2",
-    "@tauri-apps/plugin-updater": "~2",
-    "class-variance-authority": "^0.7.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-aspect-ratio": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.6",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-menubar": "^1.1.6",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@tanstack/react-query": "^5.71.10",
+    "@tanstack/react-table": "^8.21.2",
+    "@tanstack/react-virtual": "^3.13.6",
+    "@tauri-apps/api": "^2.4.1",
+    "@tauri-apps/plugin-os": "^2.2.1",
+    "@tauri-apps/plugin-process": "^2.2.1",
+    "@tauri-apps/plugin-shell": "^2.2.1",
+    "@tauri-apps/plugin-updater": "^2.7.0",
+    "@virtual-grid/react": "^2.0.3",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
+    "cmdk": "^1.1.1",
     "crypto-js": "^4.2.0",
-    "dayjs": "^1.11.11",
-    "embla-carousel-autoplay": "^8.1.3",
-    "embla-carousel-react": "^8.1.3",
-    "fast-average-color": "^9.4.0",
-    "i18next": "^23.11.5",
-    "i18next-browser-languagedetector": "^8.0.0",
+    "dayjs": "^1.11.13",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "fast-average-color": "^9.5.0",
+    "html-to-text": "^9.0.5",
+    "i18next": "^23.16.8",
+    "i18next-browser-languagedetector": "^8.0.4",
     "immer": "^10.1.1",
+    "linkify-it": "^5.0.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.378.0",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-country-flag": "^3.1.0",
     "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-fast-marquee": "^1.6.5",
-    "react-hook-form": "^7.52.2",
-    "react-hotkeys-hook": "^4.5.0",
-    "react-i18next": "^14.1.2",
-    "react-lazy-load-image-component": "^1.6.0",
+    "react-hook-form": "^7.55.0",
+    "react-hotkeys-hook": "^4.6.1",
+    "react-i18next": "^14.1.3",
+    "react-lazy-load-image-component": "^1.6.3",
     "react-lrc": "^3.2.1",
-    "react-markdown": "^9.0.1",
-    "react-router-dom": "^6.23.1",
-    "react-toastify": "^10.0.5",
-    "remark-gfm": "^4.0.0",
+    "react-markdown": "^9.1.0",
+    "react-router-dom": "^6.30.0",
+    "react-toastify": "^10.0.6",
+    "remark-gfm": "^4.0.1",
     "standardized-audio-context": "^25.3.77",
-    "tailwind-extended-shadows": "^0.4.0",
-    "tailwind-extended-shadows-merge": "^0.2.1",
-    "tailwind-merge": "^2.3.0",
+    "tailwind-extended-shadows": "^0.4.1",
+    "tailwind-extended-shadows-merge": "^0.2.2",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "use-debounce": "^10.0.3",
-    "vaul": "^0.9.1",
-    "yet-another-react-lightbox": "^3.21.6",
-    "zod": "^3.23.8",
-    "zustand": "^4.5.4"
+    "use-debounce": "^10.0.4",
+    "vaul": "^0.9.9",
+    "yet-another-react-lightbox": "^3.22.0",
+    "zod": "^3.24.2",
+    "zustand": "^4.5.6"
   },
   "devDependencies": {
     "@rocketseat/eslint-config": "^2.2.2",
-    "@tanstack/eslint-plugin-query": "^5.51.15",
-    "@tauri-apps/cli": "^2.1.0",
+    "@tanstack/eslint-plugin-query": "^5.71.5",
+    "@tauri-apps/cli": "^2.4.1",
     "@types/crypto-js": "^4.2.2",
-    "@types/lodash": "^4.17.4",
-    "@types/node": "^20.12.12",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.2.7",
+    "@types/html-to-text": "^9.0.4",
+    "@types/linkify-it": "^5.0.0",
+    "@types/lodash": "^4.17.16",
+    "@types/node": "^20.17.30",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "@types/react-lazy-load-image-component": "^1.6.4",
-    "@typescript-eslint/parser": "^7.14.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.19",
-    "cypress": "^13.14.2",
-    "cypress-real-events": "^1.13.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.21",
+    "cypress": "^13.17.0",
+    "cypress-real-events": "^1.14.0",
     "eslint": "8.56.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.29.1",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3",
-    "typescript": "^5.0.2",
-    "vite": "^5.0.0"
+    "eslint-import-resolver-typescript": "^3.10.0",
+    "eslint-plugin-import": "^2.31.0",
+    "postcss": "^8.5.3",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.8.2",
+    "vite": "^5.4.17"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "cypress",
+      "esbuild"
+    ]
   }
 }