build(docker): use cross compilation

.github/ISSUE_TEMPLATE/config.yml

@@ -5,9 +5,15 @@
 
 blank_issues_enabled: false
 contact_links:
+  - name: Discussions
+    url: https://github.com/orgs/LizardByte/discussions
+    about: Community discussions
+  - name: Questions
+    url: https://github.com/orgs/LizardByte/discussions
+    about: Ask questions
+  - name: Feature Requests
+    url: https://github.com/orgs/LizardByte/discussions
+    about: Request new features
   - name: Support Center
     url: https://app.lizardbyte.dev/support
     about: Official LizardByte support
-  - name: Discussions
-    url: https://github.com/orgs/LizardByte/discussions
-    about: Community discussions, questions, and feature requests

.github/workflows/ci-docker.yml

@@ -123,7 +123,7 @@ jobs:
   docker:
     needs: [check_dockerfiles, setup_release]
     if: ${{ needs.check_dockerfiles.outputs.dockerfiles }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     permissions:
       packages: write
       contents: write

api/components/responses/400.yml

@@ -1,17 +0,0 @@
----
-description: Bad Request - A parameter was not specified, or was specified incorrectly.
-content:
-  application/json:
-    schema:
-      type: object
-      properties:
-        status_code:
-          type: string
-        status:
-          type: string
-        error:
-          type: string
-    example:
-      status_code: 400
-      status: false
-      error: "Bad Request"

api/components/responses/401.yml

@@ -1,17 +0,0 @@
----
-description: Unauthorized - The request requires user authentication.
-content:
-  application/json:
-    schema:
-      type: object
-      properties:
-        status_code:
-          type: string
-        status:
-          type: string
-        error:
-          type: string
-    example:
-      status_code: 401
-      status: false
-      error: "Unauthorized"

api/components/responses/403.yml

@@ -1,7 +0,0 @@
----
-description: Forbidden - The server understood the request, but is refusing to fulfill it.
-content:
-  # TODO: return JSON response.
-  text/plain:
-    schema:
-      type: string

api/components/responses/404.yml

@@ -1,15 +0,0 @@
----
-description: Not Found - The requested resource could not be found.
-content:
-  application/json:
-    schema:
-      type: object
-      properties:
-        status_code:
-          type: integer
-          format: int32
-        error:
-          type: string
-    example:
-      status_code: 404
-      error: "Not Found"

api/components/schemas/app.yml

@@ -1,48 +0,0 @@
----
-type: object
-required:
-  - name
-properties:
-  name:
-    type: string
-    description: Application Name, as shown on Moonlight
-  output:
-    type: string
-    description: The file where the output of the command is stored, if it is not specified, the output is ignored
-  cmd:
-    $ref: "./cmd.yml"
-    description: The main application to start. If blank, no application will be started.
-  exclude-global-prep-cmd:
-    type: boolean
-    description: Enable/Disable the execution of Global Prep Commands for this application.
-  elevated:
-    type: boolean
-    description: Run the application as an elevated process.
-  auto-detach:
-    type: boolean
-    description: Continue streaming if the application exits quickly
-  wait-all:
-    type: boolean
-    description: Continue streaming until all app processes exit
-  exit-timeout:
-    type: integer
-    description: Number of seconds to wait for all app processes to gracefully exit when requested to quit.
-  image-path:
-    type: string
-    description: |
-      Application icon/picture/image path that will be sent to client. Image must be a PNG file.
-      If not set, Sunshine will send default box image.
-  working-dir:
-    type: string
-    description: |
-      The working directory that should be passed to the process.
-      For example, some applications use the working directory to search for configuration files.
-      If not set, Sunshine will default to the parent directory of the command
-  prep-cmd:
-    type: array
-    items:
-      $ref: "./prep-cmd.yml"
-  detached:
-    type: array
-    items:
-      $ref: "./cmd.yml"

api/components/schemas/cmd.yml

@@ -1,3 +0,0 @@
----
-type: string
-description: Command to execute

api/components/schemas/prep-cmd.yml

@@ -1,16 +0,0 @@
----
-type: object
-required:
-  - do
-  - undo
-  - elevated
-properties:
-  do:
-    $ref: "./cmd.yml"
-    description: Command to run before the application starts.
-  undo:
-    $ref: "./cmd.yml"
-    description: Command to run after the application exits.
-  elevated:
-    type: boolean
-    description: Run the command as an elevated process.

api/openapi.yml

@@ -1,44 +0,0 @@
----
-# https://openapi.tools
-
-openapi: 3.1.0
-
-info:
-  title: Sunshine
-  summary: Self-hosted game stream host for Moonlight.
-  version: 0.0.0
-  contact:
-    name: LizardByte
-    url: https://app.lizardbyte.dev/support
-  license:
-    name: GNU General Public License v3.0 only
-    url: https://github.com/LizardByte/Sunshine/blob/master/LICENSE
-
-servers:
-  - url: "https://{host}:{ui-port}"
-    description: Sunshine server
-    variables:
-      host:
-        default: "localhost"
-      ui-port:
-        default: 47990
-
-security:
-  - basicAuth: []
-
-components:
-  securitySchemes:
-    # TODO: update when JWT is implemented (https://github.com/LizardByte/Sunshine/pull/2995)
-    # https://swagger.io/specification/#security-scheme-object-examples
-    basicAuth:
-      description: HTTP Basic authentication
-      type: http
-      scheme: basic
-
-paths:
-  /api/apps:
-    $ref: "./paths/confighttp/apps/apps.yml"
-  /api/apps/{index}:
-    $ref: "./paths/confighttp/apps/apps-by-index.yml"
-  /api/logs:
-    $ref: "./paths/confighttp/logs/logs.yml"

api/paths/confighttp/apps/apps-by-index.yml

@@ -1,37 +0,0 @@
----
-delete:
-  summary: Delete an application.
-  description: |
-    Delete an application.
-  operationId: deleteApps
-  tags:
-    - Apps
-  parameters:
-    - name: index
-      in: path
-      description: The index of the application to delete.
-      required: true
-      schema:
-        type: integer
-        format: int32
-  responses:
-    '200':
-      description: The application was deleted successfully.
-      content:
-        application/json:
-          schema:
-            type: object
-            properties:
-              status:
-                type: string
-              result:
-                type: string
-          example:
-            status: true
-            result: "application 9999 deleted"
-    '400':
-      $ref: "../../../components/responses/400.yml"
-    '401':
-      $ref: "../../../components/responses/401.yml"
-    '403':
-      $ref: "../../../components/responses/403.yml"

api/paths/confighttp/apps/apps.yml

@@ -1,151 +0,0 @@
----
-get:
-  summary: Get the list of available applications.
-  description: |
-    Get the list of available applications.
-  operationId: getApps
-  tags:
-    - Apps
-  responses:
-    '200':
-      description: A list of available applications.
-      content:
-        application/json:
-          schema:
-            type: array
-            items:
-              $ref: "../../../components/schemas/app.yml"
-          example:
-            - name: "Example App"
-              output: "/path/to/output.log"
-              cmd: "example-command"
-              exclude-global-prep-cmd: false
-              elevated: false
-              auto-detach: true
-              wait-all: false
-              exit-timeout: 30
-              image-path: "/path/to/image.png"
-              working-dir: "/path/to/working-dir"
-              prep-cmd:
-                - do: "prep-command-1"
-                  undo: "undo-command-1"
-                  elevated: false
-              detached:
-                - "detached-command-1"
-    '401':
-      $ref: "../../../components/responses/401.yml"
-    '403':
-      $ref: "../../../components/responses/403.yml"
-
-post:
-  summary: Save an application.
-  description: |
-    Save an application.
-    To save a new application the index must be `-1`.
-    To update an existing application, you must provide the current index of the application.
-  operationId: postApps
-  tags:
-    - Apps
-  parameters:
-    - name: index
-      in: query
-      description: The index of the application to update. If the index is -1, a new application will be created.
-      required: true
-      schema:
-        type: integer
-        format: int32
-    - name: name
-      in: query
-      description: Application Name
-      required: false
-      schema:
-        type: string
-    - name: output
-      in: query
-      description: Log Output Path
-      required: false
-      schema:
-        type: string
-    - name: cmd
-      in: query
-      description: Command to run the application
-      required: false
-      schema:
-        $ref: "../../../components/schemas/cmd.yml"
-    - name: exclude-global-prep-cmd
-      in: query
-      description: Enable/Disable the execution of Global Prep Commands for this application.
-      required: false
-      schema:
-        type: boolean
-    - name: elevated
-      in: query
-      description: Run the application as an elevated process.
-      required: false
-      schema:
-        type: boolean
-    - name: auto-detach
-      in: query
-      description: Continue streaming if the application exits quickly
-      required: false
-      schema:
-        type: boolean
-    - name: wait-all
-      in: query
-      description: Continue streaming until all app processes exit
-      required: false
-      schema:
-        type: boolean
-    - name: exit-timeout
-      in: query
-      description: Number of seconds to wait for all app processes to gracefully exit when requested to quit.
-      required: false
-      schema:
-        type: integer
-        format: int32
-    - name: prep-cmd
-      in: query
-      description: Commands to run before the main application
-      required: false
-      schema:
-        type: array
-        items:
-          $ref: "../../../components/schemas/prep-cmd.yml"
-    - name: detached
-      in: query
-      description: Commands to run in detached processes
-      required: false
-      schema:
-        type: array
-        items:
-        $ref: "../../../components/schemas/cmd.yml"
-    - name: image-path
-      in: query
-      description: Full path to the application image. Must be a png file.
-      required: false
-      schema:
-        type: string
-    - name: working-dir
-      in: query
-      description: The working directory that should be passed to the process.
-      required: false
-      schema:
-        type: string
-  responses:
-    '200':
-      description: The application was saved successfully.
-      content:
-        application/json:
-          schema:
-            type: object
-            properties:
-              status:
-                type: string
-          example:
-            status: true
-    '400':
-      $ref: "../../../components/responses/400.yml"
-    '401':
-      $ref: "../../../components/responses/401.yml"
-    '403':
-      $ref: "../../../components/responses/403.yml"

api/paths/confighttp/logs/logs.yml

@@ -1,20 +0,0 @@
----
-get:
-  summary: Get the logs from the log file.
-  description: |
-    Get the logs from the log file.
-  operationId: getLogs
-  tags:
-    - Logs
-  responses:
-    '200':
-      description: The contents of the log file.
-      content:
-        text/plain:
-          schema:
-            type: string
-          example: '[2025-01-15 17:07:58.131]: Info: Sunshine version: v...'
-    '401':
-      $ref: "../../../components/responses/401.yml"
-    '403':
-      $ref: "../../../components/responses/403.yml"

docker/debian-bookworm.dockerfile

@@ -1,16 +1,19 @@
 # syntax=docker/dockerfile:1
 # artifacts: true
 # platforms: linux/amd64,linux/arm64/v8
-# platforms_pr: linux/amd64
+# platforms_pr: linux/amd64,linux/arm64/v8
 # no-cache-filters: sunshine-base,artifacts,sunshine
 ARG BASE=debian
 ARG TAG=bookworm
 FROM ${BASE}:${TAG} AS sunshine-base
-
 ENV DEBIAN_FRONTEND=noninteractive
 
-FROM sunshine-base AS sunshine-build
+ARG BASE
+ARG TAG
+FROM --platform=$BUILDPLATFORM ${BASE}:${TAG} AS sunshine-build
+ENV DEBIAN_FRONTEND=noninteractive
 
+ARG TARGETPLATFORM
 ARG BRANCH
 ARG BUILD_VERSION
 ARG COMMIT
@@ -30,8 +33,33 @@ COPY --link .. .
 RUN <<_BUILD
 #!/bin/bash
 set -e
+
+if [[ "${BUILDPLATFORM}" != "${TARGETPLATFORM}" ]]; then
+  cross_compile="--cross-compile"
+else
+  cross_compile=""
+fi
+
+case "${TARGETPLATFORM}" in
+  linux/amd64)
+    cc_target_tuple="x86_64-linux-gnu"
+    cc_target_arch="amd64"
+    ;;
+  linux/arm64)
+    cc_target_tuple="aarch64-linux-gnu"
+    cc_target_arch="arm64"
+    ;;
+  *)
+    echo "unsupported platform: ${TARGETPLATFORM}";
+    exit 1
+    ;;
+esac
+
 chmod +x ./scripts/linux_build.sh
 ./scripts/linux_build.sh \
