Bump version to 10.5.5

Add title and year to posters in TV genres view

(cherry picked from commit ddc094dbfa)
Signed-off-by: Joshua M. Boniface <joshua@boniface.me>

.ci/azure-pipelines-build.yml

@@ -1,57 +0,0 @@
-jobs:
-- job: Build
-  displayName: 'Build'
-
-  strategy:
-    matrix:
-      Development:
-        BuildConfiguration: development
-      Production:
-        BuildConfiguration: production
-
-  pool:
-    vmImage: 'ubuntu-latest'
-
-  steps:
-  - task: NodeTool@0
-    displayName: 'Install Node'
-    inputs:
-      versionSpec: '12.x'
-
-  - task: Cache@2
-    displayName: 'Cache node_modules'
-    inputs:
-      key: 'yarn | yarn.lock'
-      path: 'node_modules'
-
-  - script: 'yarn install --frozen-lockfile'
-    displayName: 'Install Dependencies'
-    env:
-      SKIP_PREPARE: 'true'
-
-  - script: 'yarn build:development'
-    displayName: 'Build Development'
-    condition: eq(variables['BuildConfiguration'], 'development')
-
-  - script: 'yarn build:production'
-    displayName: 'Build Production'
-    condition: eq(variables['BuildConfiguration'], 'production')
-
-  - script: 'test -d dist'
-    displayName: 'Check Build'
-
-  - script: 'mv dist jellyfin-web'
-    displayName: 'Rename Directory'
-
-  - task: ArchiveFiles@2
-    displayName: 'Archive Directory'
-    inputs:
-      rootFolderOrFile: 'jellyfin-web'
-      includeRootFolder: true
-      archiveFile: 'jellyfin-web-$(BuildConfiguration)'
-
-  - task: PublishPipelineArtifact@1
-    displayName: 'Publish Release'
-    inputs:
-      targetPath: '$(Build.SourcesDirectory)/jellyfin-web-$(BuildConfiguration).zip'
-      artifactName: 'jellyfin-web-$(BuildConfiguration)'

.ci/azure-pipelines-package.yml

@@ -1,122 +0,0 @@
-jobs:
-- job: BuildPackage
-  displayName: 'Build Packages'
-
-  strategy:
-    matrix:
-      CentOS:
-        BuildConfiguration: centos
-      Debian:
-        BuildConfiguration: debian
-      Fedora:
-        BuildConfiguration: fedora
-      Portable:
-        BuildConfiguration: portable
-
-  pool:
-    vmImage: 'ubuntu-latest'
-
-  steps:
-  - script: 'docker build -f deployment/Dockerfile.$(BuildConfiguration) -t jellyfin-web-$(BuildConfiguration) deployment'
-    displayName: 'Build Dockerfile'
-    condition: or(startsWith(variables['Build.SourceBranch'], 'refs/tags'), startsWith(variables['Build.SourceBranch'], 'refs/heads/master'))
-
-  - script: 'docker image ls -a && docker run -v $(pwd)/deployment/dist:/dist -v $(pwd):/jellyfin -e IS_UNSTABLE="yes" -e BUILD_ID=$(Build.BuildNumber) jellyfin-web-$(BuildConfiguration)'
-    displayName: 'Run Dockerfile (unstable)'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/heads/master')
-
-  - script: 'docker image ls -a && docker run -v $(pwd)/deployment/dist:/dist -v $(pwd):/jellyfin -e IS_UNSTABLE="no" -e BUILD_ID=$(Build.BuildNumber) jellyfin-web-$(BuildConfiguration)'
-    displayName: 'Run Dockerfile (stable)'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/tags')
-
-  - task: PublishPipelineArtifact@1
-    displayName: 'Publish Release'
-    condition: or(startsWith(variables['Build.SourceBranch'], 'refs/tags'), startsWith(variables['Build.SourceBranch'], 'refs/heads/master'))
-    inputs:
-      targetPath: '$(Build.SourcesDirectory)/deployment/dist'
-      artifactName: 'jellyfin-web-$(BuildConfiguration)'
-
-  - task: SSH@0
-    displayName: 'Create target directory on repository server'
-    condition: or(startsWith(variables['Build.SourceBranch'], 'refs/tags'), startsWith(variables['Build.SourceBranch'], 'refs/heads/master'))
-    inputs:
-      sshEndpoint: repository
-      runOptions: 'inline'
-      inline: 'mkdir -p /srv/repository/incoming/azure/$(Build.BuildNumber)/$(BuildConfiguration)'
-
-  - task: CopyFilesOverSSH@0
-    displayName: 'Upload artifacts to repository server'
-    condition: or(startsWith(variables['Build.SourceBranch'], 'refs/tags'), startsWith(variables['Build.SourceBranch'], 'refs/heads/master'))
-    inputs:
-      sshEndpoint: repository
-      sourceFolder: '$(Build.SourcesDirectory)/deployment/dist'
-      contents: '**'
-      targetFolder: '/srv/repository/incoming/azure/$(Build.BuildNumber)/$(BuildConfiguration)'
-
-- job: BuildDocker
-  displayName: 'Build Docker'
-
-  pool:
-    vmImage: 'ubuntu-latest'
-
-  variables:
-  - name: JellyfinVersion
-    value: 0.0.0
-
-  steps:
-  - script: echo "##vso[task.setvariable variable=JellyfinVersion]$( awk -F '/' '{ print $NF }' <<<'$(Build.SourceBranch)' | sed 's/^v//' )"
-    displayName: Set release version (stable)
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/tags')  
-
-  - task: Docker@2
-    displayName: 'Push Unstable Image'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/heads/master')
-    inputs:
-      repository: 'jellyfin/jellyfin-web'
-      command: buildAndPush
-      buildContext: '.'
-      Dockerfile: 'deployment/Dockerfile.docker'
-      containerRegistry: Docker Hub
-      tags: |
-        unstable-$(Build.BuildNumber)
-        unstable
-
-  - task: Docker@2
-    displayName: 'Push Stable Image'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/tags')
-    inputs:
-      repository: 'jellyfin/jellyfin-web'
-      command: buildAndPush
-      buildContext: '.'
-      Dockerfile: 'deployment/Dockerfile.docker'
-      containerRegistry: Docker Hub
-      tags: |
-        stable-$(Build.BuildNumber)
-        $(JellyfinVersion)
-
-- job: CollectArtifacts
-  displayName: 'Collect Artifacts'
-  dependsOn:
-  - BuildPackage
-  - BuildDocker
-  condition: and(succeeded('BuildPackage'), succeeded('BuildDocker'))
-
-  pool:
-    vmImage: 'ubuntu-latest'
-
-  steps:
-  - task: SSH@0
-    displayName: 'Update Unstable Repository'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/heads/master')
-    inputs:
-      sshEndpoint: repository
-      runOptions: 'inline'
-      inline: 'sudo /srv/repository/collect-server.azure.sh /srv/repository/incoming/azure $(Build.BuildNumber) unstable'
-
-  - task: SSH@0
-    displayName: 'Update Stable Repository'
-    condition: startsWith(variables['Build.SourceBranch'], 'refs/tags')
-    inputs:
-      sshEndpoint: repository
-      runOptions: 'inline'
-      inline: 'sudo /srv/repository/collect-server.azure.sh /srv/repository/incoming/azure $(Build.BuildNumber)'

.ci/azure-pipelines.yml

@@ -2,15 +2,62 @@ trigger:
   batch: true
   branches:
     include:
-    - '*'
+    - master
+    - release-*
   tags:
     include:
     - '*'
-pr:
-  branches:
-    include:
-    - '*'
 
 jobs:
-- template: azure-pipelines-build.yml
-- template: azure-pipelines-package.yml
+  - job: main_build
+    displayName: 'Main Build'
+
+    dependsOn: lint
+    condition: succeeded()
+
+    pool:
+      vmImage: 'ubuntu-latest'
+
+    steps:
+    - task: NodeTool@0
+      displayName: 'Install Node'
+      inputs:
+        versionSpec: '10.x'
+
+    - script: 'yarn install'
+      displayName: 'Install Dependencies'
+
+    - script: 'test -d dist'
+      displayName: 'Check Build'
+
+    - script: 'yarn pack --filename jellyfin-web.tgz'
+      displayName: 'Bundle Release'
+
+    - task: PublishPipelineArtifact@1
+      displayName: 'Publish Release'
+      condition: succeeded()
+      inputs:
+        targetPath: '$(Build.SourcesDirectory)/jellyfin-web.tgz'
+        artifactName: 'jellyfin-web'
+
+  - job: lint
+    displayName: 'Lint'
+
+    pool:
+      vmImage: 'ubuntu-latest'
+
+    steps:
+    - task: NodeTool@0
+      displayName: 'Install Node'
+      inputs:
+        versionSpec: '10.x'
+
+    - script: 'yarn install'
+      displayName: 'Install Dependencies'
+
+    - script: 'yarn run lint'
+      displayName: 'Run ESLint'
+
+    - script: |
+        yarn run stylelint
+      displayName: 'Run stylelint'

.copr/Makefile

@@ -1 +0,0 @@
-../fedora/Makefile

.editorconfig

@@ -7,6 +7,3 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 end_of_line = lf
-
-[*.json]
-indent_size = 2

.eslintignore

@@ -1,4 +1 @@
-node_modules
-dist
-.idea
-.vscode
+libraries/

.eslintrc.js

@@ -1,196 +0,0 @@
-const restrictedGlobals = require('confusing-browser-globals');
-
-module.exports = {
-    root: true,
-    plugins: [
-        '@babel',
-        'promise',
-        'import',
-        'eslint-comments'
-    ],
-    env: {
-        node: true,
-        es6: true,
-        es2017: true,
-        es2020: true
-    },
-    parserOptions: {
-        ecmaVersion: 2020,
-        sourceType: 'module',
-        ecmaFeatures: {
-            impliedStrict: true
-        }
-    },
-    extends: [
-        'eslint:recommended',
-        // 'plugin:promise/recommended',
-        'plugin:import/errors',
-        'plugin:eslint-comments/recommended',
-        'plugin:compat/recommended'
-    ],
-    rules: {
-        'block-spacing': ['error'],
-        'brace-style': ['error', '1tbs', { 'allowSingleLine': true }],
-        'comma-dangle': ['error', 'never'],
-        'comma-spacing': ['error'],
-        'eol-last': ['error'],
-        'indent': ['error', 4, { 'SwitchCase': 1 }],
-        'keyword-spacing': ['error'],
-        'max-statements-per-line': ['error'],
-        'no-floating-decimal': ['error'],
-        'no-multi-spaces': ['error'],
-        'no-multiple-empty-lines': ['error', { 'max': 1 }],
-        'no-restricted-globals': ['error'].concat(restrictedGlobals),
-        'no-trailing-spaces': ['error'],
-        '@babel/no-unused-expressions': ['error', { 'allowShortCircuit': true, 'allowTernary': true, 'allowTaggedTemplates': true }],
-        'one-var': ['error', 'never'],
-        'padded-blocks': ['error', 'never'],
-        'prefer-const': ['error', {'destructuring': 'all'}],
-        'quotes': ['error', 'single', { 'avoidEscape': true, 'allowTemplateLiterals': false }],
-        '@babel/semi': ['error'],
-        'no-var': ['error'],
-        'space-before-blocks': ['error'],
-        'space-infix-ops': 'error',
-        'yoda': 'error'
-    },
-    overrides: [
-        {
-            files: [
-                './src/**/*.js'
-            ],
-            parser: '@babel/eslint-parser',
-            env: {
-                node: false,
-                amd: true,
-                browser: true,
-                es6: true,
-                es2017: true,
-                es2020: true
-            },
-            globals: {
-                // Browser globals
-                'MediaMetadata': 'readonly',
-                // Tizen globals
-                'tizen': 'readonly',
-                'webapis': 'readonly',
-                // WebOS globals
-                'webOS': 'readonly',
-                // Dependency globals
-                '$': 'readonly',
-                'jQuery': 'readonly',
-                // Jellyfin globals
-                'ApiClient': 'writable',
-                'chrome': 'writable',
-                'DlnaProfilePage': 'writable',
-                'DashboardPage': 'writable',
-                'Emby': 'readonly',
-                'getParameterByName': 'writable',
-                'getWindowLocationSearch': 'writable',
-                'Globalize': 'writable',
-                'Hls': 'writable',
-                'dfnshelper': 'writable',
-                'LibraryMenu': 'writable',
-                'LinkParser': 'writable',
-                'LiveTvHelpers': 'writable',
-                'Loading': 'writable',
-                'MetadataEditor': 'writable',
-                'PlaylistViewer': 'writable',
-                'UserParentalControlPage': 'writable',
-                'Windows': 'readonly'
-            },
-            rules: {
-                // TODO: Fix warnings and remove these rules
-                'no-redeclare': ['warn'],
-                'no-useless-escape': ['warn'],
-                'no-unused-vars': ['warn']
-            },
-            settings: {
-                polyfills: [
-                    // Native Promises Only
-                    'Promise',
-                    // whatwg-fetch
-                    'fetch',
-                    // document-register-element
-                    'document.registerElement',
-                    // resize-observer-polyfill
-                    'ResizeObserver',
-                    // fast-text-encoding
-                    'TextEncoder',
-                    // intersection-observer
-                    'IntersectionObserver',
-                    // Core-js
-                    'Object.assign',
-                    'Object.is',
-                    'Object.setPrototypeOf',
-                    'Object.toString',
-                    'Object.freeze',
-                    'Object.seal',
-                    'Object.preventExtensions',
-                    'Object.isFrozen',
-                    'Object.isSealed',
-                    'Object.isExtensible',
-                    'Object.getOwnPropertyDescriptor',
-                    'Object.getPrototypeOf',
-                    'Object.keys',
-                    'Object.entries',
-                    'Object.getOwnPropertyNames',
-                    'Function.name',
-                    'Function.hasInstance',
-                    'Array.from',
-                    'Array.arrayOf',
-                    'Array.copyWithin',
-                    'Array.fill',
-                    'Array.find',
-                    'Array.findIndex',
-                    'Array.iterator',
-                    'String.fromCodePoint',
-                    'String.raw',
-                    'String.iterator',
-                    'String.codePointAt',
-                    'String.endsWith',
-                    'String.includes',
-                    'String.repeat',
-                    'String.startsWith',
-                    'String.trim',
-                    'String.anchor',
-                    'String.big',
-                    'String.blink',
-                    'String.bold',
-                    'String.fixed',
-                    'String.fontcolor',
-                    'String.fontsize',
-                    'String.italics',
-                    'String.link',
-                    'String.small',
-                    'String.strike',
-                    'String.sub',
-                    'String.sup',
-                    'RegExp',
-                    'Number',
-                    'Math',
-                    'Date',
-                    'async',
-                    'Symbol',
-                    'Map',
-                    'Set',
-                    'WeakMap',
-                    'WeakSet',
-                    'ArrayBuffer',
-                    'DataView',
-                    'Int8Array',
-                    'Uint8Array',
-                    'Uint8ClampedArray',
-                    'Int16Array',
-                    'Uint16Array',
-                    'Int32Array',
-                    'Uint32Array',
-                    'Float32Array',
-                    'Float64Array',
-                    'Reflect',
-                    // Temporary while eslint-compat-plugin is buggy
-                    'document.querySelector'
-                ]
-            }
-        }
-    ]
-};

