homebridge-config-ui-x 5.4.1-beta.2 → 5.4.1-beta.4

package/CHANGELOG.md

@@ -12,11 +12,12 @@ All notable changes to `homebridge-config-ui-x` will be documented in this file.
 - refreshed icons: stateless programmable switch
 - refreshed icons: security system
 - refreshed icons: lock mechanism
-- refreshed icons: irrigation system + valve
+- refreshed icons: irrigation system + valves
 
 ### Other Changes
 
 - fix custom uis which use ui translation strings
+- fix saving custom attributes for ui layouts
 - update `@homebridge/node-pty-prebuilt-multiarch` to `v0.14-beta`
 
 ### Homebridge Dependencies

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "homebridge-config-ui-x",
   "displayName": "Homebridge UI",
-  "version": "5.4.1-beta.2",
+  "version": "5.4.1-beta.4",
   "description": "A web based management, configuration and control platform for Homebridge.",
   "author": "oznu <dev@oz.nu>",
   "license": "MIT",

package/public/assets/service-icons/door.svg

@@ -6,7 +6,17 @@
   <rect class="outline" x="9.6" y="2.6" width="12.8" height="26.6" stroke="#7f7f7f" fill="none" stroke-width="1" />
 
   <!-- top panel -->
-  <rect class="panel" x="11.2" y="4.2" width="9.6" height="10.8" stroke="#7f7f7f" fill-opacity="0" stroke-width="0.5" />
+  <rect
+    class="panel"
+    x="11.2"
+    y="4.2"
+    width="9.6"
+    height="10.8"
+    stroke="#7f7f7f"
+    fill-opacity="0"
+    stroke-width="0.5"
+    rx="0.25"
+  />
 
   <!-- bottom panel -->
   <rect
@@ -18,11 +28,22 @@
     stroke="#7f7f7f"
     fill-opacity="0"
     stroke-width="0.5"
+    rx="0.25"
   />
 
   <!-- wider floor -->
   <line x1="0" y1="31" x2="32" y2="31" stroke="#7f7f7f" stroke-width="1.5" />
 
   <!-- door handle -->
-  <rect class="handle" x="19.25" y="15.87" width="1.55" height="0.05" stroke="#1976d2" fill="none" stroke-width="0.5" />
+  <rect
+    class="handle"
+    x="19.25"
+    y="15.87"
+    width="1.55"
+    height="0.05"
+    stroke="#1976d2"
+    fill="none"
+    stroke-width="0.5"
+    rx="10"
+  />
 </svg>

package/public/assets/service-icons/fan.svg

@@ -1,6 +1,6 @@
 <svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
   <!-- fan icon -->
-  <g transform="translate(1.28, 1.28) scale(0.92)">
+  <g transform="translate(-0.85, 0.2) scale(0.99)">
     <path
       class="fan-blades"
       fill="#7f7f7f"
@@ -11,5 +11,5 @@
   </g>
 
   <!-- middle circle -->
-  <circle cx="17" cy="16" r="3.5" stroke="#7f7f7f" stroke-width="0.6" fill="#1976d2" fill-opacity="0.5" />
+  <circle cx="16" cy="16" r="3.6" stroke="#7f7f7f" stroke-width="2" fill="#1976d2" fill-opacity="0.5" />
 </svg>

package/public/assets/service-icons/garage-door.svg

@@ -33,7 +33,7 @@
   <line x1="26" y1="31" x2="29" y2="31" stroke="#7f7f7f" stroke-width="1.5" stroke-linecap="round" />
 
   <!-- left garage line -->
-  <line x1="6" y1="17" x2="6" y2="31" stroke="#7f7f7f" stroke-width="1.5" />
+  <line x1="6" y1="17" x2="6" y2="31" stroke="#7f7f7f" stroke-width="1.5" stroke-linecap="" />
 
   <!-- right garage line -->
   <line x1="26" y1="17" x2="26" y2="31" stroke="#7f7f7f" stroke-width="1.5" />

package/public/assets/service-icons/stateless-programmable-switch.svg

@@ -13,6 +13,6 @@
   <circle class="long" cx="16" cy="23.5" r="5" stroke="#7f7f7f" stroke-width="1" fill="none" fill-opacity="0.5" />
 
   <!-- long click lies, left then right -->
-  <line x1="5" y1="23.5" x2="11" y2="23.5" stroke="#7f7f7f" stroke-width="0.5" />
-  <line x1="21" y1="23.5" x2="27" y2="23.5" stroke="#7f7f7f" stroke-width="0.5" />
+  <line x1="5" y1="23.5" x2="11" y2="23.5" stroke="#7f7f7f" stroke-width="0.5" stroke-linecap="round" />
+  <line x1="21" y1="23.5" x2="27" y2="23.5" stroke="#7f7f7f" stroke-width="0.5" stroke-linecap="round" />
 </svg>

package/public/assets/service-icons/valve-faucet.svg

