Update to v0.12.1

* Revert "Encode credential for subsonic stream/coverart (#841)"

This reverts commit 8ec4551b46.

* Properly URL encode credentials on Subsonic

Previous commit (8ec4551b46) has been reverted, as it has encoded even equal signs (=), and and signs (&), which should not have been encoded. Nextcloud Music has subsequently failed to receive separate username and password and has therefore failed whilst authenticating the user.

Example of URL beforehand:
https://cloud.example.com/index.php/apps/music/subsonic/rest/stream.view?id=track-4936&v=1.13.0&c=feishin_&u%3Dtest-test%40example.com%26p%3Dpassword

Example of URL now:
https://cloud.example.com/index.php/apps/music/subsonic/rest/stream.view?id=track-4936&v=1.13.0&c=feishin_&u=test-test%40example.com&p=password

.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+Dockerfile
+docker-compose.*

.editorconfig

@@ -2,7 +2,7 @@ root = true
 
 [*]
 indent_style = space
-indent_size = 2
+indent_size = 4
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true

.erb/configs/webpack.config.renderer.dev.ts

@@ -16,7 +16,7 @@ import webpackPaths from './webpack.paths';
 // When an ESLint server is running, we can't set the NODE_ENV so we'll check if it's
 // at the dev webpack config is not accidentally run in a production environment
 if (process.env.NODE_ENV === 'production') {
-  checkNodeEnv('development');
+    checkNodeEnv('development');
 }
 
 const port = process.env.PORT || 4343;
@@ -28,171 +28,174 @@ const requiredByDLLConfig = module.parent!.filename.includes('webpack.config.ren
  * Warn if the DLL is not built
  */
 if (!requiredByDLLConfig && !(fs.existsSync(webpackPaths.dllPath) && fs.existsSync(manifest))) {
-  console.log(
-    chalk.black.bgYellow.bold(
-      'The DLL files are missing. Sit back while we build them for you with "npm run build-dll"',
-    ),
-  );
-  execSync('npm run postinstall');
+    console.log(
+        chalk.black.bgYellow.bold(
+            'The DLL files are missing. Sit back while we build them for you with "npm run build-dll"',
+        ),
+    );
+    execSync('npm run postinstall');
 }
 
 const configuration: webpack.Configuration = {
-  devtool: 'inline-source-map',
+    devtool: 'inline-source-map',
 
-  mode: 'development',
+    mode: 'development',
 
-  target: ['web', 'electron-renderer'],
+    target: ['web', 'electron-renderer'],
 
-  entry: [
-    `webpack-dev-server/client?http://localhost:${port}/dist`,
-    'webpack/hot/only-dev-server',
-    path.join(webpackPaths.srcRendererPath, 'index.tsx'),
-  ],
-
-  output: {
-    path: webpackPaths.distRendererPath,
-    publicPath: '/',
-    filename: 'renderer.dev.js',
-    library: {
-      type: 'umd',
-    },
-  },
-
-  module: {
-    rules: [
-      {
-        test: /\.s?css$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                localIdentName: '[name]__[local]--[hash:base64:5]',
-                exportLocalsConvention: 'camelCaseOnly',
-              },
-              sourceMap: true,
-              importLoaders: 1,
-            },
-          },
-          'sass-loader',
-        ],
-        include: /\.module\.s?(c|a)ss$/,
-      },
-      {
-        test: /\.s?css$/,
-        use: ['style-loader', 'css-loader', 'sass-loader'],
-        exclude: /\.module\.s?(c|a)ss$/,
-      },
-      // Fonts
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: 'asset/resource',
-      },
-      // Images
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
-      },
+    entry: [
+        `webpack-dev-server/client?http://localhost:${port}/dist`,
+        'webpack/hot/only-dev-server',
+        path.join(webpackPaths.srcRendererPath, 'index.tsx'),
     ],
-  },
-  plugins: [
-    ...(requiredByDLLConfig
-      ? []
-      : [
-          new webpack.DllReferencePlugin({
-            context: webpackPaths.dllPath,
-            manifest: require(manifest),
-            sourceType: 'var',
-          }),
-        ]),
 
-    new webpack.NoEmitOnErrorsPlugin(),
-
-    /**
-     * Create global constants which can be configured at compile time.
-     *
-     * Useful for allowing different behaviour between development builds and
-     * release builds
-     *
-     * NODE_ENV should be production so that modules do not perform certain
-     * development checks
-     *
-     * By default, use 'development' as NODE_ENV. This can be overriden with
-     * 'staging', for example, by changing the ENV variables in the npm scripts
-     */
-    new webpack.EnvironmentPlugin({
-      NODE_ENV: 'development',
-    }),
-
-    new webpack.LoaderOptionsPlugin({
-      debug: true,
-    }),
-
-    new ReactRefreshWebpackPlugin(),
-
-    new HtmlWebpackPlugin({
-      filename: path.join('index.html'),
-      template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
-      minify: {
-        collapseWhitespace: true,
-        removeAttributeQuotes: true,
-        removeComments: true,
-      },
-      isBrowser: false,
-      env: process.env.NODE_ENV,
-      isDevelopment: process.env.NODE_ENV !== 'production',
-      nodeModules: webpackPaths.appNodeModulesPath,
-    }),
-  ],
-
-  node: {
-    __dirname: false,
-    __filename: false,
-  },
-
-  devServer: {
-    port,
-    compress: true,
-    hot: true,
-    headers: { 'Access-Control-Allow-Origin': '*' },
-    static: {
-      publicPath: '/',
+    output: {
+        path: webpackPaths.distRendererPath,
+        publicPath: '/',
+        filename: 'renderer.dev.js',
+        library: {
+            type: 'umd',
+        },
     },
-    historyApiFallback: {
-      verbose: true,
-    },
-    setupMiddlewares(middlewares) {
-      console.log('Starting preload.js builder...');
-      const preloadProcess = spawn('npm', ['run', 'start:preload'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => process.exit(code!))
-        .on('error', (spawnError) => console.error(spawnError));
 
-      console.log('Starting remote.js builder...');
-      const remoteProcess = spawn('npm', ['run', 'start:remote'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => process.exit(code!))
-        .on('error', (spawnError) => console.error(spawnError));
-
-      console.log('Starting Main Process...');
-      spawn('npm', ['run', 'start:main'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => {
-          preloadProcess.kill();
-          remoteProcess.kill();
-          process.exit(code!);
-        })
-        .on('error', (spawnError) => console.error(spawnError));
-      return middlewares;
+    module: {
+        rules: [
+            {
+                test: /\.s?css$/,
+                use: [
+                    'style-loader',
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            modules: {
+                                localIdentName: '[name]__[local]--[hash:base64:5]',
+                                exportLocalsConvention: 'camelCaseOnly',
+                            },
+                            sourceMap: true,
+                            importLoaders: 1,
+                        },
+                    },
+                    'sass-loader',
+                ],
+                include: /\.module\.s?(c|a)ss$/,
+            },
+            {
+                test: /\.s?css$/,
+                use: ['style-loader', 'css-loader', 'sass-loader'],
+                exclude: /\.module\.s?(c|a)ss$/,
+            },
+            // Fonts
+            {
+                test: /\.(woff|woff2|eot|ttf|otf)$/i,
+                type: 'asset/resource',
+            },
+            // Images
+            {
+                test: /\.(png|svg|jpg|jpeg|gif)$/i,
+                type: 'asset/resource',
+            },
+        ],
+    },
+    plugins: [
+        ...(requiredByDLLConfig
+            ? []
+            : [
+                  new webpack.DllReferencePlugin({
+                      context: webpackPaths.dllPath,
+                      manifest: require(manifest),
+                      sourceType: 'var',
+                  }),
+              ]),
+
+        new webpack.NoEmitOnErrorsPlugin(),
+
+        /**
+         * Create global constants which can be configured at compile time.
+         *
+         * Useful for allowing different behaviour between development builds and
+         * release builds
+         *
+         * NODE_ENV should be production so that modules do not perform certain
+         * development checks
+         *
+         * By default, use 'development' as NODE_ENV. This can be overriden with
+         * 'staging', for example, by changing the ENV variables in the npm scripts
+         */
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: 'development',
+        }),
+
+        new webpack.LoaderOptionsPlugin({
+            debug: true,
+        }),
+
+        new ReactRefreshWebpackPlugin(),
+
+        new HtmlWebpackPlugin({
+            filename: path.join('index.html'),
+            template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
+            minify: {
+                collapseWhitespace: true,
+                removeAttributeQuotes: true,
+                removeComments: true,
+            },
+            isBrowser: false,
+            env: process.env.NODE_ENV,
+            isDevelopment: process.env.NODE_ENV !== 'production',
+            nodeModules: webpackPaths.appNodeModulesPath,
+            templateParameters: {
+                web: false,
+            },
+        }),
+    ],
+
+    node: {
+        __dirname: false,
+        __filename: false,
+    },
+
+    devServer: {
+        port,
+        compress: true,
+        hot: true,
+        headers: { 'Access-Control-Allow-Origin': '*' },
+        static: {
+            publicPath: '/',
+        },
+        historyApiFallback: {
+            verbose: true,
+        },
+        setupMiddlewares(middlewares) {
+            console.log('Starting preload.js builder...');
+            const preloadProcess = spawn('npm', ['run', 'start:preload'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => process.exit(code!))
+                .on('error', (spawnError) => console.error(spawnError));
+
+            console.log('Starting remote.js builder...');
+            const remoteProcess = spawn('npm', ['run', 'start:remote'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => process.exit(code!))
+                .on('error', (spawnError) => console.error(spawnError));
+
+            console.log('Starting Main Process...');
+            spawn('npm', ['run', 'start:main'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => {
+                    preloadProcess.kill();
+                    remoteProcess.kill();
+                    process.exit(code!);
+                })
+                .on('error', (spawnError) => console.error(spawnError));
+            return middlewares;
+        },
     },
-  },
 };
 
 export default merge(baseConfig, configuration);

.erb/configs/webpack.config.renderer.prod.ts

@@ -21,114 +21,117 @@ checkNodeEnv('production');
 deleteSourceMaps();
 
 const devtoolsConfig =
-  process.env.DEBUG_PROD === 'true'
-    ? {
-        devtool: 'source-map',
-      }
-    : {};
+    process.env.DEBUG_PROD === 'true'
+        ? {
+              devtool: 'source-map',
+          }
+        : {};
 
 const configuration: webpack.Configuration = {
-  ...devtoolsConfig,
+    ...devtoolsConfig,
 
-  mode: 'production',
+    mode: 'production',
 
-  target: ['web', 'electron-renderer'],
+    target: ['web', 'electron-renderer'],
 
-  entry: [path.join(webpackPaths.srcRendererPath, 'index.tsx')],
+    entry: [path.join(webpackPaths.srcRendererPath, 'index.tsx')],
 
-  output: {
-    path: webpackPaths.distRendererPath,
-    publicPath: './',
-    filename: 'renderer.js',
-    library: {
-      type: 'umd',
+    output: {
+        path: webpackPaths.distRendererPath,
+        publicPath: './',
+        filename: 'renderer.js',
+        library: {
+            type: 'umd',
+        },
     },
-  },
 
-  module: {
-    rules: [
-      {
-        test: /\.s?(a|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                localIdentName: '[name]__[local]--[hash:base64:5]',
-                exportLocalsConvention: 'camelCaseOnly',
-              },
-              sourceMap: true,
-              importLoaders: 1,
+    module: {
+        rules: [
+            {
+                test: /\.s?(a|c)ss$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            modules: {
+                                localIdentName: '[name]__[local]--[hash:base64:5]',
+                                exportLocalsConvention: 'camelCaseOnly',
+                            },
+                            sourceMap: true,
+                            importLoaders: 1,
+                        },
+                    },
+                    'sass-loader',
+                ],
+                include: /\.module\.s?(c|a)ss$/,
+            },
+            {
+                test: /\.s?(a|c)ss$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+                exclude: /\.module\.s?(c|a)ss$/,
+            },
+            // Fonts
+            {
+                test: /\.(woff|woff2|eot|ttf|otf)$/i,
+                type: 'asset/resource',
+            },
+            // Images
+            {
+                test: /\.(png|svg|jpg|jpeg|gif)$/i,
+                type: 'asset/resource',
             },
-          },
-          'sass-loader',
         ],
-        include: /\.module\.s?(c|a)ss$/,
-      },
-      {
-        test: /\.s?(a|c)ss$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
-        exclude: /\.module\.s?(c|a)ss$/,
-      },
-      // Fonts
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: 'asset/resource',
-      },
-      // Images
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
-      },
+    },
+
+    optimization: {
+        minimize: true,
+        minimizer: [
+            new TerserPlugin({
+                parallel: true,
+            }),
+            new CssMinimizerPlugin(),
+        ],
+    },
+
+    plugins: [
+        /**
+         * Create global constants which can be configured at compile time.
+         *
+         * Useful for allowing different behaviour between development builds and
+         * release builds
+         *
+         * NODE_ENV should be production so that modules do not perform certain
+         * development checks
+         */
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: 'production',
+            DEBUG_PROD: false,
+        }),
+
+        new MiniCssExtractPlugin({
+            filename: 'style.css',
+        }),
+
+        new BundleAnalyzerPlugin({
+            analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
+        }),
+
+        new HtmlWebpackPlugin({
+            filename: 'index.html',
+            template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
+            minify: {
+                collapseWhitespace: true,
+                removeAttributeQuotes: true,
+                removeComments: true,
+            },
+            isBrowser: false,
+            isDevelopment: process.env.NODE_ENV !== 'production',
+            templateParameters: {
+                web: false,
+            },
+        }),
     ],
-  },
-
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        parallel: true,
-      }),
-      new CssMinimizerPlugin(),
-    ],
-  },
-
-  plugins: [
-    /**
-     * Create global constants which can be configured at compile time.
-     *
-     * Useful for allowing different behaviour between development builds and
-     * release builds
-     *
-     * NODE_ENV should be production so that modules do not perform certain
-     * development checks
-     */
-    new webpack.EnvironmentPlugin({
-      NODE_ENV: 'production',
-      DEBUG_PROD: false,
-    }),
-
-    new MiniCssExtractPlugin({
-      filename: 'style.css',
-    }),
-
-    new BundleAnalyzerPlugin({
-      analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
-    }),
-
-    new HtmlWebpackPlugin({
-      filename: 'index.html',
-      template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
-      minify: {
-        collapseWhitespace: true,
-        removeAttributeQuotes: true,
-        removeComments: true,
-      },
-      isBrowser: false,
-      isDevelopment: process.env.NODE_ENV !== 'production',
-    }),
-  ],
 };
 
 export default merge(baseConfig, configuration);

.erb/configs/webpack.config.renderer.web.ts

@@ -116,6 +116,9 @@ const configuration: webpack.Configuration = {
             env: process.env.NODE_ENV,
             isDevelopment: process.env.NODE_ENV !== 'production',
             nodeModules: webpackPaths.appNodeModulesPath,
+            templateParameters: {
+                web: false, // with hot reload, we don't have NGINX injecting variables
+            },
         }),
     ],
 

.erb/configs/webpack.config.web.prod.ts

@@ -128,6 +128,9 @@ const configuration: webpack.Configuration = {
             },
             isBrowser: false,
             isDevelopment: process.env.NODE_ENV !== 'production',
+            templateParameters: {
+                web: true,
+            },
         }),
     ],
 };

.github/ISSUE_TEMPLATE/1-Bug_report.md

@@ -1,45 +0,0 @@
----
-name: Bug report
-about: You're having technical issues. 🐞
-labels: 'bug'
----
-
-## Expected Behavior
-
-<!--- What should have happened? -->
-
-## Current Behavior
-
-<!--- What went wrong? -->
-<!-- Add screenshots to help explain your problem -->
-<!-- (Open the browser dev tools in the menu or using CTRL + SHIFT + I) -->
-
-## Steps to Reproduce
-
-<!-- Add relevant code and/or a live example -->
-<!-- Add stack traces -->
-
-1.
-
-2.
-
-3.
-
-4.
-
-## Possible Solution (Not obligatory)
-
-<!--- Suggest a reason for the bug or how to fix it. -->
-
-## Context
-
-<!--- How has this issue affected you? What are you trying to accomplish? -->
-
-## Your Environment
-
-<!--- Include as many relevant details about the environment you experienced the bug in -->
-
--   Application version (e.g. v0.1.0) :
--   Operating System and version (e.g. Windows 10) :
--   Server and version (e.g. Navidrome v0.48.0) :
--   Node version (if developing locally) :

.github/ISSUE_TEMPLATE/2-Question.md

@@ -1,9 +0,0 @@
----
-name: Question
-about: Ask a question.❓
-labels: 'question'
----
-
-<!-- Question issues will be closed. -->
-<!-- Ask questions in the discussions tab: Please use discussions https://github.com/jeffvli/feishin/discussions -->
-<!-- Or join the Discord/Matrix servers: https://discord.gg/FVKpcMDy5f https://matrix.to/#/#sonixd:matrix.org -->

.github/ISSUE_TEMPLATE/3-Feature_request.md

@@ -1,11 +0,0 @@
----
-name: Feature request
-about: Request a feature to be added to Feishin 🎉
-labels: 'enhancement'
----
-
-## What do you want to be added?
-
-## Additional context
-
-<!-- Is this a server-specific feature? (e.g. Jellyfin only). -->

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,63 @@
+name: Bug report
+description: You're having technical issues. 🐞
+labels: ['bug']
+body:
+    - type: textarea
+      attributes:
+          label: Expected Behavior
+          description: What should have happened?
+      validations:
+          required: true
+    - type: textarea
+      attributes:
+          label: Current Behavior
+          description: What went wrong? Add screenshots to help explain your problem. (Open the browser dev tools in the menu or using CTRL + SHIFT + I)
+      validations:
+          required: true
+    - type: textarea
+      attributes:
+          label: Steps to Reproduce
+          placeholder: |
+              <!-- Add relevant code and/or a live example -->
+              <!-- Add stack traces -->
+              1.
+              2.
+              3.
+              4.
+      validations:
+          required: true
+    - type: textarea
+      attributes:
+          label: Possible Solution
+          description: Suggest a reason for the bug or how to fix it.
+      validations:
+          required: false
+    - type: textarea
+      attributes:
+          label: Context
+          description: How has this issue affected you? What are you trying to accomplish?
+      validations:
+          required: false
+    - type: input
+      attributes:
+          label: Application version
+          placeholder: (e.g. v0.1.0)
+      validations:
+          required: true
+    - type: input
+      attributes:
+          label: Operating System and version
+          placeholder: (e.g. Windows 11 desktop, Webapp in Firefox)
+      validations:
+          required: true
+    - type: input
+      attributes:
+          label: Server and Version
+          placeholder: (e.g. Navidrome v0.48.0)
+      validations:
+          required: true
+    - type: input
+      attributes:
+          label: Node Version (if developing locally)
+      validations:
+          required: false

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: true
+contact_links:
+    - name: Question
+      url: https://github.com/jeffvli/feishin/discussions
+      about: Please ask and answer questions here.

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,20 @@
+name: Feature request - NOT ACCEPTING NEW FEATURE REQUESTS
+description: Feature requests are currently closed. The application is actively being rewritten https://github.com/audioling/audioling.
+labels: ['enhancement']
+body:
+    - type: textarea
+      attributes:
+          label: What do you want to be added?
+      validations:
+          required: true
+    - type: textarea
+      attributes:
+          label: Additional context
+      validations:
+          required: false
+    - type: checkboxes
+      attributes:
+          label: Is this a server-specific feature? (e.g. Jellyfin only)
+          options:
+              - label: 'Yes'
+                required: false

.github/workflows/publish-linux.yml

@@ -17,7 +17,7 @@ jobs:
             - name: Install Node and NPM
               uses: actions/setup-node@v1
               with:
-                  node-version: 16
+                  node-version: 18
                   cache: npm
 
             - name: Install dependencies
@@ -37,3 +37,17 @@ jobs:
                       npm run build
                       npm exec electron-builder -- --publish always --linux
                   on_retry_command: npm cache clean --force
+
+            - name: Publish releases (arm64)
+              env:
+                  GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+              uses: nick-invision/retry@v2.8.2
+              with:
+                  timeout_minutes: 30
+                  max_attempts: 3
+                  retry_on: error
+                  command: |
+                      npm run postinstall
+                      npm run build
+                      npm exec electron-builder -- --publish always --arm64
+                  on_retry_command: npm cache clean --force

.github/workflows/publish-macos.yml

@@ -1,4 +1,4 @@
-name: Publish Windows and macOS (Manual)
+name: Publish macOS (Manual)
 
 on: workflow_dispatch
 
@@ -17,7 +17,7 @@ jobs:
             - name: Install Node and NPM
               uses: actions/setup-node@v1
               with:
-                  node-version: 16
+                  node-version: 18
                   cache: npm
 
             - name: Install dependencies
@@ -35,5 +35,5 @@ jobs:
                   command: |
                       npm run postinstall
                       npm run build
-                      npm exec electron-builder -- --publish always --win --mac
+                      npm exec electron-builder -- --publish always --mac
                   on_retry_command: npm cache clean --force

.github/workflows/publish-pr.yml

@@ -20,7 +20,7 @@ jobs:
             - name: Install Node and NPM
               uses: actions/setup-node@v3
               with:
-                  node-version: 16
+                  node-version: 18
                   cache: npm
 
             - name: Install dependencies

.github/workflows/publish-windows.yml

@@ -0,0 +1,39 @@
+name: Publish Windows (Manual)
+
+on: workflow_dispatch
+
+jobs:
+    publish:
+        runs-on: ${{ matrix.os }}
+
+        strategy:
+            matrix:
+                os: [windows-latest]
+
+        steps:
+            - name: Checkout git repo
+              uses: actions/checkout@v1
+
+            - name: Install Node and NPM
+              uses: actions/setup-node@v1
+              with:
+                  node-version: 18
+                  cache: npm
+
+            - name: Install dependencies
+              run: |
+                  npm install --legacy-peer-deps
+
+            - name: Publish releases
+              env:
+                  GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+              uses: nick-invision/retry@v2.8.2
+              with:
+                  timeout_minutes: 30
+                  max_attempts: 3
+                  retry_on: error
+                  command: |
+                      npm run postinstall
+                      npm run build
+                      npm exec electron-builder -- --publish always --win
+                  on_retry_command: npm cache clean --force

.vscode/settings.json

@@ -11,10 +11,10 @@
     ],
     "typescript.tsserver.experimental.enableProjectDiagnostics": true,
     "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true,
-        "source.fixAll.stylelint": true,
-        "source.organizeImports": false,
-        "source.formatDocument": true
+        "source.fixAll.eslint": "explicit",
+        "source.fixAll.stylelint": "explicit",
+        "source.organizeImports": "never",
+        "source.formatDocument": "explicit"
     },
     "css.validate": true,
     "less.validate": false,

Dockerfile

@@ -1,16 +1,20 @@
 # --- Builder stage
 FROM node:18-alpine as builder
 WORKDIR /app
-COPY . /app
 
+#Copy package.json first to cache node_modules
+COPY package.json package-lock.json .
 # Scripts include electron-specific dependencies, which we don't need
 RUN npm install --legacy-peer-deps --ignore-scripts
+#Copy code and build with cached modules
+COPY . .
 RUN npm run build:web
 
 # --- Production stage
 FROM nginx:alpine-slim
 
 COPY --chown=nginx:nginx --from=builder /app/release/app/dist/web /usr/share/nginx/html
+COPY ./settings.js.template /etc/nginx/templates/settings.js.template
 COPY ng.conf.template /etc/nginx/templates/default.conf.template
 
 ENV PUBLIC_PATH="/"

README.md

@@ -27,6 +27,16 @@
     </a>
   </p>
 
+---
+
+## MAINTENANCE NOTICE
+
+Feishin is currently undergoing a major rewrite. New feature requests will not be accepted. The rewrite is being actively developed at the [audioling](https://github.com/audioling/audioling) repository.
+
+Follow the repository or join the discord/matrix server for updates.
+
+---
+
 Rewrite of [Sonixd](https://github.com/jeffvli/sonixd).
 
 ## Features
@@ -49,8 +59,12 @@ Rewrite of [Sonixd](https://github.com/jeffvli/sonixd).
 
 Download the [latest desktop client](https://github.com/jeffvli/feishin/releases). The desktop client is the recommended way to use Feishin. It supports both the MPV and web player backends, as well as includes built-in fetching for lyrics.
 
+#### macOS Notes
+
 If you're using a device running macOS 12 (Monterey) or higher, [check here](https://github.com/jeffvli/feishin/issues/104#issuecomment-1553914730) for instructions on how to remove the app from quarantine.
 
+For media keys to work, you will be prompted to allow Feishin to be a Trusted Accessibility Client. After allowing, you will need to restart Feishin for the privacy settings to take effect.
+
 ### Web and Docker
 
 Visit [https://feishin.vercel.app](https://feishin.vercel.app) to use the hosted web version of Feishin. The web client only supports the web player backend.
@@ -66,6 +80,29 @@ docker build -t feishin .
 docker run --name feishin -p 9180:9180 feishin
 ```
 
+#### Docker Compose
+
+To install via Docker Compose use the following snippit. This also works on Portainer.
+
+```yaml
+services:
+    feishin:
+        container_name: feishin
+        image: 'ghcr.io/jeffvli/feishin:latest'
+        environment:
+            - SERVER_NAME=jellyfin # pre defined server name
+            - SERVER_LOCK=true # When true AND name/type/url are set, only username/password can be toggled
+            - SERVER_TYPE=jellyfin # navidrome also works
+            - SERVER_URL= # http://address:port
+            - PUID=1000
+            - PGID=1000
+            - UMASK=002
+            - TZ=America/Los_Angeles
+        ports:
+            - 9180:9180
+        restart: unless-stopped
+```
+
 ### Configuration
 
 1. Upon startup you will be greeted with a prompt to select the path to your MPV binary. If you do not have MPV installed, you can download it [here](https://mpv.io/installation/) or install it using any package manager supported by your OS. After inputting the path, restart the app.
@@ -73,9 +110,12 @@ docker run --name feishin -p 9180:9180 feishin
 2. After restarting the app, you will be prompted to select a server. Click the `Open menu` button and select `Manage servers`. Click the `Add server` button in the popup and fill out all applicable details. You will need to enter the full URL to your server, including the protocol and port if applicable (e.g. `https://navidrome.my-server.com` or `http://192.168.0.1:4533`).
 
 -   **Navidrome** - For the best experience, select "Save password" when creating the server and configure the `SessionTimeout` setting in your Navidrome config to a larger value (e.g. 72h).
+    -   **Linux users** - The default password store uses `libsecret`. `kwallet4/5/6` are also supported, but must be explicitly set in Settings > Window > Passwords/secret score.
 
 3. _Optional_ - If you want to host Feishin on a subpath (not `/`), then pass in the following environment variable: `PUBLIC_PATH=PATH`. For example, to host on `/feishin`, pass in `PUBLIC_PATH=/feishin`.
 
+4. _Optional_ - To hard code the server url, pass the following environment variables: `SERVER_NAME`, `SERVER_TYPE` (one of `jellyfin` or `navidrome`), `SERVER_URL`. To prevent users from changing these settings, pass `SERVER_LOCK=true`. This can only be set if all three of the previous values are set.
+
 ## FAQ
 
 ### MPV is either not working or is rapidly switching between pause/play states
@@ -88,8 +128,27 @@ Feishin supports any music server that implements a [Navidrome](https://www.navi
 
 -   [Navidrome](https://github.com/navidrome/navidrome)
 -   [Jellyfin](https://github.com/jellyfin/jellyfin)
--   [Funkwhale](https://funkwhale.audio/) - TBD
--   Subsonic-compatible servers - TBD
+-   Subsonic-compatible servers
+    -   [Airsonic-Advanced](https://github.com/airsonic-advanced/airsonic-advanced)
+    -   [Ampache](https://ampache.org)
+    -   [Astiga](https://asti.ga/)
+    -   [Funkwhale](https://www.funkwhale.audio/)
+    -   [Gonic](https://github.com/sentriz/gonic)
+    -   [LMS](https://github.com/epoupon/lms)
+    -   [Nextcloud Music](https://apps.nextcloud.com/apps/music)
+    -   [Supysonic](https://github.com/spl0k/supysonic)
+    -   More (?)
+
+### I have the issue "The SUID sandbox helper binary was found, but is not configured correctly" on Linux
+
+This happens when you have user (unprivileged) namespaces disabled (`sysctl kernel.unprivileged_userns_clone` returns 0). You can fix this by either enabling unprivileged namespaces, or by making the `chrome-sandbox` Setuid.
+
+```bash
+chmod 4755 chrome-sandbox
+sudo chown root:root chrome-sandbox
+```
+
+Ubunutu 24.04 specifically introduced breaking changes that affect how namespaces work. Please see https://discourse.ubuntu.com/t/ubuntu-24-04-lts-noble-numbat-release-notes/39890#:~:text=security%20improvements%20 for possible fixes.
 
 ## Development
 

docker-compose.yaml

@@ -0,0 +1,13 @@
+version: '3.5'
+services:
+    feishin:
+        container_name: feishin
+        image: ghcr.io/jeffvli/feishin:latest
+        restart: unless-stopped
+        ports:
+            - 9180:9180
+        environment:
+            - SERVER_NAME=jellyfin # pre defined server name
+            - SERVER_LOCK=true # When true AND name/type/url are set, only username/password can be toggled
+            - SERVER_TYPE=jellyfin # navidrome also works
+            - SERVER_URL= # http://address:port

ng.conf.template

@@ -16,4 +16,12 @@ server {
     alias /usr/share/nginx/html/;
     try_files $uri $uri/ /index.html =404;
   }
+
+  location ${PUBLIC_PATH}settings.js {
+    alias /etc/nginx/conf.d/settings.js;
+  }
+
+  location ${PUBLIC_PATH}/settings.js {
+    alias /etc/nginx/conf.d/settings.js;
+  }
 }

package.json

@@ -2,24 +2,24 @@
     "name": "feishin",
     "productName": "Feishin",
     "description": "Feishin music server",
-    "version": "0.5.2",
+    "version": "0.12.1",
     "scripts": {
         "build": "concurrently \"npm run build:main\" \"npm run build:renderer\" \"npm run build:remote\"",
         "build:main": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.main.prod.ts",
         "build:remote": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.remote.prod.ts",
         "build:renderer": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.prod.ts",
         "build:web": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.web.prod.ts",
-        "build:docker": "npm run build:web && docker build -t jeffvli/feishin .",
+        "build:docker": "docker build -t jeffvli/feishin .",
         "rebuild": "electron-rebuild --parallel --types prod,dev,optional --module-dir release/app",
         "lint": "concurrently \"npm run lint:code\" \"npm run lint:styles\"",
         "lint:code": "cross-env NODE_ENV=development eslint . --ext .js,.jsx,.ts,.tsx --fix",
         "lint:styles": "npx stylelint **/*.tsx --fix",
-        "package": "ts-node ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never",
-        "package:pr": "ts-node ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never --win --mac --linux",
-        "package:dev": "ts-node ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never --dir",
-        "postinstall": "ts-node .erb/scripts/check-native-dep.js && electron-builder install-app-deps && cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.dev.dll.ts",
-        "start": "ts-node ./.erb/scripts/check-port-in-use.js && npm run start:renderer",
-        "start:main": "cross-env NODE_ENV=development electron -r ts-node/register/transpile-only ./src/main/main.ts",
+        "package": "node --import tsx ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never",
+        "package:pr": "node --import tsx ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never --win --mac --linux",
+        "package:dev": "node --import tsx ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish never --dir",
+        "postinstall": "node --import tsx .erb/scripts/check-native-dep.js && electron-builder install-app-deps && cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.dev.dll.ts",
+        "start": "node --import tsx ./.erb/scripts/check-port-in-use.js && npm run start:renderer",
+        "start:main": "cross-env NODE_ENV=development  NODE_OPTIONS=\"--import tsx\" electron -r ts-node/register/transpile-only ./src/main/main.ts",
         "start:preload": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.preload.dev.ts",
         "start:remote": "cross-env NODE_ENV=developemnt TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.remote.dev.ts",
         "start:renderer": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack serve --config ./.erb/configs/webpack.config.renderer.dev.ts",
@@ -56,7 +56,7 @@
             "package.json"
         ],
         "afterSign": ".erb/scripts/notarize.js",
-        "electronVersion": "27.1.0",
+        "electronVersion": "31.2.0",
         "mac": {
             "target": {
                 "target": "default",
@@ -132,7 +132,7 @@
                 "tar.xz"
             ],
             "icon": "assets/icons/icon.png",
-            "category": "Development"
+            "category": "AudioVideo;Audio;Player"
         },
         "directories": {
             "app": "release/app",
@@ -199,12 +199,13 @@
         ]
     },
     "devDependencies": {
-        "@electron/rebuild": "^3.2.10",
+        "@electron/rebuild": "^3.6.0",
         "@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
         "@stylelint/postcss-css-in-js": "^0.38.0",
         "@teamsupercell/typings-for-css-modules-loader": "^2.5.1",
         "@testing-library/jest-dom": "^5.16.4",
         "@testing-library/react": "^13.0.0",
+        "@types/dompurify": "^3.0.5",
         "@types/electron-localshortcut": "^3.1.0",
         "@types/jest": "^27.4.1",
         "@types/lodash": "^4.14.188",
@@ -230,8 +231,8 @@
         "css-loader": "^6.7.1",
         "css-minimizer-webpack-plugin": "^3.4.1",
         "detect-port": "^1.3.0",
-        "electron": "^27.1.0",
-        "electron-builder": "^24.9.0",
+        "electron": "^31.2.0",
+        "electron-builder": "^24.13.3",
         "electron-devtools-installer": "^3.2.0",
         "electron-notarize": "^1.2.1",
         "electronmon": "^2.0.2",
@@ -240,7 +241,7 @@
         "eslint-config-erb": "^4.0.3",
         "eslint-import-resolver-typescript": "^2.7.1",
         "eslint-import-resolver-webpack": "^0.13.2",
-        "eslint-plugin-compat": "^4.0.2",
+        "eslint-plugin-compat": "^4.2.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jest": "^26.1.3",
         "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -252,7 +253,7 @@
         "file-loader": "^6.2.0",
         "html-webpack-plugin": "^5.5.0",
         "husky": "^7.0.4",
-        "i18next-parser": "^6.6.0",
+        "i18next-parser": "^9.0.2",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^27.5.1",
         "lint-staged": "^12.3.7",
@@ -260,7 +261,7 @@
         "postcss-scss": "^4.0.4",
         "postcss-styled-syntax": "^0.5.0",
         "postcss-syntax": "^0.36.2",
-        "prettier": "^2.6.2",
+        "prettier": "^3.3.3",
         "react-refresh": "^0.12.0",
         "react-refresh-typescript": "^2.0.4",
         "react-test-renderer": "^18.0.0",
@@ -277,12 +278,13 @@
         "terser-webpack-plugin": "^5.3.1",
         "ts-jest": "^27.1.4",
         "ts-loader": "^9.2.8",
-        "ts-node": "^10.7.0",
+        "ts-node": "^10.9.2",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
+        "tsx": "^4.16.2",
         "typescript": "^5.2.2",
         "typescript-plugin-styled-components": "^3.0.0",
         "url-loader": "^4.1.1",
-        "webpack": "^5.71.0",
+        "webpack": "^5.94.0",
         "webpack-bundle-analyzer": "^4.5.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.8.0",
@@ -307,18 +309,21 @@
         "@tanstack/react-query-persist-client": "^4.32.1",
         "@ts-rest/core": "^3.23.0",
         "@xhayper/discord-rpc": "^1.0.24",
-        "axios": "^1.4.0",
+        "audiomotion-analyzer": "^4.5.0",
+        "auto-text-size": "^0.2.3",
+        "axios": "^1.6.0",
         "clsx": "^2.0.0",
         "cmdk": "^0.2.0",
         "dayjs": "^1.11.6",
+        "dompurify": "^3.1.6",
         "electron-debug": "^3.2.0",
         "electron-localshortcut": "^3.2.1",
-        "electron-log": "^4.4.6",
+        "electron-log": "^5.1.1",
         "electron-store": "^8.1.0",
-        "electron-updater": "^4.6.5",
+        "electron-updater": "^6.3.1",
         "fast-average-color": "^9.3.0",
         "format-duration": "^2.0.0",
-        "framer-motion": "^10.13.0",
+        "framer-motion": "^11.0.0",
         "fuse.js": "^6.6.2",
         "history": "^5.3.0",
         "i18next": "^21.10.0",
@@ -330,7 +335,7 @@
         "memoize-one": "^6.0.0",
         "nanoid": "^3.3.3",
         "net": "^1.0.2",
-        "node-mpv": "github:jeffvli/Node-MPV",
+        "node-mpv": "github:jeffvli/Node-MPV#32b4d64395289ad710c41d481d2707a7acfc228f",
         "overlayscrollbars": "^2.2.1",
         "overlayscrollbars-react": "^0.5.1",
         "react": "^18.2.0",
@@ -345,17 +350,26 @@
         "react-virtualized-auto-sizer": "^1.0.17",
         "react-window": "^1.8.9",
         "react-window-infinite-loader": "^1.0.9",
+        "semver": "^7.5.4",
         "styled-components": "^6.0.8",
         "swiper": "^9.3.1",
-        "zod": "^3.21.4",
+        "zod": "^3.22.3",
         "zustand": "^4.3.9"
     },
     "resolutions": {
         "styled-components": "^6"
     },
     "devEngines": {
-        "node": ">=14.x",
-        "npm": ">=7.x"
+        "runtime": {
+            "name": "node",
+            "version": ">=18.x",
+            "onFail": "error"
+        },
+        "packageManager": {
+            "name": "npm",
+            "version": ">=7.x",
+            "onFail": "error"
+        }
     },
     "browserslist": [],
     "electronmon": {

release/app/package-lock.json

@@ -1,21 +1,21 @@
 {
     "name": "feishin",
-    "version": "0.5.2",
+    "version": "0.12.1",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "feishin",
-            "version": "0.5.2",
+            "version": "0.12.1",
             "hasInstallScript": true,
             "license": "GPL-3.0",
             "dependencies": {
                 "cheerio": "^1.0.0-rc.12",
                 "mpris-service": "^2.1.2",
-                "ws": "^8.13.0"
+                "ws": "^8.18.0"
             },
             "devDependencies": {
-                "electron": "25.3.0"
+                "electron": "31.1.0"
             }
         },
         "node_modules/@electron/get": {
@@ -99,10 +99,13 @@
             }
         },
         "node_modules/@types/node": {
-            "version": "18.16.19",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.19.tgz",
-            "integrity": "sha512-IXl7o+R9iti9eBW4Wg2hx1xQDig183jj7YLn8F7udNceyfkbn1ZxmzZXuak20gR40D7pIkIY1kYGx5VIGbaHKA==",
-            "dev": true
+            "version": "20.14.9",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.9.tgz",
+            "integrity": "sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==",
+            "dev": true,
+            "dependencies": {
+                "undici-types": "~5.26.4"
+            }
         },
         "node_modules/@types/responselike": {
             "version": "1.0.0",
@@ -453,14 +456,14 @@
             "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
         },
         "node_modules/electron": {
-            "version": "25.3.0",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.0.tgz",
-            "integrity": "sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA==",
+            "version": "31.1.0",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
+            "integrity": "sha512-TBOwqLxSxnx6+pH6GMri7R3JPH2AkuGJHfWZS0p1HsmN+Qr1T9b0IRJnnehSd/3NZAmAre4ft9Ljec7zjyKFJA==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
                 "@electron/get": "^2.0.0",
-                "@types/node": "^18.11.18",
+                "@types/node": "^20.9.0",
                 "extract-zip": "^2.0.1"
             },
             "bin": {
@@ -647,9 +650,9 @@
             }
         },
         "node_modules/global-agent/node_modules/semver": {
-            "version": "7.3.8",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+            "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
             "dev": true,
             "optional": true,
             "dependencies": {
@@ -1166,9 +1169,9 @@
             "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
         },
         "node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true,
             "bin": {
                 "semver": "bin/semver.js"
@@ -1270,6 +1273,12 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/undici-types": {
+            "version": "5.26.5",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "dev": true
+        },
         "node_modules/universalify": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -1286,9 +1295,9 @@
             "dev": true
         },
         "node_modules/ws": {
-            "version": "8.13.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-            "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
+            "version": "8.18.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+            "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
             "engines": {
                 "node": ">=10.0.0"
             },
@@ -1408,10 +1417,13 @@
             }
         },
         "@types/node": {
-            "version": "18.16.19",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.16.19.tgz",
-            "integrity": "sha512-IXl7o+R9iti9eBW4Wg2hx1xQDig183jj7YLn8F7udNceyfkbn1ZxmzZXuak20gR40D7pIkIY1kYGx5VIGbaHKA==",
-            "dev": true
+            "version": "20.14.9",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.9.tgz",
+            "integrity": "sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==",
+            "dev": true,
+            "requires": {
+                "undici-types": "~5.26.4"
+            }
         },
         "@types/responselike": {
             "version": "1.0.0",
@@ -1672,13 +1684,13 @@
             "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
         },
         "electron": {
-            "version": "25.3.0",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.0.tgz",
-            "integrity": "sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA==",
+            "version": "31.1.0",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
+            "integrity": "sha512-TBOwqLxSxnx6+pH6GMri7R3JPH2AkuGJHfWZS0p1HsmN+Qr1T9b0IRJnnehSd/3NZAmAre4ft9Ljec7zjyKFJA==",
             "dev": true,
             "requires": {
                 "@electron/get": "^2.0.0",
-                "@types/node": "^18.11.18",
+                "@types/node": "^20.9.0",
                 "extract-zip": "^2.0.1"
             }
         },
@@ -1818,9 +1830,9 @@
             },
             "dependencies": {
                 "semver": {
-                    "version": "7.3.8",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-                    "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+                    "version": "7.6.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+                    "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
                     "dev": true,
                     "optional": true,
                     "requires": {
@@ -2198,9 +2210,9 @@
             "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
         },
         "semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true
         },
         "semver-compare": {
@@ -2278,6 +2290,12 @@
             "dev": true,
             "optional": true
         },
+        "undici-types": {
+            "version": "5.26.5",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "dev": true
+        },
         "universalify": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -2291,10 +2309,9 @@
             "dev": true
         },
         "ws": {
-            "version": "8.13.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
-            "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
-            "requires": {}
+            "version": "8.18.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+            "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw=="
         },
         "xml2js": {
             "version": "0.4.23",

release/app/package.json

@@ -1,6 +1,6 @@
 {
     "name": "feishin",
-    "version": "0.5.2",
+    "version": "0.12.1",
     "description": "",
     "main": "./dist/main/main.js",
     "author": {
@@ -15,10 +15,10 @@
     "dependencies": {
         "cheerio": "^1.0.0-rc.12",
         "mpris-service": "^2.1.2",
-        "ws": "^8.13.0"
+        "ws": "^8.18.0"
     },
     "devDependencies": {
-        "electron": "25.3.0"
+        "electron": "31.1.0"
     },
     "license": "GPL-3.0"
 }

settings.js.template

@@ -0,0 +1 @@
+"use strict";window.SERVER_URL="${SERVER_URL}";window.SERVER_NAME="${SERVER_NAME}";window.SERVER_TYPE="${SERVER_TYPE}";window.SERVER_LOCK=${SERVER_LOCK};

src/i18n/i18n.ts

@@ -1,4 +1,4 @@
-import { PostProcessorModule } from 'i18next';
+import { PostProcessorModule, TOptions, StringMap } from 'i18next';
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import en from './locales/en.json';
@@ -16,6 +16,9 @@ import sv from './locales/sv.json';
 import cs from './locales/cs.json';
 import nbNO from './locales/nb-NO.json';
 import nl from './locales/nl.json';
+import zhHant from './locales/zh-Hant.json';
+import fa from './locales/fa.json';
+import ko from './locales/ko.json';
 
 const resources = {
     en: { translation: en },
@@ -24,10 +27,13 @@ const resources = {
     it: { translation: it },
     ru: { translation: ru },
     'pt-BR': { translation: ptBr },
+    fa: { translation: fa },
     fr: { translation: fr },
     ja: { translation: ja },
+    ko: { translation: ko },
     pl: { translation: pl },
     'zh-Hans': { translation: zhHans },
+    'zh-Hant': { translation: zhHant },
     sr: { translation: sr },
     sv: { translation: sv },
     cs: { translation: cs },
@@ -64,6 +70,10 @@ export const languages = [
         label: '日本語',
         value: 'ja',
     },
+    {
+        label: '한국어',
+        value: 'ko',
+    },
     {
         label: 'Nederlands',
         value: 'nl',
@@ -72,7 +82,10 @@ export const languages = [
         label: 'Norsk (Bokmål)',
         value: 'nb-NO',
     },
-
+    {
+        label: 'فارسی',
+        value: 'fa',
+    },
     {
         label: 'Português (Brasil)',
         value: 'pt-BR',
@@ -97,6 +110,10 @@ export const languages = [
         label: '简体中文',
         value: 'zh-Hans',
     },
+    {
+        label: '繁體中文',
+        value: 'zh-Hant',
+    },
 ];
 
 const lowerCasePostProcessor: PostProcessorModule = {
@@ -125,16 +142,21 @@ const titleCasePostProcessor: PostProcessorModule = {
     },
 };
 
+const ignoreSentenceCaseLanguages = ['de'];
+
 const sentenceCasePostProcessor: PostProcessorModule = {
     type: 'postProcessor',
     name: 'sentenceCase',
-    process: (value: string) => {
+    process: (value: string, _key: string, _options: TOptions<StringMap>, translator: any) => {
         const sentences = value.split('. ');
 
         return sentences
             .map((sentence) => {
                 return (
-                    sentence.charAt(0).toLocaleUpperCase() + sentence.slice(1).toLocaleLowerCase()
+                    sentence.charAt(0).toLocaleUpperCase() +
+                    (!ignoreSentenceCaseLanguages.includes(translator.language)
+                        ? sentence.slice(1).toLocaleLowerCase()
+                        : sentence.slice(1))
                 );
             })
             .join('. ');

src/i18n/i18next-parser.config.js

@@ -5,7 +5,9 @@ module.exports = {
     createOldCatalogs: true,
     customValueTemplate: null,
     defaultNamespace: 'translation',
-    defaultValue: '',
+    defaultValue: function (locale, namespace, key, value) {
+        return key;
+    },
     failOnUpdate: false,
     failOnWarnings: false,
     i18nextOptions: null,
@@ -37,8 +39,6 @@ module.exports = {
     output: 'src/renderer/i18n/locales/$LOCALE.json',
     pluralSeparator: '_',
     resetDefaultValueLocale: 'en',
-    skipDefaultValues: false,
     sort: true,
-    useKeysAsDefaultValue: true,
     verbose: false,
 };

src/i18n/locales/cs.json

@@ -11,7 +11,7 @@
         "skip_back": "přeskočit dozadu",
         "favorite": "oblíbené",
         "next": "další",
-        "shuffle": "náhodně",
+        "shuffle": "přehrát náhodně",
         "playbackFetchNoResults": "nenalezeny žádné skladby",
         "playbackFetchInProgress": "načítání skladeb…",
         "addNext": "přidat další",
@@ -28,7 +28,9 @@
         "shuffle_off": "náhodně zakázáno",
         "addLast": "přidat poslední",
         "mute": "ztlumit",
-        "skip_forward": "přeskočit dopředu"
+        "skip_forward": "přeskočit dopředu",
+        "playSimilarSongs": "přehrát podobné skladby",
+        "viewQueue": "zobrazit frontu"
     },
     "setting": {
         "crossfadeStyle_description": "vyberte způsob prolnutí u přehrávače zvuku",
@@ -41,7 +43,6 @@
         "hotkey_playbackPause": "pozastavení",
         "replayGainFallback": "fallback {{ReplayGain}}",
         "sidebarCollapsedNavigation_description": "zobrazit nebo skrýt navigaci ve sbaleném postranním panelu",
-        "mpvExecutablePath_help": "jedna na řádek",
         "hotkey_volumeUp": "zvýšení hlasitosti",
         "skipDuration": "doba k přeskočení",
         "discordIdleStatus_description": "při povolení bude upraven stav když je přehrávač nečinný",
@@ -53,7 +54,7 @@
         "skipDuration_description": "nastavení doby k přeskočení při použití tlačítek k přeskočení na liště přehrávače",
         "enableRemote_description": "povolí vzdálený ovládací server pro umožnění ostatním zařízením ovládat aplikaci",
         "fontType_optionSystem": "systémové písmo",
-        "mpvExecutablePath_description": "nastavení cesty ke spustitelnému souboru mpv",
+        "mpvExecutablePath_description": "nastavení cesty ke spustitelnému souboru mpv. pokud je prázdné, bude použita výchozí cesta",
         "replayGainClipping_description": "Zabránění clippingu způsobenému funkcí {{ReplayGain}} automatickým snížením zesílení",
         "replayGainPreamp": "před-zesílení {{ReplayGain}} (dB)",
         "hotkey_favoriteCurrentSong": "oblíbit $t(common.currentSong)",
@@ -61,7 +62,7 @@
         "crossfadeStyle": "způsob prolnutí",
         "sidePlayQueueStyle_optionAttached": "připojené",
         "sidebarConfiguration": "nastavení postranního panelu",
-        "sampleRate_description": "vyberte výstupní vzorkovací frekvenci k použití, když je vybraná vzorkovací frekvence jiná, než ta u aktuálního média",
+        "sampleRate_description": "vyberte výstupní vzorkovací frekvenci k použití, když je vybraná vzorkovací frekvence jiná, než ta u aktuálního média. hodnota nižší než 8000 použije výchozí frekvenci",
         "replayGainMode_optionNone": "$t(common.none)",
         "replayGainClipping": "clipping {{ReplayGain}}",
         "hotkey_zoomIn": "přiblížení",
@@ -191,7 +192,72 @@
         "discordRichPresence": "{{discord}} rich presence",
         "font_description": "nastavení písma použitého v aplikaci",
         "savePlayQueue_description": "uložit frontu přehrávání, když je aplikace zavřena a obnovit ji při otevření aplikace",
-        "useSystemTheme": "použít systémový motiv"
+        "useSystemTheme": "použít systémový motiv",
+        "buttonSize": "velikost tlačítek lišty přehrávače",
+        "buttonSize_description": "velikost tlačítek na liště přehrávače",
+        "clearCache": "vymazat mezipaměť prohlížeče",
+        "clearCache_description": "„tvrdé pročištění“ aplikace feishin. kromě mezipaměti aplikace feishin vymaže i mezipaměť prohlížeče (uložené obrázky a další zdroje). přihlašovací údaje k serveru a nastavení nebudou ovlivněny",
+        "clearQueryCache": "vymazat mezipaměť aplikace feishin",
+        "clearQueryCache_description": "„lehké pročištění“ aplikace feishin. tímto obnovíte seznamy skladeb, metadata skladeb a resetujete uložené texty. nastavení, přihlašovací údaje k serveru a obrázky v mezipaměti nebudou ovlivněny",
+        "startMinimized": "spustit minimalizované",
+        "homeConfiguration_description": "nastavte, které položky a v jakém pořadí mají být zobrazeny na domovské stránce",
+        "passwordStore": "ukládání hesel / tajných klíčů",
+        "mpvExtraParameters_help": "jeden na řádek",
+        "homeConfiguration": "nastavení domovské stránky",
+        "playerAlbumArtResolution_description": "rozlišení náhledu obalu alba ve velkém přehrávači. větší hodnota znamená kvalitnější obrázek, ale může se déle načítat. výchozí hodnota je 0, což znamená automatické rozlišení",
+        "playerAlbumArtResolution": "rozlišení obalu alba v přehrávači",
+        "genreBehavior": "výchozí chování stránky žánrů",
+        "externalLinks_description": "zapne zobrazování externích odkazů (Last.fm, MusicBrainz) na stránce umělce/alba",
+        "genreBehavior_description": "určuje, zda kliknutí na žánr otevře seznam skladeb nebo alb",
+        "clearCacheSuccess": "mezipaměť úspěšně vymazána",
+        "externalLinks": "zobrazit externí odkazy",
+        "startMinimized_description": "spustit aplikaci do systémové lišty",
+        "passwordStore_description": "který způsob ukládání hesel / tajných klíčů použít. změňte tuto možnost, pokud máte problémy s ukládáním hesel.",
+        "homeFeature": "carousel doporučení na domovské stránce",
+        "homeFeature_description": "ovládá, zda se má zobrazovat velký carousel s doporučenými alby na domovské stránce",
+        "imageAspectRatio": "použít nativní poměr stran obalů alb",
+        "imageAspectRatio_description": "pokud je povoleno, budou obaly alb zobrazeny s jejich nativním poměrem stran. u obalů, které nemají poměr 1:1, bude zbývající místo prázdné",
+        "doubleClickBehavior": "dvojitým kliknutím zařadit všechny vyhledané skladby do fronty",
+        "doubleClickBehavior_description": "pokud je zapnuto, budou všechny odpovídající skladby ve vyhledávání zařazeny do fronty. v opačném případě bude zařazena pouze ta, na kterou kliknete",
+        "volumeWidth": "šířka posuvníku hlasitosti",
+        "volumeWidth_description": "horizontální velikost posuvníku hlasitosti",
+        "discordListening": "zobrazit stav jako „Poslouchá“",
+        "discordListening_description": "zobrazit stav jako „Poslouchá“ namísto „Hraje“",
+        "contextMenu": "nastavení kontextové nabídky (kliknutí pravým)",
+        "contextMenu_description": "umožňuje skrýt položky, které se zobrazí v nabídce po kliknutí pravým tlačítkem myši na položku. položky, které nejsou zaškrtnuté, se skryjí",
+        "customCssEnable": "povolit vlastní CSS",
+        "customCssEnable_description": "povolit vlastní CSS.",
+        "customCssNotice": "Varování: i když provádíme určitou sanitizaci (zakázáním url() a content:), může používání CSS stále představovat riziko změnami rozhraní.",
+        "customCss_description": "vlastní CSS obsah. Upozornění: vlastnosti content a vzdálené url jsou zakázané. Níže je zobrazen náhled vašeho obsahu. Další pole, která jste nenastavili, jsou přítomna z důvodu sanitizace.",
+        "customCss": "vlastní CSS",
+        "webAudio": "použít webový zvuk",
+        "webAudio_description": "použít webový zvuk. tím povolíte pokročilé funkce jako replaygain. zakažte, pokud se objeví problémy",
+        "transcodeNote": "projeví se po 1 (web) - 2 (mpv) skladbách",
+        "transcode": "povolit překódování",
+        "transcode_description": "zapnout překódování do různých formátů",
+        "transcodeFormat_description": "vybere formát k překódování. pokud chcete nechat rozhodnout server, ponechte prázdné",
+        "transcodeFormat": "formát k překódování",
+        "transcodeBitrate": "datový tok k překódování",
+        "transcodeBitrate_description": "vybere datový tok k překódování. 0 znamená, že necháte server vybrat",
+        "albumBackground": "obrázek alba na pozadí",
+        "albumBackground_description": "přidá obrázek alba na pozadí pro stránky alba obsahující obrázky alba",
+        "albumBackgroundBlur": "velikost rozostření obrázku alba na pozadí",
+        "albumBackgroundBlur_description": "upraví množství rozostření použité na obrázek alba na pozadí",
+        "playerbarOpenDrawer": "lišta přehrávače jako přepínač celé obrazovky",
+        "playerbarOpenDrawer_description": "umožňuje kliknutí na lištu přehrávače pro otevření celoobrazovkového přehrávače",
+        "artistConfiguration": "nastavení stránky umělce alba",
+        "artistConfiguration_description": "nastavit, které položky na stránce umělce alba budou zobrazeny a v jakém pořadí",
+        "playButtonBehavior_optionPlayShuffled": "$t(player.shuffle)",
+        "trayEnabled": "zobrazit v oznamovací oblasti",
+        "trayEnabled_description": "zobrazit/skrýt ikonu/nabídku v oznamovací oblasti. pokud je zakázáno, vypne také minimalizaci/ukončení do oznamovací oblasti",
+        "translationApiProvider": "poskytovatel api překladů",
+        "translationApiProvider_description": "poskytovatel api pro překlady",
+        "translationApiKey": "klíč api překladů",
+        "translationApiKey_description": "klíč api pro překlady (podporuje pouze koncový bod globální služby)",
+        "translationTargetLanguage": "cílový jazyk překladu",
+        "translationTargetLanguage_description": "cílový jazyk pro překlad",
+        "lastfmApiKey": "klíč API {{lastfm}}",
+        "lastfmApiKey_description": "klíč API pro {{lastfm}}. vyžadováno pro obaly alb"
     },
     "action": {
         "editPlaylist": "upravit $t(entity.playlist_one)",
@@ -210,7 +276,12 @@
         "moveToBottom": "přesunout dolů",
         "setRating": "nastavit hodnocení",
         "toggleSmartPlaylistEditor": "přepnout editor $t(entity.smartPlaylist)",
-        "removeFromFavorites": "odebrat z $t(entity.favorite_other)"
+        "removeFromFavorites": "odebrat z $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Otevřít v Last.fm",
+            "musicbrainz": "Otevřít v MusicBrainz"
+        },
+        "moveToNext": "přesunout na další"
     },
     "common": {
         "backward": "zpátky",
@@ -293,7 +364,18 @@
         "random": "náhodně",
         "size": "velikost",
         "biography": "biografie",
-        "note": "poznámka"
+        "note": "poznámka",
+        "albumGain": "zisk (gain) alba",
+        "albumPeak": "vrchol alba",
+        "close": "zavřít",
+        "mbid": "ID MusicBrainz",
+        "trackGain": "zisk (gain) skladby",
+        "reload": "znovu načíst",
+        "share": "sdílet",
+        "codec": "kodek",
+        "trackPeak": "vrchol skladby",
+        "preview": "náhled",
+        "translation": "překlad"
     },
     "table": {
         "config": {
@@ -307,7 +389,10 @@
                 "gap": "$t(common.gap)",
                 "tableColumns": "sloupce tabulky",
                 "autoFitColumns": "automaticky přizpůsobit sloupce",
-                "size": "$t(common.size)"
+                "size": "$t(common.size)",
+                "itemGap": "mezera mezi položkami (px)",
+                "itemSize": "velikost položek (px)",
+                "followCurrentSong": "následovat aktuální skladbu"
             },
             "label": {
                 "releaseDate": "datum vydání",
@@ -335,7 +420,9 @@
                 "discNumber": "číslo disku",
                 "favorite": "$t(common.favorite)",
                 "year": "$t(common.year)",
-                "albumArtist": "$t(entity.albumArtist_one)"
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "codec": "$t(common.codec)",
+                "songCount": "$t(entity.track_other)"
             }
         },
         "column": {
@@ -360,7 +447,9 @@
             "albumArtist": "umělec alba",
             "path": "cesta",
             "discNumber": "disk",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
         }
     },
     "error": {
@@ -382,7 +471,10 @@
         "mpvRequired": "vyžadován přehrávač MPV",
         "audioDeviceFetchError": "při pokusu o přístup ke zvukovým zařízením se vyskytla chyba",
         "invalidServer": "neplatný server",
-        "loginRateError": "příliš mnoho pokusů o přihlášení, zkuste to znovu za pár vteřin"
+        "loginRateError": "příliš mnoho pokusů o přihlášení, zkuste to znovu za pár vteřin",
+        "badAlbum": "tuto stránku vidíte, protože tato skladba není součástí alba. tento problém může nastat, pokud máte skladbu na nejvyšší úrovni vaší složky s hudbou. jellyfin seskupuje skladby pouze, pokud se nacházejí ve složce.",
+        "networkError": "vyskytla se chyba sítě",
+        "openError": "nepodařilo se otevřít soubor"
     },
     "filter": {
         "mostPlayed": "nejvíce přehráváno",
@@ -440,7 +532,8 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "$t(entity.playlist_other) sdíleny"
         },
         "fullscreenPlayer": {
             "config": {
@@ -454,11 +547,16 @@
                 "unsynchronized": "nesynchronizováno",
                 "lyricAlignment": "zarovnání textů",
                 "useImageAspectRatio": "použít poměr stran obrázku",
-                "lyricGap": "mezera textů"
+                "lyricGap": "mezera textů",
+                "dynamicImageBlur": "velikost rozostření obrázku",
+                "dynamicIsImage": "povolit obrázek na pozadí",
+                "lyricOffset": "posunutí textů (ms)"
             },
             "upNext": "další",
             "lyrics": "texty",
-            "related": "související"
+            "related": "související",
+            "visualizer": "vizualizér",
+            "noLyrics": "nenalezeny žádné texty"
         },
         "appMenu": {
             "selectServer": "vybrat server",
@@ -488,7 +586,13 @@
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
             "numberSelected": "vybráno {{count}}",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "showDetails": "získat informace",
+            "shareItem": "sdílet položku",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "stáhnout",
+            "playShuffled": "$t(player.shuffle)",
+            "moveToNext": "$t(action.moveToNext)"
         },
         "home": {
             "mostPlayed": "nejpřehrávanější",
@@ -499,22 +603,28 @@
         },
         "albumDetail": {
             "moreFromArtist": "více od tohoto umělce",
-            "moreFromGeneric": "více od {{item}}"
+            "moreFromGeneric": "více od {{item}}",
+            "released": "vydáno"
         },
         "setting": {
             "playbackTab": "přehrávání",
             "generalTab": "obecné",
             "hotkeysTab": "klávesové zkratky",
-            "windowTab": "okno"
+            "windowTab": "okno",
+            "advanced": "pokročilé"
         },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showTracks": "zobrazit $t(entity.track_other) s žánrem",
+            "showAlbums": "zobrazit $t(entity.album_other) s žánrem"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "artistTracks": "skladby od umělce {{artist}}",
+            "genreTracks": "$t(entity.track_other) s žánrem „{{genre}}“"
         },
         "globalSearch": {
             "commands": {
@@ -528,7 +638,36 @@
             "title": "$t(entity.playlist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "alba od umělce {{artist}}",
+            "genreAlbums": "$t(entity.album_other) s žánrem „{{genre}}“"
+        },
+        "albumArtistDetail": {
+            "recentReleases": "nedávno vydáno",
+            "viewDiscography": "zobrazit diskografii",
+            "about": "O umělci {{artist}}",
+            "appearsOn": "také v",
+            "topSongs": "nejlepší skladby",
+            "topSongsFrom": "nejlepší skladby od umělce {{title}}",
+            "relatedArtists": "podobní $t(entity.artist_other)",
+            "viewAllTracks": "zobrazit všechny $t(entity.track_other)",
+            "viewAll": "zobrazit vše"
+        },
+        "itemDetail": {
+            "copiedPath": "cesta úspěšně zkopírována",
+            "copyPath": "kopírovat cestu do schránky",
+            "openFile": "zobrazit skladbu ve správci souborů"
+        },
+        "playlist": {
+            "reorder": "změna pořadí povolena pouze při řazení podle id"
+        },
+        "manageServers": {
+            "url": "URL",
+            "username": "uživatelské jméno",
+            "editServerDetailsTooltip": "upravit podrobnosti o serveru",
+            "removeServer": "odstranit server",
+            "serverDetails": "podrobnosti o serveru",
+            "title": "správa serverů"
         }
     },
     "form": {
@@ -559,7 +698,7 @@
             "error_savePassword": "při ukládání hesla se vyskytla chyba"
         },
         "addToPlaylist": {
-            "success": "přidáno {{message}} $t(entity.song_other) do {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "přidáno $t(entity.trackWithCount, {\"count\": {{message}} }) do $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "přidat do $t(entity.playlist_one)",
             "input_skipDuplicates": "přeskočit duplicity",
             "input_playlists": "$t(entity.playlist_other)"
@@ -578,7 +717,17 @@
             "title": "Hledat texty"
         },
         "editPlaylist": {
-            "title": "upravit $t(entity.playlist_one)"
+            "title": "upravit $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) úspěšně aktualizován",
+            "publicJellyfinNote": "Jellyfin z nějakého důvodu neukazuje, zda je seznam skladeb veřejný, nebo ne. Pokud si přejete, aby zůstal veřejný, zvolte prosím následující vstup"
+        },
+        "shareItem": {
+            "allowDownloading": "umožnit stahování",
+            "success": "odkaz ke sdílení zkopírován do schránky (klikněte sem pro otevření)",
+            "description": "popis",
+            "expireInvalid": "čas vypršení musí být v budoucnosti",
+            "setExpiration": "nastavit vypršení",
+            "createFailed": "nepodařilo se vytvořit sdílení (je sdílení povoleno?)"
         }
     },
     "entity": {
@@ -617,7 +766,7 @@
         "artistWithCount_other": "{{count}} umělců",
         "folder_one": "složka",
         "folder_few": "složky",
-        "folder_other": "složek",
+        "folder_other": "složky",
         "smartPlaylist": "chytrý $t(entity.playlist_one)",
         "album_one": "album",
         "album_few": "alba",
@@ -627,6 +776,12 @@
         "genreWithCount_other": "{{count}} žánrů",
         "trackWithCount_one": "{{count}} skladba",
         "trackWithCount_few": "{{count}} skladby",
-        "trackWithCount_other": "{{count}} skladeb"
+        "trackWithCount_other": "{{count}} skladeb",
+        "play_one": "{{count}} přehrání",
+        "play_few": "{{count}} přehrání",
+        "play_other": "{{count}} přehrání",
+        "song_one": "píseň",
+        "song_few": "písničky",
+        "song_other": "písní"
     }
 }

src/i18n/locales/de.json

@@ -8,22 +8,26 @@
         "deletePlaylist": "löschen $t(entity.playlist_one)",
         "deselectAll": "Alle abwählen",
         "goToPage": "Gehe zur Seite",
-        "moveToTop": "Nach Oben",
-        "moveToBottom": "Nach Unten",
+        "moveToTop": "Nach oben",
+        "moveToBottom": "Nach unten",
         "removeFromPlaylist": "Entfernen von $t(entity.playlist_one)",
         "viewPlaylists": "Ansicht $t(entity.playlist_other)",
         "refresh": "$t(common.refresh)",
         "removeFromQueue": "Von Warteschlange entfernen",
         "setRating": "Bewertung festlegen",
         "toggleSmartPlaylistEditor": "Editor $t(entity.smartPlaylist) umschalten",
-        "removeFromFavorites": "Entfernen von $t(entity.favorite_other)"
+        "removeFromFavorites": "Entfernen von $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "In Last.fm öffnen",
+            "musicbrainz": "In MusicBrainz öffnen"
+        }
     },
     "common": {
         "backward": "rückwärts",
         "increase": "erhöhen",
         "rating": "Wertung",
         "bpm": "bpm",
-        "refresh": "erneuern",
+        "refresh": "Aktualisieren",
         "unknown": "Unbekannt",
         "areYouSure": "Bist Du sicher?",
         "edit": "Bearbeiten",
@@ -61,7 +65,9 @@
         "delete": "Löschen",
         "cancel": "Abbrechen",
         "forceRestartRequired": "Neustarten um die Änderungen zu übernehmen... Schließe die Benachrichtigung zum Neustarten",
-        "setting": "Einstellung",
+        "setting": "Einstellungen",
+        "setting_one": "Einstellung",
+        "setting_other": "Einstellungen",
         "version": "Version",
         "title": "Titel",
         "filter_one": "Filter",
@@ -84,7 +90,7 @@
         "sortOrder": "Reihenfolge",
         "none": "keine",
         "menu": "Menü",
-        "restartRequired": "Neustart benötigt",
+        "restartRequired": "(Neustart benötigt)",
         "previousSong": "vorheriger $t(entity.track_one)",
         "noResultsFromQuery": "Die Abfrage brachte keine Ergebnisse",
         "quit": "Verlassen",
@@ -96,7 +102,18 @@
         "random": "zufällig",
         "size": "Größe",
         "biography": "Biografie",
-        "note": "Hinweis"
+        "note": "Hinweis",
+        "preview": "Vorschau",
+        "reload": "Neu Laden",
+        "mbid": "MusicBrainz ID",
+        "close": "schliessen",
+        "share": "Teilen",
+        "translation": "Übersetzung",
+        "trackGain": "Track-Pegelverstärkung",
+        "trackPeak": "Track-Spitzenpegel",
+        "codec": "Codec",
+        "albumPeak": "Album-Spitzenpegel",
+        "albumGain": "Album-Pegelverstärkung"
     },
     "error": {
         "remotePortWarning": "Starten Sie den Server neu, um den neuen Port anzuwenden",
@@ -117,10 +134,13 @@
         "mpvRequired": "MPV benötigt",
         "audioDeviceFetchError": "Beim Versuch, Audiogeräte abzurufen, ist ein Fehler aufgetreten",
         "invalidServer": "Ungültiger Server",
-        "loginRateError": "Zu viele Anmeldeversuche, bitte versuche es in einigen Sekunden erneut"
+        "loginRateError": "Zu viele Anmeldeversuche, bitte versuche es in einigen Sekunden erneut",
+        "badAlbum": "Sie sehen diese Seite, weil dieses Lied nicht Teil eines Albums ist. Wahrscheinlich sehen Sie dieses Problem, wenn Sie einen Song in Ihrem Musikordner auf oberster Ebene haben. Jellyfin gruppiert nur Songs, wenn sie sich in einem Ordner befinden.",
+        "networkError": "ein Netzwerkfehler ist aufgetreten",
+        "openError": "datei kann nicht geöffnet werden"
     },
     "filter": {
-        "mostPlayed": "Meist gespielt",
+        "mostPlayed": "Meistgespielt",
         "comment": "Kommentar",
         "playCount": "Anzahl abgespielt",
         "recentlyUpdated": "kürzlich aktualisiert",
@@ -165,13 +185,13 @@
     },
     "form": {
         "deletePlaylist": {
-            "title": "Lösche $t(entity.playlist_one)",
+            "title": "$t(entity.playlist_one) löschen",
             "success": "$t(entity.playlist_one) erfolgreich gelöscht",
             "input_confirm": "Geben Sie zur Bestätigung den Namen von $t(entity.playlist_one) ein"
         },
         "createPlaylist": {
             "input_description": "$t(common.description)",
-            "title": "Erstellen $t(entity.playlist_one)",
+            "title": "$t(entity.playlist_one) erstellen",
             "input_public": "öffentlich",
             "success": "$t(entity.playlist_one) erfolgreich erstellt",
             "input_name": "$t(common.name)",
@@ -191,7 +211,7 @@
             "error_savePassword": "Beim Versuch, das Passwort zu speichern, ist ein Fehler aufgetreten"
         },
         "addToPlaylist": {
-            "success": "{{message}} $t(entity.song_other) zu {{numOfPlaylists}} $t(entity.playlist_other) hinzugefügt",
+            "success": "{{message}} $t(entity.track_other) zu {{numOfPlaylists}} $t(entity.playlist_other) hinzugefügt",
             "title": "Zu $t(entity.playlist_one) hinzufügen",
             "input_skipDuplicates": "Duplikate überspringen",
             "input_playlists": "$t(entity.playlist_other)"
@@ -205,12 +225,19 @@
             "input_optionMatchAny": "Treffer Einige"
         },
         "editPlaylist": {
-            "title": "Bearbeite $t(entity.playlist_one)"
+            "title": "Bearbeite $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) erfolgreich aktualisiert"
         },
         "lyricSearch": {
             "title": "Songtext Suche",
             "input_name": "$t(common.name)",
             "input_artist": "$t(entity.artist_one)"
+        },
+        "shareItem": {
+            "description": "Beschreibung",
+            "setExpiration": "Ablaufdatum setzen",
+            "expireInvalid": "Ablaufdatum muss in der Zukunft liegen",
+            "allowDownloading": "Herunterladen zulassen"
         }
     },
     "entity": {
@@ -224,12 +251,12 @@
         "artist_other": "Interpreten",
         "folderWithCount_one": "{{count}} Verzeichnis",
         "folderWithCount_other": "{{count}} Verzeichnisse",
-        "albumArtist_one": "Album Interpret",
-        "albumArtist_other": "Album Interpreten",
+        "albumArtist_one": "Albuminterpret",
+        "albumArtist_other": "Albuminterpreten",
         "track_one": "Track",
         "track_other": "Tracks",
-        "albumArtistCount_one": "{{count}} Album Interpret",
-        "albumArtistCount_other": "{{count}} Album Interpreten",
+        "albumArtistCount_one": "{{count}} Albuminterpret",
+        "albumArtistCount_other": "{{count}} Albuminterpreten",
         "albumWithCount_one": "{{count}} Album",
         "albumWithCount_other": "{{count}} Alben",
         "favorite_one": "Favorit",
@@ -244,15 +271,50 @@
         "genreWithCount_other": "{{count}} Genres",
         "trackWithCount_one": "{{count}} Track",
         "trackWithCount_other": "{{count}} Tracks",
-        "smartPlaylist": "Smart $t(entity.playlist_one)"
+        "smartPlaylist": "Smart $t(entity.playlist_one)",
+        "play_one": "{{count}} Wiedergabe",
+        "play_other": "{{count}} Wiedergaben",
+        "song_one": "Lied",
+        "song_other": "Lieder"
     },
     "table": {
         "config": {
             "view": {
-                "table": "Tabelle"
+                "table": "Tabelle",
+                "card": "Karte",
+                "poster": "Poster"
             },
             "general": {
-                "tableColumns": "Tabellenspalten"
+                "tableColumns": "Tabellenspalten",
+                "gap": "$t(common.gap)",
+                "size": "$t(common.size)",
+                "displayType": "Anzeigestil"
+            },
+            "label": {
+                "dateAdded": "Hinzugefügt am",
+                "lastPlayed": "zuletzt gespielt",
+                "rowIndex": "Reihenindex",
+                "trackNumber": "Tracknummer",
+                "biography": "$t(common.biography)",
+                "bitrate": "$t(common.bitrate)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "artist": "$t(entity.artist_one)",
+                "favorite": "$t(common.favorite)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "album": "$t(entity.album_one)",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "titleCombined": "$t(common.title) (kombiniert)",
+                "channels": "$t(common.channel_other)",
+                "duration": "$t(common.duration)",
+                "note": "$t(common.note)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "rating": "$t(common.rating)",
+                "releaseDate": "Veröffentlichungsdatum",
+                "title": "$t(common.title)",
+                "year": "$t(common.year)"
             }
         },
         "column": {
@@ -261,7 +323,24 @@
             "releaseDate": "Veröffentlichungsdatum",
             "bitrate": "Bitrate",
             "title": "Titel",
-            "path": "Pfad"
+            "path": "Pfad",
+            "album": "Album",
+            "albumArtist": "Albenkünstler",
+            "bpm": "bpm",
+            "favorite": "Favorit",
+            "lastPlayed": "zuletzt gespielt",
+            "rating": "Bewertung",
+            "albumCount": "$t(entity.album_other)",
+            "artist": "$t(entity.artist_one)",
+            "channels": "$t(common.channel_other)",
+            "comment": "Kommentar",
+            "dateAdded": "hinzugefügt am",
+            "playCount": "Abgespielt",
+            "discNumber": "Disk",
+            "genre": "$t(entity.genre_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "Nr.",
+            "size": "$t(common.size)"
         }
     },
     "page": {
@@ -272,16 +351,18 @@
                 "synchronized": "synchronisiert",
                 "followCurrentLyric": "dem Songtext folgen",
                 "opacity": "Deckkraft",
-                "lyricSize": "Songtext Größe",
+                "lyricSize": "Songtext-Größe",
                 "showLyricProvider": "Songtext-Anbieter anzeigen",
                 "unsynchronized": "nicht synchronisiert",
-                "lyricAlignment": "Songtext Ausrichtung",
+                "lyricAlignment": "Songtext-Ausrichtung",
                 "useImageAspectRatio": "Bildseitenverhältnis verwenden",
-                "lyricGap": "Songtext Lücke"
+                "lyricGap": "Songtext-Lücke",
+                "dynamicIsImage": "Hintergrundbild aktivieren"
             },
             "upNext": "als nächstes",
             "lyrics": "Songtexte",
-            "related": "Ähnliche"
+            "related": "Ähnliche",
+            "noLyrics": "Keine Liedtexte gefunden"
         },
         "appMenu": {
             "selectServer": "Server auswählen",
@@ -289,33 +370,34 @@
             "manageServers": "Server verwalten",
             "expandSidebar": "Seitenleiste erweitern",
             "collapseSidebar": "Seitenleiste einklappen",
-            "openBrowserDevtools": "Browser Entwicklungswerkzeuge öffnen",
+            "openBrowserDevtools": "Browser-Entwicklungswerkzeuge öffnen",
             "goBack": "Gehe zurück",
             "goForward": "Gehe vorwärts",
             "settings": "$t(common.setting_other)",
             "quit": "$t(common.quit)"
         },
         "home": {
-            "mostPlayed": "Meist gespielt",
+            "mostPlayed": "Meistgespielt",
             "newlyAdded": "Neu hinzugefügte Veröffentlichungen",
-            "explore": "Entdecken Sie Ihre Bibliothek",
+            "explore": "Entdecke deine Bibliothek",
             "recentlyPlayed": "Kürzlich gespielt",
             "title": "$t(common.home)"
         },
         "albumDetail": {
-            "moreFromArtist": "Mehr von diesem $t(entity.genre_one)",
-            "moreFromGeneric": "Mehr von {{item}}"
+            "moreFromArtist": "Mehr von diesem $t(entity.artist_one)",
+            "moreFromGeneric": "Mehr von {{item}}",
+            "released": "erschienen"
         },
         "globalSearch": {
             "commands": {
                 "serverCommands": "Serverbefehle",
                 "goToPage": "Gehe zur Seite",
-                "searchFor": "Suche nach {{query}}"
+                "searchFor": "Nach {{query}} suchen"
             },
             "title": "Befehle"
         },
         "contextMenu": {
-            "numberSelected": "{{count}} Ausgewählte",
+            "numberSelected": "{{count}} ausgewählt",
             "addToPlaylist": "$t(action.addToPlaylist)",
             "addToFavorites": "$t(action.addToFavorites)",
             "setRating": "$t(action.setRating)",
@@ -330,7 +412,10 @@
             "addLast": "$t(player.addLast)",
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "playShuffled": "$t(player.shuffle)",
+            "download": "Download",
+            "playSimilarSongs": "$t(player.playSimilarSongs)"
         },
         "sidebar": {
             "nowPlaying": "läuft gerade",
@@ -343,28 +428,59 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "$t(entity.playlist_other) geteilt"
         },
         "setting": {
             "playbackTab": "Wiedergabe",
-            "generalTab": "allgemein",
+            "generalTab": "Allgemein",
             "hotkeysTab": "Kurzbefehle",
-            "windowTab": "Fenster"
+            "windowTab": "Fenster",
+            "advanced": "Erweitert"
         },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showTracks": "$t(entity.genre_one) $t(entity.track_other) anzeigen",
+            "showAlbums": "$t(entity.genre_one) $t(entity.album_other) anzeigen"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "artistTracks": "Tracks von {{artist}}",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)"
         },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "Alben von {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
+        },
+        "albumArtistDetail": {
+            "about": "Über {{artist}}",
+            "appearsOn": "erscheint auf",
+            "recentReleases": "Kürzliche Veröffentlichungen",
+            "viewDiscography": "Diskographie ansehen",
+            "viewAllTracks": "Alle $t(entity.track_other) ansehen",
+            "topSongsFrom": "Toplieder von {{title}}",
+            "viewAll": "Alles ansehen",
+            "topSongs": "Toplieder"
+        },
+        "manageServers": {
+            "title": "Servers verwalten",
+            "editServerDetailsTooltip": "Serverdetails editieren",
+            "removeServer": "Server entfernen",
+            "url": "URL",
+            "serverDetails": "Serverdetails",
+            "username": "Benutzername"
+        },
+        "itemDetail": {
+            "copyPath": "Pfad in Zwischenablage kopieren",
+            "copiedPath": "Pfad erfolgreich kopiert",
+            "openFile": "Track im Dateiexplorer anzeigen"
         }
     },
     "player": {
@@ -396,11 +512,12 @@
         "pause": "Pause",
         "unfavorite": "Aus Favoriten entfernen",
         "skip_forward": "Vorspulen",
-        "skip": "Überspringen"
+        "skip": "Überspringen",
+        "playSimilarSongs": "Ähnliche Lieder abspielen"
     },
     "setting": {
         "audioDevice_description": "Wählen Sie das Audiogerät aus, das für die Wiedergabe verwendet werden soll (nur Webplayer).",
-        "audioExclusiveMode": "Audio Exklusiver Modus",
+        "audioExclusiveMode": "Audio-Exklusivmodus",
         "audioDevice": "Audiogerät",
         "accentColor": "Akzentfarbe",
         "accentColor_description": "Legt die Akzentfarbe für die Anwendung fest",
@@ -429,23 +546,22 @@
         "theme_description": "Legt das für die Anwendung zu verwendende Thema fest",
         "hotkey_playbackPause": "Pause",
         "sidebarCollapsedNavigation_description": "Zeigt die Navigation in der minimierten Seitenleiste an oder verbirgt sie",
-        "mpvExecutablePath_help": "eine pro Zeile",
         "hotkey_volumeUp": "Lauter",
-        "skipDuration": "Sprung Dauer",
+        "skipDuration": "Sprungdauer",
         "showSkipButtons": "Schaltflächen zum Überspringen anzeigen",
         "playButtonBehavior_optionPlay": "$t(player.play)",
         "minimumScrobblePercentage": "minimale Scrobble-Dauer (Prozentsatz)",
         "lyricFetch": "Songtexte aus dem Internet abrufen",
         "scrobble": "Scrobbeln",
         "skipDuration_description": "Legt die zu überspringende Dauer fest, wenn die Überspringen-Schaltflächen in der Player-Leiste verwendet werden",
-        "mpvExecutablePath_description": "Legt den Pfad zur ausführbaren MPV-Datei fest",
+        "mpvExecutablePath_description": "Legt den Pfad zur ausführbaren MPV-Datei fest. Wenn leer gelassen, wird der Standard-Pfad verwendet",
         "replayGainClipping_description": "Verhindern Sie durch {{ReplayGain}} verursachtes Clipping, indem Sie die Verstärkung automatisch verringern",
         "replayGainPreamp": "{{ReplayGain}} Vorverstärker (db)",
         "hotkey_favoriteCurrentSong": "Favorit $t(common.currentSong)",
         "sampleRate": "Abtastrate",
         "sidePlayQueueStyle_optionAttached": "angefügt",
         "sidebarConfiguration": "Seitenleistenkonfiguration",
-        "sampleRate_description": "Wählen Sie die auszugebende Abtastrate aus, wenn sich die ausgewählte Abtastfrequenz von der des aktuellen Mediums unterscheidet",
+        "sampleRate_description": "Wähle die auszugebende Abtastrate aus, wenn sich die ausgewählte Abtastfrequenz von der des aktuellen Mediums unterscheidet. Ein Wert unter 8000 wird die Standard-Frequenz verwenden",
         "replayGainMode_optionNone": "$t(common.none)",
         "hotkey_zoomIn": "Hineinzoomen",
         "scrobble_description": "Scrobble wird auf Ihrem Medienserver abgespielt",
@@ -495,7 +611,7 @@
         "savePlayQueue": "Wiedergabe-Warteschlange speichern",
         "minimumScrobbleSeconds_description": "die Mindestdauer in Sekunden, die das Lied abspielen muss, bevor es gescrobbelt wird",
         "skipPlaylistPage_description": "Gehen Sie beim Navigieren zu einer Wiedergabeliste zur Titelseite der Wiedergabeliste und nicht zur Standardseite",
-        "fontType_description": "Die integrierte Schriftart wählt eine der von Feishin bereitgestellten Schriftarten aus. Mit der Systemschriftart können Sie jede von Ihrem Betriebssystem bereitgestellte Schriftart auswählen. Benutzerdefiniert erlaubt es eine eigene Schriftart bereitstellen",
+        "fontType_description": "Die integrierte Schriftart wählt eine der von Feishin bereitgestellten Schriftarten aus. Mit der Systemschriftart können Sie jede von Ihrem Betriebssystem bereitgestellte Schriftart auswählen. Benutzerdefiniert erlaubt es eine eigene Schriftart bereitzustellen",
         "playButtonBehavior": "Verhalten der Wiedergabetaste",
         "volumeWheelStep": "Lautstärkeregler Stufe",
         "sidebarPlaylistList_description": "Ein- oder Ausblenden der Playlisten-Liste in der Seitenleiste",
@@ -510,7 +626,7 @@
         "sidebarConfiguration_description": "Wählen Sie die Elemente und die Reihenfolge aus, in der sie in der Seitenleiste angezeigt werden",
         "remotePort": "Port des Fernsteuerungsserver",
         "hotkey_playbackNext": "Nächster Track",
-        "useSystemTheme_description": "der systemdefinierten Hell oder Dunkel Präferenz folgen",
+        "useSystemTheme_description": "der systemdefinierten Hell- oder Dunkelpräferenz folgen",
         "playButtonBehavior_optionAddNext": "$t(player.addNext)",
         "lyricFetch_description": "Songtexte aus verschiedenen Internetquellen abrufen",
         "lyricFetchProvider_description": "Wählen Sie die Anbieter aus, von denen Sie Liedtexte abrufen möchten. Die Reihenfolge der Anbieter ist die Reihenfolge, in der sie abgefragt werden",
@@ -551,6 +667,15 @@
         "font_description": "Wähle die Schriftart für die Anwendung",
         "themeLight": "Thema (hell)",
         "sidePlayQueueStyle_optionDetached": "lösgelöst",
-        "windowBarStyle_description": "Wähle den Stil der Windows-Leiste"
+        "windowBarStyle_description": "Wähle den Stil der Windows-Leiste",
+        "hotkey_toggleCurrentSongFavorite": "$t(common.currentSong) zu Favoriten hinzufügen",
+        "clearQueryCache_description": "\"Weiches\" Zurücksetzen. Dies wird Playlisten, Musik-Metadaten und gespeicherte Liedtexte zurücksetzen, Zugangsinformationen und zwischengespeicherte Bilder werden behalten",
+        "discordRichPresence_description": "Zeige deinen Wiedergabe-Status in {{discord}} als rich presence an. Angezeigte Bilder sind: {{icon}}, {{playing}}, und {{paused}} ",
+        "clearCache": "Browser-Zwischenspeicher löschen",
+        "clearQueryCache": "feishins Zwischenspeicher leeren",
+        "clearCache_description": "Hartes Zurücksetzen. Neben feishins Zwischenspeicher wird auch der des Browsers gelöscht (Bilder und andere Daten). Zugangsinformationen und Einstellungen werden behalten",
+        "sidePlayQueueStyle": "Wiedergabelistenstil in der Seitenleiste",
+        "zoom_description": "Setzt den Zoom (in %) für das Programm",
+        "zoom": "Zoom"
     }
 }

src/i18n/locales/en.json

@@ -8,6 +8,7 @@
         "deselectAll": "deselect all",
         "editPlaylist": "edit $t(entity.playlist_one)",
         "goToPage": "go to page",
+        "moveToNext": "move to next",
         "moveToBottom": "move to bottom",
         "moveToTop": "move to top",
         "refresh": "$t(common.refresh)",
@@ -16,12 +17,18 @@
         "removeFromQueue": "remove from queue",
         "setRating": "set rating",
         "toggleSmartPlaylistEditor": "toggle $t(entity.smartPlaylist) editor",
-        "viewPlaylists": "view $t(entity.playlist_other)"
+        "viewPlaylists": "view $t(entity.playlist_other)",
+        "openIn": {
+            "lastfm": "Open in Last.fm",
+            "musicbrainz": "Open in MusicBrainz"
+        }
     },
     "common": {
         "action_one": "action",
         "action_other": "actions",
         "add": "add",
+        "albumGain": "album gain",
+        "albumPeak": "album peak",
         "areYouSure": "are you sure?",
         "ascending": "ascending",
         "backward": "backward",
@@ -33,6 +40,8 @@
         "channel_one": "channel",
         "channel_other": "channels",
         "clear": "clear",
+        "close": "close",
+        "codec": "codec",
         "collapse": "collapse",
         "comingSoon": "coming soon…",
         "configure": "configure",
@@ -66,6 +75,7 @@
         "menu": "menu",
         "minimize": "minimize",
         "modified": "modified",
+        "mbid": "MusicBrainz ID",
         "name": "name",
         "no": "no",
         "none": "none",
@@ -75,11 +85,13 @@
         "owner": "owner",
         "path": "path",
         "playerMustBePaused": "player must be paused",
+        "preview": "preview",
         "previousSong": "previous $t(entity.track_one)",
         "quit": "quit",
         "random": "random",
         "rating": "rating",
         "refresh": "refresh",
+        "reload": "reload",
         "reset": "reset",
         "resetToDefault": "reset to default",
         "restartRequired": "restart required",
@@ -91,10 +103,14 @@
         "setting": "setting",
         "setting_one": "setting",
         "setting_other": "settings",
+        "share": "share",
         "size": "size",
         "sortOrder": "order",
         "title": "title",
         "trackNumber": "track",
+        "trackGain": "track gain",
+        "trackPeak": "track peak",
+        "translation": "translation",
         "unknown": "unknown",
         "version": "version",
         "year": "year",
@@ -125,11 +141,15 @@
         "genreWithCount_other": "{{count}} genres",
         "playlist_one": "playlist",
         "playlist_other": "playlists",
+        "play_one": "{{count}} play",
+        "play_other": "{{count}} plays",
         "playlistWithCount_one": "{{count}} playlist",
         "playlistWithCount_other": "{{count}} playlists",
         "smartPlaylist": "smart $t(entity.playlist_one)",
         "track_one": "track",
         "track_other": "tracks",
+        "song_one": "song",
+        "song_other": "songs",
         "trackWithCount_one": "{{count}} track",
         "trackWithCount_other": "{{count}} tracks"
     },
@@ -137,6 +157,7 @@
         "apiRouteError": "unable to route request",
         "audioDeviceFetchError": "an error occurred when trying to get audio devices",
         "authenticationFailed": "authentication failed",
+        "badAlbum": "you are seeing this page because this song is not part of an album. you are most likely seeing this issue if you have a song at the top level of your music folder. jellyfin only groups tracks if they are in a folder.",
         "credentialsRequired": "credentials required",
         "endpointNotImplementedError": "endpoint {{endpoint}} is not implemented for {{serverType}}",
         "genericError": "an error occurred",
@@ -145,6 +166,7 @@
         "loginRateError": "too many login attempts, please try again in a few seconds",
         "mpvRequired": "MPV required",
         "networkError": "a network error occurred",
+        "openError": "could not open file",
         "playbackError": "an error occurred when trying to play the media",
         "remoteDisableError": "an error occurred when trying to $t(common.disable) the remote server",
         "remoteEnableError": "an error occurred when trying to $t(common.enable) the remote server",
@@ -216,7 +238,7 @@
         "addToPlaylist": {
             "input_playlists": "$t(entity.playlist_other)",
             "input_skipDuplicates": "skip duplicates",
-            "success": "added {{message}} $t(entity.song_other) to {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "added $t(entity.trackWithCount, {\"count\": {{message}} }) to $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "add to $t(entity.playlist_one)"
         },
         "createPlaylist": {
@@ -233,6 +255,8 @@
             "title": "delete $t(entity.playlist_one)"
         },
         "editPlaylist": {
+            "publicJellyfinNote": "Jellyfin for some reason does not expose whether a playlist is public or not. If you wish for this to remain public, please have the following input selected",
+            "success": "$t(entity.playlist_one) updated successfully",
             "title": "edit $t(entity.playlist_one)"
         },
         "lyricSearch": {
@@ -244,20 +268,42 @@
             "input_optionMatchAll": "match all",
             "input_optionMatchAny": "match any"
         },
+        "shareItem": {
+            "allowDownloading": "allow downloading",
+            "description": "description",
+            "setExpiration": "set expiration",
+            "success": "share link copied to clipboard (or click here to open)",
+            "expireInvalid": "expiration must be in the future",
+            "createFailed": "failed to create share (is sharing enabled?)"
+        },
         "updateServer": {
             "success": "server updated successfully",
             "title": "update server"
         }
     },
     "page": {
+        "albumArtistDetail": {
+            "about": "About {{artist}}",
+            "appearsOn": "appears on",
+            "recentReleases": "recent releases",
+            "viewDiscography": "view discography",
+            "relatedArtists": "related $t(entity.artist_other)",
+            "topSongs": "top songs",
+            "topSongsFrom": "top songs from {{title}}",
+            "viewAll": "view all",
+            "viewAllTracks": "view all $t(entity.track_other)"
+        },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "albumDetail": {
             "moreFromArtist": "more from this $t(entity.artist_one)",
-            "moreFromGeneric": "more from {{item}}"
+            "moreFromGeneric": "more from {{item}}",
+            "released": "released"
         },
         "albumList": {
+            "artistAlbums": "albums by {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)",
             "title": "$t(entity.album_other)"
         },
         "appMenu": {
@@ -272,6 +318,14 @@
             "settings": "$t(common.setting_other)",
             "version": "version {{version}}"
         },
+        "manageServers": {
+            "title": "manage servers",
+            "serverDetails": "server details",
+            "url": "URL",
+            "username": "username",
+            "editServerDetailsTooltip": "edit server details",
+            "removeServer": "remove server"
+        },
         "contextMenu": {
             "addFavorite": "$t(action.addToFavorites)",
             "addLast": "$t(player.addLast)",
@@ -281,20 +335,29 @@
             "createPlaylist": "$t(action.createPlaylist)",
             "deletePlaylist": "$t(action.deletePlaylist)",
             "deselectAll": "$t(action.deselectAll)",
+            "download": "download",
+            "moveToNext": "$t(action.moveToNext)",
             "moveToBottom": "$t(action.moveToBottom)",
             "moveToTop": "$t(action.moveToTop)",
             "numberSelected": "{{count}} selected",
             "play": "$t(player.play)",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
             "removeFromFavorites": "$t(action.removeFromFavorites)",
             "removeFromPlaylist": "$t(action.removeFromPlaylist)",
             "removeFromQueue": "$t(action.removeFromQueue)",
-            "setRating": "$t(action.setRating)"
+            "setRating": "$t(action.setRating)",
+            "playShuffled": "$t(player.shuffle)",
+            "shareItem": "share item",
+            "showDetails": "get info"
         },
         "fullscreenPlayer": {
             "config": {
                 "dynamicBackground": "dynamic background",
+                "dynamicImageBlur": "image blur size",
+                "dynamicIsImage": "enable background image",
                 "followCurrentLyric": "follow current lyric",
                 "lyricAlignment": "lyric alignment",
+                "lyricOffset": "lyrics offset (ms)",
                 "lyricGap": "lyric gap",
                 "lyricSize": "lyric size",
                 "opacity": "opacity",
@@ -306,9 +369,13 @@
             },
             "lyrics": "lyrics",
             "related": "related",
-            "upNext": "up next"
+            "upNext": "up next",
+            "visualizer": "visualizer",
+            "noLyrics": "no lyrics found"
         },
         "genreList": {
+            "showAlbums": "show $t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "show $t(entity.genre_one) $t(entity.track_other)",
             "title": "$t(entity.genre_other)"
         },
         "globalSearch": {
@@ -326,10 +393,19 @@
             "recentlyPlayed": "recently played",
             "title": "$t(common.home)"
         },
+        "itemDetail": {
+            "copyPath": "copy path to clipboard",
+            "copiedPath": "path copied successfully",
+            "openFile": "show track in file manager"
+        },
+        "playlist": {
+            "reorder": "reordering only enabled when sorting by id"
+        },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
         },
         "setting": {
+            "advanced": "advanced",
             "generalTab": "general",
             "hotkeysTab": "hotkeys",
             "playbackTab": "playback",
@@ -346,9 +422,12 @@
             "playlists": "$t(entity.playlist_other)",
             "search": "$t(common.search)",
             "settings": "$t(common.setting_other)",
+            "shared": "shared $t(entity.playlist_other)",
             "tracks": "$t(entity.track_other)"
         },
         "trackList": {
+            "artistTracks": "tracks by {{artist}}",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)",
             "title": "$t(entity.track_other)"
         }
     },
@@ -365,6 +444,7 @@
         "playbackFetchNoResults": "no songs found",
         "playbackSpeed": "playback speed",
         "playRandom": "play random",
+        "playSimilarSongs": "play similar songs",
         "previous": "previous",
         "queue_clear": "clear queue",
         "queue_moveToBottom": "move selected to top",
@@ -375,7 +455,7 @@
         "repeat_off": "repeat disabled",
         "repeat_one": "repeat one",
         "repeat_other": "",
-        "shuffle": "shuffle",
+        "shuffle": "play shuffled",
         "shuffle_off": "shuffle disabled",
         "skip": "skip",
         "skip_back": "skip backwards",
@@ -383,23 +463,44 @@
         "stop": "stop",
         "toggleFullscreenPlayer": "toggle fullscreen player",
         "unfavorite": "unfavorite",
-        "pause": "pause"
+        "pause": "pause",
+        "viewQueue": "view queue"
     },
     "setting": {
         "accentColor": "accent color",
         "accentColor_description": "sets the accent color for the application",
+        "albumBackground": "album background image",
+        "albumBackground_description": "adds a background image for album pages containing the album art",
+        "albumBackgroundBlur": "album background image blur size",
+        "albumBackgroundBlur_description": "adjusts the amount of blur applied to the album background image",
         "applicationHotkeys": "application hotkeys",
         "applicationHotkeys_description": "configure application hotkeys. toggle the checkbox to set as a global hotkey (desktop only)",
+        "artistConfiguration": "album artist page configuration",
+        "artistConfiguration_description": "configure what items are shown, and in what order, on the album artist page",
         "audioDevice": "audio device",
         "audioDevice_description": "select the audio device to use for playback (web player only)",
         "audioExclusiveMode": "audio exclusive mode",
         "audioExclusiveMode_description": "enable exclusive output mode. In this mode, the system is usually locked out, and only mpv will be able to output audio",
         "audioPlayer": "audio player",
         "audioPlayer_description": "select the audio player to use for playback",
+        "buttonSize": "player bar button size",
+        "buttonSize_description": "the size of the player bar buttons",
+        "clearCache": "clear browser cache",
+        "clearCache_description": "a 'hard clear' of feishin. in addition to clearing feishin's cache, empty the browser cache (saved images and other assets). server credentials and settings are preserved",
+        "clearQueryCache": "clear feishin cache",
+        "clearQueryCache_description": "a 'soft clear' of feishin. this will refresh playlists, track metadata, and reset saved lyrics. settings, server credentials and cached images are preserved",
+        "clearCacheSuccess": "cache cleared successfully",
+        "contextMenu": "context menu (right click) configuration",
+        "contextMenu_description": "allows you to hide items that are shown in the menu when you right click on an item. items that are unchecked will be hidden",
         "crossfadeDuration": "crossfade duration",
         "crossfadeDuration_description": "sets the duration of the crossfade effect",
         "crossfadeStyle": "crossfade style",
         "crossfadeStyle_description": "select the crossfade style to use for the audio player",
+        "customCssEnable": "enable custom css",
+        "customCssEnable_description": "allow for writing custom css.",
+        "customCssNotice": "Warning: while there is some sanitization (disallowing url() and content:), using custom CSS can still pose risks by changing the interface.",
+        "customCss": "custom css",
+        "customCss_description": "custom css content. Note: content and remote urls are disallowed properties. A preview of your content is shown below. Additional fields you didn't set are present due to sanitization.",
         "customFontPath": "custom font path",
         "customFontPath_description": "sets the path to the custom font to use for the application",
         "disableAutomaticUpdates": "disable automatic updates",
@@ -408,12 +509,18 @@
         "discordApplicationId_description": "the application id for {{discord}} rich presence (defaults to {{defaultId}})",
         "discordIdleStatus": "show rich presence idle status",
         "discordIdleStatus_description": "when enabled, update status while player is idle",
+        "discordListening": "show status as listening",
+        "discordListening_description": "show status as listening instead of playing",
         "discordRichPresence": "{{discord}} rich presence",
         "discordRichPresence_description": "enable playback status in {{discord}} rich presence. Image keys are: {{icon}}, {{playing}}, and {{paused}} ",
         "discordUpdateInterval": "{{discord}} rich presence update interval",
         "discordUpdateInterval_description": "the time in seconds between each update (minimum 15 seconds)",
+        "doubleClickBehavior": "queue all searched tracks when double clicking",
+        "doubleClickBehavior_description": "if true, all matching tracks in a track search will be queued. otherwise, only the clicked one will be queued",
         "enableRemote": "enable remote control server",
         "enableRemote_description": "enables the remote control server to allow other devices to control the application",
+        "externalLinks": "show external links",
+        "externalLinks_description": "enables showing external links (Last.fm, MusicBrainz) on artist/album pages",
         "exitToTray": "exit to tray",
         "exitToTray_description": "exit the application to the system tray",
         "floatingQueueArea": "show floating queue hover area",
@@ -430,8 +537,14 @@
         "gaplessAudio": "gapless audio",
         "gaplessAudio_description": "sets the gapless audio setting for mpv",
         "gaplessAudio_optionWeak": "weak (recommended)",
+        "genreBehavior": "genre page default behavior",
+        "genreBehavior_description": "determines whether clicking on a genre opens by default in track or album list",
         "globalMediaHotkeys": "global media hotkeys",
         "globalMediaHotkeys_description": "enable or disable the usage of your system media hotkeys to control playback",
+        "homeConfiguration": "home page configuration",
+        "homeConfiguration_description": "configure what items are shown, and in what order, on the home page",
+        "homeFeature": "home featured carousel",
+        "homeFeature_description": "controls whether to show the large featured carousel on the home page",
         "hotkey_browserBack": "browser back",
         "hotkey_browserForward": "browser forward",
         "hotkey_favoriteCurrentSong": "favorite $t(common.currentSong)",
@@ -465,8 +578,12 @@
         "hotkey_volumeUp": "volume up",
         "hotkey_zoomIn": "zoom in",
         "hotkey_zoomOut": "zoom out",
+        "imageAspectRatio": "use native cover art aspect ratio",
+        "imageAspectRatio_description": "if enabled, cover art will be shown using their native aspect ratio. for art that is not 1:1, the remaining space will be empty",
         "language": "language",
         "language_description": "sets the language for the application ($t(common.restartRequired))",
+        "lastfmApiKey": "{{lastfm}} API key",
+        "lastfmApiKey_description": "the API key for {{lastfm}}. required for cover art",
         "lyricFetch": "fetch lyrics from the internet",
         "lyricFetch_description": "fetch lyrics from various internet sources",
         "lyricFetchProvider": "providers to fetch lyrics from",
@@ -480,9 +597,11 @@
         "minimumScrobbleSeconds": "minimum scrobble (seconds)",
         "minimumScrobbleSeconds_description": "the minimum duration in seconds of the song that must be played before it is scrobbled",
         "mpvExecutablePath": "mpv executable path",
-        "mpvExecutablePath_description": "sets the path to the mpv executable",
-        "mpvExecutablePath_help": "one per line",
+        "mpvExecutablePath_description": "sets the path to the mpv executable. if left empty, the default path will be used",
         "mpvExtraParameters": "mpv parameters",
+        "mpvExtraParameters_help": "one per line",
+        "passwordStore": "passwords/secret store",
+        "passwordStore_description": "what password/secret store to use. change this if you are having issues storing passwords.",
         "playbackStyle": "playback style",
         "playbackStyle_description": "select the playback style to use for the audio player",
         "playbackStyle_optionCrossFade": "crossfade",
@@ -492,6 +611,11 @@
         "playButtonBehavior_optionAddLast": "$t(player.addLast)",
         "playButtonBehavior_optionAddNext": "$t(player.addNext)",
         "playButtonBehavior_optionPlay": "$t(player.play)",
+        "playButtonBehavior_optionPlayShuffled": "$t(player.shuffle)",
+        "playerAlbumArtResolution": "player album art resolution",
+        "playerAlbumArtResolution_description": "the resolution for the large player's album art preview. larger makes it look more crisp, but may slow loading down. defaults to 0, meaning auto",
+        "playerbarOpenDrawer": "playerbar fullscreen toggle",
+        "playerbarOpenDrawer_description": "allows clicking of the playerbar to open the full screen player",
         "remotePassword": "remote control server password",
         "remotePassword_description": "sets the password for the remote control server. These credentials are by default transferred insecurely, so you should use a unique password that you do not care about",
         "remotePort": "remote control server port",
@@ -510,7 +634,7 @@
         "replayGainPreamp": "{{ReplayGain}} preamp (dB)",
         "replayGainPreamp_description": "adjust the preamp gain applied to the {{ReplayGain}} values",
         "sampleRate": "sample rate",
-        "sampleRate_description": "select the output sample rate to be used if the sample frequency selected is different from that of the current media",
+        "sampleRate_description": "select the output sample rate to be used if the sample frequency selected is different from that of the current media. a value less than 8000 will use the default frequency",
         "savePlayQueue": "save play queue",
         "savePlayQueue_description": "save the play queue when the application is closed and restore it when the application is opened",
         "scrobble": "scrobble",
@@ -533,16 +657,37 @@
         "skipDuration_description": "sets the duration to skip when using the skip buttons on the player bar",
         "skipPlaylistPage": "skip playlist page",
         "skipPlaylistPage_description": "when navigating to a playlist, go to the playlist song list page instead of the default page",
+        "startMinimized": "start minimized",
+        "startMinimized_description": "start the application in system tray",
         "theme": "theme",
         "theme_description": "sets the theme to use for the application",
         "themeDark": "theme (dark)",
         "themeDark_description": "sets the dark theme to use for the application",
         "themeLight": "theme (light)",
         "themeLight_description": "sets the light theme to use for the application",
+        "transcodeNote": "takes effect after 1 (web) - 2 (mpv) songs",
+        "transcode": "enable transcoding",
+        "transcode_description": "enables transcoding to different formats",
+        "transcodeBitrate": "bitrate to transcode",
+        "transcodeBitrate_description": "selects the bitrate to transcode. 0 means let the server pick",
+        "transcodeFormat": "format to transcode",
+        "transcodeFormat_description": "selects the format to transcode. leave empty to let the server decide",
+        "translationApiProvider": "translation api provider",
+        "translationApiProvider_description": "api provider for translation",
+        "translationApiKey": "translation api key",
+        "translationApiKey_description": "api key for translation (Support global service endpoint only)",
+        "translationTargetLanguage": "translation target language",
+        "translationTargetLanguage_description": "target language for translation",
+        "trayEnabled": "show tray",
+        "trayEnabled_description": "show/hide tray icon/menu. if disabled, also disables minimize/exit to tray",
         "useSystemTheme": "use system theme",
         "useSystemTheme_description": "follow the system-defined light or dark preference",
         "volumeWheelStep": "volume wheel step",
         "volumeWheelStep_description": "the amount of volume to change when scrolling the mouse wheel on the volume slider",
+        "volumeWidth": "volume slider width",
+        "volumeWidth_description": "the width of the volume slider",
+        "webAudio": "use web audio",
+        "webAudio_description": "use web audio. this enables advanced features like replaygain. disable if you experience otherwise",
         "windowBarStyle": "window bar style",
         "windowBarStyle_description": "select the style of the window bar",
         "zoom": "zoom percentage",
@@ -552,12 +697,13 @@
         "column": {
             "album": "album",
             "albumArtist": "album artist",
-            "albumCount": "$t(entity.album_one)",
+            "albumCount": "$t(entity.album_other)",
             "artist": "$t(entity.artist_one)",
             "biography": "biography",
             "bitrate": "bitrate",
             "bpm": "bpm",
             "channels": "$t(common.channel_other)",
+            "codec": "$t(common.codec)",
             "comment": "comment",
             "dateAdded": "date added",
             "discNumber": "disc",
@@ -569,6 +715,7 @@
             "rating": "rating",
             "releaseDate": "release date",
             "releaseYear": "year",
+            "size": "$t(common.size)",
             "songCount": "$t(entity.track_other)",
             "title": "title",
             "trackNumber": "track"
@@ -576,8 +723,11 @@
         "config": {
             "general": {
                 "autoFitColumns": "auto fit columns",
+                "followCurrentSong": "follow current song",
                 "displayType": "display type",
                 "gap": "$t(common.gap)",
+                "itemGap": "item gap (px)",
+                "itemSize": "item size (px)",
                 "size": "$t(common.size)",
                 "tableColumns": "table columns"
             },
@@ -590,6 +740,7 @@
                 "bitrate": "$t(common.bitrate)",
                 "bpm": "$t(common.bpm)",
                 "channels": "$t(common.channel_other)",
+                "codec": "$t(common.codec)",
                 "dateAdded": "date added",
                 "discNumber": "disc number",
                 "duration": "$t(common.duration)",
@@ -604,6 +755,7 @@
                 "releaseDate": "release date",
                 "rowIndex": "row index",
                 "size": "$t(common.size)",
+                "songCount": "$t(entity.track_other)",
                 "title": "$t(common.title)",
                 "titleCombined": "$t(common.title) (combined)",
                 "trackNumber": "track number",

src/i18n/locales/es.json

@@ -8,10 +8,10 @@
         "skip": "saltar",
         "previous": "anterior",
         "toggleFullscreenPlayer": "activar el reproductor a pantalla completa",
-        "skip_back": "saltar hacia atrás",
+        "skip_back": "retroceder",
         "favorite": "favorito",
         "next": "siguiente",
-        "shuffle": "mezclar",
+        "shuffle": "Reproducir aleatoriamente",
         "playbackFetchNoResults": "ninguna canción encontrada",
         "playbackFetchInProgress": "cargando canciones…",
         "addNext": "añadir siguiente",
@@ -28,19 +28,20 @@
         "addLast": "añadir último",
         "mute": "silencio",
         "skip_forward": "saltar hacia delante",
-        "pause": "pausa"
+        "pause": "pausa",
+        "playSimilarSongs": "Reproducir canciones similares",
+        "viewQueue": "ver cola"
     },
     "setting": {
         "crossfadeStyle_description": "selecciona el estilo de crossfade a usar por el reproductor de audio",
         "remotePort_description": "establece el puerto para el control remoto del servidor",
-        "hotkey_skipBackward": "saltar hacia atrás",
+        "hotkey_skipBackward": "retroceder",
         "replayGainMode_description": "ajusta el volumen de ganancia acorde a los valores de {{ReplayGain}} almacenados en los metadatos del archivo",
         "audioDevice_description": "selecciona el dispositivo de audio para usar en la reproducción (solo reproductor web)",
         "theme_description": "establece el tema a usar por la aplicación",
         "hotkey_playbackPause": "pausa",
         "replayGainFallback": "{{ReplayGain}} alternativa",
         "sidebarCollapsedNavigation_description": "mostrar u ocultar la navegación en la barra lateral contraída",
-        "mpvExecutablePath_help": "uno por línea",
         "hotkey_volumeUp": "subir volumen",
         "skipDuration": "duración de salto",
         "discordIdleStatus_description": "cuando se activa, actualiza el estado mientras el reproductor está inactivo",
@@ -52,7 +53,7 @@
         "skipDuration_description": "establece la duración a saltar cuando se usa los botones de saltar en la barra del reproductor",
         "enableRemote_description": "activa el control remoto del servidor para permitir a otros dispositivos controlar la aplicación",
         "fontType_optionSystem": "fuente del sistema",
-        "mpvExecutablePath_description": "establece la ruta del ejecutable mpv",
+        "mpvExecutablePath_description": "establece la ruta del ejecutable mpv. si se deja vacío, se usará la ruta predeterminada",
         "replayGainClipping_description": "previene el recorte causado por {{ReplayGain}} bajando automáticamente la ganancia",
         "replayGainPreamp": "preamplificador (dB) de {{ReplayGain}}",
         "hotkey_favoriteCurrentSong": "$t(common.currentSong) favorita",
@@ -60,7 +61,7 @@
         "crossfadeStyle": "estilo de crossfade",
         "sidePlayQueueStyle_optionAttached": "acoplada",
         "sidebarConfiguration": "configuración de la barra lateral",
-        "sampleRate_description": "selecciona el ratio de muestreo de salida a ser usado si la frecuencia de muestreo seleccionada es diferente de la del medio actual",
+        "sampleRate_description": "selecciona el ratio de muestreo de salida a ser usado si la frecuencia de muestreo seleccionada es diferente de la del medio actual. un valor inferior a 8000 usará la frecuencia predeterminada",
         "replayGainMode_optionNone": "$t(common.none)",
         "replayGainClipping": "recortar {{ReplayGain}}",
         "hotkey_zoomIn": "ampliar",
@@ -160,7 +161,7 @@
         "audioPlayer": "reproductor de audio",
         "hotkey_zoomOut": "reducir",
         "hotkey_unfavoriteCurrentSong": "$t(common.currentSong) no favorito",
-        "hotkey_rate0": "limpiar calificación",
+        "hotkey_rate0": "Limpiar calificación",
         "discordApplicationId": "id de aplicación {{discord}}",
         "applicationHotkeys_description": "configura las teclas de acceso rápido de la aplicación. marca la casilla para establecerlas como teclas de acceso rápido globales (solo escritorio)",
         "floatingQueueArea_description": "muestra un icono flotante en el lado derecho de la pantalla para ver la cola de reproducción",
@@ -191,7 +192,72 @@
         "accentColor_description": "establece el color de realce de la aplicación",
         "skipPlaylistPage": "saltar página de lista de reproducción",
         "hotkey_browserForward": "avance",
-        "hotkey_browserBack": "retroceso"
+        "hotkey_browserBack": "retroceso",
+        "clearCache": "Limpiar la caché del navegador",
+        "clearQueryCache": "Limpiar la caché de Feishin",
+        "clearQueryCache_description": "Una 'limpieza suave' de Feishin. Esto refrescará las listas de reproducción, metadatos de pistas y restablecerá las letras guardadas. Se mantienen los ajustes, credenciales del servidor y las imágenes en caché",
+        "buttonSize": "tamaño del botón de la barra de reproducción",
+        "clearCache_description": "Una 'limpieza fuerte' de Feishin. Para limpiar la caché de Feishin, vacía la caché del navegador (imágenes guardadas y otros elementos). Se mantienen las credenciales y ajustes del servidor",
+        "buttonSize_description": "el tamaño de los botones de la barra de reproducción",
+        "passwordStore_description": "qué método de almacenamiento de contraseñas/claves secretas utilizar. cambie esta opción si tiene problemas para guardar contraseñas.",
+        "startMinimized_description": "iniciar la aplicación en la bandeja del sistema",
+        "startMinimized": "iniciar minimizado",
+        "passwordStore": "contraseñas/almacenamiento secreto",
+        "playerAlbumArtResolution_description": "la resolución para la vista previa de la carátula del álbum del reproductor grande. más grande hace que parezca más nítido, pero puede ralentizar la carga. El valor predeterminado es 0, lo que significa automático",
+        "playerAlbumArtResolution": "resolución de la carátula del álbum del reproductor",
+        "homeConfiguration": "Configuración de la página de inicio",
+        "mpvExtraParameters_help": "Uno por línea",
+        "genreBehavior": "Comportamiento predeterminado de la página de géneros",
+        "externalLinks_description": "Permite mostrar enlaces externos (Last.fm, MusicBrainz) en páginas de artista/álbum",
+        "genreBehavior_description": "Determina si al pulsar en un género se abre por defecto la lista de pistas o de álbumes",
+        "homeConfiguration_description": "Configura qué elementos son mostrados y en qué orden en la página de inicio",
+        "clearCacheSuccess": "Caché limpiada correctamente",
+        "externalLinks": "Mostrar enlaces externos",
+        "homeFeature": "Carrusel destacado de inicio",
+        "homeFeature_description": "Controla si se muestra el gran carrusel destacado en la página de inicio",
+        "imageAspectRatio_description": "Si está habilitado, la portada será mostrada usando su relación de aspecto nativa. Para arte que no es 1:1, el espacio restante estará vacío",
+        "imageAspectRatio": "Usar relación de aspecto nativa de portada",
+        "doubleClickBehavior": "poner en cola todas las pistas buscadas al hacer doble clic",
+        "doubleClickBehavior_description": "si es true, se pondrán en cola todas las pistas que coincidan en una búsqueda de pistas. De lo contrario, solo se pondrá en cola la pista seleccionada",
+        "volumeWidth": "Ancho del deslizador de volumen",
+        "volumeWidth_description": "La anchura del deslizador de volumen",
+        "discordListening_description": "mostrar el estado como escuchando en lugar de jugando",
+        "discordListening": "Mostrar estado como escuchando",
+        "contextMenu": "Configuración del menú de contexto (clic derecho)",
+        "contextMenu_description": "Te permite esconder elementos que son mostrados en el menú cuando haces clic derecho en un elemento. Los elementos que no estén seleccionados serán escondidos",
+        "customCssEnable": "Habilitar CSS personalizado",
+        "customCssEnable_description": "Permite la escritura de CSS personalizado.",
+        "customCss": "CSS personalizado",
+        "customCssNotice": "Aviso: mientras hay alguna sanitización (rechazar url() y content:), usar CSS personalizado puede aún entrañar riesgos cambiando la interfaz.",
+        "customCss_description": "Content CSS personalizado. Nota: content y urls remotas son propiedades rechazadas. Una vista previa de tu content se muestra debajo. Las entradas adicionales que no estableciste están presentes debido a la sanitización.",
+        "webAudio": "usar audio web",
+        "webAudio_description": "Utilizar audio web. Esto habilita funciones avanzadas como Replaygain. Desactiva esta opción si tienes problemas",
+        "transcode": "activar la transcodificación",
+        "transcode_description": "permite la transcodificación a distintos formatos",
+        "transcodeBitrate": "tasa de bits a transcodificar",
+        "transcodeBitrate_description": "selecciona el bitrate a transcodificar. 0 significa dejar que el servidor elija",
+        "transcodeNote": "Se mostrará después de 1 (web) - 2 (mpv) pistas",
+        "transcodeFormat": "formato a transcodificar",
+        "transcodeFormat_description": "selecciona el formato a transcodificar. dejar vacío para que el servidor decida",
+        "albumBackground": "imagen de fondo del álbum",
+        "albumBackground_description": "Agregar una imagen de fondo a las páginas del álbum que contienen la carátula del álbum",
+        "albumBackgroundBlur": "Tamaño de desenfoque de la imagen de fondo del álbum",
+        "albumBackgroundBlur_description": "Ajustar el nivel de desenfoque de la imagen de fondo del álbum",
+        "playerbarOpenDrawer": "Cambiar la barra del reproductor a pantalla completa",
+        "playerbarOpenDrawer_description": "Permitir hacer clic en la barra del reproductor para abrir el reproductor en pantalla completa",
+        "artistConfiguration": "Configuración de la página del artista del álbum",
+        "artistConfiguration_description": "Configurar qué elementos se muestran y en qué orden en la página del artista del álbum",
+        "playButtonBehavior_optionPlayShuffled": "$t(player.shuffle)",
+        "trayEnabled": "Mostrar en el área de notificación",
+        "trayEnabled_description": "mostrar/ocultar el icono/menú del área de notificación. si está deshabilitado, también deshabilita minimizar/salir a la bandeja",
+        "translationApiProvider": "Proveedor de API de traducción",
+        "translationApiProvider_description": "Proveedor de API para traducción",
+        "translationApiKey": "clave api de traducción",
+        "translationApiKey_description": "Clave API para la traducción (solo para el punto final del servicio global)",
+        "translationTargetLanguage": "idioma final de la traducción",
+        "translationTargetLanguage_description": "lengua de destino de la traducción",
+        "lastfmApiKey_description": "la clave API para {{lastfm}}. Requerida para la portada",
+        "lastfmApiKey": "Clave API para {{lastfm}}"
     },
     "action": {
         "editPlaylist": "editar $t(entity.playlist_one)",
@@ -210,13 +276,18 @@
         "moveToBottom": "mover al fondo",
         "setRating": "establecer calificación",
         "toggleSmartPlaylistEditor": "cambiar editor $t(entity.smartPlaylist)",
-        "removeFromFavorites": "eliminar de $t(entity.favorite_other)"
+        "removeFromFavorites": "eliminar de $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Abrir en Last.fm",
+            "musicbrainz": "Abrir en MusicBrainz"
+        },
+        "moveToNext": "pasar al siguiente"
     },
     "common": {
         "backward": "hacia atrás",
         "increase": "aumentar",
         "rating": "calificación",
-        "bpm": "bpm",
+        "bpm": "lpm",
         "refresh": "actualizar",
         "unknown": "desconocido",
         "areYouSure": "estás seguro?",
@@ -275,7 +346,7 @@
         "previousSong": "anterior $t(entity.track_one)",
         "noResultsFromQuery": "la petición no devolvió resultados",
         "quit": "salir",
-        "expand": "ampliar",
+        "expand": "expandir",
         "search": "buscar",
         "saveAs": "guardar como",
         "disc": "disco",
@@ -293,7 +364,18 @@
         "action_other": "acciones",
         "channel_one": "Canal",
         "channel_many": "Canales",
-        "channel_other": "Canales"
+        "channel_other": "Canales",
+        "trackPeak": "la más alta de la canción",
+        "albumPeak": "lo más destacado del álbum",
+        "albumGain": "Ganancia de álbum",
+        "mbid": "ID de MusicBrainz",
+        "codec": "Códec",
+        "close": "Cerrar",
+        "reload": "Recargar",
+        "share": "Compartir",
+        "trackGain": "Ganancia de pista",
+        "preview": "Vista previa",
+        "translation": "traducción"
     },
     "error": {
         "remotePortWarning": "reiniciar el servidor para aplicar el nuevo puerto",
@@ -314,7 +396,10 @@
         "mpvRequired": "MPV requerido",
         "audioDeviceFetchError": "un error ocurrió cuando se intentó obtener los dispositivos de audio",
         "invalidServer": "servidor inválido",
-        "loginRateError": "demasiados intentos de inicio de sesión, por favor inténtalo en unos segundos"
+        "loginRateError": "demasiados intentos de inicio de sesión, por favor inténtalo en unos segundos",
+        "badAlbum": "Estás viendo esta página porque esta canción no forma parte de un álbum. Este problema puede ocurrir si tiene una canción en el nivel superior de su carpeta de música. Jellyfin solo agrupa pistas si están en una carpeta.",
+        "networkError": "Ocurrió un error de red",
+        "openError": "No se pudo abrir el archivo"
     },
     "filter": {
         "mostPlayed": "más reproducido",
@@ -336,7 +421,7 @@
         "albumArtist": "$t(entity.albumArtist_one)",
         "isRecentlyPlayed": "reproducido recientemente",
         "isFavorited": "es favorito",
-        "bpm": "bpm",
+        "bpm": "lpm",
         "releaseYear": "año de lanzamiento",
         "disc": "disco",
         "biography": "biografía",
@@ -372,7 +457,8 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "compartido $t(entity.playlist_other)"
         },
         "appMenu": {
             "selectServer": "seleccionar servidor",
@@ -402,7 +488,13 @@
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
             "numberSelected": "{{count}} seleccionado",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "shareItem": "Compartir elemento",
+            "showDetails": "Obtener información",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "descargar",
+            "playShuffled": "$t(player.shuffle)",
+            "moveToNext": "$t(action.moveToNext)"
         },
         "home": {
             "mostPlayed": "más reproducidos",
@@ -424,29 +516,40 @@
                 "lyricAlignment": "alineación de letra",
                 "useImageAspectRatio": "usar ratio de aspecto de imagen",
                 "showLyricMatch": "mostrar coincidencia de letras",
-                "lyricGap": "desfase de letra"
+                "lyricGap": "desfase de letra",
+                "dynamicImageBlur": "tamaño de desenfoque de imagen",
+                "dynamicIsImage": "habilitar imagen de fondo",
+                "lyricOffset": "compensación de letras (ms)"
             },
             "lyrics": "letras",
-            "related": "relacionado"
+            "related": "relacionado",
+            "visualizer": "visualizador",
+            "noLyrics": "sin letras"
         },
         "albumDetail": {
             "moreFromArtist": "más de este $t(entity.artist_one)",
-            "moreFromGeneric": "más de {{item}}"
+            "moreFromGeneric": "más de {{item}}",
+            "released": "publicado"
         },
         "setting": {
             "playbackTab": "reproducción",
             "generalTab": "general",
             "hotkeysTab": "teclas de acceso rápido",
-            "windowTab": "ventana"
+            "windowTab": "ventana",
+            "advanced": "Avanzado"
         },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "Mostrar $t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "Mostrar $t(entity.genre_one) $t(entity.track_other)"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)",
+            "artistTracks": "pistas por {{artist}}"
         },
         "globalSearch": {
             "commands": {
@@ -460,7 +563,36 @@
             "title": "$t(entity.playlist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)",
+            "artistAlbums": "álbumes de {{artist}}"
+        },
+        "albumArtistDetail": {
+            "viewAllTracks": "ver todo de $t(entity.track_other)",
+            "relatedArtists": "$t(entity.artist_other) similar",
+            "topSongs": "mejores canciones",
+            "topSongsFrom": "las mejores canciones de {{title}}",
+            "viewAll": "Ver todo",
+            "recentReleases": "Lanzamientos recientes",
+            "viewDiscography": "Ver discografía",
+            "about": "Sobre {{artist}}",
+            "appearsOn": "Aparece en"
+        },
+        "itemDetail": {
+            "copiedPath": "Ruta copiada correctamente",
+            "openFile": "Mostrar pista en el gestor de archivos",
+            "copyPath": "Copiar ruta al portapapeles"
+        },
+        "playlist": {
+            "reorder": "la reordenación solo se activa al ordenar por id"
+        },
+        "manageServers": {
+            "removeServer": "eliminar servidor",
+            "title": "administrar servidores",
+            "serverDetails": "detalles del servidor",
+            "username": "nombre de usuario",
+            "editServerDetailsTooltip": "editar detalles del servidor",
+            "url": "URL"
         }
     },
     "form": {
@@ -491,7 +623,7 @@
             "error_savePassword": "un error ocurrió cuando se intentó guardar la contraseña"
         },
         "addToPlaylist": {
-            "success": "añadido {{message}} $t(entity.song_other) a {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "añadido $t(entity.trackWithCount, {\"count\": {{message}} }) a $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "añadir a $t(entity.playlist_one)",
             "input_skipDuplicates": "saltar duplicados",
             "input_playlists": "$t(entity.playlist_other)"
@@ -506,11 +638,21 @@
             "title": "buscar letras"
         },
         "editPlaylist": {
-            "title": "editar $t(entity.playlist_one)"
+            "title": "editar $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) actualizada correctamente",
+            "publicJellyfinNote": "Jellyfin por alguna razón no expone si una lista de reproducción es pública o no. Si deseas que ésta siga siendo pública, por favor ten seleccionada la siguiente entrada"
         },
         "queryEditor": {
             "input_optionMatchAll": "coincidir todos",
             "input_optionMatchAny": "coincidir cualquiera"
+        },
+        "shareItem": {
+            "createFailed": "No se pudo crear el recurso compartido (¿está habilitado el uso compartido?)",
+            "allowDownloading": "Permitir la descarga",
+            "description": "Descripción",
+            "setExpiration": "Establecer expiración",
+            "success": "Enlace de compartición copiado al portapapeles (o pulsa aquí para abrir)",
+            "expireInvalid": "La expiración debe ser en el futuro"
         }
     },
     "table": {
@@ -527,7 +669,7 @@
             "releaseDate": "fecha de lanzamiento",
             "bitrate": "tasa de bits",
             "title": "título",
-            "bpm": "bpm",
+            "bpm": "lpm",
             "dateAdded": "fecha de adición",
             "artist": "$t(entity.artist_one)",
             "songCount": "$t(entity.track_other)",
@@ -536,7 +678,9 @@
             "albumArtist": "artista de álbum",
             "path": "ruta",
             "discNumber": "disco",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
         },
         "config": {
             "label": {
@@ -565,14 +709,19 @@
                 "playCount": "número de reproducción",
                 "genre": "$t(entity.genre_one)",
                 "favorite": "$t(common.favorite)",
-                "year": "$t(common.year)"
+                "year": "$t(common.year)",
+                "codec": "$t(common.codec)",
+                "songCount": "$t(entity.track_other)"
             },
             "general": {
                 "gap": "$t(common.gap)",
                 "tableColumns": "columnas de la tabla",
                 "autoFitColumns": "ajuste automático de columnas",
                 "size": "$t(common.size)",
-                "displayType": "tipo de visualización"
+                "displayType": "tipo de visualización",
+                "itemGap": "espacio entre elementos (px)",
+                "itemSize": "tamaño del elemento (px)",
+                "followCurrentSong": "seguir la canción actual"
             },
             "view": {
                 "card": "tarjeta",
@@ -627,6 +776,12 @@
         "genreWithCount_other": "{{count}} géneros",
         "trackWithCount_one": "{{count}} pista",
         "trackWithCount_many": "{{count}} pistas",
-        "trackWithCount_other": "{{count}} pistas"
+        "trackWithCount_other": "{{count}} pistas",
+        "play_one": "Reproducir {{count}}",
+        "play_many": "Reproducir {{count}}",
+        "play_other": "Reproducir {{count}}",
+        "song_one": "canción",
+        "song_many": "canciones",
+        "song_other": "canciones"
     }
 }

src/i18n/locales/fa.json

@@ -0,0 +1,305 @@
+{
+    "player": {
+        "repeat_all": "تکرار همه",
+        "stop": "توقف",
+        "repeat": "تکرار",
+        "skip": "رد کن",
+        "toggleFullscreenPlayer": "تغییر به پخش‌کنندهٔ تمام‌صفحه",
+        "skip_back": "برو عقب",
+        "shuffle": "شافل",
+        "repeat_off": "تکرار غیرفعال",
+        "pause": "pause",
+        "unfavorite": "حذف از موردعلاقه‌ها",
+        "shuffle_off": "شافل غیرفعال",
+        "skip_forward": "برو جلو"
+    },
+    "action": {
+        "editPlaylist": "ویرایش $t(entity.playlist_one)",
+        "goToPage": "برو به صفحهٔ",
+        "moveToTop": "انتقال به بالا",
+        "clearQueue": "خالی کردن صف",
+        "addToFavorites": "افزودن به $t(entity.favorite_other)",
+        "addToPlaylist": "افزودن به $t(entity.playlist_one)",
+        "createPlaylist": "ساخت $t(entity.playlist_one)",
+        "removeFromPlaylist": "حذف از $t(entity.playlist_one)",
+        "viewPlaylists": "نمایش $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "حذف $t(entity.playlist_one)",
+        "removeFromQueue": "حذف از صف",
+        "deselectAll": "لغو انتخاب همه",
+        "moveToBottom": "انتقال به پایین",
+        "setRating": "تعیین امتیاز",
+        "toggleSmartPlaylistEditor": "تغییر $t(entity.smartPlaylist) ویرایشگر",
+        "removeFromFavorites": "حذف از $t(entity.favorite_other)"
+    },
+    "setting": {
+        "hotkey_skipBackward": "برو عقب",
+        "audioDevice_description": "دستگاه صوتی را برای پخش انتخاب کنید (فقط پخش‌کنندهٔ تحت وب)",
+        "hotkey_playbackPause": "pause",
+        "hotkey_volumeUp": "زیاد کردن صدا",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "lyricFetch": "دریافت متن ترانه از اینترنت",
+        "enableRemote_description": "کنترل از راه دور سرویس‌دهنده را فعال کنید تا به دستگاه‌های دیگر اجازهٔ مدیریت اپلیکیشن را بدهید",
+        "mpvExecutablePath_description": "تعیین مسیر فایل اجرایی MPV",
+        "sampleRate": "sample rate",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "hotkey_rate1": "امتیاز ۱ ستاره",
+        "hotkey_skipForward": "برو جلو",
+        "disableLibraryUpdateOnStartup": "غیرفعال کردن بررسی آخرین نسخه در آغاز به کار برنامه",
+        "discordApplicationId_description": "the application id for {{discord}} rich presence (defaults to {{defaultId}})",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "hotkey_playbackPlay": "پخش",
+        "hotkey_volumeDown": "کم کردن صدا",
+        "audioPlayer_description": "پخش‌کنندهٔ صدا را برای پخش انتخاب کنید",
+        "hotkey_globalSearch": "جست و جوی سراسری",
+        "disableAutomaticUpdates": "غیرفعال کردن به‌‌روزرسانی خودکار",
+        "exitToTray_description": "خروج از اپلیکیشن به system tray",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "discordUpdateInterval_description": "فاصلهٔ بین هر به روزرسانی به ثانیه (حداقل ۱۵ ثانیه)",
+        "audioExclusiveMode": "حالت اختصاصی صدا",
+        "remotePassword": "رمز عبور کنترل از راه دور",
+        "language_description": "زبان اپلیکیشن را معین می‌کند $t(common.restartRequired)",
+        "hotkey_rate3": "امتیاز ۳ ستاره",
+        "font": "قلم",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "hotkey_toggleFullScreenPlayer": "تغییر به پخش‌کنندهٔ تمام‌صفحه",
+        "hotkey_localSearch": "جست و جو در صفحه",
+        "hotkey_toggleQueue": "تغییر صف",
+        "hotkey_rate5": "امتیاز ۵ ستاره",
+        "hotkey_playbackPrevious": "قطعهٔ قبل",
+        "language": "زبان",
+        "hotkey_toggleShuffle": "تغییر شافل",
+        "mpvExecutablePath": "مسیر اجرای MPV",
+        "audioDevice": "دستگاه صوتی",
+        "hotkey_rate2": "امتیاز ۲ ستاره",
+        "playButtonBehavior_description": "رفتار پیش‌فرض دکمهٔ پخش را هنگامی که آهنگی به صف اضافه می‌شود معین می‌کند",
+        "exitToTray": "خروج به tray",
+        "hotkey_rate4": "امتیاز ۴ ستاره",
+        "enableRemote": "فعال کردن کنترل از راه دور سرویس‌دهنده",
+        "showSkipButton_description": "نمایش یا مخفی کردن دکمهٔ رد کردن روی نوار پخش‌کننده",
+        "playButtonBehavior": "رفتار دکمهٔ پخش",
+        "playbackStyle_optionNormal": "عادی",
+        "hotkey_toggleRepeat": "تغییر تکرار",
+        "fontType": "نوع قلم",
+        "hotkey_playbackNext": "قطعهٔ بعد",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "دریافت متن ترانه از منابع اینترنتی",
+        "customFontPath": "مسیر قلم سفارشی",
+        "audioPlayer": "پخش‌کنندهٔ صدا",
+        "hotkey_rate0": "حذف امتیاز",
+        "discordApplicationId": "{{discord}} application id",
+        "hotkey_volumeMute": "بستن صدا",
+        "showSkipButton": "نمایش دکمهٔ رد کردن",
+        "customFontPath_description": "مسیر قلم سفارشی را برای استفاده در اپلیکیشن مشخص کنید",
+        "gaplessAudio_optionWeak": "ضعیف (توصیه شده)",
+        "hotkey_playbackStop": "توقف",
+        "font_description": "قلم مورد استفادهٔ اپلیکیشن را معین می‌کند"
+    },
+    "common": {
+        "backward": "به عقب",
+        "increase": "افزایش",
+        "rating": "امتیاز",
+        "bpm": "bpm",
+        "refresh": "تازه‌سازی",
+        "unknown": "ناشناخته",
+        "areYouSure": "مطمئنید؟",
+        "edit": "ویرایش",
+        "favorite": "موردعلاقه",
+        "left": "چپ",
+        "save": "ذخیره",
+        "right": "راست",
+        "currentSong": "فعلی $t(entity.track_one)",
+        "collapse": "بستن",
+        "trackNumber": "قطعه",
+        "descending": "نزولی",
+        "add": "افزودن",
+        "gap": "فاصله",
+        "ascending": "صعودی",
+        "dismiss": "رد",
+        "year": "سال",
+        "manage": "مدیریت",
+        "limit": "محدود",
+        "minimize": "کمینه",
+        "modified": "ویراسته شده",
+        "duration": "مدت",
+        "name": "نام",
+        "maximize": "بیشینه",
+        "decrease": "کم کردن",
+        "ok": "باشه",
+        "description": "شرح",
+        "configure": "تنظیم",
+        "path": "مسیر",
+        "center": "وسط",
+        "no": "خیر",
+        "owner": "مالک",
+        "enable": "فعال",
+        "clear": "خالی",
+        "forward": "جلو",
+        "delete": "حذف",
+        "cancel": "لغو",
+        "forceRestartRequired": "برای اعمال تغییرها دوباره راه‌اندازی کنید… اعلان را برای راه‌اندازی دوباره ببندید",
+        "version": "نسخه",
+        "title": "عنوان",
+        "filter_one": "فیلتر",
+        "filter_other": "فیلتر",
+        "filters": "فیلتر",
+        "create": "ساختن",
+        "bitrate": "بیت‌ریت",
+        "saveAndReplace": "ذخیره و جایگزین",
+        "action_one": "عملیات",
+        "action_other": "عملیات",
+        "playerMustBePaused": "پخش‌کننده باید متوقف شود",
+        "confirm": "تایید",
+        "resetToDefault": "بازنشانی به پیش‌فرض",
+        "home": "خانه",
+        "comingSoon": "به زودی…",
+        "reset": "بازنشانی",
+        "channel_one": "کانال",
+        "channel_other": "کانال",
+        "disable": "غیرفعال",
+        "sortOrder": "ترتیب",
+        "none": "هیچ",
+        "menu": "منو",
+        "restartRequired": "راه‌اندازی دوباره لازم است",
+        "previousSong": "$t(entity.track_one) پیشین",
+        "noResultsFromQuery": "جست و جو نتیجه‌ای نداشت",
+        "quit": "خروج",
+        "expand": "گسترش",
+        "search": "جست و جو",
+        "saveAs": "ذخیره کن با اسم",
+        "disc": "دیسک",
+        "yes": "بله",
+        "random": "تصادفی",
+        "size": "حجم",
+        "biography": "زندگی‌نامه",
+        "note": "توجه"
+    },
+    "error": {
+        "remotePortWarning": "برای تعیین port تازه، سرویس دهنده را دوباره راه‌اندازی کنید",
+        "playbackError": "هنگام پخش خطایی رخ داد",
+        "remotePortError": "هنگام تعیین port سرویس دهنده خطایی رخ داد",
+        "serverRequired": "سرویس‌دهنده ضروری است",
+        "authenticationFailed": "احراز هویت شکست خورد",
+        "apiRouteError": "درخواست منتقل نشد",
+        "genericError": "خطایی رخ داد",
+        "credentialsRequired": "باید وارد شوید",
+        "sessionExpiredError": "جلسه شما منقضی شده است",
+        "remoteEnableError": "هنگام $t(common.enable) سرویس دهنده خطای رخ داد",
+        "serverNotSelectedError": "سرویس‌دهنده‌ای انتخاب نشده",
+        "remoteDisableError": "هنگام $t(common.disable) سرویس دهنده خطایی رخ داد",
+        "mpvRequired": "وجود MPV ضروری است",
+        "audioDeviceFetchError": "هنگام دسترسی به دستگاه صوتی خطایی رخ داد"
+    },
+    "filter": {
+        "mostPlayed": "بیشتر پخش شده",
+        "comment": "نظر",
+        "playCount": "تعداد پخش",
+        "recentlyUpdated": "به تازگی به روز شده",
+        "channels": "$t(common.channel_other)",
+        "recentlyPlayed": "به تازگی پخش شده",
+        "isRated": "امتیاز داده شده است",
+        "owner": "$t(common.owner)",
+        "title": "عنوان",
+        "rating": "امتیاز",
+        "search": "جست و جو",
+        "bitrate": "بیت‌ریت",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "به تازگی اضافه شده",
+        "note": "توجه",
+        "name": "نام",
+        "dateAdded": "تاریخ اضافه شدن",
+        "releaseDate": "تاریخ انتشار",
+        "albumCount": "$t(entity.album_other) عدد",
+        "path": "مسیر",
+        "favorited": "موردعلاقه",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "به تازگی پخش شده است",
+        "isFavorited": "موردعلاقه است",
+        "bpm": "bpm",
+        "releaseYear": "سال انتشار",
+        "id": "id",
+        "disc": "دیسک",
+        "biography": "زندگی‌نامه",
+        "songCount": "تعداد ترانه",
+        "artist": "$t(entity.artist_one)",
+        "duration": "مدت",
+        "isPublic": "عمومی است",
+        "random": "تصادفی",
+        "lastPlayed": "به تازگی پخش شده",
+        "toYear": "تا سال",
+        "fromYear": "از سال",
+        "criticRating": "امتیاز منتقدین",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "قطعه"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "حذف $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) حذف شد",
+            "input_confirm": "برای تایید، نام $t(entity.playlist_one) را وارد کنید"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "ساخت $t(entity.playlist_one)",
+            "input_public": "عمومی",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) ساخته شد",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "افزودن سرویس دهنده",
+            "input_username": "نام کاربری",
+            "input_url": "نشانی",
+            "input_password": "رمز عبور",
+            "input_name": "نام سرویس‌دهنده",
+            "success": "سرویس‌دهنده اضافه شد",
+            "input_savePassword": "ذخیرهٔ رمز",
+            "error_savePassword": "هنگام ذخیره رمز خطایی رخ داد"
+        },
+        "addToPlaylist": {
+            "success": "$t(entity.song_other) به {{numOfPlaylists}}$t(entity.playlist_other) اضافه شد",
+            "title": "افزودن به $t(entity.playlist_one)",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)"
+        },
+        "editPlaylist": {
+            "title": "ویرایش $t(entity.playlist_one)"
+        }
+    },
+    "entity": {
+        "genre_one": "ژانر",
+        "genre_other": "ژانر",
+        "playlistWithCount_one": "{{count}} فهرست پخش",
+        "playlistWithCount_other": "{{count}} فهرست پخش",
+        "playlist_one": "فهرست پخش",
+        "playlist_other": "فهرست پخش",
+        "artist_one": "هنرمند",
+        "artist_other": "هنرمند",
+        "folderWithCount_one": "{{count}} پوشه",
+        "folderWithCount_other": "{{count}} پوشه",
+        "albumArtist_one": "هنرمند آلبوم",
+        "albumArtist_other": "هنرمند آلبوم",
+        "track_one": "قطعه",
+        "track_other": "قطعه",
+        "albumArtistCount_one": "{{count}} هنرمند آلبوم",
+        "albumArtistCount_other": "{{count}} هنرمند آلبوم",
+        "albumWithCount_one": "{{count}} آلبوم",
+        "albumWithCount_other": "{{count}} آلبوم",
+        "favorite_one": "موردعلاقه",
+        "favorite_other": "موردعلاقه",
+        "artistWithCount_one": "{{count}} هنرمند",
+        "artistWithCount_other": "{{count}} هنرمند",
+        "folder_one": "پوشه",
+        "folder_other": "پوشه",
+        "smartPlaylist": "$t(entity.playlist_one) هوشمند",
+        "album_one": "آلبوم",
+        "album_other": "آلبوم",
+        "genreWithCount_one": "{{count}} ژانر",
+        "genreWithCount_other": "{{count}} ژانر",
+        "trackWithCount_one": "{{count}} قطعه",
+        "trackWithCount_other": "{{count}} قطعه"
+    }
+}

src/i18n/locales/fi.json

@@ -0,0 +1,144 @@
+{
+    "common": {
+        "size": "koko",
+        "search": "etsi",
+        "sortOrder": "järjestys",
+        "setting": "asetus",
+        "title": "otsikko",
+        "trackNumber": "raita",
+        "action_one": "toiminto",
+        "action_other": "toiminnot",
+        "add": "lisää",
+        "areYouSure": "oletko varma?",
+        "ascending": "nouseva",
+        "backward": "takaperin",
+        "bitrate": "bittinopeus",
+        "channel_one": "kanava",
+        "channel_other": "kanavat",
+        "collapse": "luhista",
+        "comingSoon": "tulossa pian…",
+        "configure": "konfiguroi",
+        "confirm": "hyväksy",
+        "disable": "poista käytöstä",
+        "disc": "levy",
+        "dismiss": "hylkää",
+        "favorite": "suosikki",
+        "filter_one": "suodatin",
+        "filter_other": "suodatinta",
+        "filters": "suodattimet",
+        "forceRestartRequired": "käynnistä uudelleen ottaaksesi muutokset käyttöön… sulje ilmoitus käynnistääksesi uudelleen",
+        "gap": "väli",
+        "home": "koti",
+        "left": "vasen",
+        "limit": "raja",
+        "manage": "hallitse",
+        "menu": "valikko",
+        "minimize": "minimoi",
+        "modified": "muokattu",
+        "name": "nimi",
+        "no": "ei",
+        "none": "ei mitään",
+        "noResultsFromQuery": "kysely palautti ei tuloksia",
+        "note": "huomautus",
+        "ok": "ok",
+        "owner": "omistaja",
+        "path": "reitti",
+        "preview": "esikatsele",
+        "previousSong": "edellinen $t(entity.track_one)",
+        "resetToDefault": "palauta oletusarvoihin",
+        "restartRequired": "uudelleen käynnistys vaaditaan",
+        "right": "oikea",
+        "save": "tallenna",
+        "saveAndReplace": "tallenna ja korvaa",
+        "saveAs": "tallenna nimellä",
+        "unknown": "tuntematon",
+        "version": "versio",
+        "year": "vuosi",
+        "yes": "kyllä",
+        "close": "sulje",
+        "descending": "laskeva",
+        "biography": "elämänkerta",
+        "cancel": "peruuta",
+        "bpm": "bpm",
+        "decrease": "pienennä",
+        "center": "keskitä",
+        "clear": "tyhjennä",
+        "codec": "koodekki",
+        "create": "luo",
+        "description": "kuvaus",
+        "currentSong": "nykyinen $t(entity.track_one)",
+        "delete": "poista",
+        "duration": "kesto",
+        "edit": "muokkaa",
+        "enable": "ota käyttöön",
+        "expand": "laajenna",
+        "increase": "lisää",
+        "forward": "eteenpäin",
+        "maximize": "maksimoi",
+        "mbid": "MusicBrainz ID",
+        "share": "jaa",
+        "random": "satunnainen",
+        "reload": "lataa uudelleen",
+        "quit": "poistu",
+        "rating": "arvostelu",
+        "refresh": "virkistä",
+        "reset": "nollaa",
+        "playerMustBePaused": "soitin täytyy olla pysäytetty"
+    },
+    "entity": {
+        "album_one": "albumi",
+        "album_other": "albumia",
+        "albumArtist_one": "albumi artisti",
+        "albumArtist_other": "albumi artistia",
+        "artistWithCount_one": "{{count}} artisti",
+        "artistWithCount_other": "{{count}} artistia",
+        "playlist_one": "soittolista",
+        "playlist_other": "soittolistaa",
+        "playlistWithCount_one": "{{count}} soittolista",
+        "playlistWithCount_other": "{{count}} soittolistaa",
+        "albumArtistCount_one": "{{count}} albumi artisti",
+        "albumArtistCount_other": "{{count}} albumi artistia",
+        "albumWithCount_one": "{{count}} albumi",
+        "albumWithCount_other": "{{count}} albumia",
+        "artist_one": "artisti",
+        "artist_other": "artistia",
+        "favorite_one": "suosikki",
+        "favorite_other": "suosikkia",
+        "folder_one": "kansio",
+        "folder_other": "kansiota",
+        "folderWithCount_one": "{{count}} kansio",
+        "folderWithCount_other": "{{count}} kansiota",
+        "genre_one": "genre",
+        "genre_other": "genreä",
+        "genreWithCount_one": "{{count}} genre",
+        "genreWithCount_other": "{{count}} genreä",
+        "smartPlaylist": "älykäs $t(entity.playlist_one)",
+        "track_one": "raita",
+        "track_other": "raitaa",
+        "trackWithCount_one": "{{count}} raita",
+        "trackWithCount_other": "{{count}} raitaa"
+    },
+    "action": {
+        "clearQueue": "tyhjennä jono",
+        "createPlaylist": "luo $t(entity.playlist_one)",
+        "deselectAll": "poista valinta kaikista",
+        "editPlaylist": "muokkaa $t(entity.playlist_one)",
+        "removeFromQueue": "poista jonosta",
+        "viewPlaylists": "katsele $t(entity.playlist_other)",
+        "openIn": {
+            "lastfm": "Avaa Last.fm:ssä",
+            "musicbrainz": "Avaa MusicBrainz:ssä"
+        },
+        "goToPage": "mene sivulle",
+        "moveToBottom": "siirry pohjalle",
+        "moveToTop": "siirry ylös",
+        "addToFavorites": "lisää $t(entity.favorite_other)",
+        "addToPlaylist": "lisää $t(entity.playlist_one)",
+        "refresh": "$t(common.refresh)",
+        "removeFromFavorites": "poista kohteesta $t(entity.favorite_other)",
+        "toggleSmartPlaylistEditor": "kytke $t(entity.smartPlaylist) editori",
+        "deletePlaylist": "poista $t(entity.playlist_one)",
+        "removeFromPlaylist": "poista kohteesta $t(entity.playlist_one)",
+        "setRating": "aseta arvostelu"
+    }
+}

src/i18n/locales/fr.json

@@ -11,7 +11,7 @@
         "skip_back": "reculer",
         "favorite": "favori",
         "next": "suivant",
-        "shuffle": "aléatoire",
+        "shuffle": "lecture aléatoire",
         "playbackFetchNoResults": "aucune chansons trouvées",
         "playbackFetchInProgress": "chargement des chansons…",
         "addNext": "ajouter ensuite",
@@ -28,13 +28,15 @@
         "mute": "muet",
         "skip_forward": "avancer",
         "pause": "pause",
-        "unfavorite": "dé-favori"
+        "unfavorite": "retirer des favoris",
+        "playSimilarSongs": "jouer des chansons similaires",
+        "viewQueue": "voir la file d'attente"
     },
     "action": {
         "editPlaylist": "éditer $t(entity.playlist_one)",
         "goToPage": "aller à la page",
         "moveToTop": "déplacer en haut",
-        "clearQueue": "effacer la liste de lecture",
+        "clearQueue": "vider la file d'attente",
         "addToFavorites": "ajouter aux $t(entity.favorite_other)",
         "addToPlaylist": "ajouter à $t(entity.playlist_one)",
         "createPlaylist": "créer $t(entity.playlist_one)",
@@ -47,20 +49,24 @@
         "moveToBottom": "déplacer en bas",
         "setRating": "noter",
         "toggleSmartPlaylistEditor": "basculer l'éditeur de $t(entity.smartPlaylist)",
-        "removeFromFavorites": "retirer des $t(entity.favorite_other)"
+        "removeFromFavorites": "retirer des $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Ouvrir dans Last.fm",
+            "musicbrainz": "Ouvrir dans MusicBrainz"
+        }
     },
     "common": {
-        "backward": "reculer",
+        "backward": "en arrière",
         "increase": "augmenter",
         "rating": "note",
         "bpm": "bpm",
         "refresh": "rafraichir",
         "unknown": "inconnu",
-        "areYouSure": "êtes vous sûr ?",
+        "areYouSure": "êtes-vous sûr ?",
         "edit": "éditer",
         "favorite": "favoris",
         "left": "gauche",
-        "save": "sauvegarder",
+        "save": "enregistrer",
         "right": "droite",
         "currentSong": "$t(entity.track_one) actuelle",
         "collapse": "réduire",
@@ -87,7 +93,7 @@
         "no": "non",
         "owner": "propriétaire",
         "enable": "activer",
-        "clear": "effacer",
+        "clear": "vider",
         "forward": "avancer",
         "delete": "supprimer",
         "cancel": "annuler",
@@ -101,7 +107,7 @@
         "filters": "filtres",
         "create": "créer",
         "bitrate": "bitrate",
-        "saveAndReplace": "sauvegarder et remplacer",
+        "saveAndReplace": "enregistrer et remplacer",
         "action_one": "action",
         "action_many": "actions",
         "action_other": "actions",
@@ -119,43 +125,57 @@
         "none": "aucun",
         "menu": "menu",
         "restartRequired": "redémarrage requis",
-        "previousSong": "précédant $t(entity.track_one)",
+        "previousSong": "$t(entity.track_one) précédente",
         "noResultsFromQuery": "la requête n'a retourné aucun résultat",
         "quit": "quitter",
         "expand": "étendre",
         "search": "recherche",
-        "saveAs": "sauvegarder en tant que",
+        "saveAs": "enregistrer en tant que",
         "disc": "disque",
         "yes": "oui",
         "random": "aléatoire",
         "size": "taille",
         "biography": "biographie",
-        "note": "note"
+        "note": "note",
+        "albumGain": "gain de l'album",
+        "albumPeak": "crête de l'album",
+        "close": "fermer",
+        "mbid": "Identifiants MusicBrainz",
+        "preview": "aperçu",
+        "share": "partager",
+        "reload": "recharger",
+        "trackGain": "gain de la piste",
+        "trackPeak": "crête de la piste",
+        "codec": "codec",
+        "translation": "traduction"
     },
     "error": {
         "remotePortWarning": "redémarrer le serveur pour appliquer le nouveau port",
         "systemFontError": "une erreur s’est produite lors de la tentative d’obtenir les polices système",
         "playbackError": "une erreur s'est produite lors de la tentative de lecture du média",
-        "endpointNotImplementedError": "endpoint {{endpoint}} n'est pas implémenté pour {{serverType}}",
+        "endpointNotImplementedError": "l'endpoint {{endpoint}} n'est pas implémenté pour {{serverType}}",
         "remotePortError": "une erreur s'est produite lors de la tentative de définir le port du serveur distant",
         "serverRequired": "serveur requis",
-        "authenticationFailed": "l'authentification à échoué",
+        "authenticationFailed": "l'authentification a échoué",
         "apiRouteError": "incapable d’acheminer la demande",
         "genericError": "une erreur s'est produite",
         "credentialsRequired": "identifiants requis",
         "sessionExpiredError": "votre session a expiré",
         "remoteEnableError": "une erreur s'est produite lors de la tentative de $t(common.enable) le serveur distant",
         "localFontAccessDenied": "accès refusé aux polices locales",
-        "serverNotSelectedError": "aucun serveur sélectionner",
+        "serverNotSelectedError": "aucun serveur sélectionné",
         "remoteDisableError": "une erreur s'est produite lors de la tentative de $t(common.disable) le serveur distant",
         "mpvRequired": "MPV requis",
         "audioDeviceFetchError": "une erreur s’est produite lors de la tentative d’obtenir les périphériques audio",
         "invalidServer": "serveur invalide",
-        "loginRateError": "trop de tentative de connexion, merci d'essayer dans quelque secondes"
+        "loginRateError": "trop de tentative de connexion, merci de réessayer dans quelques secondes",
+        "openError": "impossible d'ouvrir le fichier",
+        "networkError": "une erreur de réseau est survenue",
+        "badAlbum": "vous voyez cette page parce que cette chanson ne fait pas parti d'un album. vous rencontrez probablement cette erreur si vous avez une chanson qui n'est pas dans votre répertoire de musique. jellyfin gère les chansons uniquement si elles sont dans un sous-dossier, qui est lui-même dans un dossier \"Musique(s)\"."
     },
     "filter": {
         "mostPlayed": "plus joués",
-        "playCount": "nombre d'écoutes",
+        "playCount": "nombre d'écoute",
         "isCompilation": "est une compilation",
         "recentlyPlayed": "récemment joué",
         "isRated": "est noté",
@@ -172,7 +192,7 @@
         "path": "chemin",
         "favorited": "favoris",
         "isRecentlyPlayed": "est récemment joué",
-        "isFavorited": "est favoris",
+        "isFavorited": "est favori",
         "bpm": "bpm",
         "releaseYear": "année de sortie",
         "disc": "disque",
@@ -180,7 +200,7 @@
         "songCount": "nombre de chansons",
         "duration": "durée",
         "random": "aléatoire",
-        "lastPlayed": "dernière joué",
+        "lastPlayed": "dernier joué",
         "toYear": "à l'année",
         "fromYear": "depuis l'année",
         "criticRating": "note des critiques",
@@ -209,7 +229,8 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "partagé $t(entity.playlist_other)"
         },
         "fullscreenPlayer": {
             "config": {
@@ -221,13 +242,18 @@
                 "unsynchronized": "désynchronisé",
                 "lyricAlignment": "alignement des paroles",
                 "useImageAspectRatio": "utiliser le ratio de l'image",
-                "opacity": "opacitée",
+                "opacity": "opacité",
                 "lyricSize": "Taille des paroles",
-                "lyricGap": "espacement des lettres"
+                "lyricGap": "espacement des lettres",
+                "dynamicIsImage": "activer l'image d'arrière-plan",
+                "dynamicImageBlur": "intensité de flou sur image d'arrière-plan",
+                "lyricOffset": "paroles décalées (ms)"
             },
             "upNext": "à suivre",
             "lyrics": "paroles",
-            "related": "similaire"
+            "related": "similaire",
+            "visualizer": "visualisateur",
+            "noLyrics": "aucune parole trouvée"
         },
         "appMenu": {
             "selectServer": "sélectionner le serveur",
@@ -250,13 +276,15 @@
         },
         "albumDetail": {
             "moreFromArtist": "plus de $t(entity.artist_one)",
-            "moreFromGeneric": "plus de {{item}}"
+            "moreFromGeneric": "plus de {{item}}",
+            "released": "publié"
         },
         "setting": {
-            "generalTab": "générale",
-            "hotkeysTab": "raccourci",
+            "generalTab": "général",
+            "hotkeysTab": "raccourcis",
             "windowTab": "fenêtre",
-            "playbackTab": "lecteur"
+            "playbackTab": "lecteur",
+            "advanced": "avancé"
         },
         "globalSearch": {
             "commands": {
@@ -282,22 +310,60 @@
             "addLast": "$t(player.addLast)",
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "shareItem": "partager un élément",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "showDetails": "obtenir des informations",
+            "download": "télécharger",
+            "playShuffled": "$t(player.shuffle)"
         },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "afficher $t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "afficher $t(entity.genre_one) $t(entity.track_other)"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "artistTracks": "pistes par {{artist}}",
+            "genreTracks": "'{{genre}}' $t(entity.track_other)"
         },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "albums par {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
+        },
+        "albumArtistDetail": {
+            "about": "À propos de {{artist}}",
+            "appearsOn": "apparaît sur",
+            "topSongsFrom": "meilleures chansons de {{title}}",
+            "viewAll": "voir tout",
+            "viewAllTracks": "voir tout $t(entity.track_other)",
+            "recentReleases": "sorties récentes",
+            "viewDiscography": "voir la discographie",
+            "relatedArtists": "en rapport avec $t(entity.artist_other)",
+            "topSongs": "meilleures chansons"
+        },
+        "itemDetail": {
+            "copyPath": "copier le chemin dans le presse-papiers",
+            "openFile": "afficher la piste dans le gestionnaire de fichiers",
+            "copiedPath": "chemin copié avec succès"
+        },
+        "playlist": {
+            "reorder": "le tri n'est possible que lorsque l'on trie par identifiant"
+        },
+        "manageServers": {
+            "serverDetails": "détails du serveur",
+            "removeServer": "supprimer le serveur",
+            "url": "URL du serveur",
+            "title": "gérer les serveurs",
+            "username": "nom d'utilisateur",
+            "editServerDetailsTooltip": "modifier les détails du serveur"
         }
     },
     "setting": {
@@ -320,7 +386,6 @@
         "remotePort_description": "définit le port du serveur de contrôle à distance",
         "hotkey_skipBackward": "reculer",
         "hotkey_playbackPause": "pause",
-        "mpvExecutablePath_help": "line par line",
         "hotkey_volumeUp": "monter le volume",
         "discordIdleStatus_description": "quand activé, mettre à jour le status pendant que le lecteur est inactif",
         "showSkipButtons": "affiche les boutons suivants et précédents",
@@ -329,10 +394,10 @@
         "scrobble": "scrobble",
         "enableRemote_description": "activer le serveur de contrôle à distance, qui permet à d'autres appareils de contrôler l'application",
         "fontType_optionSystem": "police système",
-        "mpvExecutablePath_description": "définit le chemin vers l'exécutable mpv",
+        "mpvExecutablePath_description": "définit le chemin vers l'exécutable mpv, si vide, le chemin par défaut sera utilisé",
         "hotkey_favoriteCurrentSong": "favori $t(common.currentSong)",
         "sampleRate": "taux d'échantillonnage",
-        "sampleRate_description": "sélectionnez le taux d'échantillonnage de sortie utilisé si la fréquence d'échantillonnage sélectionnée est différente de celle du média actuel",
+        "sampleRate_description": "sélectionne le taux d'échantillonnage de sortie utilisé si la fréquence d'échantillonnage sélectionnée est différente de celle du média actuel. une valeur inférieure à 8000 utilisera la fréquence par défaut",
         "hotkey_zoomIn": "zoom avant",
         "scrobble_description": "scrobble les lectures à votre serveur multimédia",
         "hotkey_browserForward": "avancer",
@@ -360,7 +425,7 @@
         "fontType_optionCustom": "police personnalisée",
         "remotePassword": "mot de passe du serveur de contrôle à distance",
         "lyricFetchProvider": "fournisseur depuis lequel récupérer les paroles",
-        "language_description": "définit la langue de l'application $t(common.restartRequired)",
+        "language_description": "définit la langue de l'application ($t(common.restartRequired))",
         "playbackStyle_optionCrossFade": "fondu enchaîné",
         "hotkey_rate3": "noter 3 étoiles",
         "font": "police",
@@ -372,7 +437,7 @@
         "hotkey_rate5": "noter 5 étoiles",
         "hotkey_playbackPrevious": "piste précédente",
         "showSkipButtons_description": "affiche ou cache les boutons suivants et précédents de la barre de lecture",
-        "language": "language",
+        "language": "langage",
         "playbackStyle": "style de lecture",
         "hotkey_toggleShuffle": "basculer la lecture aléatoire",
         "playbackStyle_description": "sélectionnez le style de lecture à utiliser pour le lecteur audio",
@@ -400,7 +465,7 @@
         "lyricFetchProvider_description": "sélectionnez le fournisseur auprès desquels récupérer les paroles. l'ordre des fournisseurs et l'ordre dans lequel ils seront interrogés",
         "globalMediaHotkeys_description": "active ou désactive l'utilisation des raccourcis clavier multimédia système pour contrôler la lecture",
         "followLyric": "suivre les paroles actuelles",
-        "discordIdleStatus": "afficher l'état d'inactivité dans le status de l'activité",
+        "discordIdleStatus": "afficher l'état d'inactivité dans le statut de l'activité",
         "hotkey_zoomOut": "zoom arrière",
         "hotkey_unfavoriteCurrentSong": "retirer des favoris la $t(common.currentSong)",
         "hotkey_rate0": "supprimer la note",
@@ -417,7 +482,7 @@
         "savePlayQueue_description": "sauvegarde la liste de lecture quand l'application est fermée et la restaure quand l'application est ouverte",
         "sidebarCollapsedNavigation_description": "affiche ou cache la navigation dans la barre latérale réduite",
         "sidebarConfiguration": "configuration de la barre latérale",
-        "sidebarConfiguration_description": "sélectionnez les items et l'ordre dans lesquels ils seront affichaient dans la barre latérale",
+        "sidebarConfiguration_description": "sélectionnez les éléments et l'ordre dans lequel ils seront affichés dans la barre latérale",
         "sidebarPlaylistList": "liste de playlist de la barre latérale",
         "sidebarCollapsedNavigation": "navigation de la barre latéral (réduite)",
         "skipDuration": "durée de l'avance rapide",
@@ -435,13 +500,13 @@
         "themeLight_description": "définit le thème clair à utiliser pour l'application",
         "zoom_description": "définit le pourcentage de zoom de l'application",
         "theme": "thème",
-        "skipPlaylistPage_description": "lors de la navigation dans une playlist, aller directement vers le liste des morceaux, au lieu de la page par défaut",
+        "skipPlaylistPage_description": "lors de la navigation dans une playlist, aller directement vers la liste des morceaux, au lieu de la page par défaut",
         "volumeWheelStep": "valeur du pas de volume",
         "windowBarStyle": "style de la barre de la fenêtre",
-        "useSystemTheme_description": "suivre les préférence du système (sombre ou clair)",
+        "useSystemTheme_description": "suivre les préférences du système (mode clair ou sombre)",
         "skipPlaylistPage": "sauter la page de playlist",
         "themeDark": "thème (sombre)",
-        "windowBarStyle_description": "sélectionner le style de la barre de la fenêtre",
+        "windowBarStyle_description": "ajuster le style de la barre de la fenêtre",
         "useSystemTheme": "utiliser le thème du système",
         "discordApplicationId_description": "l'identifiant de l'application pour le statut d'activité {{discord}} (par défaut à {{defaultId}})",
         "audioExclusiveMode": "mode de sortie audio exclusif",
@@ -456,12 +521,75 @@
         "playButtonBehavior_optionAddNext": "$t(player.addNext)",
         "replayGainMode_description": "ajuste le gain de volume accordement à la valeur de {{ReplayGain}} sauvegardé dans les métadonnées du fichier",
         "replayGainFallback": "{{ReplayGain}} fallback",
-        "replayGainClipping_description": "Préviens le clipping causé par {{ReplayGain}} en baissant automatiquement le gain",
+        "replayGainClipping_description": "Prévient le clipping causé par {{ReplayGain}} en baissant automatiquement le gain",
         "replayGainPreamp": "préamplificateur (dB) de {{ReplayGain}}",
         "replayGainClipping": "{{ReplayGain}} clipping",
         "replayGainMode": "mode de {{ReplayGain}}",
         "replayGainFallback_description": "gain en dB à appliquer si le fichier n'a pas de tag {{ReplayGain}}",
-        "replayGainPreamp_description": "ajuste le gain de préampli appliqué a la valeur de {{ReplayGain}}"
+        "replayGainPreamp_description": "ajuste le gain de préampli appliqué a la valeur de {{ReplayGain}}",
+        "clearQueryCache": "vide le cache de feishin",
+        "clearCache": "vider le cache navigateur",
+        "buttonSize_description": "la taille des boutons de la barre de lecture",
+        "clearQueryCache_description": "un 'soft clear' de feishin. cela actualisera les playlists, les métadonnées des pistes, et réinitialisera les paroles enregistrées. les paramètres, identifiants serveurs et les images mises en cache sont conservés",
+        "clearCache_description": "un 'hard clear' de feishin. en plus de vider le cache de feishin, vide le cache du navigateur (images sauvegardées et autres ressources). les identifiants serveurs et paramètres sont conservés",
+        "buttonSize": "taille des boutons du lecteur",
+        "clearCacheSuccess": "le cache a été vidé",
+        "externalLinks_description": "activer l'affichage de liens externes (Last.fm, MusicBrainz) sur la page de l'artiste/album",
+        "genreBehavior": "comportement par défaut de la page des genres",
+        "startMinimized_description": "démarrer l'application dans la barre des tâches",
+        "externalLinks": "afficher les liens externes",
+        "homeConfiguration": "configuration de la page d'accueil",
+        "homeFeature": "carrousel de la page d'accueil",
+        "homeFeature_description": "active ou désactive le carrousel sur la page d'accueil",
+        "imageAspectRatio": "utiliser le rapport hauteur/largeur natif de la pochette",
+        "imageAspectRatio_description": "si cette option est activée, les pochettes seront affichées en utilisant leur rapport hauteur/largeur natif. pour les pochettes qui n'ont pas un rapport 1:1 (carré), l'espace restant sera vide",
+        "mpvExtraParameters_help": "un par ligne",
+        "passwordStore_description": "quel mot de passe utiliser. changez cela si vous rencontrez des problèmes pour stocker les mots de passe.",
+        "playerAlbumArtResolution": "résolution de la pochette de l'album du lecteur",
+        "passwordStore": "mots de passe",
+        "playerAlbumArtResolution_description": "la résolution pour l'aperçu de la pochette d'album agrandie du lecteur. plus grand le rend plus net, mais peut ralentir le chargement. la valeur par défaut est 0 (automatique)",
+        "homeConfiguration_description": "configurer quels éléments sont affichés sur la page d'accueil, et dans quel ordre",
+        "startMinimized": "démarrer l'application en mode réduit",
+        "genreBehavior_description": "détermine si cliquer sur un genre ouvre par défaut la liste des pistes ou des albums",
+        "transcode": "activer le transcodage",
+        "transcode_description": "permet le transcodage vers différents formats",
+        "transcodeBitrate_description": "sélectionne le débit du transcodage. 0 signifie que le serveur choisit",
+        "transcodeFormat_description": "sélectionne le format du transcodage. laisser vide pour laisser le serveur décider",
+        "volumeWidth": "largeur de la barre de volume",
+        "volumeWidth_description": "la largeur de la barre de volume",
+        "customCssEnable": "activer le css personnalisé",
+        "customCssEnable_description": "permet d'écrire du css personnalisé.",
+        "customCssNotice": "Attention : bien qu'il y ait un certain assainissement (blocage de url() et de content :), l'utilisation de CSS personnalisé peut toujours présenter des risques en modifiant l'interface.",
+        "customCss": "css personnalisé",
+        "webAudio": "utiliser l'audio web",
+        "transcodeBitrate": "débit binaire du transcodage",
+        "transcodeFormat": "format de transcodage",
+        "webAudio_description": "utiliser l'audio web. cela permet d'utiliser des fonctions avancées comme le replaygain. désactivez si vous rencontrez d'autres problèmes",
+        "artistConfiguration": "page de configuration de l'artiste de l'album",
+        "artistConfiguration_description": "configurer les éléments et l'ordre à afficher, sur la page de l'artiste de l'album",
+        "doubleClickBehavior": "mettre en file d'attente toutes les pistes recherchées lors d'un double clic",
+        "contextMenu": "configuration du menu contexte (clic droit)",
+        "contextMenu_description": "permet de masquer les éléments qui s'affichent dans le menu lorsque vous cliquez avec le bouton droit de la souris sur un élément. les éléments qui ne sont pas cochés seront masqués",
+        "albumBackground": "image d'arrière-plan de l'album",
+        "albumBackground_description": "ajoute une image d'arrière-plan pour les pages de l'album contenant les illustrations de l'album",
+        "albumBackgroundBlur_description": "ajuste le niveau de flou appliqué à l'image d'arrière-plan de l'album",
+        "playButtonBehavior_optionPlayShuffled": "$t(player.shuffle)",
+        "playerbarOpenDrawer": "basculement plein écran de la barre de lecteur",
+        "playerbarOpenDrawer_description": "permet de cliquer sur la barre du lecteur pour ouvrir le lecteur plein écran",
+        "translationApiProvider": "fournisseur d'api de traduction",
+        "discordListening": "afficher le statut d'écoute",
+        "discordListening_description": "afficher le statut comme étant en écoute au lieu de lecture",
+        "translationApiKey_description": "clé api à utiliser pour traduire les paroles (ne prend en charge que les points de terminaison de service globaux)",
+        "translationTargetLanguage": "traduction langue cible",
+        "trayEnabled": "montrer le plateau",
+        "translationApiProvider_description": "le fournisseur d'api à utiliser pour la traduction des paroles",
+        "customCss_description": "contenu css personnalisé. Remarque : le contenu et les URL distantes sont des propriétés non autorisées. Un aperçu de votre contenu est affiché ci-dessous. Des champs supplémentaires que vous n'avez pas définis sont présents en raison de la vérification.",
+        "translationApiKey": "clé api de traduction",
+        "translationTargetLanguage_description": "langue cible pour la traduction des paroles",
+        "transcodeNote": "prend effet après 1 (web) - 2 (mpv) chansons",
+        "trayEnabled_description": "afficher ou masquer l'icône et le menu de la barre d'état système. si désactivé, désactive également la réduction et la sortie vers la barre d'état système",
+        "doubleClickBehavior_description": "si vrai, toutes les pistes correspondantes dans une recherche de piste seront mises en file d'attente. sinon, seule celle sur laquelle vous avez cliqué sera mise en file d'attente",
+        "albumBackgroundBlur": "taille du flou de l'image d'arrière-plan de l'album"
     },
     "form": {
         "deletePlaylist": {
@@ -483,7 +611,7 @@
             "error_savePassword": "une erreur s’est produite lors de la tentative de sauvegarde du mot de passe"
         },
         "addToPlaylist": {
-            "success": "{{message}} $t(entity.song_other) ajouté à {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "$t(entity.trackWithCount, {\"count\": {{message}} }) ajouté à $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "ajouter à $t(entity.playlist_one)",
             "input_skipDuplicates": "sauter les doublons",
             "input_playlists": "$t(entity.playlist_other)"
@@ -505,12 +633,22 @@
             "input_optionMatchAny": "correspondre à n'importe quel"
         },
         "editPlaylist": {
-            "title": "modifier $t(entity.playlist_one)"
+            "title": "modifier $t(entity.playlist_one)",
+            "publicJellyfinNote": "Jellyfin n'indique pas si une playlist est publique ou non. Si vous souhaitez que cette playlist reste publique, veuillez sélectionner l'entrée suivante",
+            "success": "$t(entity.playlist_one) mis à jour avec succès"
         },
         "lyricSearch": {
             "title": "rechercher parole",
             "input_name": "$t(common.name)",
             "input_artist": "$t(entity.artist_one)"
+        },
+        "shareItem": {
+            "allowDownloading": "autoriser le téléchargement",
+            "description": "description",
+            "setExpiration": "définir une expiration",
+            "success": "lien de partage copié dans le presse-papier (ou cliquez ici pour ouvrir)",
+            "expireInvalid": "l'expiration doit être définie à une date ultérieure",
+            "createFailed": "échec de la création du lien de partage (le partage est-il activé ?)"
         }
     },
     "entity": {
@@ -559,7 +697,13 @@
         "genreWithCount_other": "{{count}} genres",
         "trackWithCount_one": "{{count}} piste",
         "trackWithCount_many": "{{count}} pistes",
-        "trackWithCount_other": "{{count}} pistes"
+        "trackWithCount_other": "{{count}} pistes",
+        "play_one": "{{count}} écouter",
+        "play_many": "{{count}} écoute",
+        "play_other": "{{count}} écoute",
+        "song_one": "chanson",
+        "song_many": "chansons",
+        "song_other": "chansons"
     },
     "table": {
         "config": {
@@ -568,7 +712,10 @@
                 "tableColumns": "colonnes de la liste",
                 "autoFitColumns": "colonnes à ajustement automatique",
                 "gap": "$t(common.gap)",
-                "size": "$t(common.size)"
+                "size": "$t(common.size)",
+                "itemGap": "écart entre les éléments (en pixel)",
+                "itemSize": "taille des élements (en pixel)",
+                "followCurrentSong": "suivre la chanson actuelle"
             },
             "view": {
                 "table": "liste",
@@ -601,7 +748,9 @@
                 "title": "$t(common.title)",
                 "size": "$t(common.size)",
                 "genre": "$t(entity.genre_one)",
-                "year": "$t(common.year)"
+                "year": "$t(common.year)",
+                "songCount": "$t(entity.track_other)",
+                "codec": "$t(common.codec)"
             }
         },
         "column": {
@@ -626,7 +775,9 @@
             "artist": "$t(entity.artist_one)",
             "genre": "$t(entity.genre_one)",
             "songCount": "$t(entity.track_other)",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
         }
     }
 }

src/i18n/locales/it.json

@@ -140,7 +140,6 @@
         "audioDevice_description": "seleziona il device audioda usare per la riproduzione (solo web player)",
         "theme_description": "imposta il tema da usare per l'applicazione",
         "hotkey_playbackPause": "pausa",
-        "mpvExecutablePath_help": "uno per linea",
         "hotkey_volumeUp": "alza volume",
         "skipDuration": "salta durata",
         "discordIdleStatus_description": "quando è attivo, aggiorna lo stato mentre il player è inattivo",
@@ -289,7 +288,12 @@
         "replayGainFallback_description": "gain in db da applicare se il file non possiede tag {{ReplayGain}}",
         "replayGainPreamp_description": "aggiusta la preamplificazione del gain applicato sui valori {{ReplayGain}}",
         "skipPlaylistPage": "Salta la pagina playlist",
-        "sidebarCollapsedNavigation": "navigazione con barra laterale (collassata)"
+        "sidebarCollapsedNavigation": "navigazione con barra laterale (collassata)",
+        "clearCache_description": "pulitura \"forzata\" di feishin. Oltre a pulire la cache di feishin, elimina la cache del browser(immagini salvate e altri elementi). credenziali e impostazioni del server saranno mantenute",
+        "clearQueryCache": "pulisci cache di feishin",
+        "buttonSize_description": "Dimensione bottoni nella barra di riproduzione",
+        "clearCache": "pulisci la cache del browser",
+        "clearQueryCache_description": "\"leggera\" pulizia di feishin. verranno aggiornate le playlist, metadata delle tracce e i testi salvati. impostazioni, credenziali del server e le immagini salvate saranno mantenute"
     },
     "error": {
         "remotePortWarning": "riavvia il server per applicare la nuova porta",
@@ -487,7 +491,7 @@
             "error_savePassword": "si è verificato un errore quando si è provato a salvare la password"
         },
         "addToPlaylist": {
-            "success": "aggiunto {{message}} $t(entity.song_other) a {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "aggiunto {{message}} $t(entity.track_other) a {{numOfPlaylists}} $t(entity.playlist_other)",
             "title": "aggiungi a $t(entity.playlist_one)",
             "input_skipDuplicates": "salta duplicati",
             "input_playlists": "$t(entity.playlist_other)"
@@ -573,7 +577,8 @@
             "albumArtist": "artista album",
             "path": "percorso",
             "discNumber": "disco",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)"
         }
     },
     "entity": {

src/i18n/locales/ja.json

@@ -41,7 +41,6 @@
         "hotkey_playbackPause": "一時停止",
         "replayGainFallback": "{{ReplayGain}} フォールバック",
         "sidebarCollapsedNavigation_description": "折りたたみサイドバーのナビゲーションを表示/非表示にします",
-        "mpvExecutablePath_help": "1行ごとに1アイテム",
         "hotkey_volumeUp": "音量を上げる",
         "skipDuration": "スキップの長さ",
         "discordIdleStatus_description": "プレイヤーがアイドル状態でもステータスを更新します",
@@ -354,7 +353,8 @@
             "albumArtist": "アルバムアーティスト",
             "path": "パス",
             "discNumber": "ディスク",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)"
         }
     },
     "error": {
@@ -553,7 +553,7 @@
             "error_savePassword": "パスワードを保存する際にエラーが発生しました"
         },
         "addToPlaylist": {
-            "success": "{{message}} $t(entity.song_other) を {{numOfPlaylists}} $t(entity.playlist_other) に追加しました",
+            "success": "{{message}} $t(entity.track_other) を {{numOfPlaylists}} $t(entity.playlist_other) に追加しました",
             "title": "$t(entity.playlist_one) に追加",
             "input_skipDuplicates": "重複をスキップ",
             "input_playlists": "$t(entity.playlist_other)"

src/i18n/locales/ko.json

@@ -0,0 +1,286 @@
+{
+    "action": {
+        "createPlaylist": "$t(entity.playlist_one) 생성",
+        "addToFavorites": "$t(entity.favorite_other)에 추가",
+        "addToPlaylist": "$t(entity.playlist_one)에 추가",
+        "clearQueue": "대기열 지우기",
+        "deletePlaylist": "$t(entity.playlist_one) 삭제",
+        "deselectAll": "모두 선택 해제",
+        "editPlaylist": "$t(entity.playlist_one) 편집",
+        "goToPage": "페이지 이동",
+        "moveToBottom": "맨 아래로 이동",
+        "moveToTop": "맨 위로 이동",
+        "moveToNext": "다음으로 이동",
+        "removeFromQueue": "대기열에서 제거",
+        "refresh": "$t(common.refresh)",
+        "removeFromFavorites": "$t(entity.favorite_other)에서 제거",
+        "removeFromPlaylist": "$t(entity.playlist_one)에서 제거",
+        "openIn": {
+            "musicbrainz": "MusicBrainz에서 보기",
+            "lastfm": "Last.fm에서 보기"
+        },
+        "viewPlaylists": "$t(entity.playlist_other) 보기",
+        "setRating": "평점 지정"
+    },
+    "common": {
+        "translation": "번역",
+        "resetToDefault": "기본 설정으로 되돌리기",
+        "right": "오른쪽",
+        "save": "저장",
+        "increase": "증가",
+        "version": "버전",
+        "year": "년",
+        "reset": "초기화",
+        "random": "랜덤",
+        "close": "닫기",
+        "codec": "코덱",
+        "create": "만들기",
+        "disc": "디스크",
+        "gap": "갭",
+        "left": "왼쪽",
+        "add": "추가",
+        "backward": "뒤로",
+        "saveAs": "(으)로 저장하기",
+        "search": "검색",
+        "setting": "설정",
+        "share": "공유",
+        "size": "크기",
+        "sortOrder": "순서",
+        "title": "곡명",
+        "trackNumber": "트랙번호",
+        "trackGain": "트랙 게인",
+        "trackPeak": "트랙 피크",
+        "unknown": "알 수 없음",
+        "cancel": "취소",
+        "clear": "지우기",
+        "collapse": "접기",
+        "comingSoon": "조만간…",
+        "configure": "설정",
+        "confirm": "확인",
+        "currentSong": "현재 $t(entity.track_one)",
+        "decrease": "감소",
+        "delete": "삭제",
+        "descending": "내림차순",
+        "description": "설명",
+        "disable": "비활성",
+        "edit": "편집",
+        "enable": "활성",
+        "expand": "확장",
+        "favorite": "즐겨찾기",
+        "forceRestartRequired": "변경 사항을 적용하려면 재실행 하세요... 알림을 닫으면 재실행합니다",
+        "forward": "앞으로",
+        "limit": "제한",
+        "manage": "관리하다",
+        "maximize": "최대화",
+        "menu": "메뉴",
+        "minimize": "최소화",
+        "modified": "수정된",
+        "name": "이름",
+        "path": "경로",
+        "playerMustBePaused": "플레이어가 일시정지 되어야 합니다",
+        "preview": "미리보기",
+        "previousSong": "이전곡 $t(entity.track_one)",
+        "quit": "종료",
+        "refresh": "새로고침",
+        "reload": "리로드",
+        "restartRequired": "반드시 재실행되어야 합니다",
+        "saveAndReplace": "저장하고 변경하기",
+        "yes": "네",
+        "ascending": "오름차순",
+        "areYouSure": "확실한가요?",
+        "bitrate": "비트 전송률",
+        "bpm": "bpm",
+        "biography": "바이오그래피",
+        "center": "중앙",
+        "channel_other": "채널",
+        "filter_other": "필터",
+        "mbid": "MusicBrainz ID",
+        "dismiss": "닫기",
+        "duration": "길이",
+        "home": "홈",
+        "no": "아니오",
+        "none": "없음",
+        "rating": "평점"
+    },
+    "entity": {
+        "albumWithCount_other": "{{count}} 앨범",
+        "artist_other": "아티스트",
+        "artistWithCount_other": "{{count}} 아티스트",
+        "favorite_other": "즐겨찾기",
+        "folder_other": "폴더",
+        "genre_other": "장르",
+        "genreWithCount_other": "{{count}} 장르",
+        "playlist_other": "플레이리스트",
+        "album_other": "앨범",
+        "albumArtist_other": "앨범 아티스트",
+        "albumArtistCount_other": "{{count}} 앨범 아티스트",
+        "folderWithCount_other": "{{count}} 폴더",
+        "trackWithCount_other": "{{count}} 트랙",
+        "song_other": "곡",
+        "play_other": "{{count}} 재생",
+        "playlistWithCount_other": "{{count}} 재생목록",
+        "smartPlaylist": "스마트 $t(entity.playlist_one)",
+        "track_other": "트랙"
+    },
+    "error": {
+        "systemFontError": "시스템 폰트를 가져오는데 실패하였습니다",
+        "loginRateError": "너무 많은 로그인 시도하였습니다 잠시 후 다시 시도해 주세요",
+        "mpvRequired": "MPV 필요",
+        "openError": "파일을 열 수 없습니다",
+        "remoteDisableError": "원격 서버를 $t(common.disable) 하는데 실패하였습니다",
+        "playbackError": "미디어를 재생하는 도중에 에러가 발생하였습니다",
+        "remoteEnableError": "원격 서버를 $t(common.enable) 하는데 실패하였습니다",
+        "serverNotSelectedError": "선택된 서버가 없습니다",
+        "serverRequired": "서버가 필요합니다",
+        "sessionExpiredError": "세션이 만료되었습니다",
+        "networkError": "네트워크 에러가 발생하였습니다",
+        "remotePortError": "원격 서버의 포트 설정하는데 실패하였습니다",
+        "remotePortWarning": "새로 설정한 포트를 적용하기 위해 서버를 재실행 해 주세요",
+        "audioDeviceFetchError": "오디오 장치를 불러올 수 없습니다",
+        "authenticationFailed": "인증 실패",
+        "badAlbum": "이 곡은 앨범의 일부가 아니기 때문에 표시되는 것입니다. 음악 폴더의 최상위에 곡이 있는 경우 이런 문제가 발생할 가능성이 높습니다. Jellyfin은 폴더 내 그룹만 추적합니다.",
+        "credentialsRequired": "인증서가 필요함",
+        "endpointNotImplementedError": "엔드포인트 {{endpoint}} 는 {{serverType}} 에 대해 구현되지 않았습니다",
+        "genericError": "에러가 발생했습니다",
+        "invalidServer": "잘못된 서버",
+        "localFontAccessDenied": "로컬 글꼴에 접근 거부되었습니다"
+    },
+    "filter": {
+        "title": "곡명",
+        "isRecentlyPlayed": "최근에 재생한",
+        "name": "이름",
+        "path": "경로",
+        "playCount": "재생 횟수",
+        "random": "무작위",
+        "recentlyAdded": "최근에 추가된",
+        "releaseDate": "발매일",
+        "recentlyPlayed": "최근에 재생된",
+        "recentlyUpdated": "최근에 업데이트된",
+        "search": "검색",
+        "dateAdded": "추가된 날짜",
+        "lastPlayed": "마지막으로 재생한",
+        "mostPlayed": "가장 많이 재생한",
+        "album": "$t(entity.album_one)",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "artist": "$t(entity.artist_one)",
+        "communityRating": "커뮤니티 평점",
+        "criticRating": "비평가 평점",
+        "disc": "디스크",
+        "bitrate": "비트 전송률",
+        "biography": "바이오그래피",
+        "channels": "$t(common.channel_other)",
+        "duration": "길이",
+        "bpm": "bpm"
+    },
+    "form": {
+        "addServer": {
+            "title": "서버 추가하기",
+            "success": "서버 추가하였습니다",
+            "input_name": "서버 이름",
+            "input_password": "비밀번호",
+            "input_savePassword": "비밀번호 저장하기",
+            "input_url": "url",
+            "error_savePassword": "비밀번호를 저장하는 도중 오류가 발생했습니다",
+            "ignoreCors": "CORS 무시 ($t(common.restartRequired))",
+            "ignoreSsl": "SSL 무시 ($t(common.restartRequired))",
+            "input_legacyAuthentication": "레거시 인증 사용",
+            "input_username": "유저 이름"
+        },
+        "addToPlaylist": {
+            "input_skipDuplicates": "중복 건너뛰기",
+            "title": "$t(entity.playlist_one) 에 추가",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "lyricSearch": {
+            "title": "가사 검색",
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "모두 일치",
+            "input_optionMatchAny": "무엇이든 일치"
+        },
+        "editPlaylist": {
+            "title": "$t(entity.playlist_one) 편집",
+            "publicJellyfinNote": "Jellyfin은 재생목록 공개 여부를 노출하지 않습니다. 만약 공개되길 원한다면 다음을 선택하세요",
+            "success": "$t(entity.playlist_one) 업데이트 되었습니다"
+        },
+        "shareItem": {
+            "allowDownloading": "다운로드 허용",
+            "description": "설명",
+            "success": "클립보드에 공유 링크를 복사했습니다 (또는 열어보려면 클릭하세요)",
+            "expireInvalid": "만료 날짜는 미래 날짜여야만 합니다",
+            "createFailed": "공유 링크를 생성하는데 실패하였습니다 (혹시 공유하기 설정되어 있나요?)",
+            "setExpiration": "만료 기간 설정하기"
+        },
+        "updateServer": {
+            "title": "서버 업데이트",
+            "success": "서버 업데이트 되었습니다"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one)를 생성했습니다",
+            "input_owner": "$t(common.owner)",
+            "input_public": "공개",
+            "title": "$t(entity.playlist_one) 생성"
+        },
+        "deletePlaylist": {
+            "input_confirm": "확인을 위해 $t(entity.playlist_one)의 이름을 적어주세요",
+            "success": "$t(entity.playlist_one)가 삭제되었습니다",
+            "title": "$t(entity.playlist_one) 삭제"
+        }
+    },
+    "page": {
+        "appMenu": {
+            "goBack": "뒤로",
+            "selectServer": "서버를 선택하세요",
+            "goForward": "앞으로",
+            "manageServers": "서버 설정하기",
+            "openBrowserDevtools": "브라우저 개발자 도구 열기",
+            "version": "버전 {{version}}"
+        },
+        "manageServers": {
+            "title": "서버 설정하기",
+            "serverDetails": "서버 세부설정",
+            "editServerDetailsTooltip": "서버 세부설정 편집하기",
+            "url": "URL",
+            "username": "username",
+            "removeServer": "서버 제거하기"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "opacity": "투명도",
+                "lyricAlignment": "가사 정렬",
+                "useImageAspectRatio": "이미지 종횡비 사용",
+                "synchronized": "동기화",
+                "unsynchronized": "비동기화"
+            },
+            "lyrics": "가사"
+        },
+        "contextMenu": {
+            "download": "다운로드",
+            "numberSelected": "{{count}}개 선택됨"
+        },
+        "albumArtistDetail": {
+            "about": "{{artist}}에 대해",
+            "viewDiscography": "디스코그래피 보기",
+            "appearsOn": "참여 앨범",
+            "recentReleases": "최근 앨범",
+            "relatedArtists": "연관 $t(entity.artist_other)"
+        }
+    },
+    "table": {
+        "config": {
+            "label": {
+                "playCount": "재생 횟수",
+                "dateAdded": "추가된 날짜"
+            },
+            "view": {
+                "card": "카드",
+                "poster": "포스터",
+                "table": "표"
+            }
+        }
+    }
+}

src/i18n/locales/nl.json

@@ -2,7 +2,7 @@
     "action": {
         "editPlaylist": "pas $t(entity.playlist_one) aan",
         "goToPage": "ga naar pagina",
-        "moveToTop": "verplaats naar top",
+        "moveToTop": "verplaats naar boven",
         "addToFavorites": "toevoegen aan $t(entity.favorite_other)",
         "addToPlaylist": "toevoegen aan $t(entity.playlist_one)",
         "createPlaylist": "maak $t(entity.playlist_one)",
@@ -16,7 +16,11 @@
         "setRating": "selecteer rating",
         "toggleSmartPlaylistEditor": "editor $t(entity.smartPlaylist) schakelen",
         "removeFromFavorites": "verwijder van $t(entity.favorite_other)",
-        "clearQueue": "lijst leegmaken"
+        "clearQueue": "verwijder lijst",
+        "openIn": {
+            "lastfm": "Open in Last.fm",
+            "musicbrainz": "Open in MusicBrainz"
+        }
     },
     "common": {
         "backward": "achteruit",
@@ -95,7 +99,10 @@
         "search": "zoeken",
         "saveAs": "opslaan als",
         "yes": "ja",
-        "size": "grootte"
+        "size": "grootte",
+        "reload": "herlaad",
+        "setting": "instelling",
+        "close": "sluiten"
     },
     "filter": {
         "rating": "rating",
@@ -143,7 +150,54 @@
     },
     "page": {
         "contextMenu": {
-            "setRating": "$t(action.setRating)"
+            "setRating": "$t(action.setRating)",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} geselecteerd",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "appMenu": {
+            "selectServer": "selecteer server",
+            "version": "versie {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "beheer servers",
+            "expandSidebar": "sidebar uitklappen",
+            "collapseSidebar": "sidebar inklappen",
+            "openBrowserDevtools": "open browser devtools",
+            "quit": "$t(common.quit)",
+            "goBack": "terug",
+            "goForward": "vooruit"
+        },
+        "albumDetail": {
+            "moreFromArtist": "meer van deze $t(entity.artist_one)",
+            "moreFromGeneric": "meer van {{item}}"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "dynamicBackground": "dynamische achtergrond",
+                "followCurrentLyric": "volg de actuele songtekst",
+                "opacity": "opaciteit",
+                "lyricSize": "tekstgrootte",
+                "lyricAlignment": "songtekst uitlijning",
+                "lyricGap": "tekstkloof"
+            }
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
         }
     },
     "error": {
@@ -202,7 +256,8 @@
     },
     "table": {
         "column": {
-            "rating": "rating"
+            "rating": "rating",
+            "size": "$t(common.size)"
         },
         "config": {
             "label": {
@@ -227,6 +282,41 @@
             "ignoreSsl": "negeer ssl $t(common.restartRequired)",
             "ignoreCors": "negeer cors $t(common.restartRequired)",
             "error_savePassword": "er is iets mis gegaan met het opslaan van het wachtwoord"
+        },
+        "deletePlaylist": {
+            "title": "verwijder $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) succesvol verwijdert",
+            "input_confirm": "Typ de naam van $t(entity.playlist_one) om te bevestigen"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "$t(entity.playlist_one) aanmaken",
+            "input_public": "publiek",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) aangemaakt",
+            "input_owner": "$t(common.owner)"
+        },
+        "addToPlaylist": {
+            "success": "{{message}}$t(entity.song_other) aan {{numOfPlaylists}} $t(entity.playlist_other) toegevoegd",
+            "title": "aan $t(entity.playlist_one) toevoegen",
+            "input_skipDuplicates": "duplicaten overslaan",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "alles matchen",
+            "input_optionMatchAny": "elke match"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "tekst zoeken"
+        },
+        "editPlaylist": {
+            "title": "$t(entity.playlist_one) aanpassen"
+        },
+        "updateServer": {
+            "title": "update server",
+            "success": "server succesvol geüpdatet"
         }
     }
 }

src/i18n/locales/pl.json

@@ -16,7 +16,11 @@
         "createPlaylist": "utwórz $t(entity.playlist_one)",
         "deletePlaylist": "usuń $t(entity.playlist_one)",
         "moveToBottom": "przesuń na dół",
-        "setRating": "oceń"
+        "setRating": "oceń",
+        "openIn": {
+            "lastfm": "Otwórz w Last.fm",
+            "musicbrainz": "Otwórz w MusicBrainz"
+        }
     },
     "common": {
         "increase": "zwiększ",
@@ -99,7 +103,17 @@
         "decrease": "obniż",
         "path": "ścieżka",
         "center": "środkowy",
-        "note": "notatka"
+        "note": "notatka",
+        "albumPeak": "spadek albumu",
+        "albumGain": "wzrost albumu",
+        "mbid": "ID MusicBrainz",
+        "reload": "przeładuj",
+        "share": "udostępnij",
+        "trackGain": "gain utworu",
+        "trackPeak": "peak utworu",
+        "codec": "kodek",
+        "preview": "podgląd",
+        "close": "zamknij"
     },
     "entity": {
         "genre_one": "gatunek",
@@ -168,7 +182,10 @@
         "mpvRequired": "wymagane MPV",
         "audioDeviceFetchError": "wystąpił błąd podczas próby znalezienia urządzeń dźwiękowych",
         "invalidServer": "nieprawidłowy serwer",
-        "loginRateError": "zbyt dużo prób logowania, poczekaj chwilę i spróbuj ponownie"
+        "loginRateError": "zbyt dużo prób logowania, poczekaj chwilę i spróbuj ponownie",
+        "badAlbum": "ta strona jest wyświetlana, ponieważ ten utwór nie jest częścią albumu. najprawdopodobniej ten problem występuje, jeśli utwór znajduje się w nadrzędnym folderze plików z muzyką. jellyfin grupuje utwory tylko wtedy, gdy znajdują się one w folderze.",
+        "networkError": "wystąpił błąd sieciowy",
+        "openError": "nie można otworzyć pliku"
     },
     "filter": {
         "mostPlayed": "najczęściej odtwarzane",
@@ -242,7 +259,7 @@
             "error_savePassword": "wystąpił błąd podczas próby zapisania hasła"
         },
         "addToPlaylist": {
-            "success": "dodano {{message}} $t(entity.song_other) do {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "dodano {{message}} $t(entity.track_other) do {{numOfPlaylists}} $t(entity.playlist_other)",
             "title": "dodano do $t(entity.playlist_one)",
             "input_skipDuplicates": "pomiń duplikaty",
             "input_playlists": "$t(entity.playlist_other)"
@@ -262,6 +279,14 @@
         },
         "editPlaylist": {
             "title": "edytuj $t(entity.playlist_one)"
+        },
+        "shareItem": {
+            "allowDownloading": "zezwól na pobieranie",
+            "description": "opis",
+            "setExpiration": "ustaw czas wygaśnięcia",
+            "success": "link do udostępniania skopiowany do schowka (lub kliknij tutaj, aby otworzyć)",
+            "createFailed": "nie udało się utworzyć linku do udostępniania (czy udostępnianie jest włączone?)",
+            "expireInvalid": "ustawiony czas wygaśnięcia musi być w przyszłości"
         }
     },
     "page": {
@@ -277,7 +302,9 @@
                 "unsynchronized": "niezsynchronizowane",
                 "lyricAlignment": "wyrównaj tekst",
                 "useImageAspectRatio": "użyj współczynnika proporcji obrazu",
-                "lyricGap": "odstępy tekstu"
+                "lyricGap": "odstępy tekstu",
+                "dynamicImageBlur": "rozmiar rozmycia obrazu",
+                "dynamicIsImage": "włącz obraz w tle"
             },
             "upNext": "następny",
             "lyrics": "tekst",
@@ -311,7 +338,9 @@
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
             "numberSelected": "zaznaczono {{count}}",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "shareItem": "udostępnij pozycję",
+            "showDetails": "zobacz informacje"
         },
         "albumDetail": {
             "moreFromArtist": "więcej od $t(entity.artist_one)",
@@ -321,10 +350,14 @@
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "pokaż $t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "pokaż $t(entity.genre_one) $t(entity.track_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "albumy artysty {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
         },
         "sidebar": {
             "nowPlaying": "teraz odtwarzane",
@@ -337,7 +370,8 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "udostępnione $t(entity.playlist_other)"
         },
         "home": {
             "mostPlayed": "najczęściej odtwarzane",
@@ -353,7 +387,9 @@
             "windowTab": "okno"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "artistTracks": "utwory przez {{artist}}",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)"
         },
         "globalSearch": {
             "commands": {
@@ -365,6 +401,22 @@
         },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
+        },
+        "albumArtistDetail": {
+            "topSongs": "popularne utwory",
+            "topSongsFrom": "popularne utwory z {{title}}",
+            "about": "O {{artist}}",
+            "recentReleases": "ostatnie wydania",
+            "viewAll": "zobacz wszystko",
+            "viewDiscography": "przeglądaj dyskografię",
+            "relatedArtists": "powiązane z $t(entity.artist_other)",
+            "appearsOn": "pojawia się na",
+            "viewAllTracks": "zobacz wszystko $t(entity.track_other)"
+        },
+        "itemDetail": {
+            "copyPath": "kopiuj ścieżkę do schowka",
+            "copiedPath": "ścieżka została skopiowana pomyślnie",
+            "openFile": "pokaż utwór w menedżerze plików"
         }
     },
     "player": {
@@ -372,7 +424,7 @@
         "stop": "stop",
         "repeat": "powtarzaj jeden",
         "queue_remove": "usuń zaznaczone",
-        "playRandom": "odtwarzaj losowe",
+        "playRandom": "odtwarzaj losowo",
         "skip": "pomiń",
         "previous": "poprzedni",
         "toggleFullscreenPlayer": "przełącz odtwarzacz pełnoekranowy",
@@ -413,7 +465,7 @@
         "hotkey_zoomIn": "przybliż",
         "hotkey_browserForward": "przeglądarka w przód",
         "audioExclusiveMode_description": "włącz wyłączny tryb wyjścia. W tym trybie, system zwykle jest zablokowany i może odtwarzać tylko poprzez mpv",
-        "discordUpdateInterval": "{{discord}} interwał aktualizacji obszernej obecności",
+        "discordUpdateInterval": "{{discord}} interwał aktualizacji rich presence",
         "fontType_optionBuiltIn": "wbudowana czcionka",
         "hotkey_playbackPlayPause": "odtwarzaj / wstrzymaj",
         "hotkey_rate1": "oceń na 1 gwiazdkę",
@@ -449,7 +501,7 @@
         "crossfadeDuration_description": "ustaw czas trwania efektu przenikania",
         "language": "język",
         "hotkey_toggleShuffle": "przełącz kolejność losową",
-        "discordRichPresence_description": "włącz status odtwarzania w {{discord}} obszernie obecny. Klucze obrazów to {{icon}}, {{playing}} i {{paused}}. ",
+        "discordRichPresence_description": "włącz status odtwarzania w {{discord}} rich presence. Dzięki temu będą wyświetlane informacje takie jak: {{icon}}, {{playing}} i {{paused}}. ",
         "audioDevice": "urządzenia dźwiękowe",
         "hotkey_rate2": "oceń na 2 gwiazdki",
         "exitToTray": "zamknij do zasobnika",
@@ -475,7 +527,7 @@
         "hotkey_zoomOut": "oddal",
         "hotkey_unfavoriteCurrentSong": "usuń $t(common.currentSong) z ulubionych",
         "hotkey_rate0": "wyczyść oceny",
-        "discordApplicationId": "id aplikacji {{discord}}",
+        "discordApplicationId": "ID aplikacji {{discord}}",
         "applicationHotkeys_description": "ustaw skróty klawiszowe aplikacji. przełącz pole wyboru aby ustawić skrót globalny (tylko komputery)",
         "floatingQueueArea_description": "wyświetl ikonę najechania kursorem po prawej stronie ekranu, aby wyświetlić kolejkę odtwarzania",
         "hotkey_volumeMute": "wycisz",
@@ -487,10 +539,9 @@
         "hotkey_playbackStop": "zatrzymaj",
         "discordRichPresence": "{{discord}} obszernie obecny",
         "font_description": "ustaw czcionkę dla aplikacji",
-        "mpvExecutablePath_help": "jedna na linnię",
         "playButtonBehavior_optionPlay": "$t(player.play)",
         "minimumScrobblePercentage": "minimalny czas trwania scrobble (procentowy)",
-        "mpvExecutablePath_description": "ustaw ścieżkę dla plików wykonywalnych mpv",
+        "mpvExecutablePath_description": "ustaw ścieżkę dla plików wykonywalnych mpv. gdy puste, zostanie użyta domyślna ścieżka",
         "playButtonBehavior_optionAddLast": "$t(player.addLast)",
         "minimizeToTray_description": "zminimalizuj aplikację do zasobnika systemowego",
         "remotePassword": "hasło dla serwera zdalnej kontroli",
@@ -519,10 +570,10 @@
         "sampleRate": "częstotliwość próbkowania",
         "sidePlayQueueStyle_optionAttached": "przyłączony",
         "sidebarConfiguration": "konfiguracja paska bocznego",
-        "sampleRate_description": "wybierz wyjściową częstotliwość próbkowania, która ma być używana, jeśli wybrana częstotliwość próbkowania różni się od częstotliwości bieżącego utworu",
+        "sampleRate_description": "wybierz wyjściową częstotliwość próbkowania, która ma być używana, jeśli wybrana częstotliwość próbkowania różni się od częstotliwości bieżącego utworu. wartość mniejsza niż 8000 spowoduje użycie częstotliwości domyślnej",
         "replayGainMode_optionNone": "$t(common.none)",
         "replayGainClipping": "wzmocnienie {{ReplayGain}}",
-        "scrobble_description": "odtwarzanie scrobble na serwerze multimediów",
+        "scrobble_description": "przekazywanie informacji o odtwarzaniu (scrobbling) do twojego serwera multimediów",
         "sidePlayQueueStyle": "boczny styl kolejki odtwarzania",
         "remoteUsername_description": "ustaw nazwę użytkownika dla serwera zdalnej kontroli. Jeśli nazwa użytkownika i hasło są puste, autoryzacja będzie wyłączona",
         "replayGainMode_optionAlbum": "$t(entity.album_one)",
@@ -559,7 +610,27 @@
         "skipPlaylistPage": "pomiń stronę list odtwarzania",
         "themeDark": "motyw (ciemny)",
         "windowBarStyle_description": "wybierz styl paska okna",
-        "useSystemTheme": "użyj motywu systemowego"
+        "useSystemTheme": "użyj motywu systemowego",
+        "buttonSize": "Rozmiar przycisku paska odtwarzacza",
+        "clearQueryCache": "wyczyść pamięć podręczną feishin",
+        "clearCache_description": "\"twarde wyczyszczenie\" feishin. oprócz wyczyszczenia pamięci podręcznej feishin, opróżnij pamięć podręczną przeglądarki (zapisane obrazy i inne zasoby). dane i ustawienia serwera zostaną zachowane",
+        "clearQueryCache_description": "\"miękkie wyczyszczenie\" feishin. spowoduje to odświeżenie list odtwarzania, metadanych utworów i zresetowanie zapisanych tekstów. ustawienia, dane uwierzytelniające serwera i obrazy w pamięci podręcznej zostaną zachowane",
+        "buttonSize_description": "rozmiar przycisków paska odtwarzacza",
+        "clearCache": "wyczyść pamięć podręczną przeglądarki",
+        "playerAlbumArtResolution": "rozdzielczość okładki albumu odtwarzacza",
+        "externalLinks": "pokaż zewnętrzne linki",
+        "genreBehavior_description": "określa, czy kliknięcie gatunku domyślnie otwiera listę utworów czy albumów",
+        "mpvExtraParameters_help": "po jednym na linię",
+        "passwordStore": "hasła",
+        "passwordStore_description": "jakie hasło ma być używane. zmień to, jeśli masz problemy z przechowywaniem haseł.",
+        "playerAlbumArtResolution_description": "rozdzielczość podglądu okładki albumu w dużym odtwarzaczu. większa sprawia, że wygląda bardziej wyraziście, ale może spowolnić ładowanie. domyślnie 0, czyli auto",
+        "startMinimized": "uruchom zminimalizowany",
+        "startMinimized_description": "uruchom aplikację w zasobniku systemowym",
+        "clearCacheSuccess": "pamięć podręczna została wyczyszczona pomyślnie",
+        "genreBehavior": "domyślne zachowanie strony gatunek",
+        "externalLinks_description": "umożliwia wyświetlanie linków zewnętrznych (Last.fm, MusicBrainz) na stronach artystów/albumów",
+        "homeConfiguration": "konfiguracja strony głównej",
+        "homeConfiguration_description": "konfiguracja elementów wyświetlanych na stronie głównej i ich kolejności"
     },
     "table": {
         "config": {
@@ -573,7 +644,9 @@
                 "gap": "$t(common.gap)",
                 "tableColumns": "kolumny tabeli",
                 "autoFitColumns": "automatyczne dopasowanie kolumn",
-                "size": "$t(common.size)"
+                "size": "$t(common.size)",
+                "itemSize": "rozmiar elementu (px)",
+                "itemGap": "odstęp między elementami (px)"
             },
             "label": {
                 "releaseDate": "data premiery",
@@ -601,7 +674,8 @@
                 "discNumber": "numer płyty",
                 "favorite": "$t(common.favorite)",
                 "year": "$t(common.year)",
-                "albumArtist": "$t(entity.albumArtist_one)"
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "codec": "$t(common.codec)"
             }
         },
         "column": {
@@ -626,7 +700,9 @@
             "albumArtist": "artysta albumu",
             "path": "ścieżka",
             "discNumber": "płyta",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
         }
     }
 }

src/i18n/locales/pt-BR.json

@@ -80,7 +80,14 @@
         "yes": "sim",
         "random": "aleatório",
         "size": "tamanho",
-        "note": "observação"
+        "note": "observação",
+        "mbid": "ID no MusicBrainz",
+        "reload": "recarregar",
+        "codec": "codec",
+        "preview": "pré-visualizar",
+        "share": "compartilhar",
+        "close": "fechar",
+        "translation": "tradução"
     },
     "action": {
         "goToPage": "vá para página",
@@ -98,17 +105,36 @@
         "removeFromPlaylist": "remover da $t(entity.playlist_one)",
         "deletePlaylist": "deletar $t(entity.playlist_one)",
         "deselectAll": "desmarcar todos",
-        "removeFromFavorites": "remover de $t(entity.favorite_other)"
+        "removeFromFavorites": "remover de $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Abrir em Last.fm",
+            "musicbrainz": "Abrir em MusicBrainz"
+        },
+        "toggleSmartPlaylistEditor": "alternar editor $t(entity.smartPlaylist)",
+        "moveToNext": "mover para o próximo"
     },
     "form": {
         "deletePlaylist": {
-            "title": "deletar $t(entity.playlist_one)"
+            "title": "deletar $t(entity.playlist_one)",
+            "input_confirm": "escreva o nome da $t(entity.playlist_one) para confirmar"
         },
         "addServer": {
-            "title": "adicionar servidor"
+            "title": "adicionar servidor",
+            "input_password": "senha",
+            "input_legacyAuthentication": "habilitar autenticação legada",
+            "error_savePassword": "um erro ocorreu ao tentar salvar a senha",
+            "ignoreSsl": "ignorar ssl ($t(common.restartRequired))",
+            "input_savePassword": "salvar senha",
+            "input_url": "url",
+            "success": "servidor adicionado com sucesso",
+            "input_name": "nome do servidor",
+            "input_username": "nome de usuário"
         },
         "createPlaylist": {
-            "title": "criar $t(entity.playlist_one)"
+            "title": "criar $t(entity.playlist_one)",
+            "input_public": "público",
+            "input_description": "$t(common.description)",
+            "success": "$t(entity.playlist_one) criada com sucesso"
         },
         "updateServer": {
             "title": "atualizar servidor"
@@ -117,7 +143,10 @@
             "title": "editar $t(entity.playlist_one)"
         },
         "addToPlaylist": {
-            "title": "adicionar à $t(entity.playlist_one)"
+            "title": "adicionar à $t(entity.playlist_one)",
+            "input_playlists": "$t(entity.playlist_other)",
+            "input_skipDuplicates": "pular duplicadas",
+            "success": "adicionado $t(entity.trackWithCount, {\"count\": {{message}} }) para $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })"
         },
         "lyricSearch": {
             "title": "pesquisa de letras"
@@ -139,7 +168,8 @@
         },
         "column": {
             "title": "titulo",
-            "discNumber": "disco"
+            "discNumber": "disco",
+            "size": "$t(common.size)"
         }
     },
     "page": {
@@ -175,7 +205,33 @@
     "filter": {
         "title": "titulo",
         "disc": "disco",
-        "mostPlayed": "mais tocado"
+        "mostPlayed": "mais tocado",
+        "album": "$t(entity.album_one)",
+        "name": "nome",
+        "biography": "bibliografia",
+        "duration": "duração",
+        "favorited": "favoritado",
+        "fromYear": "a partir do ano",
+        "songCount": "contador de músicas",
+        "toYear": "até o ano",
+        "random": "aleatório",
+        "search": "buscar",
+        "lastPlayed": "última tocada",
+        "isCompilation": "é compilação",
+        "trackNumber": "faixa",
+        "communityRating": "Nota da comunidade",
+        "isPublic": "é público",
+        "playCount": "contador de execuções",
+        "recentlyUpdated": "atualizado recentemente",
+        "dateAdded": "data de adição",
+        "isRecentlyPlayed": "foi tocado recentemente",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "recentlyAdded": "adicionado recentemente",
+        "releaseDate": "data de lançamento",
+        "recentlyPlayed": "tocado recentemente",
+        "criticRating": "Nota da crítica",
+        "isFavorited": "é favoritado",
+        "releaseYear": "ano de lançamento"
     },
     "player": {
         "playbackFetchNoResults": "nenhuma música encontrada",
@@ -220,7 +276,13 @@
         "folderWithCount_other": "{{count}} pastas",
         "genreWithCount_one": "{{count}} gênero",
         "genreWithCount_many": "{{count}} gêneros",
-        "genreWithCount_other": "{{count}} gêneros"
+        "genreWithCount_other": "{{count}} gêneros",
+        "trackWithCount_one": "faixa",
+        "trackWithCount_many": "faixas",
+        "trackWithCount_other": "faixas",
+        "track_one": "faixa",
+        "track_many": "faixas",
+        "track_other": "faixas"
     },
     "error": {
         "remotePortWarning": "reinicie o servidor para aplicar a nova porta",
@@ -241,6 +303,9 @@
         "mpvRequired": "MPV necessário",
         "audioDeviceFetchError": "ocorreu um erro ao tentar obter dispositivos de áudio",
         "invalidServer": "servidor inválido",
-        "loginRateError": "muitas tentativas de login, tente novamente em alguns segundos"
+        "loginRateError": "muitas tentativas de login, tente novamente em alguns segundos",
+        "badAlbum": "você está vendo este erro por que está música não é parte de algum album. um motivo comum para você estar vendo este erro é se a sua música estiver na raiz da sua pasta de músicas. o jellyfin apenas agrupa as músicas se elas estiveram na mesma pasta.",
+        "networkError": "ocorreu um erro na internet",
+        "openError": "não foi possível abrir o arquivo"
     }
 }

src/i18n/locales/ru.json

@@ -7,22 +7,26 @@
         "addToFavorites": "добавить в $t(entity.favorite_other)",
         "addToPlaylist": "добавить в $t(entity.playlist_one)",
         "createPlaylist": "создать $t(entity.playlist_one)",
-        "removeFromPlaylist": "удалить из $t(entity.playlist_one)",
-        "viewPlaylists": "просмотреть $t(entity.playlist_other)",
+        "removeFromPlaylist": "удалить из $t(entity.playlist_few)",
+        "viewPlaylists": "показать $t(entity.playlist_other)",
         "refresh": "$t(common.refresh)",
         "deletePlaylist": "удалить $t(entity.playlist_one)",
         "removeFromQueue": "удалить из очереди",
         "deselectAll": "снять выделение",
         "moveToBottom": "вниз",
         "setRating": "оценить",
-        "toggleSmartPlaylistEditor": "вкл/выкл $t(entity.smartPlaylist) редактор",
-        "removeFromFavorites": "удалить из $t(entity.favorite_other)"
+        "toggleSmartPlaylistEditor": "вкл./откл. редактор $t(entity.smartPlaylist)",
+        "removeFromFavorites": "удалить из $t(entity.favorite_few)",
+        "openIn": {
+            "lastfm": "открыть на Last.fm",
+            "musicbrainz": "открыть на MusicBrainz"
+        }
     },
     "common": {
         "backward": "назад",
         "increase": "увеличить",
         "rating": "рейтинг",
-        "bpm": "ударов в мин.",
+        "bpm": "уд./мин.",
         "refresh": "обновить",
         "unknown": "неизвестно",
         "areYouSure": "вы уверены?",
@@ -34,19 +38,19 @@
         "currentSong": "текущий $t(entity.track_one)",
         "collapse": "закрыть",
         "trackNumber": "трек",
-        "descending": "убывающий",
+        "descending": "по убыванию",
         "add": "добавить",
         "gap": "промежуток",
-        "ascending": "возрастающий",
+        "ascending": "по возрастанию",
         "dismiss": "отклонить",
         "year": "год",
-        "manage": "управлять",
-        "limit": "лимит",
-        "minimize": "минимизировать",
+        "manage": "управление",
+        "limit": "ограничение",
+        "minimize": "свернуть",
         "modified": "изменено",
-        "duration": "продолжительность",
+        "duration": "длительность",
         "name": "имя",
-        "maximize": "максимизировать",
+        "maximize": "развернуть",
         "decrease": "уменьшить",
         "ok": "ок",
         "description": "описание",
@@ -60,8 +64,11 @@
         "forward": "вперёд",
         "delete": "удалить",
         "cancel": "отменить",
-        "forceRestartRequired": "перезапустите приложение, чтобы применить изменения... закройте уведомление, чтобы перезапустить приложение",
+        "forceRestartRequired": "перезапустите приложение, чтобы применить изменения... закройте уведомление для перезапуска",
         "setting": "настройка",
+        "setting_one": "настройка",
+        "setting_few": "",
+        "setting_many": "",
         "version": "версия",
         "title": "название",
         "filter_one": "фильтр",
@@ -74,32 +81,43 @@
         "action_one": "действие",
         "action_few": "действия",
         "action_many": "действий",
-        "playerMustBePaused": "воспроизведение должно быть остановлено",
+        "playerMustBePaused": "необходимо остановить воспроизведение",
         "confirm": "подтвердить",
-        "resetToDefault": "сбросить к настройкам по умолчанию",
-        "home": "Главная страница",
-        "comingSoon": "скоро будет…",
+        "resetToDefault": "сбросить настройки",
+        "home": "главная",
+        "comingSoon": "скоро...",
         "reset": "сбросить",
         "channel_one": "канал",
         "channel_few": "канала",
         "channel_many": "каналов",
-        "disable": "выключить",
+        "disable": "отключить",
         "sortOrder": "порядок",
         "menu": "меню",
         "restartRequired": "необходим перезапуск приложения",
         "previousSong": "предыдущий $t(entity.track_one)",
-        "noResultsFromQuery": "нет результатов",
+        "noResultsFromQuery": "ничего не найдено",
         "quit": "выйти",
-        "expand": "расширить",
-        "search": "Поиск",
+        "expand": "раскрыть",
+        "search": "поиск",
         "saveAs": "сохранить как",
         "disc": "диск",
         "yes": "да",
-        "random": "случайный",
+        "random": "случайно",
         "size": "размер",
         "biography": "биография",
         "note": "заметка",
-        "none": "нет"
+        "none": "нет",
+        "mbid": "MusicBrainz ID",
+        "reload": "перезагрузить",
+        "preview": "просмотр",
+        "codec": "кодек",
+        "share": "поделиться",
+        "close": "закрыть",
+        "albumGain": "альбом усиление",
+        "trackGain": "усиление трека",
+        "translation": "перевод",
+        "albumPeak": "пик альбома",
+        "trackPeak": "пик трека"
     },
     "entity": {
         "album_one": "альбом",
@@ -114,18 +132,25 @@
         "playlist_one": "плейлист",
         "playlist_few": "плейлиста",
         "playlist_many": "плейлистов",
+        "play": "{{count}} прослушиваний",
+        "play_one": "{{count}} прослушивание",
+        "play_few": "",
+        "play_many": "",
         "artist_one": "автор",
         "artist_few": "автора",
-        "artist_many": "авторов",
+        "artist_many": "исполнителей",
         "folderWithCount_one": "{{count}} папка",
         "folderWithCount_few": "{{count}} папки",
         "folderWithCount_many": "{{count}} папок",
-        "albumArtist_one": "автор альбома",
-        "albumArtist_few": "автора альбома",
-        "albumArtist_many": "авторов альбома",
+        "albumArtist_one": "исполнитель альбома",
+        "albumArtist_few": "исполнители альбома",
+        "albumArtist_many": "исполнителей альбома",
         "track_one": "трек",
         "track_few": "трека",
         "track_many": "треков",
+        "song_one": "песня",
+        "song_few": "{{count}} песни",
+        "song_many": "{{count}} песен",
         "albumArtistCount_one": "{{count}} автор альбома",
         "albumArtistCount_few": "{{count}} автора альбома",
         "albumArtistCount_many": "{{count}} авторов альбома",
@@ -152,7 +177,7 @@
     "table": {
         "config": {
             "view": {
-                "card": "карта",
+                "card": "карточки",
                 "table": "таблица",
                 "poster": "постер"
             },
@@ -161,7 +186,10 @@
                 "gap": "$t(common.gap)",
                 "tableColumns": "столбцы таблицы",
                 "autoFitColumns": "автоматически расставить столбцы",
-                "size": "$t(common.size)"
+                "followCurrentSong": "следовать за исполняемым треком",
+                "size": "$t(common.size)",
+                "itemSize": "размер элементов (px)",
+                "itemGap": "отступ между элементами (px)"
             },
             "label": {
                 "releaseDate": "дата выхода",
@@ -173,7 +201,7 @@
                 "bpm": "$t(common.bpm)",
                 "lastPlayed": "последний",
                 "trackNumber": "номер трека",
-                "rowIndex": "индекс ряда",
+                "rowIndex": "номер строки",
                 "rating": "$t(common.rating)",
                 "artist": "$t(entity.artist_one)",
                 "album": "$t(entity.album_one)",
@@ -189,7 +217,9 @@
                 "discNumber": "номер диска",
                 "favorite": "$t(common.favorite)",
                 "year": "$t(common.year)",
-                "albumArtist": "$t(entity.albumArtist_one)"
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "codec": "$t(common.codec)",
+                "songCount": "$t(entity.track_other)"
             }
         },
         "column": {
@@ -204,29 +234,44 @@
             "trackNumber": "трек",
             "genre": "$t(entity.genre_one)",
             "path": "путь",
-            "discNumber": "диск"
+            "discNumber": "диск",
+            "size": "$t(common.size)",
+            "dateAdded": "дата добавления",
+            "album": "альбом",
+            "albumArtist": "исполнитель альбома",
+            "biography": "биография",
+            "codec": "$t(common.codec)",
+            "comment": "комментарий",
+            "albumCount": "$t(entity.album_other)",
+            "artist": "$t(entity.artist_one)",
+            "bitrate": "битрейт",
+            "channels": "$t(common.channel_other)",
+            "bpm": "bpm"
         }
     },
     "error": {
-        "remotePortWarning": "перезапустить сервер для применения нового порта",
+        "remotePortWarning": "необходимо перезапустить сервер для применения нового порта",
         "systemFontError": "произошла ошибка при попытке получить системные шрифты",
-        "playbackError": "произошла ошибка при попытке проиграть медиа",
-        "endpointNotImplementedError": "запрос {{endpoint}} is not implemented for {{serverType}}",
+        "playbackError": "произошла ошибка при попытке проигрывания медиа",
+        "endpointNotImplementedError": "запрос {{endpoint}} не реализован для {{serverType}}",
         "remotePortError": "произошла ошибка при попытке установить порт удаленного сервера",
-        "serverRequired": "необходим сервер",
-        "authenticationFailed": "аутентификация завершилась с ошибкой",
+        "serverRequired": "сервер не выбран",
+        "authenticationFailed": "не удалось авторизироваться",
         "apiRouteError": "невозможно выполнить запрос",
         "genericError": "произошла ошибка",
-        "credentialsRequired": "необходимы учётные данные",
-        "sessionExpiredError": "ваш сеанс истек",
-        "remoteEnableError": "ошибка произошла при попытке $t(common.enable) удаленного сервера",
+        "credentialsRequired": "введите данные для входа",
+        "sessionExpiredError": "ваш сеанс истёк",
+        "remoteEnableError": "произошла ошибка при попытке $t(common.enable) удалённый сервер",
         "localFontAccessDenied": "не получилось получить доступ к шрифтам",
         "serverNotSelectedError": "не выбран сервер",
-        "remoteDisableError": "ошибка произошла при попытке $t(common.disable) удаленного сервера",
-        "mpvRequired": "Необходим MPV",
+        "remoteDisableError": "произошла ошибка при попытке $t(common.disable) удалённый сервер",
+        "mpvRequired": "необходим MPV",
         "audioDeviceFetchError": "произошла ошибка с аудиоустройством",
         "invalidServer": "недействительный сервер",
-        "loginRateError": "слишком много попыток входа, пожалуйста, попробуйте еще раз через несколько секунд"
+        "loginRateError": "превышено максимальное количество попыток входа, пожалуйста, попробуйте ещё раз через несколько секунд",
+        "openError": "не удалось открыть файл",
+        "badAlbum": "вы видите эту страницу из-за того, что эта песня не входит в альбом. скорее всего, вы видите эту ошибку, так как песня находится в корневой директории папки с музыкой. jellyfin группирует треки только по папкам.",
+        "networkError": "возникла ошибка сети"
     },
     "filter": {
         "isCompilation": "сборник",
@@ -236,76 +281,78 @@
         "communityRating": "рейтинг сообщества",
         "favorited": "любимый",
         "albumArtist": "$t(entity.albumArtist_one)",
-        "isFavorited": "любимый",
-        "bpm": "ударов в мин.",
+        "isFavorited": "любимые",
+        "bpm": "уд./мин.",
         "disc": "диск",
         "biography": "биография",
         "artist": "$t(entity.artist_one)",
-        "duration": "продолжительность",
-        "fromYear": "из года",
+        "duration": "длительность",
+        "fromYear": "год",
         "criticRating": "рейтинг критиков",
-        "mostPlayed": "наибольшое кол-во воспроизведений",
+        "mostPlayed": "слушают чаще всего",
         "comment": "комментировать",
-        "playCount": "кол-во воспроизведений",
-        "recentlyUpdated": "недавно обновлено",
+        "playCount": "количество воспроизведений",
+        "recentlyUpdated": "обновленные недавно",
         "channels": "$t(common.channel_other)",
-        "recentlyPlayed": "недавно проиграно",
+        "recentlyPlayed": "проигрывались недавно",
         "owner": "$t(common.owner)",
         "title": "название",
         "rating": "рейтинг",
-        "search": "Поиск",
+        "search": "поиск",
         "genre": "$t(entity.genre_one)",
-        "recentlyAdded": "недавно добавлено",
+        "recentlyAdded": "недавно добавленные",
         "note": "заметка",
         "name": "название",
         "releaseDate": "дата выхода",
-        "albumCount": "$t(entity.album_other) кол-во",
+        "albumCount": "количество $t(entity.album_many)",
         "path": "путь",
-        "isRecentlyPlayed": "недавно проигрывалась",
+        "isRecentlyPlayed": "недавно проигрывался",
         "releaseYear": "год выхода",
-        "id": "#",
-        "songCount": "кол-во песен",
+        "id": "№",
+        "songCount": "количество песен",
         "isPublic": "публичный",
-        "random": "случайный",
+        "random": "случайно",
         "lastPlayed": "последний раз проигрывалась",
         "toYear": "до года",
         "album": "$t(entity.album_one)",
         "trackNumber": "трек"
     },
     "player": {
-        "repeat_all": "повтор всех",
+        "repeat_all": "повторять все",
         "stop": "остановить",
-        "repeat": "повтор",
-        "queue_remove": "удалить выделенные",
-        "playRandom": "случайные песни",
+        "repeat": "повторять текущий",
+        "queue_remove": "удалить выбранное",
+        "playRandom": "играть случайные песни",
+        "playSimilarSongs": "играть похожие песни",
         "skip": "пропустить",
         "previous": "предыдущий",
         "toggleFullscreenPlayer": "включить полноэкранный режим",
         "skip_back": "назад",
         "favorite": "любимый",
-        "next": "следующее",
+        "next": "следующий",
         "shuffle": "перемешать",
-        "playbackFetchNoResults": "нет песен",
+        "playbackFetchNoResults": "песни не найдены",
         "playbackFetchInProgress": "загрузка песен..",
-        "addNext": "добавить следующий",
+        "addNext": "воспроизвести следующим",
         "playbackSpeed": "скорость воспроизведения",
-        "playbackFetchCancel": "это занимает некоторое время... закрыть уведомление для отмены",
-        "play": "прослушать",
+        "playbackFetchCancel": "пожалуйста, подождите немного... закройте уведомление для отмены",
+        "play": "играть",
         "repeat_off": "повтор выключен",
         "pause": "пауза",
         "queue_clear": "очистить очередь",
         "muted": "звук отключён",
         "unfavorite": "убрать из любимых",
-        "queue_moveToTop": "переместить выделение вниз",
-        "queue_moveToBottom": "переместить выделение вверх",
+        "queue_moveToTop": "переместить выделенное вниз",
+        "queue_moveToBottom": "переместить выделенное вверх",
         "shuffle_off": "перемешивание выключено",
-        "addLast": "добавить последний",
+        "addLast": "воспроизвести после всех",
         "mute": "отключить звук",
-        "skip_forward": "вперёд"
+        "skip_forward": "вперёд",
+        "viewQueue": "показать очередь"
     },
     "page": {
         "sidebar": {
-            "nowPlaying": "Cейчас проигрывается",
+            "nowPlaying": "сейчас играет",
             "playlists": "$t(entity.playlist_other)",
             "search": "$t(common.search)",
             "tracks": "$t(entity.track_other)",
@@ -325,28 +372,41 @@
                 "followCurrentLyric": "следовать за текущими словами песни",
                 "opacity": "непрозрачность",
                 "lyricSize": "размер слов",
-                "showLyricProvider": "показать провайдера слов",
-                "unsynchronized": "несинхронизировано",
+                "showLyricProvider": "показать источник слов",
+                "unsynchronized": "не синхронизировано",
                 "lyricAlignment": "выравнивание слов песни",
+                "lyricOffset": "задержка слов (мсек)",
                 "useImageAspectRatio": "использовать соотношение сторон изображения",
-                "lyricGap": "пробел между словами"
+                "lyricGap": "пробел между словами",
+                "dynamicIsImage": "включить фоновое изображение",
+                "dynamicImageBlur": "сила размытия изображения"
             },
-            "upNext": "следующее",
-            "lyrics": "слова песни",
-            "related": "схожие"
+            "upNext": "играет",
+            "lyrics": "слова",
+            "related": "похожие",
+            "visualizer": "визуализатор",
+            "noLyrics": "слова для песни не найдены"
         },
         "appMenu": {
-            "selectServer": "выбрать сервер",
+            "selectServer": "список серверов",
             "version": "версия {{version}}",
             "settings": "$t(common.setting_other)",
-            "manageServers": "настроить список серверов",
-            "expandSidebar": "развернуть",
+            "manageServers": "редактировать список серверов",
+            "expandSidebar": "развернуть боковую панель",
             "collapseSidebar": "Скрыть боковую панель",
             "openBrowserDevtools": "открыть инструменты разработчика",
             "quit": "$t(common.quit)",
             "goBack": "назад",
             "goForward": "вперёд"
         },
+        "manageServers": {
+            "title": "сервера",
+            "serverDetails": "информация о сервере",
+            "url": "адрес",
+            "username": "пользователь",
+            "editServerDetailsTooltip": "изменить настройки сервера",
+            "removeServer": "удалить сервер"
+        },
         "contextMenu": {
             "addToPlaylist": "$t(action.addToPlaylist)",
             "addToFavorites": "$t(action.addToFavorites)",
@@ -359,21 +419,24 @@
             "removeFromFavorites": "$t(action.removeFromFavorites)",
             "addNext": "$t(player.addNext)",
             "deselectAll": "$t(action.deselectAll)",
+            "download": "скачать",
             "addLast": "$t(player.addLast)",
             "addFavorite": "$t(action.addToFavorites)",
             "play": "$t(player.play)",
             "numberSelected": "{{count}} выбрано",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "showDetails": "получить информацию",
+            "shareItem": "поделиться"
         },
         "home": {
-            "mostPlayed": "наибольшее кол-во воспроизведений",
+            "mostPlayed": "слушают чаще всего",
             "newlyAdded": "недавно добавленные релизы",
             "title": "$t(common.home)",
-            "explore": "изучите вашу медиатеку",
-            "recentlyPlayed": "недавно прослушано"
+            "explore": "откройте новое",
+            "recentlyPlayed": "игралось недавно"
         },
         "albumDetail": {
-            "moreFromArtist": "больше из жанра $t(entity.genre_one)",
+            "moreFromArtist": "больше от $t(entity.artist_one)",
             "moreFromGeneric": "больше из {{item}}"
         },
         "setting": {
@@ -386,10 +449,13 @@
             "title": "$t(entity.albumArtist_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "показать $t(entity.genre_one) $t(entity.album_many)",
+            "showTracks": "показать $t(entity.genre_one) $t(entity.track_many)"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)"
         },
         "globalSearch": {
             "commands": {
@@ -399,18 +465,39 @@
             },
             "title": "комманды"
         },
+        "playlist": {
+            "reorder": "сортировка доступна только по ID"
+        },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "альбомы {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
+        },
+        "albumArtistDetail": {
+            "topSongs": "популярные треки",
+            "viewAll": "посмотреть всё",
+            "appearsOn": "появляется в",
+            "viewDiscography": "посмотреть дискографию",
+            "relatedArtists": "похож на $t(entity.artist_many)",
+            "viewAllTracks": "посмотреть все $t(entity.track_other)",
+            "recentReleases": "недавние релизы",
+            "about": "О {{artist}}",
+            "topSongsFrom": "популярные треки из {{title}}"
+        },
+        "itemDetail": {
+            "copyPath": "скопировать путь в буфер обмена",
+            "openFile": "открыть трек в менеджере файлов",
+            "copiedPath": "путь успешно скопирован"
         }
     },
     "form": {
         "deletePlaylist": {
             "title": "удалить $t(entity.playlist_one)",
             "success": "$t(entity.playlist_one) успешно удалён",
-            "input_confirm": "напишите название $t(entity.playlist_one), чтобы подтвердить действие"
+            "input_confirm": "напишите название $t(entity.playlist_few) для подтверждения"
         },
         "createPlaylist": {
             "input_description": "$t(common.description)",
@@ -423,24 +510,24 @@
         "addServer": {
             "title": "добавить сервер",
             "input_username": "пользователь",
-            "input_url": "url",
+            "input_url": "адрес",
             "input_password": "пароль",
-            "input_legacyAuthentication": "включить старую аутентификацию",
+            "input_legacyAuthentication": "включить старую авторизацию",
             "input_name": "название сервера",
-            "success": "сервер добавлен успешно",
+            "success": "сервер успешно добавлен",
             "input_savePassword": "сохранить пароль",
-            "ignoreSsl": "ignore ssl $t(common.restartRequired)",
-            "ignoreCors": "$t(common.restartRequired)",
-            "error_savePassword": "произошла ошибка во время попытки сохранения пароля"
+            "ignoreSsl": "игнорировать ssl ($t(common.restartRequired))",
+            "ignoreCors": "игнорировать CORS ($t(common.restartRequired))",
+            "error_savePassword": "произошла ошибка при сохранении пароля"
         },
         "addToPlaylist": {
-            "success": "добавлено(а) {{message}} $t(entity.song_other) в {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "добавлено: $t(entity.trackWithCount, {\"count\": {{message}} }) в $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "добавить в $t(entity.playlist_one)",
-            "input_skipDuplicates": "пропустить дубликаты",
+            "input_skipDuplicates": "не добавлять дубликаты",
             "input_playlists": "$t(entity.playlist_other)"
         },
         "updateServer": {
-            "title": "обновить сервер",
+            "title": "обновление сервера",
             "success": "сервер успешно обновлён"
         },
         "queryEditor": {
@@ -454,35 +541,221 @@
         },
         "editPlaylist": {
             "title": "редактировать $t(entity.playlist_one)"
+        },
+        "shareItem": {
+            "success": "ссылка скопирована в буфер обмена (нажмите здесь, чтобы открыть)",
+            "expireInvalid": "время истечения срока действия должно быть в будущем",
+            "createFailed": "не удалось создать ссылку для общего доступа (проверьте, включен ли общий доступ?)",
+            "allowDownloading": "разрешить скачивание",
+            "setExpiration": "установить срок действия",
+            "description": "описание"
         }
     },
     "setting": {
         "accentColor": "цвет акцента",
         "accentColor_description": "устанавливает цвет акцента для приложения",
+        "albumBackground": "фоновое изображение альбомов",
+        "albumBackground_description": "добавляет фоновое изображение для страниц альбомов, содержащих обложку",
+        "albumBackgroundBlur": "размытие фонового изображения альбома",
+        "albumBackgroundBlur_description": "определяет степень размытия фонового изображения на странице альбомов",
         "applicationHotkeys": "горячие клавиши приложения",
-        "crossfadeStyle_description": "Выберите вид эффекта crossfade для аудиоплеера",
-        "enableRemote_description": "Включает сервер удалённого управления для управления воспроизведением с помощью других устройств",
-        "fontType_optionSystem": "Системный шрифт",
-        "mpvExecutablePath_description": "Укажите папку, в которой находится исполняющий файл аудиоплеера MPV",
-        "crossfadeStyle": "Вид эффекта crossfade",
-        "fontType_optionBuiltIn": "Встроенный в приложение",
-        "disableLibraryUpdateOnStartup": "Отключить проверку новых версий при запуске приложения",
-        "minimizeToTray_description": "Сворачивать приложение в панель уведомлений",
-        "audioPlayer_description": "Укажите - какой аудиоплеер использовать для воспроизведения",
-        "disableAutomaticUpdates": "Отключить проверку обновлений",
+        "crossfadeStyle_description": "выберите вид эффекта crossfade для аудиоплеера",
+        "customCssEnable": "использовать кастомные css",
+        "customCssEnable_description": "разрешить использование кастомных css.",
+        "enableRemote_description": "включает сервер удалённого управления для управления воспроизведением с помощью других устройств",
+        "fontType_optionSystem": "системный",
+        "mpvExecutablePath_description": "укажите папку, в которой находится исполняющий файл аудиоплеера MPV. если оставить пустым, будет использоваться путь по умолчанию",
+        "crossfadeStyle": "вид эффекта crossfade",
+        "fontType_optionBuiltIn": "встроенный",
+        "disableLibraryUpdateOnStartup": "отключить проверку новых версий при запуске приложения",
+        "minimizeToTray_description": "сворачивать приложение в панель уведомлений",
+        "audioPlayer_description": "укажите, какой аудиоплеер использовать для воспроизведения",
+        "disableAutomaticUpdates": "отключить проверку обновлений",
         "exitToTray_description": "При закрытии приложения - оно останется в панели уведомлений",
-        "fontType_optionCustom": "Пользовательский шрифт",
-        "remotePassword": "Пароль к серверу удалённого управления",
+        "fontType_optionCustom": "пользовательский",
+        "remotePassword": "пароль к серверу удалённого управления",
         "font": "Шрифт",
         "crossfadeDuration_description": "Укажите длительность эффекта crossfade",
-        "mpvExecutablePath": "Папка с аудиоплеером MPV",
-        "exitToTray": "Сворачивать в панель уведомлений при закрытии",
-        "enableRemote": "Включить сервер удалённого управления",
-        "fontType": "Источник шрифта",
+        "mpvExecutablePath": "папка с аудиоплеером MPV",
+        "exitToTray": "сворачивать в панель уведомлений при закрытии",
+        "enableRemote": "включить сервер удалённого управления",
+        "fontType": "тип шрифта",
         "crossfadeDuration": "Длительность эффекта crossfade",
         "audioPlayer": "Аудиоплеер",
-        "minimizeToTray": "Сворачивать в панель уведомлений",
-        "font_description": "Выберите - какой шрифт использовать в приложении",
-        "remoteUsername": "Имя пользователя для доступа к серверу удалённого управления"
+        "minimizeToTray": "сворачивать в панель уведомлений",
+        "font_description": "Выберите, какой шрифт использовать в приложении",
+        "remoteUsername": "имя пользователя для доступа к серверу удалённого управления",
+        "buttonSize_description": "размер кнопок в панели управления воспроизведением",
+        "clearCache": "очистить кэш браузера",
+        "clearQueryCache": "очистить кэш feishin",
+        "audioDevice": "устройство воспроизведения",
+        "audioDevice_description": "выберите устройство воспроизведения (только в режиме аудиоплеера web)",
+        "buttonSize": "размер кнопок панели управления воспроизведением",
+        "hotkey_volumeDown": "уменьшить громкость",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "theme_description": "устанавливает тему, которая будет использоваться в приложении",
+        "passwordStore": "хранилище паролей/секретов",
+        "sidebarPlaylistList": "список плейлистов в боковой панели",
+        "windowBarStyle_description": "выберите стиль заголовка окна",
+        "followLyric": "следовать за текстом трека",
+        "volumeWheelStep": "шаг регулировки громкости колёсиком мыши",
+        "windowBarStyle": "стиль заголовка окна",
+        "hotkey_zoomOut": "уменьшить масштаб",
+        "playbackStyle_optionCrossFade": "затухание",
+        "replayGainMode": "режим {{ReplayGain}}",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "clearQueryCache_description": "так называемая \"мягкая очистка\" feishin: обновляются плейлисты, метаданные треков, но сохранённые тексты треков сбрасываются. настройки, учётные данные и кэшированные изображения сохраняются",
+        "hotkey_favoriteCurrentSong": "добавить $t(common.currentSong) в избранное",
+        "genreBehavior": "поведения страницы жанров",
+        "globalMediaHotkeys": "глобальные мультимедийные горячие клавиши",
+        "hotkey_browserForward": "кнопка браузера \"вперёд\"",
+        "hotkey_favoritePreviousSong": "добавить $t(common.previousSong) в избранное",
+        "hotkey_globalSearch": "глобальный поиск",
+        "hotkey_playbackNext": "следующий трек",
+        "hotkey_playbackPause": "пауза",
+        "hotkey_playbackPlay": "играть",
+        "hotkey_playbackPlayPause": "играть / пауза",
+        "hotkey_playbackPrevious": "предыдущий трек",
+        "hotkey_playbackStop": "остановить",
+        "hotkey_rate0": "убрать оценку",
+        "hotkey_rate1": "оценить в 1 звезду",
+        "hotkey_rate2": "оценить в 2 звезды",
+        "hotkey_rate3": "оценить в 3 звезды",
+        "hotkey_rate4": "оценить в 4 звезды",
+        "hotkey_rate5": "оценить в 5 звёзд",
+        "hotkey_skipForward": "перемотать вперёд",
+        "hotkey_toggleCurrentSongFavorite": "добавить/удалить $t(common.currentSong) в избранное",
+        "hotkey_toggleFullScreenPlayer": "включение/выключение полноэкранного плеера",
+        "hotkey_togglePreviousSongFavorite": "добавить/удалить $t(common.previousSong) в избранное",
+        "hotkey_toggleRepeat": "переключить режим повтора",
+        "hotkey_toggleShuffle": "переключить перемешивание",
+        "hotkey_unfavoriteCurrentSong": "удалить $t(common.currentSong) из избранного",
+        "hotkey_unfavoritePreviousSong": "удалить $t(common.previousSong) из избранного",
+        "hotkey_volumeUp": "увеличить громкость",
+        "hotkey_zoomIn": "увеличить масштаб",
+        "language": "язык",
+        "lyricFetchProvider_description": "выберите источники для получения текстов песен. порядок источников соответствует очередности их запросов",
+        "minimumScrobblePercentage_description": "минимальный процент прослушивания трека, прежде чем он будет засчитан как прослушанный",
+        "minimumScrobbleSeconds_description": "минимальное время прослушивания трека в секундах, прежде чем он будет засчитан как прослушанный",
+        "playbackStyle_optionNormal": "нормальный",
+        "mpvExtraParameters": "параметры mpv",
+        "mpvExtraParameters_help": "по одному на строчку",
+        "playbackStyle_description": "выберите стиль воспроизведения, который будет использоваться аудиоплеером",
+        "playButtonBehavior_description": "устанавливает поведение кнопки воспроизведения при добавлении треков в очередь",
+        "playButtonBehavior": "поведение кнопки воспроизведения",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "playerAlbumArtResolution_description": "разрешение большой версии обложки альбома в проигрывателе. при большем разрешении она выглядит более четкой, но может замедлить загрузку. по умолчанию равно 0 - устанавливает разрешение автоматически",
+        "playerbarOpenDrawer": "полноэкранный переключатель по панели проигрывателя",
+        "playerbarOpenDrawer_description": "позволяет перейти в полноэкранный режим воспроизведения нажатием на панель проигрывателя",
+        "remotePort": "порт сервера удалённого управления",
+        "remotePort_description": "устанавливает порт для сервера удалённого управления",
+        "replayGainClipping": "{{ReplayGain}} клиппинг",
+        "replayGainFallback": "{{ReplayGain}} по умолчанию",
+        "sampleRate_description": "выберите выходную частоту дискретизации, которая будет использоваться, если выбранная частота дискретизации отличается от частоты дискретизации текущего трека. при значении меньше 8000 будет использоваться частота по умолчанию",
+        "savePlayQueue_description": "сохранять очередь воспроизведения при закрытии приложения и восстанавливать при запуске приложения",
+        "showSkipButton_description": "показывать или скрывать кнопки перемотки на панели управления воспроизведением",
+        "sidebarConfiguration": "конфигурация боковой панели",
+        "sidebarConfiguration_description": "выбрать элементы и порядок их отображения на боковой панели",
+        "sidebarCollapsedNavigation": "кнопки навигации в боковой панели (в свёрнутом режиме)",
+        "showSkipButtons": "показывать кнопки перемотки",
+        "showSkipButtons_description": "показывать или скрывать кнопки перемотки на панели управления воспроизведением",
+        "sidebarPlaylistList_description": "показать или скрыть список плейлистов на боковой панели",
+        "sidePlayQueueStyle": "вид отображения боковой очереди",
+        "sidePlayQueueStyle_description": "определяет вид отображения боковой очереди",
+        "sidePlayQueueStyle_optionAttached": "закрепленная",
+        "sidePlayQueueStyle_optionDetached": "плавающая",
+        "skipDuration": "время перемотки",
+        "skipDuration_description": "задает время перемотки при использовании кнопок перемотки на панели проигрывателя",
+        "useSystemTheme": "использовать тему системы",
+        "themeLight": "тема (светлая)",
+        "themeLight_description": "устанавливает светлую тему приложения",
+        "transcodeNote": "эффект применяется после 1 (для веб) - 2 (для mpv) песни",
+        "transcode": "включить транскодинг",
+        "transcode_description": "активирует транскодинг в другие форматы",
+        "transcodeBitrate": "битрейт транскодинга",
+        "transcodeBitrate_description": "выберите битрейт транскодинга. 0 - автоматическое определение сервером",
+        "transcodeFormat": "формат транкодинга",
+        "useSystemTheme_description": "использует тему, заданную в системе (светлую/тёмную)",
+        "zoom": "процент масштабирования",
+        "zoom_description": "устанавливает процент масштабирования приложения",
+        "floatingQueueArea": "показать область наведения для всплывающей очереди",
+        "genreBehavior_description": "определяет, что отобразится при открытии на жанр — список треков или альбомов",
+        "globalMediaHotkeys_description": "включить или отключить использование системных мультимедийных горячих клавиш для управления воспроизведением",
+        "homeConfiguration_description": "позволяет настроить видимость и порядок элементов на домашней странице",
+        "homeFeature": "улучшенная карусель на главной",
+        "homeFeature_description": "определяет, показывать ли улучшенную карусель на главной странице",
+        "hotkey_toggleQueue": "показать/скрыть очередь воспроизведения",
+        "imageAspectRatio": "использовать оригинальное соотношение сторон обложки",
+        "imageAspectRatio_description": "если эта опция включена, обложки будут отображаться в соответствии с их собственным соотношением сторон. для обложек не 1:1 оставшееся пространство будет пустым",
+        "minimumScrobblePercentage": "минимальное время для скробблинга (в процентах)",
+        "playbackStyle": "стиль воспроизведения",
+        "playerAlbumArtResolution": "разрешение обложки альбома",
+        "remotePassword_description": "задает пароль для сервера удалённого управления. По умолчанию эти учетные данные передаются небезопасным способом, поэтому следует использовать уникальный пароль, который вам неважен",
+        "replayGainClipping_description": "Предотвращение клиппинга, вызванного {{ReplayGain}}, путём автоматического снижения усиления",
+        "replayGainFallback_description": "усиление в db для применения, если у файла нет тегов {{ReplayGain}}",
+        "replayGainMode_description": "регулировать усиление громкости в соответствии со значениями {{ReplayGain}}, хранящимися в метаданных файла",
+        "savePlayQueue": "сохранять очередь воспроизведения",
+        "showSkipButton": "показывать кнопки перемотки",
+        "theme": "тема",
+        "themeDark": "тема (тёмная)",
+        "externalLinks": "показывать ссылки на внешние ресурсы",
+        "gaplessAudio": "бесшовное воспроизведение",
+        "gaplessAudio_optionWeak": "слабое (рекомендуется)",
+        "gaplessAudio_description": "устанавливает настройку mpv для бесшовного воспроизведение",
+        "hotkey_browserBack": "кнопка браузера \"назад\"",
+        "hotkey_localSearch": "поиск на странице",
+        "hotkey_skipBackward": "перемотать назад",
+        "startMinimized": "запуск в свёрнутом режиме",
+        "themeDark_description": "устанавливает тёмную тему приложения",
+        "hotkey_volumeMute": "отключить звук",
+        "clearCache_description": "\"жесткая очистка\" feishin: кроме очистки кэша feishin, также очищает кэш браузера (сохранённые картинки и другие ресурсы). учётные данные и настройки сохраняются",
+        "clearCacheSuccess": "кэш успешно удалён",
+        "contextMenu": "конфигурация контекстного меню (нажатие правой кнопкой мыши)",
+        "contextMenu_description": "позволяет скрыть элементы, отображаемые в меню, появляющемся при нажатии правой кнопки мыши на элемент. все, что не отмечено, будет скрыто",
+        "customFontPath": "путь к пользовательскому шрифту",
+        "customFontPath_description": "укажите путь к пользовательскому шрифту, который будет использоваться в приложении",
+        "externalLinks_description": "включает отображение внешних ссылок (Last.fm, MusicBrainz) на страницах альбомов и артистов",
+        "floatingQueueArea_description": "включить отображение иконки наведения на правой части экрана, чтобы показать очередь воспроизведения",
+        "followLyric_description": "прокручивать текст трека до текущей позиции воспроизведения",
+        "language_description": "устанавливает язык приложения ($t(common.restartRequired))",
+        "lyricFetch_description": "получать тексты треков из различных интернет-источников",
+        "lyricFetchProvider": "источник текстов треков",
+        "minimumScrobbleSeconds": "минимальное время для скробблинга (в секундах)",
+        "replayGainPreamp": "предусиление {{ReplayGain}} (дБ)",
+        "sidebarCollapsedNavigation_description": "показать или скрыть кнопки навигации в свёрнутой боковой панели",
+        "homeConfiguration": "конфигурация домашней страницы",
+        "remoteUsername_description": "задает имя пользователя для сервера удалённого управления. если имя пользователя и пароль пусты, аутентификация будет отключена",
+        "scrobble": "скробблинг",
+        "replayGainPreamp_description": "настройка усиления предусилителя, применяемого к значениям {{ReplayGain}}",
+        "passwordStore_description": "какое хранилище паролей/секретов использовать. измените это значение, если у вас есть проблемы с хранением паролей.",
+        "lyricFetch": "получать тексты треков из интернета",
+        "sampleRate": "частота дискретизации",
+        "scrobble_description": "скробблинг треков на вашем медиасервере",
+        "startMinimized_description": "запуск приложения в области уведомлений",
+        "volumeWheelStep_description": "количество громкости, изменяемое при прокрутке колёсика мыши над ползунком громкости",
+        "volumeWidth": "ширина слайдера звука",
+        "volumeWidth_description": "ширина слайдера звука (в px)",
+        "webAudio": "использовать веб аудио",
+        "webAudio_description": "использование веб аудио. включение активирует продвинутые возможности (например, replaygain). отключите, если вам это не нужно",
+        "discordRichPresence": "состояние профиля {{discord}}",
+        "discordApplicationId": "{{discord}} application id",
+        "discordApplicationId_description": "application id приложения {{discord}} которое будет отображаться в статусе профиля (по умолчанию {{defaultId}})",
+        "discordIdleStatus": "показывать состояние простоя",
+        "discordIdleStatus_description": "если включено, то обновляет статус, когда пользователь бездействует",
+        "discordUpdateInterval": "интервал обновления статуса профиля {{discord}}",
+        "discordUpdateInterval_description": "время в секундах между каждым обновлением (минимум 15 секунд)",
+        "doubleClickBehavior": "добавить в очередь все найденные треки при двойном клике",
+        "doubleClickBehavior_description": "есть включено: все найденные в поиске треки будут добавлены в очередь при двойном клике (иначе - только выбранный)",
+        "lyricOffset_description": "Смещение появления текста треков на указанное количество миллисекунд",
+        "skipPlaylistPage": "пропускать страницу плейлиста",
+        "applicationHotkeys_description": "настройка горячих клавиш приложения. поставьте галочку, чтобы сделать горячую клавишу глобальной (только для ПК)",
+        "artistConfiguration": "конфигурация страницы альбомов исполнителей",
+        "artistConfiguration_description": "позволяет настроить видимость и порядок элементов на странице альбомов исполнителей",
+        "fontType_description": "встроенный позволяет выбрать один из шрифтов, предоставляемых Feishin. системный позволяет выбрать любой шрифт, предоставляемый вашей операционной системой. пользовательский позволяет выбрать свой собственный шрифт",
+        "discordRichPresence_description": "включить статус воспроизведения в статус профиля в {{discord}}. Ключи изображений: {{icon}}, {{playing}} и {{paused}} ",
+        "lyricOffset": "синхронизация текста треков (мс)"
     }
 }

src/i18n/locales/sr.json

@@ -41,7 +41,6 @@
         "hotkey_playbackPause": "pauza",
         "replayGainFallback": "{{ReplayGain}} alternativa",
         "sidebarCollapsedNavigation_description": "prikaži ili sakrij navigaciju u sklopljenoj bočnoj traci",
-        "mpvExecutablePath_help": "po jedna po liniji",
         "hotkey_volumeUp": "pojačaj glasnoću",
         "skipDuration": "dužina preskakanja",
         "discordIdleStatus_description": "kada je omogućeno, ažurira status dok je plejer u mirovanju",
@@ -210,7 +209,11 @@
         "moveToBottom": "idi na dno",
         "setRating": "oceni",
         "toggleSmartPlaylistEditor": "pokreni $t(entity.smartPlaylist) editor",
-        "removeFromFavorites": "ukloni iz $t(entity.favorite_other)"
+        "removeFromFavorites": "ukloni iz $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Otvori u Last.fm",
+            "musicbrainz": "Otvori u MusicBrainz"
+        }
     },
     "common": {
         "backward": "nazad",
@@ -360,7 +363,8 @@
             "albumArtist": "album artist",
             "path": "putanja",
             "discNumber": "disk",
-            "channels": "$t(common.channel_other)"
+            "channels": "$t(common.channel_other)",
+            "size": "$t(common.size)"
         }
     },
     "error": {
@@ -559,7 +563,7 @@
             "error_savePassword": "došlo je do greške prilikom pokušaja čuvanja lozinke"
         },
         "addToPlaylist": {
-            "success": "dodato {{message}} $t(entity.song_other) u {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "dodato {{message}} $t(entity.track_other) u {{numOfPlaylists}} $t(entity.playlist_other)",
             "title": "dodaj u $t(entity.playlist_one)",
             "input_skipDuplicates": "preskoči duplikate",
             "input_playlists": "$t(entity.playlist_other)"

src/i18n/locales/sv.json

@@ -190,7 +190,7 @@
             "error_savePassword": "ett fel uppstod när lösenordet skulle sparas"
         },
         "addToPlaylist": {
-            "success": "tillade {{message}} $t(entity.song_other) til {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "tillade {{message}} $t(entity.track_other) til {{numOfPlaylists}} $t(entity.playlist_other)",
             "title": "lägg till i $t(entity.playlist_one)",
             "input_skipDuplicates": "hoppa över dubbletter",
             "input_playlists": "$t(entity.playlist_other)"

src/i18n/locales/zh-Hans.json

@@ -1,7 +1,7 @@
 {
     "action": {
-        "editPlaylist": "编辑 $t(entity.playlist_one)",
-        "moveToTop": "跳至顶部",
+        "editPlaylist": "编辑$t(entity.playlist_one)",
+        "moveToTop": "移至顶部",
         "clearQueue": "清空播放队列",
         "addToFavorites": "添加到$t(entity.favorite_other)",
         "addToPlaylist": "添加到$t(entity.playlist_one)",
@@ -12,11 +12,16 @@
         "deletePlaylist": "删除$t(entity.playlist_one)",
         "removeFromQueue": "从播放队列中移除",
         "deselectAll": "取消全选",
-        "moveToBottom": "跳至底部",
+        "moveToBottom": "移至底部",
         "setRating": "评分",
         "toggleSmartPlaylistEditor": "切换$t(entity.smartPlaylist)编辑器",
         "removeFromFavorites": "从$t(entity.favorite_other)移除",
-        "goToPage": "转到页面"
+        "goToPage": "前往页面",
+        "openIn": {
+            "lastfm": "在 Last.fm 中打开",
+            "musicbrainz": "在 MusicBrainz 中打开"
+        },
+        "moveToNext": "移至下一首"
     },
     "common": {
         "increase": "增高",
@@ -63,8 +68,8 @@
         "bitrate": "比特率",
         "saveAndReplace": "保存并替换",
         "action_other": "操作",
-        "confirm": "确认",
-        "resetToDefault": "重置为默认",
+        "confirm": "确定",
+        "resetToDefault": "重置为默认状态",
         "home": "主页",
         "comingSoon": "即将上线…",
         "reset": "重置",
@@ -76,24 +81,35 @@
         "quit": "退出",
         "expand": "展开",
         "search": "搜索",
-        "saveAs": "保存为",
+        "saveAs": "另存为",
         "random": "随机",
         "biography": "简介",
         "sortOrder": "顺序",
-        "backward": "返回",
+        "backward": "后退",
         "gap": "空隙",
         "limit": "限制",
         "duration": "时长",
         "ok": "好",
         "no": "否",
-        "playerMustBePaused": "播放器须被暂停",
+        "playerMustBePaused": "播放器必须暂停",
         "channel_other": "频道",
         "none": "无",
-        "disc": "盘",
+        "disc": "碟片",
         "yes": "是",
         "size": "大小",
-        "areYouSure": "是否继续？",
-        "note": "注释"
+        "areYouSure": "是否确定？",
+        "note": "注释",
+        "close": "关闭",
+        "albumPeak": "专辑峰值",
+        "mbid": "MusicBrainz ID",
+        "reload": "重载",
+        "trackGain": "音轨增益",
+        "trackPeak": "音轨峰值",
+        "albumGain": "专辑增益",
+        "codec": "编解码器",
+        "share": "分享",
+        "preview": "预览",
+        "translation": "翻译"
     },
     "entity": {
         "albumArtist_other": "专辑艺术家",
@@ -111,13 +127,15 @@
         "folder_other": "文件夹",
         "smartPlaylist": "智能$t(entity.playlist_one)",
         "genreWithCount_other": "{{count}} 种流派",
-        "trackWithCount_other": "{{count}} 首乐曲"
+        "trackWithCount_other": "{{count}} 首乐曲",
+        "play_other": "{{count}} 次播放",
+        "song_other": "歌曲"
     },
     "player": {
-        "repeat_all": "全部循环",
+        "repeat_all": "循环全部",
         "stop": "停止",
         "repeat": "循环",
-        "queue_remove": "移除所选",
+        "queue_remove": "移除所选项",
         "playRandom": "随机播放",
         "skip": "跳过",
         "previous": "上一首",
@@ -131,25 +149,27 @@
         "addNext": "添加为播放列表下一首",
         "playbackFetchCancel": "请稍等…关闭通知以取消操作",
         "play": "播放",
-        "repeat_off": "不循环",
+        "repeat_off": "循环关闭",
         "queue_clear": "清空播放队列",
         "muted": "已静音",
         "unfavorite": "取消收藏",
-        "queue_moveToTop": "使所选置底",
-        "queue_moveToBottom": "使所选置顶",
-        "shuffle_off": "未启用随机播放",
-        "addLast": "添加到播放列表末尾",
+        "queue_moveToTop": "将所选项移至底部",
+        "queue_moveToBottom": "将所选项移至顶部",
+        "shuffle_off": "禁用随机播放",
+        "addLast": "添加至播放列表末尾",
         "mute": "静音",
         "skip_forward": "向前跳过",
         "playbackSpeed": "播放速度",
-        "pause": "暂停"
+        "pause": "暂停",
+        "playSimilarSongs": "播放类似的曲目",
+        "viewQueue": "查看播放队列"
     },
     "setting": {
         "crossfadeStyle_description": "选择用于音频播放器的淡入淡出风格",
-        "hotkey_favoriteCurrentSong": "收藏 $t(common.currentSong)",
+        "hotkey_favoriteCurrentSong": "收藏$t(common.currentSong)",
         "crossfadeStyle": "淡入淡出风格",
-        "audioExclusiveMode_description": "启用独占输出模式。在此模式下，系统通常被锁定，只有 mpv 能够输出音频",
-        "disableLibraryUpdateOnStartup": "禁用启动时查找新版本",
+        "audioExclusiveMode_description": "启用独占输出模式。在此模式下，系统通常被锁定为只有 mpv 能够输出音频",
+        "disableLibraryUpdateOnStartup": "禁用启动时查询新版本",
         "gaplessAudio": "无缝音频",
         "audioPlayer_description": "选择用于播放的音频播放器",
         "globalMediaHotkeys": "全局媒体快捷键",
@@ -176,48 +196,48 @@
         "audioDevice_description": "选择用于播放的音频设备（仅 web 播放器）",
         "enableRemote_description": "启用远程控制服务器，以允许其他设备控制此应用",
         "remotePort_description": "设置远程服务器端口",
-        "hotkey_skipBackward": "向回跳过",
+        "hotkey_skipBackward": "向后跳过",
         "replayGainMode_description": "根据乐曲元数据中存储的{{ReplayGain}}值调整音量增益",
         "volumeWheelStep_description": "在音量滑块上滚动鼠标滚轮时要更改的音量大小",
         "theme_description": "设置应用的主题",
         "hotkey_playbackPause": "暂停",
-        "replayGainFallback": "{{ReplayGain}}后备替代",
+        "replayGainFallback": "{{ReplayGain}}后备方案",
         "sidebarCollapsedNavigation_description": "在折叠的侧边栏中显示或隐藏导航",
         "hotkey_volumeUp": "音量增高",
         "skipDuration": "跳过时长",
         "showSkipButtons": "显示跳过按钮",
         "playButtonBehavior_optionPlay": "$t(player.play)",
-        "minimumScrobblePercentage": "最小 scrobble 时长（百分比）",
+        "minimumScrobblePercentage": "最小记录时长（百分比）",
         "lyricFetch": "从互联网获取歌词",
-        "scrobble": "记录播放信息（Scrobble）",
+        "scrobble": "记录播放信息",
         "skipDuration_description": "设置每次按下跳过按钮将会跳过的时长",
         "fontType_optionSystem": "系统字体",
-        "mpvExecutablePath_description": "设置 mpv 二进制文件的路径",
+        "mpvExecutablePath_description": "设置 mpv 可执行文件的路径。如果留空，则使用默认路径",
         "sampleRate": "采样率",
         "sidePlayQueueStyle_optionAttached": "吸附",
         "sidebarConfiguration": "侧边栏设定",
-        "sampleRate_description": "所选的采样率与当前媒体的频率不同时，用于输出的采样率",
+        "sampleRate_description": "如果选择的采样频率与当前媒体的采样频率不同，请选择要使用的输出采样率。小于 8000 的值将使用默认频率",
         "replayGainMode_optionNone": "$t(common.none)",
         "hotkey_zoomIn": "放大",
-        "scrobble_description": "在你的社交媒体中记录播放信息",
+        "scrobble_description": "在你的媒体服务器中记录播放信息",
         "hotkey_browserForward": "浏览器前进",
         "themeLight": "主题（浅色）",
         "fontType_optionBuiltIn": "内置字体",
         "hotkey_playbackPlayPause": "播放/暂停",
         "hotkey_rate1": "评为 1 星",
-        "hotkey_skipForward": "向后跳过",
+        "hotkey_skipForward": "向前跳过",
         "sidePlayQueueStyle": "侧边播放列表样式",
         "playButtonBehavior_optionAddLast": "$t(player.addLast)",
         "zoom": "缩放率",
         "minimizeToTray_description": "将应用程序最小化到系统托盘",
         "hotkey_playbackPlay": "播放",
-        "hotkey_togglePreviousSongFavorite": "收藏 / 取消收藏$t(common.previousSong)",
+        "hotkey_togglePreviousSongFavorite": "切换收藏$t(common.previousSong)",
         "hotkey_volumeDown": "音量降低",
         "hotkey_unfavoritePreviousSong": "取消收藏$t(common.previousSong)",
         "hotkey_globalSearch": "全局搜索",
         "remoteUsername_description": "设置远程控制服务器的用户名。如果用户名和密码都为空，则身份验证将被禁用",
-        "exitToTray_description": "退出应用时最小化到系统托盘而非关闭",
-        "hotkey_favoritePreviousSong": "收藏 $t(common.previousSong)",
+        "exitToTray_description": "退出应用时最小化到系统托盘",
+        "hotkey_favoritePreviousSong": "收藏$t(common.previousSong)",
         "replayGainMode_optionAlbum": "$t(entity.album_one)",
         "lyricOffset": "歌词偏移（毫秒）",
         "fontType_optionCustom": "自定义字体",
@@ -225,49 +245,49 @@
         "remotePassword": "远程控制服务器密码",
         "lyricFetchProvider": "歌词源",
         "language_description": "设置应用的语言（$t(common.restartRequired)）",
-        "playbackStyle_optionCrossFade": "交叉淡入淡出",
+        "playbackStyle_optionCrossFade": "淡入淡出",
         "hotkey_rate3": "评为 3 星",
         "mpvExtraParameters": "mpv 参数",
         "replayGainMode_optionTrack": "$t(entity.track_one)",
         "themeLight_description": "应用将使用浅色主题",
         "hotkey_toggleFullScreenPlayer": "全屏播放",
         "hotkey_localSearch": "页面内搜索",
-        "hotkey_toggleQueue": "显示 / 隐藏播放队列",
+        "hotkey_toggleQueue": "切换播放队列",
         "zoom_description": "设置应用程序的缩放率",
         "remotePassword_description": "设置远程控制服务器的密码。这些凭据默认以不安全的方式传输，因此您应该使用一个您不在意的唯一密码",
         "hotkey_rate5": "评为 5 星",
-        "hotkey_playbackPrevious": "上一曲",
-        "showSkipButtons_description": "在播放条显示/隐藏播放按钮",
+        "hotkey_playbackPrevious": "上一首",
+        "showSkipButtons_description": "在播放条显示或隐藏播放按钮",
         "language": "语言",
         "playbackStyle": "播放风格",
-        "hotkey_toggleShuffle": "切换随机播放设定",
+        "hotkey_toggleShuffle": "切换随机",
         "theme": "主题",
-        "playbackStyle_description": "选择播放器的播放风格",
-        "mpvExecutablePath": "mpv 二进制文件路径",
+        "playbackStyle_description": "选择音频播放器的播放风格",
+        "mpvExecutablePath": "mpv 可执行文件路径",
         "hotkey_rate2": "评为 2 星",
-        "playButtonBehavior_description": "设置将歌曲添加到队列时播放按钮的默认行为",
-        "minimumScrobblePercentage_description": "歌曲被记录为已播放（scrobble）所需的最小播放百分比",
+        "playButtonBehavior_description": "设置将歌曲添加到播放队列时播放按钮的默认行为",
+        "minimumScrobblePercentage_description": "歌曲被记录为已播放所需的最小播放百分比",
         "exitToTray": "退出时最小化到托盘",
         "hotkey_rate4": "评为 4 星",
-        "showSkipButton_description": "在播放条上显示/隐藏跳过按钮",
-        "savePlayQueue": "保存播放列表",
-        "minimumScrobbleSeconds_description": "歌曲被记录为已播放（scrobble）所需的最小播放时间",
+        "showSkipButton_description": "在播放条上显示或隐藏跳过按钮",
+        "savePlayQueue": "保存播放队列",
+        "minimumScrobbleSeconds_description": "歌曲被记录为已播放所需的最小播放时间",
         "skipPlaylistPage_description": "打开歌单时，直接查看歌曲列表而非查看默认页面",
         "fontType_description": "内置字体可以选择 Feishin 提供的字体之一。系统字体允许您选择操作系统提供的任何字体。自定义选项允许您使用自己的字体",
         "playButtonBehavior": "播放按钮行为",
-        "volumeWheelStep": "音量滚轮步长",
+        "volumeWheelStep": "音量滚轮分度",
         "sidebarPlaylistList_description": "显示或隐藏侧边栏歌单列表",
         "sidePlayQueueStyle_description": "设置侧边播放列表样式",
         "replayGainMode": "{{ReplayGain}}模式",
-        "playbackStyle_optionNormal": "通常",
+        "playbackStyle_optionNormal": "正常",
         "windowBarStyle": "窗口顶栏风格",
         "floatingQueueArea": "显示浮动队列悬停区域",
         "replayGainFallback_description": "乐曲没有{{ReplayGain}}标签时应用的增益（以分贝为单位）",
-        "hotkey_toggleRepeat": "切换循环播放设定",
+        "hotkey_toggleRepeat": "切换循环",
         "lyricOffset_description": "将歌词偏移指定的毫秒数",
         "sidebarConfiguration_description": "选择侧边栏包含的项目与顺序",
         "remotePort": "远程服务器端口",
-        "hotkey_playbackNext": "下一曲",
+        "hotkey_playbackNext": "下一首",
         "useSystemTheme_description": "使用系统定义的浅色或深色主题",
         "playButtonBehavior_optionAddNext": "$t(player.addNext)",
         "lyricFetch_description": "从多个互联网源获取歌词",
@@ -278,21 +298,20 @@
         "hotkey_rate0": "清除评分",
         "floatingQueueArea_description": "在屏幕右侧显示一个悬停图标，以查看播放队列",
         "hotkey_volumeMute": "静音",
-        "hotkey_toggleCurrentSongFavorite": "收藏 / 取消收藏$t(common.currentSong)",
-        "remoteUsername": "远程服务器用户名",
+        "hotkey_toggleCurrentSongFavorite": "切换收藏$t(common.currentSong)",
+        "remoteUsername": "远程控制服务器用户名",
         "hotkey_browserBack": "浏览器后退",
         "showSkipButton": "显示跳过按钮",
         "sidebarPlaylistList": "侧边栏歌单列表",
         "minimizeToTray": "最小化到托盘",
-        "skipPlaylistPage": "跳过歌单页面",
+        "skipPlaylistPage": "跳过播放列表页面",
         "themeDark": "主题（深色）",
         "sidebarCollapsedNavigation": "侧边栏（已折叠）导航",
-        "minimumScrobbleSeconds": "最小 scrobble 时间（秒）",
+        "minimumScrobbleSeconds": "最小记录时间（秒）",
         "hotkey_playbackStop": "停止",
         "windowBarStyle_description": "选择窗口顶栏的风格",
         "savePlayQueue_description": "当应用程序关闭时保存播放队列，并在应用程序打开时恢复它",
         "useSystemTheme": "跟随系统",
-        "mpvExecutablePath_help": "每行一个",
         "discordIdleStatus_description": "启用后将会在播放器闲置时更新状态",
         "replayGainClipping_description": "自动降低增益以防止{{ReplayGain}}造成削波",
         "replayGainPreamp": "{{ReplayGain}}前置放大（分贝）",
@@ -305,7 +324,72 @@
         "accentColor_description": "设置应用的强调色",
         "replayGainPreamp_description": "调整应用在{{ReplayGain}}值上的前置放大增益",
         "discordIdleStatus": "显示 rich presence 闲置状态",
-        "discordRichPresence": "{{discord}} rich presence"
+        "discordRichPresence": "{{discord}} rich presence",
+        "clearCache": "清除浏览器缓存",
+        "buttonSize": "播放器栏按钮大小",
+        "buttonSize_description": "播放器栏按钮大小",
+        "clearCache_description": "feishin的“硬清除”。除了清除feishin的缓存，清空浏览器缓存（保存的图像和其他资源）。服务器凭据和设置会被保留",
+        "clearQueryCache_description": "feishin的“软清除”。这将会刷新播放列表、元数据并重置保存的歌词。设置、服务器凭据和缓存图像会被保留",
+        "clearQueryCache": "清除feishin缓存",
+        "externalLinks": "显示外部链接",
+        "externalLinks_description": "允许在艺术家/专辑页面上显示外部链接（Last.fm、MusicBrainz）",
+        "mpvExtraParameters_help": "每行一个",
+        "startMinimized": "启动最小化",
+        "startMinimized_description": "在系统托盘中启动应用程序",
+        "passwordStore_description": "使用什么密码/密钥存储。如果您在存储密码时遇到问题，请更改此设置。",
+        "clearCacheSuccess": "缓存清除成功",
+        "playerAlbumArtResolution": "播放器专辑封面分辨率",
+        "playerAlbumArtResolution_description": "大型播放器专辑封面预览的分辨率。较大使其看起来更清晰，但可能会减慢加载速度。默认为0，表示自动",
+        "genreBehavior": "类型页面默认行为",
+        "genreBehavior_description": "确定单击流派是否默认在曲目或专辑列表中打开",
+        "homeConfiguration": "主页配置",
+        "homeConfiguration_description": "配置主页上显示的项目以及显示顺序",
+        "passwordStore": "密码/密钥存储",
+        "homeFeature_description": "控制是否在主页上显示大型特色轮播",
+        "homeFeature": "首页 精选 轮播",
+        "imageAspectRatio": "保留封面图像纵横比",
+        "imageAspectRatio_description": "如果启用，封面图像将保留纵横比显示。对于不是1:1的图像，剩余的空间将是空的",
+        "doubleClickBehavior_description": "如果为真，则曲目搜索中所有匹配的曲目都将被加入播放队列。否则，只有单击的曲目才会被加入播放队列",
+        "doubleClickBehavior": "双击时将所有搜索到的曲目加入播放队列",
+        "volumeWidth": "音量滑块宽度",
+        "volumeWidth_description": "音量滑块的宽度",
+        "discordListening": "显示状态为正在监听",
+        "discordListening_description": "将状态显示为正在监听，而不是正在播放",
+        "contextMenu_description": "允许您隐藏右键单击项目时显示在菜单中的项目。未选中的项目将被隐藏",
+        "customCssEnable_description": "允许编写自定义 css。",
+        "customCss": "自定义css",
+        "customCss_description": "自定义css内容。注意：内容和远程url是不允许的属性。内容预览展示如下。出于安全考虑，您未设置的其它字段也会显示。",
+        "contextMenu": "上下文菜单（右键单击）配置",
+        "customCssEnable": "启用自定义 css",
+        "customCssNotice": "警告：虽然预设了一些安全限制（不允许 url() 和 content:），但使用自定义 CSS 仍然会因更改界面而带来风险。",
+        "transcodeNote": "1（web）-2（mpv）首歌曲后生效",
+        "transcode": "启用转码",
+        "transcode_description": "可以转码为不同的格式",
+        "transcodeBitrate": "转码比特率",
+        "albumBackground": "专辑背景图片",
+        "albumBackground_description": "为包含专辑封面的专辑页面添加背景图像",
+        "albumBackgroundBlur": "专辑背景图像模糊大小",
+        "albumBackgroundBlur_description": "调整相册背景图片的模糊程度",
+        "playerbarOpenDrawer": "播放器栏全屏切换",
+        "playerbarOpenDrawer_description": "允许点击播放器栏打开全屏播放器",
+        "transcodeBitrate_description": "选择要转码的比特率。0 表示让服务器选择",
+        "transcodeFormat": "转码格式",
+        "transcodeFormat_description": "选择要转码的格式。留空让服务器决定",
+        "webAudio_description": "使用 web 音频。这将启用重播增益等高级功能。如果您遇到其他情况，请禁用",
+        "artistConfiguration_description": "配置专辑艺术家页面上显示的项目及其显示顺序",
+        "webAudio": "使用 web 音频",
+        "artistConfiguration": "专辑艺术家页面配置",
+        "playButtonBehavior_optionPlayShuffled": "$t(player.shuffle)",
+        "trayEnabled_description": "显示/隐藏托盘图标/菜单。如果禁用，也会禁用最小化/退出到托盘",
+        "trayEnabled": "显示托盘",
+        "translationApiProvider": "翻译api提供商",
+        "translationApiProvider_description": "翻译api提供商",
+        "translationApiKey": "翻译api密钥",
+        "translationApiKey_description": "翻译api密钥（仅支持全球服务节点）",
+        "translationTargetLanguage": "目标翻译语言",
+        "translationTargetLanguage_description": "目标翻译语言",
+        "lastfmApiKey": "{{lastfm}} API 密钥",
+        "lastfmApiKey_description": "{{lastfm}} 的 API 密钥。封面艺术图所需"
     },
     "error": {
         "remotePortWarning": "重启服务器使新端口生效",
@@ -315,7 +399,7 @@
         "remotePortError": "设置远程服务器端口时发生错误",
         "serverRequired": "需要服务器",
         "authenticationFailed": "认证失败",
-        "apiRouteError": "请求失败：无法路由",
+        "apiRouteError": "无法路由请求",
         "genericError": "发生了错误",
         "credentialsRequired": "需要凭证",
         "sessionExpiredError": "会话已过期",
@@ -326,10 +410,13 @@
         "mpvRequired": "需要 MPV",
         "audioDeviceFetchError": "无法获取音频设备",
         "invalidServer": "无效的服务器",
-        "loginRateError": "登录请求尝试次数过多，请稍后再试"
+        "loginRateError": "登录请求尝试次数过多，请稍后再试",
+        "badAlbum": "您看到此页面是因为这首歌不是专辑的一部分。如果您的音乐文件夹顶层有一首歌曲，您很可能会遇到此问题。jellyfin 仅对位于文件夹中的曲目进行分组。",
+        "networkError": "发生网络错误",
+        "openError": "无法打开文件"
     },
     "filter": {
-        "mostPlayed": "播放最多",
+        "mostPlayed": "最多播放过",
         "playCount": "播放次数",
         "recentlyPlayed": "最近播放",
         "title": "标题",
@@ -346,7 +433,7 @@
         "albumArtist": "$t(entity.albumArtist_one)",
         "releaseYear": "发布年份",
         "biography": "个人简介",
-        "songCount": "曲目数",
+        "songCount": "曲目数量",
         "random": "随机",
         "lastPlayed": "上次播放过",
         "toYear": "从年份",
@@ -368,7 +455,7 @@
         "note": "注释",
         "albumCount": "$t(entity.album_other)数",
         "id": "id",
-        "disc": "盘",
+        "disc": "碟片",
         "duration": "时长",
         "album": "$t(entity.album_one)"
     },
@@ -384,7 +471,8 @@
             "settings": "$t(common.setting_other)",
             "home": "$t(common.home)",
             "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "共享$t(entity.playlist_other)"
         },
         "fullscreenPlayer": {
             "config": {
@@ -398,11 +486,16 @@
                 "lyricAlignment": "歌词对齐",
                 "useImageAspectRatio": "使用图片纵横比",
                 "lyricGap": "歌词间距",
-                "followCurrentLyric": "跟随当前歌词"
+                "followCurrentLyric": "跟随当前歌词",
+                "dynamicImageBlur": "图像模糊大小",
+                "dynamicIsImage": "启用背景图像",
+                "lyricOffset": "歌词延迟补偿（毫秒）"
             },
             "lyrics": "歌词",
             "related": "相关",
-            "upNext": "即将播放"
+            "upNext": "即将播放",
+            "visualizer": "可视化",
+            "noLyrics": "未找到歌词"
         },
         "appMenu": {
             "selectServer": "选择服务器",
@@ -425,19 +518,21 @@
         },
         "albumDetail": {
             "moreFromArtist": "更多该$t(entity.artist_one)作品",
-            "moreFromGeneric": "更多{{item}}作品"
+            "moreFromGeneric": "更多{{item}}作品",
+            "released": "已发布"
         },
         "setting": {
             "playbackTab": "播放",
             "generalTab": "通用",
             "hotkeysTab": "快捷键",
-            "windowTab": "窗口"
+            "windowTab": "窗口",
+            "advanced": "高级"
         },
         "globalSearch": {
             "commands": {
                 "serverCommands": "服务器命令",
                 "goToPage": "跳至页面",
-                "searchFor": "搜索 {{query}}"
+                "searchFor": "搜索{{query}}"
             },
             "title": "命令"
         },
@@ -457,22 +552,61 @@
             "addNext": "$t(player.addNext)",
             "deselectAll": "$t(action.deselectAll)",
             "addLast": "$t(player.addLast)",
-            "addFavorite": "$t(action.addToFavorites)"
+            "addFavorite": "$t(action.addToFavorites)",
+            "showDetails": "获取信息",
+            "shareItem": "分享项目",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "下载",
+            "playShuffled": "$t(player.shuffle)",
+            "moveToNext": "$t(action.moveToNext)"
         },
         "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)",
+            "artistTracks": "{{artist}}的曲目"
         },
         "albumArtistList": {
             "title": "$t(entity.albumArtist_other)"
         },
         "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "{{artist}}的专辑",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
         },
         "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "显示$t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "显示$t(entity.genre_one) $t(entity.track_other)"
         },
         "playlistList": {
             "title": "$t(entity.playlist_other)"
+        },
+        "albumArtistDetail": {
+            "recentReleases": "最近发布",
+            "viewDiscography": "查看唱片目录",
+            "relatedArtists": "相关$t(entity.artist_other)",
+            "topSongs": "热门歌曲",
+            "topSongsFrom": "{{title}}的热门歌曲",
+            "viewAllTracks": "查看所有$t(entity.track_other)",
+            "about": "关于{{artist}}",
+            "appearsOn": "出现在",
+            "viewAll": "查看全部"
+        },
+        "itemDetail": {
+            "copyPath": "将路径复制到剪贴板",
+            "copiedPath": "路径复制成功",
+            "openFile": "在文件管理器中显示曲目"
+        },
+        "playlist": {
+            "reorder": "仅在按 ID 排序时启用重排序"
+        },
+        "manageServers": {
+            "url": "URL",
+            "title": "管理服务器",
+            "serverDetails": "服务器详细信息",
+            "username": "用户名",
+            "editServerDetailsTooltip": "编辑服务器详细信息",
+            "removeServer": "移除服务器"
         }
     },
     "form": {
@@ -486,7 +620,7 @@
             "input_username": "用户名",
             "input_password": "密码",
             "input_legacyAuthentication": "启用旧版认证方式",
-            "input_name": "服务器名",
+            "input_name": "服务器名称",
             "success": "服务器添加成功",
             "input_savePassword": "保存密码",
             "ignoreSsl": "忽略 ssl $t(common.restartRequired)",
@@ -495,7 +629,7 @@
             "input_url": "url"
         },
         "addToPlaylist": {
-            "success": "添加 {{message}} $t(entity.song_other) 到 {{numOfPlaylists}} $t(entity.playlist_other)",
+            "success": "添加$t(entity.trackWithCount, {\"count\": {{message}} })到$t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
             "title": "添加到$t(entity.playlist_one)",
             "input_skipDuplicates": "跳过重复",
             "input_playlists": "$t(entity.playlist_other)"
@@ -517,22 +651,35 @@
             "input_optionMatchAny": "匹配任何"
         },
         "editPlaylist": {
-            "title": "编辑$t(entity.playlist_one)"
+            "title": "编辑$t(entity.playlist_one)",
+            "publicJellyfinNote": "Jellyfin 出于某种原因不会显示播放列表是否公开。如果您希望保持公开，请选择以下输入",
+            "success": "$t(entity.playlist_one)更新成功"
         },
         "lyricSearch": {
             "title": "搜索歌词",
             "input_name": "$t(common.name)",
             "input_artist": "$t(entity.artist_one)"
+        },
+        "shareItem": {
+            "expireInvalid": "过期时间必须是将来的时间",
+            "createFailed": "创建共享失败（是否已启用共享？）",
+            "allowDownloading": "允许下载",
+            "description": "描述",
+            "setExpiration": "设置过期时间",
+            "success": "共享链接已复制到剪贴板（或单击此处打开）"
         }
     },
     "table": {
         "config": {
             "general": {
-                "displayType": "显示风格",
+                "displayType": "显示类型",
                 "gap": "$t(common.gap)",
                 "tableColumns": "列",
                 "autoFitColumns": "列宽自适应",
-                "size": "$t(common.size)"
+                "size": "$t(common.size)",
+                "itemGap": "项目间隙（px）",
+                "itemSize": "项目大小 (px)",
+                "followCurrentSong": "关注当前播放的歌曲"
             },
             "view": {
                 "table": "表格",
@@ -548,7 +695,7 @@
                 "bpm": "$t(common.bpm)",
                 "lastPlayed": "最后播放",
                 "trackNumber": "音轨编号",
-                "rowIndex": "行号",
+                "rowIndex": "行索引",
                 "rating": "$t(common.rating)",
                 "artist": "$t(entity.artist_one)",
                 "album": "$t(entity.album_one)",
@@ -557,7 +704,7 @@
                 "owner": "$t(common.owner)",
                 "path": "$t(common.path)",
                 "channels": "$t(common.channel_other)",
-                "playCount": "播放数",
+                "playCount": "播放次数",
                 "bitrate": "$t(common.bitrate)",
                 "actions": "$t(common.action_other)",
                 "genre": "$t(entity.genre_one)",
@@ -565,13 +712,15 @@
                 "favorite": "$t(common.favorite)",
                 "year": "$t(common.year)",
                 "albumArtist": "$t(entity.albumArtist_one)",
-                "titleCombined": "$t(common.title)（合并）"
+                "titleCombined": "$t(common.title)（合并）",
+                "codec": "$t(common.codec)",
+                "songCount": "$t(entity.track_other)"
             }
         },
         "column": {
             "comment": "评论",
             "album": "专辑",
-            "rating": "评价",
+            "rating": "评分",
             "favorite": "收藏",
             "playCount": "播放次数",
             "albumCount": "$t(entity.album_other)",
@@ -590,7 +739,9 @@
             "albumArtist": "专辑艺术家",
             "path": "路径",
             "channels": "$t(common.channel_other)",
-            "discNumber": "盘"
+            "discNumber": "碟片",
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
         }
     }
 }

src/i18n/locales/zh-Hant.json

@@ -1 +1,601 @@
-{}
+{
+    "common": {
+        "backward": "返回",
+        "biography": "簡介",
+        "bitrate": "比特率",
+        "bpm": "bpm",
+        "clear": "清空",
+        "collapse": "折疊",
+        "comingSoon": "即將上線…",
+        "confirm": "確認",
+        "decrease": "降低",
+        "delete": "刪除",
+        "descending": "降序",
+        "description": "描述",
+        "forceRestartRequired": "重啓應用使更改生效…關閉通知即可重啓",
+        "menu": "菜單",
+        "action_other": "操作",
+        "add": "添加",
+        "areYouSure": "是否繼續？",
+        "ascending": "升序",
+        "disable": "禁用",
+        "disc": "盤",
+        "dismiss": "忽略",
+        "duration": "時長",
+        "edit": "編輯",
+        "enable": "啓用",
+        "expand": "展開",
+        "favorite": "收藏",
+        "filter_other": "篩選",
+        "filters": "篩選",
+        "forward": "前進",
+        "gap": "空隙",
+        "home": "主頁",
+        "increase": "增高",
+        "left": "左",
+        "limit": "限制",
+        "manage": "管理",
+        "maximize": "最大化",
+        "ok": "好",
+        "owner": "所有者",
+        "path": "路徑",
+        "playerMustBePaused": "播放器須被暫停",
+        "previousSong": "上壹首$t(entity.track_one)",
+        "quit": "退出",
+        "random": "隨機",
+        "rating": "評分",
+        "refresh": "刷新",
+        "reset": "重置",
+        "resetToDefault": "重置爲默認",
+        "restartRequired": "需要重啓應用",
+        "right": "右",
+        "save": "保存",
+        "saveAndReplace": "保存並替換",
+        "saveAs": "保存爲",
+        "search": "搜索",
+        "sortOrder": "順序",
+        "title": "標題",
+        "trackNumber": "音軌編號",
+        "unknown": "未知",
+        "size": "大小",
+        "version": "版本",
+        "year": "年份",
+        "yes": "是",
+        "cancel": "取消",
+        "center": "中央",
+        "channel_other": "頻道",
+        "configure": "配置",
+        "create": "創建",
+        "currentSong": "當前$t(entity.track_one)",
+        "minimize": "最小化",
+        "modified": "已修改",
+        "name": "名稱",
+        "no": "否",
+        "none": "無",
+        "noResultsFromQuery": "未查詢到匹配結果",
+        "note": "注釋"
+    },
+    "error": {
+        "endpointNotImplementedError": "{{serverType}} 尚未實現端點 {{endpoint}}",
+        "apiRouteError": "請求失敗：無法路由",
+        "audioDeviceFetchError": "無法獲取音頻設備",
+        "authenticationFailed": "認證失敗",
+        "credentialsRequired": "需要憑證",
+        "genericError": "發生了錯誤",
+        "invalidServer": "無效的服務器",
+        "localFontAccessDenied": "無法獲取本地字體",
+        "loginRateError": "登錄請求嘗試次數過多，請稍後再試",
+        "remoteDisableError": "$t(common.disable)遠程服務器時出現錯誤",
+        "remoteEnableError": "$t(common.enable)遠程服務器時出現錯誤",
+        "remotePortError": "設置遠程服務器端口時發生錯誤",
+        "remotePortWarning": "重啓服務器使新端口生效",
+        "serverRequired": "需要服務器",
+        "sessionExpiredError": "會話已過期",
+        "systemFontError": "獲取系統字體時出現錯誤",
+        "serverNotSelectedError": "未選擇服務器",
+        "mpvRequired": "需要 MPV",
+        "playbackError": "無法播放媒體"
+    },
+    "page": {
+        "contextMenu": {
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "addLast": "$t(player.addLast)",
+            "addNext": "$t(player.addNext)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "deselectAll": "$t(action.deselectAll)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "numberSelected": "{{count}} 已選擇",
+            "play": "$t(player.play)"
+        },
+        "globalSearch": {
+            "title": "命令",
+            "commands": {
+                "goToPage": "跳至頁面",
+                "searchFor": "搜索 {{query}}",
+                "serverCommands": "服務器命令"
+            }
+        },
+        "home": {
+            "explore": "從庫中搜索",
+            "recentlyPlayed": "最近播放",
+            "title": "$t(common.home)",
+            "mostPlayed": "最多播放",
+            "newlyAdded": "最近添加的發布"
+        },
+        "appMenu": {
+            "openBrowserDevtools": "打開浏覽器開發者工具",
+            "collapseSidebar": "折疊側邊欄",
+            "expandSidebar": "展開側邊欄",
+            "goBack": "返回",
+            "goForward": "前進",
+            "quit": "$t(common.quit)",
+            "selectServer": "選擇服務器",
+            "settings": "$t(common.setting_other)",
+            "version": "版本 {{version}}",
+            "manageServers": "管理服務器"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricProvider": "顯示歌詞提供者",
+                "useImageAspectRatio": "使用圖片縱橫比",
+                "dynamicBackground": "動態背景",
+                "followCurrentLyric": "跟隨當前歌詞",
+                "lyricAlignment": "歌詞對齊",
+                "lyricGap": "歌詞間距",
+                "lyricSize": "歌詞字體大小",
+                "synchronized": "已同步",
+                "unsynchronized": "未同步",
+                "opacity": "透明度",
+                "showLyricMatch": "顯示匹配的歌詞"
+            },
+            "lyrics": "歌詞",
+            "related": "相關",
+            "upNext": "即將播放"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "setting": {
+            "hotkeysTab": "快捷鍵",
+            "playbackTab": "播放",
+            "windowTab": "窗口",
+            "generalTab": "通用"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "更多該$t(entity.artist_one)作品",
+            "moreFromGeneric": "更多{{item}}作品"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "sidebar": {
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "albums": "$t(entity.album_other)",
+            "artists": "$t(entity.artist_other)",
+            "folders": "$t(entity.folder_other)",
+            "search": "$t(common.search)",
+            "settings": "$t(common.setting_other)",
+            "tracks": "$t(entity.track_other)",
+            "genres": "$t(entity.genre_other)",
+            "home": "$t(common.home)",
+            "nowPlaying": "正在播放",
+            "playlists": "$t(entity.playlist_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        }
+    },
+    "player": {
+        "playbackFetchInProgress": "正在加載歌曲…",
+        "addLast": "添加到播放列表末尾",
+        "addNext": "添加爲播放列表下壹首",
+        "favorite": "收藏",
+        "mute": "靜音",
+        "muted": "已靜音",
+        "playbackFetchNoResults": "未找到歌曲",
+        "playbackSpeed": "播放速度",
+        "playRandom": "隨機播放",
+        "previous": "上壹首",
+        "queue_clear": "清空播放隊列",
+        "queue_remove": "移除所選",
+        "repeat": "循環",
+        "repeat_all": "全部循環",
+        "repeat_off": "不循環",
+        "shuffle": "隨機播放",
+        "shuffle_off": "未啓用隨機播放",
+        "skip": "跳過",
+        "skip_back": "向後跳過",
+        "skip_forward": "向前跳過",
+        "stop": "停止",
+        "toggleFullscreenPlayer": "全屏",
+        "unfavorite": "取消收藏",
+        "pause": "暫停",
+        "next": "下壹首",
+        "play": "播放",
+        "playbackFetchCancel": "請稍等…關閉通知以取消操作",
+        "queue_moveToBottom": "使所選置頂",
+        "queue_moveToTop": "使所選置底"
+    },
+    "setting": {
+        "audioPlayer_description": "選擇用于播放的音頻播放器",
+        "themeLight": "主題（淺色）",
+        "themeLight_description": "應用將使用淺色主題",
+        "discordRichPresence": "{{discord}} rich presence",
+        "hotkey_volumeDown": "音量降低",
+        "hotkey_volumeMute": "靜音",
+        "minimumScrobblePercentage": "最小 scrobble 時長（百分比）",
+        "minimumScrobblePercentage_description": "歌曲被記錄爲已播放（scrobble）所需的最小播放百分比",
+        "theme_description": "設置應用的主題",
+        "accentColor": "強調色",
+        "accentColor_description": "設置應用的強調色",
+        "applicationHotkeys": "應用快捷鍵",
+        "applicationHotkeys_description": "配置應用快捷鍵。勾選設爲全局快捷鍵（僅桌面端）",
+        "audioDevice": "音頻設備",
+        "audioDevice_description": "選擇用于播放的音頻設備（僅 web 播放器）",
+        "audioExclusiveMode": "音頻獨占模式",
+        "audioExclusiveMode_description": "啓用獨占輸出模式。在此模式下，系統通常被鎖定，只有 mpv 能夠輸出音頻",
+        "audioPlayer": "音頻播放器",
+        "crossfadeDuration": "淡入淡出持續時間",
+        "crossfadeDuration_description": "設置淡入淡出持續時間",
+        "crossfadeStyle": "淡入淡出風格",
+        "crossfadeStyle_description": "選擇用于音頻播放器的淡入淡出風格",
+        "customFontPath": "自定義字體路徑",
+        "customFontPath_description": "設置應用使用的自定義字體路徑",
+        "disableAutomaticUpdates": "禁用自動更新",
+        "disableLibraryUpdateOnStartup": "禁用啓動時查找新版本",
+        "discordApplicationId": "{{discord}} 應用 id",
+        "discordApplicationId_description": "{{discord}} rich presence 應用 id（默認爲 {{defaultId}}）",
+        "discordIdleStatus": "顯示 rich presence 閑置狀態",
+        "discordIdleStatus_description": "啓用後將會在播放器閑置時更新狀態",
+        "discordRichPresence_description": "在 {{discord}} rich presence 中顯示播放狀態。圖片鍵爲：{{icon}}、{{playing}} 和 {{paused}} ",
+        "discordUpdateInterval": "{{discord}} rich presence 更新間隔",
+        "discordUpdateInterval_description": "更新間隔秒數（至少 15 秒）",
+        "enableRemote": "啓用遠程控制服務器",
+        "enableRemote_description": "啓用遠程控制服務器，以允許其他設備控制此應用",
+        "exitToTray": "退出時最小化到托盤",
+        "floatingQueueArea_description": "在屏幕右側顯示壹個懸停圖標，以查看播放隊列",
+        "followLyric": "跟隨當前歌詞",
+        "font_description": "設置應用使用的字體",
+        "fontType": "字體類型",
+        "fontType_description": "內置字體可以選擇 Feishin 提供的字體之壹。系統字體允許您選擇操作系統提供的任何字體。自定義選項允許您使用自己的字體",
+        "fontType_optionBuiltIn": "內置字體",
+        "fontType_optionCustom": "自定義字體",
+        "fontType_optionSystem": "系統字體",
+        "gaplessAudio": "無縫音頻",
+        "gaplessAudio_description": "調整 mpv 無縫音頻設置",
+        "gaplessAudio_optionWeak": "弱（推薦）",
+        "globalMediaHotkeys": "全局媒體快捷鍵",
+        "hotkey_browserForward": "浏覽器前進",
+        "hotkey_favoritePreviousSong": "收藏 $t(common.previousSong)",
+        "hotkey_globalSearch": "全局搜索",
+        "hotkey_localSearch": "頁面內搜索",
+        "hotkey_playbackNext": "下壹曲",
+        "hotkey_playbackPause": "暫停",
+        "hotkey_playbackPlay": "播放",
+        "hotkey_playbackPlayPause": "播放/暫停",
+        "hotkey_playbackPrevious": "上壹曲",
+        "hotkey_rate2": "評爲 2 星",
+        "hotkey_rate1": "評爲 1 星",
+        "hotkey_rate3": "評爲 3 星",
+        "hotkey_rate4": "評爲 4 星",
+        "hotkey_rate5": "評爲 5 星",
+        "hotkey_skipBackward": "向回跳過",
+        "hotkey_skipForward": "向後跳過",
+        "hotkey_toggleCurrentSongFavorite": "收藏 / 取消收藏$t(common.currentSong)",
+        "hotkey_toggleFullScreenPlayer": "全屏播放",
+        "hotkey_togglePreviousSongFavorite": "收藏 / 取消收藏$t(common.previousSong)",
+        "hotkey_toggleQueue": "顯示 / 隱藏播放隊列",
+        "hotkey_toggleRepeat": "切換循環播放設定",
+        "hotkey_toggleShuffle": "切換隨機播放設定",
+        "hotkey_unfavoriteCurrentSong": "取消收藏$t(common.currentSong)",
+        "hotkey_unfavoritePreviousSong": "取消收藏$t(common.previousSong)",
+        "hotkey_zoomIn": "放大",
+        "hotkey_zoomOut": "縮小",
+        "language": "語言",
+        "language_description": "設置應用的語言（$t(common.restartRequired)）",
+        "lyricFetch": "從互聯網獲取歌詞",
+        "lyricFetch_description": "從多個互聯網源獲取歌詞",
+        "lyricFetchProvider": "歌詞源",
+        "lyricOffset": "歌詞偏移（毫秒）",
+        "lyricOffset_description": "將歌詞偏移指定的毫秒數",
+        "lyricFetchProvider_description": "選擇歌詞源。 歌詞源順序與查詢順序壹致",
+        "minimizeToTray": "最小化到托盤",
+        "minimizeToTray_description": "將應用程序最小化到系統托盤",
+        "minimumScrobbleSeconds": "最小 scrobble 時間（秒）",
+        "minimumScrobbleSeconds_description": "歌曲被記錄爲已播放（scrobble）所需的最小播放時間",
+        "mpvExecutablePath": "mpv 二進制文件路徑",
+        "playbackStyle_optionCrossFade": "交叉淡入淡出",
+        "playbackStyle_optionNormal": "通常",
+        "playButtonBehavior": "播放按鈕行爲",
+        "playButtonBehavior_description": "設置將歌曲添加到隊列時播放按鈕的默認行爲",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "remotePort": "遠程服務器端口",
+        "remoteUsername": "遠程服務器用戶名",
+        "replayGainClipping": "{{ReplayGain}}削波",
+        "replayGainFallback": "{{ReplayGain}}後備替代",
+        "replayGainFallback_description": "樂曲沒有{{ReplayGain}}標簽時應用的增益（以分貝爲單位）",
+        "replayGainMode": "{{ReplayGain}}模式",
+        "replayGainMode_description": "根據樂曲元數據中存儲的{{ReplayGain}}值調整音量增益",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "replayGainPreamp": "{{ReplayGain}}前置放大（分貝）",
+        "replayGainPreamp_description": "調整應用在{{ReplayGain}}值上的前置放大增益",
+        "savePlayQueue": "保存播放列表",
+        "sampleRate_description": "如果選擇的采樣頻率與當前媒體的采樣頻率不同，請選擇要使用的輸出采樣率。小于 8000 的值將使用默認頻率",
+        "savePlayQueue_description": "當應用程序關閉時保存播放隊列，並在應用程序打開時恢複它",
+        "scrobble": "記錄播放信息（Scrobble）",
+        "scrobble_description": "在妳的社交媒體中記錄播放信息",
+        "showSkipButton": "顯示跳過按鈕",
+        "showSkipButton_description": "在播放條上顯示/隱藏跳過按鈕",
+        "sidebarPlaylistList": "側邊欄歌單列表",
+        "sidebarCollapsedNavigation": "側邊欄（已折疊）導航",
+        "sidebarCollapsedNavigation_description": "在折疊的側邊欄中顯示或隱藏導航",
+        "sidebarConfiguration": "側邊欄設定",
+        "sidebarConfiguration_description": "選擇側邊欄包含的項目與順序",
+        "sidebarPlaylistList_description": "顯示或隱藏側邊欄歌單列表",
+        "sidePlayQueueStyle": "側邊播放列表樣式",
+        "sidePlayQueueStyle_description": "設置側邊播放列表樣式",
+        "sidePlayQueueStyle_optionAttached": "吸附",
+        "sidePlayQueueStyle_optionDetached": "不吸附",
+        "skipDuration": "跳過時長",
+        "skipDuration_description": "設置每次按下跳過按鈕將會跳過的時長",
+        "skipPlaylistPage": "跳過歌單頁面",
+        "skipPlaylistPage_description": "打開歌單時，直接查看歌曲列表而非查看默認頁面",
+        "theme": "主題",
+        "themeDark": "主題（深色）",
+        "useSystemTheme_description": "使用系統定義的淺色或深色主題",
+        "useSystemTheme": "跟隨系統",
+        "volumeWheelStep": "音量滾輪步長",
+        "volumeWheelStep_description": "在音量滑塊上滾動鼠標滾輪時要更改的音量大小",
+        "windowBarStyle": "窗口頂欄風格",
+        "windowBarStyle_description": "選擇窗口頂欄的風格",
+        "zoom": "縮放率",
+        "zoom_description": "設置應用程序的縮放率",
+        "hotkey_volumeUp": "音量增高",
+        "sampleRate": "采樣率",
+        "showSkipButtons_description": "在播放條顯示/隱藏播放按鈕",
+        "playbackStyle": "播放風格",
+        "exitToTray_description": "退出應用時最小化到系統托盤而非關閉",
+        "floatingQueueArea": "顯示浮動隊列懸停區域",
+        "followLyric_description": "滾動歌詞到當前播放位置",
+        "font": "字體",
+        "globalMediaHotkeys_description": "啓用或禁用系統媒體快捷鍵以控制播放",
+        "hotkey_browserBack": "浏覽器後退",
+        "hotkey_favoriteCurrentSong": "收藏 $t(common.currentSong)",
+        "hotkey_playbackStop": "停止",
+        "hotkey_rate0": "清除評分",
+        "mpvExecutablePath_description": "設置 mpv 二進制文件的路徑。如果留空，則使用默認路徑",
+        "mpvExtraParameters": "mpv 參數",
+        "playbackStyle_description": "選擇播放器的播放風格",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "remotePassword": "遠程控制服務器密碼",
+        "remotePassword_description": "設置遠程控制服務器的密碼。這些憑據默認以不安全的方式傳輸，因此您應該使用壹個您不在意的唯壹密碼",
+        "remotePort_description": "設置遠程服務器端口",
+        "remoteUsername_description": "設置遠程控制服務器的用戶名。如果用戶名和密碼都爲空，則身份驗證將被禁用",
+        "replayGainClipping_description": "自動降低增益以防止{{ReplayGain}}造成削波",
+        "showSkipButtons": "顯示跳過按鈕",
+        "themeDark_description": "應用將使用深色主題",
+        "clearQueryCache_description": "feishin的“軟清除”。這將會刷新播放列表、元數據並重置保存的歌詞。會保留設置、服務器憑據和緩存圖像",
+        "clearCache": "清除浏覽器緩存",
+        "clearCache_description": "feishin的“硬清除”。除了清除feishin的緩存，清空浏覽器緩存（保存的圖像和其他資源）。會保留服務器憑據和設置",
+        "clearQueryCache": "清除feishin緩存",
+        "buttonSize": "播放器欄按鈕大小",
+        "buttonSize_description": "播放器欄按鈕大小"
+    },
+    "table": {
+        "config": {
+            "general": {
+                "displayType": "顯示風格",
+                "gap": "$t(common.gap)",
+                "size": "$t(common.size)",
+                "tableColumns": "列",
+                "autoFitColumns": "列寬自適應"
+            },
+            "label": {
+                "actions": "$t(common.action_other)",
+                "album": "$t(entity.album_one)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "artist": "$t(entity.artist_one)",
+                "bpm": "$t(common.bpm)",
+                "biography": "$t(common.biography)",
+                "bitrate": "$t(common.bitrate)",
+                "channels": "$t(common.channel_other)",
+                "dateAdded": "添加日期",
+                "discNumber": "碟片編號",
+                "duration": "$t(common.duration)",
+                "favorite": "$t(common.favorite)",
+                "genre": "$t(entity.genre_one)",
+                "lastPlayed": "最後播放",
+                "note": "$t(common.note)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "playCount": "播放數",
+                "releaseDate": "發布日期",
+                "rowIndex": "行號",
+                "size": "$t(common.size)",
+                "title": "$t(common.title)",
+                "titleCombined": "$t(common.title)（合並）",
+                "trackNumber": "音軌編號",
+                "year": "$t(common.year)",
+                "rating": "$t(common.rating)"
+            },
+            "view": {
+                "card": "卡片",
+                "poster": "海報",
+                "table": "表格"
+            }
+        },
+        "column": {
+            "album": "專輯",
+            "albumArtist": "專輯藝術家",
+            "albumCount": "$t(entity.album_other)",
+            "artist": "$t(entity.artist_one)",
+            "biography": "簡介",
+            "bitrate": "比特率",
+            "channels": "$t(common.channel_other)",
+            "comment": "評論",
+            "dateAdded": "添加日期",
+            "discNumber": "盤",
+            "favorite": "收藏",
+            "lastPlayed": "最後播放",
+            "path": "路徑",
+            "playCount": "播放次數",
+            "rating": "評價",
+            "releaseDate": "發布日期",
+            "releaseYear": "年份",
+            "genre": "$t(entity.genre_one)",
+            "bpm": "bpm",
+            "songCount": "$t(entity.track_other)",
+            "title": "標題",
+            "trackNumber": "音軌編號",
+            "size": "$t(common.size)"
+        }
+    },
+    "action": {
+        "addToFavorites": "添加到$t(entity.favorite_other)",
+        "clearQueue": "清空播放隊列",
+        "createPlaylist": "創建$t(entity.playlist_one)",
+        "deletePlaylist": "刪除$t(entity.playlist_one)",
+        "addToPlaylist": "添加到$t(entity.playlist_one)",
+        "deselectAll": "取消全選",
+        "editPlaylist": "編輯 $t(entity.playlist_one)",
+        "goToPage": "轉到頁面",
+        "moveToBottom": "跳至底部",
+        "moveToTop": "跳至頂部",
+        "refresh": "$t(common.refresh)",
+        "removeFromFavorites": "從$t(entity.favorite_other)移除",
+        "removeFromPlaylist": "從$t(entity.playlist_one)移除",
+        "removeFromQueue": "從播放隊列中移除",
+        "setRating": "評分",
+        "toggleSmartPlaylistEditor": "切換$t(entity.smartPlaylist)編輯器",
+        "viewPlaylists": "查看$t(entity.playlist_other)"
+    },
+    "entity": {
+        "album_other": "專輯",
+        "albumArtist_other": "專輯藝術家",
+        "albumArtistCount_other": "{{count}} 位專輯藝術家",
+        "artist_other": "藝術家",
+        "artistWithCount_other": "{{count}} 位藝術家",
+        "favorite_other": "收藏",
+        "folder_other": "文件夾",
+        "folderWithCount_other": "{{count}} 個文件夾",
+        "genre_other": "流派",
+        "genreWithCount_other": "{{count}} 種流派",
+        "playlist_other": "播放列表",
+        "playlistWithCount_other": "{{count}} 個播放列表",
+        "smartPlaylist": "智能$t(entity.playlist_one)",
+        "track_other": "樂曲",
+        "trackWithCount_other": "{{count}} 首樂曲",
+        "albumWithCount_other": "{{count}} 張專輯"
+    },
+    "filter": {
+        "albumCount": "$t(entity.album_other)數",
+        "artist": "$t(entity.artist_one)",
+        "biography": "個人簡介",
+        "bitrate": "比特率",
+        "bpm": "bpm",
+        "channels": "$t(common.channel_other)",
+        "comment": "評論",
+        "communityRating": "社區評分",
+        "criticRating": "評論家評分",
+        "dateAdded": "已添加日期",
+        "disc": "盤",
+        "duration": "時長",
+        "id": "id",
+        "fromYear": "從年份",
+        "genre": "$t(entity.genre_one)",
+        "isCompilation": "爲合輯",
+        "isFavorited": "已收藏",
+        "isPublic": "已公開",
+        "isRated": "已評分",
+        "name": "名稱",
+        "note": "注釋",
+        "isRecentlyPlayed": "最近播放過",
+        "lastPlayed": "上次播放過",
+        "mostPlayed": "播放最多",
+        "owner": "$t(common.owner)",
+        "path": "路徑",
+        "playCount": "播放次數",
+        "random": "隨機",
+        "rating": "評分",
+        "recentlyPlayed": "最近播放",
+        "recentlyUpdated": "最近更新",
+        "releaseDate": "發布日期",
+        "songCount": "曲目數",
+        "album": "$t(entity.album_one)",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "favorited": "已收藏",
+        "recentlyAdded": "最近添加",
+        "releaseYear": "發布年份",
+        "search": "搜索",
+        "title": "標題",
+        "toYear": "從年份",
+        "trackNumber": "曲目"
+    },
+    "form": {
+        "addServer": {
+            "input_legacyAuthentication": "啓用舊版認證方式",
+            "input_name": "服務器名",
+            "input_password": "密碼",
+            "input_savePassword": "保存密碼",
+            "input_url": "url",
+            "input_username": "用戶名",
+            "success": "服務器添加成功",
+            "title": "添加服務器",
+            "error_savePassword": "保存密碼時出現錯誤",
+            "ignoreCors": "忽略 cors $t(common.restartRequired)",
+            "ignoreSsl": "忽略 ssl $t(common.restartRequired)"
+        },
+        "addToPlaylist": {
+            "input_playlists": "$t(entity.playlist_other)",
+            "input_skipDuplicates": "跳過重複",
+            "success": "添加 $t(entity.trackWithCount, {\"count\": {{message}} }) 到 $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
+            "title": "添加到$t(entity.playlist_one)"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "input_name": "$t(common.name)",
+            "input_owner": "$t(common.owner)",
+            "input_public": "公開",
+            "success": "已成功創建 $t(entity.playlist_one)",
+            "title": "創建$t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "title": "搜索歌詞",
+            "input_artist": "$t(entity.artist_one)"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "匹配全部",
+            "input_optionMatchAny": "匹配任何"
+        },
+        "updateServer": {
+            "success": "服務器已更新成功",
+            "title": "更新服務器"
+        },
+        "deletePlaylist": {
+            "input_confirm": "輸入$t(entity.playlist_one)的名稱進行確認",
+            "title": "刪除$t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one)已成功刪除"
+        },
+        "editPlaylist": {
+            "title": "編輯$t(entity.playlist_one)"
+        }
+    }
+}

src/logger.ts

@@ -1,41 +0,0 @@
-import dayjs from 'dayjs';
-
-const reset = '\x1b[0m';
-
-const baseLog = (errorType: 'error' | 'info' | 'success' | 'warn') => {
-    let logString = '';
-    switch (errorType) {
-        case 'error':
-            logString = '\x1b[31m[ERROR]   ';
-            break;
-        case 'info':
-            logString = '\x1b[34m[INFO]    ';
-            break;
-        case 'success':
-            logString = '\x1b[32m[SUCCESS] ';
-            break;
-        case 'warn':
-            logString = '\x1b[33m[WARNING] ';
-            break;
-        default:
-            logString = '\x1b[34m[INFO]    ';
-            break;
-    }
-
-    return (text: string, options?: { context?: Record<string, any>; toast?: boolean }): void => {
-        // const { toast } = options || {};
-        const now = dayjs().toISOString();
-        console.log(
-            `${logString}${now}: ${text} | ${
-                options?.context && JSON.stringify(options.context)
-            }${reset}`,
-        );
-    };
-};
-
-export const fsLog = {
-    error: baseLog('error'),
-    info: baseLog('info'),
-    success: baseLog('success'),
-    warn: baseLog('warn'),
-};

src/main/features/core/lyrics/index.ts

@@ -72,7 +72,7 @@ const getRemoteLyrics = async (song: QueueSong) => {
         const params = {
             album: song.album || song.name,
             artist: song.artistName,
-            duration: song.duration,
+            duration: song.duration / 1000.0,
             name: song.name,
         };
         const response = await FETCHERS[source](params);

src/main/features/core/player/index.ts

@@ -1,7 +1,12 @@
 import console from 'console';
-import { ipcMain } from 'electron';
-import { getMpvInstance } from '../../../main';
-import { PlayerData } from '/@/renderer/store';
+import { rm } from 'fs/promises';
+import { pid } from 'node:process';
+import { app, ipcMain } from 'electron';
+import uniq from 'lodash/uniq';
+import MpvAPI from 'node-mpv';
+import { getMainWindow, sendToastToRenderer } from '../../../main';
+import { createLog, isWindows } from '../../../utils';
+import { store } from '../settings';
 
 declare module 'node-mpv';
 
@@ -13,6 +18,221 @@ declare module 'node-mpv';
 //     });
 // }
 
+let mpvInstance: MpvAPI | null = null;
+const socketPath = isWindows() ? `\\\\.\\pipe\\mpvserver-${pid}` : `/tmp/node-mpv-${pid}.sock`;
+
+const NodeMpvErrorCode = {
+    0: 'Unable to load file or stream',
+    1: 'Invalid argument',
+    2: 'Binary not found',
+    3: 'IPC command invalid',
+    4: 'Unable to bind IPC socket',
+    5: 'Connection timeout',
+    6: 'MPV is already running',
+    7: 'Could not send IPC message',
+    8: 'MPV is not running',
+    9: 'Unsupported protocol',
+};
+
+type NodeMpvError = {
+    errcode: number;
+    method: string;
+    stackTrace: string;
+    verbose: string;
+};
+
+const mpvLog = (
+    data: { action: string; toast?: 'info' | 'success' | 'warning' },
+    err?: NodeMpvError,
+) => {
+    const { action, toast } = data;
+
+    if (err) {
+        const message = `[AUDIO PLAYER] ${action} - mpv errorcode ${err.errcode} - ${
+            NodeMpvErrorCode[err.errcode as keyof typeof NodeMpvErrorCode]
+        }`;
+
+        sendToastToRenderer({ message, type: 'error' });
+        createLog({ message, type: 'error' });
+    }
+
+    const message = `[AUDIO PLAYER] ${action}`;
+    createLog({ message, type: 'error' });
+    if (toast) {
+        sendToastToRenderer({ message, type: toast });
+    }
+};
+
+const MPV_BINARY_PATH = store.get('mpv_path') as string | undefined;
+
+const prefetchPlaylistParams = [
+    '--prefetch-playlist=no',
+    '--prefetch-playlist=yes',
+    '--prefetch-playlist',
+];
+
+const DEFAULT_MPV_PARAMETERS = (extraParameters?: string[]) => {
+    const parameters = ['--idle=yes', '--no-config', '--load-scripts=no'];
+
+    if (!extraParameters?.some((param) => prefetchPlaylistParams.includes(param))) {
+        parameters.push('--prefetch-playlist=yes');
+    }
+
+    return parameters;
+};
+
+const createMpv = async (data: {
+    binaryPath?: string;
+    extraParameters?: string[];
+    properties?: Record<string, any>;
+}): Promise<MpvAPI> => {
+    const { extraParameters, properties, binaryPath } = data;
+
+    const params = uniq([...DEFAULT_MPV_PARAMETERS(extraParameters), ...(extraParameters || [])]);
+
+    const mpv = new MpvAPI(
+        {
+            audio_only: true,
+            auto_restart: false,
+            binary: binaryPath || MPV_BINARY_PATH || undefined,
+            socket: socketPath,
+            time_update: 1,
+        },
+        params,
+    );
+
+    try {
+        await mpv.start();
+    } catch (error: any) {
+        console.log('mpv failed to start', error);
+    } finally {
+        await mpv.setMultipleProperties(properties || {});
+    }
+
+    mpv.on('status', (status) => {
+        if (status.property === 'playlist-pos') {
+            if (status.value === -1) {
+                mpv?.stop();
+            }
+
+            if (status.value !== 0) {
+                getMainWindow()?.webContents.send('renderer-player-auto-next');
+            }
+        }
+    });
+
+    // Automatically updates the play button when the player is playing
+    mpv.on('resumed', () => {
+        getMainWindow()?.webContents.send('renderer-player-play');
+    });
+
+    // Automatically updates the play button when the player is stopped
+    mpv.on('stopped', () => {
+        getMainWindow()?.webContents.send('renderer-player-stop');
+    });
+
+    // Automatically updates the play button when the player is paused
+    mpv.on('paused', () => {
+        getMainWindow()?.webContents.send('renderer-player-pause');
+    });
+
+    // Event output every interval set by time_update, used to update the current time
+    mpv.on('timeposition', (time: number) => {
+        getMainWindow()?.webContents.send('renderer-player-current-time', time);
+    });
+
+    return mpv;
+};
+
+export const getMpvInstance = () => {
+    return mpvInstance;
+};
+
+const quit = async () => {
+    const instance = getMpvInstance();
+    if (instance) {
+        await instance.quit();
+        if (!isWindows()) {
+            await rm(socketPath);
+        }
+    }
+};
+
+const setAudioPlayerFallback = (isError: boolean) => {
+    getMainWindow()?.webContents.send('renderer-player-fallback', isError);
+};
+
+ipcMain.on('player-set-properties', async (_event, data: Record<string, any>) => {
+    mpvLog({ action: `Setting properties: ${JSON.stringify(data)}` });
+    if (data.length === 0) {
+        return;
+    }
+
+    try {
+        if (data.length === 1) {
+            getMpvInstance()?.setProperty(Object.keys(data)[0], Object.values(data)[0]);
+        } else {
+            getMpvInstance()?.setMultipleProperties(data);
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set properties: ${JSON.stringify(data)}` }, err);
+    }
+});
+
+ipcMain.handle(
+    'player-restart',
+    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
+        try {
+            mpvLog({
+                action: `Attempting to initialize mpv with parameters: ${JSON.stringify(data)}`,
+            });
+
+            // Clean up previous mpv instance
+            getMpvInstance()?.stop();
+            getMpvInstance()
+                ?.quit()
+                .catch((error) => {
+                    mpvLog({ action: 'Failed to quit existing MPV' }, error);
+                });
+            mpvInstance = null;
+
+            mpvInstance = await createMpv(data);
+            mpvLog({ action: 'Restarted mpv', toast: 'success' });
+            setAudioPlayerFallback(false);
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: 'Failed to restart mpv, falling back to web player' }, err);
+            setAudioPlayerFallback(true);
+        }
+    },
+);
+
+ipcMain.handle(
+    'player-initialize',
+    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
+        try {
+            mpvLog({
+                action: `Attempting to initialize mpv with parameters: ${JSON.stringify(data)}`,
+            });
+            mpvInstance = await createMpv(data);
+            setAudioPlayerFallback(false);
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: 'Failed to initialize mpv, falling back to web player' }, err);
+            setAudioPlayerFallback(true);
+        }
+    },
+);
+
+ipcMain.on('player-quit', async () => {
+    try {
+        await getMpvInstance()?.stop();
+        await quit();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to quit mpv' }, err);
+    } finally {
+        mpvInstance = null;
+    }
+});
+
 ipcMain.handle('player-is-running', async () => {
     return getMpvInstance()?.isRunning();
 });
@@ -23,183 +243,212 @@ ipcMain.handle('player-clean-up', async () => {
 });
 
 ipcMain.on('player-start', async () => {
-    await getMpvInstance()
-        ?.play()
-        .catch((err) => {
-            console.log('MPV failed to play', err);
-        });
+    try {
+        await getMpvInstance()?.play();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to start mpv playback' }, err);
+    }
 });
 
 // Starts the player
 ipcMain.on('player-play', async () => {
-    await getMpvInstance()
-        ?.play()
-        .catch((err) => {
-            console.log('MPV failed to play', err);
-        });
+    try {
+        await getMpvInstance()?.play();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to start mpv playback' }, err);
+    }
 });
 
 // Pauses the player
 ipcMain.on('player-pause', async () => {
-    await getMpvInstance()
-        ?.pause()
-        .catch((err) => {
-            console.log('MPV failed to pause', err);
-        });
+    try {
+        await getMpvInstance()?.pause();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to pause mpv playback' }, err);
+    }
 });
 
 // Stops the player
 ipcMain.on('player-stop', async () => {
-    await getMpvInstance()
-        ?.stop()
-        .catch((err) => {
-            console.log('MPV failed to stop', err);
-        });
+    try {
+        await getMpvInstance()?.stop();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to stop mpv playback' }, err);
+    }
 });
 
 // Goes to the next track in the playlist
 ipcMain.on('player-next', async () => {
-    await getMpvInstance()
-        ?.next()
-        .catch((err) => {
-            console.log('MPV failed to go to next', err);
-        });
+    try {
+        await getMpvInstance()?.next();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to go to next track' }, err);
+    }
 });
 
 // Goes to the previous track in the playlist
 ipcMain.on('player-previous', async () => {
-    await getMpvInstance()
-        ?.prev()
-        .catch((err) => {
-            console.log('MPV failed to go to previous', err);
-        });
+    try {
+        await getMpvInstance()?.prev();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to go to previous track' }, err);
+    }
 });
 
 // Seeks forward or backward by the given amount of seconds
 ipcMain.on('player-seek', async (_event, time: number) => {
-    await getMpvInstance()
-        ?.seek(time)
-        .catch((err) => {
-            console.log('MPV failed to seek', err);
-        });
+    try {
+        await getMpvInstance()?.seek(time);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to seek by ${time} seconds` }, err);
+    }
 });
 
 // Seeks to the given time in seconds
 ipcMain.on('player-seek-to', async (_event, time: number) => {
-    await getMpvInstance()
-        ?.goToPosition(time)
-        .catch((err) => {
-            console.log(`MPV failed to seek to ${time}`, err);
-        });
+    try {
+        await getMpvInstance()?.goToPosition(time);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to seek to ${time} seconds` }, err);
+    }
 });
 
 // Sets the queue in position 0 and 1 to the given data. Used when manually starting a song or using the next/prev buttons
-ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean) => {
-    if (!data.queue.current && !data.queue.next) {
-        await getMpvInstance()
-            ?.clearPlaylist()
-            .catch((err) => {
-                console.log('MPV failed to clear playlist', err);
-            });
-
-        await getMpvInstance()
-            ?.pause()
-            .catch((err) => {
-                console.log('MPV failed to pause', err);
-            });
-        return;
+ipcMain.on('player-set-queue', async (_event, current?: string, next?: string, pause?: boolean) => {
+    if (!current && !next) {
+        try {
+            await getMpvInstance()?.clearPlaylist();
+            await getMpvInstance()?.pause();
+            return;
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: `Failed to clear play queue` }, err);
+        }
     }
 
     try {
-        if (data.queue.current) {
-            await getMpvInstance()
-                ?.load(data.queue.current.streamUrl, 'replace')
-                .catch((err) => {
-                    console.log('MPV failed to load song', err);
-                    getMpvInstance()?.play();
-                });
+        if (current) {
+            try {
+                await getMpvInstance()?.load(current, 'replace');
+            } catch (error) {
+                await getMpvInstance()?.play();
+            }
 
-            if (data.queue.next) {
-                await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+            if (next) {
+                await getMpvInstance()?.load(next, 'append');
             }
         }
-    } catch (err) {
-        console.error(err);
-    }
 
-    if (pause) {
-        getMpvInstance()?.pause();
+        if (pause) {
+            await getMpvInstance()?.pause();
+        } else if (pause === false) {
+            // Only force play if pause is explicitly false
+            await getMpvInstance()?.play();
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set play queue` }, err);
     }
 });
 
 // Replaces the queue in position 1 to the given data
-ipcMain.on('player-set-queue-next', async (_event, data: PlayerData) => {
-    const size = await getMpvInstance()
-        ?.getPlaylistSize()
-        .catch((err) => {
-            console.log('MPV failed to get playlist size', err);
-        });
+ipcMain.on('player-set-queue-next', async (_event, url?: string) => {
+    try {
+        const size = await getMpvInstance()?.getPlaylistSize();
 
-    if (!size) {
-        return;
-    }
+        if (!size) {
+            return;
+        }
 
-    if (size > 1) {
-        await getMpvInstance()
-            ?.playlistRemove(1)
-            .catch((err) => {
-                console.log('MPV failed to remove song from playlist', err);
-            });
-    }
+        if (size > 1) {
+            await getMpvInstance()?.playlistRemove(1);
+        }
 
-    if (data.queue.next) {
-        await getMpvInstance()
-            ?.load(data.queue.next.streamUrl, 'append')
-            .catch((err) => {
-                console.log('MPV failed to load next song', err);
-            });
+        if (url) {
+            await getMpvInstance()?.load(url, 'append');
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set play queue` }, err);
     }
 });
 
 // Sets the next song in the queue when reaching the end of the queue
-ipcMain.on('player-auto-next', async (_event, data: PlayerData) => {
+ipcMain.on('player-auto-next', async (_event, url?: string) => {
     // Always keep the current song as position 0 in the mpv queue
     // This allows us to easily set update the next song in the queue without
     // disturbing the currently playing song
-    await getMpvInstance()
-        ?.playlistRemove(0)
-        .catch((err) => {
-            console.log('MPV failed to remove song from playlist', err);
-            getMpvInstance()?.pause();
-        });
-
-    if (data.queue.next) {
+    try {
         await getMpvInstance()
-            ?.load(data.queue.next.streamUrl, 'append')
-            .catch((err) => {
-                console.log('MPV failed to load next song', err);
+            ?.playlistRemove(0)
+            .catch(() => {
+                getMpvInstance()?.pause();
             });
+
+        if (url) {
+            await getMpvInstance()?.load(url, 'append');
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to load next song` }, err);
     }
 });
 
 // Sets the volume to the given value (0-100)
 ipcMain.on('player-volume', async (_event, value: number) => {
-    await getMpvInstance()
-        ?.volume(value)
-        .catch((err) => {
-            console.log('MPV failed to set volume', err);
-        });
+    try {
+        if (!value || value < 0 || value > 100) {
+            return;
+        }
+
+        await getMpvInstance()?.volume(value);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set volume to ${value}` }, err);
+    }
 });
 
 // Toggles the mute status
 ipcMain.on('player-mute', async (_event, mute: boolean) => {
-    await getMpvInstance()
-        ?.mute(mute)
-        .catch((err) => {
-            console.log('MPV failed to toggle mute', err);
-        });
+    try {
+        await getMpvInstance()?.mute(mute);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set mute status` }, err);
+    }
 });
 
 ipcMain.handle('player-get-time', async (): Promise<number | undefined> => {
-    return getMpvInstance()?.getTimePosition();
+    try {
+        return getMpvInstance()?.getTimePosition();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to get current time` }, err);
+        return 0;
+    }
+});
+
+enum MpvState {
+    STARTED,
+    IN_PROGRESS,
+    DONE,
+}
+
+let mpvState = MpvState.STARTED;
+
+app.on('before-quit', async (event) => {
+    switch (mpvState) {
+        case MpvState.DONE:
+            return;
+        case MpvState.IN_PROGRESS:
+            event.preventDefault();
+            break;
+        case MpvState.STARTED: {
+            try {
+                mpvState = MpvState.IN_PROGRESS;
+                event.preventDefault();
+                await getMpvInstance()?.stop();
+                await quit();
+            } catch (err: NodeMpvError | any) {
+                mpvLog({ action: `Failed to cleanly before-quit` }, err);
+            } finally {
+                mpvState = MpvState.DONE;
+                app.quit();
+            }
+            break;
+        }
+    }
 });

src/main/features/core/player/media-keys.ts

@@ -1,7 +1,28 @@
 /* eslint-disable promise/always-return */
-import { BrowserWindow, globalShortcut } from 'electron';
+import { BrowserWindow, globalShortcut, systemPreferences } from 'electron';
+import { isMacOS } from '../../../utils';
+import { store } from '../settings';
 
 export const enableMediaKeys = (window: BrowserWindow | null) => {
+    if (isMacOS()) {
+        const shouldPrompt = store.get('should_prompt_accessibility', true) as boolean;
+        const shownWarning = store.get('shown_accessibility_warning', false) as boolean;
+        const trusted = systemPreferences.isTrustedAccessibilityClient(shouldPrompt);
+
+        if (shouldPrompt) {
+            store.set('should_prompt_accessibility', false);
+        }
+
+        if (!trusted && !shownWarning) {
+            window?.webContents.send('toast-from-main', {
+                message:
+                    'Feishin is not a trusted accessibility client. Media keys will not work until this setting is changed',
+                type: 'warning',
+            });
+            store.set('shown_accessibility_warning', true);
+        }
+    }
+
     globalShortcut.register('MediaStop', () => {
         window?.webContents.send('renderer-player-stop');
     });

src/main/features/core/remote/index.ts

@@ -8,9 +8,10 @@ import { app, ipcMain } from 'electron';
 import { Server as WsServer, WebSocketServer, WebSocket } from 'ws';
 import manifest from './manifest.json';
 import { ClientEvent, ServerEvent } from '../../../../remote/types';
-import { PlayerRepeat, SongUpdate } from '../../../../renderer/types';
+import { PlayerRepeat, PlayerStatus, SongState } from '../../../../renderer/types';
 import { getMainWindow } from '../../../main';
 import { isLinux } from '../../../utils';
+import type { QueueSong } from '/@/renderer/api/types';
 
 let mprisPlayer: any | undefined;
 
@@ -33,13 +34,14 @@ interface MimeType {
     js: string;
 }
 
-interface StatefulWebSocket extends WebSocket {
+declare class StatefulWebSocket extends WebSocket {
     alive: boolean;
+
     auth: boolean;
 }
 
 let server: Server | undefined;
-let wsServer: WsServer<StatefulWebSocket> | undefined;
+let wsServer: WsServer<typeof StatefulWebSocket> | undefined;
 
 const settings: RemoteConfig = {
     enabled: false,
@@ -100,9 +102,7 @@ enum Encoding {
 const GZIP_REGEX = /\bgzip\b/;
 const ZLIB_REGEX = /bdeflate\b/;
 
-let currentSong: SongUpdate = {
-    currentTime: 0,
-};
+const currentState: SongState = {};
 
 const getEncoding = (encoding: string | string[]): Encoding => {
     const encodingArray = Array.isArray(encoding) ? encoding : [encoding];
@@ -328,9 +328,9 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
             });
 
             server.listen(config.port, resolve);
-            wsServer = new WebSocketServer({ server });
+            wsServer = new WebSocketServer<typeof StatefulWebSocket>({ server });
 
-            wsServer.on('connection', (ws) => {
+            wsServer!.on('connection', (ws: StatefulWebSocket) => {
                 let authFail: number | undefined;
                 ws.alive = true;
 
@@ -388,7 +388,7 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                                 break;
                             }
                             case 'proxy': {
-                                const toFetch = currentSong.song?.imageUrl?.replaceAll(
+                                const toFetch = currentState.song?.imageUrl?.replaceAll(
                                     /&(size|width|height=\d+)/g,
                                     '',
                                 );
@@ -438,9 +438,9 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                                     volume = 0;
                                 }
 
-                                currentSong.volume = volume;
+                                currentState.volume = volume;
 
-                                broadcast({ data: { volume }, event: 'song' });
+                                broadcast({ data: volume, event: 'volume' });
                                 getMainWindow()?.webContents.send('request-volume', {
                                     volume,
                                 });
@@ -452,26 +452,35 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                             }
                             case 'favorite': {
                                 const { favorite, id } = json;
-                                if (id && id === currentSong.song?.id) {
+                                if (id && id === currentState.song?.id) {
                                     getMainWindow()?.webContents.send('request-favorite', {
                                         favorite,
                                         id,
-                                        serverId: currentSong.song.serverId,
+                                        serverId: currentState.song.serverId,
                                     });
                                 }
                                 break;
                             }
                             case 'rating': {
                                 const { rating, id } = json;
-                                if (id && id === currentSong.song?.id) {
+                                if (id && id === currentState.song?.id) {
                                     getMainWindow()?.webContents.send('request-rating', {
                                         id,
                                         rating,
-                                        serverId: currentSong.song.serverId,
+                                        serverId: currentState.song.serverId,
                                     });
                                 }
                                 break;
                             }
+                            case 'position': {
+                                const { position } = json;
+                                if (mprisPlayer) {
+                                    mprisPlayer.getPosition = () => position * 1e6;
+                                }
+                                getMainWindow()?.webContents.send('request-position', {
+                                    position,
+                                });
+                            }
                         }
                     } catch (error) {
                         console.error(error);
@@ -482,7 +491,7 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                     ws.alive = true;
                 });
 
-                ws.send(JSON.stringify({ data: currentSong, event: 'song' }));
+                ws.send(JSON.stringify({ data: currentState, event: 'state' }));
             });
 
             const heartBeat = setInterval(() => {
@@ -497,7 +506,7 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                 });
             }, PING_TIMEOUT_MS);
 
-            wsServer.on('close', () => {
+            wsServer!.on('close', () => {
                 clearInterval(heartBeat);
             });
 
@@ -564,13 +573,13 @@ ipcMain.on('remote-username', (_event, username: string) => {
 });
 
 ipcMain.on('update-favorite', (_event, favorite: boolean, serverId: string, ids: string[]) => {
-    if (currentSong.song?.serverId !== serverId) return;
+    if (currentState.song?.serverId !== serverId) return;
 
-    const id = currentSong.song.id;
+    const id = currentState.song.id;
 
     for (const songId of ids) {
         if (songId === id) {
-            currentSong.song.userFavorite = favorite;
+            currentState.song.userFavorite = favorite;
             broadcast({ data: { favorite, id: songId }, event: 'favorite' });
             return;
         }
@@ -578,13 +587,13 @@ ipcMain.on('update-favorite', (_event, favorite: boolean, serverId: string, ids:
 });
 
 ipcMain.on('update-rating', (_event, rating: number, serverId: string, ids: string[]) => {
-    if (currentSong.song?.serverId !== serverId) return;
+    if (currentState.song?.serverId !== serverId) return;
 
-    const id = currentSong.song.id;
+    const id = currentState.song.id;
 
     for (const songId of ids) {
         if (songId === id) {
-            currentSong.song.userRating = rating;
+            currentState.song.userRating = rating;
             broadcast({ data: { id: songId, rating }, event: 'rating' });
             return;
         }
@@ -592,42 +601,32 @@ ipcMain.on('update-rating', (_event, rating: number, serverId: string, ids: stri
 });
 
 ipcMain.on('update-repeat', (_event, repeat: PlayerRepeat) => {
-    currentSong.repeat = repeat;
-    broadcast({ data: { repeat }, event: 'song' });
+    currentState.repeat = repeat;
+    broadcast({ data: repeat, event: 'repeat' });
 });
 
 ipcMain.on('update-shuffle', (_event, shuffle: boolean) => {
-    currentSong.shuffle = shuffle;
-    broadcast({ data: { shuffle }, event: 'song' });
+    currentState.shuffle = shuffle;
+    broadcast({ data: shuffle, event: 'shuffle' });
 });
 
-ipcMain.on('update-song', (_event, data: SongUpdate) => {
-    const { song, ...rest } = data;
-    const songChanged = song?.id !== currentSong.song?.id;
+ipcMain.on('update-playback', (_event, status: PlayerStatus) => {
+    currentState.status = status;
+    broadcast({ data: status, event: 'playback' });
+});
 
-    if (!song?.id) {
-        currentSong = {
-            ...currentSong,
-            ...data,
-            song: undefined,
-        };
-    } else {
-        currentSong = {
-            ...currentSong,
-            ...data,
-        };
-    }
+ipcMain.on('update-song', (_event, song: QueueSong | undefined) => {
+    const songChanged = song?.id !== currentState.song?.id;
+    currentState.song = song;
 
     if (songChanged) {
-        broadcast({ data: { ...rest, song: song || null }, event: 'song' });
-    } else {
-        broadcast({ data: rest, event: 'song' });
+        broadcast({ data: song || null, event: 'song' });
     }
 });
 
 ipcMain.on('update-volume', (_event, volume: number) => {
-    currentSong.volume = volume;
-    broadcast({ data: { volume }, event: 'song' });
+    currentState.volume = volume;
+    broadcast({ data: volume, event: 'volume' });
 });
 
 if (mprisPlayer) {
@@ -636,16 +635,16 @@ if (mprisPlayer) {
             event === 'Playlist'
                 ? PlayerRepeat.ALL
                 : event === 'Track'
-                ? PlayerRepeat.ONE
-                : PlayerRepeat.NONE;
+                  ? PlayerRepeat.ONE
+                  : PlayerRepeat.NONE;
 
-        currentSong.repeat = repeat;
-        broadcast({ data: { repeat }, event: 'song' });
+        currentState.repeat = repeat;
+        broadcast({ data: repeat, event: 'repeat' });
     });
 
     mprisPlayer.on('shuffle', (shuffle: boolean) => {
-        currentSong.shuffle = shuffle;
-        broadcast({ data: { shuffle }, event: 'song' });
+        currentState.shuffle = shuffle;
+        broadcast({ data: shuffle, event: 'shuffle' });
     });
 
     mprisPlayer.on('volume', (vol: number) => {
@@ -656,7 +655,12 @@ if (mprisPlayer) {
         } else if (volume < 0) {
             volume = 0;
         }
-        currentSong.volume = volume;
-        broadcast({ data: { volume }, event: 'song' });
+        currentState.volume = volume;
+        broadcast({ data: volume, event: 'volume' });
     });
 }
+
+ipcMain.on('update-position', (_event, position: number) => {
+    currentState.position = position;
+    broadcast({ data: position, event: 'position' });
+});

src/main/features/core/settings/index.ts

@@ -1,5 +1,6 @@
-import { ipcMain, safeStorage } from 'electron';
+import { ipcMain, nativeTheme, safeStorage } from 'electron';
 import Store from 'electron-store';
+import type { TitleTheme } from '/@/renderer/types';
 
 export const store = new Store();
 
@@ -48,3 +49,8 @@ ipcMain.handle('password-set', (_event, password: string, server: string) => {
     }
     return false;
 });
+
+ipcMain.on('theme-set', (_event, theme: TitleTheme) => {
+    store.set('theme', theme);
+    nativeTheme.themeSource = theme;
+});

src/main/features/linux/mpris.ts

@@ -1,7 +1,8 @@
 import { ipcMain } from 'electron';
 import Player from 'mpris-service';
-import { PlayerRepeat, PlayerStatus, SongUpdate } from '../../../renderer/types';
+import { PlayerRepeat, PlayerStatus } from '../../../renderer/types';
 import { getMainWindow } from '../../main';
+import { QueueSong } from '/@/renderer/api/types';
 
 const mprisPlayer = Player({
     identity: 'Feishin',
@@ -18,22 +19,29 @@ mprisPlayer.on('quit', () => {
     process.exit();
 });
 
+const hasData = (): boolean => {
+    return mprisPlayer.metadata && !!mprisPlayer.metadata['mpris:length'];
+};
+
 mprisPlayer.on('stop', () => {
     getMainWindow()?.webContents.send('renderer-player-stop');
     mprisPlayer.playbackStatus = 'Paused';
 });
 
 mprisPlayer.on('pause', () => {
+    if (!hasData()) return;
     getMainWindow()?.webContents.send('renderer-player-pause');
     mprisPlayer.playbackStatus = 'Paused';
 });
 
 mprisPlayer.on('play', () => {
+    if (!hasData()) return;
     getMainWindow()?.webContents.send('renderer-player-play');
     mprisPlayer.playbackStatus = 'Playing';
 });
 
 mprisPlayer.on('playpause', () => {
+    if (!hasData()) return;
     getMainWindow()?.webContents.send('renderer-player-play-pause');
     if (mprisPlayer.playbackStatus !== 'Playing') {
         mprisPlayer.playbackStatus = 'Playing';
@@ -43,6 +51,7 @@ mprisPlayer.on('playpause', () => {
 });
 
 mprisPlayer.on('next', () => {
+    if (!hasData()) return;
     getMainWindow()?.webContents.send('renderer-player-next');
 
     if (mprisPlayer.playbackStatus !== 'Playing') {
@@ -51,6 +60,7 @@ mprisPlayer.on('next', () => {
 });
 
 mprisPlayer.on('previous', () => {
+    if (!hasData()) return;
     getMainWindow()?.webContents.send('renderer-player-previous');
 
     if (mprisPlayer.playbackStatus !== 'Playing') {
@@ -70,6 +80,8 @@ mprisPlayer.on('volume', (vol: number) => {
     getMainWindow()?.webContents.send('request-volume', {
         volume,
     });
+
+    mprisPlayer.volume = volume / 100;
 });
 
 mprisPlayer.on('shuffle', (event: boolean) => {
@@ -94,7 +106,7 @@ mprisPlayer.on('seek', (event: number) => {
     });
 });
 
-ipcMain.on('mpris-update-position', (_event, arg) => {
+ipcMain.on('update-position', (_event, arg: number) => {
     mprisPlayer.getPosition = () => arg * 1e6;
 });
 
@@ -106,6 +118,10 @@ ipcMain.on('update-volume', (_event, volume) => {
     mprisPlayer.volume = Number(volume) / 100;
 });
 
+ipcMain.on('update-playback', (_event, status: PlayerStatus) => {
+    mprisPlayer.playbackStatus = status === PlayerStatus.PLAYING ? 'Playing' : 'Paused';
+});
+
 const REPEAT_TO_MPRIS: Record<PlayerRepeat, string> = {
     [PlayerRepeat.ALL]: 'Playlist',
     [PlayerRepeat.ONE]: 'Track',
@@ -120,22 +136,13 @@ ipcMain.on('update-shuffle', (_event, shuffle: boolean) => {
     mprisPlayer.shuffle = shuffle;
 });
 
-ipcMain.on('update-song', (_event, args: SongUpdate) => {
-    const { song, status, repeat, shuffle } = args || {};
-
+ipcMain.on('update-song', (_event, song: QueueSong | undefined) => {
     try {
-        mprisPlayer.playbackStatus = status === PlayerStatus.PLAYING ? 'Playing' : 'Paused';
-
-        if (repeat) {
-            mprisPlayer.loopStatus = REPEAT_TO_MPRIS[repeat];
+        if (!song?.id) {
+            mprisPlayer.metadata = {};
+            return;
         }
 
-        if (shuffle) {
-            mprisPlayer.shuffle = shuffle;
-        }
-
-        if (!song) return;
-
         const upsizedImageUrl = song.imageUrl
             ? song.imageUrl
                   ?.replace(/&size=\d+/, '&size=300')
@@ -154,12 +161,19 @@ ipcMain.on('update-song', (_event, args: SongUpdate) => {
                 ? song.albumArtists.map((artist) => artist.name)
                 : null,
             'xesam:artist': song.artists?.length ? song.artists.map((artist) => artist.name) : null,
+            'xesam:audioBpm': song.bpm,
+            // Comment is a `list of strings` type
+            'xesam:comment': song.comment ? [song.comment] : null,
+            'xesam:contentCreated': song.releaseDate,
             'xesam:discNumber': song.discNumber ? song.discNumber : null,
             'xesam:genre': song.genres?.length ? song.genres.map((genre: any) => genre.name) : null,
+            'xesam:lastUsed': song.lastPlayedAt,
             'xesam:title': song.name || null,
             'xesam:trackNumber': song.trackNumber ? song.trackNumber : null,
             'xesam:useCount':
                 song.playCount !== null && song.playCount !== undefined ? song.playCount : null,
+            // User ratings are only on Navidrome/Subsonic and are on a scale of 1-5
+            'xesam:userRating': song.userRating ? song.userRating / 5 : null,
         };
     } catch (err) {
         console.log(err);

src/main/main.ts

@@ -20,27 +20,37 @@ import {
     Tray,
     Menu,
     nativeImage,
+    nativeTheme,
     BrowserWindowConstructorOptions,
     protocol,
     net,
+    Rectangle,
+    screen,
 } from 'electron';
 import electronLocalShortcut from 'electron-localshortcut';
-import log from 'electron-log';
+import log from 'electron-log/main';
 import { autoUpdater } from 'electron-updater';
-import uniq from 'lodash/uniq';
-import MpvAPI from 'node-mpv';
 import { disableMediaKeys, enableMediaKeys } from './features/core/player/media-keys';
 import { store } from './features/core/settings/index';
 import MenuBuilder from './menu';
-import { hotkeyToElectronAccelerator, isLinux, isMacOS, isWindows, resolveHtmlPath } from './utils';
+import {
+    hotkeyToElectronAccelerator,
+    isLinux,
+    isMacOS,
+    isWindows,
+    resolveHtmlPath,
+    createLog,
+    autoUpdaterLogInterface,
+} from './utils';
 import './features';
+import type { TitleTheme } from '/@/renderer/types';
 
 declare module 'node-mpv';
 
 export default class AppUpdater {
     constructor() {
         log.transports.file.level = 'info';
-        autoUpdater.logger = log;
+        autoUpdater.logger = autoUpdaterLogInterface;
         autoUpdater.checkForUpdatesAndNotify();
     }
 }
@@ -55,6 +65,12 @@ if (store.get('ignore_ssl')) {
     app.commandLine.appendSwitch('ignore-certificate-errors');
 }
 
+// From https://github.com/tutao/tutanota/commit/92c6ed27625fcf367f0fbcc755d83d7ff8fde94b
+if (isLinux() && !process.argv.some((a) => a.startsWith('--password-store='))) {
+    const passwordStore = store.get('password_store', 'gnome-libsecret') as string;
+    app.commandLine.appendSwitch('password-store', passwordStore);
+}
+
 let mainWindow: BrowserWindow | null = null;
 let tray: Tray | null = null;
 let exitFromTray = false;
@@ -96,6 +112,19 @@ export const getMainWindow = () => {
     return mainWindow;
 };
 
+export const sendToastToRenderer = ({
+    message,
+    type,
+}: {
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+}) => {
+    getMainWindow()?.webContents.send('toast-from-main', {
+        message,
+        type,
+    });
+};
+
 const createWinThumbarButtons = () => {
     if (isWindows()) {
         getMainWindow()?.setThumbarButtons([
@@ -170,7 +199,7 @@ const createTray = () => {
         },
     ]);
 
-    tray.on('double-click', () => {
+    tray.on('click', () => {
         mainWindow?.show();
         createWinThumbarButtons();
     });
@@ -179,9 +208,9 @@ const createTray = () => {
     tray.setContextMenu(contextMenu);
 };
 
-const createWindow = async () => {
+const createWindow = async (first = true) => {
     if (isDevelopment) {
-        await installExtensions();
+        await installExtensions().catch(console.log);
     }
 
     const nativeFrame = store.get('window_window_bar_style') === 'linux';
@@ -194,8 +223,8 @@ const createWindow = async () => {
         },
         macOS: {
             autoHideMenuBar: true,
-            frame: false,
-            titleBarStyle: 'hidden',
+            frame: true,
+            titleBarStyle: 'default',
             trafficLightPosition: { x: 10, y: 10 },
         },
         windows: {
@@ -229,6 +258,26 @@ const createWindow = async () => {
         ...(nativeFrame && isWindows() && nativeFrameConfig.windows),
     });
 
+    // From https://github.com/electron/electron/issues/526#issuecomment-1663959513
+    const bounds = store.get('bounds') as Rectangle | undefined;
+    if (bounds) {
+        const screenArea = screen.getDisplayMatching(bounds).workArea;
+        if (
+            bounds.x > screenArea.x + screenArea.width ||
+            bounds.x < screenArea.x ||
+            bounds.y < screenArea.y ||
+            bounds.y > screenArea.y + screenArea.height
+        ) {
+            if (bounds.width < screenArea.width && bounds.height < screenArea.height) {
+                mainWindow.setBounds({ height: bounds.height, width: bounds.width });
+            } else {
+                mainWindow.setBounds({ height: 900, width: 1440 });
+            }
+        } else {
+            mainWindow.setBounds(bounds);
+        }
+    }
+
     electronLocalShortcut.register(mainWindow, 'Ctrl+Shift+I', () => {
         mainWindow?.webContents.openDevTools();
     });
@@ -258,6 +307,10 @@ const createWindow = async () => {
         app.exit();
     });
 
+    ipcMain.handle('window-clear-cache', async () => {
+        return mainWindow?.webContents.session.clearCache();
+    });
+
     ipcMain.on('app-restart', () => {
         // Fix for .AppImage
         if (process.env.APPIMAGE) {
@@ -304,40 +357,60 @@ const createWindow = async () => {
                         }
 
                         const queue = JSON.parse(data.toString());
-                        getMainWindow()?.webContents.send('renderer-player-restore-queue', queue);
+                        getMainWindow()?.webContents.send('renderer-restore-queue', queue);
                     });
                 });
             });
         }
     });
 
-    const globalMediaKeysEnabled = store.get('global_media_hotkeys') as boolean;
+    ipcMain.on('download-url', (_event, url: string) => {
+        mainWindow?.webContents.downloadURL(url);
+    });
 
-    if (globalMediaKeysEnabled !== false) {
+    const globalMediaKeysEnabled = store.get('global_media_hotkeys', true) as boolean;
+
+    if (globalMediaKeysEnabled) {
         enableMediaKeys(mainWindow);
     }
 
     mainWindow.loadURL(resolveHtmlPath('index.html'));
 
+    const startWindowMinimized = store.get('window_start_minimized', false) as boolean;
+
     mainWindow.on('ready-to-show', () => {
         if (!mainWindow) {
             throw new Error('"mainWindow" is not defined');
         }
-        if (process.env.START_MINIMIZED) {
-            mainWindow.minimize();
-        } else {
+
+        if (!first || !startWindowMinimized) {
+            const maximized = store.get('maximized');
+            const fullScreen = store.get('fullscreen');
+
+            if (maximized) {
+                mainWindow.maximize();
+            }
+            if (fullScreen) {
+                mainWindow.setFullScreen(true);
+            }
+
             mainWindow.show();
             createWinThumbarButtons();
         }
     });
 
     mainWindow.on('closed', () => {
+        ipcMain.removeHandler('window-clear-cache');
         mainWindow = null;
     });
 
     let saved = false;
 
     mainWindow.on('close', (event) => {
+        store.set('bounds', mainWindow?.getNormalBounds());
+        store.set('maximized', mainWindow?.isMaximized());
+        store.set('fullscreen', mainWindow?.isFullScreen());
+
         if (!exitFromTray && store.get('window_exit_to_tray')) {
             if (isMacOS() && !forceQuit) {
                 exitFromTray = true;
@@ -350,7 +423,7 @@ const createWindow = async () => {
             event.preventDefault();
             saved = true;
 
-            getMainWindow()?.webContents.send('renderer-player-save-queue');
+            getMainWindow()?.webContents.send('renderer-save-queue');
 
             ipcMain.once('player-save-queue', async (_event, data: Record<string, any>) => {
                 const queueLocation = join(app.getPath('userData'), 'queue');
@@ -404,7 +477,7 @@ const createWindow = async () => {
     const menuBuilder = new MenuBuilder(mainWindow);
     menuBuilder.buildMenu();
 
-    // Open urls in the user's browser
+    // Open URLs in the user's browser
     mainWindow.webContents.setWindowOpenHandler((edata) => {
         shell.openExternal(edata.url);
         return { action: 'deny' };
@@ -414,140 +487,13 @@ const createWindow = async () => {
         // eslint-disable-next-line
         new AppUpdater();
     }
+
+    const theme = store.get('theme') as TitleTheme | undefined;
+    nativeTheme.themeSource = theme || 'dark';
 };
 
 app.commandLine.appendSwitch('disable-features', 'HardwareMediaKeyHandling,MediaSessionService');
 
-const MPV_BINARY_PATH = store.get('mpv_path') as string | undefined;
-
-const prefetchPlaylistParams = [
-    '--prefetch-playlist=no',
-    '--prefetch-playlist=yes',
-    '--prefetch-playlist',
-];
-
-const DEFAULT_MPV_PARAMETERS = (extraParameters?: string[]) => {
-    const parameters = ['--idle=yes', '--no-config', '--load-scripts=no'];
-
-    if (!extraParameters?.some((param) => prefetchPlaylistParams.includes(param))) {
-        parameters.push('--prefetch-playlist=yes');
-    }
-
-    return parameters;
-};
-
-let mpvInstance: MpvAPI | null = null;
-
-const createMpv = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    const { extraParameters, properties } = data;
-
-    const params = uniq([...DEFAULT_MPV_PARAMETERS(extraParameters), ...(extraParameters || [])]);
-    console.log('Setting mpv params: ', params);
-
-    const extra = isDevelopment ? '-dev' : '';
-
-    const mpv = new MpvAPI(
-        {
-            audio_only: true,
-            auto_restart: false,
-            binary: MPV_BINARY_PATH || '',
-            socket: isWindows() ? `\\\\.\\pipe\\mpvserver${extra}` : `/tmp/node-mpv${extra}.sock`,
-            time_update: 1,
-        },
-        params,
-    );
-
-    // eslint-disable-next-line promise/catch-or-return
-    mpv.start()
-        .catch((error) => {
-            console.log('MPV failed to start', error);
-        })
-        .finally(() => {
-            console.log('Setting MPV properties: ', properties);
-            mpv.setMultipleProperties(properties || {});
-        });
-
-    mpv.on('status', (status, ...rest) => {
-        console.log('MPV Event: status', status.property, status.value, rest);
-        if (status.property === 'playlist-pos') {
-            if (status.value === -1) {
-                mpv?.stop();
-            }
-
-            if (status.value !== 0) {
-                getMainWindow()?.webContents.send('renderer-player-auto-next');
-            }
-        }
-    });
-
-    // Automatically updates the play button when the player is playing
-    mpv.on('resumed', () => {
-        console.log('MPV Event: resumed');
-        getMainWindow()?.webContents.send('renderer-player-play');
-    });
-
-    // Automatically updates the play button when the player is stopped
-    mpv.on('stopped', () => {
-        console.log('MPV Event: stopped');
-        getMainWindow()?.webContents.send('renderer-player-stop');
-    });
-
-    // Automatically updates the play button when the player is paused
-    mpv.on('paused', () => {
-        console.log('MPV Event: paused');
-        getMainWindow()?.webContents.send('renderer-player-pause');
-    });
-
-    // Event output every interval set by time_update, used to update the current time
-    mpv.on('timeposition', (time: number) => {
-        getMainWindow()?.webContents.send('renderer-player-current-time', time);
-    });
-
-    mpv.on('quit', () => {
-        console.log('MPV Event: quit');
-    });
-
-    return mpv;
-};
-
-export const getMpvInstance = () => {
-    return mpvInstance;
-};
-
-ipcMain.on('player-set-properties', async (_event, data: Record<string, any>) => {
-    if (data.length === 0) {
-        return;
-    }
-
-    if (data.length === 1) {
-        getMpvInstance()?.setProperty(Object.keys(data)[0], Object.values(data)[0]);
-    } else {
-        getMpvInstance()?.setMultipleProperties(data);
-    }
-});
-
-ipcMain.on(
-    'player-restart',
-    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-        mpvInstance?.quit();
-        mpvInstance = createMpv(data);
-    },
-);
-
-ipcMain.on(
-    'player-initialize',
-    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-        console.log('Initializing MPV with data: ', data);
-        mpvInstance = createMpv(data);
-    },
-);
-
-ipcMain.on('player-quit', async () => {
-    mpvInstance?.stop();
-    mpvInstance?.quit();
-    mpvInstance = null;
-});
-
 // Must duplicate with the one in renderer process settings.store.ts
 enum BindingActions {
     GLOBAL_SEARCH = 'globalSearch',
@@ -622,7 +568,7 @@ ipcMain.on(
             }
         }
 
-        const globalMediaKeysEnabled = store.get('global_media_hotkeys') as boolean;
+        const globalMediaKeysEnabled = store.get('global_media_hotkeys', true) as boolean;
 
         if (globalMediaKeysEnabled) {
             enableMediaKeys(mainWindow);
@@ -630,17 +576,25 @@ ipcMain.on(
     },
 );
 
-app.on('before-quit', () => {
-    getMpvInstance()?.stop();
-    getMpvInstance()?.quit();
-});
+ipcMain.on(
+    'logger',
+    (
+        _event,
+        data: {
+            message: string;
+            type: 'debug' | 'verbose' | 'success' | 'error' | 'warning' | 'info';
+        },
+    ) => {
+        createLog(data);
+    },
+);
 
 app.on('window-all-closed', () => {
     globalShortcut.unregisterAll();
-    getMpvInstance()?.quit();
     // Respect the OSX convention of having the application in memory even
     // after all windows have been closed
     if (isMacOS()) {
+        ipcMain.removeHandler('window-clear-cache');
         mainWindow = null;
     } else {
         app.quit();
@@ -665,6 +619,8 @@ if (!singleInstance) {
         if (mainWindow) {
             if (mainWindow.isMinimized()) {
                 mainWindow.restore();
+            } else if (!mainWindow.isVisible()) {
+                mainWindow.show();
             }
 
             mainWindow.focus();
@@ -691,12 +647,35 @@ if (!singleInstance) {
             });
 
             createWindow();
-            createTray();
+            if (store.get('window_enable_tray', true)) {
+                createTray();
+            }
             app.on('activate', () => {
                 // On macOS it's common to re-create a window in the app when the
                 // dock icon is clicked and there are no other windows open.
-                if (mainWindow === null) createWindow();
+                if (mainWindow === null) createWindow(false);
+                else if (!mainWindow.isVisible()) {
+                    mainWindow.show();
+                    createWinThumbarButtons();
+                }
             });
         })
         .catch(console.log);
 }
+
+// Register 'open-item' handler globally, ensuring it is only registered once
+if (!ipcMain.eventNames().includes('open-item')) {
+    ipcMain.handle('open-item', async (_event, path: string) => {
+        return new Promise<void>((resolve, reject) => {
+            access(path, constants.F_OK, (error) => {
+                if (error) {
+                    reject(error);
+                    return;
+                }
+
+                shell.showItemInFolder(path);
+                resolve();
+            });
+        });
+    });
+}

src/main/menu.ts

@@ -48,7 +48,7 @@ export default class MenuBuilder {
             label: 'Electron',
             submenu: [
                 {
-                    label: 'About ElectronReact',
+                    label: 'About Feishin',
                     selector: 'orderFrontStandardAboutPanel:',
                 },
                 { type: 'separator' },
@@ -56,7 +56,7 @@ export default class MenuBuilder {
                 { type: 'separator' },
                 {
                     accelerator: 'Command+H',
-                    label: 'Hide ElectronReact',
+                    label: 'Hide Feishin',
                     selector: 'hide:',
                 },
                 {
@@ -147,27 +147,27 @@ export default class MenuBuilder {
             submenu: [
                 {
                     click() {
-                        shell.openExternal('https://electronjs.org');
+                        shell.openExternal('https://github.com/jeffvli/feishin');
                     },
                     label: 'Learn More',
                 },
                 {
                     click() {
                         shell.openExternal(
-                            'https://github.com/electron/electron/tree/main/docs#readme',
+                            'https://github.com/jeffvli/feishin?tab=readme-ov-file#getting-started',
                         );
                     },
                     label: 'Documentation',
                 },
                 {
                     click() {
-                        shell.openExternal('https://www.electronjs.org/community');
+                        shell.openExternal('https://github.com/jeffvli/feishin/discussions');
                     },
                     label: 'Community Discussions',
                 },
                 {
                     click() {
-                        shell.openExternal('https://github.com/electron/electron/issues');
+                        shell.openExternal('https://github.com/jeffvli/feishin/issues');
                     },
                     label: 'Search Issues',
                 },
@@ -246,27 +246,27 @@ export default class MenuBuilder {
                 submenu: [
                     {
                         click() {
-                            shell.openExternal('https://electronjs.org');
+                            shell.openExternal('https://github.com/jeffvli/feishin');
                         },
                         label: 'Learn More',
                     },
                     {
                         click() {
                             shell.openExternal(
-                                'https://github.com/electron/electron/tree/main/docs#readme',
+                                'https://github.com/jeffvli/feishin?tab=readme-ov-file#getting-started',
                             );
                         },
                         label: 'Documentation',
                     },
                     {
                         click() {
-                            shell.openExternal('https://www.electronjs.org/community');
+                            shell.openExternal('https://github.com/jeffvli/feishin/discussions');
                         },
                         label: 'Community Discussions',
                     },
                     {
                         click() {
-                            shell.openExternal('https://github.com/electron/electron/issues');
+                            shell.openExternal('https://github.com/jeffvli/feishin/issues');
                         },
                         label: 'Search Issues',
                     },

src/main/preload/browser.ts

@@ -24,7 +24,12 @@ const devtools = () => {
     ipcRenderer.send('window-dev-tools');
 };
 
+const clearCache = (): Promise<void> => {
+    return ipcRenderer.invoke('window-clear-cache');
+};
+
 export const browser = {
+    clearCache,
     devtools,
     exit,
     maximize,
@@ -32,3 +37,5 @@ export const browser = {
     quit,
     unmaximize,
 };
+
+export type Browser = typeof browser;

src/main/preload/local-settings.ts

@@ -1,9 +1,18 @@
 import { IpcRendererEvent, ipcRenderer, webFrame } from 'electron';
 import Store from 'electron-store';
+import { toServerType, type TitleTheme } from '/@/renderer/types';
 
 const store = new Store();
 
-const set = (property: string, value: string | Record<string, unknown> | boolean | string[]) => {
+const set = (
+    property: string,
+    value: string | Record<string, unknown> | boolean | string[] | undefined,
+) => {
+    if (value === undefined) {
+        store.delete(property);
+        return;
+    }
+
     store.set(`${property}`, value);
 };
 
@@ -43,9 +52,25 @@ const fontError = (cb: (event: IpcRendererEvent, file: string) => void) => {
     ipcRenderer.on('custom-font-error', cb);
 };
 
+const themeSet = (theme: TitleTheme): void => {
+    ipcRenderer.send('theme-set', theme);
+};
+
+const SERVER_TYPE = toServerType(process.env.SERVER_TYPE);
+
+const env = {
+    SERVER_LOCK:
+        SERVER_TYPE !== null ? process.env.SERVER_LOCK?.toLocaleLowerCase() === 'true' : false,
+    SERVER_NAME: process.env.SERVER_NAME ?? '',
+    SERVER_TYPE,
+    SERVER_URL: process.env.SERVER_URL ?? 'http://',
+    START_MAXIMIZED: store.get('maximized'),
+};
+
 export const localSettings = {
     disableMediaKeys,
     enableMediaKeys,
+    env,
     fontError,
     get,
     passwordGet,
@@ -54,6 +79,7 @@ export const localSettings = {
     restart,
     set,
     setZoomFactor,
+    themeSet,
 };
 
 export type LocalSettings = typeof localSettings;

src/main/preload/mpv-player.ts

@@ -1,12 +1,16 @@
 import { ipcRenderer, IpcRendererEvent } from 'electron';
-import { PlayerData, PlayerState } from '/@/renderer/store';
+import { PlayerData } from '/@/renderer/store';
 
 const initialize = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    ipcRenderer.send('player-initialize', data);
+    return ipcRenderer.invoke('player-initialize', data);
 };
 
-const restart = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    ipcRenderer.send('player-restart', data);
+const restart = (data: {
+    binaryPath?: string;
+    extraParameters?: string[];
+    properties?: Record<string, any>;
+}) => {
+    return ipcRenderer.invoke('player-restart', data);
 };
 
 const isRunning = () => {
@@ -18,12 +22,11 @@ const cleanup = () => {
 };
 
 const setProperties = (data: Record<string, any>) => {
-    console.log('Setting property :>>', data);
     ipcRenderer.send('player-set-properties', data);
 };
 
-const autoNext = (data: PlayerData) => {
-    ipcRenderer.send('player-auto-next', data);
+const autoNext = (url?: string) => {
+    ipcRenderer.send('player-auto-next', url);
 };
 
 const currentTime = () => {
@@ -50,14 +53,6 @@ const previous = () => {
     ipcRenderer.send('player-previous');
 };
 
-const restoreQueue = () => {
-    ipcRenderer.send('player-restore-queue');
-};
-
-const saveQueue = (data: Record<string, any>) => {
-    ipcRenderer.send('player-save-queue', data);
-};
-
 const seek = (seconds: number) => {
     ipcRenderer.send('player-seek', seconds);
 };
@@ -66,12 +61,12 @@ const seekTo = (seconds: number) => {
     ipcRenderer.send('player-seek-to', seconds);
 };
 
-const setQueue = (data: PlayerData, pause?: boolean) => {
-    ipcRenderer.send('player-set-queue', data, pause);
+const setQueue = (current?: string, next?: string, pause?: boolean) => {
+    ipcRenderer.send('player-set-queue', current, next, pause);
 };
 
-const setQueueNext = (data: PlayerData) => {
-    ipcRenderer.send('player-set-queue-next', data);
+const setQueueNext = (url?: string) => {
+    ipcRenderer.send('player-set-queue-next', url);
 };
 
 const stop = () => {
@@ -154,20 +149,14 @@ const rendererQuit = (cb: (event: IpcRendererEvent) => void) => {
     ipcRenderer.on('renderer-player-quit', cb);
 };
 
-const rendererSaveQueue = (cb: (event: IpcRendererEvent) => void) => {
-    ipcRenderer.on('renderer-player-save-queue', cb);
-};
-
-const rendererRestoreQueue = (
-    cb: (event: IpcRendererEvent, data: Partial<PlayerState>) => void,
-) => {
-    ipcRenderer.on('renderer-player-restore-queue', cb);
-};
-
 const rendererError = (cb: (event: IpcRendererEvent, data: string) => void) => {
     ipcRenderer.on('renderer-player-error', cb);
 };
 
+const rendererPlayerFallback = (cb: (event: IpcRendererEvent, data: boolean) => void) => {
+    ipcRenderer.on('renderer-player-fallback', cb);
+};
+
 export const mpvPlayer = {
     autoNext,
     cleanup,
@@ -182,8 +171,6 @@ export const mpvPlayer = {
     previous,
     quit,
     restart,
-    restoreQueue,
-    saveQueue,
     seek,
     seekTo,
     setProperties,
@@ -201,10 +188,9 @@ export const mpvPlayerListener = {
     rendererPause,
     rendererPlay,
     rendererPlayPause,
+    rendererPlayerFallback,
     rendererPrevious,
     rendererQuit,
-    rendererRestoreQueue,
-    rendererSaveQueue,
     rendererSkipBackward,
     rendererSkipForward,
     rendererStop,

src/main/preload/remote.ts

@@ -1,5 +1,6 @@
 import { IpcRendererEvent, ipcRenderer } from 'electron';
-import { SongUpdate } from '/@/renderer/types';
+import { QueueSong } from '/@/renderer/api/types';
+import { PlayerStatus } from '/@/renderer/types';
 
 const requestFavorite = (
     cb: (
@@ -46,6 +47,10 @@ const updatePassword = (password: string) => {
     ipcRenderer.send('remote-password', password);
 };
 
+const updatePlayback = (playback: PlayerStatus) => {
+    ipcRenderer.send('update-playback', playback);
+};
+
 const updateSetting = (
     enabled: boolean,
     port: number,
@@ -67,7 +72,7 @@ const updateShuffle = (shuffle: boolean) => {
     ipcRenderer.send('update-shuffle', shuffle);
 };
 
-const updateSong = (args: SongUpdate) => {
+const updateSong = (args: QueueSong | undefined) => {
     ipcRenderer.send('update-song', args);
 };
 
@@ -79,6 +84,10 @@ const updateVolume = (volume: number) => {
     ipcRenderer.send('update-volume', volume);
 };
 
+const updatePosition = (timeSec: number) => {
+    ipcRenderer.send('update-position', timeSec);
+};
+
 export const remote = {
     requestFavorite,
     requestPosition,
@@ -89,6 +98,8 @@ export const remote = {
     setRemotePort,
     updateFavorite,
     updatePassword,
+    updatePlayback,
+    updatePosition,
     updateRating,
     updateRepeat,
     updateSetting,

src/main/preload/utils.ts

@@ -1,9 +1,69 @@
+import { IpcRendererEvent, ipcRenderer } from 'electron';
 import { isMacOS, isWindows, isLinux } from '../utils';
+import { PlayerState } from '/@/renderer/store';
+
+const saveQueue = (data: Record<string, any>) => {
+    ipcRenderer.send('player-save-queue', data);
+};
+
+const restoreQueue = () => {
+    ipcRenderer.send('player-restore-queue');
+};
+
+const openItem = async (path: string) => {
+    return ipcRenderer.invoke('open-item', path);
+};
+
+const onSaveQueue = (cb: (event: IpcRendererEvent) => void) => {
+    ipcRenderer.on('renderer-save-queue', cb);
+};
+
+const onRestoreQueue = (cb: (event: IpcRendererEvent, data: Partial<PlayerState>) => void) => {
+    ipcRenderer.on('renderer-restore-queue', cb);
+};
+
+const playerErrorListener = (cb: (event: IpcRendererEvent, data: { code: number }) => void) => {
+    ipcRenderer.on('player-error-listener', cb);
+};
+
+const mainMessageListener = (
+    cb: (
+        event: IpcRendererEvent,
+        data: { message: string; type: 'success' | 'error' | 'warning' | 'info' },
+    ) => void,
+) => {
+    ipcRenderer.on('toast-from-main', cb);
+};
+
+const logger = (
+    cb: (
+        event: IpcRendererEvent,
+        data: {
+            message: string;
+            type: 'debug' | 'verbose' | 'error' | 'warning' | 'info';
+        },
+    ) => void,
+) => {
+    ipcRenderer.send('logger', cb);
+};
+
+const download = (url: string) => {
+    ipcRenderer.send('download-url', url);
+};
 
 export const utils = {
+    download,
     isLinux,
     isMacOS,
     isWindows,
+    logger,
+    mainMessageListener,
+    onRestoreQueue,
+    onSaveQueue,
+    openItem,
+    playerErrorListener,
+    restoreQueue,
+    saveQueue,
 };
 
 export type Utils = typeof utils;

src/main/utils.ts

@@ -2,6 +2,7 @@
 import path from 'path';
 import process from 'process';
 import { URL } from 'url';
+import log from 'electron-log/main';
 
 export let resolveHtmlPath: (htmlFileName: string) => string;
 
@@ -50,3 +51,46 @@ export const hotkeyToElectronAccelerator = (hotkey: string) => {
 
     return accelerator;
 };
+
+const logMethod = {
+    debug: log.debug,
+    error: log.error,
+    info: log.info,
+    success: log.info,
+    verbose: log.verbose,
+    warning: log.warn,
+};
+
+const logColor = {
+    debug: 'blue',
+    error: 'red',
+    info: 'blue',
+    success: 'green',
+    verbose: 'blue',
+    warning: 'yellow',
+};
+
+export const createLog = (data: {
+    message: string;
+    type: 'debug' | 'verbose' | 'success' | 'error' | 'warning' | 'info';
+}) => {
+    logMethod[data.type](`%c${data.message}`, `color: ${logColor[data.type]}`);
+};
+
+export const autoUpdaterLogInterface = {
+    debug: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'debug' });
+    },
+
+    error: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'error' });
+    },
+
+    info: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'info' });
+    },
+
+    warn: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'warning' });
+    },
+};

src/remote/components/remote-container.tsx

@@ -18,10 +18,10 @@ import {
 import { PlayerRepeat, PlayerStatus } from '/@/renderer/types';
 import { WrapperSlider } from '/@/remote/components/wrapped-slider';
 import { Tooltip } from '/@/renderer/components/tooltip';
-import { Rating } from '/@/renderer/components';
+import { Rating } from '/@/renderer/components/rating';
 
 export const RemoteContainer = () => {
-    const { repeat, shuffle, song, status, volume } = useInfo();
+    const { position, repeat, shuffle, song, status, volume } = useInfo();
     const send = useSend();
     const showImage = useShowImage();
 
@@ -38,7 +38,7 @@ export const RemoteContainer = () => {
 
     return (
         <>
-            {song && (
+            {id && (
                 <>
                     <Title order={1}>{song.name}</Title>
                     <Group align="flex-end">
@@ -61,6 +61,7 @@ export const RemoteContainer = () => {
                 spacing={0}
             >
                 <RemoteButton
+                    disabled={!id}
                     tooltip="Previous track"
                     variant="default"
                     onClick={() => send({ event: 'previous' })}
@@ -68,7 +69,8 @@ export const RemoteContainer = () => {
                     <RiSkipBackFill size={25} />
                 </RemoteButton>
                 <RemoteButton
-                    tooltip={status === PlayerStatus.PLAYING ? 'Pause' : 'Play'}
+                    disabled={!id}
+                    tooltip={id && status === PlayerStatus.PLAYING ? 'Pause' : 'Play'}
                     variant="default"
                     onClick={() => {
                         if (status === PlayerStatus.PLAYING) {
@@ -78,13 +80,14 @@ export const RemoteContainer = () => {
                         }
                     }}
                 >
-                    {status === PlayerStatus.PLAYING ? (
+                    {id && status === PlayerStatus.PLAYING ? (
                         <RiPauseFill size={25} />
                     ) : (
                         <RiPlayFill size={25} />
                     )}
                 </RemoteButton>
                 <RemoteButton
+                    disabled={!id}
                     tooltip="Next track"
                     variant="default"
                     onClick={() => send({ event: 'next' })}
@@ -110,8 +113,8 @@ export const RemoteContainer = () => {
                         repeat === PlayerRepeat.ONE
                             ? 'One'
                             : repeat === PlayerRepeat.ALL
-                            ? 'all'
-                            : 'none'
+                              ? 'all'
+                              : 'none'
                     }`}
                     variant="default"
                     onClick={() => send({ event: 'repeat' })}
@@ -124,7 +127,7 @@ export const RemoteContainer = () => {
                 </RemoteButton>
                 <RemoteButton
                     $active={song?.userFavorite}
-                    disabled={!song}
+                    disabled={!id}
                     tooltip={song?.userFavorite ? 'Unfavorite' : 'Favorite'}
                     variant="default"
                     onClick={() => {
@@ -151,6 +154,16 @@ export const RemoteContainer = () => {
                     </div>
                 )}
             </Group>
+            {id && position !== undefined && (
+                <WrapperSlider
+                    label={(value) => formatDuration(value * 1e3)}
+                    leftLabel={formatDuration(position * 1e3)}
+                    max={song.duration / 1e3}
+                    rightLabel={formatDuration(song.duration)}
+                    value={position}
+                    onChangeEnd={(e) => send({ event: 'position', position: e })}
+                />
+            )}
             <WrapperSlider
                 leftLabel={<RiVolumeUpFill size={20} />}
                 max={100}

src/remote/components/wrapped-slider.tsx

@@ -44,7 +44,7 @@ export const WrapperSlider = ({ leftLabel, rightLabel, value, ...props }: Wrappe
                     {...props}
                     min={0}
                     size={6}
-                    value={!isSeeking ? value ?? 0 : seek}
+                    value={!isSeeking ? (value ?? 0) : seek}
                     w="100%"
                     onChange={(e) => {
                         setIsSeeking(true);

src/remote/store/index.ts

@@ -4,7 +4,7 @@ import merge from 'lodash/merge';
 import { create } from 'zustand';
 import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
-import { ClientEvent, ServerEvent, SongUpdateSocket } from '/@/remote/types';
+import type { ClientEvent, ServerEvent, SongUpdateSocket } from '/@/remote/types';
 
 interface StatefulWebSocket extends WebSocket {
     natural: boolean;
@@ -133,6 +133,18 @@ export const useRemoteStore = create<SettingsSlice>()(
                                         });
                                         break;
                                     }
+                                    case 'playback': {
+                                        set((state) => {
+                                            state.info.status = data;
+                                        });
+                                        break;
+                                    }
+                                    case 'position': {
+                                        set((state) => {
+                                            state.info.position = data;
+                                        });
+                                        break;
+                                    }
                                     case 'proxy': {
                                         set((state) => {
                                             if (state.info.song) {
@@ -149,9 +161,33 @@ export const useRemoteStore = create<SettingsSlice>()(
                                         });
                                         break;
                                     }
+                                    case 'repeat': {
+                                        set((state) => {
+                                            state.info.repeat = data;
+                                        });
+                                        break;
+                                    }
+                                    case 'shuffle': {
+                                        set((state) => {
+                                            state.info.shuffle = data;
+                                        });
+                                        break;
+                                    }
                                     case 'song': {
-                                        set((nested) => {
-                                            nested.info = { ...nested.info, ...data };
+                                        set((state) => {
+                                            state.info.song = data;
+                                        });
+                                        break;
+                                    }
+                                    case 'state': {
+                                        set((state) => {
+                                            state.info = data;
+                                        });
+                                        break;
+                                    }
+                                    case 'volume': {
+                                        set((state) => {
+                                            state.info.volume = data;
                                         });
                                     }
                                 }
@@ -212,11 +248,9 @@ export const useRemoteStore = create<SettingsSlice>()(
             { name: 'store_settings' },
         ),
         {
-            merge: (persistedState, currentState) => {
-                return merge(currentState, persistedState);
-            },
+            merge: (persistedState, currentState) => merge(currentState, persistedState),
             name: 'store_settings',
-            version: 6,
+            version: 7,
         },
     ),
 );

src/remote/types.ts

@@ -1,7 +1,8 @@
 import type { QueueSong } from '/@/renderer/api/types';
-import type { SongUpdate } from '/@/renderer/types';
+import type { PlayerRepeat, PlayerStatus, SongState } from '/@/renderer/types';
 
-export interface SongUpdateSocket extends Omit<SongUpdate, 'song'> {
+export interface SongUpdateSocket extends Omit<SongState, 'song'> {
+    position?: number;
     song?: QueueSong | null;
 }
 
@@ -15,6 +16,15 @@ export interface ServerFavorite {
     event: 'favorite';
 }
 
+export interface ServerPlayStatus {
+    data: PlayerStatus;
+    event: 'playback';
+}
+
+export interface ServerPosition {
+    data: number;
+    event: 'position';
+}
 export interface ServerProxy {
     data: string;
     event: 'proxy';
@@ -25,12 +35,43 @@ export interface ServerRating {
     event: 'rating';
 }
 
+export interface ServerRepeat {
+    data: PlayerRepeat;
+    event: 'repeat';
+}
+
+export interface ServerShuffle {
+    data: boolean;
+    event: 'shuffle';
+}
+
 export interface ServerSong {
-    data: SongUpdateSocket;
+    data: QueueSong | null;
     event: 'song';
 }
 
-export type ServerEvent = ServerError | ServerFavorite | ServerRating | ServerSong | ServerProxy;
+export interface ServerState {
+    data: SongState;
+    event: 'state';
+}
+
+export interface ServerVolume {
+    data: number;
+    event: 'volume';
+}
+
+export type ServerEvent =
+    | ServerError
+    | ServerFavorite
+    | ServerPlayStatus
+    | ServerPosition
+    | ServerRating
+    | ServerRepeat
+    | ServerShuffle
+    | ServerSong
+    | ServerState
+    | ServerProxy
+    | ServerVolume;
 
 export interface ClientSimpleEvent {
     event: 'next' | 'pause' | 'play' | 'previous' | 'proxy' | 'repeat' | 'shuffle';
@@ -58,8 +99,14 @@ export interface ClientAuth {
     header: string;
 }
 
+export interface ClientPosition {
+    event: 'position';
+    position: number;
+}
+
 export type ClientEvent =
     | ClientAuth
+    | ClientPosition
     | ClientSimpleEvent
     | ClientFavorite
     | ClientRating

src/renderer/api/controller.ts

@@ -1,38 +1,10 @@
-import { RandomSongListArgs } from './types';
-import i18n from '/@/i18n/i18n';
-import { JellyfinController } from '/@/renderer/api/jellyfin/jellyfin-controller';
+import { useAuthStore } from '/@/renderer/store';
+import { toast } from '/@/renderer/components/toast/index';
+import type { ServerType, ControllerEndpoint, AuthenticationResponse } from '/@/renderer/api/types';
 import { NavidromeController } from '/@/renderer/api/navidrome/navidrome-controller';
 import { SubsonicController } from '/@/renderer/api/subsonic/subsonic-controller';
-import type {
-    AddToPlaylistArgs,
-    AlbumArtistDetailArgs,
-    AlbumArtistListArgs,
-    AlbumDetailArgs,
-    AlbumListArgs,
-    ArtistListArgs,
-    ControllerEndpoint,
-    CreatePlaylistArgs,
-    DeletePlaylistArgs,
-    FavoriteArgs,
-    GenreListArgs,
-    LyricsArgs,
-    MusicFolderListArgs,
-    PlaylistDetailArgs,
-    PlaylistListArgs,
-    PlaylistSongListArgs,
-    RemoveFromPlaylistArgs,
-    ScrobbleArgs,
-    SearchArgs,
-    SetRatingArgs,
-    SongDetailArgs,
-    SongListArgs,
-    TopSongListArgs,
-    UpdatePlaylistArgs,
-    UserListArgs,
-} from '/@/renderer/api/types';
-import { toast } from '/@/renderer/components/toast/index';
-import { useAuthStore } from '/@/renderer/store';
-import { ServerType } from '/@/renderer/types';
+import { JellyfinController } from '/@/renderer/api/jellyfin/jellyfin-controller';
+import i18n from '/@/i18n/i18n';
 
 type ApiController = {
     jellyfin: ControllerEndpoint;
@@ -46,7 +18,10 @@ const endpoints: ApiController = {
     subsonic: SubsonicController,
 };
 
-const apiController = (endpoint: keyof ControllerEndpoint, type?: ServerType) => {
+const apiController = <K extends keyof ControllerEndpoint>(
+    endpoint: K,
+    type?: ServerType,
+): NonNullable<ControllerEndpoint[K]> => {
     const serverType = type || useAuthStore.getState().currentServer?.type;
 
     if (!serverType) {
@@ -76,314 +51,127 @@ const apiController = (endpoint: keyof ControllerEndpoint, type?: ServerType) =>
         );
     }
 
-    return endpoints[serverType][endpoint];
+    return controllerFn;
 };
 
-const authenticate = async (
-    url: string,
-    body: { legacy?: boolean; password: string; username: string },
-    type: ServerType,
-) => {
-    return (apiController('authenticate', type) as ControllerEndpoint['authenticate'])?.(url, body);
-};
+export interface GeneralController extends Omit<Required<ControllerEndpoint>, 'authenticate'> {
+    authenticate: (
+        url: string,
+        body: { legacy?: boolean; password: string; username: string },
+        type: ServerType,
+    ) => Promise<AuthenticationResponse>;
+}
 
-const getAlbumList = async (args: AlbumListArgs) => {
-    return (
-        apiController(
-            'getAlbumList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumList']
-    )?.(args);
-};
-
-const getAlbumListCount = async (args: AlbumListArgs) => {
-    return (
-        apiController(
-            'getAlbumListCount',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumListCount']
-    )?.(args);
-};
-
-const getAlbumDetail = async (args: AlbumDetailArgs) => {
-    return (
-        apiController(
-            'getAlbumDetail',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumDetail']
-    )?.(args);
-};
-
-const getSongList = async (args: SongListArgs) => {
-    return (
-        apiController(
-            'getSongList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getSongList']
-    )?.(args);
-};
-
-const getSongListCount = async (args: SongListArgs) => {
-    return (
-        apiController(
-            'getSongListCount',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getSongListCount']
-    )?.(args);
-};
-
-const getSongDetail = async (args: SongDetailArgs) => {
-    return (
-        apiController(
-            'getSongDetail',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getSongDetail']
-    )?.(args);
-};
-
-const getMusicFolderList = async (args: MusicFolderListArgs) => {
-    return (
-        apiController(
-            'getMusicFolderList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getMusicFolderList']
-    )?.(args);
-};
-
-const getGenreList = async (args: GenreListArgs) => {
-    return (
-        apiController(
-            'getGenreList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getGenreList']
-    )?.(args);
-};
-
-const getAlbumArtistDetail = async (args: AlbumArtistDetailArgs) => {
-    return (
-        apiController(
-            'getAlbumArtistDetail',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumArtistDetail']
-    )?.(args);
-};
-
-const getAlbumArtistList = async (args: AlbumArtistListArgs) => {
-    return (
-        apiController(
-            'getAlbumArtistList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumArtistList']
-    )?.(args);
-};
-
-const getAlbumArtistListCount = async (args: AlbumArtistListArgs) => {
-    return (
-        apiController(
-            'getAlbumArtistListCount',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getAlbumArtistListCount']
-    )?.(args);
-};
-
-const getArtistList = async (args: ArtistListArgs) => {
-    return (
-        apiController(
-            'getArtistList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getArtistList']
-    )?.(args);
-};
-
-const getPlaylistList = async (args: PlaylistListArgs) => {
-    return (
-        apiController(
-            'getPlaylistList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getPlaylistList']
-    )?.(args);
-};
-
-const getPlaylistListCount = async (args: PlaylistListArgs) => {
-    return (
-        apiController(
-            'getPlaylistListCount',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getPlaylistListCount']
-    )?.(args);
-};
-
-const createPlaylist = async (args: CreatePlaylistArgs) => {
-    return (
-        apiController(
-            'createPlaylist',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['createPlaylist']
-    )?.(args);
-};
-
-const updatePlaylist = async (args: UpdatePlaylistArgs) => {
-    return (
-        apiController(
-            'updatePlaylist',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['updatePlaylist']
-    )?.(args);
-};
-
-const deletePlaylist = async (args: DeletePlaylistArgs) => {
-    return (
-        apiController(
-            'deletePlaylist',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['deletePlaylist']
-    )?.(args);
-};
-
-const addToPlaylist = async (args: AddToPlaylistArgs) => {
-    return (
-        apiController(
-            'addToPlaylist',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['addToPlaylist']
-    )?.(args);
-};
-
-const removeFromPlaylist = async (args: RemoveFromPlaylistArgs) => {
-    return (
-        apiController(
-            'removeFromPlaylist',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['removeFromPlaylist']
-    )?.(args);
-};
-
-const getPlaylistDetail = async (args: PlaylistDetailArgs) => {
-    return (
-        apiController(
-            'getPlaylistDetail',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getPlaylistDetail']
-    )?.(args);
-};
-
-const getPlaylistSongList = async (args: PlaylistSongListArgs) => {
-    return (
-        apiController(
-            'getPlaylistSongList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getPlaylistSongList']
-    )?.(args);
-};
-
-const getUserList = async (args: UserListArgs) => {
-    return (
-        apiController(
-            'getUserList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getUserList']
-    )?.(args);
-};
-
-const createFavorite = async (args: FavoriteArgs) => {
-    return (
-        apiController(
-            'createFavorite',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['createFavorite']
-    )?.(args);
-};
-
-const deleteFavorite = async (args: FavoriteArgs) => {
-    return (
-        apiController(
-            'deleteFavorite',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['deleteFavorite']
-    )?.(args);
-};
-
-const updateRating = async (args: SetRatingArgs) => {
-    return (
-        apiController(
-            'setRating',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['setRating']
-    )?.(args);
-};
-
-const getTopSongList = async (args: TopSongListArgs) => {
-    return (
-        apiController(
-            'getTopSongs',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getTopSongs']
-    )?.(args);
-};
-
-const scrobble = async (args: ScrobbleArgs) => {
-    return (
-        apiController(
-            'scrobble',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['scrobble']
-    )?.(args);
-};
-
-const search = async (args: SearchArgs) => {
-    return (
-        apiController('search', args.apiClientProps.server?.type) as ControllerEndpoint['search']
-    )?.(args);
-};
-
-const getRandomSongList = async (args: RandomSongListArgs) => {
-    return (
-        apiController(
-            'getRandomSongList',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getRandomSongList']
-    )?.(args);
-};
-
-const getLyrics = async (args: LyricsArgs) => {
-    return (
-        apiController(
-            'getLyrics',
-            args.apiClientProps.server?.type,
-        ) as ControllerEndpoint['getLyrics']
-    )?.(args);
-};
-
-export const controller = {
-    addToPlaylist,
-    authenticate,
-    createFavorite,
-    createPlaylist,
-    deleteFavorite,
-    deletePlaylist,
-    getAlbumArtistDetail,
-    getAlbumArtistList,
-    getAlbumArtistListCount,
-    getAlbumDetail,
-    getAlbumList,
-    getAlbumListCount,
-    getArtistList,
-    getGenreList,
-    getLyrics,
-    getMusicFolderList,
-    getPlaylistDetail,
-    getPlaylistList,
-    getPlaylistListCount,
-    getPlaylistSongList,
-    getRandomSongList,
-    getSongDetail,
-    getSongList,
-    getSongListCount,
-    getTopSongList,
-    getUserList,
-    removeFromPlaylist,
-    scrobble,
-    search,
-    updatePlaylist,
-    updateRating,
+export const controller: GeneralController = {
+    addToPlaylist(args) {
+        return apiController('addToPlaylist', args.apiClientProps.server?.type)?.(args);
+    },
+    authenticate(url, body, type) {
+        return apiController('authenticate', type)(url, body);
+    },
+    createFavorite(args) {
+        return apiController('createFavorite', args.apiClientProps.server?.type)?.(args);
+    },
+    createPlaylist(args) {
+        return apiController('createPlaylist', args.apiClientProps.server?.type)?.(args);
+    },
+    deleteFavorite(args) {
+        return apiController('deleteFavorite', args.apiClientProps.server?.type)?.(args);
+    },
+    deletePlaylist(args) {
+        return apiController('deletePlaylist', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumArtistDetail(args) {
+        return apiController('getAlbumArtistDetail', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumArtistList(args) {
+        return apiController('getAlbumArtistList', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumArtistListCount(args) {
+        return apiController('getAlbumArtistListCount', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumDetail(args) {
+        return apiController('getAlbumDetail', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumList(args) {
+        return apiController('getAlbumList', args.apiClientProps.server?.type)?.(args);
+    },
+    getAlbumListCount(args) {
+        return apiController('getAlbumListCount', args.apiClientProps.server?.type)?.(args);
+    },
+    getDownloadUrl(args) {
+        return apiController('getDownloadUrl', args.apiClientProps.server?.type)?.(args);
+    },
+    getGenreList(args) {
+        return apiController('getGenreList', args.apiClientProps.server?.type)?.(args);
+    },
+    getLyrics(args) {
+        return apiController('getLyrics', args.apiClientProps.server?.type)?.(args);
+    },
+    getMusicFolderList(args) {
+        return apiController('getMusicFolderList', args.apiClientProps.server?.type)?.(args);
+    },
+    getPlaylistDetail(args) {
+        return apiController('getPlaylistDetail', args.apiClientProps.server?.type)?.(args);
+    },
+    getPlaylistList(args) {
+        return apiController('getPlaylistList', args.apiClientProps.server?.type)?.(args);
+    },
+    getPlaylistListCount(args) {
+        return apiController('getPlaylistListCount', args.apiClientProps.server?.type)?.(args);
+    },
+    getPlaylistSongList(args) {
+        return apiController('getPlaylistSongList', args.apiClientProps.server?.type)?.(args);
+    },
+    getRandomSongList(args) {
+        return apiController('getRandomSongList', args.apiClientProps.server?.type)?.(args);
+    },
+    getServerInfo(args) {
+        return apiController('getServerInfo', args.apiClientProps.server?.type)?.(args);
+    },
+    getSimilarSongs(args) {
+        return apiController('getSimilarSongs', args.apiClientProps.server?.type)?.(args);
+    },
+    getSongDetail(args) {
+        return apiController('getSongDetail', args.apiClientProps.server?.type)?.(args);
+    },
+    getSongList(args) {
+        return apiController('getSongList', args.apiClientProps.server?.type)?.(args);
+    },
+    getSongListCount(args) {
+        return apiController('getSongListCount', args.apiClientProps.server?.type)?.(args);
+    },
+    getStructuredLyrics(args) {
+        return apiController('getStructuredLyrics', args.apiClientProps.server?.type)?.(args);
+    },
+    getTopSongs(args) {
+        return apiController('getTopSongs', args.apiClientProps.server?.type)?.(args);
+    },
+    getTranscodingUrl(args) {
+        return apiController('getTranscodingUrl', args.apiClientProps.server?.type)?.(args);
+    },
+    getUserList(args) {
+        return apiController('getUserList', args.apiClientProps.server?.type)?.(args);
+    },
+    movePlaylistItem(args) {
+        return apiController('movePlaylistItem', args.apiClientProps.server?.type)?.(args);
+    },
+    removeFromPlaylist(args) {
+        return apiController('removeFromPlaylist', args.apiClientProps.server?.type)?.(args);
+    },
+    scrobble(args) {
+        return apiController('scrobble', args.apiClientProps.server?.type)?.(args);
+    },
+    search(args) {
+        return apiController('search', args.apiClientProps.server?.type)?.(args);
+    },
+    setRating(args) {
+        return apiController('setRating', args.apiClientProps.server?.type)?.(args);
+    },
+    shareItem(args) {
+        return apiController('shareItem', args.apiClientProps.server?.type)?.(args);
+    },
+    updatePlaylist(args) {
+        return apiController('updatePlaylist', args.apiClientProps.server?.type)?.(args);
+    },
 };

src/renderer/api/features-types.ts

@@ -0,0 +1,11 @@
+// Should follow a strict naming convention: "<FEATURE GROUP>_<FEATURE NAME>"
+// For example: <FEATURE GROUP>: "Playlists", <FEATURE NAME>: "Smart" = "PLAYLISTS_SMART"
+export enum ServerFeature {
+    LYRICS_MULTIPLE_STRUCTURED = 'lyricsMultipleStructured',
+    LYRICS_SINGLE_STRUCTURED = 'lyricsSingleStructured',
+    PLAYLISTS_SMART = 'playlistsSmart',
+    PUBLIC_PLAYLIST = 'publicPlaylist',
+    SHARING_ALBUM_SONG = 'sharingAlbumSong',
+}
+
+export type ServerFeatures = Partial<Record<ServerFeature, boolean>>;

src/renderer/api/jellyfin.types.ts

@@ -574,7 +574,7 @@ export enum JFSongListSort {
     ARTIST = 'Artist,Album,SortName',
     COMMUNITY_RATING = 'CommunityRating,SortName',
     DURATION = 'Runtime,AlbumArtist,Album,SortName',
-    NAME = 'Name,SortName',
+    NAME = 'Name',
     PLAY_COUNT = 'PlayCount,SortName',
     RANDOM = 'Random,SortName',
     RECENTLY_ADDED = 'DateCreated,SortName',
@@ -601,7 +601,7 @@ export type JFSongListParams = {
 export enum JFAlbumArtistListSort {
     ALBUM = 'Album,SortName',
     DURATION = 'Runtime,AlbumArtist,Album,SortName',
-    NAME = 'Name,SortName',
+    NAME = 'SortName,Name',
     RANDOM = 'Random,SortName',
     RECENTLY_ADDED = 'DateCreated,SortName',
     RELEASE_DATE = 'PremiereDate,AlbumArtist,Album,SortName',
@@ -618,7 +618,7 @@ export type JFAlbumArtistListParams = {
 export enum JFArtistListSort {
     ALBUM = 'Album,SortName',
     DURATION = 'Runtime,AlbumArtist,Album,SortName',
-    NAME = 'Name,SortName',
+    NAME = 'SortName,Name',
     RANDOM = 'Random,SortName',
     RECENTLY_ADDED = 'DateCreated,SortName',
     RELEASE_DATE = 'PremiereDate,AlbumArtist,Album,SortName',

src/renderer/api/jellyfin/jellyfin-api.ts

@@ -3,11 +3,12 @@ import { jfType } from '/@/renderer/api/jellyfin/jellyfin-types';
 import { initClient, initContract } from '@ts-rest/core';
 import axios, { AxiosError, AxiosResponse, isAxiosError, Method } from 'axios';
 import qs from 'qs';
-import { ServerListItem } from '/@/renderer/types';
+import { ServerListItem } from '/@/renderer/api/types';
 import omitBy from 'lodash/omitBy';
 import { z } from 'zod';
-import { authenticationFailure } from '/@/renderer/api/utils';
+import { authenticationFailure, getClientType } from '/@/renderer/api/utils';
 import i18n from '/@/i18n/i18n';
+import packageJson from '../../../../package.json';
 
 const c = initContract();
 
@@ -24,9 +25,6 @@ export const contract = c.router({
     },
     authenticate: {
         body: jfType._parameters.authenticate,
-        headers: z.object({
-            'X-Emby-Authorization': z.string(),
-        }),
         method: 'POST',
         path: 'users/authenticatebyname',
         responses: {
@@ -115,6 +113,15 @@ export const contract = c.router({
             400: jfType._response.error,
         },
     },
+    getInstantMix: {
+        method: 'GET',
+        path: 'songs/:itemId/InstantMix',
+        query: jfType._parameters.similarSongs,
+        responses: {
+            200: jfType._response.songList,
+            400: jfType._response.error,
+        },
+    },
     getMusicFolderList: {
         method: 'GET',
         path: 'users/:userId/items',
@@ -150,6 +157,14 @@ export const contract = c.router({
             400: jfType._response.error,
         },
     },
+    getServerInfo: {
+        method: 'GET',
+        path: 'system/info',
+        responses: {
+            200: jfType._response.serverInfo,
+            400: jfType._response.error,
+        },
+    },
     getSimilarArtistList: {
         method: 'GET',
         path: 'artists/:id/similar',
@@ -159,6 +174,24 @@ export const contract = c.router({
             400: jfType._response.error,
         },
     },
+    getSimilarSongs: {
+        method: 'GET',
+        path: 'items/:itemId/similar',
+        query: jfType._parameters.similarSongs,
+        responses: {
+            200: jfType._response.similarSongs,
+            400: jfType._response.error,
+        },
+    },
+    getSongData: {
+        method: 'GET',
+        path: 'users/:userId/items/:id',
+        query: jfType._parameters.songDetail,
+        responses: {
+            200: jfType._response.song,
+            400: jfType._response.error,
+        },
+    },
     getSongDetail: {
         method: 'GET',
         path: 'users/:userId/items/:id',
@@ -178,7 +211,7 @@ export const contract = c.router({
     },
     getSongLyrics: {
         method: 'GET',
-        path: 'users/:userId/Items/:id/Lyrics',
+        path: 'audio/:id/Lyrics',
         responses: {
             200: jfType._response.lyrics,
             404: jfType._response.error,
@@ -193,6 +226,15 @@ export const contract = c.router({
             400: jfType._response.error,
         },
     },
+    movePlaylistItem: {
+        body: null,
+        method: 'POST',
+        path: 'playlists/:playlistId/items/:itemId/move/:newIdx',
+        responses: {
+            200: jfType._response.moveItem,
+            400: jfType._response.error,
+        },
+    },
     removeFavorite: {
         body: jfType._parameters.favorite,
         method: 'DELETE',
@@ -250,8 +292,8 @@ export const contract = c.router({
     },
     updatePlaylist: {
         body: jfType._parameters.updatePlaylist,
-        method: 'PUT',
-        path: 'items/:id',
+        method: 'POST',
+        path: 'playlists/:id',
         responses: {
             200: jfType._response.updatePlaylist,
             400: jfType._response.error,
@@ -298,6 +340,12 @@ const parsePath = (fullPath: string) => {
     };
 };
 
+export const createAuthHeader = (): string => {
+    return `MediaBrowser Client="Feishin", Device="${getClientType()}", DeviceId="${
+        useAuthStore.getState().deviceId
+    }", Version="${packageJson.version}"`;
+};
+
 export const jfApiClient = (args: {
     server: ServerListItem | null;
     signal?: AbortSignal;
@@ -324,7 +372,9 @@ export const jfApiClient = (args: {
                     data: body,
                     headers: {
                         ...headers,
-                        ...(token && { 'X-MediaBrowser-Token': token }),
+                        ...(token
+                            ? { Authorization: createAuthHeader().concat(`, Token="${token}"`) }
+                            : { Authorization: createAuthHeader() }),
                     },
                     method: method as Method,
                     params,

src/renderer/api/jellyfin/jellyfin-normalize.ts

@@ -10,8 +10,9 @@ import {
     Playlist,
     MusicFolder,
     Genre,
+    ServerListItem,
+    ServerType,
 } from '/@/renderer/api/types';
-import { ServerListItem, ServerType } from '/@/renderer/types';
 
 const getStreamUrl = (args: {
     container?: string;
@@ -29,11 +30,11 @@ const getStreamUrl = (args: {
         `?userId=${server?.userId}` +
         `&deviceId=${deviceId}` +
         '&audioCodec=aac' +
-        `&api_key=${server?.credential}` +
+        `&apiKey=${server?.credential}` +
         `&playSessionId=${deviceId}` +
         '&container=opus,mp3,aac,m4a,m4b,flac,wav,ogg' +
         '&transcodingContainer=ts' +
-        '&transcodingProtocol=hls'
+        '&transcodingProtocol=http'
     );
 };
 
@@ -52,7 +53,7 @@ const getAlbumArtistCoverArtUrl = (args: {
         `${args.baseUrl}/Items` +
         `/${args.item.Id}` +
         '/Images/Primary' +
-        `?width=${size}&height=${size}` +
+        `?width=${size}` +
         '&quality=96'
     );
 };
@@ -68,7 +69,7 @@ const getAlbumCoverArtUrl = (args: { baseUrl: string; item: JFAlbum; size: numbe
         `${args.baseUrl}/Items` +
         `/${args.item.Id}` +
         '/Images/Primary' +
-        `?width=${size}&height=${size}` +
+        `?width=${size}` +
         '&quality=96'
     );
 };
@@ -85,7 +86,7 @@ const getSongCoverArtUrl = (args: {
             `${args.baseUrl}/Items` +
             `/${args.item.Id}` +
             '/Images/Primary' +
-            `?width=${size}&height=${size}` +
+            `?width=${size}` +
             '&quality=96'
         );
     }
@@ -96,7 +97,7 @@ const getSongCoverArtUrl = (args: {
             `${args.baseUrl}/Items` +
             `/${args.item?.AlbumId}` +
             '/Images/Primary' +
-            `?width=${size}&height=${size}` +
+            `?width=${size}` +
             '&quality=96'
         );
     }
@@ -115,7 +116,7 @@ const getPlaylistCoverArtUrl = (args: { baseUrl: string; item: JFPlaylist; size:
         `${args.baseUrl}/Items` +
         `/${args.item.Id}` +
         '/Images/Primary' +
-        `?width=${size}&height=${size}` +
+        `?width=${size}` +
         '&quality=96'
     );
 };
@@ -133,7 +134,7 @@ const normalizeSong = (
             imageUrl: null,
             name: entry.Name,
         })),
-        albumId: item.AlbumId,
+        albumId: item.AlbumId || `dummy/${item.Id}`,
         artistName: item?.ArtistItems?.[0]?.Name,
         artists: item?.ArtistItems?.map((entry) => ({
             id: entry.Id,
@@ -152,11 +153,16 @@ const normalizeSong = (
         discNumber: (item.ParentIndexNumber && item.ParentIndexNumber) || 1,
         discSubtitle: null,
         duration: item.RunTimeTicks / 10000,
-        gain: item.LUFS
-            ? {
-                  track: -18 - item.LUFS,
-              }
-            : null,
+        gain:
+            item.NormalizationGain !== undefined
+                ? {
+                      track: item.NormalizationGain,
+                  }
+                : item.LUFS
+                  ? {
+                        track: -18 - item.LUFS,
+                    }
+                  : null,
         genres: item.GenreItems?.map((entry) => ({
             id: entry.Id,
             imageUrl: null,
@@ -174,8 +180,11 @@ const normalizeSong = (
         peak: null,
         playCount: (item.UserData && item.UserData.PlayCount) || 0,
         playlistItemId: item.PlaylistItemId,
-        // releaseDate: (item.ProductionYear && new Date(item.ProductionYear, 0, 1).toISOString()) || null,
-        releaseDate: null,
+        releaseDate: item.PremiereDate
+            ? new Date(item.PremiereDate).toISOString()
+            : item.ProductionYear
+              ? new Date(item.ProductionYear, 0, 1).toISOString()
+              : null,
         releaseYear: item.ProductionYear ? String(item.ProductionYear) : null,
         serverId: server?.id || '',
         serverType: ServerType.JELLYFIN,
@@ -202,6 +211,7 @@ const normalizeAlbum = (
     imageSize?: number,
 ): Album => {
     return {
+        albumArtist: item.AlbumArtist,
         albumArtists:
             item.AlbumArtists.map((entry) => ({
                 id: entry.Id,
@@ -214,6 +224,7 @@ const normalizeAlbum = (
             name: entry.Name,
         })),
         backdropImageUrl: null,
+        comment: null,
         createdAt: item.DateCreated,
         duration: item.RunTimeTicks / 10000,
         genres: item.GenreItems?.map((entry) => ({
@@ -232,7 +243,9 @@ const normalizeAlbum = (
         isCompilation: null,
         itemType: LibraryItem.ALBUM,
         lastPlayedAt: null,
+        mbzId: item.ProviderIds?.MusicBrainzAlbum || null,
         name: item.Name,
+        originalDate: null,
         playCount: item.UserData?.PlayCount || 0,
         releaseDate: item.PremiereDate?.split('T')[0] || null,
         releaseYear: item.ProductionYear || null,
@@ -287,6 +300,7 @@ const normalizeAlbumArtist = (
         }),
         itemType: LibraryItem.ALBUM_ARTIST,
         lastPlayedAt: null,
+        mbz: item.ProviderIds?.MusicBrainzArtist || null,
         name: item.Name,
         playCount: item.UserData?.PlayCount || 0,
         serverId: server?.id || '',
@@ -379,7 +393,7 @@ const getGenreCoverArtUrl = (args: {
         `${args.baseUrl}/Items` +
         `/${args.item.Id}` +
         '/Images/Primary' +
-        `?width=${size}&height=${size}` +
+        `?width=${size}` +
         '&quality=96'
     );
 };

src/renderer/api/jellyfin/jellyfin-types.ts

@@ -387,11 +387,13 @@ const genericItem = z.object({
     Name: z.string(),
 });
 
+const songDetailParameters = baseParameters;
+
 const song = z.object({
     Album: z.string(),
     AlbumArtist: z.string(),
     AlbumArtists: z.array(genericItem),
-    AlbumId: z.string(),
+    AlbumId: z.string().optional(),
     AlbumPrimaryImageTag: z.string(),
     ArtistItems: z.array(genericItem),
     Artists: z.array(z.string()),
@@ -411,6 +413,7 @@ const song = z.object({
     MediaSources: z.array(mediaSources),
     MediaType: z.string(),
     Name: z.string(),
+    NormalizationGain: z.number().optional(),
     ParentIndexNumber: z.number(),
     PlaylistItemId: z.string().optional(),
     PremiereDate: z.string().optional(),
@@ -422,6 +425,11 @@ const song = z.object({
     UserData: userData.optional(),
 });
 
+const providerIds = z.object({
+    MusicBrainzAlbum: z.string().optional(),
+    MusicBrainzArtist: z.string().optional(),
+});
+
 const albumArtist = z.object({
     BackdropImageTags: z.array(z.string()),
     ChannelId: z.null(),
@@ -435,6 +443,7 @@ const albumArtist = z.object({
     LocationType: z.string(),
     Name: z.string(),
     Overview: z.string(),
+    ProviderIds: providerIds.optional(),
     RunTimeTicks: z.number(),
     ServerId: z.string(),
     Type: z.string(),
@@ -466,6 +475,7 @@ const album = z.object({
     ParentLogoItemId: z.string(),
     PremiereDate: z.string().optional(),
     ProductionYear: z.number(),
+    ProviderIds: providerIds.optional(),
     RunTimeTicks: z.number(),
     ServerId: z.string(),
     Songs: z.array(song).optional(), // This is not a native Jellyfin property -- this is used for combined album detail
@@ -505,7 +515,7 @@ const albumList = pagination.extend({
 const albumArtistListSort = {
     ALBUM: 'Album,SortName',
     DURATION: 'Runtime,AlbumArtist,Album,SortName',
-    NAME: 'Name,SortName',
+    NAME: 'SortName,Name',
     RANDOM: 'Random,SortName',
     RECENTLY_ADDED: 'DateCreated,SortName',
     RELEASE_DATE: 'PremiereDate,AlbumArtist,Album,SortName',
@@ -535,7 +545,7 @@ const songListSort = {
     ARTIST: 'Artist,Album,SortName',
     COMMUNITY_RATING: 'CommunityRating,SortName',
     DURATION: 'Runtime,AlbumArtist,Album,SortName',
-    NAME: 'Name,SortName',
+    NAME: 'Name',
     PLAY_COUNT: 'PlayCount,SortName',
     RANDOM: 'Random,SortName',
     RECENTLY_ADDED: 'DateCreated,SortName',
@@ -552,6 +562,7 @@ const songListParameters = paginationParameters.merge(
         GenreIds: z.string().optional(),
         Genres: z.string().optional(),
         IsFavorite: z.boolean().optional(),
+        IsPlayed: z.boolean().optional(),
         SearchTerm: z.string().optional(),
         SortBy: z.nativeEnum(songListSort).optional(),
         Tags: z.string().optional(),
@@ -572,9 +583,9 @@ const playlistDetailParameters = baseParameters.extend({
 });
 
 const createPlaylistParameters = z.object({
+    IsPublic: z.boolean().optional(),
     MediaType: z.literal('Audio'),
     Name: z.string(),
-    Overview: z.string(),
     UserId: z.string(),
 });
 
@@ -586,9 +597,9 @@ const updatePlaylist = z.null();
 
 const updatePlaylistParameters = z.object({
     Genres: z.array(genreItem),
+    IsPublic: z.boolean().optional(),
     MediaType: z.literal('Audio'),
     Name: z.string(),
-    Overview: z.string(),
     PremiereDate: z.null(),
     ProviderIds: z.object({}),
     Tags: z.array(genericItem),
@@ -600,14 +611,14 @@ const addToPlaylist = z.object({
 });
 
 const addToPlaylistParameters = z.object({
-    Ids: z.array(z.string()),
+    Ids: z.string(),
     UserId: z.string(),
 });
 
 const removeFromPlaylist = z.null();
 
 const removeFromPlaylistParameters = z.object({
-    EntryIds: z.array(z.string()),
+    EntryIds: z.string(),
 });
 
 const deletePlaylist = z.null();
@@ -654,6 +665,26 @@ const lyrics = z.object({
     Lyrics: z.array(lyricText),
 });
 
+const serverInfo = z.object({
+    Version: z.string(),
+});
+
+const similarSongsParameters = z.object({
+    Fields: z.string().optional(),
+    Limit: z.number().optional(),
+    UserId: z.string().optional(),
+});
+
+const similarSongs = pagination.extend({
+    Items: z.array(song),
+});
+
+export enum JellyfinExtensions {
+    SONG_LYRICS = 'songLyrics',
+}
+
+const moveItem = z.null();
+
 export const jfType = {
     _enum: {
         albumArtistList: albumArtistListSort,
@@ -683,6 +714,8 @@ export const jfType = {
         scrobble: scrobbleParameters,
         search: searchParameters,
         similarArtistList: similarArtistListParameters,
+        similarSongs: similarSongsParameters,
+        songDetail: songDetailParameters,
         songList: songListParameters,
         updatePlaylist: updatePlaylistParameters,
     },
@@ -700,6 +733,7 @@ export const jfType = {
         genre,
         genreList,
         lyrics,
+        moveItem,
         musicFolderList,
         playlist,
         playlistList,
@@ -707,6 +741,8 @@ export const jfType = {
         removeFromPlaylist,
         scrobble,
         search,
+        serverInfo,
+        similarSongs,
         song,
         songList,
         topSongsList,

src/renderer/api/navidrome.types.ts

@@ -199,17 +199,17 @@ export type NDGenreListParams = {
     NDOrder;
 
 export enum NDAlbumListSort {
-    ALBUM_ARTIST = 'albumArtist',
+    ALBUM_ARTIST = 'album_artist',
     ARTIST = 'artist',
     DURATION = 'duration',
     NAME = 'name',
-    PLAY_COUNT = 'playCount',
+    PLAY_COUNT = 'play_count',
     PLAY_DATE = 'play_date',
     RANDOM = 'random',
     RATING = 'rating',
     RECENTLY_ADDED = 'recently_added',
     SONG_COUNT = 'songCount',
-    STARRED = 'starred',
+    STARRED = 'starred_at',
     YEAR = 'max_year',
 }
 
@@ -229,24 +229,25 @@ export type NDAlbumListParams = {
     NDOrder;
 
 export enum NDSongListSort {
-    ALBUM = 'album, order_album_artist_name, disc_number, track_number, title',
-    ALBUM_ARTIST = 'order_album_artist_name, album, disc_number, track_number, title',
-    ALBUM_SONGS = 'album, discNumber, trackNumber',
+    ALBUM = 'album',
+    ALBUM_ARTIST = 'order_album_artist_name',
+    ALBUM_SONGS = 'album',
     ARTIST = 'artist',
     BPM = 'bpm',
     CHANNELS = 'channels',
     COMMENT = 'comment',
     DURATION = 'duration',
-    FAVORITED = 'starred ASC, starredAt ASC',
+    FAVORITED = 'starred_at',
     GENRE = 'genre',
     ID = 'id',
     PLAY_COUNT = 'playCount',
     PLAY_DATE = 'playDate',
+    RANDOM = 'random',
     RATING = 'rating',
     RECENTLY_ADDED = 'createdAt',
     TITLE = 'title',
     TRACK = 'track',
-    YEAR = 'year, album, discNumber, trackNumber',
+    YEAR = 'year',
 }
 
 export type NDSongListParams = {
@@ -260,7 +261,7 @@ export type NDSongListParams = {
 
 export enum NDAlbumArtistListSort {
     ALBUM_COUNT = 'albumCount',
-    FAVORITED = 'starred ASC, starredAt ASC',
+    FAVORITED = 'starred_at',
     NAME = 'name',
     PLAY_COUNT = 'playCount',
     RATING = 'rating',
@@ -352,7 +353,7 @@ export type NDPlaylistListResponse = NDPlaylist[];
 export enum NDPlaylistListSort {
     DURATION = 'duration',
     NAME = 'name',
-    OWNER = 'ownerName',
+    OWNER = 'owner_name',
     PUBLIC = 'public',
     SONG_COUNT = 'songCount',
     UPDATED_AT = 'updatedAt',
@@ -399,6 +400,7 @@ export const NDSongQueryFields = [
     { label: 'File Type', type: 'string', value: 'filetype' },
     { label: 'Genre', type: 'string', value: 'genre' },
     { label: 'Has CoverArt', type: 'boolean', value: 'hascoverart' },
+    { label: 'Playlist', type: 'playlist', value: 'id' },
     { label: 'Is Compilation', type: 'boolean', value: 'compilation' },
     { label: 'Is Favorite', type: 'boolean', value: 'loved' },
     { label: 'Lyrics', type: 'string', value: 'lyrics' },
@@ -414,6 +416,11 @@ export const NDSongQueryFields = [
     { label: 'Year', type: 'number', value: 'year' },
 ];
 
+export const NDSongQueryPlaylistOperators = [
+    { label: 'is in', value: 'inPlaylist' },
+    { label: 'is not in', value: 'notInPlaylist' },
+];
+
 export const NDSongQueryDateOperators = [
     { label: 'is', value: 'is' },
     { label: 'is not', value: 'isNot' },

src/renderer/api/navidrome/navidrome-api.ts

@@ -7,8 +7,8 @@ import qs from 'qs';
 import { ndType } from './navidrome-types';
 import { authenticationFailure, resultWithHeaders } from '/@/renderer/api/utils';
 import { useAuthStore } from '/@/renderer/store';
-import { ServerListItem } from '/@/renderer/types';
-import { toast } from '/@/renderer/components';
+import { ServerListItem } from '/@/renderer/api/types';
+import { toast } from '/@/renderer/components/toast';
 import i18n from '/@/i18n/i18n';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
@@ -147,6 +147,15 @@ export const contract = c.router({
             500: resultWithHeaders(ndType._response.error),
         },
     },
+    movePlaylistItem: {
+        body: ndType._parameters.moveItem,
+        method: 'PUT',
+        path: 'playlist/:playlistId/tracks/:trackNumber',
+        responses: {
+            200: resultWithHeaders(ndType._response.moveItem),
+            400: resultWithHeaders(ndType._response.error),
+        },
+    },
     removeFromPlaylist: {
         body: null,
         method: 'DELETE',
@@ -157,6 +166,16 @@ export const contract = c.router({
             500: resultWithHeaders(ndType._response.error),
         },
     },
+    shareItem: {
+        body: ndType._parameters.shareItem,
+        method: 'POST',
+        path: 'share',
+        responses: {
+            200: resultWithHeaders(ndType._response.shareItem),
+            404: resultWithHeaders(ndType._response.error),
+            500: resultWithHeaders(ndType._response.error),
+        },
+    },
     updatePlaylist: {
         body: ndType._parameters.updatePlaylist,
         method: 'PUT',
@@ -286,9 +305,10 @@ axiosClient.interceptors.response.use(
                             });
 
                             const serverId = currentServer.id;
-                            useAuthStore
-                                .getState()
-                                .actions.updateServer(serverId, { ndCredential: undefined });
+                            useAuthStore.getState().actions.updateServer(serverId, {
+                                credential: undefined,
+                                ndCredential: undefined,
+                            });
                             useAuthStore.getState().actions.setCurrentServer(null);
 
                             // special error to prevent sending a second message, and stop other messages that could be enqueued

src/renderer/api/navidrome/navidrome-normalize.ts

@@ -7,12 +7,13 @@ import {
     User,
     AlbumArtist,
     Genre,
+    ServerListItem,
+    ServerType,
 } from '/@/renderer/api/types';
-import { ServerListItem, ServerType } from '/@/renderer/types';
 import z from 'zod';
 import { ndType } from './navidrome-types';
+import { ssType } from '/@/renderer/api/subsonic/subsonic-types';
 import { NDGenre } from '/@/renderer/api/navidrome.types';
-import { SubsonicApi } from '/@/renderer/api/subsonic/subsonic-types';
 
 const getImageUrl = (args: { url: string | null }) => {
     const { url } = args;
@@ -80,7 +81,7 @@ const normalizeSong = (
     const imagePlaceholderUrl = null;
     return {
         album: item.album,
-        albumArtists: [{ id: item.artistId, imageUrl: null, name: item.artist }],
+        albumArtists: [{ id: item.albumArtistId, imageUrl: null, name: item.albumArtist }],
         albumId: item.albumId,
         artistName: item.artist,
         artists: [{ id: item.artistId, imageUrl: null, name: item.artist }],
@@ -98,7 +99,7 @@ const normalizeSong = (
             item.rgAlbumGain || item.rgTrackGain
                 ? { album: item.rgAlbumGain, track: item.rgTrackGain }
                 : null,
-        genres: item.genres?.map((genre) => ({
+        genres: (item.genres || []).map((genre) => ({
             id: genre.id,
             imageUrl: null,
             itemType: LibraryItem.GENRE,
@@ -118,7 +119,10 @@ const normalizeSong = (
                 : null,
         playCount: item.playCount,
         playlistItemId,
-        releaseDate: new Date(item.year, 0, 1).toISOString(),
+        releaseDate: (item.releaseDate
+            ? new Date(item.releaseDate)
+            : new Date(Date.UTC(item.year, 0, 1))
+        ).toISOString(),
         releaseYear: String(item.year),
         serverId: server?.id || 'unknown',
         serverType: ServerType.NAVIDROME,
@@ -151,12 +155,14 @@ const normalizeAlbum = (
     const imageBackdropUrl = imageUrl?.replace(/size=\d+/, 'size=1000') || null;
 
     return {
+        albumArtist: item.albumArtist,
         albumArtists: [{ id: item.albumArtistId, imageUrl: null, name: item.albumArtist }],
         artists: [{ id: item.artistId, imageUrl: null, name: item.artist }],
         backdropImageUrl: imageBackdropUrl,
+        comment: item.comment || null,
         createdAt: item.createdAt.split('T')[0],
         duration: item.duration * 1000 || null,
-        genres: item.genres?.map((genre) => ({
+        genres: (item.genres || []).map((genre) => ({
             id: genre.id,
             imageUrl: null,
             itemType: LibraryItem.GENRE,
@@ -168,9 +174,18 @@ const normalizeAlbum = (
         isCompilation: item.compilation,
         itemType: LibraryItem.ALBUM,
         lastPlayedAt: normalizePlayDate(item),
+        mbzId: item.mbzAlbumId || null,
         name: item.name,
+        originalDate: item.originalDate
+            ? new Date(item.originalDate).toISOString()
+            : item.originalYear
+              ? new Date(item.originalYear, 0, 1).toISOString()
+              : null,
         playCount: item.playCount,
-        releaseDate: new Date(item.minYear, 0, 1).toISOString(),
+        releaseDate: (item.releaseDate
+            ? new Date(item.releaseDate)
+            : new Date(item.minYear, 0, 1)
+        ).toISOString(),
         releaseYear: item.minYear,
         serverId: server?.id || 'unknown',
         serverType: ServerType.NAVIDROME,
@@ -186,9 +201,7 @@ const normalizeAlbum = (
 
 const normalizeAlbumArtist = (
     item: z.infer<typeof ndType._response.albumArtist> & {
-        similarArtists?: z.infer<
-            typeof SubsonicApi.getArtistInfo2.response
-        >['subsonic-response']['artistInfo2']['similarArtist'];
+        similarArtists?: z.infer<typeof ssType._response.artistInfo>['artistInfo']['similarArtist'];
     },
     server: ServerListItem | null,
 ): AlbumArtist => {
@@ -199,7 +212,7 @@ const normalizeAlbumArtist = (
             baseUrl: server?.url,
             coverArtId: `ar-${item.id}`,
             credential: server?.credential,
-            size: 100,
+            size: 300,
         });
     }
 
@@ -208,7 +221,7 @@ const normalizeAlbumArtist = (
         backgroundImageUrl: null,
         biography: item.biography || null,
         duration: null,
-        genres: item.genres?.map((genre) => ({
+        genres: (item.genres || []).map((genre) => ({
             id: genre.id,
             imageUrl: null,
             itemType: LibraryItem.GENRE,
@@ -218,6 +231,7 @@ const normalizeAlbumArtist = (
         imageUrl: imageUrl || null,
         itemType: LibraryItem.ALBUM_ARTIST,
         lastPlayedAt: normalizePlayDate(item),
+        mbz: item.mbzArtistId || null,
         name: item.name,
         playCount: item.playCount,
         serverId: server?.id || 'unknown',

src/renderer/api/navidrome/navidrome-types.ts

@@ -1,4 +1,10 @@
 import { z } from 'zod';
+import {
+    NDAlbumArtistListSort,
+    NDAlbumListSort,
+    NDPlaylistListSort,
+    NDSongListSort,
+} from '/@/renderer/api/navidrome.types';
 
 const sortOrderValues = ['ASC', 'DESC'] as const;
 
@@ -70,7 +76,7 @@ const albumArtist = z.object({
     externalInfoUpdatedAt: z.string(),
     externalUrl: z.string(),
     fullText: z.string(),
-    genres: z.array(genre),
+    genres: z.array(genre).nullable(),
     id: z.string(),
     largeImageUrl: z.string().optional(),
     mbzArtistId: z.string().optional(),
@@ -89,17 +95,8 @@ const albumArtist = z.object({
 
 const albumArtistList = z.array(albumArtist);
 
-const ndAlbumArtistListSort = {
-    ALBUM_COUNT: 'albumCount',
-    FAVORITED: 'starred ASC, starredAt ASC',
-    NAME: 'name',
-    PLAY_COUNT: 'playCount',
-    RATING: 'rating',
-    SONG_COUNT: 'songCount',
-} as const;
-
 const albumArtistListParameters = paginationParameters.extend({
-    _sort: z.nativeEnum(ndAlbumArtistListSort).optional(),
+    _sort: z.nativeEnum(NDAlbumArtistListSort).optional(),
     genre_id: z.string().optional(),
     name: z.string().optional(),
     starred: z.boolean().optional(),
@@ -111,6 +108,7 @@ const album = z.object({
     allArtistIds: z.string(),
     artist: z.string(),
     artistId: z.string(),
+    comment: z.string().optional(),
     compilation: z.boolean(),
     coverArtId: z.string().optional(), // Removed after v0.48.0
     coverArtPath: z.string().optional(), // Removed after v0.48.0
@@ -118,7 +116,7 @@ const album = z.object({
     duration: z.number(),
     fullText: z.string(),
     genre: z.string(),
-    genres: z.array(genre),
+    genres: z.array(genre).nullable(),
     id: z.string(),
     maxYear: z.number(),
     mbzAlbumArtistId: z.string().optional(),
@@ -127,9 +125,12 @@ const album = z.object({
     name: z.string(),
     orderAlbumArtistName: z.string(),
     orderAlbumName: z.string(),
+    originalDate: z.string().optional(),
+    originalYear: z.number().optional(),
     playCount: z.number(),
     playDate: z.string().optional(),
     rating: z.number().optional(),
+    releaseDate: z.string().optional(),
     size: z.number(),
     songCount: z.number(),
     sortAlbumArtistName: z.string(),
@@ -141,23 +142,8 @@ const album = z.object({
 
 const albumList = z.array(album);
 
-const ndAlbumListSort = {
-    ALBUM_ARTIST: 'albumArtist',
-    ARTIST: 'artist',
-    DURATION: 'duration',
-    NAME: 'name',
-    PLAY_COUNT: 'playCount',
-    PLAY_DATE: 'play_date',
-    RANDOM: 'random',
-    RATING: 'rating',
-    RECENTLY_ADDED: 'recently_added',
-    SONG_COUNT: 'songCount',
-    STARRED: 'starred',
-    YEAR: 'max_year',
-} as const;
-
 const albumListParameters = paginationParameters.extend({
-    _sort: z.nativeEnum(ndAlbumListSort).optional(),
+    _sort: z.nativeEnum(NDAlbumListSort).optional(),
     album_id: z.string().optional(),
     artist_id: z.string().optional(),
     compilation: z.boolean().optional(),
@@ -194,7 +180,7 @@ const song = z.object({
     externalUrl: z.string().optional(),
     fullText: z.string(),
     genre: z.string(),
-    genres: z.array(genre),
+    genres: z.array(genre).nullable(),
     hasCoverArt: z.boolean(),
     id: z.string(),
     imageFiles: z.string().optional(),
@@ -213,6 +199,7 @@ const song = z.object({
     playCount: z.number(),
     playDate: z.string().optional(),
     rating: z.number().optional(),
+    releaseDate: z.string().optional(),
     rgAlbumGain: z.number().optional(),
     rgAlbumPeak: z.number().optional(),
     rgTrackGain: z.number().optional(),
@@ -232,33 +219,12 @@ const song = z.object({
 
 const songList = z.array(song);
 
-const ndSongListSort = {
-    ALBUM: 'album, order_album_artist_name, disc_number, track_number, title',
-    ALBUM_ARTIST: 'order_album_artist_name, album, disc_number, track_number, title',
-    ALBUM_SONGS: 'album, discNumber, trackNumber',
-    ARTIST: 'artist',
-    BPM: 'bpm',
-    CHANNELS: 'channels',
-    COMMENT: 'comment',
-    DURATION: 'duration',
-    FAVORITED: 'starred ASC, starredAt ASC',
-    GENRE: 'genre',
-    ID: 'id',
-    PLAY_COUNT: 'playCount',
-    PLAY_DATE: 'playDate',
-    RATING: 'rating',
-    RECENTLY_ADDED: 'createdAt',
-    TITLE: 'title',
-    TRACK: 'track',
-    YEAR: 'year, album, discNumber, trackNumber',
-};
-
 const songListParameters = paginationParameters.extend({
-    _sort: z.nativeEnum(ndSongListSort).optional(),
+    _sort: z.nativeEnum(NDSongListSort).optional(),
     album_artist_id: z.array(z.string()).optional(),
     album_id: z.array(z.string()).optional(),
     artist_id: z.array(z.string()).optional(),
-    genre_id: z.string().optional(),
+    genre_id: z.array(z.string()).optional(),
     path: z.string().optional(),
     starred: z.boolean().optional(),
     title: z.string().optional(),
@@ -285,17 +251,8 @@ const playlist = z.object({
 
 const playlistList = z.array(playlist);
 
-const ndPlaylistListSort = {
-    DURATION: 'duration',
-    NAME: 'name',
-    OWNER: 'ownerName',
-    PUBLIC: 'public',
-    SONG_COUNT: 'songCount',
-    UPDATED_AT: 'updatedAt',
-} as const;
-
 const playlistListParameters = paginationParameters.extend({
-    _sort: z.nativeEnum(ndPlaylistListSort).optional(),
+    _sort: z.nativeEnum(NDPlaylistListSort).optional(),
     owner_id: z.string().optional(),
     q: z.string().optional(),
     smart: z.boolean().optional(),
@@ -342,13 +299,31 @@ const removeFromPlaylistParameters = z.object({
     id: z.array(z.string()),
 });
 
+const shareItem = z.object({
+    id: z.string(),
+});
+
+const shareItemParameters = z.object({
+    description: z.string(),
+    downloadable: z.boolean(),
+    expires: z.number(),
+    resourceIds: z.string(),
+    resourceType: z.string(),
+});
+
+const moveItemParameters = z.object({
+    insert_before: z.string(),
+});
+
+const moveItem = z.null();
+
 export const ndType = {
     _enum: {
-        albumArtistList: ndAlbumArtistListSort,
-        albumList: ndAlbumListSort,
+        albumArtistList: NDAlbumArtistListSort,
+        albumList: NDAlbumListSort,
         genreList: genreListSort,
-        playlistList: ndPlaylistListSort,
-        songList: ndSongListSort,
+        playlistList: NDPlaylistListSort,
+        songList: NDSongListSort,
         userList: ndUserListSort,
     },
     _parameters: {
@@ -358,8 +333,10 @@ export const ndType = {
         authenticate: authenticateParameters,
         createPlaylist: createPlaylistParameters,
         genreList: genreListParameters,
+        moveItem: moveItemParameters,
         playlistList: playlistListParameters,
         removeFromPlaylist: removeFromPlaylistParameters,
+        shareItem: shareItemParameters,
         songList: songListParameters,
         updatePlaylist: updatePlaylistParameters,
         userList: userListParameters,
@@ -376,11 +353,13 @@ export const ndType = {
         error,
         genre,
         genreList,
+        moveItem,
         playlist,
         playlistList,
         playlistSong,
         playlistSongList,
         removeFromPlaylist,
+        shareItem,
         song,
         songList,
         updatePlaylist,

src/renderer/api/query-keys.ts

@@ -18,6 +18,7 @@ import type {
     LyricsQuery,
     LyricSearchQuery,
     GenreListQuery,
+    SimilarSongsQuery,
 } from './types';
 
 export const splitPaginatedQuery = (key: any) => {
@@ -108,16 +109,20 @@ export const queryKeys: Record<
         },
         detail: (serverId: string, query?: AlbumDetailQuery) =>
             [serverId, 'albums', 'detail', query] as const,
-        list: (
-            serverId: string,
-            query?: {
-                artistIds?: string[];
-                maxYear?: number;
-                minYear?: number;
-                searchTerm?: string;
-            },
-        ) => {
-            const { filter } = splitPaginatedQuery(query);
+        list: (serverId: string, query?: AlbumListQuery, artistId?: string) => {
+            const { pagination, filter } = splitPaginatedQuery(query);
+
+            if (query && pagination && artistId) {
+                return [serverId, 'albums', 'list', artistId, filter, pagination] as const;
+            }
+
+            if (query && pagination) {
+                return [serverId, 'albums', 'list', filter, pagination] as const;
+            }
+
+            if (query && artistId) {
+                return [serverId, 'albums', 'list', artistId, filter] as const;
+            }
 
             if (query) {
                 return [serverId, 'albums', 'list', filter] as const;
@@ -237,9 +242,8 @@ export const queryKeys: Record<
         root: (serverId: string) => [serverId] as const,
     },
     songs: {
-        count: (serverId: string, query?: AlbumArtistListQuery) => {
+        count: (serverId: string, query?: SongListQuery) => {
             const { pagination, filter } = splitPaginatedQuery(query);
-
             if (query && pagination) {
                 return [serverId, 'songs', 'count', filter, pagination] as const;
             }
@@ -282,6 +286,10 @@ export const queryKeys: Record<
             return [serverId, 'songs', 'randomSongList'] as const;
         },
         root: (serverId: string) => [serverId, 'songs'] as const,
+        similar: (serverId: string, query?: SimilarSongsQuery) => {
+            if (query) return [serverId, 'song', 'similar', query] as const;
+            return [serverId, 'song', 'similar'] as const;
+        },
     },
     users: {
         list: (serverId: string, query?: UserListQuery) => {

src/renderer/api/subsonic/subsonic-api.ts

@@ -1,426 +1,227 @@
 import { initClient, initContract } from '@ts-rest/core';
-import axios, { AxiosError, AxiosResponse, Method, isAxiosError } from 'axios';
+import axios, { Method, AxiosError, isAxiosError, AxiosResponse } from 'axios';
 import omitBy from 'lodash/omitBy';
 import qs from 'qs';
-import i18n from '/@/i18n/i18n';
-import { SubsonicApi } from '/@/renderer/api/subsonic/subsonic-types';
+import { z } from 'zod';
+import { ssType } from '/@/renderer/api/subsonic/subsonic-types';
 import { ServerListItem } from '/@/renderer/api/types';
 import { toast } from '/@/renderer/components/toast/index';
+import i18n from '/@/i18n/i18n';
 
 const c = initContract();
 
 export const contract = c.router({
-    changePassword: {
+    authenticate: {
         method: 'GET',
-        path: 'changePassword.view',
-        query: SubsonicApi.changePassword.parameters,
+        path: 'ping.view',
+        query: ssType._parameters.authenticate,
         responses: {
-            200: SubsonicApi.changePassword.response,
+            200: ssType._response.authenticate,
         },
     },
-    createInternetRadioStation: {
+    createFavorite: {
         method: 'GET',
-        path: 'createInternetRadioStation.view',
-        query: SubsonicApi.createInternetRadioStation.parameters,
+        path: 'star.view',
+        query: ssType._parameters.createFavorite,
         responses: {
-            200: SubsonicApi.createInternetRadioStation.response,
+            200: ssType._response.createFavorite,
         },
     },
     createPlaylist: {
         method: 'GET',
         path: 'createPlaylist.view',
-        query: SubsonicApi.createPlaylist.parameters,
+        query: ssType._parameters.createPlaylist,
         responses: {
-            200: SubsonicApi.createPlaylist.response,
-        },
-    },
-    createShare: {
-        method: 'GET',
-        path: 'createShare.view',
-        query: SubsonicApi.createShare.parameters,
-        responses: {
-            200: SubsonicApi.createShare.response,
-        },
-    },
-    createUser: {
-        method: 'GET',
-        path: 'createUser.view',
-        query: SubsonicApi.createUser.parameters,
-        responses: {
-            200: SubsonicApi.createUser.response,
-        },
-    },
-    deleteInternetRadioStation: {
-        method: 'GET',
-        path: 'deleteInternetRadioStation.view',
-        query: SubsonicApi.deleteInternetRadioStation.parameters,
-        responses: {
-            200: SubsonicApi.deleteInternetRadioStation.response,
+            200: ssType._response.createPlaylist,
         },
     },
     deletePlaylist: {
         method: 'GET',
         path: 'deletePlaylist.view',
-        query: SubsonicApi.deletePlaylist.parameters,
+        query: ssType._parameters.deletePlaylist,
         responses: {
-            200: SubsonicApi.deletePlaylist.response,
-        },
-    },
-    deleteShare: {
-        method: 'GET',
-        path: 'deleteShare.view',
-        query: SubsonicApi.deleteShare.parameters,
-        responses: {
-            200: SubsonicApi.deleteShare.response,
-        },
-    },
-    deleteUser: {
-        method: 'GET',
-        path: 'deleteUser.view',
-        query: SubsonicApi.deleteUser.parameters,
-        responses: {
-            200: SubsonicApi.deleteUser.response,
+            200: ssType._response.baseResponse,
         },
     },
     getAlbum: {
         method: 'GET',
         path: 'getAlbum.view',
-        query: SubsonicApi.getAlbum.parameters,
+        query: ssType._parameters.getAlbum,
         responses: {
-            200: SubsonicApi.getAlbum.response,
-        },
-    },
-    getAlbumInfo: {
-        method: 'GET',
-        path: 'getAlbumInfo.view',
-        query: SubsonicApi.getAlbumInfo.parameters,
-        responses: {
-            200: SubsonicApi.getAlbumInfo.response,
-        },
-    },
-    getAlbumInfo2: {
-        method: 'GET',
-        path: 'getAlbumInfo2.view',
-        query: SubsonicApi.getAlbumInfo2.parameters,
-        responses: {
-            200: SubsonicApi.getAlbumInfo2.response,
-        },
-    },
-    getAlbumList: {
-        method: 'GET',
-        path: 'getAlbumList.view',
-        query: SubsonicApi.getAlbumList.parameters,
-        responses: {
-            200: SubsonicApi.getAlbumList.response,
+            200: ssType._response.getAlbum,
         },
     },
     getAlbumList2: {
         method: 'GET',
         path: 'getAlbumList2.view',
-        query: SubsonicApi.getAlbumList2.parameters,
+        query: ssType._parameters.getAlbumList2,
         responses: {
-            200: SubsonicApi.getAlbumList2.response,
+            200: ssType._response.getAlbumList2,
         },
     },
     getArtist: {
         method: 'GET',
         path: 'getArtist.view',
-        query: SubsonicApi.getArtist.parameters,
+        query: ssType._parameters.getArtist,
         responses: {
-            200: SubsonicApi.getArtist.response,
+            200: ssType._response.getArtist,
         },
     },
     getArtistInfo: {
         method: 'GET',
         path: 'getArtistInfo.view',
-        query: SubsonicApi.getArtistInfo.parameters,
+        query: ssType._parameters.artistInfo,
         responses: {
-            200: SubsonicApi.getArtistInfo.response,
-        },
-    },
-    getArtistInfo2: {
-        method: 'GET',
-        path: 'getArtistInfo2.view',
-        query: SubsonicApi.getArtistInfo2.parameters,
-        responses: {
-            200: SubsonicApi.getArtistInfo2.response,
+            200: ssType._response.artistInfo,
         },
     },
     getArtists: {
         method: 'GET',
         path: 'getArtists.view',
-        query: SubsonicApi.getArtists.parameters,
+        query: ssType._parameters.getArtists,
         responses: {
-            200: SubsonicApi.getArtists.response,
+            200: ssType._response.getArtists,
         },
     },
     getGenres: {
         method: 'GET',
         path: 'getGenres.view',
-        query: SubsonicApi.getGenres.parameters,
+        query: ssType._parameters.getGenres,
         responses: {
-            200: SubsonicApi.getGenres.response,
+            200: ssType._response.getGenres,
         },
     },
-    getIndexes: {
-        method: 'GET',
-        path: 'getIndexes.view',
-        query: SubsonicApi.getIndexes.parameters,
-        responses: {
-            200: SubsonicApi.getIndexes.response,
-        },
-    },
-    getInternetRadioStations: {
-        method: 'GET',
-        path: 'getInternetRadioStations.view',
-        query: SubsonicApi.getInternetRadioStations.parameters,
-        responses: {
-            200: SubsonicApi.getInternetRadioStations.response,
-        },
-    },
-    getLicense: {
-        method: 'GET',
-        path: 'getLicense.view',
-        query: SubsonicApi.getLicense.parameters,
-        responses: {
-            200: SubsonicApi.getLicense.response,
-        },
-    },
-    getLyrics: {
-        method: 'GET',
-        path: 'getLyrics.view',
-        query: SubsonicApi.getLyrics.parameters,
-        responses: {
-            200: SubsonicApi.getLyrics.response,
-        },
-    },
-    getMusicDirectory: {
-        method: 'GET',
-        path: 'getMusicDirectory.view',
-        query: SubsonicApi.getMusicDirectory.parameters,
-        responses: {
-            200: SubsonicApi.getMusicDirectory.response,
-        },
-    },
-    getMusicFolders: {
+    getMusicFolderList: {
         method: 'GET',
         path: 'getMusicFolders.view',
         responses: {
-            200: SubsonicApi.getMusicFolders.response,
-        },
-    },
-    getNowPlaying: {
-        method: 'GET',
-        path: 'getNowPlaying.view',
-        query: SubsonicApi.getNowPlaying.parameters,
-        responses: {
-            200: SubsonicApi.getNowPlaying.response,
-        },
-    },
-    getOpenSubsonicExtensions: {
-        method: 'GET',
-        path: 'getOpenSubsonicExtensions.view',
-        query: SubsonicApi.getOpenSubsonicExtensions.parameters,
-        responses: {
-            200: SubsonicApi.getOpenSubsonicExtensions.response,
+            200: ssType._response.musicFolderList,
         },
     },
     getPlaylist: {
         method: 'GET',
         path: 'getPlaylist.view',
-        query: SubsonicApi.getPlaylist.parameters,
+        query: ssType._parameters.getPlaylist,
         responses: {
-            200: SubsonicApi.getPlaylist.response,
+            200: ssType._response.getPlaylist,
         },
     },
     getPlaylists: {
         method: 'GET',
         path: 'getPlaylists.view',
-        query: SubsonicApi.getPlaylists.parameters,
+        query: ssType._parameters.getPlaylists,
         responses: {
-            200: SubsonicApi.getPlaylists.response,
+            200: ssType._response.getPlaylists,
         },
     },
-    getRandomSongs: {
+    getRandomSongList: {
         method: 'GET',
         path: 'getRandomSongs.view',
-        query: SubsonicApi.getRandomSongs.parameters,
+        query: ssType._parameters.randomSongList,
         responses: {
-            200: SubsonicApi.getRandomSongs.response,
+            200: ssType._response.randomSongList,
         },
     },
-    getScanStatus: {
+    getServerInfo: {
         method: 'GET',
-        path: 'getScanStatus.view',
+        path: 'getOpenSubsonicExtensions.view',
         responses: {
-            200: SubsonicApi.getScanStatus.response,
-        },
-    },
-    getShares: {
-        method: 'GET',
-        path: 'getShares.view',
-        query: SubsonicApi.getShares.parameters,
-        responses: {
-            200: SubsonicApi.getShares.response,
+            200: ssType._response.serverInfo,
         },
     },
     getSimilarSongs: {
         method: 'GET',
-        path: 'getSimilarSongs.view',
-        query: SubsonicApi.getSimilarSongs.parameters,
+        path: 'getSimilarSongs',
+        query: ssType._parameters.similarSongs,
         responses: {
-            200: SubsonicApi.getSimilarSongs.response,
-        },
-    },
-    getSimilarSongs2: {
-        method: 'GET',
-        path: 'getSimilarSongs2.view',
-        query: SubsonicApi.getSimilarSongs2.parameters,
-        responses: {
-            200: SubsonicApi.getSimilarSongs2.response,
+            200: ssType._response.similarSongs,
         },
     },
     getSong: {
         method: 'GET',
         path: 'getSong.view',
-        query: SubsonicApi.getSong.parameters,
+        query: ssType._parameters.getSong,
         responses: {
-            200: SubsonicApi.getSong.response,
+            200: ssType._response.getSong,
         },
     },
     getSongsByGenre: {
         method: 'GET',
         path: 'getSongsByGenre.view',
-        query: SubsonicApi.getSongsByGenre.parameters,
+        query: ssType._parameters.getSongsByGenre,
         responses: {
-            200: SubsonicApi.getSongsByGenre.response,
+            200: ssType._response.getSongsByGenre,
         },
     },
     getStarred: {
         method: 'GET',
         path: 'getStarred.view',
-        query: SubsonicApi.getStarred.parameters,
+        query: ssType._parameters.getStarred,
         responses: {
-            200: SubsonicApi.getStarred.response,
+            200: ssType._response.getStarred,
         },
     },
-    getStarred2: {
+    getStructuredLyrics: {
         method: 'GET',
-        path: 'getStarred2.view',
-        query: SubsonicApi.getStarred2.parameters,
+        path: 'getLyricsBySongId.view',
+        query: ssType._parameters.structuredLyrics,
         responses: {
-            200: SubsonicApi.getStarred2.response,
+            200: ssType._response.structuredLyrics,
         },
     },
-    getTopSongs: {
+    getTopSongsList: {
         method: 'GET',
         path: 'getTopSongs.view',
-        query: SubsonicApi.getTopSongs.parameters,
+        query: ssType._parameters.topSongsList,
         responses: {
-            200: SubsonicApi.getTopSongs.response,
-        },
-    },
-    getUser: {
-        method: 'GET',
-        path: 'getUser.view',
-        query: SubsonicApi.getUser.parameters,
-        responses: {
-            200: SubsonicApi.getUser.response,
-        },
-    },
-    getUsers: {
-        method: 'GET',
-        path: 'getUsers.view',
-        query: SubsonicApi.getUsers.parameters,
-        responses: {
-            200: SubsonicApi.getUsers.response,
+            200: ssType._response.topSongsList,
         },
     },
     ping: {
         method: 'GET',
         path: 'ping.view',
-        query: SubsonicApi.ping.parameters,
         responses: {
-            200: SubsonicApi.ping.response,
+            200: ssType._response.ping,
+        },
+    },
+    removeFavorite: {
+        method: 'GET',
+        path: 'unstar.view',
+        query: ssType._parameters.removeFavorite,
+        responses: {
+            200: ssType._response.removeFavorite,
         },
     },
     scrobble: {
         method: 'GET',
         path: 'scrobble.view',
-        query: SubsonicApi.scrobble.parameters,
+        query: ssType._parameters.scrobble,
         responses: {
-            200: SubsonicApi.scrobble.response,
+            200: ssType._response.scrobble,
         },
     },
     search3: {
         method: 'GET',
         path: 'search3.view',
-        query: SubsonicApi.search3.parameters,
+        query: ssType._parameters.search3,
         responses: {
-            200: SubsonicApi.search3.response,
+            200: ssType._response.search3,
         },
     },
     setRating: {
         method: 'GET',
         path: 'setRating.view',
-        query: SubsonicApi.setRating.parameters,
+        query: ssType._parameters.setRating,
         responses: {
-            200: SubsonicApi.setRating.response,
-        },
-    },
-    star: {
-        method: 'GET',
-        path: 'star.view',
-        query: SubsonicApi.star.parameters,
-        responses: {
-            200: SubsonicApi.star.response,
-        },
-    },
-    startScan: {
-        method: 'GET',
-        path: 'startScan.view',
-        responses: {
-            200: SubsonicApi.startScan.response,
-        },
-    },
-    unstar: {
-        method: 'GET',
-        path: 'unstar.view',
-        query: SubsonicApi.unstar.parameters,
-        responses: {
-            200: SubsonicApi.unstar.response,
-        },
-    },
-    updateInternetRadioStation: {
-        method: 'GET',
-        path: 'updateInternetRadioStation.view',
-        query: SubsonicApi.updateInternetRadioStation.parameters,
-        responses: {
-            200: SubsonicApi.updateInternetRadioStation.response,
+            200: ssType._response.setRating,
         },
     },
     updatePlaylist: {
         method: 'GET',
         path: 'updatePlaylist.view',
-        query: SubsonicApi.updatePlaylist.parameters,
+        query: ssType._parameters.updatePlaylist,
         responses: {
-            200: SubsonicApi.updatePlaylist.response,
-        },
-    },
-    updateShare: {
-        method: 'GET',
-        path: 'updateShare.view',
-        query: SubsonicApi.updateShare.parameters,
-        responses: {
-            200: SubsonicApi.updateShare.response,
-        },
-    },
-    updateUser: {
-        method: 'GET',
-        path: 'updateUser.view',
-        query: SubsonicApi.updateUser.parameters,
-        responses: {
-            200: SubsonicApi.updateUser.response,
+            200: ssType._response.baseResponse,
         },
     },
 });
@@ -434,22 +235,14 @@ axiosClient.defaults.paramsSerializer = (params) => {
 axiosClient.interceptors.response.use(
     (response) => {
         const data = response.data;
-
-        // Ping endpoint returns a string
-        if (typeof data === 'string') {
-            return response;
-        }
-
-        if (data['subsonic-response']?.status !== 'ok') {
+        if (data['subsonic-response'].status !== 'ok') {
             // Suppress code related to non-linked lastfm or spotify from Navidrome
-            if (data['subsonic-response']?.error.code !== 0) {
+            if (data['subsonic-response'].error.code !== 0) {
                 toast.error({
-                    message: data['subsonic-response']?.error.message,
+                    message: data['subsonic-response'].error.message,
                     title: i18n.t('error.genericError', { postProcess: 'sentenceCase' }) as string,
                 });
             }
-
-            return Promise.reject(data['subsonic-response']?.error);
         }
 
         return response;
@@ -471,12 +264,24 @@ const parsePath = (fullPath: string) => {
     };
 };
 
-export const subsonicApiClient = (args: {
+const silentlyTransformResponse = (data: any) => {
+    const jsonBody = JSON.parse(data);
+    const status = jsonBody ? jsonBody['subsonic-response']?.status : undefined;
+
+    if (status && status !== 'ok') {
+        jsonBody['subsonic-response'].error.code = 0;
+    }
+
+    return jsonBody;
+};
+
+export const ssApiClient = (args: {
     server: ServerListItem | null;
     signal?: AbortSignal;
+    silent?: boolean;
     url?: string;
 }) => {
-    const { server, url, signal } = args;
+    const { server, url, signal, silent } = args;
 
     return initClient(contract, {
         api: async ({ path, method, headers, body }) => {
@@ -502,7 +307,9 @@ export const subsonicApiClient = (args: {
             }
 
             try {
-                const result = await axiosClient.request({
+                const result = await axiosClient.request<
+                    z.infer<typeof ssType._response.baseResponse>
+                >({
                     data: body,
                     headers,
                     method: method as Method,
@@ -514,13 +321,15 @@ export const subsonicApiClient = (args: {
                         ...params,
                     },
                     signal,
+                    // In cases where we have a fallback, don't notify the error
+                    transformResponse: silent ? silentlyTransformResponse : undefined,
                     url: `${baseUrl}/${api}`,
                 });
 
                 return {
-                    body: result?.data,
-                    headers: result?.headers as any,
-                    status: result?.status,
+                    body: result.data['subsonic-response'],
+                    headers: result.headers as any,
+                    status: result.status,
                 };
             } catch (e: Error | AxiosError | any) {
                 if (isAxiosError(e)) {
@@ -537,7 +346,7 @@ export const subsonicApiClient = (args: {
 
                     return {
                         body: response?.data,
-                        headers: response.headers as any,
+                        headers: response?.headers as any,
                         status: response?.status,
                     };
                 }

src/renderer/api/subsonic/subsonic-normalize.ts

@@ -1,16 +1,16 @@
 import { nanoid } from 'nanoid';
 import { z } from 'zod';
-import { SubsonicApi } from '/@/renderer/api/subsonic/subsonic-types';
+import { ssType } from '/@/renderer/api/subsonic/subsonic-types';
 import {
     QueueSong,
     LibraryItem,
     AlbumArtist,
     Album,
-    Genre,
-    MusicFolder,
+    ServerListItem,
+    ServerType,
     Playlist,
+    Genre,
 } from '/@/renderer/api/types';
-import { ServerListItem, ServerType } from '/@/renderer/types';
 
 const getCoverArtUrl = (args: {
     baseUrl: string | undefined;
@@ -35,7 +35,7 @@ const getCoverArtUrl = (args: {
 };
 
 const normalizeSong = (
-    item: z.infer<typeof SubsonicApi._baseTypes.song>,
+    item: z.infer<typeof ssType._response.song>,
     server: ServerListItem | null,
     deviceId: string,
     size?: number,
@@ -43,7 +43,7 @@ const normalizeSong = (
     const imageUrl =
         getCoverArtUrl({
             baseUrl: server?.url,
-            coverArtId: item.coverArt,
+            coverArtId: item.coverArt?.toString(),
             credential: server?.credential,
             size: size || 300,
         }) || null;
@@ -54,22 +54,22 @@ const normalizeSong = (
         album: item.album || '',
         albumArtists: [
             {
-                id: item.artistId || '',
+                id: item.artistId?.toString() || '',
                 imageUrl: null,
                 name: item.artist || '',
             },
         ],
-        albumId: item.albumId || '',
+        albumId: item.albumId?.toString() || '',
         artistName: item.artist || '',
         artists: [
             {
-                id: item.artistId || '',
+                id: item.artistId?.toString() || '',
                 imageUrl: null,
                 name: item.artist || '',
             },
         ],
         bitRate: item.bitRate || 0,
-        bpm: null,
+        bpm: item.bpm || null,
         channels: null,
         comment: null,
         compilation: null,
@@ -78,7 +78,13 @@ const normalizeSong = (
         discNumber: item.discNumber || 1,
         discSubtitle: null,
         duration: item.duration ? item.duration * 1000 : 0,
-        gain: null,
+        gain:
+            item.replayGain && (item.replayGain.albumGain || item.replayGain.trackGain)
+                ? {
+                      album: item.replayGain.albumGain,
+                      track: item.replayGain.trackGain,
+                  }
+                : null,
         genres: item.genre
             ? [
                   {
@@ -89,7 +95,7 @@ const normalizeSong = (
                   },
               ]
             : [],
-        id: item.id,
+        id: item.id.toString(),
         imagePlaceholderUrl: null,
         imageUrl,
         itemType: LibraryItem.SONG,
@@ -97,7 +103,13 @@ const normalizeSong = (
         lyrics: null,
         name: item.title,
         path: item.path,
-        peak: null,
+        peak:
+            item.replayGain && (item.replayGain.albumPeak || item.replayGain.trackPeak)
+                ? {
+                      album: item.replayGain.albumPeak,
+                      track: item.replayGain.trackPeak,
+                  }
+                : null,
         playCount: item?.playCount || 0,
         releaseDate: null,
         releaseYear: item.year ? String(item.year) : null,
@@ -115,15 +127,15 @@ const normalizeSong = (
 
 const normalizeAlbumArtist = (
     item:
-        | z.infer<typeof SubsonicApi._baseTypes.artist>
-        | z.infer<typeof SubsonicApi._baseTypes.artistListEntry>,
+        | z.infer<typeof ssType._response.albumArtist>
+        | z.infer<typeof ssType._response.artistListEntry>,
     server: ServerListItem | null,
     imageSize?: number,
 ): AlbumArtist => {
     const imageUrl =
         getCoverArtUrl({
             baseUrl: server?.url,
-            coverArtId: item.coverArt,
+            coverArtId: item.coverArt?.toString(),
             credential: server?.credential,
             size: imageSize || 100,
         }) || null;
@@ -134,10 +146,11 @@ const normalizeAlbumArtist = (
         biography: null,
         duration: null,
         genres: [],
-        id: item.id,
+        id: item.id.toString(),
         imageUrl,
         itemType: LibraryItem.ALBUM_ARTIST,
         lastPlayedAt: null,
+        mbz: null,
         name: item.name,
         playCount: null,
         serverId: server?.id || 'unknown',
@@ -150,26 +163,28 @@ const normalizeAlbumArtist = (
 };
 
 const normalizeAlbum = (
-    item:
-        | z.infer<typeof SubsonicApi._baseTypes.album>
-        | z.infer<typeof SubsonicApi._baseTypes.albumListEntry>,
+    item: z.infer<typeof ssType._response.album> | z.infer<typeof ssType._response.albumListEntry>,
     server: ServerListItem | null,
-    size?: number,
+    imageSize?: number,
 ): Album => {
     const imageUrl =
         getCoverArtUrl({
             baseUrl: server?.url,
-            coverArtId: item.coverArt,
+            coverArtId: item.coverArt?.toString(),
             credential: server?.credential,
-            size: size || 300,
+            size: imageSize || 300,
         }) || null;
 
     return {
+        albumArtist: item.artist,
         albumArtists: item.artistId
-            ? [{ id: item.artistId, imageUrl: null, name: item.artist }]
+            ? [{ id: item.artistId.toString(), imageUrl: null, name: item.artist }]
+            : [],
+        artists: item.artistId
+            ? [{ id: item.artistId.toString(), imageUrl: null, name: item.artist }]
             : [],
-        artists: item.artistId ? [{ id: item.artistId, imageUrl: null, name: item.artist }] : [],
         backdropImageUrl: null,
+        comment: null,
         createdAt: item.created,
         duration: item.duration * 1000,
         genres: item.genre
@@ -182,22 +197,24 @@ const normalizeAlbum = (
                   },
               ]
             : [],
-        id: item.id,
+        id: item.id.toString(),
         imagePlaceholderUrl: null,
         imageUrl,
         isCompilation: null,
         itemType: LibraryItem.ALBUM,
         lastPlayedAt: null,
+        mbzId: null,
         name: item.name,
+        originalDate: null,
         playCount: null,
-        releaseDate: item.year ? new Date(item.year, 0, 1).toISOString() : null,
+        releaseDate: item.year ? new Date(Date.UTC(item.year, 0, 1)).toISOString() : null,
         releaseYear: item.year ? Number(item.year) : null,
         serverId: server?.id || 'unknown',
         serverType: ServerType.SUBSONIC,
         size: null,
         songCount: item.songCount,
         songs:
-            (item as z.infer<typeof SubsonicApi._baseTypes.album>).song?.map((song) =>
+            (item as z.infer<typeof ssType._response.album>).song?.map((song) =>
                 normalizeSong(song, server, ''),
             ) || [],
         uniqueId: nanoid(),
@@ -207,41 +224,21 @@ const normalizeAlbum = (
     };
 };
 
-const normalizeGenre = (item: z.infer<typeof SubsonicApi._baseTypes.genre>): Genre => {
-    return {
-        albumCount: item.albumCount,
-        id: item.value,
-        imageUrl: null,
-        itemType: LibraryItem.GENRE,
-        name: item.value,
-        songCount: item.songCount,
-    };
-};
-
-const normalizeMusicFolder = (
-    item: z.infer<typeof SubsonicApi._baseTypes.musicFolder>,
-): MusicFolder => {
-    return {
-        id: item.id,
-        name: item.name,
-    };
-};
-
 const normalizePlaylist = (
     item:
-        | z.infer<typeof SubsonicApi._baseTypes.playlist>
-        | z.infer<typeof SubsonicApi._baseTypes.playlistListEntry>,
+        | z.infer<typeof ssType._response.playlist>
+        | z.infer<typeof ssType._response.playlistListEntry>,
     server: ServerListItem | null,
 ): Playlist => {
     return {
         description: item.comment || null,
         duration: item.duration,
         genres: [],
-        id: item.id,
+        id: item.id.toString(),
         imagePlaceholderUrl: null,
         imageUrl: getCoverArtUrl({
             baseUrl: server?.url,
-            coverArtId: item.coverArt,
+            coverArtId: item.coverArt?.toString(),
             credential: server?.credential,
             size: 300,
         }),
@@ -257,11 +254,21 @@ const normalizePlaylist = (
     };
 };
 
-export const subsonicNormalize = {
+const normalizeGenre = (item: z.infer<typeof ssType._response.genre>): Genre => {
+    return {
+        albumCount: item.albumCount,
+        id: item.value,
+        imageUrl: null,
+        itemType: LibraryItem.GENRE,
+        name: item.value,
+        songCount: item.songCount,
+    };
+};
+
+export const ssNormalize = {
     album: normalizeAlbum,
     albumArtist: normalizeAlbumArtist,
     genre: normalizeGenre,
-    musicFolder: normalizeMusicFolder,
     playlist: normalizePlaylist,
     song: normalizeSong,
 };

src/renderer/api/types.ts

@@ -1,4 +1,8 @@
+import orderBy from 'lodash/orderBy';
+import reverse from 'lodash/reverse';
+import shuffle from 'lodash/shuffle';
 import { z } from 'zod';
+import { ServerFeatures } from './features-types';
 import { jfType } from './jellyfin/jellyfin-types';
 import {
     JFSortOrder,
@@ -57,13 +61,16 @@ export type User = {
 
 export type ServerListItem = {
     credential: string;
+    features?: ServerFeatures;
     id: string;
     name: string;
     ndCredential?: string;
+    savePassword?: boolean;
     type: ServerType;
     url: string;
     userId: string | null;
     username: string;
+    version?: string;
 };
 
 export enum ServerType {
@@ -144,9 +151,11 @@ export type Genre = {
 };
 
 export type Album = {
+    albumArtist: string;
     albumArtists: RelatedArtist[];
     artists: RelatedArtist[];
     backdropImageUrl: string | null;
+    comment: string | null;
     createdAt: string;
     duration: number | null;
     genres: Genre[];
@@ -156,7 +165,9 @@ export type Album = {
     isCompilation: boolean | null;
     itemType: LibraryItem.ALBUM;
     lastPlayedAt: string | null;
+    mbzId: string | null;
     name: string;
+    originalDate: string | null;
     playCount: number | null;
     releaseDate: string | null;
     releaseYear: number | null;
@@ -228,6 +239,7 @@ export type AlbumArtist = {
     imageUrl: string | null;
     itemType: LibraryItem.ALBUM_ARTIST;
     lastPlayedAt: string | null;
+    mbz: string | null;
     name: string;
     playCount: number | null;
     serverId: string;
@@ -300,18 +312,21 @@ type BaseEndpointArgs = {
     };
 };
 
+export interface BaseQuery<T> {
+    sortBy: T;
+    sortOrder: SortOrder;
+}
+
 // Genre List
 export type GenreListResponse = BasePaginatedResponse<Genre[]> | null | undefined;
 
 export type GenreListArgs = { query: GenreListQuery } & BaseEndpointArgs;
 
 export enum GenreListSort {
-    ALBUM_COUNT = 'albumCount',
     NAME = 'name',
-    SONG_COUNT = 'songCount',
 }
 
-export type GenreListQuery = {
+export interface GenreListQuery extends BaseQuery<GenreListSort> {
     _custom?: {
         jellyfin?: null;
         navidrome?: null;
@@ -319,10 +334,8 @@ export type GenreListQuery = {
     limit?: number;
     musicFolderId?: string;
     searchTerm?: string;
-    sortBy: GenreListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 type GenreListSortMap = {
     jellyfin: Record<GenreListSort, JFGenreListSort | undefined>;
@@ -332,14 +345,10 @@ type GenreListSortMap = {
 
 export const genreListSortMap: GenreListSortMap = {
     jellyfin: {
-        albumCount: undefined,
         name: JFGenreListSort.NAME,
-        songCount: undefined,
     },
     navidrome: {
-        albumCount: undefined,
         name: NDGenreListSort.NAME,
-        songCount: undefined,
     },
     subsonic: {
         name: undefined,
@@ -367,27 +376,22 @@ export enum AlbumListSort {
     YEAR = 'year',
 }
 
-export type AlbumListQuery = {
+export interface AlbumListQuery extends BaseQuery<AlbumListSort> {
     _custom?: {
-        jellyfin?: Partial<z.infer<typeof jfType._parameters.albumList>> & {
-            maxYear?: number;
-            minYear?: number;
-        };
+        jellyfin?: Partial<z.infer<typeof jfType._parameters.albumList>>;
         navidrome?: Partial<z.infer<typeof ndType._parameters.albumList>>;
     };
     artistIds?: string[];
-    genre?: string;
-    isCompilation?: boolean;
-    isFavorite?: boolean;
+    compilation?: boolean;
+    favorite?: boolean;
+    genres?: string[];
     limit?: number;
     maxYear?: number;
     minYear?: number;
     musicFolderId?: string;
     searchTerm?: string;
-    sortBy: AlbumListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type AlbumListArgs = { query: AlbumListQuery } & BaseEndpointArgs;
 
@@ -428,7 +432,8 @@ export const albumListSortMap: AlbumListSortMap = {
         rating: NDAlbumListSort.RATING,
         recentlyAdded: NDAlbumListSort.RECENTLY_ADDED,
         recentlyPlayed: NDAlbumListSort.PLAY_DATE,
-        releaseDate: undefined,
+        // Recent versions of Navidrome support release date, but fallback to year for now
+        releaseDate: NDAlbumListSort.YEAR,
         songCount: NDAlbumListSort.SONG_COUNT,
         year: NDAlbumListSort.YEAR,
     },
@@ -482,29 +487,23 @@ export enum SongListSort {
     YEAR = 'year',
 }
 
-export type SongListQuery = {
+export interface SongListQuery extends BaseQuery<SongListSort> {
     _custom?: {
-        jellyfin?: Partial<z.infer<typeof jfType._parameters.songList>> & {
-            maxYear?: number;
-            minYear?: number;
-        };
+        jellyfin?: Partial<z.infer<typeof jfType._parameters.songList>>;
         navidrome?: Partial<z.infer<typeof ndType._parameters.songList>>;
     };
     albumIds?: string[];
     artistIds?: string[];
-    genre?: string;
-    genreId?: string;
+    favorite?: boolean;
+    genreIds?: string[];
     imageSize?: number;
-    isFavorite?: boolean;
     limit?: number;
     maxYear?: number;
     minYear?: number;
     musicFolderId?: string;
     searchTerm?: string;
-    sortBy: SongListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type SongListArgs = { query: SongListQuery } & BaseEndpointArgs;
 
@@ -548,7 +547,7 @@ export const songListSortMap: SongListSortMap = {
         id: NDSongListSort.ID,
         name: NDSongListSort.TITLE,
         playCount: NDSongListSort.PLAY_COUNT,
-        random: undefined,
+        random: NDSongListSort.RANDOM,
         rating: NDSongListSort.RATING,
         recentlyAdded: NDSongListSort.RECENTLY_ADDED,
         recentlyPlayed: NDSongListSort.PLAY_DATE,
@@ -601,7 +600,7 @@ export enum AlbumArtistListSort {
     SONG_COUNT = 'songCount',
 }
 
-export type AlbumArtistListQuery = {
+export interface AlbumArtistListQuery extends BaseQuery<AlbumArtistListSort> {
     _custom?: {
         jellyfin?: Partial<z.infer<typeof jfType._parameters.albumArtistList>>;
         navidrome?: Partial<z.infer<typeof ndType._parameters.albumArtistList>>;
@@ -609,10 +608,8 @@ export type AlbumArtistListQuery = {
     limit?: number;
     musicFolderId?: string;
     searchTerm?: string;
-    sortBy: AlbumArtistListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type AlbumArtistListArgs = { query: AlbumArtistListQuery } & BaseEndpointArgs;
 
@@ -689,17 +686,15 @@ export enum ArtistListSort {
     SONG_COUNT = 'songCount',
 }
 
-export type ArtistListQuery = {
+export interface ArtistListQuery extends BaseQuery<ArtistListSort> {
     _custom?: {
         jellyfin?: Partial<z.infer<typeof jfType._parameters.albumArtistList>>;
         navidrome?: Partial<z.infer<typeof ndType._parameters.albumArtistList>>;
     };
     limit?: number;
     musicFolderId?: string;
-    sortBy: ArtistListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type ArtistListArgs = { query: ArtistListQuery } & BaseEndpointArgs;
 
@@ -773,6 +768,19 @@ export type RatingQuery = {
 
 export type SetRatingArgs = { query: RatingQuery; serverId?: string } & BaseEndpointArgs;
 
+// Sharing
+export type ShareItemResponse = { id: string } | undefined;
+
+export type ShareItemBody = {
+    description: string;
+    downloadable: boolean;
+    expires: number;
+    resourceIds: string;
+    resourceType: string;
+};
+
+export type ShareItemArgs = { body: ShareItemBody; serverId?: string } & BaseEndpointArgs;
+
 // Add to playlist
 export type AddToPlaylistResponse = null | undefined;
 
@@ -811,7 +819,6 @@ export type CreatePlaylistBody = {
         navidrome?: {
             owner?: string;
             ownerId?: string;
-            public?: boolean;
             rules?: Record<string, any>;
             sync?: boolean;
         };
@@ -835,7 +842,6 @@ export type UpdatePlaylistBody = {
         navidrome?: {
             owner?: string;
             ownerId?: string;
-            public?: boolean;
             rules?: Record<string, any>;
             sync?: boolean;
         };
@@ -843,11 +849,7 @@ export type UpdatePlaylistBody = {
     comment?: string;
     genres?: Genre[];
     name: string;
-    owner?: string;
-    ownerId?: string;
     public?: boolean;
-    rules?: Record<string, any>;
-    sync?: boolean;
 };
 
 export type UpdatePlaylistArgs = {
@@ -878,17 +880,15 @@ export enum PlaylistListSort {
     UPDATED_AT = 'updatedAt',
 }
 
-export type PlaylistListQuery = {
+export interface PlaylistListQuery extends BaseQuery<PlaylistListSort> {
     _custom?: {
         jellyfin?: Partial<z.infer<typeof jfType._parameters.playlistList>>;
         navidrome?: Partial<z.infer<typeof ndType._parameters.playlistList>>;
     };
     limit?: number;
     searchTerm?: string;
-    sortBy: PlaylistListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type PlaylistListArgs = { query: PlaylistListQuery } & BaseEndpointArgs;
 
@@ -939,9 +939,10 @@ export type PlaylistSongListResponse = BasePaginatedResponse<Song[]> | null | un
 
 export type PlaylistSongListQuery = {
     id: string;
-    searchTerm?: string;
-    sortBy: SongListSort;
-    sortOrder: SortOrder;
+    limit?: number;
+    sortBy?: SongListSort;
+    sortOrder?: SortOrder;
+    startIndex: number;
 };
 
 export type PlaylistSongListArgs = { query: PlaylistSongListQuery } & BaseEndpointArgs;
@@ -961,7 +962,7 @@ export enum UserListSort {
     NAME = 'name',
 }
 
-export type UserListQuery = {
+export interface UserListQuery extends BaseQuery<UserListSort> {
     _custom?: {
         navidrome?: {
             owner_id?: string;
@@ -969,10 +970,8 @@ export type UserListQuery = {
     };
     limit?: number;
     searchTerm?: string;
-    sortBy: UserListSort;
-    sortOrder: SortOrder;
     startIndex: number;
-};
+}
 
 export type UserListArgs = { query: UserListQuery } & BaseEndpointArgs;
 
@@ -1035,7 +1034,7 @@ export type SearchQuery = {
     albumLimit?: number;
     albumStartIndex?: number;
     musicFolderId?: string;
-    query: string;
+    query?: string;
     songLimit?: number;
     songStartIndex?: number;
 };
@@ -1071,12 +1070,19 @@ export type SearchResponse = {
     songs: Song[];
 };
 
+export enum Played {
+    All = 'all',
+    Never = 'never',
+    Played = 'played',
+}
+
 export type RandomSongListQuery = {
     genre?: string;
     limit?: number;
     maxYear?: number;
     minYear?: number;
     musicFolderId?: string;
+    played: Played;
 };
 
 export type RandomSongListArgs = {
@@ -1113,17 +1119,11 @@ export type InternetProviderLyricSearchResponse = {
     source: LyricSource;
 };
 
-export type SynchronizedLyricMetadata = {
-    lyrics: SynchronizedLyricsArray;
+export type FullLyricsMetadata = {
+    lyrics: LyricsResponse;
     remote: boolean;
-} & Omit<InternetProviderLyricResponse, 'lyrics'>;
-
-export type UnsynchronizedLyricMetadata = {
-    lyrics: string;
-    remote: boolean;
-} & Omit<InternetProviderLyricResponse, 'lyrics'>;
-
-export type FullLyricsMetadata = SynchronizedLyricMetadata | UnsynchronizedLyricMetadata;
+    source: string;
+} & Omit<InternetProviderLyricResponse, 'id' | 'lyrics' | 'source'>;
 
 export type LyricOverride = Omit<InternetProviderLyricResponse, 'lyrics'>;
 
@@ -1161,13 +1161,77 @@ export type FontData = {
     style: string;
 };
 
-export type ControllerEndpoint = Partial<{
+export type ServerInfoArgs = BaseEndpointArgs;
+
+export type ServerInfo = {
+    features: ServerFeatures;
+    id?: string;
+    version: string;
+};
+
+export type StructuredLyricsArgs = {
+    query: LyricsQuery;
+} & BaseEndpointArgs;
+
+export type StructuredUnsyncedLyric = {
+    lyrics: string;
+    synced: false;
+} & Omit<FullLyricsMetadata, 'lyrics'>;
+
+export type StructuredSyncedLyric = {
+    lyrics: SynchronizedLyricsArray;
+    synced: true;
+} & Omit<FullLyricsMetadata, 'lyrics'>;
+
+export type StructuredLyric = {
+    lang: string;
+} & (StructuredUnsyncedLyric | StructuredSyncedLyric);
+
+export type SimilarSongsQuery = {
+    albumArtistIds: string[];
+    count?: number;
+    songId: string;
+};
+
+export type SimilarSongsArgs = {
+    query: SimilarSongsQuery;
+} & BaseEndpointArgs;
+
+export type MoveItemQuery = {
+    endingIndex: number;
+    playlistId: string;
+    startingIndex: number;
+    trackId: string;
+};
+
+export type MoveItemArgs = {
+    query: MoveItemQuery;
+} & BaseEndpointArgs;
+
+export type DownloadQuery = {
+    id: string;
+};
+
+export type DownloadArgs = {
+    query: DownloadQuery;
+} & BaseEndpointArgs;
+
+export type TranscodingQuery = {
+    base: string;
+    bitrate?: number;
+    format?: string;
+};
+
+export type TranscodingArgs = {
+    query: TranscodingQuery;
+} & BaseEndpointArgs;
+
+export type ControllerEndpoint = {
     addToPlaylist: (args: AddToPlaylistArgs) => Promise<AddToPlaylistResponse>;
     authenticate: (
         url: string,
-        body: { password: string; username: string },
+        body: { legacy?: boolean; password: string; username: string },
     ) => Promise<AuthenticationResponse>;
-    clearPlaylist: () => void;
     createFavorite: (args: FavoriteArgs) => Promise<FavoriteResponse>;
     createPlaylist: (args: CreatePlaylistArgs) => Promise<CreatePlaylistResponse>;
     deleteFavorite: (args: FavoriteArgs) => Promise<FavoriteResponse>;
@@ -1178,30 +1242,206 @@ export type ControllerEndpoint = Partial<{
     getAlbumDetail: (args: AlbumDetailArgs) => Promise<AlbumDetailResponse>;
     getAlbumList: (args: AlbumListArgs) => Promise<AlbumListResponse>;
     getAlbumListCount: (args: AlbumListArgs) => Promise<number>;
-    getAlbumSongList: (args: AlbumDetailArgs) => Promise<SongListResponse>; // TODO
-    getArtistDetail: () => void;
-    getArtistInfo: (args: any) => void;
-    getArtistList: (args: ArtistListArgs) => Promise<ArtistListResponse>;
-    getFavoritesList: () => void;
-    getFolderItemList: () => void;
-    getFolderList: () => void;
-    getFolderSongs: () => void;
+    // getArtistInfo?: (args: any) => void;
+    // getArtistList?: (args: ArtistListArgs) => Promise<ArtistListResponse>;
+    getDownloadUrl: (args: DownloadArgs) => string;
     getGenreList: (args: GenreListArgs) => Promise<GenreListResponse>;
-    getLyrics: (args: LyricsArgs) => Promise<LyricsResponse>;
+    getLyrics?: (args: LyricsArgs) => Promise<LyricsResponse>;
     getMusicFolderList: (args: MusicFolderListArgs) => Promise<MusicFolderListResponse>;
     getPlaylistDetail: (args: PlaylistDetailArgs) => Promise<PlaylistDetailResponse>;
     getPlaylistList: (args: PlaylistListArgs) => Promise<PlaylistListResponse>;
     getPlaylistListCount: (args: PlaylistListArgs) => Promise<number>;
     getPlaylistSongList: (args: PlaylistSongListArgs) => Promise<SongListResponse>;
     getRandomSongList: (args: RandomSongListArgs) => Promise<SongListResponse>;
+    getServerInfo: (args: ServerInfoArgs) => Promise<ServerInfo>;
+    getSimilarSongs: (args: SimilarSongsArgs) => Promise<Song[]>;
     getSongDetail: (args: SongDetailArgs) => Promise<SongDetailResponse>;
     getSongList: (args: SongListArgs) => Promise<SongListResponse>;
     getSongListCount: (args: SongListArgs) => Promise<number>;
+    getStructuredLyrics?: (args: StructuredLyricsArgs) => Promise<StructuredLyric[]>;
     getTopSongs: (args: TopSongListArgs) => Promise<TopSongListResponse>;
-    getUserList: (args: UserListArgs) => Promise<UserListResponse>;
+    getTranscodingUrl: (args: TranscodingArgs) => string;
+    getUserList?: (args: UserListArgs) => Promise<UserListResponse>;
+    movePlaylistItem?: (args: MoveItemArgs) => Promise<void>;
     removeFromPlaylist: (args: RemoveFromPlaylistArgs) => Promise<RemoveFromPlaylistResponse>;
     scrobble: (args: ScrobbleArgs) => Promise<ScrobbleResponse>;
     search: (args: SearchArgs) => Promise<SearchResponse>;
-    setRating: (args: SetRatingArgs) => Promise<RatingResponse>;
+    setRating?: (args: SetRatingArgs) => Promise<RatingResponse>;
+    shareItem?: (args: ShareItemArgs) => Promise<ShareItemResponse>;
     updatePlaylist: (args: UpdatePlaylistArgs) => Promise<UpdatePlaylistResponse>;
-}>;
+};
+
+export const sortAlbumList = (albums: Album[], sortBy: AlbumListSort, sortOrder: SortOrder) => {
+    let results = albums;
+
+    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
+
+    switch (sortBy) {
+        case AlbumListSort.ALBUM_ARTIST:
+            results = orderBy(
+                results,
+                ['albumArtist', (v) => v.name.toLowerCase()],
+                [order, 'asc'],
+            );
+            break;
+        case AlbumListSort.DURATION:
+            results = orderBy(results, ['duration'], [order]);
+            break;
+        case AlbumListSort.FAVORITED:
+            results = orderBy(results, ['starred'], [order]);
+            break;
+        case AlbumListSort.NAME:
+            results = orderBy(results, [(v) => v.name.toLowerCase()], [order]);
+            break;
+        case AlbumListSort.PLAY_COUNT:
+            results = orderBy(results, ['playCount'], [order]);
+            break;
+        case AlbumListSort.RANDOM:
+            results = shuffle(results);
+            break;
+        case AlbumListSort.RECENTLY_ADDED:
+            results = orderBy(results, ['createdAt'], [order]);
+            break;
+        case AlbumListSort.RECENTLY_PLAYED:
+            results = orderBy(results, ['lastPlayedAt'], [order]);
+            break;
+        case AlbumListSort.RATING:
+            results = orderBy(results, ['userRating'], [order]);
+            break;
+        case AlbumListSort.YEAR:
+            results = orderBy(results, ['releaseYear'], [order]);
+            break;
+        case AlbumListSort.SONG_COUNT:
+            results = orderBy(results, ['songCount'], [order]);
+            break;
+        default:
+            break;
+    }
+
+    return results;
+};
+
+export const sortSongList = (songs: QueueSong[], sortBy: SongListSort, sortOrder: SortOrder) => {
+    let results = songs;
+
+    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
+
+    switch (sortBy) {
+        case SongListSort.ALBUM:
+            results = orderBy(
+                results,
+                [(v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
+                [order, 'asc', 'asc'],
+            );
+            break;
+
+        case SongListSort.ALBUM_ARTIST:
+            results = orderBy(
+                results,
+                ['albumArtist', (v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
+                [order, order, 'asc', 'asc'],
+            );
+            break;
+
+        case SongListSort.ARTIST:
+            results = orderBy(
+                results,
+                ['artist', (v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
+                [order, order, 'asc', 'asc'],
+            );
+            break;
+
+        case SongListSort.DURATION:
+            results = orderBy(results, ['duration'], [order]);
+            break;
+
+        case SongListSort.FAVORITED:
+            results = orderBy(results, ['userFavorite', (v) => v.name.toLowerCase()], [order]);
+            break;
+
+        case SongListSort.GENRE:
+            results = orderBy(
+                results,
+                [
+                    (v) => v.genres?.[0].name.toLowerCase(),
+                    (v) => v.album?.toLowerCase(),
+                    'discNumber',
+                    'trackNumber',
+                ],
+                [order, order, 'asc', 'asc'],
+            );
+            break;
+
+        case SongListSort.ID:
+            if (order === 'desc') {
+                results = reverse(results);
+            }
+            break;
+
+        case SongListSort.NAME:
+            results = orderBy(results, [(v) => v.name.toLowerCase()], [order]);
+            break;
+
+        case SongListSort.PLAY_COUNT:
+            results = orderBy(results, ['playCount'], [order]);
+            break;
+
+        case SongListSort.RANDOM:
+            results = shuffle(results);
+            break;
+
+        case SongListSort.RATING:
+            results = orderBy(results, ['userRating', (v) => v.name.toLowerCase()], [order]);
+            break;
+
+        case SongListSort.RECENTLY_ADDED:
+            results = orderBy(results, ['created'], [order]);
+            break;
+
+        case SongListSort.YEAR:
+            results = orderBy(
+                results,
+                ['year', (v) => v.album?.toLowerCase(), 'discNumber', 'track'],
+                [order, 'asc', 'asc', 'asc'],
+            );
+            break;
+
+        default:
+            break;
+    }
+
+    return results;
+};
+
+export const sortAlbumArtistList = (
+    artists: AlbumArtist[],
+    sortBy: AlbumArtistListSort,
+    sortOrder: SortOrder,
+) => {
+    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
+
+    let results = artists;
+
+    switch (sortBy) {
+        case AlbumArtistListSort.ALBUM_COUNT:
+            results = orderBy(artists, ['albumCount', (v) => v.name.toLowerCase()], [order, 'asc']);
+            break;
+
+        case AlbumArtistListSort.NAME:
+            results = orderBy(artists, [(v) => v.name.toLowerCase()], [order]);
+            break;
+
+        case AlbumArtistListSort.FAVORITED:
+            results = orderBy(artists, ['starred'], [order]);
+            break;
+
+        case AlbumArtistListSort.RATING:
+            results = orderBy(artists, ['userRating'], [order]);
+            break;
+
+        default:
+            break;
+    }
+
+    return results;
+};

src/renderer/api/utils.ts

@@ -1,20 +1,12 @@
 import { AxiosHeaders } from 'axios';
-import { toast } from '/@/renderer/components';
-import { useAuthStore } from '/@/renderer/store';
-import { ServerListItem } from '/@/renderer/types';
-import {
-    Album,
-    AlbumArtist,
-    AlbumArtistListSort,
-    AlbumListSort,
-    QueueSong,
-    SongListSort,
-    SortOrder,
-} from '/@/renderer/api/types';
-import orderBy from 'lodash/orderBy';
-import reverse from 'lodash/reverse';
-import shuffle from 'lodash/shuffle';
+import isElectron from 'is-electron';
+import semverCoerce from 'semver/functions/coerce';
+import semverGte from 'semver/functions/gte';
 import { z } from 'zod';
+import { toast } from '/@/renderer/components/toast';
+import { useAuthStore } from '/@/renderer/store';
+import { ServerListItem } from '/@/renderer/api/types';
+import { ServerFeature } from '/@/renderer/api/features-types';
 
 // Since ts-rest client returns a strict response type, we need to add the headers to the body object
 export const resultWithHeaders = <ItemType extends z.ZodTypeAny>(itemSchema: ItemType) => {
@@ -51,177 +43,86 @@ export const authenticationFailure = (currentServer: ServerListItem | null) => {
     }
 };
 
-export const sortAlbumList = (albums: Album[], sortBy: AlbumListSort, sortOrder: SortOrder) => {
-    let results = albums;
-
-    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
-
-    switch (sortBy) {
-        case AlbumListSort.ALBUM_ARTIST:
-            results = orderBy(
-                results,
-                ['albumArtist', (v) => v.name.toLowerCase()],
-                [order, 'asc'],
-            );
-            break;
-        case AlbumListSort.DURATION:
-            results = orderBy(results, ['duration'], [order]);
-            break;
-        case AlbumListSort.FAVORITED:
-            results = orderBy(results, ['starred'], [order]);
-            break;
-        case AlbumListSort.NAME:
-            results = orderBy(results, [(v) => v.name.toLowerCase()], [order]);
-            break;
-        case AlbumListSort.PLAY_COUNT:
-            results = orderBy(results, ['playCount'], [order]);
-            break;
-        case AlbumListSort.RANDOM:
-            results = shuffle(results);
-            break;
-        case AlbumListSort.RECENTLY_ADDED:
-            results = orderBy(results, ['createdAt'], [order]);
-            break;
-        case AlbumListSort.RECENTLY_PLAYED:
-            results = orderBy(results, ['lastPlayedAt'], [order]);
-            break;
-        case AlbumListSort.RATING:
-            results = orderBy(results, ['userRating'], [order]);
-            break;
-        case AlbumListSort.YEAR:
-            results = orderBy(results, ['releaseYear'], [order]);
-            break;
-        case AlbumListSort.SONG_COUNT:
-            results = orderBy(results, ['songCount'], [order]);
-            break;
-        default:
-            break;
+export const hasFeature = (server: ServerListItem | null, feature: ServerFeature): boolean => {
+    if (!server || !server.features) {
+        return false;
     }
 
-    return results;
+    return server.features[feature] ?? false;
 };
 
-export const sortSongList = (songs: QueueSong[], sortBy: SongListSort, sortOrder: SortOrder) => {
-    let results = songs;
+export type VersionInfo = ReadonlyArray<[string, Record<string, readonly number[]>]>;
 
-    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
+/**
+ * Returns the available server features given the version string.
+ * @param versionInfo a list, in DECREASING VERSION order, of the features supported by the server.
+ *  The first version match will automatically consider the rest matched.
+ * @example
+ * ```
+ * // The CORRECT way to order
+ * const VERSION_INFO: VersionInfo = [
+ *   ['0.49.3', { [ServerFeature.SHARING_ALBUM_SONG]: [1] }],
+ *   ['0.48.0', { [ServerFeature.PLAYLISTS_SMART]: [1] }],
+ * ];
+ * // INCORRECT way to order
+ * const VERSION_INFO: VersionInfo = [
+ *   ['0.48.0', { [ServerFeature.PLAYLISTS_SMART]: [1] }],
+ *   ['0.49.3', { [ServerFeature.SHARING_ALBUM_SONG]: [1] }],
+ * ];
+ *  ```
+ * @param version the version string (SemVer)
+ * @returns a Record containing the matched features (if any) and their versions
+ */
+export const getFeatures = (
+    versionInfo: VersionInfo,
+    version: string,
+): Record<string, number[]> => {
+    const cleanVersion = semverCoerce(version);
+    const features: Record<string, number[]> = {};
+    let matched = cleanVersion === null;
 
-    switch (sortBy) {
-        case SongListSort.ALBUM:
-            results = orderBy(
-                results,
-                [(v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
-                [order, 'asc', 'asc'],
-            );
-            break;
+    for (const [version, supportedFeatures] of versionInfo) {
+        if (!matched) {
+            matched = semverGte(cleanVersion!, version);
+        }
 
-        case SongListSort.ALBUM_ARTIST:
-            results = orderBy(
-                results,
-                ['albumArtist', (v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
-                [order, order, 'asc', 'asc'],
-            );
-            break;
-
-        case SongListSort.ARTIST:
-            results = orderBy(
-                results,
-                ['artist', (v) => v.album?.toLowerCase(), 'discNumber', 'trackNumber'],
-                [order, order, 'asc', 'asc'],
-            );
-            break;
-
-        case SongListSort.DURATION:
-            results = orderBy(results, ['duration'], [order]);
-            break;
-
-        case SongListSort.FAVORITED:
-            results = orderBy(results, ['userFavorite', (v) => v.name.toLowerCase()], [order]);
-            break;
-
-        case SongListSort.GENRE:
-            results = orderBy(
-                results,
-                [
-                    (v) => v.genres?.[0].name.toLowerCase(),
-                    (v) => v.album?.toLowerCase(),
-                    'discNumber',
-                    'trackNumber',
-                ],
-                [order, order, 'asc', 'asc'],
-            );
-            break;
-
-        case SongListSort.ID:
-            if (order === 'desc') {
-                results = reverse(results);
+        if (matched) {
+            for (const [feature, feat] of Object.entries(supportedFeatures)) {
+                if (feature in features) {
+                    features[feature].push(...feat);
+                } else {
+                    features[feature] = [...feat];
+                }
             }
-            break;
-
-        case SongListSort.NAME:
-            results = orderBy(results, [(v) => v.name.toLowerCase()], [order]);
-            break;
-
-        case SongListSort.PLAY_COUNT:
-            results = orderBy(results, ['playCount'], [order]);
-            break;
-
-        case SongListSort.RANDOM:
-            results = shuffle(results);
-            break;
-
-        case SongListSort.RATING:
-            results = orderBy(results, ['userRating', (v) => v.name.toLowerCase()], [order]);
-            break;
-
-        case SongListSort.RECENTLY_ADDED:
-            results = orderBy(results, ['created'], [order]);
-            break;
-
-        case SongListSort.YEAR:
-            results = orderBy(
-                results,
-                ['year', (v) => v.album?.toLowerCase(), 'discNumber', 'track'],
-                [order, 'asc', 'asc', 'asc'],
-            );
-            break;
-
-        default:
-            break;
+        }
     }
 
-    return results;
+    return features;
 };
 
-export const sortAlbumArtistList = (
-    artists: AlbumArtist[],
-    sortBy: AlbumArtistListSort,
-    sortOrder: SortOrder,
-) => {
-    const order = sortOrder === SortOrder.ASC ? 'asc' : 'desc';
-
-    let results = artists;
-
-    switch (sortBy) {
-        case AlbumArtistListSort.ALBUM_COUNT:
-            results = orderBy(artists, ['albumCount', (v) => v.name.toLowerCase()], [order, 'asc']);
-            break;
-
-        case AlbumArtistListSort.NAME:
-            results = orderBy(artists, [(v) => v.name.toLowerCase()], [order]);
-            break;
-
-        case AlbumArtistListSort.FAVORITED:
-            results = orderBy(artists, ['starred'], [order]);
-            break;
-
-        case AlbumArtistListSort.RATING:
-            results = orderBy(artists, ['userRating'], [order]);
-            break;
-
-        default:
-            break;
+export const getClientType = (): string => {
+    if (isElectron()) {
+        return 'Desktop Client';
+    }
+    const agent = navigator.userAgent;
+    switch (true) {
+        case agent.toLowerCase().indexOf('edge') > -1:
+            return 'Microsoft Edge';
+        case agent.toLowerCase().indexOf('edg/') > -1:
+            return 'Edge Chromium'; // Match also / to avoid matching for the older Edge
+        case agent.toLowerCase().indexOf('opr') > -1:
+            return 'Opera';
+        case agent.toLowerCase().indexOf('chrome') > -1:
+            return 'Chrome';
+        case agent.toLowerCase().indexOf('trident') > -1:
+            return 'Internet Explorer';
+        case agent.toLowerCase().indexOf('firefox') > -1:
+            return 'Firefox';
+        case agent.toLowerCase().indexOf('safari') > -1:
+            return 'Safari';
+        default:
+            return 'PC';
     }
-
-    return results;
 };
+
+export const SEPARATOR_STRING = ' · ';

src/renderer/app.tsx

@@ -1,12 +1,11 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useState, useRef } from 'react';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry } from '@ag-grid-community/core';
 import { InfiniteRowModelModule } from '@ag-grid-community/infinite-row-model';
 import { MantineProvider } from '@mantine/core';
-import { ModalsProvider } from '@mantine/modals';
 import isElectron from 'is-electron';
 import { initSimpleImg } from 'react-simple-img';
-import { BaseContextModal, toast } from './components';
+import { toast } from './components';
 import { useTheme } from './hooks';
 import { IsUpdatedDialog } from './is-updated-dialog';
 import { AppRouter } from './router/app-router';
@@ -20,35 +19,43 @@ import './styles/global.scss';
 import { ContextMenuProvider } from '/@/renderer/features/context-menu';
 import { useHandlePlayQueueAdd } from '/@/renderer/features/player/hooks/use-handle-playqueue-add';
 import { PlayQueueHandlerContext } from '/@/renderer/features/player';
-import { AddToPlaylistContextModal } from '/@/renderer/features/playlists';
 import { getMpvProperties } from '/@/renderer/features/settings/components/playback/mpv-settings';
-import { PlayerState, usePlayerStore, useQueueControls } from '/@/renderer/store';
-import { FontType, PlaybackType, PlayerStatus } from '/@/renderer/types';
+import { PlayerState, useCssSettings, usePlayerStore, useQueueControls } from '/@/renderer/store';
+import { FontType, PlaybackType, PlayerStatus, WebAudio } from '/@/renderer/types';
 import '@ag-grid-community/styles/ag-grid.css';
+import { WebAudioContext } from '/@/renderer/features/player/context/webaudio-context';
 import { useDiscordRpc } from '/@/renderer/features/discord-rpc/use-discord-rpc';
 import i18n from '/@/i18n/i18n';
+import { useServerVersion } from '/@/renderer/hooks/use-server-version';
+import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { sanitizeCss } from '/@/renderer/utils/sanitize';
+import { setQueue } from '/@/renderer/utils/set-transcoded-queue-data';
 
 ModuleRegistry.registerModules([ClientSideRowModelModule, InfiniteRowModelModule]);
 
 initSimpleImg({ threshold: 0.05 }, true);
 
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
-const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : null;
 const ipc = isElectron() ? window.electron.ipc : null;
 const remote = isElectron() ? window.electron.remote : null;
+const utils = isElectron() ? window.electron.utils : null;
 
 export const App = () => {
     const theme = useTheme();
     const accent = useSettingsStore((store) => store.general.accent);
     const language = useSettingsStore((store) => store.general.language);
+    const nativeImageAspect = useSettingsStore((store) => store.general.nativeAspectRatio);
     const { builtIn, custom, system, type } = useSettingsStore((state) => state.font);
+    const { enabled, content } = useCssSettings();
     const { type: playbackType } = usePlaybackSettings();
     const { bindings } = useHotkeySettings();
     const handlePlayQueueAdd = useHandlePlayQueueAdd();
     const { clearQueue, restoreQueue } = useQueueControls();
     const remoteSettings = useRemoteSettings();
     const textStyleRef = useRef<HTMLStyleElement>();
+    const cssRef = useRef<HTMLStyleElement>();
     useDiscordRpc();
+    useServerVersion();
 
     useEffect(() => {
         if (type === FontType.SYSTEM && system) {
@@ -85,40 +92,74 @@ export const App = () => {
         }
     }, [builtIn, custom, system, type]);
 
+    const [webAudio, setWebAudio] = useState<WebAudio>();
+
+    useEffect(() => {
+        if (enabled && content) {
+            // Yes, CSS is sanitized here as well. Prevent a suer from changing the
+            // localStorage to bypass sanitizing.
+            const sanitized = sanitizeCss(content);
+            if (!cssRef.current) {
+                cssRef.current = document.createElement('style');
+                document.body.appendChild(cssRef.current);
+            }
+
+            cssRef.current.textContent = sanitized;
+
+            return () => {
+                cssRef.current!.textContent = '';
+            };
+        }
+
+        return () => {};
+    }, [content, enabled]);
+
     useEffect(() => {
         const root = document.documentElement;
         root.style.setProperty('--primary-color', accent);
     }, [accent]);
 
+    useEffect(() => {
+        const root = document.documentElement;
+        root.style.setProperty('--image-fit', nativeImageAspect ? 'contain' : 'cover');
+    }, [nativeImageAspect]);
+
     const providerValue = useMemo(() => {
         return { handlePlayQueueAdd };
     }, [handlePlayQueueAdd]);
 
+    const webAudioProvider = useMemo(() => {
+        return { setWebAudio, webAudio };
+    }, [webAudio]);
+
     // Start the mpv instance on startup
     useEffect(() => {
         const initializeMpv = async () => {
-            const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
+            if (playbackType === PlaybackType.LOCAL) {
+                const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
 
-            mpvPlayer?.stop();
+                mpvPlayer?.stop();
 
-            if (!isRunning) {
-                const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
-                const properties: Record<string, any> = {
-                    speed: usePlayerStore.getState().current.speed,
-                    ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
-                };
+                if (!isRunning) {
+                    const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
+                    const properties: Record<string, any> = {
+                        speed: usePlayerStore.getState().speed,
+                        ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
+                    };
 
-                mpvPlayer?.initialize({
-                    extraParameters,
-                    properties,
-                });
+                    await mpvPlayer?.initialize({
+                        extraParameters,
+                        properties,
+                    });
 
-                mpvPlayer?.volume(properties.volume);
+                    mpvPlayer?.volume(properties.volume);
+                }
             }
-            mpvPlayer?.restoreQueue();
+
+            utils?.restoreQueue();
         };
 
-        if (isElectron() && playbackType === PlaybackType.LOCAL) {
+        if (isElectron()) {
             initializeMpv();
         }
 
@@ -136,8 +177,8 @@ export const App = () => {
     }, [bindings]);
 
     useEffect(() => {
-        if (isElectron()) {
-            mpvPlayerListener!.rendererSaveQueue(() => {
+        if (utils) {
+            utils.onSaveQueue(() => {
                 const { current, queue } = usePlayerStore.getState();
                 const stateToSave: Partial<Pick<PlayerState, 'current' | 'queue'>> = {
                     current: {
@@ -146,20 +187,21 @@ export const App = () => {
                     },
                     queue,
                 };
-                mpvPlayer!.saveQueue(stateToSave);
+                utils.saveQueue(stateToSave);
             });
 
-            mpvPlayerListener!.rendererRestoreQueue((_event: any, data) => {
+            utils.onRestoreQueue((_event: any, data) => {
                 const playerData = restoreQueue(data);
                 if (playbackType === PlaybackType.LOCAL) {
-                    mpvPlayer!.setQueue(playerData, true);
+                    setQueue(playerData, true);
                 }
+                updateSong(playerData.current.song);
             });
         }
 
         return () => {
-            ipc?.removeAllListeners('renderer-player-restore-queue');
-            ipc?.removeAllListeners('renderer-player-save-queue');
+            ipc?.removeAllListeners('renderer-restore-queue');
+            ipc?.removeAllListeners('renderer-save-queue');
         };
     }, [playbackType, restoreQueue]);
 
@@ -241,27 +283,13 @@ export const App = () => {
                 },
             }}
         >
-            <ModalsProvider
-                modalProps={{
-                    centered: true,
-                    styles: {
-                        body: { position: 'relative' },
-                        content: { overflow: 'auto' },
-                    },
-                    transitionProps: {
-                        duration: 300,
-                        exitDuration: 300,
-                        transition: 'fade',
-                    },
-                }}
-                modals={{ addToPlaylist: AddToPlaylistContextModal, base: BaseContextModal }}
-            >
-                <PlayQueueHandlerContext.Provider value={providerValue}>
-                    <ContextMenuProvider>
+            <PlayQueueHandlerContext.Provider value={providerValue}>
+                <ContextMenuProvider>
+                    <WebAudioContext.Provider value={webAudioProvider}>
                         <AppRouter />
-                    </ContextMenuProvider>
-                </PlayQueueHandlerContext.Provider>
-            </ModalsProvider>
+                    </WebAudioContext.Provider>{' '}
+                </ContextMenuProvider>
+            </PlayQueueHandlerContext.Provider>
             <IsUpdatedDialog />
         </MantineProvider>
     );

src/renderer/components/audio-player/index.tsx

@@ -1,4 +1,12 @@
-import { useImperativeHandle, forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import {
+    useImperativeHandle,
+    forwardRef,
+    useRef,
+    useState,
+    useCallback,
+    useEffect,
+    useMemo,
+} from 'react';
 import isElectron from 'is-electron';
 import type { ReactPlayerProps } from 'react-player';
 import ReactPlayer from 'react-player/lazy';
@@ -7,18 +15,21 @@ import {
     crossfadeHandler,
     gaplessHandler,
 } from '/@/renderer/components/audio-player/utils/list-handlers';
-import { useSettingsStore } from '/@/renderer/store/settings.store';
+import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import type { CrossfadeStyle } from '/@/renderer/types';
 import { PlaybackStyle, PlayerStatus } from '/@/renderer/types';
-import { useSpeed } from '/@/renderer/store';
+import { useWebAudio } from '/@/renderer/features/player/hooks/use-webaudio';
+import { getServerById, TranscodingConfig, usePlaybackSettings, useSpeed } from '/@/renderer/store';
+import { toast } from '/@/renderer/components/toast';
+import { api } from '/@/renderer/api';
 
 interface AudioPlayerProps extends ReactPlayerProps {
     crossfadeDuration: number;
     crossfadeStyle: CrossfadeStyle;
     currentPlayer: 1 | 2;
     playbackStyle: PlaybackStyle;
-    player1: Song;
-    player2: Song;
+    player1?: Song;
+    player2?: Song;
     status: PlayerStatus;
     volume: number;
 }
@@ -34,9 +45,50 @@ const getDuration = (ref: any) => {
     return ref.current?.player?.player?.player?.duration;
 };
 
-type WebAudio = {
-    context: AudioContext;
-    gain: GainNode;
+// Credits: https://gist.github.com/novwhisky/8a1a0168b94f3b6abfaa?permalink_comment_id=1551393#gistcomment-1551393
+// This is used so that the player will always have an <audio> element. This means that
+// player1Source and player2Source are connected BEFORE the user presses play for
+// the first time. This workaround is important for Safari, which seems to require the
+// source to be connected PRIOR to resuming audio context
+const EMPTY_SOURCE =
+    'data:audio/mp3;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU2LjM2LjEwMAAAAAAAAAAAAAAA//OEAAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAAEAAABIADAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV6urq6urq6urq6urq6urq6urq6urq6urq6v////////////////////////////////8AAAAATGF2YzU2LjQxAAAAAAAAAAAAAAAAJAAAAAAAAAAAASDs90hvAAAAAAAAAAAAAAAAAAAA//MUZAAAAAGkAAAAAAAAA0gAAAAATEFN//MUZAMAAAGkAAAAAAAAA0gAAAAARTMu//MUZAYAAAGkAAAAAAAAA0gAAAAAOTku//MUZAkAAAGkAAAAAAAAA0gAAAAANVVV';
+
+const useSongUrl = (transcode: TranscodingConfig, current: boolean, song?: Song): string | null => {
+    const prior = useRef(['', '']);
+
+    return useMemo(() => {
+        if (song?.serverId) {
+            // If we are the current track, we do not want a transcoding
+            // reconfiguration to force a restart.
+            if (current && prior.current[0] === song.uniqueId) {
+                return prior.current[1];
+            }
+
+            if (!transcode.enabled) {
+                // transcoding disabled; save the result
+                prior.current = [song.uniqueId, song.streamUrl];
+                return song.streamUrl;
+            }
+
+            const result = api.controller.getTranscodingUrl({
+                apiClientProps: {
+                    server: getServerById(song.serverId),
+                },
+                query: {
+                    base: song.streamUrl,
+                    ...transcode,
+                },
+            })!;
+
+            // transcoding enabled; save the updated result
+            prior.current = [song.uniqueId, result];
+            return result;
+        }
+
+        // no track; clear result
+        prior.current = ['', ''];
+        return null;
+    }, [current, song?.uniqueId, song?.serverId, song?.streamUrl, transcode]);
 };
 
 export const AudioPlayer = forwardRef(
@@ -60,15 +112,22 @@ export const AudioPlayer = forwardRef(
         const [isTransitioning, setIsTransitioning] = useState(false);
         const audioDeviceId = useSettingsStore((state) => state.playback.audioDeviceId);
         const playback = useSettingsStore((state) => state.playback.mpvProperties);
+        const shouldUseWebAudio = useSettingsStore((state) => state.playback.webAudio);
+        const { resetSampleRate } = useSettingsStoreActions();
         const playbackSpeed = useSpeed();
+        const { transcode } = usePlaybackSettings();
 
-        const [webAudio, setWebAudio] = useState<WebAudio | null>(null);
+        const stream1 = useSongUrl(transcode, currentPlayer === 1, player1);
+        const stream2 = useSongUrl(transcode, currentPlayer === 2, player2);
+
+        const { webAudio, setWebAudio } = useWebAudio();
         const [player1Source, setPlayer1Source] = useState<MediaElementAudioSourceNode | null>(
             null,
         );
         const [player2Source, setPlayer2Source] = useState<MediaElementAudioSourceNode | null>(
             null,
         );
+
         const calculateReplayGain = useCallback(
             (song: Song): number => {
                 if (playback.replayGainMode === 'no') {
@@ -118,15 +177,26 @@ export const AudioPlayer = forwardRef(
         );
 
         useEffect(() => {
-            if ('AudioContext' in window) {
-                const context = new AudioContext({
-                    latencyHint: 'playback',
-                    sampleRate: playback.audioSampleRateHz || undefined,
-                });
+            if (shouldUseWebAudio && 'AudioContext' in window) {
+                let context: AudioContext;
+
+                try {
+                    context = new AudioContext({
+                        latencyHint: 'playback',
+                        sampleRate: playback.audioSampleRateHz || undefined,
+                    });
+                } catch (error) {
+                    // In practice, this should never be hit because the UI should validate
+                    // the range. However, the actual supported range is not guaranteed
+                    toast.error({ message: (error as Error).message });
+                    context = new AudioContext({ latencyHint: 'playback' });
+                    resetSampleRate();
+                }
+
                 const gain = context.createGain();
                 gain.connect(context.destination);
 
-                setWebAudio({ context, gain });
+                setWebAudio!({ context, gain });
 
                 return () => {
                     return context.close();
@@ -154,9 +224,18 @@ export const AudioPlayer = forwardRef(
         useEffect(() => {
             if (status === PlayerStatus.PLAYING) {
                 if (currentPlayer === 1) {
-                    player1Ref.current?.getInternalPlayer()?.play();
+                    // calling play() is not necessarily a safe option (https://developer.chrome.com/blog/play-request-was-interrupted)
+                    // In practice, this failure is only likely to happen when using the 0-second wav:
+                    // play() + play() in rapid succession will cause problems as the frist one ends the track.
+                    player1Ref.current
+                        ?.getInternalPlayer()
+                        ?.play()
+                        .catch(() => {});
                 } else {
-                    player2Ref.current?.getInternalPlayer()?.play();
+                    player2Ref.current
+                        ?.getInternalPlayer()
+                        ?.play()
+                        .catch(() => {});
                 }
             } else {
                 player1Ref.current?.getInternalPlayer()?.pause();
@@ -231,44 +310,71 @@ export const AudioPlayer = forwardRef(
         );
 
         useEffect(() => {
-            if (isElectron()) {
-                if (audioDeviceId) {
-                    player1Ref.current?.getInternalPlayer()?.setSinkId(audioDeviceId);
-                    player2Ref.current?.getInternalPlayer()?.setSinkId(audioDeviceId);
-                } else {
-                    player1Ref.current?.getInternalPlayer()?.setSinkId('');
-                    player2Ref.current?.getInternalPlayer()?.setSinkId('');
-                }
+            // Not standard, just used in chromium-based browsers. See
+            // https://developer.chrome.com/blog/audiocontext-setsinkid/.
+            // If the isElectron() check is every removed, fix this.
+            if (isElectron() && webAudio && 'setSinkId' in webAudio.context && audioDeviceId) {
+                const setSink = async () => {
+                    try {
+                        if (audioDeviceId !== 'default') {
+                            // @ts-ignore
+                            await webAudio.context.setSinkId(audioDeviceId);
+                        } else {
+                            // @ts-ignore
+                            await webAudio.context.setSinkId('');
+                        }
+                    } catch (error) {
+                        toast.error({ message: `Error setting sink: ${(error as Error).message}` });
+                    }
+                };
+
+                setSink();
             }
-        }, [audioDeviceId]);
+        }, [audioDeviceId, webAudio]);
 
         useEffect(() => {
-            if (webAudio && player1Source) {
-                if (player1 === undefined) {
-                    player1Source.disconnect();
-                    setPlayer1Source(null);
-                } else if (currentPlayer === 1) {
-                    webAudio.gain.gain.setValueAtTime(calculateReplayGain(player1), 0);
-                }
-            }
-        }, [calculateReplayGain, currentPlayer, player1, player1Source, webAudio]);
+            if (!webAudio) return;
 
-        useEffect(() => {
-            if (webAudio && player2Source) {
-                if (player2 === undefined) {
-                    player2Source.disconnect();
-                    setPlayer2Source(null);
-                } else if (currentPlayer === 2) {
-                    webAudio.gain.gain.setValueAtTime(calculateReplayGain(player2), 0);
-                }
+            const sources = [player1Source ? player1 : null, player2Source ? player2 : null];
+            const current = sources[currentPlayer - 1];
+
+            // Set the current replaygain
+            if (current) {
+                const newVolume = calculateReplayGain(current) * volume;
+                webAudio.gain.gain.setValueAtTime(Math.max(0, newVolume), 0);
             }
-        }, [calculateReplayGain, currentPlayer, player2, player2Source, webAudio]);
+
+            // Set the next track replaygain right before the end of this track
+            // Attempt to prevent pop-in for web audio.
+            const next = sources[3 - currentPlayer];
+            if (next && current) {
+                const newVolume = calculateReplayGain(next) * volume;
+                webAudio.gain.gain.setValueAtTime(
+                    Math.max(0, newVolume),
+                    Math.max(0, (current.duration - 1) / 1000),
+                );
+            }
+        }, [
+            calculateReplayGain,
+            currentPlayer,
+            player1,
+            player1Source,
+            player2,
+            player2Source,
+            volume,
+            webAudio,
+        ]);
 
         const handlePlayer1Start = useCallback(
             async (player: ReactPlayer) => {
-                if (!webAudio || player1Source) return;
-                if (webAudio.context.state !== 'running') {
-                    await webAudio.context.resume();
+                if (!webAudio) return;
+                if (player1Source) {
+                    // This should fire once, only if the source is real (meaning we
+                    // saw the dummy source) and the context is not ready
+                    if (webAudio.context.state !== 'running') {
+                        await webAudio.context.resume();
+                    }
+                    return;
                 }
 
                 const internal = player.getInternalPlayer() as HTMLMediaElement | undefined;
@@ -284,9 +390,12 @@ export const AudioPlayer = forwardRef(
 
         const handlePlayer2Start = useCallback(
             async (player: ReactPlayer) => {
-                if (!webAudio || player2Source) return;
-                if (webAudio.context.state !== 'running') {
-                    await webAudio.context.resume();
+                if (!webAudio) return;
+                if (player2Source) {
+                    if (webAudio.context.state !== 'running') {
+                        await webAudio.context.resume();
+                    }
+                    return;
                 }
 
                 const internal = player.getInternalPlayer() as HTMLMediaElement | undefined;
@@ -300,6 +409,9 @@ export const AudioPlayer = forwardRef(
             [player2Source, webAudio],
         );
 
+        // Bugfix for Safari: rather than use the `<audio>` volume (which doesn't work),
+        // use the GainNode to scale the volume. In this case, for compatibility with
+        // other browsers, set the `<audio>` volume to 1
         return (
             <>
                 <ReactPlayer
@@ -312,10 +424,11 @@ export const AudioPlayer = forwardRef(
                     playbackRate={playbackSpeed}
                     playing={currentPlayer === 1 && status === PlayerStatus.PLAYING}
                     progressInterval={isTransitioning ? 10 : 250}
-                    url={player1?.streamUrl}
-                    volume={volume}
+                    url={stream1 || EMPTY_SOURCE}
+                    volume={webAudio ? 1 : volume}
                     width={0}
-                    onEnded={handleOnEnded}
+                    // If there is no stream url, we do not need to handle when the audio finishes
+                    onEnded={stream1 ? handleOnEnded : undefined}
                     onProgress={
                         playbackStyle === PlaybackStyle.GAPLESS ? handleGapless1 : handleCrossfade1
                     }
@@ -331,10 +444,10 @@ export const AudioPlayer = forwardRef(
                     playbackRate={playbackSpeed}
                     playing={currentPlayer === 2 && status === PlayerStatus.PLAYING}
                     progressInterval={isTransitioning ? 10 : 250}
-                    url={player2?.streamUrl}
-                    volume={volume}
+                    url={stream2 || EMPTY_SOURCE}
+                    volume={webAudio ? 1 : volume}
                     width={0}
-                    onEnded={handleOnEnded}
+                    onEnded={stream2 ? handleOnEnded : undefined}
                     onProgress={
                         playbackStyle === PlaybackStyle.GAPLESS ? handleGapless2 : handleCrossfade2
                     }

src/renderer/components/audio-player/utils/list-handlers.ts

@@ -23,7 +23,10 @@ export const gaplessHandler = (args: {
 
     const durationPadding = isFlac ? 0.065 : 0.116;
     if (currentTime + durationPadding >= duration) {
-        return nextPlayerRef.current.getInternalPlayer()?.play();
+        return nextPlayerRef.current
+            .getInternalPlayer()
+            ?.play()
+            .catch(() => {});
     }
 
     return null;
@@ -57,11 +60,15 @@ export const crossfadeHandler = (args: {
     } = args;
 
     if (!isTransitioning || currentPlayer !== player) {
-        const shouldBeginTransition = currentTime >= duration - fadeDuration;
+        // check for a large-enough duration, as the default audio element has some dummy audio
+        const shouldBeginTransition = duration > 0.5 && currentTime >= duration - fadeDuration;
 
         if (shouldBeginTransition) {
             setIsTransitioning(true);
-            return nextPlayerRef.current.getInternalPlayer().play();
+            return nextPlayerRef.current
+                .getInternalPlayer()
+                ?.play()
+                .catch(() => {});
         }
         return null;
     }
@@ -94,10 +101,10 @@ export const crossfadeHandler = (args: {
                 fadeType === 'constantPower'
                     ? 0
                     : fadeType === 'constantPowerSlowFade'
-                    ? 1
-                    : fadeType === 'constantPowerSlowCut'
-                    ? 3
-                    : 10;
+                      ? 1
+                      : fadeType === 'constantPowerSlowCut'
+                        ? 3
+                        : 10;
 
             percentageOfFadeLeft = timeLeft / fadeDuration;
             currentPlayerVolumeCalculation =

src/renderer/components/button/index.tsx

@@ -24,7 +24,10 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
     background: ${(props) => `var(--btn-${props.variant}-bg)`};
     border: ${(props) => `var(--btn-${props.variant}-border)`};
     border-radius: ${(props) => `var(--btn-${props.variant}-radius)`};
-    transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
+    transition:
+        background 0.2s ease-in-out,
+        color 0.2s ease-in-out,
+        border 0.2s ease-in-out;
 
     svg {
         fill: ${(props) => `var(--btn-${props.variant}-fg)`};

src/renderer/components/card/album-card.tsx

@@ -17,7 +17,9 @@ const CardWrapper = styled.div<{
     cursor: ${({ link }) => link && 'pointer'};
     background: var(--card-default-bg);
     border-radius: var(--card-default-radius);
-    transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
+    transition:
+        border 0.2s ease-in-out,
+        background 0.2s ease-in-out;
 
     &:hover {
         background: var(--card-default-bg-hover);
@@ -200,7 +202,7 @@ export const AlbumCard = ({
                     <ImageSection />
                 </Skeleton>
                 <DetailSection style={{ width: '100%' }}>
-                    {cardRows.map((_row: CardRow<Album>, index: number) => (
+                    {(cardRows || []).map((_row: CardRow<Album>, index: number) => (
                         <Skeleton
                             visible
                             height={15}

src/renderer/components/card/card-rows.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import formatDuration from 'format-duration';
 import { generatePath } from 'react-router';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
@@ -6,6 +7,7 @@ import { Album, AlbumArtist, Artist, Playlist, Song } from '/@/renderer/api/type
 import { Text } from '/@/renderer/components/text';
 import { AppRoute } from '/@/renderer/router/routes';
 import { CardRow } from '/@/renderer/types';
+import { formatDateAbsolute, formatDateRelative, formatRating } from '/@/renderer/utils/format';
 
 const Row = styled.div<{ $secondary?: boolean }>`
     width: 100%;
@@ -69,7 +71,10 @@ export const CardRows = ({ data, rows }: CardRowsProps) => {
                                         )}
                                         onClick={(e) => e.stopPropagation()}
                                     >
-                                        {row.arrayProperty && item[row.arrayProperty]}
+                                        {row.arrayProperty &&
+                                            (row.format
+                                                ? row.format(item)
+                                                : item[row.arrayProperty])}
                                     </Text>
                                 </React.Fragment>
                             ))}
@@ -88,7 +93,8 @@ export const CardRows = ({ data, rows }: CardRowsProps) => {
                                     overflow="hidden"
                                     size={index > 0 ? 'sm' : 'md'}
                                 >
-                                    {row.arrayProperty && item[row.arrayProperty]}
+                                    {row.arrayProperty &&
+                                        (row.format ? row.format(item) : item[row.arrayProperty])}
                                 </Text>
                             ))}
                         </Row>
@@ -114,7 +120,7 @@ export const CardRows = ({ data, rows }: CardRowsProps) => {
                                 )}
                                 onClick={(e) => e.stopPropagation()}
                             >
-                                {data && data[row.property]}
+                                {data && (row.format ? row.format(data) : data[row.property])}
                             </Text>
                         ) : (
                             <Text
@@ -123,7 +129,7 @@ export const CardRows = ({ data, rows }: CardRowsProps) => {
                                 overflow="hidden"
                                 size={index > 0 ? 'sm' : 'md'}
                             >
-                                {data && data[row.property]}
+                                {data && (row.format ? row.format(data) : data[row.property])}
                             </Text>
                         )}
                     </Row>
@@ -151,12 +157,15 @@ export const ALBUM_CARD_ROWS: { [key: string]: CardRow<Album> } = {
         },
     },
     createdAt: {
+        format: (song) => formatDateAbsolute(song.createdAt),
         property: 'createdAt',
     },
     duration: {
+        format: (album) => (album.duration === null ? null : formatDuration(album.duration)),
         property: 'duration',
     },
     lastPlayedAt: {
+        format: (album) => formatDateRelative(album.lastPlayedAt),
         property: 'lastPlayedAt',
     },
     name: {
@@ -170,6 +179,7 @@ export const ALBUM_CARD_ROWS: { [key: string]: CardRow<Album> } = {
         property: 'playCount',
     },
     rating: {
+        format: (album) => formatRating(album),
         property: 'userRating',
     },
     releaseDate: {
@@ -208,12 +218,15 @@ export const SONG_CARD_ROWS: { [key: string]: CardRow<Song> } = {
         },
     },
     createdAt: {
+        format: (song) => formatDateAbsolute(song.createdAt),
         property: 'createdAt',
     },
     duration: {
+        format: (song) => (song.duration === null ? null : formatDuration(song.duration)),
         property: 'duration',
     },
     lastPlayedAt: {
+        format: (song) => formatDateRelative(song.lastPlayedAt),
         property: 'lastPlayedAt',
     },
     name: {
@@ -227,6 +240,7 @@ export const SONG_CARD_ROWS: { [key: string]: CardRow<Song> } = {
         property: 'playCount',
     },
     rating: {
+        format: (song) => formatRating(song),
         property: 'userRating',
     },
     releaseDate: {
@@ -242,12 +256,14 @@ export const ALBUMARTIST_CARD_ROWS: { [key: string]: CardRow<AlbumArtist> } = {
         property: 'albumCount',
     },
     duration: {
+        format: (artist) => (artist.duration === null ? null : formatDuration(artist.duration)),
         property: 'duration',
     },
     genres: {
         property: 'genres',
     },
     lastPlayedAt: {
+        format: (artist) => formatDateRelative(artist.lastPlayedAt),
         property: 'lastPlayedAt',
     },
     name: {
@@ -261,6 +277,7 @@ export const ALBUMARTIST_CARD_ROWS: { [key: string]: CardRow<AlbumArtist> } = {
         property: 'playCount',
     },
     rating: {
+        format: (artist) => formatRating(artist),
         property: 'userRating',
     },
     songCount: {
@@ -270,6 +287,8 @@ export const ALBUMARTIST_CARD_ROWS: { [key: string]: CardRow<AlbumArtist> } = {
 
 export const PLAYLIST_CARD_ROWS: { [key: string]: CardRow<Playlist> } = {
     duration: {
+        format: (playlist) =>
+            playlist.duration === null ? null : formatDuration(playlist.duration),
         property: 'duration',
     },
     name: {
@@ -295,7 +314,4 @@ export const PLAYLIST_CARD_ROWS: { [key: string]: CardRow<Playlist> } = {
     songCount: {
         property: 'songCount',
     },
-    updatedAt: {
-        property: 'songCount',
-    },
 };

src/renderer/components/card/poster-card.tsx

@@ -92,7 +92,7 @@ const Image = styled(SimpleImg)`
 
     img {
         height: 100%;
-        object-fit: cover;
+        object-fit: var(--image-fit);
     }
 `;
 
@@ -191,7 +191,7 @@ export const PosterCard = ({
             </Skeleton>
             <DetailContainer>
                 <Stack spacing="sm">
-                    {controls.cardRows.map((row, index) => (
+                    {(controls?.cardRows || []).map((row, index) => (
                         <Skeleton
                             key={`${index}-${row.arrayProperty}`}
                             visible

src/renderer/components/feature-carousel/index.tsx

@@ -14,6 +14,7 @@ import { Badge } from '/@/renderer/components/badge';
 import { AppRoute } from '/@/renderer/router/routes';
 import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add';
 import { Play } from '/@/renderer/types';
+import { usePlayButtonBehavior } from '/@/renderer/store';
 
 const Carousel = styled(motion.div)`
     position: relative;
@@ -62,7 +63,7 @@ const BackgroundImage = styled.img`
     height: 150%;
     user-select: none;
     filter: blur(24px);
-    object-fit: cover;
+    object-fit: var(--image-fit);
     object-position: 0 30%;
 `;
 
@@ -114,6 +115,7 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
     const handlePlayQueueAdd = usePlayQueueAdd();
     const [itemIndex, setItemIndex] = useState(0);
     const [direction, setDirection] = useState(0);
+    const playType = usePlayButtonBehavior();
 
     const currentItem = data?.[itemIndex];
 
@@ -205,7 +207,11 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                             </Badge>
                                         ))}
                                         <Badge size="lg">{currentItem?.releaseYear}</Badge>
-                                        <Badge size="lg">{currentItem?.songCount} tracks</Badge>
+                                        <Badge size="lg">
+                                            {t('entity.trackWithCount', {
+                                                count: currentItem?.songCount || 0,
+                                            })}
+                                        </Badge>
                                     </Group>
                                     <Group position="apart">
                                         <Button
@@ -222,11 +228,18 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                                         id: [currentItem.id],
                                                         type: LibraryItem.ALBUM,
                                                     },
-                                                    playType: Play.NOW,
+                                                    playType,
                                                 });
                                             }}
                                         >
-                                            {t('player.play', { postProcess: 'titleCase' })}
+                                            {t(
+                                                playType === Play.NOW
+                                                    ? 'player.play'
+                                                    : playType === Play.NEXT
+                                                      ? 'player.addNext'
+                                                      : 'player.addLast',
+                                                { postProcess: 'titleCase' },
+                                            )}
                                         </Button>
                                         <Group spacing="sm">
                                             <Button

src/renderer/components/grid-carousel/index.tsx

@@ -4,6 +4,7 @@ import {
     ReactNode,
     useCallback,
     useEffect,
+    useLayoutEffect,
     useMemo,
     useRef,
     useState,
@@ -114,9 +115,11 @@ export const SwiperGridCarousel = ({
     isLoading,
     uniqueId,
 }: SwiperGridCarouselProps) => {
+    const containerRef = useRef<HTMLDivElement>(null);
     const swiperRef = useRef<SwiperCore | any>(null);
     const playButtonBehavior = usePlayButtonBehavior();
     const handlePlayQueueAdd = usePlayQueueAdd();
+    const [slideCount, setSlideCount] = useState(4);
 
     useEffect(() => {
         swiperRef.current?.slideTo(0, 0);
@@ -191,23 +194,24 @@ export const SwiperGridCarousel = ({
 
     const handleNext = useCallback(() => {
         const activeIndex = swiperRef?.current?.activeIndex || 0;
-        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
+        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || slideCount));
         swiperRef?.current?.slideTo(activeIndex + slidesPerView);
-    }, [swiperProps?.slidesPerView]);
+    }, [slideCount, swiperProps?.slidesPerView]);
 
     const handlePrev = useCallback(() => {
         const activeIndex = swiperRef?.current?.activeIndex || 0;
-        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
+        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || slideCount));
         swiperRef?.current?.slideTo(activeIndex - slidesPerView);
-    }, [swiperProps?.slidesPerView]);
+    }, [slideCount, swiperProps?.slidesPerView]);
 
     const handleOnSlideChange = useCallback((e: SwiperCore) => {
         const { slides, isEnd, isBeginning, params } = e;
         if (isEnd || isBeginning) return;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params?.slidesPerView || 4) < slides.length,
-            hasPreviousPage: (params?.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
@@ -215,42 +219,67 @@ export const SwiperGridCarousel = ({
         const { slides, isEnd, isBeginning, params } = e;
         if (isEnd || isBeginning) return;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params.slidesPerView || 4) < slides.length,
-            hasPreviousPage: (params.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
     const handleOnReachEnd = useCallback((e: SwiperCore) => {
         const { slides, params } = e;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
             hasNextPage: false,
-            hasPreviousPage: (params.slidesPerView || 4) < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
     const handleOnReachBeginning = useCallback((e: SwiperCore) => {
         const { slides, params } = e;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
             hasPreviousPage: false,
         });
     }, []);
 
-    const handleOnResize = useCallback((e: SwiperCore) => {
-        if (!e) return;
-        const { width } = e;
-        const slidesPerView = getSlidesPerView(width);
-        if (!e.params) return;
-        e.params.slidesPerView = slidesPerView;
-    }, []);
+    useLayoutEffect(() => {
+        const handleResize = () => {
+            // Use the container div ref and not swiper width, as this value is more accurate
+            const width = containerRef.current?.clientWidth;
+            const { activeIndex, params, slides } =
+                (swiperRef.current as SwiperCore | undefined) ?? {};
 
-    const throttledOnResize = throttle(handleOnResize, 200);
+            if (width) {
+                const slidesPerView = getSlidesPerView(width);
+                setSlideCount(slidesPerView);
+            }
+
+            if (activeIndex !== undefined && slides && params?.slidesPerView) {
+                const slideCount = (params.slidesPerView as number | undefined) || 4;
+                setPagination({
+                    hasNextPage: activeIndex + slideCount < slides.length,
+                    hasPreviousPage: activeIndex > 0,
+                });
+            }
+        };
+
+        handleResize();
+
+        const throttledResize = throttle(handleResize, 200);
+        window.addEventListener('resize', throttledResize);
+
+        return () => {
+            window.removeEventListener('resize', throttledResize);
+        };
+    }, []);
 
     return (
         <CarouselContainer
+            ref={containerRef}
             className="grid-carousel"
             spacing="md"
         >
@@ -266,16 +295,14 @@ export const SwiperGridCarousel = ({
                 ref={swiperRef}
                 resizeObserver
                 modules={[Virtual]}
-                slidesPerView={4}
+                slidesPerView={slideCount}
                 spaceBetween={20}
                 style={{ height: '100%', width: '100%' }}
                 onBeforeInit={(swiper) => {
                     swiperRef.current = swiper;
                 }}
-                onBeforeResize={handleOnResize}
                 onReachBeginning={handleOnReachBeginning}
                 onReachEnd={handleOnReachEnd}
-                onResize={throttledOnResize}
                 onSlideChange={handleOnSlideChange}
                 onZoomChange={handleOnZoomChange}
                 {...swiperProps}

src/renderer/components/index.ts

@@ -27,6 +27,7 @@ export * from './select';
 export * from './skeleton';
 export * from './slider';
 export * from './spinner';
+export * from './spoiler';
 export * from './switch';
 export * from './tabs';
 export * from './text';

src/renderer/components/pagination/index.tsx

@@ -9,7 +9,9 @@ const StyledPagination = styled(MantinePagination)<PaginationProps>`
         color: var(--btn-default-fg);
         background-color: var(--btn-default-bg);
         border: none;
-        transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+        transition:
+            background 0.2s ease-in-out,
+            color 0.2s ease-in-out;
 
         &[data-active] {
             color: var(--btn-primary-fg);

src/renderer/components/query-builder/index.tsx

@@ -54,8 +54,10 @@ interface QueryBuilderProps {
         boolean: { label: string; value: string }[];
         date: { label: string; value: string }[];
         number: { label: string; value: string }[];
+        playlist: { label: string; value: string }[];
         string: { label: string; value: string }[];
     };
+    playlists?: { label: string; value: string }[];
     uniqueId: string;
 }
 
@@ -73,6 +75,7 @@ export const QueryBuilder = ({
     onChangeValue,
     onClearFilters,
     onResetFilters,
+    playlists,
     groupIndex,
     uniqueId,
     filters,
@@ -180,6 +183,7 @@ export const QueryBuilder = ({
                             level={level}
                             noRemove={data?.rules?.length === 1}
                             operators={operators}
+                            selectData={playlists}
                             onChangeField={onChangeField}
                             onChangeOperator={onChangeOperator}
                             onChangeValue={onChangeValue}
@@ -204,6 +208,7 @@ export const QueryBuilder = ({
                                 groupIndex={[...(groupIndex || []), index]}
                                 level={level + 1}
                                 operators={operators}
+                                playlists={playlists}
                                 uniqueId={group.uniqueId}
                                 onAddRule={onAddRule}
                                 onAddRuleGroup={onAddRuleGroup}

src/renderer/components/query-builder/query-builder-option.tsx

@@ -28,9 +28,10 @@ interface QueryOptionProps {
         number: { label: string; value: string }[];
         string: { label: string; value: string }[];
     };
+    selectData?: { label: string; value: string }[];
 }
 
-const QueryValueInput = ({ onChange, type, ...props }: any) => {
+const QueryValueInput = ({ onChange, type, data, ...props }: any) => {
     const [numberRange, setNumberRange] = useState([0, 0]);
 
     switch (type) {
@@ -59,7 +60,6 @@ const QueryValueInput = ({ onChange, type, ...props }: any) => {
                     {...props}
                 />
             );
-
         case 'dateRange':
             return (
                 <>
@@ -87,7 +87,6 @@ const QueryValueInput = ({ onChange, type, ...props }: any) => {
                     />
                 </>
             );
-
         case 'boolean':
             return (
                 <Select
@@ -99,6 +98,14 @@ const QueryValueInput = ({ onChange, type, ...props }: any) => {
                     {...props}
                 />
             );
+        case 'playlist':
+            return (
+                <Select
+                    data={data}
+                    onChange={onChange}
+                    {...props}
+                />
+            );
 
         default:
             return <></>;
@@ -116,6 +123,7 @@ export const QueryBuilderOption = ({
     onChangeField,
     onChangeOperator,
     onChangeValue,
+    selectData,
 }: QueryOptionProps) => {
     const { field, operator, uniqueId, value } = data;
 
@@ -133,10 +141,7 @@ export const QueryBuilderOption = ({
 
     const handleChangeValue = (e: any) => {
         const isDirectValue =
-            typeof e === 'string' ||
-            typeof e === 'number' ||
-            typeof e === 'undefined' ||
-            typeof e === null;
+            typeof e === 'string' || typeof e === 'number' || typeof e === 'undefined';
 
         if (isDirectValue) {
             return onChangeValue({
@@ -207,6 +212,7 @@ export const QueryBuilderOption = ({
             />
             {field ? (
                 <QueryValueInput
+                    data={selectData || []}
                     defaultValue={value}
                     maxWidth={170}
                     size="sm"

src/renderer/components/separator/index.tsx

@@ -0,0 +1,15 @@
+import { SEPARATOR_STRING } from '/@/renderer/api/utils';
+import { Text } from '/@/renderer/components/text';
+
+export const Separator = () => {
+    return (
+        <Text
+            $noSelect
+            $secondary
+            size="md"
+            style={{ display: 'inline-block', padding: '0px 3px' }}
+        >
+            {SEPARATOR_STRING}
+        </Text>
+    );
+};

src/renderer/components/spoiler/index.tsx

@@ -0,0 +1,39 @@
+import clsx from 'clsx';
+import { HTMLAttributes, ReactNode, useRef, useState } from 'react';
+import styles from './spoiler.module.scss';
+import { useIsOverflow } from '/@/renderer/hooks';
+
+interface SpoilerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    defaultOpened?: boolean;
+    maxHeight?: number;
+}
+
+export const Spoiler = ({ maxHeight, defaultOpened, children, ...props }: SpoilerProps) => {
+    const ref = useRef(null);
+    const isOverflow = useIsOverflow(ref);
+    const [isExpanded, setIsExpanded] = useState(!!defaultOpened);
+
+    const spoilerClassNames = clsx(styles.spoiler, {
+        [styles.canExpand]: isOverflow,
+        [styles.isExpanded]: isExpanded,
+    });
+
+    const handleToggleExpand = () => {
+        setIsExpanded((val) => !val);
+    };
+
+    return (
+        <div
+            ref={ref}
+            className={spoilerClassNames}
+            role="button"
+            style={{ maxHeight: maxHeight ?? '100px', whiteSpace: 'pre-wrap' }}
+            tabIndex={-1}
+            onClick={handleToggleExpand}
+            {...props}
+        >
+            {children}
+        </div>
+    );
+};

src/renderer/components/spoiler/spoiler.module.scss

@@ -0,0 +1,31 @@
+.control:hover {
+    color: var(--btn-subtle-fg-hover);
+    text-decoration: none;
+}
+
+.spoiler {
+    position: relative;
+    text-align: justify;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.spoiler:not(.is-expanded).can-expand:after {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    content: '';
+    background: linear-gradient(to top, var(--main-bg) 10%, transparent 60%);
+    pointer-events: none;
+}
+
+.spoiler.can-expand {
+    cursor: pointer;
+}
+
+.spoiler.is-expanded {
+    max-height: 2500px !important;
+}