.eslintrc.yml

@@ -0,0 +1,71 @@
+env:
+  es6: false
+  browser: true
+  amd: true
+
+globals:
+  # New browser globals
+  DataView: readonly
+  MediaMetadata: readonly
+  Promise: readonly
+  # Deprecated browser globals
+  DocumentTouch: readonly
+  # Tizen globals
+  tizen: readonly
+  webapis: readonly
+  # WebOS globals
+  webOS: readonly
+  # Dependency globals
+  $: readonly
+  jQuery: readonly
+  queryString: readonly
+  requirejs: readonly
+  # Jellyfin globals
+  ApiClient: writable
+  AppInfo: writable
+  chrome: writable
+  ConnectionManager: writable
+  DlnaProfilePage: writable
+  Dashboard: writable
+  DashboardPage: writable
+  Emby: readonly
+  Events: writable
+  getParameterByName: writable
+  getWindowLocationSearch: writable
+  Globalize: writable
+  Hls: writable
+  humaneDate: writable
+  humaneElapsed: writable
+  LibraryMenu: writable
+  LinkParser: writable
+  LiveTvHelpers: writable
+  MetadataEditor: writable
+  pageClassOn: writable
+  pageIdOn: writable
+  PlaylistViewer: writable
+  UserParentalControlPage: writable
+  Windows: readonly
+
+extends:
+  - eslint:recommended
+
+rules:
+  block-spacing: ["error"]
+  brace-style: ["error"]
+  comma-dangle: ["error", "never"]
+  comma-spacing: ["error"]
+  eol-last: ["error"]
+  indent: ["error", 4, { "SwitchCase": 1 }]
+  keyword-spacing: ["error"]
+  max-statements-per-line: ["error"]
+  no-floating-decimal: ["error"]
+  no-multi-spaces: ["error"]
+  no-multiple-empty-lines: ["error", { "max": 1 }]
+  no-trailing-spaces: ["error"]
+  one-var: ["error", "never"]
+  semi: ["warn"]
+  space-before-blocks: ["error"]
+  # TODO: Fix warnings and remove these rules
+  no-redeclare: ["warn"]
+  no-unused-vars: ["warn"]
+  no-useless-escape: ["warn"]

.gitattributes

@@ -1,35 +1 @@
-*               text=auto
-
-CONTRIBUTORS.md merge=union
-README.md         text
-LICENSE         text
-
-*.css           text
-*.eot           binary
-*.gif           binary
-*.html          text diff=html
-*.ico           binary
-*.*ignore       text
-*.jpg           binary
-*.js            text
-*.json          text
-*.lock          text -diff
-*.map           text -diff
-*.md            text
-*.otf           binary
-*.png           binary
-*.py            text diff=python
-*.svg           binary
-*.ts            text
-*.ttf           binary
-*.sass          text
-*.vue           text
-*.webp          binary
-*.woff          binary
-*.woff2         binary
-
-.editorconfig   text
-.gitattributes  export-ignore
-.gitignore      export-ignore
-
-*.gitattributes linguist-language=gitattributes
+/CONTRIBUTORS.md merge=union

.github/CODEOWNERS

@@ -1,6 +0,0 @@
-.ci             @dkanada @EraYaN
-.github         @jellyfin/core
-fedora          @joshuaboniface
-debian          @joshuaboniface
-.copr           @joshuaboniface
-deployment      @joshuaboniface

.github/ISSUE_TEMPLATE/2-playback-issue.md

@@ -1,22 +0,0 @@
----
-name: Playback Issue
-about: You have playback issues with some files
-labels: playback
----
-
-**Describe The Bug**
-<!-- A clear and concise description of what the bug is. -->
-
-**Media Information**
-<!-- Please paste any ffprobe or MediaInfo logs. -->
-
-**Screenshots**
-<!-- Add screenshots from the Playback Data and Media Info. -->
-
-**System (please complete the following information):**
- - Platform: [e.g. Linux, Windows, iPhone, Tizen]
- - Browser: [e.g. Firefox, Chrome, Safari]
- - Jellyfin Version: [e.g. 10.6.0]
-
-**Additional Context**
-<!-- Add any other context about the problem here. -->

.github/ISSUE_TEMPLATE/3-technical-discussion.md

@@ -1,13 +0,0 @@
----
-name: Technical Discussion
-about: You want to discuss technical aspects of changes you intend to make
-labels: enhancement
----
-
-<!-- Explain the change and the motivations behind it.
-
-For example, if you plan to rely on a new dependency, explain why and what
-it brings to the project.
-
-If you plan to make significant changes, go roughly over the steps you intend
-to take and how you would divide the change in PRs of a manageable size. -->

.github/ISSUE_TEMPLATE/4-meta-issue.md

