Enhancement: improve dual-stack support

Dockerfile

@@ -54,7 +54,7 @@ RUN apk add --no-cache su-exec iputils-ping shadow
 USER root
 
 ENV NODE_ENV=production
-ENV HOSTNAME=0.0.0.0
+ENV HOSTNAME=::
 ENV PORT=3000
 EXPOSE $PORT
 

docker-entrypoint.sh

@@ -12,6 +12,15 @@ export PGID=${PGID:-0}
 
 export HOMEPAGE_BUILDTIME=$(date +%s)
 
+# Try IPv6 first (dual stack when available), but fall back to IPv4 if the bind fails
+export HOSTNAME=${HOSTNAME:-::}
+if [ "$HOSTNAME" = "::" ]; then
+  if ! node -e "const server = require('http').createServer(() => {}); const host = '::'; const port = process.env.PORT || 3000; server.once('error', (err) => { console.error('IPv6 bind failed:', err.message); process.exit(1); }); server.listen(port, host, () => server.close(() => process.exit(0)));"; then
+    echo "Falling back to IPv4 bind at 0.0.0.0"
+    export HOSTNAME=0.0.0.0
+  fi
+fi
+
 # Check ownership before chown
 if [ -e /app/config ]; then
   CURRENT_UID=$(stat -c %u /app/config)

docs/configs/services.md

@@ -159,6 +159,19 @@ Widgets can tint their metric block text automatically based on rules defined al
 
 Supported numeric operators for the `when` property are `gt`, `gte`, `lt`, `lte`, `eq`, `ne`, `between`, and `outside`. String rules support `equals`, `includes`, `startsWith`, `endsWith`, and `regex`. Each rule can be inverted with `negate: true`, and string rules may pass `caseSensitive: true` or custom regex `flags`. The highlight engine does its best to coerce formatted values, but you will get the most reliable results when you pass plain numbers or strings into `<Block>`.
 
+#### Value Only Highlighting
+
+You can optionally apply highlighting only to the value portion of a block (not the label) by setting `valueOnly: true` on the field configuration. This keeps the label visible while highlighting only the metric value itself.
+
+```yaml
+- Sonarr:
+    ...
+      highlight:
+        queued:
+          valueOnly: true
+          ...
+```
+
 ## Descriptions
 
 Services may have descriptions,

docs/installation/docker.md

@@ -14,7 +14,7 @@ services:
       - 3000:3000
     volumes:
       - /path/to/config:/app/config # Make sure your local config directory exists
