2.1.2 beta.1 - Fixes

.github/workflows/debian.yml

@@ -82,6 +82,8 @@ jobs:
             -v "${{ github.workspace }}:/source:rw" \
             -v "/tmp/deps:/tmp/deps:rw" \
             -w "/source" \
+            -e LANG="C.UTF-8" \
+            -e LC_ALL="C.UTF-8" \
             ghcr.io/hyperion-project/debian:${{ env.DOCKER_TAG }} \
             /bin/bash -c "cmake --preset linux-${{ env.BUILD_TYPE }} ${{ steps.dependencies.outputs.cmakeArgs }} -DPLATFORM=${{ matrix.os.platform }} ${{ env.CPACK_SYSTEM_PROCESSOR }} &&
             cmake --build --preset linux-${{ env.BUILD_TYPE }} --target package &&

.version

@@ -1 +1 @@
-2.1.1
+2.1.2-beta.1

CHANGELOG.md

@@ -16,10 +16,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### 🔧 Changed
 
+- **Fixes:**
+  - UI - Language is not selectable (#1877)
+  - CEC-Handler is not stopped properly
+  - Qt-Grabber (Windows) does not apply pixel ratio (#1882) - _Thanks to @SolberLight_
+  - LED-devices are not retrying to establish connectivity, if supported by the device
+  - LED-devices are resolving IP-addresses for API and UDP two times in sequence
+
 ---
 
 ### 🗑️ Removed
 
+- Removed the ability to revoke API requests which are not issued from the same network segment. This includes the removal of IP-address white- & blacklisting (#1880)
+Rationale: Such kind of functionality is better to be dealt with via proper network management and setup, e.g. via firewalls, VLANs.
+
 ## [2.1.1](https://github.com/hyperion-project/hyperion.ng/compare/2.1.1...HEAD) - 2025-06-14
 
 ### 🔧 Changed

assets/webconfig/css/hyperion.css

@@ -245,20 +245,17 @@ table.first_cell_borderless td:first-child{width: 25px !important;}
 .mdi-lead-pencil, .mdi-delete-forever {font-size: 22px;}
 
 /*led preview & led visualisation*/
-body {
-  --background-var: none;
-  --width-var: 0px;
-  --height-var: 0px;
-}
-
 #leds_canvas {
   position:absolute;
   margin:15px;
   background-repeat:no-repeat;
   background-position: center;
+  --background-var: none;
+  --width-var: 0px;
+  --height-var: 0px;
 }
 
-#leds_canvas:before {
+#leds_canvas::before {
   content: "";
   position:absolute;
 
@@ -279,6 +276,10 @@ body {
 
   filter: blur(10px);
   background-size: cover;
+
+  /* Safari optimization for pseudo-elements */
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
 }
 
 .led { display:inline-block; border: 1px solid black; position:absolute; opacity:0.8; text-align:center; vertical-align:middle; padding:4px;  border-radius:2px;}

assets/webconfig/js/content_index.js

@@ -442,7 +442,28 @@ $(window.hyperion).on("cmd-config-setconfig", function (event) {
 
 function bindUiHandlers() {
 
-  // Side menu link click activation
+  // Handle language selection
+
+  // Prevent dropdown from closing when selecting language
+  $('#btn_setlang').on('click', function (e) {
+    e.stopPropagation();
+  });
+
+  $('#language-select').on('changed.bs.select', function () {
+    const newLang = $(this).val();
+    if (newLang !== storedLang) {
+      setStorage("langcode", newLang);
+      location.reload();
+    }
+  });
+
+  //Close selector, if open (and no change in language happend)
+  $(document).on("click", function () {
+    $(".bootstrap-select.open").removeClass("open");
+  });
+  //End language selection
+
+  // Side smenu link click activation
   $('#side-menu li a, #side-menu li ul li a').on("click", function () {
     $('#side-menu').find('.active').removeClass('active');
     $(this).addClass('active');
@@ -476,13 +497,6 @@ function bindUiHandlers() {
     logo.style.display = window.scrollY > 65 ? "none" : "";
   }, { passive: true });
 
-  // Language selector
-  $(".langSelect").off().on("click", function () {
-    const newLang = $(this).attr("id").replace("lang_", "");
-    setStorage("lang", newLang);
-    location.reload();
-  });
-
   // Toggle top menu for mobile
   $(".navbar-toggle").off().on("click", function () {
     const target = $(this).data("target");

assets/webconfig/js/content_network.js

@@ -266,16 +266,11 @@ $(document).ready(function () {
     $("#conf_cont_tok").insertAfter("#conf_cont_network");
 
     // Initial state check based on server config
-    checkApiTokenState(window.serverConfig.network.internetAccessAPI || window.serverConfig.network.localApiAuth || storedAccess === 'expert');
-
-    // Listen for changes on the Internet access API Auth toggle
-    $('#root_network_internetAccessAPI').on("change", function () {
-      checkApiTokenState($(this).is(":checked") || $('#root_network_localApiAuth').is(":checked"));
-    });
+    checkApiTokenState(window.serverConfig.network.localApiAuth || storedAccess === 'expert');
 
     // Listen for changes on the local API Auth toggle
     $('#root_network_localApiAuth').on("change", function () {
-      checkApiTokenState($(this).is(":checked") || $('#root_network_internetAccessAPI').is(":checked"));
+      checkApiTokenState($(this).is(":checked"));
     });
 
     $('#btn_create_tok').off().on('click', function () {
@@ -317,7 +312,7 @@ $(document).ready(function () {
     }
 
     function checkApiTokenState(state) {
-      if (!state) {
+      if (!state && storedAccess !== 'expert') {
         $("#conf_cont_tok").hide();
       } else {
         $("#conf_cont_tok").show();

assets/webconfig/js/ledsim.js

@@ -6,9 +6,9 @@ $(document).ready(function () {
   var leds;
   var grabberConfig;
   var lC = false;
-  var imageCanvasNodeCtx = document.getElementById("image_preview_canv").getContext("2d");
-  var ledsCanvasNodeCtx = document.getElementById("leds_preview_canv").getContext("2d");
-  var sigDetectAreaCanvasNodeCtx = document.getElementById("grab_preview_canv").getContext("2d");
+  var imageCanvasNodeCtx = document.getElementById("image_preview_canv").getContext("2d", { willReadFrequently: false});
+  var ledsCanvasNodeCtx = document.getElementById("leds_preview_canv").getContext("2d", { willReadFrequently: false});
+  var sigDetectAreaCanvasNodeCtx = document.getElementById("grab_preview_canv").getContext("2d", { willReadFrequently: false});
   var canvas_height;
   var canvas_width;
   var twoDPaths = [];
@@ -205,12 +205,12 @@ $(document).ready(function () {
     canvas_width = $('#ledsim_dialog').outerWidth() - 30;
 
     $("[id$=_preview_canv]").prop({ "width": canvas_width, "height": canvas_height });
-    $("body").get(0).style.setProperty("--width-var", canvas_width + "px");
-    $("body").get(0).style.setProperty("--height-var", canvas_height + "px");
+    $('#leds_canvas').css("--width-var", canvas_width + "px");
+    $('#leds_canvas').css("--height-var", canvas_height + "px");
 
     create2dPaths();
     printLedsToCanvas();
-    $("body").get(0).style.setProperty("--background-var", "none");
+    $('#leds_canvas').css("--background-var", "none");
     resetImage();
   }
 
@@ -227,7 +227,7 @@ $(document).ready(function () {
     if (window.ledStreamActive) {
       requestLedColorsStop();
       ledsCanvasNodeCtx.clear();
-      $("body").get(0).style.setProperty("--background-var", "none");
+      $('#leds_canvas').css("--background-var", "none");
     } else {
       requestLedColorsStart();
     }
@@ -263,11 +263,13 @@ $(document).ready(function () {
   $(window.hyperion).on("cmd-ledcolors-ledstream-update", function (event) {
     if (!modalOpened) {
       requestLedColorsStop();
-      $("body").get(0).style.setProperty("--background-var", "none");
+      $('#leds_canvas').css("--background-var", "none");
     }
     else {
       printLedsToCanvas(event.response.data.leds)
-      $("body").get(0).style.setProperty("--background-var", "url(" + ($('#leds_preview_canv')[0]).toDataURL("image/jpg") + ") no-repeat top left");
+      $('#leds_canvas').css("--background-var", "url(" + ($('#leds_preview_canv')[0]).toDataURL("image/jpg") + ") no-repeat top left");
+      // Safari workaround (redraw canvas)
+      $('#leds_canvas').parent().hide().show(0);
     }
   });
 

assets/webconfig/js/ui_utils.js

@@ -188,40 +188,38 @@ function updateHyperionInstanceListing() {
 }
 
 function initLanguageSelection() {
-  // Initialize language selection list with supported languages
+  const $select = $('#language-select');
+  $select.empty(); // clear existing options
+
   for (let i = 0; i < availLang.length; i++) {
-    $("#language-select").append(
-      '<option value="' + i + '" selected="">' + availLangText[i] + '</option>'
-    );
+    $select.append('<option value="' + availLang[i] + '">' + availLangText[i] + '</option>');
   }
 
   let langLocale = storedLang;
-  let langText = '';
+  if (!langLocale) {
+    langLocale = navigator.language?.substring(0, 2) || 'en';
+  }
 
-  // Test if the language is supported by Hyperion
   let langIdx = availLang.indexOf(langLocale);
-  if (langIdx > -1) {
-    langText = availLangText[langIdx];
-  } else {
-    // If the language is not supported, try the fallback language
+  if (langIdx === -1) {
+    // Try fallback
     langLocale = $.i18n().options.fallbackLocale.substring(0, 2);
     langIdx = availLang.indexOf(langLocale);
-    if (langIdx > -1) {
-      langText = availLangText[langIdx];
-    } else {
-      // Default to English if fallback language is also unsupported
-      langLocale = 'en';
-      langIdx = availLang.indexOf(langLocale);
-      if (langIdx > -1) {
-        langText = availLangText[langIdx];
-      }
-    }
+  }
+
+  if (langIdx === -1) {
+    // Default to English
+    langLocale = 'en';
   }
 
   // Update the language select dropdown
-  $('#language-select').prop('title', langText);
-  $("#language-select").val(langIdx);
-  $("#language-select").selectpicker("refresh");
+  $select.val(langLocale); 
+  $select.selectpicker({
+    container: 'body',
+    width: 'fit',
+    style: 'btn-transparent'
+  });
+  $select.selectpicker('refresh');
 }
 
 function updateUiOnInstance(inst) {

bin/scripts/docker-compile.sh

@@ -272,7 +272,9 @@ $DOCKER run --rm --platform=${PLATFORM_ARCHITECTURE} \
 	${ENTRYPOINT_OPTION} \
 	-v "${DEPLOY_PATH}:/deploy" \
 	-v "${CODE_PATH}/:/source:rw" \
-	${REGISTRY_URL}/${DISTRIBUTION}:${CODENAME} \
+	-e LANG="C.UTF-8" \
+	-e LC_ALL="C.UTF-8" \
+	"${REGISTRY_URL}/${DISTRIBUTION}:${CODENAME}" \
 	/bin/bash -c "mkdir -p /source/${BUILD_DIR} && cd /source/${BUILD_DIR} &&
 	cmake -G Ninja -DCMAKE_BUILD_TYPE=${BUILD_TYPE} ${PLATFORM} ${BUILD_ARGS} .. || exit 2 &&
 	cmake --build . ${PACKAGES} -- -j $(nproc) || exit 3 || : &&

cmake/windows/inno/windows.iss.in

@@ -251,6 +251,7 @@ begin
     PageDescriptionLabel.Visible := False;
     PageNameLabel.Visible := False;
     Bevel1.Visible := False;
+    RunList.Left := InnerNotebook.Left;
 
     with WizardSmallBitmapImage do
     begin
@@ -261,6 +262,32 @@ begin
       Center              := True;
       Align               := alClient;
     end;
+
+    with FinishedLabel do
+    begin
+      Left                := InnerNotebook.Left;
+      Width               := InnerNotebook.Width;
+    end;
+
+    with FinishedHeadingLabel do
+    begin
+      Left                := InnerNotebook.Left;
+      Width               := InnerNotebook.Width;
+      Top                 := 0;
+    end;
+
+    with WizardBitmapImage2 do
+    begin
+      Parent              := FinishedHeadingLabel;
+      Bitmap.AlphaFormat  := afDefined;
+      Width               := Parent.Width;
+      Height              := Parent.Height;
+      AutoSize            := True;
+      Stretch             := False;
+      Center              := True;
+      Align               := alClient;
+      Bitmap              := WizardSmallBitmapImage.Bitmap;
+    end;
   end;
 end;
 

include/api/API.h

@@ -383,7 +383,7 @@ class API : public QObject
 
 	// current instance index
 	quint8 _currInstanceIndex;
-	QSharedPointer<Hyperion> _hyperion;
+	QWeakPointer<Hyperion> _hyperionWeak;
 
 signals:
 	///

include/api/JsonAPI.h

@@ -422,5 +422,4 @@ private slots:
 	QSharedPointer<JsonCallbacks> _jsonCB;
 
 	bool _isServiceAvailable;
-
 };

include/api/JsonApiSubscription.h

@@ -13,9 +13,7 @@ class Subscription {
 		Unknown,
 		AdjustmentUpdate,
 		ComponentsUpdate,
-#if defined(ENABLE_EFFECTENGINE)
 		EffectsUpdate,
-#endif
 		EventUpdate,
 		ImageToLedMappingUpdate,
 		ImageUpdate,
@@ -33,9 +31,7 @@ class Subscription {
 		switch (type) {
 		case AdjustmentUpdate: return "adjustment-update";
 		case ComponentsUpdate: return "components-update";
-#if defined(ENABLE_EFFECTENGINE)
 		case EffectsUpdate: return "effects-update";
-#endif
 		case EventUpdate: return "event-update";
 		case ImageToLedMappingUpdate: return "imageToLedMapping-update";
 		case ImageUpdate: return "ledcolors-imagestream-update";
@@ -55,9 +51,7 @@ class Subscription {
 		switch (type) {
 		case AdjustmentUpdate:
 		case ComponentsUpdate:
-#if defined(ENABLE_EFFECTENGINE)
 		case EffectsUpdate:
-#endif
 		case ImageToLedMappingUpdate:
 		case ImageUpdate:
 		case LedColorsUpdate:
@@ -109,9 +103,7 @@ class ApiSubscriptionRegister {
 		static const SubscriptionLookupMap subscriptionLookup {
 			{ {"adjustment-update"}, { Subscription::AdjustmentUpdate, true} },
 			{ {"components-update"}, { Subscription::ComponentsUpdate, true} },
-#if defined(ENABLE_EFFECTENGINE)
 			{ {"effects-update"}, { Subscription::EffectsUpdate, true} },
-#endif
 			{ {"event-update"}, { Subscription::EventUpdate, true} },
 			{ {"imageToLedMapping-update"}, { Subscription::ImageToLedMappingUpdate, true} },
 			{ {"ledcolors-imagestream-update"}, { Subscription::ImageUpdate, false} },

include/api/JsonCallbacks.h

@@ -196,16 +196,16 @@ private slots:
 
 	Logger *_log;
 	quint8 _instanceID;
-	QSharedPointer<Hyperion> _hyperion;
+	QWeakPointer<Hyperion> _hyperionWeak;
 
 	/// The peer address of the client
 	QString _peerAddress;
 
 	/// pointer of comp register
-	QSharedPointer<ComponentRegister> _componentRegister;
+	QWeakPointer<ComponentRegister> _componentRegisterWeak;
 
 	/// priority muxer instance
-	QSharedPointer<PriorityMuxer> _prioMuxer;
+	QWeakPointer<PriorityMuxer> _prioMuxerWeak;
 
 	/// contains active subscriptions
 	QSet<Subscription::Type> _subscribedCommands;