Widget improvements: Fixed height option, scrollable, auto-sync when new appointments are received, show per-calendar, height re-adjusts after (auto)refreshing.- #735

.homeychangelog.json

@@ -481,5 +481,8 @@
   },
   "3.3.2": {
     "en": "Dependency updates"
+  },
+  "3.3.3": {
+    "en": "Widget improvements: Fixed height option, auto-sync when new appointments are received, show per-calendar, height re-adjusts after (auto)refreshing."
   }
 }

.homeycompose/app.json

@@ -1,6 +1,6 @@
 {
   "id": "no.runely.calendar",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "compatibility": ">=12.9.0",
   "sdk": 3,
   "platforms": [

app.json

@@ -1,7 +1,7 @@
 {
   "_comment": "This file is generated. Please edit .homeycompose/app.json instead.",
   "id": "no.runely.calendar",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "compatibility": ">=12.9.0",
   "sdk": 3,
   "platforms": [
@@ -6072,6 +6072,23 @@
       },
       "height": 400,
       "settings": [
+        {
+          "id": "calendarToShow",
+          "type": "autocomplete",
+          "title": {
+            "en": "Calendar to show",
+            "no": "Kalender å vise",
+            "nl": "Kalender om te tonen",
+            "de": "Anzuzeigender Kalender",
+            "sv": "Kalender att visa",
+            "fr": "Calendrier à afficher",
+            "it": "Calendario da mostrare",
+            "es": "Calendario para mostrar",
+            "da": "Kalender at vise",
+            "pl": "Kalendarz do wyświetlenia",
+            "ko": "표시할 캘린더"
+          }
+        },
         {
           "id": "daysAhead",
           "type": "number",
@@ -6209,6 +6226,37 @@
           "value": 400,
           "min": 150,
           "max": 5000
+        },
+        {
+          "id": "useFixedHeight",
+          "type": "checkbox",
+          "title": {
+            "en": "Use fixed height",
+            "no": "Bruk fast høyde",
+            "nl": "Gebruik vaste hoogte",
+            "de": "Feste Höhe verwenden",
+            "sv": "Använd fast höjd",
+            "fr": "Utiliser une hauteur fixe",
+            "it": "Usa altezza fissa",
+            "es": "Usar altura fija",
+            "da": "Brug fast højde",
+            "pl": "Użyj stałej wysokości",
+            "ko": "고정 높이 사용"
+          },
+          "hint": {
+            "en": "Use fixed height (defined in Max Height).",
+            "no": "Bruk fast høyde (definert i Maks høyde).",
+            "nl": "Gebruik vaste hoogte (zoals gedefinieerd in Max Hoogte).",
+            "de": "Verwenden Sie eine feste Höhe (definiert in Maximalhöhe).",
+            "sv": "Använd fast höjd (definierad i Maxhöjd).",
+            "fr": "Utiliser une hauteur fixe (définie dans Hauteur Max).",
+            "it": "Usa un'altezza fissa (definita in Altezza Massima).",
+            "es": "Usar altura fija (definida en Altura Máxima).",
+            "da": "Brug fast højde (defineret i Maksimal Højde).",
+            "pl": "Użyj stałej wysokości (zdefiniowanej w Maksymalnej Wysokości).",
+            "ko": "최대 높이에서 정의된 고정 높이를 사용하세요."
+          },
+          "value": false
         }
       ],
       "api": {

app.ts

@@ -2,6 +2,7 @@ import sourceMapSupport from "source-map-support";
 
 sourceMapSupport.install();
 
+import type { Widget } from "homey";
 import Homey from "homey";
 import { DateTime } from "luxon";
 
@@ -22,14 +23,11 @@ import { varMgmt } from "./lib/variable-management.js";
 import type { Calendar, SyncInterval } from "./types/IcalCalendar.type";
 import type { VariableManagement } from "./types/VariableMgmt.type";
 
-// The SDK Widget type is missing the emit method — narrow to just what we need.
-type WidgetWithEmit = { emit(event: string): void };
-
 const WIDGET_ID: string = "next-events";
 
 let variableMgmt: VariableManagement | null = null;
 
-class IcalCalendar extends Homey.App {
+export class IcalCalendar extends Homey.App {
   /**
    * onInit is called when the app is initialized.
    */
@@ -72,6 +70,26 @@ class IcalCalendar extends Homey.App {
     // setup actions
     setupActions(this, variableMgmt);
 
+    const widget = this.homey.dashboards.getWidget(WIDGET_ID);
+
+    widget.registerSettingAutocompleteListener(
+      "calendarToShow",
+      async (query: string, _settings): Promise<Widget.SettingAutocompleteResults> => {
+        const results = [{ id: "", name: this.homey.__("calendar.all") }] as Widget.SettingAutocompleteResults;
+        const calendarsFiltered = this.getCalendars().filter(item =>
+          item.name.toLowerCase().includes(query.toLowerCase())
+        );
+
+        if (calendarsFiltered.length > 0) {
+          for (let IcalCalendar = 0; IcalCalendar < calendarsFiltered.length; IcalCalendar++) {
+            const calendar = calendarsFiltered[IcalCalendar];
+            results.push({ name: calendar.name });
+          }
+        }
+        return results;
+      }
+    );
+
     this.log("onInit: Triggering getEvents and reregistering tokens");
     getEvents(this, variableMgmt, true)
       .then(() => this.broadcastCalendarUpdate())
@@ -355,7 +373,7 @@ class IcalCalendar extends Homey.App {
 
   broadcastCalendarUpdate(): void {
     try {
-      (this.homey.dashboards.getWidget(WIDGET_ID) as unknown as WidgetWithEmit).emit("update");
+      this.homey.api.realtime("update", null);
     } catch (error) {
       // widget may not be registered yet on first boot
       this.error(`[WARN] broadcastCalendarUpdate: failed to emit 'update' for '${WIDGET_ID}' ->`, error);

handlers/setup-actions.ts

@@ -1,4 +1,5 @@
-import type { App, FlowCard, FlowCardAction } from "homey";
+import type { FlowCard, FlowCardAction } from "homey";
+import type { IcalCalendar } from "../app.js";
 
 import { calendarAutocomplete } from "../lib/autocomplete.js";
 import { newLocalEvent } from "../lib/generate-event-object.js";
@@ -21,7 +22,7 @@ const getDateTime = (value: string): string | null => {
   return Array.isArray(match) && match.length > 0 ? match[0].toUpperCase() : null;
 };
 
-export const setupActions = (app: App, variableMgmt: VariableManagement): void => {
+export const setupActions = (app: IcalCalendar, variableMgmt: VariableManagement): void => {
   // register run listener on action flow cards
   app.homey.flow.getActionCard("sync-calendar").registerRunListener(async (_, __) => {
     app.log(
@@ -33,6 +34,8 @@ export const setupActions = (app: App, variableMgmt: VariableManagement): void =
       throw new Error(getEventsFinished.join("\n\n"));
     }
 
+    app.broadcastCalendarUpdate();
+
     return true;
   });
 

locales/da.json

@@ -183,5 +183,8 @@
         "many": "__count__ aftaler"
       }
     }
+  },
+  "calendar": {
+    "all": "Alle"
   }
 }

locales/de.json

@@ -183,5 +183,8 @@
         "many": "__count__ Termine"
       }
     }
+  },
+  "calendar": {
+    "all": "Alle"
   }
 }

locales/en.json

@@ -183,5 +183,8 @@
         "many": "__count__ appointments"
       }
     }
+  },
+  "calendar": {
+    "all": "All"
   }
 }