-      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
+      - /var/run/docker.sock:/var/run/docker.sock:ro # (optional) For docker integrations
     environment:
       HOMEPAGE_ALLOWED_HOSTS: gethomepage.dev # required, may need port. See gethomepage.dev/installation/#homepage_allowed_hosts
 ```
@@ -36,7 +36,7 @@ services:
       - 3000:3000
     volumes:
       - /path/to/config:/app/config # Make sure your local config directory exists
-      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations, see alternative methods
+      - /var/run/docker.sock:/var/run/docker.sock:ro # (optional) For docker integrations, see alternative methods
     environment:
       HOMEPAGE_ALLOWED_HOSTS: gethomepage.dev # required, may need port. See gethomepage.dev/installation/#homepage_allowed_hosts
       PUID: $PUID

docs/troubleshooting/index.md

@@ -68,7 +68,7 @@ All service widgets work essentially the same, that is, homepage makes a proxied
 
 If, after correctly adding and mapping your custom icons via the [Icons](../configs/services.md#icons) instructions, you are still unable to see your icons please try recreating your container.
 
-## Disabling IPv6
+## Disabling IPv6 for http requests {#disabling-ipv6}
 
 If you are having issues with certain widgets that are unable to reach public APIs (e.g. weather), in certain setups you may need to disable IPv6. You can set the environment variable `HOMEPAGE_PROXY_DISABLE_IPV6` to `true` to disable IPv6 for the homepage proxy.
 

src/components/services/widget/block.jsx

@@ -32,6 +32,8 @@ export default function Block({ value, label, field }) {
     return getHighlightClass(highlight.level, highlightConfig);
   }, [highlight, highlightConfig]);
 
+  const applyToValueOnly = highlight?.valueOnly === true;
+
   return (
     <div
       className={classNames(
@@ -44,7 +46,11 @@ export default function Block({ value, label, field }) {
       data-highlight-source={highlight?.source}
     >
       <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
-      <div className="font-bold text-xs uppercase">{t(label)}</div>
+      <div
+        className={classNames("font-bold text-xs uppercase", applyToValueOnly && "text-theme-700 dark:text-theme-200")}
+      >
+        {t(label)}
+      </div>
     </div>
   );
 }

src/middleware.js

@@ -4,7 +4,7 @@ export function middleware(req) {
   // Check the Host header, if HOMEPAGE_ALLOWED_HOSTS is set
   const host = req.headers.get("host");
   const port = process.env.PORT || 3000;
-  let allowedHosts = [`localhost:${port}`, `127.0.0.1:${port}`];
+  let allowedHosts = [`localhost:${port}`, `127.0.0.1:${port}`, `[::1]:${port}`];
   const allowAll = process.env.HOMEPAGE_ALLOWED_HOSTS === "*";
   if (process.env.HOMEPAGE_ALLOWED_HOSTS) {
     allowedHosts = allowedHosts.concat(process.env.HOMEPAGE_ALLOWED_HOSTS.split(","));

src/utils/config/service-helpers.js

@@ -111,7 +111,7 @@ export async function servicesFromDocker() {
                 };
               }
               let substitutedVal = substituteEnvironmentVars(containerLabels[label]);
-              if (value === "widget.version") {
+              if (value === "widget.version" || /^widgets\[\d+\]\.version$/.test(value)) {
                 substitutedVal = parseInt(substitutedVal, 10);
               }
               shvl.set(constructedService, value, substitutedVal);

src/utils/highlights.js

@@ -200,7 +200,7 @@ const ensureArray = (value) => {
 };
 
 const findHighlightLevel = (ruleSet, numericValue, stringValue) => {
-  const { numeric, string } = ruleSet;
+  const { numeric, string, valueOnly } = ruleSet;
 
   if (numeric && numericValue !== undefined) {
     const numericRules = ensureArray(numeric);
@@ -208,7 +208,7 @@ const findHighlightLevel = (ruleSet, numericValue, stringValue) => {
     for (const candidate of numericCandidates) {
       for (const rule of numericRules) {
         if (rule?.level && evaluateNumericRule(candidate, rule)) {
-          return { level: rule.level, source: "numeric", rule };
+          return { level: rule.level, source: "numeric", rule, valueOnly };
         }
       }
     }
@@ -218,7 +218,7 @@ const findHighlightLevel = (ruleSet, numericValue, stringValue) => {
     const stringRules = ensureArray(string);
     for (const rule of stringRules) {
       if (rule?.level && evaluateStringRule(stringValue, rule)) {
-        return { level: rule.level, source: "string", rule };
+        return { level: rule.level, source: "string", rule, valueOnly };
       }
     }
   }

src/utils/proxy/http.js

@@ -111,7 +111,7 @@ export async function cachedRequest(url, duration = 5, ua = "homepage") {
 export async function httpProxy(url, params = {}) {
   const constructedUrl = new URL(url);
   const disableIpv6 = process.env.HOMEPAGE_PROXY_DISABLE_IPV6 === "true";
-  const agentOptions = disableIpv6 ? { family: 4, autoSelectFamily: false } : {};
+  const agentOptions = disableIpv6 ? { family: 4, autoSelectFamily: false } : { autoSelectFamilyAttemptTimeout: 500 };
 
   let request = null;
   if (constructedUrl.protocol === "https:") {