@@ -0,0 +1,22 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- sink -->
+  <rect class="sink" x="-3" y="28" width="21" height="6.5" fill="#7f7f7f" stroke-width="0" fill-opacity="0.5" />
+
+  <!-- cold tap -->
+  <line stroke-linecap="round" x1="24" y1="18" x2="26" y2="18" stroke="#1976d2" stroke-width="3" stroke-opacity="0.5" />
+
+  <!-- hot tap -->
+  <line stroke-linecap="round" x1="20" y1="18" x2="22" y2="18" stroke="#d32f2f" stroke-width="3" stroke-opacity="0.5" />
+
+  <!-- tap outline -->
+  <rect x="19" y="16.5" rx="1" width="8" height="3" fill="none" stroke-width="1" stroke="#7f7f7f" />
+
+  <!-- tap shape -->
+  <path d="M10 9 C10 -1, 23 -1, 23 10 V26" fill="none" stroke="#7f7f7f" stroke-width="2" />
+
+  <!-- water -->
+  <line class="stream" x1="10" y1="9" x2="10" y2="28" stroke="#1976d2" stroke-opacity="0" stroke-width="1.5" />
+
+  <!-- tap base -->
+  <line x1="20" y1="31" x2="26" y2="31" stroke="#7f7f7f" stroke-width="10" stroke-linecap="round" />
+</svg>

package/public/assets/service-icons/valve-generic.svg

@@ -0,0 +1,25 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- top twister -->
+  <line x1="8" y1="3" x2="14" y2="3" stroke="#7f7f7f" stroke-width="3" stroke-linecap="round" />
+
+  <!-- twister to main pipe -->
+  <line x1="11" y1="8" x2="11" y2="3" stroke="#7f7f7f" stroke-width="3" stroke-linecap="round" />
+
+  <!-- main pipe -->
+  <line x1="0" y1="9" x2="21" y2="9" stroke="#7f7f7f" stroke-width="4" stroke-linecap="round" />
+
+  <!-- nozzle -->
+  <line x1="21" y1="9" x2="21" y2="14" stroke="#7f7f7f" stroke-width="4" stroke-linecap="round" />
+
+  <!-- top row of drops -->
+  <circle class="drop drop-top" fill="#1976d2" fill-opacity="0" cx="21" cy="19" r="1.5" />
+
+  <!-- middle row of drops -->
+  <circle class="drop drop-middle" fill="#1976d2" fill-opacity="0" cx="17" cy="24" r="1.5" />
+  <circle class="drop drop-middle" fill="#1976d2" fill-opacity="0" cx="25" cy="24" r="1.5" />
+
+  <!-- bottom row of drops -->
+  <circle class="drop drop-bottom" fill="#1976d2" fill-opacity="0" cx="13" cy="29" r="1.5" />
+  <circle class="drop drop-bottom" fill="#1976d2" fill-opacity="0" cx="21" cy="29" r="1.5" />
+  <circle class="drop drop-bottom" fill="#1976d2" fill-opacity="0" cx="29" cy="29" r="1.5" />
+</svg>

package/public/assets/service-icons/window-covering.svg

@@ -6,13 +6,13 @@
   <rect x="2.8" y="2.6" width="12.4" height="26.6" stroke="#7f7f7f" fill="none" stroke-width="1" />
 
   <!-- left window divider -->
-  <rect x="3.66" y="15.65" width="10.68" height="0.5" stroke="#7f7f7f" fill="none" stroke-width="0.5" />
+  <rect x="3.66" y="15.65" width="10.68" height="0.5" stroke="#7f7f7f" fill="none" stroke-width="0.5" rx="2" />
 
   <!-- right window frame -->
   <rect x="16.8" y="2.6" width="12.4" height="26.6" stroke="#7f7f7f" fill="none" stroke-width="1" />
 
   <!-- right window divider -->
-  <rect x="17.66" y="15.65" width="10.68" height="0.5" stroke="#7f7f7f" fill="none" stroke-width="0.5" />
+  <rect x="17.66" y="15.65" width="10.68" height="0.5" stroke="#7f7f7f" fill="none" stroke-width="0.5" rx="2" />
 
   <!-- blind -->
   <rect

package/public/assets/service-icons/window.svg

@@ -15,6 +15,7 @@
     stroke="#7f7f7f"
     fill="none"
     stroke-width="0.5"
+    ry="2"
   />
 
   <!-- left window handle -->
@@ -27,6 +28,7 @@
     stroke="#1976d2"
     fill="none"
     stroke-width="0.5"
+    ry="2"
   />
 
   <!-- right window frame -->
@@ -51,6 +53,7 @@
     stroke="#7f7f7f"
     fill="none"
     stroke-width="0.5"
+    ry="2"
   />
 
   <!-- right window handle -->
@@ -63,5 +66,6 @@
     stroke="#1976d2"
     fill="none"
     stroke-width="0.5"
+    ry="2"
   />
 </svg>