](https://monochrome.samidy.com/#album/378149557)
### Features
+
](https://fmhy.net/audio#streaming-sites)
diff --git a/eslint.config.js b/eslint.config.js
index e5ad37b..6b2eb91 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,25 +1,25 @@
-import js from "@eslint/js";
-import globals from "globals";
-import prettierConfig from "eslint-config-prettier";
+import js from '@eslint/js';
+import globals from 'globals';
+import prettierConfig from 'eslint-config-prettier';
export default [
{
- ignores: ["dist/", "node_modules/", "legacy/", "sw.js"]
+ ignores: ['dist/', 'node_modules/', 'legacy/', 'sw.js'],
},
js.configs.recommended,
prettierConfig,
{
languageOptions: {
ecmaVersion: 2022,
- sourceType: "module",
+ sourceType: 'module',
globals: {
...globals.browser,
- ...globals.node
- }
+ ...globals.node,
+ },
},
rules: {
- "no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
- "no-console": ["warn", { "allow": ["warn", "error"] }]
- }
- }
+ 'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+ 'no-console': ['warn', { allow: ['warn', 'error'] }],
+ },
+ },
];
diff --git a/firebase-setup.md b/firebase-setup.md
index dfb509f..c65ee67 100644
--- a/firebase-setup.md
+++ b/firebase-setup.md
@@ -3,12 +3,14 @@
Follow these steps to enable cross-device synchronization for your library, history, and settings using your own Firebase project.
## 1. Create a Firebase Project
+
1. Go to the [Firebase Console](https://console.firebase.google.com/).
2. Click **Add project** and give it a name (e.g., "Monochrome Sync").
3. (Optional) Disable Gemini and Google Analytics if you want to keep it simple.
4. Click **Create project**.
## 2. Enable Authentication
+
1. In the left sidebar, click **Build** > **Authentication**.
2. Click **Get Started**.
3. Go to the **Sign-in method** tab.
@@ -16,63 +18,71 @@ Follow these steps to enable cross-device synchronization for your library, hist
5. Set your project support email and click **Save**.
### 2.1 Authorized Domains (CRITICAL)
+
Firebase will block login attempts from unknown domains.
+
1. In the **Authentication** section, go to the **Settings** tab.
2. Click **Authorized domains** in the left sub-menu.
3. Click **Add domain**.
4. Add your hosting domain (e.g., `julienmaille.github.io`).
- * *Note: `localhost` and `127.0.0.1` are usually added by default for local testing.*
+ - _Note: `localhost` and `127.0.0.1` are usually added by default for local testing._
## 3. Enable Realtime Database
+
1. In the left sidebar, click **Build** > **Realtime Database**.
2. Click **Create Database**.
3. Choose a location near you and click **Next**.
4. Select **Start in test mode** (we will change the rules in the next step) and click **Enable**.
## 4. Set Security Rules
+
1. In the Realtime Database section, go to the **Rules** tab.
2. Replace the existing rules with the following to ensure users can only see their own data:
+
```json
{
- "rules": {
- "users": {
- "$uid": {
- ".read": "$uid === auth.uid",
- ".write": "$uid === auth.uid"
- }
- },
- "public_playlists": {
- ".read": true,
- "$playlistId": {
- ".write": "auth != null && (!data.exists() || data.child('uid').val() === auth.uid)"
- }
+ "rules": {
+ "users": {
+ "$uid": {
+ ".read": "$uid === auth.uid",
+ ".write": "$uid === auth.uid"
+ }
+ },
+ "public_playlists": {
+ ".read": true,
+ "$playlistId": {
+ ".write": "auth != null && (!data.exists() || data.child('uid').val() === auth.uid)"
+ }
+ }
}
- }
}
```
- * **Note:** The `public_playlists` rule allows anyone to read the playlists. The write rule ensures that only authenticated users can publish, and only the owner (creator) of a playlist can modify or delete it.
+
+ - **Note:** The `public_playlists` rule allows anyone to read the playlists. The write rule ensures that only authenticated users can publish, and only the owner (creator) of a playlist can modify or delete it.
3. Click **Publish**.
## 5. Get Your Configuration
+
1. Click the gear icon (⚙️) next to "Project Overview" and select **Project settings**.
2. In the **General** tab, scroll down to "Your apps" and click the **Web icon (``)**.
3. Register the app (e.g., "Monochrome App").
4. You will see a `firebaseConfig` object. It looks like this:
```javascript
const firebaseConfig = {
- apiKey: "AIzaSy...",
- authDomain: "your-project.firebaseapp.com",
- databaseURL: "https://your-project.firebaseio.com",
- projectId: "your-project",
- storageBucket: "your-project.appspot.com",
- messagingSenderId: "...",
- appId: "..."
+ apiKey: 'AIzaSy...',
+ authDomain: 'your-project.firebaseapp.com',
+ databaseURL: 'https://your-project.firebaseio.com',
+ projectId: 'your-project',
+ storageBucket: 'your-project.appspot.com',
+ messagingSenderId: '...',
+ appId: '...',
};
```
5. **Copy only the part with the curly braces `{ ... }`**.
## 6. Configure Monochrome
+
1. Open the Monochrome app and go to **Settings**.
2. Find the **Firebase Configuration** section.
3. Paste the JSON object you copied into the textarea.
diff --git a/index.html b/index.html
index 630725e..4aa41d1 100644
--- a/index.html
+++ b/index.html
@@ -1,1040 +1,1806 @@
-
+
-
-
-
-
- Monochrome Music
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Panel
-
-
-
+
+
+
+
+
- -
+
- Like +
- Add to Playlist +
- Track Mix +
- Play Next +
- Add to Queue +
- Download +
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
- Up Next:
-
-
+
+
-
+
- Panel
+
+
-
-
-
-
- Create Playlist
- - -Upload your cover to catbox.moe then paste the link here. (or any other service that allows directly linking to a file, but we recommend catbox due to their storage of your files lasting forever)
--
-
- -
-
- Import from CSV
-Spotify and Apple Music are supported. (Apple Music is prone to errors.) Please use Exportify (Spotify) or TuneMyMusic (Apple Music) to export your playlist into a .csv. Make sure its headers are in English.
-- -
Warning: This feature isn't perfect and is prone to errors! Please check your playlist after to remove any unwanted songs that were added by the system.
-
-
-
-
- Public Playlist
- Visible to anyone with the link
-
-
-
-
-
-
+
-
+
-
-
-
-
-
- Add to Playlist
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Keyboard Shortcuts
- -
-
- SpacePlay / Pause
- →Seek forward 10s
- ←Seek backward 10s
- Shift + →Next track
- Shift + ←Previous track
- ↑Volume up
- ↓Volume down
- MMute / Unmute
- SToggle shuffle
- RToggle repeat
- QOpen queue
- LToggle lyrics
- /Focus search
- EscClose modals
-
-
-
-
-
-
-
-
- Note
- -
-
- Unfortunately, some songs weren't able to be added. This could be an issue with our import system - try searching for the song and adding it. It could also be due to Monochrome not having the song :(
-
-
- Missing Tracks:
-
-
-
-
-
-
-
-
-
- Sleep Timer
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Download Discography
- -Select which releases to download for :
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Importing Tracks from CSV
-This can take a while depending on your playlist size. Please be patient.
-
-
- Preparing import...
-
-
-
-
-
- 0 / 0 tracks processed
-
-
-
-
-
-
-
-
-