@@ -1,9 +0,0 @@
----
-name: Meta Issue
-about: You want to track a number of other issues as part of a larger project
-labels: meta
----
-
-* [ ] Issue 1 [#123]
-* [ ] Issue 2 [#456]
-* [ ] ...

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,20 +1,23 @@
 ---
-name: Bug Report
-about: You have noticed a general issue or regression, and would like to report it
+name: Bug report
+about: Create a bug report
+title: ''
 labels: bug
+assignees: ''
+
 ---
 
-**Describe The Bug**
+**Describe the bug**
 <!-- A clear and concise description of what the bug is. -->
 
-**Steps To Reproduce**
+**To Reproduce**
 <!-- Steps to reproduce the behavior: -->
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error
 
-**Expected Behavior**
+**Expected behavior**
 <!-- A clear and concise description of what you expected to happen. -->
 
 **Logs**
@@ -24,9 +27,9 @@ labels: bug
 <!-- If applicable, add screenshots to help explain your problem. -->
 
 **System (please complete the following information):**
- - Platform: [e.g. Linux, Windows, iPhone, Tizen]
+ - OS: [e.g. Docker, Debian, Windows]
  - Browser: [e.g. Firefox, Chrome, Safari]
- - Jellyfin Version: [e.g. 10.6.0]
+ - Jellyfin Version: [e.g. 10.0.1]
 
-**Additional Context**
+**Additional context**
 <!-- Add any other context about the problem here. -->

.github/ISSUE_TEMPLATE/config.yml

@@ -1,8 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: Feature Request
-    url: https://features.jellyfin.org/
-    about: Please head over to our feature request hub to vote on or submit a feature.
-  - name: Help Or Question
-    url: https://matrix.to/#/#jellyfin-troubleshooting:matrix.org
-    about: Please join the troubleshooting Matrix channel to get some help.

.github/SUPPORT.md

@@ -1,24 +0,0 @@
-# Support
-
-Jellyfin contributors have limited availability to address general support
-questions. Please make sure you are using the latest version of Jellyfin.
-
-When looking for support or information, please first search for your
-question in these venues:
-
-* [Jellyfin Forum](https://forum.jellyfin.org)
-* [Jellyfin Documentation](https://docs.jellyfin.org)
-* [Open or **closed** issues in the organization](https://github.com/issues?q=sort%3Aupdated-desc+org%3Ajellyfin+is%3Aissue+)
-
-If you didn't find an answer in the resources above, contributors and other
-users are reachable through the following channels:
-
-* #jellyfin on [Matrix](https://matrix.to/#/#jellyfin:matrix.org%22) or [IRC](https://webchat.freenode.net/#jellyfin)
-* #jellyfin-troubleshooting on [Matrix](https://matrix.to/#/#jellyfin-troubleshooting:matrix.org) or [IRC](https://webchat.freenode.net/#jellyfin-troubleshooting)
-* [/r/jellyfin on Reddit](https://www.reddit.com/r/jellyfin)
-
-GitHub issues are for tracking enhancements and bugs, not general support.
-
-The open source license grants you the freedom to use Jellyfin.
-It does not guarantee commitments of other people's time.
-Please be respectful and manage your expectations.

.github/dependabot.yaml

@@ -1,7 +0,0 @@
-version: 2
-updates:
-    - package-ecosystem: npm
-      directory: /
-      schedule:
-          interval: weekly
-      open-pull-requests-limit: 10

.github/workflows/codeql-analysis.yml

@@ -1,31 +0,0 @@
-name: "CodeQL"
-
-on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
-  schedule:
-    - cron: '30 7 * * 6'
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: [ 'javascript' ]
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        queries: +security-extended
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1

.github/workflows/lint.yml

@@ -1,95 +0,0 @@
-name: Lint
-
-on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
-
-jobs:
-  run-eslint:
-    name: Run eslint
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Check out Git repository
-        uses: actions/checkout@v2
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: 12
-
-      - name: Cache dependencies
-        uses: actions/cache@v2
-        with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-      - name: Install Node.js dependencies
-        run: yarn install --frozen-lockfile
-        env:
-          SKIP_PREPARE: true
-
-      - name: Run eslint
-        run: yarn lint
-
-  run-stylelint-css:
-    name: Run stylelint (css)
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Check out Git repository
-        uses: actions/checkout@v2
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: 12
-
-      - name: Set up stylelint matcher
-        uses: xt0rted/stylelint-problem-matcher@v1
-
-      - name: Cache dependencies
-        uses: actions/cache@v2
-        with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-      - name: Install Node.js dependencies
-        run: yarn install --frozen-lockfile
-        env:
-          SKIP_PREPARE: true
-
-      - name: Run stylelint
-        run: yarn stylelint:css
-
-  run-stylelint-scss:
-    name: Run stylelint (scss)
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Check out Git repository
-        uses: actions/checkout@v2
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v1
-        with:
-          node-version: 12
-
-      - name: Set up stylelint matcher
-        uses: xt0rted/stylelint-problem-matcher@v1
-
-      - name: Cache dependencies
-        uses: actions/cache@v2
-        with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-      - name: Install Node.js dependencies
-        run: yarn install --frozen-lockfile
-        env:
-          SKIP_PREPARE: true
-
-      - name: Run stylelint
-        run: yarn stylelint:scss

.github/workflows/merge-conflicts.yml

@@ -1,15 +0,0 @@
-name: "Merge Conflicts"
-
-on:
-  push:
-    branches:
-      - master
-jobs:
-  triage:
-    runs-on: ubuntu-latest
-    if: github.repository == 'jellyfin/jellyfin-web'
-    steps:
-      - uses: mschilde/auto-label-merge-conflicts@master
-        with:
-          CONFLICT_LABEL_NAME: "merge conflict"
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,14 +1,578 @@
-# npm
+
+# Created by https://www.gitignore.io/api/node,rider,macos,linux,windows,visualstudio,visualstudiocode
+# Edit at https://www.gitignore.io/?templates=node,rider,macos,linux,windows,visualstudio,visualstudiocode
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Dependency lockfile
+package-lock.json
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+### Rider ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+### VisualStudio ###
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+[Ll]og/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUNIT
+*.VisualState.xml
+TestResult.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# JustCode is a .NET coding add-in
+.JustCode
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+# ASP.NET Core default setup: bower directory is configured as wwwroot/lib/ and bower restore is true
+**/wwwroot/lib/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- Backup*.rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# JetBrains Rider
+.idea/
+*.sln.iml
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# End of https://www.gitignore.io/api/node,rider,macos,linux,windows,visualstudio,visualstudiocode
+
+# dist for webpack output
 dist
-web
-node_modules
-
-# config
-config.json
-
-# ide
-.idea
-.vscode
-
-# log
-yarn-error.log

.stylelintrc

@@ -1,14 +1,14 @@
 {
   "plugins": [
-		"stylelint-no-browser-hacks/lib"
+		"stylelint-no-browser-hacks/lib",
 	],
   "rules": {
     "at-rule-empty-line-before": [ "always", {
-      "except": [
+      except: [
         "blockless-after-same-name-blockless",
-        "first-nested"
+        "first-nested",
       ],
-      "ignore": ["after-comment"]
+      ignore: ["after-comment"],
     } ],
     "at-rule-name-case": "lower",
     "at-rule-name-space-after": "always-single-line",
@@ -26,27 +26,27 @@
     "color-hex-length": "short",
     "color-no-invalid-hex": true,
     "comment-empty-line-before": [ "always", {
-      "except": ["first-nested"],
-      "ignore": ["stylelint-commands"]
+      except: ["first-nested"],
+      ignore: ["stylelint-commands"],
     } ],
     "comment-no-empty": true,
     "comment-whitespace-inside": "always",
     "custom-property-empty-line-before": [ "always", {
-      "except": [
+      except: [
         "after-custom-property",
-        "first-nested"
+        "first-nested",
       ],
-      "ignore": [
+      ignore: [
         "after-comment",
-        "inside-single-line-block"
-      ]
+        "inside-single-line-block",
+      ],
     } ],
     "declaration-bang-space-after": "never",
     "declaration-bang-space-before": "always",
     "declaration-block-no-duplicate-properties": [
       true,
       {
-        "ignore": ["consecutive-duplicates-with-different-values"]
+        ignore: ["consecutive-duplicates-with-different-values"]
       }
     ],
     "declaration-block-no-shorthand-property-overrides": true,
@@ -105,8 +105,8 @@
       }
     ],
     "rule-empty-line-before": [ "always-multi-line", {
-      "except": ["first-nested"],
-      "ignore": ["after-comment"]
+      except: ["first-nested"],
+      ignore: ["after-comment"],
     } ],
     "selector-attribute-brackets-space-inside": "never",
     "selector-attribute-operator-space-after": "never",
@@ -138,6 +138,6 @@
     "value-list-comma-newline-after": "always-multi-line",
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",
-    "value-list-max-empty-lines": 0
+    "value-list-max-empty-lines": 0,
   }
 }

.stylelintrc.scss.json

@@ -1,9 +0,0 @@
-{
-  "extends": [ "./.stylelintrc.json" ],
-  "plugins": [ "stylelint-scss" ],
-  "rules": {
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true,
-    "plugin/no-browser-hacks": null
-  }
-}

CONTRIBUTORS.md

@@ -34,17 +34,6 @@
  - [Ryan Hartzell](https://github.com/ryan-hartzell)
  - [Thibault Nocchi](https://github.com/ThibaultNocchi)
  - [MrTimscampi](https://github.com/MrTimscampi)
- - [artiume](https://github.com/Artiume)
- - [ConfusedPolarBear](https://github.com/ConfusedPolarBear)
- - [Sarab Singh](https://github.com/sarab97)
- - [DesertCookie](https://github.com/desertcookie)
- - [GuilhermeHideki](https://github.com/GuilhermeHideki)
- - [Andrei Oanca](https://github.com/OancaAndrei)
- - [Cromefire_](https://github.com/cromefire)
- - [Orry Verducci](https://github.com/orryverducci)
- - [Camc314](https://github.com/camc314)
- - [danieladov](https://github.com/danieladov)
- - [Stephane Senart](https://github.com/ssenart)
 
 # Emby Contributors
 

README.md

@@ -44,33 +44,21 @@ Jellyfin Web is the frontend used for most of the clients available for end user
 
 ### Dependencies
 
-- [Node.js](https://nodejs.org/en/download)
-- [Yarn 1.22.4](https://classic.yarnpkg.com/en/docs/install)
-- Gulp-cli
+- Yarn
 
 ### Getting Started
 
 1. Clone or download this repository.
-
    ```sh
    git clone https://github.com/jellyfin/jellyfin-web.git
    cd jellyfin-web
    ```
-
 2. Install build dependencies in the project directory.
-
    ```sh
    yarn install
    ```
 
 3. Run the web client with webpack for local development.
-
    ```sh
    yarn serve
    ```
-
-4. Build the client with sourcemaps available.
-
-   ```sh
-   yarn build:development
-   ```

babel.config.js

@@ -1,21 +0,0 @@
-module.exports = {
-    babelrcRoots: [
-        // Keep the root as a root
-        '.'
-    ],
-    sourceType: 'unambiguous',
-    presets: [
-        [
-            '@babel/preset-env',
-            {
-                useBuiltIns: 'usage',
-                corejs: 3
-            }
-        ]
-    ],
-    plugins: [
-        '@babel/plugin-proposal-class-properties',
-        '@babel/plugin-proposal-private-methods',
-        'babel-plugin-dynamic-import-polyfill'
-    ]
-};

build.sh

@@ -1,110 +0,0 @@
-#!/usr/bin/env bash
-
-# build.sh - Build Jellyfin binary packages
-# Part of the Jellyfin Project
-
-set -o errexit
-set -o pipefail
-
-usage() {
-    echo -e "build.sh - Build Jellyfin binary packages"
-    echo -e "Usage:"
-    echo -e "  $0 -t/--type <BUILD_TYPE> -p/--platform <PLATFORM> [-k/--keep-artifacts] [-l/--list-platforms]"
-    echo -e "Notes:"
-    echo -e "  * BUILD_TYPE can be one of: [native, docker] and must be specified"
-    echo -e "    * native: Build using the build script in the host OS"
-    echo -e "    * docker: Build using the build script in a standardized Docker container"
-    echo -e "  * PLATFORM can be any platform shown by -l/--list-platforms and must be specified"
-    echo -e "  * If -k/--keep-artifacts is specified, transient artifacts (e.g. Docker containers) will be"
-    echo -e "    retained after the build is finished; the source directory will still be cleaned"
-    echo -e "  * If -l/--list-platforms is specified, all other arguments are ignored; the script will print"
-    echo -e "    the list of supported platforms and exit"
-}
-
-list_platforms() {
-    declare -a platforms
-    platforms=(
-        $( find deployment -maxdepth 1 -mindepth 1 -name "build.*" | awk -F'.' '{ $1=""; printf $2; if ($3 != ""){ printf "." $3; }; if ($4 != ""){ printf "." $4; };  print ""; }' | sort )
-    )
-    echo -e "Valid platforms:"
-    echo
-    for platform in ${platforms[@]}; do
-        echo -e "* ${platform} : $( grep '^#=' deployment/build.${platform} | sed 's/^#= //' )"
-    done
-}
-
-do_build_native() {
-    export IS_DOCKER=NO
-    deployment/build.${PLATFORM}
-}
-
-do_build_docker() {
-    if ! dpkg --print-architecture | grep -q 'amd64'; then
-        echo "Docker-based builds only support amd64-based cross-building; use a 'native' build instead."
-        exit 1
-    fi
-    if [[ ! -f deployment/Dockerfile.${PLATFORM} ]]; then
-        echo "Missing Dockerfile for platform ${PLATFORM}"
-        exit 1
-    fi
-    if [[ ${KEEP_ARTIFACTS} == YES ]]; then
-        docker_args=""
-    else
-        docker_args="--rm"
-    fi
-
-    docker build . -t "jellyfin-builder.${PLATFORM}" -f deployment/Dockerfile.${PLATFORM}
-    mkdir -p ${ARTIFACT_DIR}
-    docker run $docker_args -v "${SOURCE_DIR}:/jellyfin" -v "${ARTIFACT_DIR}:/dist" "jellyfin-builder.${PLATFORM}"
-}
-
-while [[ $# -gt 0 ]]; do
-    key="$1"
-    case $key in
-        -t|--type)
-        BUILD_TYPE="$2"
-        shift
-        shift
-        ;;
-        -p|--platform)
-        PLATFORM="$2"
-        shift
-        shift
-        ;;
-        -k|--keep-artifacts)
-        KEEP_ARTIFACTS=YES
-        shift
-        ;;
-        -l|--list-platforms)
-        list_platforms
-        exit 0
-        ;;
-        -h|--help)
-        usage
-        exit 0
-        ;;
-        *)
-        echo "Unknown option $1"
-        usage
-        exit 1
-        ;;
-    esac
-done
-
-if [[ -z ${BUILD_TYPE} || -z ${PLATFORM} ]]; then
-    usage
-    exit 1
-fi
-
-export SOURCE_DIR="$( pwd )"
-export ARTIFACT_DIR="${SOURCE_DIR}/../bin/${PLATFORM}"
-
-# Determine build type
-case ${BUILD_TYPE} in
-    native)
-        do_build_native
-    ;;
-    docker)
-        do_build_docker
-    ;;
-esac

build.yaml

@@ -1,9 +0,0 @@
----
-# We just wrap `build` so this is really it
-name: "jellyfin-web"
-version: "10.7.7"
-packages:
-  - debian.all
-  - fedora.all
-  - centos.all
-  - portable

bump_version

@@ -1,91 +0,0 @@
-#!/usr/bin/env bash
-
-# bump_version - increase the shared version and generate changelogs
-
-set -o errexit
-set -o pipefail
-set -o xtrace
-
-usage() {
-    echo -e "bump_version - increase the shared version and generate changelogs"
-    echo -e ""
-    echo -e "Usage:"
-    echo -e " $ bump_version <new_version>"
-}
-
-if [[ -z $1 ]]; then
-    usage
-    exit 1
-fi
-
-shared_version_file="src/components/apphost.js"
-build_file="./build.yaml"
-
-new_version="$1"
-
-# Parse the version from shared version file
-old_version="$( grep "appVersion" ${shared_version_file} | head -1 | sed -E "s/var appVersion = '([0-9\.]+)';/\1/" | tr -d '[:space:]' )"
-echo "Old version in appHost is: $old_version"
-
-# Set the shared version to the specified new_version
-old_version_sed="$( sed 's/\./\\./g' <<<"${old_version}" )" # Escape the '.' chars
-new_version_sed="$( cut -f1 -d'-' <<<"${new_version}" )"
-sed -i "s/${old_version_sed}/${new_version_sed}/g" ${shared_version_file}
-
-old_version="$( grep "version:" ${build_file} | sed -E 's/version: "([0-9\.]+[-a-z0-9]*)"/\1/' )"
-echo "Old version in ${build_file}: ${old_version}"
-
-# Set the build.yaml version to the specified new_version
-old_version_sed="$( sed 's/\./\\./g' <<<"${old_version}" )" # Escape the '.' chars
-sed -i "s/${old_version_sed}/${new_version}/g" ${build_file}
-
-if [[ ${new_version} == *"-"* ]]; then
-    new_version_deb="$( sed 's/-/~/g' <<<"${new_version}" )"
-else
-    new_version_deb="${new_version}-1"
-fi
-
-# Write out a temporary Debian changelog with our new stuff appended and some templated formatting
-debian_changelog_file="debian/changelog"
-debian_changelog_temp="$( mktemp )"
-# Create new temp file with our changelog
-echo -e "jellyfin-web (${new_version_deb}) unstable; urgency=medium
-
-  * New upstream version ${new_version}; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v${new_version}
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  $( date --rfc-2822 )
-" >> ${debian_changelog_temp}
-cat ${debian_changelog_file} >> ${debian_changelog_temp}
-# Move into place
-mv ${debian_changelog_temp} ${debian_changelog_file}
-
-# Write out a temporary Yum changelog with our new stuff prepended and some templated formatting
-fedora_spec_file="fedora/jellyfin-web.spec"
-fedora_changelog_temp="$( mktemp )"
-fedora_spec_temp_dir="$( mktemp -d )"
-fedora_spec_temp="${fedora_spec_temp_dir}/jellyfin-web.spec.tmp"
-# Make a copy of our spec file for hacking
-cp ${fedora_spec_file} ${fedora_spec_temp_dir}/
-pushd ${fedora_spec_temp_dir}
-# Split out the stuff before and after changelog
-csplit jellyfin-web.spec  "/^%changelog/" # produces xx00 xx01
-# Update the version in xx00
-sed -i "s/${old_version_sed}/${new_version_sed}/g" xx00
-# Remove the header from xx01
-sed -i '/^%changelog/d' xx01
-# Create new temp file with our changelog
-echo -e "%changelog
-* $( LANG=C date '+%a %b %d %Y' ) Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version ${new_version}; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v${new_version}" >> ${fedora_changelog_temp}
-cat xx01 >> ${fedora_changelog_temp}
-# Reassembble
-cat xx00 ${fedora_changelog_temp} > ${fedora_spec_temp}
-popd
-# Move into place
-mv ${fedora_spec_temp} ${fedora_spec_file}
-# Clean up
-rm -rf ${fedora_changelog_temp} ${fedora_spec_temp_dir}
-
-# Stage the changed files for commit
-git add ${shared_version_file} ${build_file} ${debian_changelog_file} ${fedora_spec_file}
-git status

debian/changelog

@@ -1,45 +0,0 @@
-jellyfin-web (10.7.7-1) unstable; urgency=medium
-
-  * New upstream version 10.7.7; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.7
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Sun, 05 Sep 2021 22:32:59 -0400
-
-jellyfin-web (10.7.6-1) unstable; urgency=medium
-
-  * New upstream version 10.7.6; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.6
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Thu, 20 May 2021 22:06:52 -0400
-
-jellyfin-web (10.7.5-1) unstable; urgency=medium
-
-  * New upstream version 10.7.5; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.5
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Tue, 04 May 2021 22:08:30 -0400
-
-jellyfin-web (10.7.4-1) unstable; urgency=medium
-
-  * New upstream version 10.7.4; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.4
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Tue, 04 May 2021 21:16:07 -0400
-
-jellyfin-web (10.7.3-1) unstable; urgency=medium
-
-  * New upstream version 10.7.3; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.3
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Tue, 04 May 2021 20:00:22 -0400
-
-jellyfin-web (10.7.2-1) unstable; urgency=medium
-
-  * New upstream version 10.7.2; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.2
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Sun, 11 Apr 2021 14:19:38 -0400
-
-jellyfin-web (10.7.1-1) unstable; urgency=medium
-
-  * New upstream version 10.7.1; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.1
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  Sun, 21 Mar 2021 19:23:29 -0400
-
-jellyfin-web (10.7.0-1) unstable; urgency=medium
-
-  * New upstream version 10.7.0; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.0

debian/compat

@@ -1 +0,0 @@
-8

debian/conffiles

@@ -1 +0,0 @@
-/usr/share/jellyfin/web/config.json

debian/control

@@ -1,16 +0,0 @@
-Source: jellyfin-web
-Section: misc
-Priority: optional
-Maintainer: Jellyfin Team <team@jellyfin.org>
-Build-Depends:  debhelper (>= 9),
-                npm | nodejs
-Standards-Version: 3.9.4
-Homepage: https://jellyfin.org/
-Vcs-Git: https://github.org/jellyfin/jellyfin-web.git
-Vcs-Browser: https://github.org/jellyfin/jellyfin-web
-
-Package: jellyfin-web
-Recommends: jellyfin-server
-Architecture: all
-Description: Jellyfin is the Free Software Media System.
- This package provides the Jellyfin web client.

debian/copyright

@@ -1,28 +0,0 @@
-Format: http://dep.debian.net/deps/dep5
-Upstream-Name: jellyfin-web
-Source: https://github.com/jellyfin/jellyfin-web
-
-Files: *
-Copyright: 2018-2020 Jellyfin Team
-License: GPL-3.0
-
-Files: debian/*
-Copyright: 2020 Joshua Boniface <joshua@boniface.me>
-License: GPL-3.0
-
-License: GPL-3.0
- This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation; either version 2 of the License, or
- (at your option) any later version.
- .
- This package is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- GNU General Public License for more details.
- .
- You should have received a copy of the GNU General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>
- .
- On Debian systems, the complete text of the GNU General
- Public License version 2 can be found in "/usr/share/common-licenses/GPL-2".

debian/gbp.conf

@@ -1,6 +0,0 @@
-[DEFAULT]
-pristine-tar = False
-cleaner = fakeroot debian/rules clean
-
-[import-orig]
-filter = [ ".git*", ".hg*", ".vs*", ".vscode*" ]

debian/install

@@ -1 +0,0 @@
-web usr/share/jellyfin/

debian/po/POTFILES.in

@@ -1 +0,0 @@
-[type: gettext/rfc822deb] templates

debian/po/templates.pot

@@ -1,57 +0,0 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
-#
-#, fuzzy
-msgid ""
-msgstr ""
-"Project-Id-Version: jellyfin-server\n"
-"Report-Msgid-Bugs-To: jellyfin-server@packages.debian.org\n"
-"POT-Creation-Date: 2015-06-12 20:51-0600\n"
-"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
-"MIME-Version: 1.0\n"
-"Content-Type: text/plain; charset=CHARSET\n"
-"Content-Transfer-Encoding: 8bit\n"
-
-#. Type: note
-#. Description
-#: ../templates:1001
-msgid "Jellyfin permission info:"
-msgstr ""
-
-#. Type: note
-#. Description
-#: ../templates:1001
-msgid ""
-"Jellyfin by default runs under a user named \"jellyfin\".  Please ensure that the "
-"user jellyfin has read and write access to any folders you wish to add to your "
-"library. Otherwise please run jellyfin under a different user."
-msgstr ""
-
-#. Type: string
-#. Description
-#: ../templates:2001
-msgid "Username to run Jellyfin as:"
-msgstr ""
-
-#. Type: string
-#. Description
-#: ../templates:2001
-msgid "The user that jellyfin will run as."
-msgstr ""
-
-#. Type: note
-#. Description
-#: ../templates:3001
-msgid "Jellyfin still running"
-msgstr ""
-
-#. Type: note
-#. Description
-#: ../templates:3001
-msgid "Jellyfin is currently running. Please close it and try again."
-msgstr ""

debian/rules

@@ -1,20 +0,0 @@
-#! /usr/bin/make -f
-export DH_VERBOSE=1
-
-%:
-	dh $@
-
-# disable "make check"
-override_dh_auto_test:
-
-# disable stripping debugging symbols
-override_dh_clistrip:
-
-override_dh_auto_build:
-	npx yarn install
-	mv $(CURDIR)/dist $(CURDIR)/web
-
-override_dh_auto_clean:
-	test -d $(CURDIR)/dist && rm -rf '$(CURDIR)/dist' || true
-	test -d $(CURDIR)/web && rm -rf '$(CURDIR)/web' || true
-	test -d $(CURDIR)/node_modules && rm -rf '$(CURDIR)/node_modules' || true

debian/source/format

@@ -1 +0,0 @@
-1.0

debian/source/options

@@ -1,7 +0,0 @@
-tar-ignore='.git*'
-tar-ignore='**/.git'
-tar-ignore='**/.hg'
-tar-ignore='**/.vs'
-tar-ignore='**/.vscode'
-tar-ignore='deployment'
-tar-ignore='*.deb'

deployment/Dockerfile.centos

@@ -1,29 +0,0 @@
-FROM centos:7
-
-# Docker build arguments
-ARG SOURCE_DIR=/jellyfin
-ARG ARTIFACT_DIR=/dist
-
-# Docker run environment
-ENV SOURCE_DIR=/jellyfin
-ENV ARTIFACT_DIR=/dist
-ENV IS_DOCKER=YES
-
-# Prepare CentOS environment
-RUN yum update -y \
-  && yum install -y epel-release \
-  && yum install -y @buildsys-build rpmdevtools git yum-plugins-core nodejs-yarn autoconf automake glibc-devel
-
-# Install recent NodeJS and Yarn
-RUN curl -fSsLo /etc/yum.repos.d/yarn.repo https://dl.yarnpkg.com/rpm/yarn.repo \
-  && rpm -i https://rpm.nodesource.com/pub_10.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm \
-  && yum install -y yarn
-
-# Link to build script
-RUN ln -sf ${SOURCE_DIR}/deployment/build.centos /build.sh
-
-VOLUME ${SOURCE_DIR}
-
-VOLUME ${ARTIFACT_DIR}
-
-ENTRYPOINT ["/build.sh"]

deployment/Dockerfile.debian

@@ -1,27 +0,0 @@
-FROM debian:10
-
-# Docker build arguments
-ARG SOURCE_DIR=/jellyfin
-ARG ARTIFACT_DIR=/dist
-
-# Docker run environment
-ENV SOURCE_DIR=/jellyfin
-ENV ARTIFACT_DIR=/dist
-ENV DEB_BUILD_OPTIONS=noddebs
-ENV IS_DOCKER=YES
-
-# Prepare Debian build environment
-RUN apt-get update \
-  && apt-get install -y debhelper mmv npm git
-
-# Prepare Yarn
-RUN npm install -g yarn
-
-# Link to build script
-RUN ln -sf ${SOURCE_DIR}/deployment/build.debian /build.sh
-
-VOLUME ${SOURCE_DIR}
-
-VOLUME ${ARTIFACT_DIR}
-
-ENTRYPOINT ["/build.sh"]

deployment/Dockerfile.docker

@@ -1,11 +0,0 @@
-FROM node:lts-alpine
-
-ARG SOURCE_DIR=/src
-ARG ARTIFACT_DIR=/jellyfin-web
-
-RUN apk add autoconf g++ make libpng-dev gifsicle alpine-sdk automake libtool make gcc musl-dev nasm python3
-
-WORKDIR ${SOURCE_DIR}
-COPY . .
-
-RUN yarn install && mv dist ${ARTIFACT_DIR}

deployment/Dockerfile.fedora

@@ -1,23 +0,0 @@
-FROM fedora:33
-
-# Docker build arguments
-ARG SOURCE_DIR=/jellyfin
-ARG ARTIFACT_DIR=/dist
-
-# Docker run environment
-ENV SOURCE_DIR=/jellyfin
-ENV ARTIFACT_DIR=/dist
-ENV IS_DOCKER=YES
-
-# Prepare Fedora environment
-RUN dnf update -y \
-  && dnf install -y @buildsys-build rpmdevtools git dnf-plugins-core nodejs nodejs-yarn autoconf automake glibc-devel
-
-# Link to build script
-RUN ln -sf ${SOURCE_DIR}/deployment/build.fedora /build.sh
-
-VOLUME ${SOURCE_DIR}
-
-VOLUME ${ARTIFACT_DIR}
-
-ENTRYPOINT ["/build.sh"]

deployment/Dockerfile.portable

@@ -1,26 +0,0 @@
-FROM debian:10
-
-# Docker build arguments
-ARG SOURCE_DIR=/jellyfin
-ARG ARTIFACT_DIR=/dist
-
-# Docker run environment
-ENV SOURCE_DIR=/jellyfin
-ENV ARTIFACT_DIR=/dist
-ENV IS_DOCKER=YES
-
-# Prepare Debian build environment
-RUN apt-get update \
-  && apt-get install -y mmv npm git
-
-# Prepare Yarn
-RUN npm install -g yarn
-
-# Link to build script
-RUN ln -sf ${SOURCE_DIR}/deployment/build.portable /build.sh
-
-VOLUME ${SOURCE_DIR}
-
-VOLUME ${ARTIFACT_DIR}
-
-ENTRYPOINT ["/build.sh"]

deployment/build.centos

@@ -1,41 +0,0 @@
-#!/bin/bash
-
-set -o errexit
-set -o xtrace
-
-# move to source directory
-pushd ${SOURCE_DIR}
-
-cp -a yarn.lock /tmp/yarn.lock
-
-# modify changelog to unstable configuration if IS_UNSTABLE
-if [[ ${IS_UNSTABLE} == 'yes' ]]; then
-    pushd fedora
-
-    PR_ID=$( git log --grep 'Merge pull request' --oneline --single-worktree --first-parent | head -1 | grep --color=none -Eo '#[0-9]+' | tr -d '#' )
-
-    sed -i "s/Version:.*/Version:        ${BUILD_ID}/" jellyfin-web.spec
-    sed -i "/%changelog/q" jellyfin-web.spec
-
-    cat <<EOF >>jellyfin-web.spec
-* $( LANG=C date '+%a %b %d %Y' ) Jellyfin Packaging Team <packaging@jellyfin.org>
-- Jellyfin Web unstable build ${BUILD_ID} for merged PR #${PR_ID}
-EOF
-    popd
-fi
-
-# build rpm
-make -f fedora/Makefile srpm outdir=/root/rpmbuild/SRPMS
-rpmbuild --rebuild -bb /root/rpmbuild/SRPMS/jellyfin-*.src.rpm
-
-# move the artifacts
-mv /root/rpmbuild/RPMS/noarch/jellyfin-*.rpm /root/rpmbuild/SRPMS/jellyfin-*.src.rpm ${ARTIFACT_DIR}/
-
-if [[ ${IS_DOCKER} == YES ]]; then
-    chown -Rc $(stat -c %u:%g ${ARTIFACT_DIR}) ${ARTIFACT_DIR}
-fi
-
-rm -f fedora/jellyfin*.tar.gz
-cp -a /tmp/yarn.lock yarn.lock
-
-popd

deployment/build.debian

@@ -1,39 +0,0 @@
-#!/bin/bash
-
-set -o errexit
-set -o xtrace
-
-# move to source directory
-pushd ${SOURCE_DIR}
-
-cp -a yarn.lock /tmp/yarn.lock
-
-# modify changelog to unstable configuration if IS_UNSTABLE
-if [[ ${IS_UNSTABLE} == 'yes' ]]; then
-    pushd debian
-
-    PR_ID=$( git log --grep 'Merge pull request' --oneline --single-worktree --first-parent | head -1 | grep --color=none -Eo '#[0-9]+' | tr -d '#' )
-
-    cat <<EOF >changelog
-jellyfin-web (${BUILD_ID}-unstable) unstable; urgency=medium
-
-  * Jellyfin Web unstable build ${BUILD_ID} for merged PR #${PR_ID}
-
- -- Jellyfin Packaging Team <packaging@jellyfin.org>  $( date --rfc-2822 )
-EOF
-    popd
-fi
-
-# build deb
-dpkg-buildpackage -us -uc --pre-clean --post-clean
-
-mkdir -p ${ARTIFACT_DIR}
-mv ../jellyfin*.{deb,dsc,tar.gz,buildinfo,changes} ${ARTIFACT_DIR}
-
-cp -a /tmp/yarn.lock yarn.lock
-
-if [[ ${IS_DOCKER} == YES ]]; then
-    chown -Rc $(stat -c %u:%g ${ARTIFACT_DIR}) ${ARTIFACT_DIR}
-fi
-
-popd

deployment/build.fedora

@@ -1,41 +0,0 @@
-#!/bin/bash
-
-set -o errexit
-set -o xtrace
-
-# move to source directory
-pushd ${SOURCE_DIR}
-
-cp -a yarn.lock /tmp/yarn.lock
-
-# modify changelog to unstable configuration if IS_UNSTABLE
-if [[ ${IS_UNSTABLE} == 'yes' ]]; then
-    pushd fedora
-
-    PR_ID=$( git log --grep 'Merge pull request' --oneline --single-worktree --first-parent | head -1 | grep --color=none -Eo '#[0-9]+' | tr -d '#' )
-
-    sed -i "s/Version:.*/Version:        ${BUILD_ID}/" jellyfin-web.spec
-    sed -i "/%changelog/q" jellyfin-web.spec
-
-    cat <<EOF >>jellyfin-web.spec
-* $( LANG=C date '+%a %b %d %Y' ) Jellyfin Packaging Team <packaging@jellyfin.org>
-- Jellyfin Web unstable build ${BUILD_ID} for merged PR #${PR_ID}
-EOF
-    popd
-fi
-
-# build rpm
-make -f fedora/Makefile srpm outdir=/root/rpmbuild/SRPMS
-rpmbuild -rb /root/rpmbuild/SRPMS/jellyfin-*.src.rpm
-
-# move the artifacts
-mv /root/rpmbuild/RPMS/noarch/jellyfin-*.rpm /root/rpmbuild/SRPMS/jellyfin-*.src.rpm ${ARTIFACT_DIR}
-
-if [[ ${IS_DOCKER} == YES ]]; then
-    chown -Rc $(stat -c %u:%g ${ARTIFACT_DIR}) ${ARTIFACT_DIR}
-fi
-
-rm -f fedora/jellyfin*.tar.gz
-cp -a /tmp/yarn.lock yarn.lock
-
-popd

deployment/build.portable

@@ -1,30 +0,0 @@
-#!/bin/bash
-
-set -o errexit
-set -o xtrace
-
-# move to source directory
-pushd ${SOURCE_DIR}
-
-# get version
-if [[ ${IS_UNSTABLE} == 'yes' ]]; then
-    version="${BUILD_ID}"
-else
-    version="$( grep "version:" ./build.yaml | sed -E 's/version: "([0-9\.]+.*)"/\1/' )"
-fi
-
-# build archives
-npx yarn install
-mv dist jellyfin-web_${version}
-tar -czf jellyfin-web_${version}_portable.tar.gz jellyfin-web_${version}
-rm -rf dist
-
-# move the artifacts
-mkdir -p ${ARTIFACT_DIR}
-mv jellyfin[-_]*.tar.gz ${ARTIFACT_DIR}
-
-if [[ ${IS_DOCKER} == YES ]]; then
-    chown -Rc $(stat -c %u:%g ${ARTIFACT_DIR}) ${ARTIFACT_DIR}
-fi
-
-popd

fedora/Makefile

@@ -1,21 +0,0 @@
-VERSION := $(shell sed -ne '/^Version:/s/.*  *//p' fedora/jellyfin-web.spec)
-
-srpm:
-	cd fedora/;                                                                   \
-	SOURCE_DIR=..                                                                 \
-	WORKDIR="$${PWD}";                                                            \
-	tar                                                                           \
-	--transform "s,^\.,jellyfin-web-$(VERSION),"                                  \
-	--exclude='.git*'                                                             \
-	--exclude='**/.git'                                                           \
-	--exclude='**/.hg'                                                            \
-	--exclude='deployment'                                                        \
-	--exclude='*.deb'                                                             \
-	--exclude='*.rpm'                                                             \
-	--exclude='jellyfin-web-$(VERSION).tar.gz'                                    \
-	-czf "jellyfin-web-$(VERSION).tar.gz"                                         \
-	-C $${SOURCE_DIR} ./
-	cd fedora/;                                                                   \
-	rpmbuild -bs jellyfin-web.spec                                                \
-	         --define "_sourcedir $$PWD/"                                         \
-	         --define "_srcrpmdir $(outdir)"

fedora/jellyfin-web.spec

@@ -1,68 +0,0 @@
-%global         debug_package %{nil}
-
-Name:           jellyfin-web
-Version:        10.7.7
-Release:        1%{?dist}
-Summary:        The Free Software Media System web client
-License:        GPLv3
-URL:            https://jellyfin.org
-# Jellyfin Server tarball created by `make -f .copr/Makefile srpm`, real URL ends with `v%%{version}.tar.gz`
-Source0:        jellyfin-web-%{version}.tar.gz
-
-%if 0%{?centos}
-BuildRequires:  yarn
-%else
-BuildRequires:  nodejs-yarn
-%endif
-# sadly the yarn RPM at https://dl.yarnpkg.com/rpm/ uses git but doesn't Requires: it
-# ditto for Fedora's yarn RPM
-BuildRequires: git
-BuildArch:		noarch
-%if 0%{?fedora} >= 33
-BuildRequires: nodejs
-%endif
-
-# Disable Automatic Dependency Processing
-AutoReqProv:    no
-
-%description
-Jellyfin is a free software media system that puts you in control of managing and streaming your media.
-
-
-%prep
-%autosetup -n jellyfin-web-%{version} -b 0
-
-%build
-
-%install
-yarn install
-%{__mkdir} -p %{buildroot}%{_datadir}
-mv dist %{buildroot}%{_datadir}/jellyfin-web
-%{__install} -D -m 0644 LICENSE %{buildroot}%{_datadir}/licenses/jellyfin/LICENSE
-
-%files
-%defattr(644,root,root,755)
-%{_datadir}/jellyfin-web
-%{_datadir}/licenses/jellyfin/LICENSE
-
-%changelog
-* Sun Sep 05 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.7; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.7
-* Thu May 20 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.6; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.6
-* Tue May 04 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.5; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.5
-* Tue May 04 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.4; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.4
-* Tue May 04 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.3; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.3
-* Sun Apr 11 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.2; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.2
-* Sun Mar 21 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New upstream version 10.7.1; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.1
-* Mon Mar 08 2021 Jellyfin Packaging Team <packaging@jellyfin.org>
-- New stable release 10.7.0; release changelog at https://github.com/jellyfin/jellyfin-web/releases/tag/v10.7.0
-* Mon Jul 27 2020 Jellyfin Packaging Team <packaging@jellyfin.org>
-- Forthcoming stable release
-* Mon Mar 23 2020 Jellyfin Packaging Team <packaging@jellyfin.org>
-- Forthcoming stable release

package.json

@@ -5,108 +5,62 @@
   "repository": "https://github.com/jellyfin/jellyfin-web",
   "license": "GPL-2.0-or-later",
   "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/eslint-parser": "^7.12.1",
-    "@babel/eslint-plugin": "^7.12.1",
-    "@babel/plugin-proposal-class-properties": "^7.10.1",
-    "@babel/plugin-proposal-private-methods": "^7.12.1",
-    "@babel/plugin-transform-modules-umd": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
-    "@uupaa/dynamic-import-polyfill": "^1.0.2",
-    "autoprefixer": "^9.8.6",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-dynamic-import-polyfill": "^1.0.0",
     "clean-webpack-plugin": "^3.0.0",
-    "confusing-browser-globals": "^1.0.10",
-    "copy-webpack-plugin": "^6.3.2",
-    "css-loader": "^5.0.1",
-    "cssnano": "^4.1.10",
-    "eslint": "^7.14.0",
-    "eslint-plugin-compat": "^3.5.1",
-    "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "expose-loader": "^1.0.3",
-    "file-loader": "^6.2.0",
-    "html-loader": "^1.1.0",
-    "html-webpack-plugin": "^4.5.0",
-    "postcss-loader": "^3.0.0",
-    "postcss-preset-env": "^6.7.0",
-    "sass": "^1.29.0",
-    "sass-loader": "^10.1.0",
-    "source-map-loader": "^1.1.1",
-    "style-loader": "^2.0.0",
-    "stylelint": "^13.8.0",
+    "copy-webpack-plugin": "^5.1.1",
+    "css-loader": "^3.4.2",
+    "eslint": "^6.8.0",
+    "file-loader": "^5.0.2",
+    "html-webpack-plugin": "^3.2.0",
+    "style-loader": "^1.1.3",
+    "stylelint": "^13.1.0",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-no-browser-hacks": "^1.2.1",
-    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.18.0",
-    "webpack": "^5.9.0",
-    "webpack-cli": "^4.0.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^4.2.2",
-    "workbox-webpack-plugin": "^6.1.5",
-    "worker-plugin": "^5.0.0"
+    "stylelint-order": "^4.0.0",
+    "webpack": "^4.41.5",
+    "webpack-cli": "^3.3.10",
+    "webpack-concat-plugin": "^3.0.0",
+    "webpack-dev-server": "^3.10.3",
+    "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "blurhash": "^1.1.3",
-    "classlist.js": "https://github.com/eligrey/classList.js/archive/1.2.20180112.tar.gz",
-    "core-js": "^3.8.0",
-    "date-fns": "^2.16.1",
-    "epubjs": "^0.3.85",
-    "fast-text-encoding": "^1.0.3",
+    "alameda": "^1.4.0",
+    "document-register-element": "^1.14.3",
     "flv.js": "^1.5.0",
-    "fontsource-noto-sans": "^3.1.5",
-    "fontsource-noto-sans-hk": "^3.1.5",
-    "fontsource-noto-sans-jp": "^3.1.5",
-    "fontsource-noto-sans-kr": "^3.1.5",
-    "fontsource-noto-sans-sc": "^3.1.5",
-    "headroom.js": "^0.12.0",
-    "hls.js": "^0.14.17",
-    "intersection-observer": "^0.12.0",
-    "jellyfin-apiclient": "^1.8.0",
-    "jquery": "^3.5.1",
-    "jstree": "^3.3.10",
-    "libarchive.js": "^1.3.0",
-    "libass-wasm": "https://github.com/jellyfin/JavascriptSubtitlesOctopus#4.0.0-jf-smarttv",
-    "material-design-icons-iconfont": "^6.1.0",
+    "hls.js": "^0.13.1",
+    "howler": "^2.1.3",
+    "jellyfin-noto": "https://github.com/jellyfin/jellyfin-noto",
+    "jquery": "^3.4.1",
+    "jstree": "^3.3.7",
+    "libass-wasm": "https://github.com/jellyfin/JavascriptSubtitlesOctopus#4.0.0-jf-cordova",
+    "libjass": "^0.11.0",
+    "material-design-icons-iconfont": "^5.0.1",
     "native-promise-only": "^0.8.0-a",
-    "page": "^1.11.6",
-    "pdfjs-dist": "2.5.207",
     "resize-observer-polyfill": "^1.5.1",
-    "screenfull": "^5.0.2",
-    "sortablejs": "^1.12.0",
-    "swiper": "^6.3.5",
+    "shaka-player": "^2.5.9",
+    "sortablejs": "^1.10.2",
+    "swiper": "^5.3.1",
     "webcomponents.js": "^0.7.24",
-    "whatwg-fetch": "^3.5.0",
-    "workbox-core": "^5.1.4",
-    "workbox-precaching": "^5.1.4"
+    "whatwg-fetch": "^3.0.0"
   },
   "browserslist": [
     "last 2 Firefox versions",
     "last 2 Chrome versions",
     "last 2 ChromeAndroid versions",
     "last 2 Safari versions",
-    "iOS > 10",
+    "last 2 iOS versions",
     "last 2 Edge versions",
-    "Chrome 27",
     "Chrome 38",
     "Chrome 47",
     "Chrome 53",
     "Chrome 56",
     "Chrome 63",
-    "Edge 18",
     "Firefox ESR"
   ],
   "scripts": {
-    "start": "yarn serve",
-    "serve": "webpack serve --config webpack.dev.js",
-    "prepare": "node ./scripts/prepare.js",
-    "build:development": "webpack --config webpack.dev.js",
-    "build:production": "webpack --config webpack.prod.js",
-    "lint": "eslint \"src/\"",
-    "stylelint": "yarn stylelint:css && yarn stylelint:scss",
-    "stylelint:css": "stylelint \"src/**/*.css\"",
-    "stylelint:scss": "stylelint --config=\".stylelintrc.scss.json\" \"src/**/*.scss\""
+    "serve": "webpack-dev-server --config webpack.dev.js --open",
+    "build": "webpack --config webpack.prod.js",
+    "lint": "eslint \"src\"",
+    "stylelint": "stylelint \"src/**/*.css\"",
+    "prepare": "webpack --config webpack.prod.js"
   }
 }

postcss.config.js

@@ -1,16 +0,0 @@
-const packageConfig = require('./package.json');
-const postcssPresetEnv = require('postcss-preset-env');
-const autoprefixer = require('autoprefixer');
-const cssnano = require('cssnano');
-
-const config = () => ({
-    plugins: [
-        // Explicitly specify browserslist to override ones from node_modules
-        // For example, Swiper has it in its package.json
-        postcssPresetEnv({browsers: packageConfig.browserslist}),
-        autoprefixer({overrideBrowserslist: packageConfig.browserslist}),
-        cssnano()
-    ]
-});
-
-module.exports = config;

scripts/duplicates.py

@@ -1,33 +0,0 @@
-import sys
-import os
-import json
-
-# load every string in the source language
-# print all duplicate values to a file
-
-cwd = os.getcwd()
-source = cwd + '/../src/strings/en-us.json'
-
-reverse = {}
-duplicates = {}
-
-with open(source) as en:
-    strings = json.load(en)
-    for key, value in strings.items():
-        if value not in reverse:
-            reverse[value] = [key]
-        else:
-            reverse[value].append(key)
-
-for key, value in reverse.items():
-    if len(value) > 1:
-        duplicates[key] = value
-
-print('LENGTH: ' + str(len(duplicates)))
-with open('duplicates.txt', 'w') as out:
-    for item in duplicates:
-      out.write(json.dumps(item) + ': ')
-      out.write(json.dumps(duplicates[item]) + '\n')
-    out.close()
-
-print('DONE')

scripts/prepare.js

@@ -1,12 +0,0 @@
-const { execSync } = require('child_process');
-
-/**
- * The npm `prepare` script needs to run a build to support installing
- * a package from git repositories (this is dumb but a limitation of how
- * npm behaves). We don't want to run these in CI though because
- * building is slow so this script will skip the build when the
- * `SKIP_PREPARE` environment variable has been set.
- */
-if (!process.env.SKIP_PREPARE) {
-    execSync('webpack --config webpack.prod.js', { stdio: 'inherit' });
-}

scripts/scdup.py

@@ -15,8 +15,6 @@ print(langlst)
 input('press enter to continue')
 
 keysus = []
-missing = []
-
 with open(langdir + '/' + 'en-us.json') as en:
     langus = json.load(en)
     for key in langus:
@@ -34,19 +32,10 @@ for lang in langlst:
         for key in langjson:
             if key in keysus:
                 langjnew[key] = langjson[key]
-            elif key not in missing:
-                missing.append(key)
         f.seek(0)
         f.write(json.dumps(langjnew, indent=inde, sort_keys=False, ensure_ascii=False))
         f.write('\n')
         f.truncate()
         f.close()
 
-print(missing)
-print('LENGTH: ' + str(len(missing)))
-with open('missing.txt', 'w') as out:
-    for item in missing:
-        out.write(item + '\n')
-    out.close()
-
 print('DONE')

scripts/scgen.py

@@ -16,7 +16,7 @@ langlst.append('en-us.json')
 dep = []
 
 def grep(key):
-    command = 'grep -r -E "(\\\"|\'|\{)%s(\\\"|\'|\})" --include=\*.{js,html} --exclude-dir=../src/strings ../src' % key
+    command = 'grep -r -E "(\(\\\"|\(\'|\{)%s(\\\"|\'|\})" --include=\*.{js,html} --exclude-dir=../src/strings ../src' % key
     p = subprocess.Popen(command, shell=True, stdout=subprocess.PIPE, stderr=subprocess.STDOUT)
     output = p.stdout.readlines()
     if output:
@@ -34,7 +34,7 @@ for lang in langlst:
 
 print(dep)
 print('LENGTH: ' + str(len(dep)))
-with open('unused.txt', 'w') as out:
+with open('scout.txt', 'w') as out:
     for item in dep:
         out.write(item + '\n')
     out.close()

scripts/scrm.py

@@ -11,7 +11,7 @@ langlst = os.listdir(langdir)
 
 keys = []
 
-with open('unused.txt', 'r') as f:
+with open('scout.txt', 'r') as f:
     for line in f:
         keys.append(line.strip('\n'))
 

src/addplugin.html

@@ -5,11 +5,12 @@
                 <div class="verticalSection">
                     <div class="sectionTitleContainer flex align-items-center">
                         <h1 class="sectionTitle pluginName"></h1>
-                        <a is="emby-linkbutton" rel="noopener noreferrer" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/plugins/index.html">${Help}</a>
+                        <a is="emby-linkbutton" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/plugins/index.html">${Help}</a>
                     </div>
 
-                    <p id="overview" style="font-style: italic;"></p>
-                    <p id="description"></p>
+                    <p id="tagline" style="font-style: italic;"></p>
+                    <p id="pPreviewImage"></p>
+                    <p id="overview"></p>
                 </div>
 
                 <div class="verticalSection">
@@ -27,6 +28,7 @@
                             </button>
                             <div class="fieldDescription">${ServerRestartNeededAfterPluginInstall}</div>
                         </div>
+                        <p id="nonServerMsg"></p>
                     </form>
                 </div>
             </div>
@@ -35,6 +37,9 @@
                 <div is="emby-collapse" title="${HeaderDeveloperInfo}">
                     <div class="collapseContent">
                         <p id="developer"></p>
+                        <p id="pViewWebsite" style="display: none;">
+                            <a is="emby-linkbutton" class="button-link" href="#" target="_blank">${ButtonViewWebsite}</a>
+                        </p>
                     </div>
                 </div>
 

src/addserver.html

@@ -1,14 +1,14 @@
 <div data-role="page" class="page standalonePage">
     <div class="padded-left padded-right padded-bottom-page">
-        <form class="addServerForm" style="margin: 0 auto;" novalidate>
+        <form class="addServerForm" style="margin: 0 auto;">
             <h1>${HeaderConnectToServer}</h1>
             <div class="inputContainer">
-                <input is="emby-input" type="url" id="txtServerHost" required="required" label="${LabelServerHost}"/>
+                <input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off" />
                 <div class="fieldDescription">${LabelServerHostHelp}</div>
             </div>
             <br />
             <button is="emby-button" type="submit" class="raised button-submit block">
-                <span>${Connect}</span>
+                <span>${ButtonConnect}</span>
             </button>
             <button is="emby-button" type="button" class="raised button-cancel block btnCancel">
                 <span>${ButtonCancel}</span>

src/apikeys.html

@@ -3,20 +3,19 @@
         <div class="content-primary">
             <div class="detailSectionHeader">
                 <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">${HeaderApiKeys}</h2>
-                <button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${Add}">
-                    <span class="material-icons add" aria-hidden="true"></span>
+                <button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${ButtonAdd}">
+                    <i class="material-icons">add</i>
                 </button>
             </div>
             <p>${HeaderApiKeysHelp}</p>
             <br />
             <table class="tblApiKeys detailTable">
-                <caption class="clipForScreenReader">${ApiKeysCaption}</caption>
                 <thead>
                     <tr>
-                        <th scope="col" class="detailTableHeaderCell"></th>
-                        <th scope="col" class="detailTableHeaderCell">${HeaderApiKey}</th>
-                        <th scope="col" class="detailTableHeaderCell">${HeaderApp}</th>
-                        <th scope="col" class="detailTableHeaderCell">${HeaderDateIssued}</th>
+                        <th class="detailTableHeaderCell"></th>
+                        <th class="detailTableHeaderCell">${HeaderApiKey}</th>
+                        <th class="detailTableHeaderCell">${HeaderApp}</th>
+                        <th class="detailTableHeaderCell">${HeaderDateIssued}</th>
                     </tr>
                 </thead>
                 <tbody class="resultBody"></tbody>

src/assets/css/dashboard.css

@@ -127,8 +127,8 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .sessionAppInfo img {
-    max-width: 2.5em;
-    max-height: 2.5em;
+    max-width: 40px;
+    max-height: 40px;
     margin-right: 8px;
 }
 
@@ -204,10 +204,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     flex-grow: 1;
 }
 
-.dashboardActionsContainer {
-    margin: 1em -0.3em 0;
-}
-
 .sessionNowPlayingContent {
     -webkit-background-size: cover;
     background-size: cover;
@@ -235,34 +231,26 @@ div[data-role=controlgroup] a.ui-btn-active {
     margin-bottom: 0.5em;
 }
 
-.dashboardSection .sectionTitleTextButton > .material-icons.material-icons {
-    font-size: 1.17em;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-    padding-top: 0;
-}
-
 .activeRecordingItems > .card {
     width: 50%;
 }
 
-.localUsers .cardText-secondary {
-    white-space: pre-wrap;
-    height: 3em;
-}
-
-.customCssContainer textarea {
-    resize: none;
-}
-
 @media all and (min-width: 70em) {
     .dashboardSections {
+        -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
         flex-direction: row;
     }
 
     .dashboardColumn-2-60 {
-        flex-grow: 2;
+        width: 46%;
+    }
+
+    .dashboardColumn-2-40 {
+        width: 27%;
     }
 
     .dashboardSection {
@@ -294,7 +282,6 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .activeSession {
-    min-width: 20rem;
     width: 100% !important;
 }
 
@@ -308,24 +295,27 @@ div[data-role=controlgroup] a.ui-btn-active {
     background-position: center;
 }
 
+@media all and (min-width: 40em) {
+    .activeSession {
+        width: 100% !important;
+    }
+}
+
 @media all and (min-width: 50em) {
     .activeSession {
-        max-width: 25rem;
-        flex-grow: 0;
-        flex-shrink: 0;
-        flex-basis: 50%;
+        width: 50% !important;
     }
 }
 
 .sessionCardFooter {
     padding-top: 0.5em !important;
     padding-bottom: 1em !important;
+    border-top: 1px solid #eee;
     text-align: center;
     position: relative;
 }
 
 .sessionAppInfo {
-    flex-grow: 1;
     padding: 0.5em;
     overflow: hidden;
 }
@@ -345,9 +335,11 @@ div[data-role=controlgroup] a.ui-btn-active {
     right: 0;
     bottom: 0;
     font-weight: 400;
+}
+
+.sessionNowPlayingContent-withbackground + .sessionNowPlayingInnerContent {
+    color: #fff !important;
     background: rgba(0, 0, 0, 0.7);
-    display: flex;
-    flex-direction: column;
 }
 
 .sessionAppName {
@@ -357,6 +349,9 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 .sessionNowPlayingDetails {
     display: flex;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
 }
 
 .sessionNowPlayingInfo {
@@ -372,6 +367,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     padding: 0.8em 0.5em;
 }
 
+.sessionNowPlayingStreamInfo {
+    white-space: nowrap;
+}
+
 .playbackProgress,
 .transcodingProgress {
     margin: 0;
@@ -379,12 +378,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     background: transparent !important;
 }
 
-.activeDevices.itemsContainer {
-    /* offset for cardBox margin */
-    margin: -0.6em;
-}
-
-.activeSession .backgroundProgress,
 .activeSession .playbackProgress,
 .activeSession .transcodingProgress {
     position: absolute;
@@ -401,14 +394,9 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .transcodingProgress > div {
-    z-index: 10;
     background-color: #dd4919;
 }
 
-.backgroundProgress > div {
-    background-color: #303030;
-}
-
 @media all and (max-width: 34.375em) {
     .sessionAppName {
         max-width: 160px;

src/assets/css/flexstyles.css

@@ -30,10 +30,6 @@
     align-items: flex-start;
 }
 
-.align-items-flex-end {
-    align-items: flex-end;
-}
-
 .justify-content-center {
     justify-content: center;
 }
@@ -42,10 +38,6 @@
     justify-content: flex-end;
 }
 
-.justify-content-space-between {
-    justify-content: space-between;
-}
-
 .flex-wrap-wrap {
     flex-wrap: wrap;
 }

src/assets/css/fonts.css

@@ -0,0 +1,37 @@
+html {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 93%;
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+}
+
+h1,
+h2,
+h3 {
+    font-family: "Noto Sans", sans-serif;
+}
+
+h1 {
+    font-weight: 400;
+    font-size: 1.8em;
+}
+
+h2 {
+    font-weight: 400;
+    font-size: 1.5em;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.17em;
+}
+
+.layout-tv {
+    font-size: 130%;
+}
+
+.layout-mobile {
+    font-size: 90%;
+}

src/assets/css/fonts.scss

@@ -1,36 +0,0 @@
-@import "../../styles/noto-sans/index.scss";
-
-@mixin font($weight: null, $size: null) {
-    font-family: "Noto Sans", "Noto Sans HK", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", sans-serif;
-    font-weight: $weight;
-    font-size: $size;
-}
-
-html {
-    @include font($size: 93%);
-    text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    text-rendering: optimizeLegibility;
-}
-
-h1 {
-    @include font(400, 1.8em);
-}
-
-h2 {
-    @include font(400, 1.5em);
-}
-
-h3 {
-    @include font(400, 1.17em);
-}
-
-.layout-tv {
-    /* Per WebOS and Tizen guidelines, fonts must be 20px minimum.
-       This takes the 16px baseline and multiplies it by 1.25 to get 20px. */
-    font-size: 125%;
-}
-
-.layout-mobile {
-    font-size: 90%;
-}

src/assets/css/fonts.sized.css

@@ -0,0 +1,31 @@
+h1 {
+    font-weight: 400;
+    font-size: 1.8em;
+}
+
+.layout-desktop h1 {
+    font-size: 2em;
+}
+
+h2 {
+    font-weight: 400;
+    font-size: 1.5em;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.17em;
+}
+
+@media all and (min-height: 720px) {
+    html {
+        font-size: 20px;
+    }
+}
+
+/* This is supposed to be 1080p, but had to reduce the min height to account for possible browser chrome */
+@media all and (min-height: 1000px) {
+    html {
+        font-size: 27px;
+    }
+}

src/assets/css/fonts.sized.scss

@@ -1,31 +0,0 @@
-@mixin header-font($size: null) {
-    font-weight: 400;
-    font-size: $size;
-}
-
-html {
-    @media all and (min-height: 720px) {
-        font-size: 20px;
-    }
-
-    /* This is supposed to be 1080p, but had to reduce the min height to account for possible browser chrome */
-    @media all and (min-height: 1000px) {
-        font-size: 27px;
-    }
-}
-
-h1 {
-    @include header-font(1.8em);
-
-    .layout-desktop & {
-        font-size: 2em;
-    }
-}
-
-h2 {
-    @include header-font(1.8em);
-}
-
-h3 {
-    @include header-font(1.17em);
-}

src/assets/css/ios.css

@@ -0,0 +1,8 @@
+html {
+    font-size: 82% !important;
+}
+
+.formDialogFooter {
+    position: static !important;
+    margin: 0 -1em !important;
+}

src/assets/css/ios.scss

@@ -1,3 +0,0 @@
-html {
-    font-size: 82% !important;
-}

src/assets/css/librarybrowser.css

@@ -24,12 +24,12 @@
     padding-top: 7em !important;
 }
 
-.itemDetailPage {
-    padding-top: 0 !important;
+.layout-mobile .libraryPage {
+    padding-top: 4em !important;
 }
 
-.layout-tv .itemDetailPage {
-    padding-top: 4.2em !important;
+.itemDetailPage {
+    padding-top: 0 !important;
 }
 
 .standalonePage {
@@ -164,13 +164,6 @@
     display: flex;
     flex-direction: column;
     contain: layout style paint;
-    transition: background ease-in-out 0.5s;
-}
-
-.layout-tv .skinHeader {
-    /* In TV layout, it makes more sense to keep the top bar at the top of the page
-       Having it follow the view only makes us lose vertical space, while not being focusable */
-    position: relative;
 }
 
 .hiddenViewMenuBar .skinHeader {
@@ -185,10 +178,6 @@
     width: 100%;
 }
 
-.layout-tv .sectionTabs {
-    width: 55%;
-}
-
 .selectedMediaFolder {
     background-color: #f2f2f2 !important;
 }
@@ -246,30 +235,16 @@
     text-align: center;
 }
 
+.layout-desktop .searchTabButton,
+.layout-mobile .searchTabButton,
+.layout-tv .headerSearchButton {
+    display: none !important;
+}
+
 .mainDrawer-scrollContainer {
     padding-bottom: 10vh;
 }
 
-.primaryImageWrapper {
-    display: none;
-}
-
-.primaryImageWrapper > img {
-    display: block;
-    margin: 0 auto;
-    max-width: 80vw;
-    max-height: 50vh;
-}
-
-.primaryImageWrapper > img.aspect-square {
-    max-height: 45vh;
-}
-
-.layout-mobile .primaryImageWrapper {
-    display: block;
-    flex: 1 0 auto;
-}
-
 @media all and (min-width: 40em) {
     .dashboardDocument .adminDrawerLogo,
     .dashboardDocument .mainDrawerButton {
@@ -297,7 +272,7 @@
     }
 }
 
-@media all and (max-width: 100em) {
+@media all and (max-width: 84em) {
     .withSectionTabs .headerTop {
         padding-bottom: 0.55em;
     }
@@ -305,13 +280,9 @@
     .sectionTabs {
         font-size: 83.5%;
     }
-
-    .layout-tv .sectionTabs {
-        width: 100%;
-    }
 }
 
-@media all and (min-width: 100em) {
+@media all and (min-width: 84em) {
     .headerTop {
         padding: 0.8em 0.8em;
     }
@@ -467,16 +438,16 @@
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
-    height: 40vh;
+    height: 50vh;
     position: relative;
-    animation: backdrop-fadein 800ms ease-in normal both;
 }
 
 .layout-mobile .itemBackdrop {
-    display: none;
+    background-attachment: scroll;
 }
 
-.layout-desktop .itemBackdrop::after {
+.layout-desktop .itemBackdrop::after,
+.layout-tv .itemBackdrop::after {
     content: "";
     width: 100%;
     height: 100%;
@@ -484,28 +455,18 @@
     display: block;
 }
 
-.layout-tv .itemBackdrop,
-.layout-desktop .noBackdrop .itemBackdrop {
+.layout-desktop .noBackdrop .itemBackdrop,
+.layout-tv .noBackdrop .itemBackdrop {
     display: none;
 }
 
 .detailPageContent {
     display: flex;
     flex-direction: column;
-    padding-left: 32.45vw;
+    padding-left: 2%;
     padding-right: 2%;
 }
 
-.layout-mobile .detailPageContent {
-    padding-left: 5%;
-    padding-right: 5%;
-}
-
-.layout-desktop .detailPageContent .emby-scroller,
-.layout-tv .detailPageContent .emby-scroller {
-    margin-left: 0;
-}
-
 .layout-desktop .noBackdrop .detailPageContent,
 .layout-tv .noBackdrop .detailPageContent {
     margin-top: 2.5em;
@@ -516,10 +477,6 @@
     margin-top: 0;
 }
 
-.detailSectionContent a {
-    color: inherit;
-}
-
 .personBackdrop {
     background-size: contain;
 }
@@ -538,23 +495,7 @@
 
 .parentName {
     display: block;
-    margin: 0 0 0;
-}
-
-.layout-mobile .parentName {
-    margin: 0.6em 0 0;
-}
-
-.musicParentName {
-    margin: 0.15em 0 0.2em;
-}
-
-.layout-mobile .musicParentName {
-    margin: -0.25em 0 0.25em;
-}
-
-.layout-mobile .itemExternalLinks {
-    display: none;
+    margin-bottom: 0.5em;
 }
 
 .mainDetailButtons {
@@ -562,6 +503,8 @@
     -webkit-box-align: center;
     -webkit-align-items: center;
     align-items: center;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
     margin: 1em 0;
 }
 
@@ -577,35 +520,6 @@
     font-weight: 600;
 }
 
-.itemName.originalTitle {
-    margin: 0.2em 0 0.2em;
-}
-
-.itemName.parentNameLast {
-    margin: 0 0 0;
-}
-
-.layout-mobile .itemName.parentNameLast {
-    margin: 0.4em 0 0.4em;
-}
-
-.layout-mobile h1.itemName,
-.layout-mobile h1.parentName {
-    font-size: 1.6em;
-}
-
-.itemName.parentNameLast.withOriginalTitle {
-    margin: 0 0 0;
-}
-
-.layout-mobile .itemName.parentNameLast.withOriginalTitle {
-    margin: 0.6em 0 0;
-}
-
-.layout-mobile .itemName.originalTitle {
-    margin: 0.5em 0 0.5em;
-}
-
 .nameContainer {
     display: flex;
     flex-direction: column;
@@ -632,20 +546,6 @@
     text-align: center;
 }
 
-.layout-mobile .mainDetailButtons {
-    flex: 2 0 70%;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-}
-
-.subtitle {
-    margin: 0.15em 0 0.2em;
-}
-
-.layout-mobile .subtitle {
-    margin: 0.2em 0 0.2em;
-}
-
 .detailPagePrimaryContainer {
     display: flex;
     align-items: center;
@@ -653,14 +553,10 @@
     z-index: 2;
 }
 
-.layout-tv .detailPagePrimaryContainer {
-    display: block;
-}
-
 .layout-mobile .detailPagePrimaryContainer {
-    flex-wrap: wrap;
+    display: block;
     position: relative;
-    padding: 4.5rem 3.3% 0.5rem;
+    top: 0;
 }
 
 .layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
@@ -670,18 +566,13 @@
     padding-left: 32.45vw;
 }
 
-.layout-desktop .detailRibbon {
+.layout-desktop .detailSticky,
+.layout-tv .detailSticky {
     margin-top: -7.2em;
-    height: 7.2em;
 }
 
-.layout-tv .detailRibbon {
-    margin-top: 0;
-    height: inherit;
-}
-
-.layout-desktop .noBackdrop .detailRibbon,
-.layout-tv .noBackdrop .detailRibbon {
+.layout-desktop .noBackdrop .detailSticky,
+.layout-tv .noBackdrop .detailSticky {
     margin-top: 0;
 }
 
@@ -689,17 +580,10 @@
     flex: 1 0 0;
 }
 
-.layout-mobile .infoWrapper {
-    flex: 2 0 70%;
-}
-
 .infoText {
     white-space: nowrap;
     text-overflow: ellipsis;
     text-align: left;
-    min-width: 0;
-    max-width: 100%;
-    overflow: hidden;
 }
 
 .layout-mobile .infoText {
@@ -710,29 +594,12 @@
     margin: 1.25em 0;
 }
 
-.layout-mobile .detailPageSecondaryContainer {
-    margin: 1em 0;
-}
-
-.layout-mobile .detailImageContainer {
-    display: none;
-}
-
-.detailImageContainer .card {
-    position: absolute;
-    top: 50%;
+.detailImageContainer {
+    position: relative;
+    margin-top: -25vh;
     float: left;
     width: 25vw;
     z-index: 3;
-    transform: translateY(-50%);
-}
-
-.detailImageContainer .card.backdropCard {
-    top: 35%;
-}
-
-.detailImageContainer .card.squareCard {
-    top: 40%;
 }
 
 .layout-desktop .noBackdrop .detailImageContainer,
@@ -745,16 +612,15 @@
 }
 
 .detailLogo {
-    width: 25vw;
-    height: 16vh;
+    width: 30vw;
+    height: 25vh;
     position: absolute;
     top: 10vh;
-    right: 25vw;
+    right: 20vw;
     background-size: contain;
 }
 
-.noBackdrop .detailLogo,
-.layout-mobile .detailLogo {
+.noBackdrop .detailLogo {
     display: none;
 }
 
@@ -775,22 +641,15 @@ div.itemDetailGalleryLink.defaultCardBackground {
 }
 
 .itemDetailGalleryLink.defaultCardBackground {
-    /* Dirty hack to get it to look somewhat square. Less than ideal. */
-    height: 23vw;
+    height: 23vw; /* Dirty hack to get it to look somewhat square. Less than ideal. */
 }
 
-.sectionTitleTextButton > .material-icons {
-    font-size: 1.5em;
-    margin-bottom: 0.35em;
-    margin-top: 0;
+.btnSyncComplete i {
+    -webkit-border-radius: 100em;
+    border-radius: 100em;
 }
 
-.layout-mobile .sectionTitleTextButton > .material-icons {
-    margin-bottom: 0;
-    padding-top: 0.5em;
-}
-
-.itemDetailGalleryLink.defaultCardBackground > .material-icons {
+.itemDetailGalleryLink.defaultCardBackground > i {
     font-size: 15vw;
     margin-top: 50%;
     transform: translateY(-50%);
@@ -801,18 +660,14 @@ div.itemDetailGalleryLink.defaultCardBackground {
         position: relative;
     }
 
-    .layout-desktop .itemBackdrop {
-        height: 40vh;
-    }
-
     .layout-desktop .detailPageWrapperContainer,
     .layout-tv .detailPageWrapperContainer {
-        margin-top: 0.1em;
+        margin-top: 7.2em;
     }
 
-    .layout-desktop .detailImageContainer .card,
-    .layout-tv .detailImageContainer .card {
-        top: 10%;
+    .layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
+    .layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
+        padding-left: 3.3%;
     }
 
     .btnPlaySimple {
@@ -826,24 +681,37 @@ div.itemDetailGalleryLink.defaultCardBackground {
     }
 }
 
+.btnSyncComplete {
+    background: #673ab7 !important;
+}
+
 .emby-button.detailFloatingButton {
-    font-size: 1.4em;
-    margin-right: 0.5em !important;
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.5) !important;
+    z-index: 1;
+    top: 50%;
+    left: 50%;
+    margin: -2.2em 0 0 -2.2em;
+    padding: 0.4em !important;
     color: rgba(255, 255, 255, 0.76);
 }
 
-.emby-button.detailFloatingButton .material-icons {
+.emby-button.detailFloatingButton i {
     font-size: 3.5em;
 }
 
 @media all and (max-width: 62.5em) {
     .parentName {
-        margin-bottom: 0;
+        margin-bottom: 1em;
     }
 
     .itemDetailPage {
         padding-top: 0 !important;
     }
+
+    .detailimg-hidemobile {
+        display: none;
+    }
 }
 
 @media all and (min-width: 31.25em) {
@@ -891,7 +759,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
     -webkit-align-items: center;
     align-items: center;
     margin: 0 !important;
-    padding: 0.7em 0.7em !important;
+    padding: 0.5em 0.7em !important;
 }
 
 @media all and (min-width: 29em) {
@@ -938,9 +806,9 @@ div.itemDetailGalleryLink.defaultCardBackground {
 }
 
 .detailImageProgressContainer {
+    position: absolute;
     bottom: 0;
-    margin-top: -0.4vw;
-    width: 100%;
+    width: 22.786458333333332vw;
 }
 
 .detailButton-text {
@@ -959,7 +827,25 @@ div.itemDetailGalleryLink.defaultCardBackground {
     }
 }
 
-@media all and (min-width: 100em) {
+@media all and (min-width: 62.5em) {
+    .headerTop {
+        padding-left: 0.8em;
+        padding-right: 0.8em;
+    }
+
+    .headerTabs {
+        align-self: center;
+        width: auto;
+        align-items: center;
+        justify-content: center;
+        margin-top: -4.2em;
+        position: relative;
+    }
+
+    .detailFloatingButton {
+        display: none !important;
+    }
+
     .personBackdrop {
         display: none !important;
     }
@@ -968,11 +854,6 @@ div.itemDetailGalleryLink.defaultCardBackground {
         font-size: 108%;
         margin: 1.25em 0;
     }
-
-    .layout-tv .mainDetailButtons {
-        font-size: 108%;
-        margin: 1em 0 1.25em;
-    }
 }
 
 @media all and (max-width: 50em) {
@@ -994,10 +875,6 @@ div.itemDetailGalleryLink.defaultCardBackground {
     }
 }
 
-.detailVerticalSection .emby-scrollbuttons {
-    padding-top: 0.4em;
-}
-
 .layout-tv .detailVerticalSection {
     margin-bottom: 3.4em !important;
 }
@@ -1086,14 +963,10 @@ div.itemDetailGalleryLink.defaultCardBackground {
     margin-bottom: 2.7em;
 }
 
-.layout-mobile .verticalSection-extrabottompadding {
-    margin-bottom: 1em;
-}
-
 .sectionTitleButton,
 .sectionTitleIconButton {
     margin-right: 0 !important;
-    display: inline-flex;
+    display: inline-block;
     vertical-align: middle;
 }
 
@@ -1115,13 +988,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
 
 div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
     margin: 0;
-    padding-top: 0.5em;
-    padding-bottom: 0.2em;
-}
-
-.layout-mobile :not(.sectionTitleContainer-cards) > .sectionTitle-cards {
-    margin: 0;
-    padding-top: 0.5em;
+    padding-top: 1.25em;
 }
 
 .sectionTitleButton {
@@ -1188,13 +1055,13 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
 }
 
 .layout-tv .padded-top-focusscale {
-    padding-top: 1.5em;
-    margin-top: -1.5em;
+    padding-top: 1em;
+    margin-top: -1em;
 }
 
 .layout-tv .padded-bottom-focusscale {
-    padding-bottom: 1.5em;
-    margin-bottom: -1.5em;
+    padding-bottom: 1em;
+    margin-bottom: -1em;
 }
 
 @media all and (min-height: 31.25em) {
@@ -1239,74 +1106,3 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
 .itemsViewSettingsContainer > .button-flat {
     margin: 0;
 }
-
-.layout-mobile #myPreferencesMenuPage {
-    padding-top: 3.75em;
-}
-
-.itemDetailsGroup {
-    margin-bottom: 1.5em;
-}
-
-.trackSelections {
-    max-width: 44em;
-}
-
-.detailsGroupItem,
-.trackSelections .selectContainer {
-    display: flex;
-    max-width: 44em;
-    margin: 0 0 0.5em !important;
-}
-
-.trackSelections .selectContainer {
-    margin: 0 0 0.3em !important;
-}
-
-.detailsGroupItem .label,
-.trackSelections .selectContainer .selectLabel {
-    cursor: default;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: 6.25em;
-    margin: 0 0.6em 0 0;
-}
-
-.trackSelections .selectContainer .selectLabel {
-    margin: 0 0.2em 0 0;
-    line-height: 1.75;
-}
-
-.layout-mobile .detailsGroupItem .label,
-.layout-mobile .trackSelections .selectContainer .selectLabel {
-    flex-basis: 4.5em;
-}
-
-.trackSelections .selectContainer .detailTrackSelect {
-    font-size: inherit;
-    padding: 0;
-    overflow: hidden;
-}
-
-.trackSelections .selectContainer .selectArrowContainer .selectArrow {
-    margin-top: 0;
-    font-size: 1.4em;
-}
-
-.overview-controls {
-    display: flex;
-    justify-content: flex-end;
-}
-
-.detail-clamp-text {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 12;
-    -webkit-box-orient: vertical;
-}
-
-@media all and (min-width: 40em) {
-    .detail-clamp-text {
-        -webkit-line-clamp: 6;
-    }
-}

src/assets/css/livetv.css

@@ -2,8 +2,8 @@
     padding-bottom: 15em;
 }
 
-#guideTab {
-    @media all and (min-width: 62.5em) {
+@media all and (min-width: 62.5em) {
+    #guideTab {
         padding-left: 0.5em;
     }
 }

src/assets/css/scrollstyles.css

@@ -12,7 +12,6 @@
 .hiddenScrollX,
 .layout-tv .scrollX {
     -ms-overflow-style: none;
-    scrollbar-width: none;
 }
 
 .hiddenScrollX-forced {
@@ -41,7 +40,6 @@
 .hiddenScrollY,
 .layout-tv .smoothScrollY {
     -ms-overflow-style: none;
-    scrollbar-width: none;
 
     /* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
 

src/assets/css/site.css

@@ -1,35 +1,13 @@
-@mixin fullpage {
+body,
+html {
     margin: 0;
     padding: 0;
     height: 100%;
 }
 
-html {
-    @include fullpage;
-    line-height: 1.35;
-}
-
-body {
-    @include fullpage;
-    overflow-x: hidden;
-    background-color: transparent !important;
-    -webkit-font-smoothing: antialiased;
-}
-
-.clipForScreenReader {
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    width: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-}
-
 .material-icons {
     /* Fix font ligatures on older WebOS versions */
-    font-feature-settings: "liga";
+    -webkit-font-feature-settings: "liga";
 }
 
 .backgroundContainer {
@@ -41,12 +19,26 @@ body {
     contain: strict;
 }
 
+html {
+    line-height: 1.35;
+}
+
 .layout-mobile,
 .layout-tv {
     -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
     user-select: none;
 }
 
+body {
+    overflow-x: hidden;
+    background-color: transparent !important;
+    -webkit-font-smoothing: antialiased;
+}
+
 .mainAnimatedPage {
     contain: style size !important;
 }
@@ -59,7 +51,7 @@ body {
     overflow-y: hidden !important;
 }
 
-div[data-role="page"] {
+div[data-role=page] {
     outline: 0;
 }
 
@@ -72,10 +64,10 @@ div[data-role="page"] {
     padding-left: 0.15em;
     font-weight: 400;
     white-space: normal !important;
+}
 
-    + .fieldDescription {
-        margin-top: 0.3em;
-    }
+.fieldDescription + .fieldDescription {
+    margin-top: 0.3em;
 }
 
 .content-primary,
@@ -86,14 +78,9 @@ div[data-role="page"] {
     padding-bottom: 5em !important;
 }
 
-.readOnlyContent {
-    @media all and (min-width: 50em) {
-        max-width: 54em;
-    }
-}
-
-form {
-    @media all and (min-width: 50em) {
+@media all and (min-width: 50em) {
+    .readOnlyContent,
+    form {
         max-width: 54em;
     }
 }
@@ -109,43 +96,3 @@ form {
     margin-right: auto;
     width: 85%;
 }
-
-.headroom {
-    will-change: transform;
-    transition: transform 200ms linear;
-
-    &--pinned {
-        transform: translateY(0%);
-    }
-
-    &--unpinned {
-        transform: translateY(-100%);
-    }
-}
-
-.drawerContent {
-    /* make sure the bottom of the drawer is visible when music is playing */
-    padding-bottom: 4em;
-}
-
-.force-scroll {
-    overflow-y: scroll;
-}
-
-.hide-scroll {
-    overflow-y: hidden;
-}
-
-.w-100 {
-    width: 100%;
-}
-
-.margin-auto-x {
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.margin-auto-y {
-    margin-top: auto;
-    margin-bottom: auto;
-}

src/assets/css/videoosd.css

@@ -6,46 +6,31 @@
     -ms-user-select: none;
 }
 
+.osdPoster img,
+.pageContainer,
 .videoOsdBottom {
     bottom: 0;
     left: 0;
     right: 0;
-    position: fixed;
-    background: linear-gradient(0deg, rgba(16, 16, 16, 0.75) 0%, rgba(16, 16, 16, 0) 100%);
-    padding-top: 7.5em;
-    padding-bottom: 1.75em;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    will-change: opacity;
-    transition: opacity 0.3s ease-out;
-    color: #fff;
-    user-select: none;
-    -webkit-touch-callout: none;
-    pointer-events: none;
 }
 
-.skinHeader-withBackground.osdHeader {
+.osdHeader {
+    -webkit-transition: opacity 0.3s ease-out;
+    -o-transition: opacity 0.3s ease-out;
     transition: opacity 0.3s ease-out;
     position: relative;
     z-index: 1;
-    background: linear-gradient(180deg, rgba(16, 16, 16, 0.75) 0%, rgba(16, 16, 16, 0) 100%);
-    backdrop-filter: none;
-    color: #eee;
-    height: 7.5em;
-    pointer-events: none;
+    background: rgba(0, 0, 0, 0.7) !important;
+    -webkit-backdrop-filter: none !important;
+    backdrop-filter: none !important;
+    color: #eee !important;
 }
 
 .osdHeader-hidden {
     opacity: 0;
 }
 
-.osdHeader .headerTop {
-    pointer-events: all;
-    max-height: 3.5em;
-}
-
-.osdHeader .headerButton:not(.headerBackButton):not(.headerCastButton):not(.headerSyncButton) {
+.osdHeader .headerButton:not(.headerBackButton):not(.headerCastButton) {
     display: none;
 }
 
@@ -102,18 +87,34 @@
     opacity: 0.6;
 }
 
+.videoOsdBottom {
+    position: fixed;
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 1%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    will-change: opacity;
+    -webkit-transition: opacity 0.3s ease-out;
+    -o-transition: opacity 0.3s ease-out;
+    transition: opacity 0.3s ease-out;
+    color: #fff;
+    user-select: none;
+    -webkit-touch-callout: none;
+}
+
 .videoOsdBottom-hidden {
     opacity: 0;
 }
 
 .osdControls {
-    pointer-events: all;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
     flex-grow: 1;
-    padding: 0 0.8em;
-}
-
-.layout-desktop .osdControls {
-    max-width: calc(100vh * 1.77 - 2vh);
 }
 
 .videoOsdBottom .buttons {
@@ -145,7 +146,7 @@
 }
 
 .volumeButtons {
-    margin: 0 1em 0 0.29em;
+    margin: 0 0.5em 0 auto;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
@@ -153,13 +154,33 @@
 
 .osdTimeText {
     margin-left: 1em;
-    margin-right: auto;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
+.osdPoster {
+    width: 10%;
+    position: relative;
+    margin-right: 0.5em;
+}
+
+.osdPoster img {
+    position: absolute;
+    height: auto;
+    width: 100%;
+    -webkit-box-shadow: 0 0 1.9vh #000;
+    box-shadow: 0 0 1.9vh #000;
+    border: 0.08em solid #222;
+    user-drag: none;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+
 .osdTitle,
 .osdTitleSmall {
     margin: 0 1em 0 0;
@@ -227,7 +248,14 @@
     animation: spin 4s linear infinite;
 }
 
+.pageContainer {
+    top: 0;
+    position: fixed;
+}
+
 @media all and (max-width: 30em) {
+    .btnFastForward,
+    .btnRewind,
     .osdMediaInfo,
     .osdPoster {
         display: none !important;
@@ -259,119 +287,3 @@
         display: none !important;
     }
 }
-
-.syncPlayContainer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-}
-
-.primary-icon {
-    position: absolute;
-    font-size: 64px;
-    align-self: center;
-}
-
-.primary-icon.spin {
-    font-size: 76px !important;
-    animation: spin 2s linear infinite;
-}
-
-.secondary-icon {
-    position: absolute;
-    font-size: 24px;
-}
-
-.secondary-icon.centered {
-    font-size: 28px !important;
-    align-self: center;
-}
-
-.secondary-icon.shifted {
-    right: 0;
-    bottom: 0;
-    font-size: 52px;
-}
-
-.syncPlayIconCircle {
-    position: relative;
-    visibility: hidden;
-    display: flex;
-    justify-content: center;
-
-    border-radius: 50%;
-    margin: 60px;
-    height: 96px;
-    width: 96px;
-
-    color: rgba(0, 164, 220, 0);
-    background: rgba(0, 164, 220, 0);
-    box-shadow: 0 0 0 0 rgba(0, 164, 220, 0);
-    transform: scale(1);
-}
-
-.syncPlayIconCircle.oneShotPulse {
-    animation: pulse 1.5s 1;
-}
-
-.syncPlayIconCircle.infinitePulse {
-    animation: infinite-pulse 1.5s infinite;
-}
-
-@keyframes pulse {
-    0% {
-        transform: scale(0.95);
-        color: rgba(0, 164, 220, 0.7);
-        background: rgba(0, 164, 220, 0.3);
-        box-shadow: 0 0 0 0 rgba(0, 164, 220, 0.3);
-    }
-
-    70% {
-        transform: scale(1);
-        color: rgba(0, 164, 220, 0);
-        background: rgba(0, 164, 220, 0);
-        box-shadow: 0 0 0 60px rgba(0, 164, 220, 0);
-    }
-
-    100% {
-        transform: scale(0.95);
-        color: rgba(0, 164, 220, 0);
-        background: rgba(0, 164, 220, 0);
-        box-shadow: 0 0 0 0 rgba(0, 164, 220, 0);
-    }
-}
-
-@keyframes infinite-pulse {
-    0% {
-        transform: scale(0.95);
-        color: rgba(0, 164, 220, 0.7);
-        background: rgba(0, 164, 220, 0.3);
-        box-shadow: 0 0 0 0 rgba(0, 164, 220, 0.3);
-    }
-
-    70% {
-        transform: scale(1);
-        color: rgba(0, 164, 220, 0.6);
-        background: rgba(0, 164, 220, 0);
-        box-shadow: 0 0 0 60px rgba(0, 164, 220, 0);
-    }
-
-    100% {
-        transform: scale(0.95);
-        color: rgba(0, 164, 220, 0.7);
-        background: rgba(0, 164, 220, 0.3);
-        box-shadow: 0 0 0 0 rgba(0, 164, 220, 0);
-    }
-}
-
-@keyframes spin {
-    100% {
-        transform: rotate(-360deg);
-    }
-}

src/assets/img/devices/edgechromium.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24"><title>Microsoft Edge icon</title><path d="M21.86 17.86q.14 0 .25.12.1.13.1.25t-.11.33l-.32.46-.43.53-.44.5q-.21.25-.38.42l-.22.23q-.58.53-1.34 1.04-.76.51-1.6.91-.86.4-1.74.64t-1.67.24q-.9 0-1.69-.28-.8-.28-1.48-.78-.68-.5-1.22-1.17-.53-.66-.92-1.44-.38-.77-.58-1.6-.2-.83-.2-1.67 0-1 .32-1.96.33-.97.87-1.8.14.95.55 1.77.41.82 1.02 1.5.6.68 1.38 1.21.78.54 1.64.9.86.36 1.77.56.92.2 1.8.2 1.12 0 2.18-.24 1.06-.23 2.06-.72l.2-.1.2-.05zm-15.5-1.27q0 1.1.27 2.15.27 1.06.78 2.03.51.96 1.24 1.77.74.82 1.66 1.4-1.47-.2-2.8-.74-1.33-.55-2.48-1.37-1.15-.83-2.08-1.9-.92-1.07-1.58-2.33T.36 14.94Q0 13.54 0 12.06q0-.81.32-1.49.31-.68.83-1.23.53-.55 1.2-.96.66-.4 1.35-.66.74-.27 1.5-.39.78-.12 1.55-.12.7 0 1.42.1.72.12 1.4.35.68.23 1.32.57.63.35 1.16.83-.35 0-.7.07-.33.07-.65.23v-.02q-.63.28-1.2.74-.57.46-1.05 1.04-.48.58-.87 1.26-.38.67-.65 1.39-.27.71-.42 1.44-.15.72-.15 1.38zM11.96.06q1.7 0 3.33.39 1.63.38 3.07 1.15 1.43.77 2.62 1.93 1.18 1.16 1.98 2.7.49.94.76 1.96.28 1 .28 2.08 0 .89-.23 1.7-.24.8-.69 1.48-.45.68-1.1 1.22-.64.53-1.45.88-.54.24-1.11.36-.58.13-1.16.13-.42 0-.97-.03-.54-.03-1.1-.12-.55-.1-1.05-.28-.5-.19-.84-.5-.12-.09-.23-.24-.1-.16-.1-.33 0-.15.16-.35.16-.2.35-.5.2-.28.36-.68.16-.4.16-.95 0-1.06-.4-1.96-.4-.91-1.06-1.64-.66-.74-1.52-1.28-.86-.55-1.79-.89-.84-.3-1.72-.44-.87-.14-1.76-.14-1.55 0-3.06.45T.94 7.55q.71-1.74 1.81-3.13 1.1-1.38 2.52-2.35Q6.68 1.1 8.37.58q1.7-.52 3.58-.52Z" fill="#fff"/></svg>