Version 1.3.1 (#57)

* feat: replace Bonjour service with udp-discovery for service discovery

* feat: update README and server configuration for environment variables

* feat: initialize Discovery with configurable port from environment variables

* Fixed an issue with horizontal scroll

Added overflow-x hidden to the body to prevent out of bounds elements to cause horizontal scrolling
Added a scrollbar-width: thin on every scrollbar purely for aesthetic reasons.

* feat: update Dockerfile and README to expose UDP port 44201 for service discovery

* Added an option to remove the libraries section from the home screen

An option to remove the libraries section from the home screen as it is redundant with the top nav. I made a new UI section in the settings page, it may or may not be the most organized idea, let me know!

* Added an option to remove the libraries section from the home screen

An option to remove the libraries section from the home screen as it is redundant with the top nav. I made a new UI section in the settings page, it may or may not be the most organized idea, let me know!

* Moved "Disable Home Libraries Section" to Libraries Settings

* Revert "Moved "Disable Home Libraries Section" to Libraries Settings"

This reverts commit d2b26be.

* Revert "Added an option to remove the libraries section from the home screen"

This reverts commit f574891.

* Moved "Disable Home Libraries Section" to Libraries Settings

* Add platform detection functionality and cache implementation

* Enhance getXPlexProps function to use platform detection

* Add device name retrieval and update platform cache structure

* Use HLS instead of DASHJS for Desktop

* Fixed the videos in the hero banner not taking the whole height/width

Added an objectFit: cover to the HeroDisplay Component so that the videos takes the whole space, also moved the z-index property as it was no being applied when not directly on the video component.

* Fixed hero video controls buttons being displayed on top of the app bar

Changed the z-index of the buttons of the hero to not make them appear over the app bar

---------

Co-authored-by: PixyTM <43484698+PixyTM@users.noreply.github.com>

Author: Ipmake

Dockerfile

@@ -12,6 +12,7 @@ RUN npx tsc
 RUN chmod +x /app/run.sh
 
 EXPOSE 3000
+EXPOSE 44201/udp
 VOLUME /app/data
 
 COPY frontend/build/ /app/www/

README.md

@@ -1,11 +1,12 @@
 # NEVU for Plex
+
 Fixing Plex's old and simple UI.
 
 [**Now also available for Android & AndroidTV**](https://github.com/Ipmake/Nevu/discussions/43)
 
 [**Docker Hub**](https://hub.docker.com/r/ipmake/nevu)
 
-*Click image for video*
+_Click image for video_
 [![Nevu1](assets/screenshot1.png)](https://www.youtube.com/watch?v=PuTOw3Wg9oY)
 ![Nevu2](assets/screenshot2.png)
 [More Screenshots](https://github.com/Ipmake/Nevu/tree/main/assets)
@@ -18,7 +19,6 @@ Nevu currently supports Movie and TV Show libraries. You can also play media via
 
 Mind that this project is still in development and may be unstable.
 
-
 ## Features
 - Modern, immersive UI
 - Seamless Plex integration
@@ -40,7 +40,7 @@ The easiest way to run Nevu is to use Docker. You can use the following command
 
 ```bash
 docker volume create nevu_data
-docker run --name nevu -p 3000:3000 -v nevu_data:/data -e PLEX_SERVER=http://your-plex-server:32400 ipmake/nevu
+docker run --name nevu -p 3000:3000 -p 44201:44201/udp -v nevu_data:/data -e PLEX_SERVER=http://your-plex-server:32400 ipmake/nevu
 ```
 
 ### Docker Compose
@@ -49,18 +49,19 @@ Alternatively, you can use Docker Compose to run Nevu. Create a `docker-compose.
 
 ```yaml
 services:
-    nevu:
-        image: ipmake/nevu
-        container_name: nevu
-        ports:
-            - "3000:3000"
-        volumes:
-            - nevu_data:/data
-        environment:
-            - PLEX_SERVER=http://your-plex-server:32400
+  nevu:
+    image: ipmake/nevu
+    container_name: nevu
+    ports:
+      - "3000:3000"
+      - "44201:44201/udp"
+    volumes:
+      - nevu_data:/data
+    environment:
+      - PLEX_SERVER=http://your-plex-server:32400
 
 volumes:
-    nevu_data:
+  nevu_data:
 ```
 
 Then run:
@@ -70,17 +71,19 @@ docker-compose up -d
 ```
 
 ### Environment Variables
-| Name                     | Type       | Required | Description                                                                 |
-|--------------------------|------------|----------|-----------------------------------------------------------------------------|
-| `PLEX_SERVER`            | string     | Yes      | The URL of the Plex server that the backend will proxy to (CAN BE LOCAL)    |
-| `DISABLE_TLS_VERIFY`     | true/false | No       | If set to true, the proxy will not check any https ssl certificates         |
-| `DISABLE_NEVU_SYNC`      | true/false | No       | If set to true, Nevu sync (watch together) will be disabled                 |
-| `DISABLE_REQUEST_LOGGING`| true/false | No       | If set to true, the server will not log any requests                        |
-| `DISABLE_GLOBAL_REVIEWS` | true/false | No       | If set to true, nevu global reviews will be disabled                        |
-
 
+| Name                      | Type       | Required | Description                                                                      |
+| ------------------------- | ---------- | -------- | -------------------------------------------------------------------------------- |
+| `PLEX_SERVER`             | string     | Yes      | The URL of the Plex server that the backend will proxy to (CAN BE LOCAL)         |
+| `PORT`                    | number     | No       | The port you published the docker container to, defaults to 3000 (For discovery) |
+| `LISTEN_PORT`             | number     | No       | The port the nevu server will listen on                                          |
+| `DISABLE_TLS_VERIFY`      | true/false | No       | If set to true, the proxy will not check any https ssl certificates              |
+| `DISABLE_NEVU_SYNC`       | true/false | No       | If set to true, Nevu sync (watch together) will be disabled                      |
+| `DISABLE_REQUEST_LOGGING` | true/false | No       | If set to true, the server will not log any requests                             |
+| `DISABLE_GLOBAL_REVIEWS`  | true/false | No       | If set to true, nevu global reviews will be disabled                             |
 
 ## Contributing
+
 Pull requests are welcome for any feature or a bug fix. For major changes, please open an issue first to discuss what you would like to change.
 
 ## Development

backend/.gitignore

@@ -1,4 +1,5 @@
 node_modules
 # Keep environment variables out of version control
 .env
-/data
+/data
+/www

backend/package-lock.json

@@ -5,16 +5,17 @@
   "dependencies": {
     "@prisma/client": "^6.2.1",
     "axios": "^1.6.8",
-    "bonjour-service": "^1.3.0",
     "express": "^4.18.2",
     "http-proxy": "^1.18.1",
     "socket.io": "^4.8.1",
+    "udp-discovery": "^2.0.2",
     "undici-types": "^5.26.5"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",
     "@types/http-proxy": "^1.17.16",
     "@types/node": "^20.11.16",
+    "@types/udp-discovery": "^2.0.4",
     "prisma": "^6.2.1",
     "typescript": "^5.3.3"
   },