add navigation config

.prettierrc

@@ -1,18 +1,21 @@
 {
-    "singleQuote": true,
-    "endOfLine": "lf",
-    "tabWidth": 2,
-    "trailingComma": "all",
-    "semi": true,
-    "importOrder": [
-        "^@core/(.*)$",
-        "<THIRD_PARTY_MODULES>",
-        "^@server/(.*)$",
-        "^@ui/(.*)$",
-        "^[./]"
-    ],
-    "importOrderSeparation": true,
-    "importOrderSortSpecifiers": true,
-    "importOrderParserPlugins": ["typescript", "decorators-legacy"],
-    "plugins": ["@trivago/prettier-plugin-sort-imports"]
+  "singleQuote": true,
+  "endOfLine": "lf",
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "semi": true,
+  "importOrder": [
+    "^@core/(.*)$",
+    "<THIRD_PARTY_MODULES>",
+    "^@server/(.*)$",
+    "^@ui/(.*)$",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "importOrderParserPlugins": ["typescript", "decorators-legacy"],
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-organize-imports"
+  ]
 }

package.json

@@ -19,7 +19,8 @@
     "@parcel/transformer-inline-string": "^2.8.3",
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",
     "parcel": "^2.8.3",
-    "prettier": "3.4.2"
+    "prettier": "3.4.2",
+    "prettier-plugin-organize-imports": "^4.1.0"
   },
   "dependencies": {
     "@lit/task": "^1.0.1",

src/action-handler.ts

@@ -10,7 +10,6 @@ import type {
   ActionHandlerElement,
   ActionHandlerOptions,
   ActionHandlerType,
-  EntityConfig,
   EntityInformation,
 } from './types';
 

src/card.ts

@@ -5,8 +5,8 @@ import { state } from 'lit/decorators.js';
 import { version } from '../package.json';
 import { actionHandler } from './action-handler';
 import { handleClickAction } from './handle-action';
-import { createStateIcon } from './helpers';
 import {
+  createStateIcon,
   getDevice,
   getEntity,
   getIconEntities,

src/helpers.ts

@@ -166,7 +166,7 @@ export const getRoomEntity = (hass: HomeAssistant, config: Config) => {
           icon: getArea(hass, config.area)?.icon,
           tap_action: {
             action: 'navigate',
-            navigation_path: config.area.replace('_', '-'),
+            navigation_path: config.navigate ?? config.area.replace('_', '-'),
           },
           hold_action: { action: 'more-info' },
           double_tap_action: { action: 'none' },

src/types.ts

@@ -3,11 +3,12 @@
  */
 export interface Config {
   area: string;
-  entity: EntityConfig | string;
-  entities: (EntityConfig | string)[];
-  problem_entities: string[];
-  remove_fan: boolean;
-  skip_climate_colors: boolean;
+  entity?: EntityConfig | string;
+  entities?: (EntityConfig | string)[];
+  problem_entities?: string[];
+  remove_fan?: boolean;
+  skip_climate_colors?: boolean;
+  navigate?: string;
 }
 
 export interface EntityConfig {