+  ${cross_compile} \
+  --cc-target-tuple="${cc_target_tuple}" \
+  --cc-target-arch="${cc_target_arch}" \
   --publisher-name='LizardByte' \
   --publisher-website='https://app.lizardbyte.dev' \
   --publisher-issue-url='https://app.lizardbyte.dev/support' \

scripts/linux_build.sh

@@ -3,6 +3,11 @@ set -e
 
 # Default value for arguments
 appimage_build=0
+cc_install_root="/mnt/cross"
+cc_target_tuple="$(uname -m)-linux-gnu"
+cc_target_arch="$(dpkg --print-architecture || rpm --eval '%{_host}')"
+cross_compile=0
+num_processors=$(nproc)
 publisher_name="Third Party Publisher"
 publisher_website=""
 publisher_issue_url="https://app.lizardbyte.dev/support"
@@ -27,6 +32,11 @@ Options:
   -h, --help               Display this help message.
   -s, --sudo-off           Disable sudo command.
   --appimage-build         Compile for AppImage, this will not create the AppImage, just the executable.
+  --cc-install-root        The root directory to install the cross compiler. Default is /mnt/cross. (Fedora only)
+  --cc-target-tuple        The target tuple for the cross compiler.
+  --cc-target-arch         The target architecture for the cross compiler.
+  --cross-compile          Enable cross compilation.
+  --num-processors         The number of processors to use for compilation. Default is the value of 'nproc'.
   --publisher-name         The name of the publisher (not developer) of the application.
   --publisher-website      The URL of the publisher's website.
   --publisher-issue-url    The URL of the publisher's support site or issue tracker.
