Add home assistant 1.1.0 (#30)

* add Home Assistant 1.1.0

* move state component

* add Search Entity Attributes root command

* add heat_cool mode support

* rename command

* update states after action

extensions/homeassistant/package.json

@@ -1,7 +1,7 @@
 {
   "name": "homeassistant",
   "title": "Home Assistant",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": "tonka3000",
   "license": "MIT",
   "description": "Home Assistant remote control. Control your house with Raycast 🚀",
@@ -76,6 +76,13 @@
       "subtitle" : "Home Assistant",
       "description": "Get/Set states of Home Assistant climate entities",
       "mode": "view"
+    },
+    {
+      "name": "attributes",
+      "title": "All Entity Attributes",
+      "subtitle" : "Home Assistant",
+      "description": "Query Home Assistant entity attributes",
+      "mode": "view"
     }
   ],
   "preferences": [
@@ -97,7 +104,7 @@
     }
   ],
   "dependencies": {
-    "@raycast/api": "^1.24.5",
+    "@raycast/api": "^1.25.0",
     "node-fetch": "^2.6.1",
     "url-join": "^4.0.1"
   },

extensions/homeassistant/src/attributes.tsx

@@ -0,0 +1,5 @@
+import { StatesAttributesList } from "./components/attributes_all";
+
+export default function main() {
+  return <StatesAttributesList domain="" />;
+}

extensions/homeassistant/src/automations.tsx

@@ -1,4 +1,4 @@
-import { StatesList } from "./components";
+import { StatesList } from "./components/states";
 
 export default function main() {
   return <StatesList domain="automation" />;

extensions/homeassistant/src/binarysensors.tsx

@@ -1,4 +1,4 @@
-import { StatesList } from "./components";
+import { StatesList } from "./components/states";
 
 export default function main() {
   return <StatesList domain="binary_sensor" />;

extensions/homeassistant/src/climate.tsx

@@ -1,4 +1,4 @@
-import { StatesList } from "./components";
+import { StatesList } from "./components/states";
 
 export default function main() {
   return <StatesList domain="climate" />;

extensions/homeassistant/src/components/attributes.tsx

@@ -0,0 +1,27 @@
+import { ActionPanel, CopyToClipboardAction, List } from "@raycast/api";
+import { State } from "../haapi";
+
+export function EntityAttributesList(props: { state: State }) {
+  const state = props.state;
+  const title = state.attributes.friendly_name
+    ? `${state.attributes.friendly_name} (${state.entity_id})`
+    : `${state.entity_id}`;
+  return (
+    <List searchBarPlaceholder="Search entity attributes">
+      <List.Section title={`Attributes of ${title}`}>
+        {Object.entries(state.attributes).map(([k, v]) => (
+          <List.Item
+            key={state.entity_id + k}
+            title={k}
+            accessoryTitle={`${v}`}
+            actions={
+              <ActionPanel>
+                <CopyToClipboardAction content={`${v}`} />
+              </ActionPanel>
+            }
+          />
+        ))}
+      </List.Section>
+    </List>
+  );
+}

extensions/homeassistant/src/components/attributes_all.tsx

@@ -0,0 +1,104 @@
+import { ActionPanel, CopyToClipboardAction, List, showToast, ToastStyle } from "@raycast/api";
+import { useState, useEffect } from "react";
+import { createHomeAssistantClient } from "../common";
+
+export const ha = createHomeAssistantClient();
+
+class Attribute {
+  public name = "";
+  public value: any;
+}
+
+export function StatesAttributesList(props: { domain: string }) {
+  const [searchText, setSearchText] = useState<string>();
+  const { attributes, error, isLoading } = useSearch(searchText, props.domain);
+
+  if (error) {
+    showToast(ToastStyle.Failure, "Cannot search Home Assistant states", error);
+  }
+
+  if (!attributes) {
+    return <List isLoading={true} searchBarPlaceholder="Loading" />;
+  }
+
+  return (
+    <List
+      searchBarPlaceholder="Filter by entity ID or attribute name"
+      isLoading={isLoading}
+      onSearchTextChange={setSearchText}
+    >
+      {attributes?.map((attr) => (
+        <List.Item
+          key={attr.name}
+          title={attr.name}
+          accessoryTitle={`${attr.value}`.substring(0, 50)}
+          actions={
+            <ActionPanel>
+              <CopyToClipboardAction content={`${attr.value}`} />
+            </ActionPanel>
+          }
+        />
+      ))}
+    </List>
+  );
+}
+
+export function useSearch(
+  query: string | undefined,
+  domain: string
+): {
+  attributes?: Attribute[];
+  error?: string;
+  isLoading: boolean;
+} {
+  const [attributes, setAttributes] = useState<Attribute[]>();
+  const [error, setError] = useState<string>();
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  let cancel = false;
+
+  useEffect(() => {
+    async function fetchData() {
+      if (query === null || cancel) {
+        return;
+      }
+
+      setIsLoading(true);
+      setError(undefined);
+
+      try {
+        const haStates = await ha.getStates({ domain: domain, query: "" });
+        let attributesData: Attribute[] = [];
+        haStates.forEach((e) =>
+          Object.entries(e.attributes).forEach(([k, v]) =>
+            attributesData.push({ name: `${e.entity_id}.${k}`, value: v })
+          )
+        );
+        if (query) {
+          const lquery = query.toLocaleLowerCase().trim();
+          attributesData = attributesData.filter((v) => v.name.toLocaleLowerCase().includes(lquery));
+        }
+        attributesData = attributesData.slice(0, 100);
+        if (!cancel) {
+          setAttributes(attributesData);
+        }
+      } catch (e: any) {
+        if (!cancel) {
+          setError(e.toString());
+        }
+      } finally {
+        if (!cancel) {
+          setIsLoading(false);
+        }
+      }
+    }
+
+    fetchData();
+
+    return () => {
+      cancel = true;
+    };
+  }, [query]);
+
+  return { attributes, error, isLoading };
+}