docs: update README for clarity and add screenshot; refactor badge ge…

…neration methods for improved readability

README.md

@@ -1,3 +1,5 @@
 # Orchard UI
 
-Orchard UI provides a set of custom strategies for Home Assistant dashboards. It supports variews views, include home, floors, rooms, automations, lighting, and more, defined in the `strategies` folder.
+Orchard UI provides a set of custom strategies for Home Assistant dashboards. It supports various views, including home, floors, rooms, automations, lighting, and more, defined in the `strategies` folder.
+
+![Orchard UI Home ScreenshotI](./public/screenshot-home.png)

rslib.config.ts

@@ -10,7 +10,7 @@ export default defineConfig({
   ],
   output: {
     sourceMap: {
-      js: 'inline-cheap-source-map'
+      js: 'inline-cheap-source-map',
     },
   },
 });

src/strategies/badges/energy-badge.ts

@@ -2,9 +2,7 @@ import { Entity } from '@smolpack/hasskit';
 import { LovelaceBadgeConfig } from '../../lovelace';
 
 export class EnergyBadgeStrategy {
-  static async generate(
-    c02SignalEntity: Entity
-  ): Promise<LovelaceBadgeConfig> {
+  static async generate(c02SignalEntity: Entity): Promise<LovelaceBadgeConfig> {
     return {
       type: 'entity',
       entity: c02SignalEntity.uniqueIdentifier,

src/strategies/badges/lights-badge.ts

@@ -2,7 +2,9 @@ import { LightEntity } from '@smolpack/hasskit';
 import { LovelaceBadgeConfig } from '../../lovelace';
 
 export class LightsBadgeStrategy {
-  static async generate(lightEntity: LightEntity): Promise<LovelaceBadgeConfig> {
+  static async generate(
+    lightEntity: LightEntity
+  ): Promise<LovelaceBadgeConfig> {
     return {
       type: 'entity',
       entity: lightEntity.uniqueIdentifier,

src/strategies/badges/speakers-tvs-badge.ts

@@ -2,7 +2,9 @@ import { Entity } from '@smolpack/hasskit';
 import { LovelaceBadgeConfig } from '../../lovelace';
 
 export class SpeakersTvsBadgeStrategy {
-  static async generate(mediaPlayerEntity: Entity): Promise<LovelaceBadgeConfig> {
+  static async generate(
+    mediaPlayerEntity: Entity
+  ): Promise<LovelaceBadgeConfig> {
     return {
       type: 'entity',
       entity: mediaPlayerEntity.uniqueIdentifier,

src/strategies/cards/climate-card.ts

@@ -2,7 +2,9 @@ import { ClimateEntity } from '@smolpack/hasskit';
 import { LovelaceCardConfig } from '../../lovelace';
 
 export class ClimateCardStategy {
-  static async generate(climateEntity: ClimateEntity): Promise<LovelaceCardConfig> {
+  static async generate(
+    climateEntity: ClimateEntity
+  ): Promise<LovelaceCardConfig> {
     return {
       type: 'tile',
       entity: climateEntity.uniqueIdentifier,
@@ -12,7 +14,9 @@ export class ClimateCardStategy {
     };
   }
 
-  static async generateFeatures(climateEntity: ClimateEntity): Promise<object[]> {
+  static async generateFeatures(
+    climateEntity: ClimateEntity
+  ): Promise<object[]> {
     const features: object[] = [
       {
         type: 'climate-hvac-modes',
@@ -30,7 +34,7 @@ export class ClimateCardStategy {
 
     features.push({
       type: 'target-temperature',
-    })
+    });
 
     return features;
   }

src/strategies/sections/floor-section.ts

@@ -18,7 +18,9 @@ export class FloorSectionStrategy {
     const promises = [FloorHeadingCardStrategy.generate(floor)];
 
     for (const area of floor.areas) {
-      for (const climateService of area.entitiesWithDomains(['climate']) as ClimateEntity[]) {
+      for (const climateService of area.entitiesWithDomains([
+        'climate',
+      ]) as ClimateEntity[]) {
         promises.push(ClimateCardStategy.generate(climateService));
       }
     }

src/strategies/views/home-view.ts

@@ -65,7 +65,7 @@ export class HomeViewStrategy extends ReactiveElement {
     }
 
     if (home.c02SignalEntity) {
-      promises.push(EnergyBadgeStrategy.generate(home.c02SignalEntity))
+      promises.push(EnergyBadgeStrategy.generate(home.c02SignalEntity));
     }
 
     if (home.wasteEntity) {