@@ -53,6 +63,19 @@ while getopts ":hs-:" opt; do
           appimage_build=1
           skip_libva=1
           ;;
+        cc-install-root=*)
+          cc_install_root="${OPTARG#*=}"
+          ;;
+        cc-target-tuple=*)
+          cc_target_tuple="${OPTARG#*=}"
+          ;;
+        cc-target-arch=*)
+          cc_target_arch="${OPTARG#*=}"
+          ;;
+        cross-compile) cross_compile=1 ;;
+        num-processors=*)
+          num_processors="${OPTARG#*=}"
+          ;;
         publisher-name=*)
           publisher_name="${OPTARG#*=}"
           ;;
@@ -92,28 +115,28 @@ function add_debain_based_deps() {
     "cmake"
     "doxygen"
     "flex"  # required if we need to compile doxygen
-    "gcc-${gcc_version}"
-    "g++-${gcc_version}"
+    "gcc-${gcc_version}:${cc_target_arch}"
+    "g++-${gcc_version}:${cc_target_arch}"
     "git"
     "graphviz"
-    "libcap-dev"  # KMS
-    "libcurl4-openssl-dev"
-    "libdrm-dev"  # KMS
-    "libevdev-dev"
-    "libminiupnpc-dev"
-    "libnotify-dev"
-    "libnuma-dev"
-    "libopus-dev"
-    "libpulse-dev"
-    "libssl-dev"
-    "libwayland-dev"  # Wayland
-    "libx11-dev"  # X11
-    "libxcb-shm0-dev"  # X11
-    "libxcb-xfixes0-dev"  # X11
-    "libxcb1-dev"  # X11
-    "libxfixes-dev"  # X11
-    "libxrandr-dev"  # X11
-    "libxtst-dev"  # X11
+    "libcap-dev:${cc_target_arch}"  # KMS
+    "libcurl4-openssl-dev:${cc_target_arch}"
+    "libdrm-dev:${cc_target_arch}"  # KMS
+    "libevdev-dev:${cc_target_arch}"
+    "libminiupnpc-dev:${cc_target_arch}"
+    "libnotify-dev:${cc_target_arch}"
+    "libnuma-dev:${cc_target_arch}"
+    "libopus-dev:${cc_target_arch}"
+    "libpulse-dev:${cc_target_arch}"
+    "libssl-dev:${cc_target_arch}"
+    "libwayland-dev:${cc_target_arch}"  # Wayland
+    "libx11-dev:${cc_target_arch}"  # X11
+    "libxcb-shm0-dev:${cc_target_arch}"  # X11
+    "libxcb-xfixes0-dev:${cc_target_arch}"  # X11
+    "libxcb1-dev:${cc_target_arch}"  # X11
+    "libxfixes-dev:${cc_target_arch}"  # X11
+    "libxrandr-dev:${cc_target_arch}"  # X11
+    "libxtst-dev:${cc_target_arch}"  # X11
     "ninja-build"
     "npm"  # web-ui
     "udev"
@@ -123,7 +146,13 @@ function add_debain_based_deps() {
 
   if [ "$skip_libva" == 0 ]; then
     dependencies+=(
-      "libva-dev"  # VA-API
+      "libva-dev:${cc_target_arch}"  # VA-API
+    )
+  fi
+
+  if [ "$cross_compile" == 1 ]; then
+    dependencies+=(
+      "crossbuild-essential-${cc_target_arch}"
     )
   fi
 }
@@ -131,7 +160,7 @@ function add_debain_based_deps() {
 function add_debain_deps() {
   add_debain_based_deps
   dependencies+=(
-    "libayatana-appindicator3-dev"
+    "libayatana-appindicator3-dev:${cc_target_arch}"
   )
 }
 
@@ -143,7 +172,7 @@ function add_ubuntu_deps() {
 
   add_debain_based_deps
   dependencies+=(
-    "libappindicator3-dev"
+    "libappindicator3-dev:${cc_target_arch}"
   )
 }
 
@@ -151,10 +180,19 @@ function add_fedora_deps() {
   dependencies+=(
     "cmake"
     "doxygen"
-    "gcc"
-    "g++"
     "git"
     "graphviz"
+    "ninja-build"
+    "npm"
+    "rpm-build"  # if you want to build an RPM binary package
+    "wget"  # necessary for cuda install with `run` file
+    "which"  # necessary for cuda install with `run` file
+    "xorg-x11-server-Xvfb"  # necessary for headless unit testing
+  )
+
+  arch_dependencies=(
+    "gcc"
+    "g++"
     "libappindicator-gtk3-devel"
     "libcap-devel"
     "libcurl-devel"
@@ -171,20 +209,14 @@ function add_fedora_deps() {
     "libXtst-devel"  # X11
     "mesa-libGL-devel"
     "miniupnpc-devel"
-    "ninja-build"
-    "npm"
     "numactl-devel"
     "openssl-devel"
     "opus-devel"
     "pulseaudio-libs-devel"
-    "rpm-build"  # if you want to build an RPM binary package
-    "wget"  # necessary for cuda install with `run` file
-    "which"  # necessary for cuda install with `run` file
-    "xorg-x11-server-Xvfb"  # necessary for headless unit testing
   )
 
   if [ "$skip_libva" == 0 ]; then
-    dependencies+=(
+    arch_dependencies+=(
       "libva-devel"  # VA-API
     )
   fi
@@ -199,15 +231,15 @@ function install_cuda() {
 
   local cuda_prefix="https://developer.download.nvidia.com/compute/cuda/"
   local cuda_suffix=""
-  if [ "$architecture" == "aarch64" ]; then
+  if [ "$cc_target_arch" == "aarch64" ]; then
     local cuda_suffix="_sbsa"
   fi
 
-  if [ "$architecture" == "aarch64" ]; then
+  if [ "$cc_target_arch" == "aarch64" ]; then
     # we need to patch the math-vector.h file for aarch64 fedora
     # back up /usr/include/bits/math-vector.h
     math_vector_file=""
-    if [ "$distro" == "ubuntu" ] || [ "$version" == "24.04" ]; then
+    if [ "$distro" == "ubuntu" ] && [ "$version" == "24.04" ]; then
       math_vector_file="/usr/include/aarch64-linux-gnu/bits/math-vector.h"
     elif [ "$distro" == "fedora" ]; then
       math_vector_file="/usr/include/bits/math-vector.h"
@@ -278,6 +310,11 @@ function run_install() {
     "-DSUNSHINE_ENABLE_DRM=ON"
   )
 
+  if [ "$cross_compile" == 1 ]; then
+    cmake_args+=("-DCMAKE_C_COMPILER=${cc_target_tuple}-gcc")
+    cmake_args+=("-DCMAKE_CXX_COMPILER=${cc_target_tuple}-g++")
+  fi
+
   if [ "$appimage_build" == 1 ]; then
     cmake_args+=("-DSUNSHINE_BUILD_APPIMAGE=ON")
   fi
@@ -308,6 +345,11 @@ function run_install() {
   # Install the dependencies
   $package_install_command "${dependencies[@]}"
 
+  # Fedora has a special command for installing architecture specific packages
+  if [ "$distro" == "fedora" ]; then
+    $package_install_command_arch "${arch_dependencies[@]}"
+  fi
+
   # reload the environment
   # shellcheck source=/dev/null
   source ~/.bashrc
@@ -367,7 +409,7 @@ function run_install() {
       tar -xzf "${build_dir}/doxygen.tar.gz"
       cd "doxygen-${doxygen_min}"
       cmake -DCMAKE_BUILD_TYPE=Release -G="Ninja" -B="build" -S="."
-      ninja -C "build"
+      ninja -C "build" -j"${num_processors}"
       ninja -C "build" install
     else
       echo "Doxygen version too low, skipping docs"
@@ -443,6 +485,11 @@ elif grep -q "PLATFORM_ID=\"platform:f39\"" /etc/os-release; then
   version="39"
   package_update_command="${sudo_cmd} dnf update -y"
   package_install_command="${sudo_cmd} dnf install -y"
+  if [ "$cross_compile" == 0 ]; then
+    package_install_command_arch="${sudo_cmd} dnf -y --releasever=39 --forcearch=${cc_target_arch} install"
+  else
+    package_install_command_arch="${sudo_cmd} dnf -y --installroot=${cc_install_root} --releasever=39 --forcearch=${cc_target_arch} install"
+  fi
   cuda_version="12.4.0"
   cuda_build="550.54.14"
   gcc_version="13"
@@ -452,6 +499,11 @@ elif grep -q "PLATFORM_ID=\"platform:f40\"" /etc/os-release; then
   version="40"
   package_update_command="${sudo_cmd} dnf update -y"
   package_install_command="${sudo_cmd} dnf install -y"
+  if [ "$cross_compile" == 0 ]; then
+    package_install_command_arch="${sudo_cmd} dnf -y --releasever=39 --forcearch=${cc_target_arch} install"
+  else
+    package_install_command_arch="${sudo_cmd} dnf -y --installroot=${cc_install_root} --releasever=39 --forcearch=${cc_target_arch} install"
+  fi
   cuda_version=
   cuda_build=
   gcc_version="13"

src_assets/common/assets/web/apps.html

@@ -441,7 +441,7 @@
         );
         if (resp) {
           fetch("./api/apps/" + id, { method: "DELETE" }).then((r) => {
-            if (r.status == 200) document.location.reload();
+            if (r.status === 200) document.location.reload();
           });
         }
       },
@@ -557,7 +557,7 @@
           method: "POST",
           body: JSON.stringify(this.editForm),
         }).then((r) => {
-          if (r.status == 200) document.location.reload();
+          if (r.status === 200) document.location.reload();
         });
       },
     },

src_assets/common/assets/web/password.html

@@ -94,10 +94,10 @@
           method: "POST",
           body: JSON.stringify(this.passwordData),
         }).then((r) => {
-          if (r.status == 200) {
+          if (r.status === 200) {
             r.json().then((rj) => {
-              if (rj.status.toString() === "true") {
-                this.success = true;
+              this.success = rj.status;
+              if (this.success === true) {
                 setTimeout(() => {
                   document.location.reload();
                 }, 5000);

src_assets/common/assets/web/pin.html

@@ -42,7 +42,7 @@
         fetch("./api/pin", {method: "POST", body: b})
           .then((response) => response.json())
           .then((response) => {
-            if (response.status.toString().toLowerCase() === "true") {
+            if (response.status === true) {
               document.querySelector(
                 "#status"
               ).innerHTML = `<div class="alert alert-success" role="alert">${this.i18n.t('pin.pair_success')}</div>`;

src_assets/common/assets/web/troubleshooting.html

@@ -120,13 +120,14 @@
       </div>
       <ul id="client-list" class="list-group list-group-flush list-group-item-light" v-if="clients && clients.length > 0">
         <div v-for="client in clients" class="list-group-item d-flex">
-          <div class="p-2 flex-grow-1">{{client.name != "" ? client.name : $t('troubleshooting.unpair_single_unknown')}}</div><div class="me-2 ms-auto btn btn-danger" @click="unpairSingle(client.uuid)"><i class="fas fa-trash"></i></div>
+          <div class="p-2 flex-grow-1">{{ client.name !== "" ? client.name : $t('troubleshooting.unpair_single_unknown') }}</div>
+          <div class="me-2 ms-auto btn btn-danger" @click="unpairSingle(client.uuid)"><i class="fas fa-trash"></i></div>
         </div>
       </ul>
       <ul v-else class="list-group list-group-flush list-group-item-light">
         <div class="list-group-item p-3 text-center"><em>{{ $t('troubleshooting.unpair_single_no_devices') }}</em></div>
       </ul>
-      
+
     </div>
     <!-- Logs -->
     <div class="card p-2 my-4">
@@ -176,7 +177,7 @@
         actualLogs() {
           if (!this.logFilter) return this.logs;
           let lines = this.logs.split("\n");
-          lines = lines.filter(x => x.indexOf(this.logFilter) != -1);
+          lines = lines.filter(x => x.indexOf(this.logFilter) !== -1);
           return lines.join("\n");
         }
       },
@@ -210,7 +211,7 @@
             .then((r) => r.json())
             .then((r) => {
               this.closeAppPressed = false;
-              this.closeAppStatus = r.status.toString() === "true";
+              this.closeAppStatus = r.status;
               setTimeout(() => {
                 this.closeAppStatus = null;
               }, 5000);
@@ -222,7 +223,7 @@
             .then((r) => r.json())
             .then((r) => {
               this.unpairAllPressed = false;
-              this.unpairAllStatus = r.status.toString() === "true";
+              this.unpairAllStatus = r.status;
               setTimeout(() => {
                 this.unpairAllStatus = null;
               }, 5000);
@@ -240,9 +241,9 @@
             .then((response) => response.json())
             .then((response) => {
               const clientList = document.querySelector("#client-list");
-              if (response.status === 'true' && response.named_certs && response.named_certs.length) {
+              if (response.status === true && response.named_certs && response.named_certs.length) {
                 this.clients = response.named_certs.sort((a, b) => {
-                  return (a.name.toLowerCase() > b.name.toLowerCase() || a.name == "" ? 1 : -1)
+                  return (a.name.toLowerCase() > b.name.toLowerCase() || a.name === "" ? 1 : -1)
                 });
               } else {
                 this.clients = [];
@@ -270,7 +271,7 @@
             .then((r) => r.json())
             .then((r) => {
               this.ddResetPressed = false;
-              this.ddResetStatus = r.status.toString() === "true";
+              this.ddResetStatus = r.status;
               setTimeout(() => {
                 this.ddResetStatus = null;
               }, 5000);

src_assets/common/assets/web/welcome.html

@@ -81,10 +81,10 @@
           body: JSON.stringify(this.passwordData),
         }).then((r) => {
           this.loading = false;
-          if (r.status == 200) {
+          if (r.status === 200) {
             r.json().then((rj) => {
-              if (rj.status.toString() === "true") {
-                this.success = true;
+              this.success = rj.status;
+              if (this.success === true) {
                 setTimeout(() => {
                   document.location.reload();
                 }, 5000);