Merge pull request #289 from Moosync/dev

10.2.0

Author: Ovenoboyo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moosync",
-  "version": "10.1.2",
+  "version": "10.2.0",
   "private": true,
   "author": "Ovenoboyo <[email protected]>",
   "description": "Moosync is a customizable desktop music player with a clean interface",
@@ -17,72 +17,72 @@
     "postuninstall": "patch-package && electron-builder install-app-deps"
   },
   "dependencies": {
-    "@babel/core": "^7.22.20",
+    "@babel/core": "^7.23.2",
     "@babel/eslint-parser": "^7.22.15",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-bigint": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.22.15",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-typescript": "^7.22.15",
-    "@babel/types": "^7.22.19",
-    "@googleapis/oauth2": "^1.0.4",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-typescript": "^7.23.2",
+    "@babel/types": "^7.23.0",
+    "@googleapis/oauth2": "^1.0.5",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@napi-rs/cli": "^2.16.3",
     "@openid/appauth": "^1.3.1",
-    "@types/adm-zip": "^0.5.1",
-    "@types/better-sqlite3": "^7.6.5",
-    "@types/electron-devtools-installer": "^2.2.2",
-    "@types/ini": "^1.3.31",
-    "@types/jest": "^29.5.5",
-    "@types/js-yaml": "^4.0.6",
-    "@types/markdown-it": "^13.0.1",
-    "@types/node": "^20.6.2",
-    "@types/tail": "^2.2.1",
-    "@types/usetube": "^2.1.0",
-    "@types/uuid": "^9.0.4",
-    "@types/webpack-env": "^1.18.1",
-    "@types/webrtc": "0.0.36",
-    "@types/yt-player": "^3.5.1",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
+    "@types/adm-zip": "^0.5.3",
+    "@types/better-sqlite3": "^7.6.6",
+    "@types/electron-devtools-installer": "^2.2.4",
+    "@types/ini": "^1.3.32",
+    "@types/jest": "^29.5.6",
+    "@types/js-yaml": "^4.0.8",
+    "@types/markdown-it": "^13.0.5",
+    "@types/node": "^20.8.7",
+    "@types/tail": "^2.2.2",
+    "@types/usetube": "^2.1.1",
+    "@types/uuid": "^9.0.6",
+    "@types/webpack-env": "^1.18.3",
+    "@types/webrtc": "0.0.39",
+    "@types/yt-player": "^3.5.3",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "@voerro/vue-tagsinput": "^2.7.1",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-typescript": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/compat": "^3.3.4",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compat": "^3.3.6",
+    "@vue/compiler-sfc": "^3.3.6",
     "@vue/eslint-config-typescript": "^12.0.0",
     "adm-zip": "^0.5.10",
     "animate.css": "^4.1.1",
-    "axios": "^1.5.0",
+    "axios": "^1.5.1",
     "axios-rate-limit": "^1.3.0",
-    "axios-retry": "^3.7.0",
+    "axios-retry": "^3.8.0",
     "babel-loader": "^9.1.3",
-    "better-sqlite3": "^8.6.0",
+    "better-sqlite3": "^9.0.0",
     "better-sqlite3-helper": "^3.1.6",
     "bootstrap-vue": "^2.23.1",
     "buffer": "^6.0.3",
-    "bufferutil": "4.0.7",
+    "bufferutil": "4.0.8",
     "copy-webpack-plugin": "^11.0.0",
-    "core-js": "^3.32.2",
-    "croner": "^7.0.1",
+    "core-js": "^3.33.1",
+    "croner": "^7.0.4",
     "cross-env": "^7.0.3",
-    "dashjs": "^4.7.1",
+    "dashjs": "^4.7.2",
     "deepmerge": "^4.3.1",
     "dotenv": "^16.3.1",
-    "electron": "25.5.0",
+    "electron": "27.0.2",
     "electron-devtools-installer": "^3.2.0",
     "electron-store": "^8.1.0",
     "electron-updater": "^6.1.4",
-    "eslint": "^8.49.0",
+    "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-unused-imports": "^3.0.0",
     "eslint-plugin-vue": "^9.17.0",
     "events": "^3.3.0",
-    "fast-xml-parser": "^4.2.7",
+    "fast-xml-parser": "^4.3.2",
     "file-reader-reverse": "^1.0.2",
-    "hash-wasm": "^4.9.0",
+    "hash-wasm": "^4.10.0",
     "hls.js": "^1.4.12",
     "ini": "^4.1.1",
     "jest": "^29.7.0",
@@ -91,7 +91,7 @@
     "librespot-node": "git+https://github.com/Moosync/librespot-node.git",
     "localforage": "^1.10.0",
     "loglevel": "^1.8.1",
-    "markdown-it": "^13.0.1",
+    "markdown-it": "^13.0.2",
     "md5-wasm": "^2.0.0",
     "media-controller": "git+https://github.com/Moosync/MediaController.git",
     "music-metadata": "^8.1.4",
@@ -102,7 +102,7 @@
     "qs": "^6.11.2",
     "reflect-metadata": "^0.1.13",
     "replace": "^1.2.2",
-    "sass": "~1.67.0",
+    "sass": "~1.69.4",
     "sass-loader": "13.3.2",
     "scanner-native": "git+https://github.com/Moosync/file-scanner.git",
     "semver": "^7.5.4",
@@ -114,30 +114,30 @@
     "threads-plugin": "^1.4.0",
     "toad-scheduler": "^3.0.0",
     "ts-jest": "^29.1.1",
-    "ts-loader": "^9.4.4",
+    "ts-loader": "^9.5.0",
     "ts-node": "^10.9.1",
     "tslib": "^2.6.2",
     "typescript": "5.2.2",
     "uuid": "^9.0.1",
     "vm2": "git+https://github.com/patriksimek/vm2.git",
-    "vue": "^3.3.4",
+    "vue": "^3.3.6",
     "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.2",
-    "vue-i18n": "9.4.1",
+    "vue-facing-decorator": "^3.0.4",
+    "vue-i18n": "9.5.0",
     "vue-inline-svg": "^2.1.3",
     "vue-property-decorator": "^9.1.2",
-    "vue-router": "~4.2.4",
+    "vue-router": "~4.2.5",
     "vue-slider-component": "^4.0.0-beta.9",
     "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",
+    "vue3-toastify": "^0.1.14",
     "vuedraggable": "^2.24.3",
     "vuex": "~4.1.0",
     "vuex-class-component": "^2.3.6",
@@ -160,9 +160,9 @@
   ],
   "resolutions": {
     "electron-builder": "24.6.4",
-    "node-abi": "^3.47.0",
-    "webpack": "^5.88.2",
-    "better-sqlite3": "^8.6.0",
+    "node-abi": "^3.51.0",
+    "webpack": "^5.89.0",
+    "better-sqlite3": "^9.0.0",
     "nan": "^2.18.0",
     "@vue/cli-service": "^5.0.8",
     "@achrinza/node-ipc": "^10.1.9"

src/mainWindow/components/generic/CardRecycleScroller.vue

@@ -16,25 +16,12 @@
       </b-col>
     </b-row>
     <b-row class="recycle-row" ref="scrollerRow">
-      <RecycleScroller
-        class="scroller w-100 h-100"
-        :items="filteredItems"
-        :item-size="itemWidth"
-        :itemSecondarySize="itemWidth"
-        :key-field="keyField"
-        :grid-items="itemsInRow"
-        :buffer="100"
-        :direction="'vertical'"
-        @resize="onScrollerResize"
-      >
+      <RecycleScroller class="scroller w-100 h-100" :items="filteredItems" :item-size="itemWidth"
+        :itemSecondarySize="itemWidth" :key-field="keyField" :grid-items="itemsInRow" :buffer="100"
+        :direction="'vertical'" @resize="onScrollerResize">
         <template v-slot="{ item }">
-          <CardView
-            :title="item[titleKey]"
-            :imgSrc="item[imageKey]"
-            :maxWidth="`${itemWidth - 50}px`"
-            @click="emitClick(item)"
-            @CardContextMenu="emitContextMenu(item, ...arguments)"
-          >
+          <CardView :title="item[titleKey]" :imgSrc="item[imageKey]" :maxWidth="`${itemWidth - 50}px`"
+            @click="emitClick(item)" @CardContextMenu="emitContextMenu($event, item, ...arguments)">
             <template #defaultCover>
               <slot ref="defaultCover" name="defaultCover" />
             </template>

src/mainWindow/components/modals/NewPlaylistModal.vue

@@ -12,41 +12,23 @@
     <div class="modal-content-container">
       <b-container fluid class="p-0">
         <b-row no-gutters class="d-flex">
-          <canvas
-            crossorigin="anonymous"
-            v-if="!forceEmptyImg"
-            ref="canvas"
-            width="800"
-            height="800"
-            id="playlist-cover"
-            class="playlist-cover"
-          ></canvas>
+          <canvas crossorigin="anonymous" v-if="!forceEmptyImg" ref="canvas" width="800" height="800" id="playlist-cover"
+            class="playlist-cover"></canvas>
           <SongDefault v-if="forceEmptyImg" class="playlist-cover" />
           <b-col class="playlist-details">
             <div class="d-flex">
-              <b-input
-                v-model="title"
-                id="playlist-title"
-                class="playlist-title"
-                maxlength="20"
-                placeholder="Playlist Name..."
-              />
+              <b-input v-model="title" id="playlist-title" class="playlist-title" maxlength="20"
+                placeholder="Playlist Name..." />
             </div>
             <p class="songs-count">{{ songCount }} {{ songCount == 1 ? 'Song' : 'Songs' }}</p>
           </b-col>
         </b-row>
         <b-row no-gutters>
-          <b-form-textarea
-            class="playlist-desc"
-            id="playlist-desc"
-            v-model="desc"
-            placeholder="Description..."
-            rows="3"
-            max-rows="6"
-          ></b-form-textarea>
+          <b-form-textarea class="playlist-desc" id="playlist-desc" v-model="desc"
+            :placeholder="$t('playlists.new_playlist.description_placeholder')" rows="3" max-rows="6"></b-form-textarea>
         </b-row>
       </b-container>
-      <b-button class="create-button" @click="createPlaylist">Create</b-button>
+      <b-button class="create-button" @click="createPlaylist">{{ $t('playlists.new_playlist.create') }}</b-button>
     </div>
   </b-modal>
 </template>

src/mainWindow/components/modals/PlaylistFromURLModal.vue

@@ -38,7 +38,7 @@
             </b-row>
             <b-row no-gutters>
               <b-col cols="12">
-                <InputGroup class="input-group" hint="Enter URL Here.. (Youtube or Spotify)" v-model="playlistUrl"
+                <InputGroup class="input-group" :hint="$t('playlists.url.input_hint')" v-model="playlistUrl"
                   @update="parseURL" />
               </b-col>
             </b-row>
@@ -56,8 +56,9 @@
           </div>
         </b-row>
       </b-container>
-      <b-button class="close-button ml-3" @click="close">Close</b-button>
-      <b-button class="create-button" :disabled="!addButtonEnabled" @click="addToLibrary">Add</b-button>
+      <b-button class="close-button ml-3" @click="close">{{ $t('buttons.close') }}</b-button>
+      <b-button class="create-button" :disabled="!addButtonEnabled" @click="addToLibrary">{{ $t('buttons.add')
+      }}</b-button>
     </div>
   </b-modal>
 </template>