Merge branch 'develop'

Signed-off-by: Pedro Lamas <[email protected]>

Author: pedrolamas

.devcontainer/Dockerfile

@@ -1,26 +1,20 @@
-FROM alpine:3.18
+FROM node:24-alpine
 
 RUN \
   apk update \
   && apk add \
     git \
     git-zsh-completion \
-    nodejs \
-    npm \
-    openssh \
     sudo \
     shadow \
     zsh \
     zsh-completions \
-  && rm -f /etc/apk/cache/* /root/.cache \
-  && groupadd vscode \
-  && useradd -s /bin/zsh --gid vscode -m vscode \
-  && echo vscode ALL=\(root\) NOPASSWD:ALL > /etc/sudoers.d/vscode \
-  && chmod 0440 /etc/sudoers.d/vscode \
-  && mkdir -p "/home/vscode" \
-  && chown vscode:vscode "/home/vscode"
+  && echo node ALL=\(root\) NOPASSWD:ALL > /etc/sudoers.d/node \
+  && chmod 0440 /etc/sudoers.d/node \
+  && chsh -s /bin/zsh node \
+  && rm -f /etc/apk/cache/* /root/.cache
 
-USER vscode
+USER node
 
 RUN \
   sh -c "$(wget https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"

.devcontainer/devcontainer.json

@@ -5,7 +5,7 @@
   "dockerComposeFile": "docker-compose.yml",
   "service": "fluidd",
   "workspaceFolder": "/workspaces/fluidd",
-  "forwardPorts": [5000, 8080, 7125, 8110],
+  "forwardPorts": [7125, 8080],
   "features": {
   },
   "postCreateCommand": "npm ci && npm run bootstrap",
@@ -33,5 +33,5 @@
       }
     }
   },
-  "remoteUser": "vscode"
+  "remoteUser": "node"
 }

.devcontainer/docker-compose.yml

@@ -7,21 +7,8 @@ services:
     volumes:
       - ..:/workspaces/fluidd/:cached
     command: sleep infinity
-    networks:
-      - fluidd-dev
-    ports:
-      - "5000:5000"
-      - "8080:8080"
+    network_mode: service:klipper-simulavr
 
   klipper-simulavr:
     image: ei99070/docker-klipper-simulavr:latest
     restart: unless-stopped
-    networks:
-      - fluidd-dev
-    ports:
-      - "7125:7125"
-      - "8110:8080"
-
-networks:
-  fluidd-dev:
-    driver: bridge

.github/workflows/build.yml

@@ -23,7 +23,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - name: Install dependencies

.github/workflows/release.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - name: Install dependencies

.node-version

@@ -1 +1 @@
-22.11.0
+24.11.0

components.d.ts

@@ -1,8 +1,11 @@
 /* eslint-disable */
 // @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-// biome-ignore lint: disable
+
 export {}
 
 /* prettier-ignore */

docs/development/index.md

@@ -41,17 +41,17 @@ printer.
 
 ## Running Fluidd locally
 
-### Install Node v20
+### Install Node v24
 
-Follow the instructions from [Node.js](https://nodejs.org) to install Node.js, v20.x.
+Follow the instructions from [Node.js](https://nodejs.org) to install Node.js, v24.x.
 
 Check that Node.js was installed properly:
 
 ```bash
 $ node --version
-v20.9.0
+v24.11.0
 $ npm --version
-10.1.0
+11.6.2
 ```
 
 ### Install dependencies

docs/features/cameras.md

@@ -34,6 +34,11 @@ The current supported types are:
     frame rate.
   - A more reliable approach in certain scenarios.
 
+- **UV4L-MJPEG Stream**
+  - Similiar to regular MJPEG Stream, however it has lower impact on the browser
+    as it doesn't use a worker to read the stream and thus has no FPS
+    indication.
+
 - **HLS Stream**  
   - Loads an HLS (HTTP Live Streaming) video stream via [HLS.js](https://hlsjs.video-dev.org/).
   - Utilizes HTML5 video and MediaSource Extensions for playback, requiring a

docs/installation/manual.md

@@ -14,7 +14,7 @@ permalink: /installation/manual
 Fluidd comes with a `build` script which automatically transpiles and bundles the source code.
 Every Fluidd release has a pre-built package available in the [GitHub Releases](https://github.com/fluidd-core/fluidd/releases) (`fluidd.zip`).
 
-To manually build Fluidd, make sure you have NodeJS (v16.x) and Git installed. You can follow these steps to build the Fluidd repository:
+To manually build Fluidd, make sure you have NodeJS (v24.x) and Git installed. You can follow these steps to build the Fluidd repository:
 1. Clone the [Fluidd source code](https://github.com/fluidd-core/fluidd): `git clone https://github.com/fluidd-core/fluidd.git`
 2. Navigate to the Fluidd source code directory: `cd fluidd`
 3. Install the dependencies: `npm ci`