Jellyfin Web

Part of the Jellyfin Project

---

Add's a new tab to the top of jellyfin for easily accessible request page that user is hosting via ombi/jellyseer

prepacked in https://hub.docker.com/r/soultaco83/jellyfin_with_request

Simply use the plugin listed https://github.com/soultaco83/Jellyfin_requests_plugin

---

To install the Webui to jellyfin via docker:

1. Download and extract the latest modified web interface from Releases
2. Extract the archive somewhere on your server and make note of the full path to the dist folder
3. Mount the dist folder to your container as /jellyfin/jellyfin-web if using the official container, or /usr/share/jellyfin/web if using the linuxserver container. Example docker-compose snippet:

services:
    jellyfin:
        ports:
            - '8096:8096'
        volumes:
            # change `:ro` to `:rw` if you are using a plugin that modifies Jellyfin's web interface from inside the container (such as Jellyscrub)
            - '/full/path/to/extracted/dist:/jellyfin/jellyfin-web:ro'  # <== add this line if using the official container
            - '/full/path/to/extracted/dist:/usr/share/jellyfin/web:ro' # <== add this line if using the linuxserver container
            - '/config:/config'
            - '/media:/media:ro'
        image: 'jellyfin/jellyfin:10.8.0'

Instructions for Unraid users only

In the Docker tab, click on the Jellyfin container, then click on "Edit" and enable the advanced view. Under "Extra Parameters", add one of the following:

• If using the jellyfin/jellyfin container: --volume /full/path/to/extracted/dist:/jellyfin/jellyfin-web:ro
• If using the linuxserver/jellyfin container: --volume /full/path/to/extracted/dist:/usr/share/jellyfin/web:ro

---

Jellyfin Web is the frontend used for most of the clients available for end users, such as desktop browsers, Android, and iOS. We welcome all contributions and pull requests! If you have a larger feature in mind please open an issue so we can discuss the implementation before you start. Translations can be improved very easily from our Weblate instance. Look through the following graphic to see if your native language could use some work!

Build Process

Dependencies

• Node.js
• npm (included in Node.js)

Getting Started

1. Clone or download this repository.

   git clone https://github.com/jellyfin/jellyfin-web.git
   cd jellyfin-web

2. Install build dependencies in the project directory.

   npm install

3. Run the web client with webpack for local development.

   npm start

4. Build the client with sourcemaps available.

   npm run build:development

Directory Structure

.
└── src
    ├── apps
    │   ├── dashboard     # Admin dashboard app layout and routes
    │   ├── experimental  # New experimental app layout and routes
    │   └── stable        # Classic (stable) app layout and routes
    ├── assets            # Static assets
    ├── components        # Higher order visual components and React components
    ├── controllers       # Legacy page views and controllers 🧹
    ├── elements          # Basic webcomponents and React wrappers 🧹
    ├── hooks             # Custom React hooks
    ├── lib               # Reusable libraries
    │   ├── globalize     # Custom localization library
    │   ├── legacy        # Polyfills for legacy browsers
    │   ├── navdrawer     # Navigation drawer library for classic layout
    │   └── scroller      # Content scrolling library
    ├── plugins           # Client plugins
    ├── scripts           # Random assortment of visual components and utilities 🐉
    ├── strings           # Translation files
    ├── styles            # Common app Sass stylesheets
    ├── themes            # CSS themes
    ├── types             # Common TypeScript interfaces/types
    └── utils             # Utility functions

• 🧹 — Needs cleanup
• 🐉 — Serious mess (Here be dragons)