Merge pull request #271 from Moosync/dev

10.1.0

Author: Ovenoboyo

.github/FUNDING.yml

@@ -1 +1 @@
-ko_fi: ovenoboyo
+custom: ["https://github.com/Moosync/Moosync#Donations", "Cryptocurrency"]

README.md

@@ -25,6 +25,7 @@
 - Available on Windows and Linux and MacOS
 
 ## Links
+
 [Official website](https://moosync.app) |
 [Downloads](#releases) |
 [Discord](https://discord.gg/HsbqbRune3)
@@ -36,7 +37,8 @@ You may download the latest release from [Official website](https://moosync.app)
 
 ### Windows (Chocolatey)
 
-If you use [Chocolatey](https://community.chocolatey.org/packages/moosync), Moosync can be installed using 
+If you use [Chocolatey](https://community.chocolatey.org/packages/moosync), Moosync can be installed using
+
 ```bash
 choco install moosync
 ```
@@ -46,13 +48,15 @@ Otherwise you may download the latest installer from [Releases](https://github.c
 ### Ubuntu / Debian (3rd party repo)
 
 You can install Moosync through our hosted [APT repo]([/Moosync/ppa](https://github.com/Moosync/ppa))
+
 ```bash
 bash <(wget -O- https://raw.githubusercontent.com/Moosync/Moosync/main/setup_ppa.sh)
 ```
 
 ### Fedora
 
 Moosync can be found on [Fedora COPR](https://copr.fedorainfracloud.org/coprs/ovenoboyo/Moosync/). You can install it using [dnf](https://docs.fedoraproject.org/en-US/quick-docs/dnf/)
+
 ```bash
 dnf copr enable ovenoboyo/Moosync
 dnf install moosync
@@ -70,13 +74,15 @@ yay -S moosync
 
 Moosync can be found on [FlatHub](https://flathub.org/apps/details/app.moosync.moosync) as ```app.moosync.moosync```.
 You may install it by
+
 ```bash
 flatpak install flathub app.moosync.moosync
 ```
 
 ### Snap Store
 
 You can get Moosync from [Snap store](https://snapcraft.io/moosync).
+
 ```
 sudo snap install moosync
 ```
@@ -87,7 +93,6 @@ Checkout the [Official Wiki](https://moosync.app/wiki/) on [moosync.app](https:/
 
 For any further questions you may join us on [Discord](https://discord.gg/HsbqbRune3)
 
-
 ## Screenshots
 
 ![Song view](./extras/screenshot_song_view.png)
@@ -125,3 +130,15 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+
+## Donations
+
+| Cryptocurrency | Address |
+| --- | --- |
+| Bitcoin (BTC) | bc1qhcywctcy4exkcdd726d2lxkwaluqwgym0ynf9j |
+| Ethereum (ETH)| 0x0AFaCe6031e2fBe54D2fBF493310C0f5C3Cef677 |
+| Dogecoin (DOGE) | bc1qhcywctcy4exkcdd726d2lxkwaluqwgym0ynf9j |
+| Litecoin (LTC) | LLkim24N5yduBbXiFaLMbUeUwmyZ9VUQt7 |
+| Polygon (MATIC) | 0x0AFaCe6031e2fBe54D2fBF493310C0f5C3Cef677 |
+| Tether USD (USDT) | 0x0AFaCe6031e2fBe54D2fBF493310C0f5C3Cef677 |
+| USD coin (USDC) | 0x0AFaCe6031e2fBe54D2fBF493310C0f5C3Cef677 |

aur/moosync-git

@@ -5,7 +5,9 @@
     }
   ],
   "settings": {
-    "eslint.validate": ["vue"],
+    "eslint.validate": [
+      "vue"
+    ],
     "editor.tabSize": 2,
     "cSpell.words": [
       "Adwaita",
@@ -120,7 +122,7 @@
     "editor.formatOnPaste": true,
     "typescript.tsdk": "node_modules/typescript/lib",
     "[vue]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
+      "editor.defaultFormatter": "Vue.volar"
     },
     "[typescript]": {
       "editor.defaultFormatter": "rome.rome"
@@ -233,6 +235,8 @@
     }
   },
   "extensions": {
-    "recommendations": ["rome.rome"]
+    "recommendations": [
+      "rome.rome"
+    ]
   }
-}
+}

flatpak

@@ -1,6 +1,6 @@
 {
   "name": "moosync",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "private": true,
   "author": "Ovenoboyo <ovenoboyo@gmail.com>",
   "description": "Moosync is a customizable desktop music player with a clean interface",
@@ -17,36 +17,34 @@
     "postuninstall": "patch-package && electron-builder install-app-deps"
   },
   "dependencies": {
-    "@babel/core": "^7.22.10",
-    "@babel/eslint-parser": "^7.22.10",
+    "@babel/core": "^7.22.11",
+    "@babel/eslint-parser": "^7.22.11",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-bigint": "^7.8.3",
     "@babel/plugin-transform-runtime": "^7.22.10",
     "@babel/preset-env": "^7.22.10",
-    "@babel/preset-typescript": "^7.22.5",
-    "@babel/types": "^7.22.10",
-    "@caohenghu/vue-colorpicker": "^1.2.4",
-    "@googleapis/oauth2": "^1.0.1",
+    "@babel/preset-typescript": "^7.22.11",
+    "@babel/types": "^7.22.11",
+    "@googleapis/oauth2": "^1.0.4",
     "@imengyu/vue3-context-menu": "^1.3.3",
-    "@napi-rs/cli": "^2.16.2",
+    "@napi-rs/cli": "^2.16.3",
     "@openid/appauth": "^1.3.1",
-    "@playwright/test": "^1.35.1",
     "@types/adm-zip": "^0.5.0",
     "@types/better-sqlite3": "^7.6.4",
     "@types/electron-devtools-installer": "^2.2.2",
     "@types/ini": "^1.3.31",
-    "@types/jest": "^29.5.3",
+    "@types/jest": "^29.5.4",
     "@types/js-yaml": "^4.0.5",
-    "@types/markdown-it": "^13.0.0",
-    "@types/node": "^20.4.10",
+    "@types/markdown-it": "^13.0.1",
+    "@types/node": "^20.5.7",
     "@types/tail": "^2.2.1",
     "@types/usetube": "^2.1.0",
     "@types/uuid": "^9.0.2",
     "@types/webpack-env": "^1.18.1",
     "@types/webrtc": "0.0.36",
     "@types/yt-player": "^3.5.1",
-    "@typescript-eslint/eslint-plugin": "^6.3.0",
-    "@typescript-eslint/parser": "^6.3.0",
+    "@typescript-eslint/eslint-plugin": "^6.5.0",
+    "@typescript-eslint/parser": "^6.5.0",
     "@voerro/vue-tagsinput": "^2.7.1",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-typescript": "^5.0.8",
@@ -56,18 +54,18 @@
     "@vue/eslint-config-typescript": "^11.0.3",
     "adm-zip": "^0.5.10",
     "animate.css": "^4.1.1",
-    "axios": "^1.4.0",
+    "axios": "^1.5.0",
     "axios-rate-limit": "^1.3.0",
-    "axios-retry": "^3.6.0",
+    "axios-retry": "^3.7.0",
     "babel-loader": "^9.1.3",
-    "better-sqlite3": "^8.5.0",
+    "better-sqlite3": "^8.5.2",
     "better-sqlite3-helper": "^3.1.6",
     "bootstrap-vue": "^2.23.1",
     "buffer": "^6.0.3",
     "bufferutil": "4.0.7",
     "copy-webpack-plugin": "^11.0.0",
-    "core-js": "^3.32.0",
-    "croner": "^6.0.7",
+    "core-js": "^3.32.1",
+    "croner": "^7.0.1",
     "cross-env": "^7.0.3",
     "dashjs": "^4.7.1",
     "deepmerge": "^4.3.1",
@@ -76,8 +74,8 @@
     "electron-devtools-installer": "^3.2.0",
     "electron-store": "^8.1.0",
     "electron-updater": "^6.1.1",
-    "eslint": "^8.47.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint": "^8.48.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-unused-imports": "^3.0.0",
     "eslint-plugin-vue": "^9.17.0",
@@ -87,8 +85,8 @@
     "hash-wasm": "^4.9.0",
     "hls.js": "^1.4.10",
     "ini": "^4.1.1",
-    "jest": "^29.6.2",
-    "jest-environment-node": "^29.6.2",
+    "jest": "^29.6.4",
+    "jest-environment-node": "^29.6.4",
     "js-yaml": "^4.1.0",
     "librespot-node": "git+https://github.com/Moosync/librespot-node.git",
     "localforage": "^1.10.0",
@@ -100,14 +98,11 @@
     "node-stream-zip": "^1.15.0",
     "node-youtube-music": "^0.10.3",
     "patch-package": "^8.0.0",
-    "playwright": "^1.36.2",
-    "prettier": "3.0.1",
-    "puppeteer-core": "19.2.0",
-    "puppeteer-in-electron": "^3.0.5",
+    "prettier": "3.0.3",
     "qs": "^6.11.2",
     "reflect-metadata": "^0.1.13",
     "replace": "^1.2.2",
-    "sass": "~1.65.1",
+    "sass": "~1.66.1",
     "sass-loader": "13.3.2",
     "scanner-native": "git+https://github.com/Moosync/file-scanner.git",
     "semver": "^7.5.4",
@@ -121,17 +116,18 @@
     "ts-jest": "^29.1.1",
     "ts-loader": "^9.4.4",
     "ts-node": "^10.9.1",
-    "tslib": "^2.6.1",
-    "typescript": "5.1.6",
+    "tslib": "^2.6.2",
+    "typescript": "5.2.2",
     "uuid": "^9.0.0",
     "vm2": "git+https://github.com/patriksimek/vm2.git",
     "vue": "^3.3.4",
+    "vue-accessible-color-picker": "^4.1.4",
     "vue-auto-routing": "^1.0.1",
     "vue-class-component": "^7.2.6",
     "vue-cli": "^2.9.6",
     "vue-cli-plugin-auto-routing": "~1.3.0",
     "vue-cli-plugin-electron-builder": "^3.0.0-alpha.4",
-    "vue-facing-decorator": "^3.0.1",
+    "vue-facing-decorator": "^3.0.2",
     "vue-i18n": "9.2.2",
     "vue-inline-svg": "^2.1.3",
     "vue-property-decorator": "^9.1.2",
@@ -140,6 +136,7 @@
     "vue-toasted": "^1.1.28",
     "vue-typeahead-bootstrap": "^2.12.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
+    "vue3-colorpicker": "^2.2.2",
     "vue3-toastify": "^0.1.12",
     "vuedraggable": "^2.24.3",
     "vuex": "~4.1.0",
@@ -165,9 +162,7 @@
     "electron-builder": "24.6.3",
     "node-abi": "^3.45.0",
     "webpack": "^5.88.2",
-    "better-sqlite3": "^8.5.0",
-    "playwright": "^1.25.1",
-    "playwright-core": "^1.25.1",
+    "better-sqlite3": "^8.5.2",
     "nan": "^2.17.0",
     "@vue/cli-service": "^5.0.8",
     "@achrinza/node-ipc": "^10.1.9"
@@ -182,4 +177,4 @@
     "./src/mainWindow/plugins/*",
     "./src/preferenceWindow/plugins/*"
   ]
-}
+}

moosync.code-workspace

@@ -11,22 +11,21 @@
 
 import 'threads/register'
 
-import { WindowHandler, _windowHandler, setIsQuitting } from './utils/main/windowManager'
 import { BrowserWindow, app, protocol, session } from 'electron'
-import { resolve } from 'path'
+import { WindowHandler, _windowHandler, setIsQuitting } from './utils/main/windowManager'
+import { getExtensionHostChannel, registerIpcChannels } from '@/utils/main/ipc'
+import { loadPreferences, setInitialPreferences, shouldWatchFileChanges } from './utils/main/db/preferences'
+import { migrateThemes, setupDefaultThemes, setupSystemThemes } from './utils/main/themes/preferences'
+import { setupScanTask, setupScrapeTask } from '@/utils/main/scheduler/index'
 
 import { createFavoritesPlaylist } from './utils/main/db'
-import { loadPreferences, setInitialPreferences, shouldWatchFileChanges } from './utils/main/db/preferences'
+import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
+import { exit } from 'process'
 import { loadSelectiveArrayPreference } from './utils/main/db/preferences'
 import { logger } from './utils/main/logger/index'
-import { migrateThemes, setupDefaultThemes, setupSystemThemes } from './utils/main/themes/preferences'
-import { getExtensionHostChannel, registerIpcChannels } from '@/utils/main/ipc'
 import { oauthHandler } from '@/utils/main/oauth/handler'
-import { setupScanTask, setupScrapeTask } from '@/utils/main/scheduler/index'
+import { resolve } from 'path'
 import { setupUpdateCheckTask } from '@/utils/main/scheduler/index'
-import { exit } from 'process'
-import pie from 'puppeteer-in-electron'
-import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
 
 if (process.defaultApp) {
   if (process.argv.length >= 2) {
@@ -58,7 +57,6 @@ if (isDevelopment) {
 
 overrideConsole()
 _windowHandler.setHardwareAcceleration()
-pie.initialize(app)
 
 process.on('uncaughtException', (err) => {
   console.error(err)

package.json

@@ -8,21 +8,12 @@
 -->
 
 <template>
-  <svg
-    v-b-tooltip.hover.right
-    :title="text"
-    :id="tooltipId"
-    width="19"
-    height="19"
-    viewBox="0 0 19 19"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg v-b-tooltip.hover.right :title="text" :id="tooltipId" width="19" height="19" viewBox="0 0 19 19" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
     <circle cx="9.5" cy="9.5" r="9.5" fill="var(--textSecondary)" />
     <path
       d="M8.912 12.056V11.592C8.912 11.048 9.01333 10.5413 9.216 10.072C9.41867 9.592 9.776 9.05333 10.288 8.456C10.6933 7.98667 10.976 7.58667 11.136 7.256C11.296 6.92533 11.376 6.57333 11.376 6.2C11.376 5.752 11.216 5.4 10.896 5.144C10.576 4.87733 10.1333 4.744 9.568 4.744C8.98133 4.744 8.43733 4.85067 7.936 5.064C7.43467 5.27733 6.96 5.59733 6.512 6.024L6.032 5C6.448 4.57333 6.976 4.232 7.616 3.976C8.256 3.70933 8.928 3.576 9.632 3.576C10.5493 3.576 11.2907 3.81067 11.856 4.28C12.4213 4.73867 12.704 5.34667 12.704 6.104C12.704 6.60533 12.592 7.07467 12.368 7.512C12.1547 7.94933 11.776 8.456 11.232 9.032C10.7307 9.56533 10.3733 10.0347 10.16 10.44C9.95733 10.8347 9.82933 11.24 9.776 11.656L9.744 12.056H8.912ZM8.512 15V13.368H10.144V15H8.512Z"
-      fill="white"
-    />
+      fill="var(--textPrimary)" />
   </svg>
 </template>
 
@@ -33,9 +24,9 @@ import { Vue } from 'vue-facing-decorator'
 @Component({})
 export default class Tooltip extends Vue {
   @Prop({ default: 'tooltip' })
-  private tooltipId!: string
+  tooltipId!: string
 
   @Prop({ default: 'This is a tooltip' })
-  private text!: string
+  text!: string
 }
 </script>

src/background.ts

@@ -0,0 +1,34 @@
+<template>
+  <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M26.0861 12.0223C25.7672 10.3767 24.9825 8.85737 23.8251 7.64494H23.8273L23.6698 7.48744C23.4576 7.29866 23.1803 7.19982 22.8966 7.21181C22.6128 7.2238 22.3449 7.34569 22.1494 7.5517C21.9539 7.7577 21.8462 8.03167 21.8491 8.31566C21.8519 8.59964 21.9652 8.87137 22.1648 9.07338C23.3808 10.3006 24.0618 11.9592 24.0592 13.6868L24.0482 14.0718C23.9495 15.7424 23.2162 17.3122 21.9984 18.4601C20.7806 19.608 19.1702 20.2473 17.4967 20.2471H10.2932H7.20009L6.87853 20.5687L6.75384 20.7196C6.60798 20.9301 6.54057 21.185 6.56336 21.44C6.58614 21.6951 6.69768 21.934 6.87853 22.1153L11.2579 26.4946L11.4088 26.6215C11.6195 26.7671 11.8746 26.8341 12.1296 26.8109C12.3847 26.7878 12.6235 26.6758 12.8045 26.4946L12.9313 26.3437C13.0769 26.133 13.144 25.8779 13.1208 25.6229C13.0976 25.3679 12.9857 25.129 12.8045 24.9481L10.2932 22.4346L17.4967 22.4368L17.932 22.4259C19.606 22.3423 21.2209 21.7797 22.5845 20.805C23.948 19.8302 25.0029 18.4843 25.6237 16.9273C26.2444 15.3703 26.4049 13.6678 26.0861 12.0223Z"
+      :fill="filled ? 'var(--accent)' : 'var(--textSecondary)'" />
+    <path
+      d="M14.8367 0.752128L14.9898 0.876816L19.367 5.25619L19.4938 5.40932C19.6199 5.59197 19.6874 5.80864 19.6874 6.03057C19.6874 6.25249 19.6199 6.46916 19.4938 6.65182L19.367 6.80494L19.0476 7.12432H15.9523H8.74665C7.07275 7.12422 5.46209 7.76378 4.24421 8.91212C3.02633 10.0605 2.29329 11.6308 2.19509 13.3018L2.18415 13.6868C2.18415 15.4806 2.90384 17.1037 4.06759 18.2893C4.25187 18.4997 4.34854 18.7728 4.33771 19.0523C4.32687 19.3318 4.20937 19.5965 4.00936 19.792C3.80935 19.9876 3.54202 20.099 3.26235 20.1035C2.98268 20.108 2.71191 20.0052 2.50572 19.8162C1.32454 18.6129 0.51619 17.094 0.177908 15.4421C-0.160375 13.7903 -0.0141796 12.0758 0.598906 10.5051C1.21199 8.93438 2.26585 7.57424 3.63371 6.58833C5.00157 5.60241 6.62516 5.03271 8.30915 4.94775L8.74665 4.93682L15.9523 4.93463L13.441 2.42557L13.3163 2.27244C13.1723 2.0619 13.1063 1.80761 13.1299 1.55359C13.1535 1.29956 13.2652 1.06178 13.4456 0.881389C13.626 0.700994 13.8638 0.589333 14.1178 0.565729C14.3718 0.542124 14.6261 0.60806 14.8367 0.752128Z"
+      :fill="filled ? 'var(--accent)' : 'var(--textSecondary)'" />
+    <path
+      d="M12.6178 12.0051H11.1178V10.5051L13.1271 10.5051L14.1178 10.5051V11.4982V16.5051H13.0272H12.6178V16.0367V12.0051Z"
+      :fill="filled ? 'var(--accent)' : 'var(--textSecondary)'" />
+  </svg>
+</template>
+
+<script lang="ts">
+import { Vue } from 'vue-facing-decorator'
+import { Component, Prop } from 'vue-facing-decorator'
+
+@Component({
+  emits: ['click']
+})
+export default class RepeatOnceIcon extends Vue {
+  @Prop({ default: false })
+  filled!: boolean
+}
+</script>
+
+<style lang="sass" scoped>
+.fill
+  transition: fill 0.2s ease
+
+*
+  cursor: pointer
+</style>