Merge branch 'main' of github.com:monochrome-music/monochrome

DOCKER.md

@@ -103,8 +103,8 @@ Monochrome uses Appwrite for user authentication. While it defaults to official
 1. Create a project in Appwrite.
 2. Enable the **Google** or **Email/Password** providers in the Appwrite Console.
 3. Set these variables in your `.env`:
-   - `APPWRITE_ENDPOINT`: Your Appwrite API endpoint (e.g., `https://auth.yourdomain.com/v1`).
+    - `APPWRITE_ENDPOINT`: Your Appwrite API endpoint (e.g., `https://auth.yourdomain.com/v1`).
-   - `APPWRITE_PROJECT_ID`: Your Appwrite project ID (e.g., `auth-for-monochrome`).
+    - `APPWRITE_PROJECT_ID`: Your Appwrite project ID (e.g., `auth-for-monochrome`).
 
 ### Database (PocketBase)
 
@@ -115,6 +115,7 @@ docker compose --profile pocketbase up -d
 ```
 
 #### PocketBase Schema Note
+
 If you are setting up a new PocketBase collection for user data, ensure it has a field named `firebase_id` (this is a legacy name we use when we first started the accounts system, we used firebase. and im too lazy to change it so yea fuck you).
 
 ---

index.html

@@ -1297,9 +1297,7 @@
                     />
                 </div>
                 <div style="margin-bottom: 1rem">
-                    <label style="display: block; margin-bottom: 0.5rem; font-size: 0.9rem"
+                    <label style="display: block; margin-bottom: 0.5rem; font-size: 0.9rem">Appwrite Endpoint</label>
-                        >Appwrite Endpoint</label
-                    >
                     <input
                         type="url"
                         id="custom-appwrite-endpoint"
@@ -1308,9 +1306,7 @@
                     />
                 </div>
                 <div style="margin-bottom: 1rem">
-                    <label style="display: block; margin-bottom: 0.5rem; font-size: 0.9rem"
+                    <label style="display: block; margin-bottom: 0.5rem; font-size: 0.9rem">Appwrite Project ID</label>
-                        >Appwrite Project ID</label
-                    >
                     <input
                         type="text"
                         id="custom-appwrite-project"

js/settings.js

@@ -2874,10 +2874,8 @@ export function initializeSettings(scrobbler, player, api, ui) {
         // Hide individual fields in the modal
         if (pbFromEnv && customPbUrlInput) customPbUrlInput.closest('div[style]').style.display = 'none';
         if (appwriteFromEnv) {
-            if (customAppwriteEndpointInput)
+            if (customAppwriteEndpointInput) customAppwriteEndpointInput.closest('div[style]').style.display = 'none';
-                customAppwriteEndpointInput.closest('div[style]').style.display = 'none';
+            if (customAppwriteProjectInput) customAppwriteProjectInput.closest('div[style]').style.display = 'none';
-            if (customAppwriteProjectInput)
-                customAppwriteProjectInput.closest('div[style]').style.display = 'none';
         }
 
         customDbBtn.addEventListener('click', () => {

styles.css

@@ -5357,7 +5357,8 @@ img[src=''] {
     max-width: 400px;
 }
 
-.custom-appwrite-endpoint, .custom-appwrite-project {
+.custom-appwrite-endpoint,
+.custom-appwrite-project {
     display: none;
     flex-direction: column;
     gap: 0.5rem;
@@ -5365,7 +5366,8 @@ img[src=''] {
     width: 100%;
 }
 
-.custom-appwrite-endpoint.visible, .custom-appwrite-project.visible {
+.custom-appwrite-endpoint.visible,
+.custom-appwrite-project.visible {
     display: flex;
 }
 

vite-plugin-auth-gate.js

@@ -100,7 +100,6 @@ export default function authGatePlugin() {
 
                 console.log(`Auth gate enabled (Project: ${APPWRITE_PROJECT_ID})`);
 
-
                 server.middlewares.use(
                     cookieSession({
                         name: 'mono_session',