locales/es.json

@@ -183,5 +183,8 @@
         "many": "__count__ citas"
       }
     }
+  },
+  "calendar": {
+    "all": "Todo"
   }
 }

locales/fr.json

@@ -183,5 +183,8 @@
         "many": "__count__ rendez-vous"
       }
     }
+  },
+  "calendar": {
+    "all": "Tout"
   }
 }

locales/it.json

@@ -183,5 +183,8 @@
         "many": "__count__ appuntamenti"
       }
     }
+  },
+  "calendar": {
+    "all": "Tutto"
   }
 }

locales/ko.json

@@ -183,5 +183,8 @@
         "many": "약속 __count__개"
       }
     }
+  },
+  "calendar": {
+    "all": "모두"
   }
 }

locales/nl.json

@@ -183,5 +183,8 @@
         "many": "__count__ afspraken"
       }
     }
+  },
+  "calendar": {
+    "all": "Alles"
   }
 }

locales/no.json

@@ -183,5 +183,8 @@
         "many": "__count__ avtaler"
       }
     }
+  },
+  "calendar": {
+    "all": "Alle"
   }
 }

locales/pl.json

@@ -183,5 +183,8 @@
         "many": "__count__ spotkań"
       }
     }
+  },
+  "calendar": {
+    "all": "Wszystko"
   }
 }

locales/sv.json

@@ -183,5 +183,8 @@
         "many": "__count__ möten"
       }
     }
+  },
+  "calendar": {
+    "all": "Alla"
   }
 }

widgets/next-events/api.mts

@@ -32,11 +32,15 @@ const MS_PER_DAY: number = 24 * 60 * 60 * 1000;
 
 export default {
   async getEvents({ homey, query }: ReqNoBody): Promise<CalendarWidgetEvent[]> {
+    const calendarToShow: string = query.calendarToShow;
     const app = homey.app as unknown as App;
-    const calendars = app.getCalendars();
+    let calendars = app.getCalendars();
     if (calendars.length === 0) {
       return [];
     }
+    if (calendarToShow && calendarToShow!=='') {
+      calendars = calendars.filter(x=>x.name===calendarToShow);
+    }
 
     const colors = app.getCalendarColors();