Run pre-commit hooks.

docs/widgets/services/frigate.md

@@ -1,17 +1,17 @@
 ---
- title: Frigate
+title: Frigate
- description: Frigate Widget Configuration
+description: Frigate Widget Configuration
- ---
+---
 
- Learn more about [Frigate](https://frigate.video/).
+Learn more about [Frigate](https://frigate.video/).
 
- Allowed fields: `["cameras", "uptime", "version"]`.
+Allowed fields: `["cameras", "uptime", "version"]`.
 
- A recent event listing is disabled by default, but can be enabled with the `enableRecentEvents` option.
+A recent event listing is disabled by default, but can be enabled with the `enableRecentEvents` option.
 
- ```yaml
+```yaml
- widget:
+widget:
-   type: frigate
+  type: frigate
-   url: http://frigate.host.or.ip:port
+  url: http://frigate.host.or.ip:port
-   enableRecentEvents: true
+  enableRecentEvents: true
- ```
+```

src/widgets/frigate/component.jsx

@@ -6,7 +6,7 @@ import useWidgetAPI from "utils/proxy/use-widget-api";
 
 function Event({ camera, label, startTime, score, type, thumbnail }) {
   const { i18n } = useTranslation();
-  
+
   const dateFormatter = new Intl.DateTimeFormat(i18n.language, { timeStyle: "short", dateStyle: "medium" });
   const percentFormatter = new Intl.NumberFormat(i18n.language, { style: "percent" });
 
@@ -20,19 +20,20 @@ function Event({ camera, label, startTime, score, type, thumbnail }) {
       <div className="self-center text-xs flex justify-end mr-1.5 pl-1 z-10 text-ellipsis overflow-hidden whitespace-nowrap">
         {dateFormatter.format(new Date(startTime))}
       </div>
-      {thumbnail &&
+      {thumbnail && (
         <img
           src={`data:image/png;base64, ${thumbnail}`}
           className="absolute top-0 right-0 w-1/2 z-50 invisible group-hover:visible"
-        />}
+        />
+      )}
     </div>
   );
-};
+}
 
 export default function Component({ service }) {
   const { t } = useTranslation();
   const { widget } = service;
-  
+
   const { data, error } = useWidgetAPI(widget, "stats");
   const { data: eventsData, error: eventsError } = useWidgetAPI(widget, "events");
 
@@ -52,7 +53,7 @@ export default function Component({ service }) {
         <Block label="frigate.version" />
       </Container>
     );
-  };
+  }
 
   return (
     <>
@@ -69,25 +70,20 @@ export default function Component({ service }) {
             value: data.uptime,
           })}
         />
-        <Block
+        <Block label="frigate.version" value={data.version} />
-          label="frigate.version"
-          value={data.version}
-        />
       </Container>
       {widget.enableRecentEvents &&
-        (eventsData?.map(event => (
+        eventsData?.map((event) => (
-            <Event
+          <Event
-              camera={event.camera}
+            camera={event.camera}
-              label={event.label}
+            label={event.label}
-              startTime={event.start_time}
+            startTime={event.start_time}
-              score={event.score}
+            score={event.score}
-              type={event.type}
+            type={event.type}
-              thumbnail={event.thumbnail}
+            thumbnail={event.thumbnail}
-              key={event.id}
+            key={event.id}
-            />
+          />
-          ))
+        ))}
-        )
-      }
     </>
   );
 }

src/widgets/frigate/widget.js

@@ -7,7 +7,7 @@ const widget = {
   proxyHandler: genericProxyHandler,
 
   mappings: {
-    "stats": {
+    stats: {
       endpoint: "stats",
       map: (data) => {
         const jsonData = asJson(data);
@@ -15,24 +15,24 @@ const widget = {
           num_cameras: jsonData?.cameras !== undefined ? Object.keys(jsonData?.cameras).length : 0,
           uptime: jsonData?.service?.uptime,
           version: jsonData?.service.version,
-        }
+        };
       },
     },
-    "events": {
+    events: {
       endpoint: "events",
-      map: (data) => asJson(data)
+      map: (data) =>
+        asJson(data)
           .slice(0, 5)
-          .map(event => ({
+          .map((event) => ({
-            "id": event.id,
+            id: event.id,
-            "camera": event.camera,
+            camera: event.camera,
-            "label": event.label,
+            label: event.label,
-            "start_time": new Date(event.start_time*1000),
+            start_time: new Date(event.start_time * 1000),
-            "thumbnail": event.thumbnail,
+            thumbnail: event.thumbnail,
-            "score": event.data.score,
+            score: event.data.score,
-            "type": event.data.type
+            type: event.data.type,
-          })
+          })),
-        )
+    },
-    }
   },
 };