Added intent resolver

Author: robmoffat

package-lock.json

@@ -18,9 +18,9 @@
     "vite": "^5.0.2"
   },
   "dependencies": {
-    "@kite9/client": "2.2.0-beta.2",
-    "@kite9/da-server": "2.2.0-beta.2",
-    "@kite9/fdc3": "2.2.0-beta.2",
+    "@kite9/client": "2.2.0-beta.3",
+    "@kite9/da-server": "2.2.0-beta.3",
+    "@kite9/fdc3": "2.2.0-beta.3",
     "@types/react-dom": "^18.2.25",
     "@types/uuid": "^9.0.8",
     "@types/ws": "^8.5.10",

package.json

@@ -90,22 +90,22 @@ export class AppDPanel extends Component<AppPanelProps, AppPanelState> {
             </div>
           </div>
         }
-        button={
+        buttons={[
           <PopupButton
             text="open"
             disabled={this.state.chosen == null}
-            onClick={() => {
+            onClick={async () => {
               if (this.state.chosen) {
-                const ap = this.props.cs.open(this.state.chosen);
+                const ap = await this.props.cs.open(this.state.chosen);
                 if (ap) {
                   this.props.closeAction();
                 } else {
                   alert("Not a web app");
                 }
               }
             }}
-          />
-        }
+          />,
+        ]}
         closeAction={() => this.props.closeAction()}
       />
     );

src/client/appd/appd.tsx

@@ -0,0 +1,72 @@
+import { Component } from "react";
+import * as styles from "./styles.module.css";
+import { ClientState, Directory, getClientState } from "../state/client";
+import { Popup } from "../popups/popup";
+
+const CONFIG_ITENS = ["Directories", "Something else", "Thing 3", "Thing 4"];
+
+type AppPanelProps = {
+  closeAction: () => void;
+  cs: ClientState;
+};
+
+type AppPanelState = {
+  item: string;
+};
+
+function toggleDirectory(d: Directory) {
+  d.active = !d.active;
+  getClientState().updateDirectory(d);
+}
+
+export class ConfigPanel extends Component<AppPanelProps, AppPanelState> {
+  constructor(props: AppPanelProps) {
+    super(props);
+    this.state = {
+      item: CONFIG_ITENS[0],
+    };
+  }
+
+  render() {
+    return (
+      <Popup
+        key="AppDConfigPopup"
+        title="Sail Configuration"
+        area={
+          <div className={styles.configContent}>
+            <div className={styles.configChoice}>
+              {CONFIG_ITENS.map((a) => (
+                <div
+                  key={a}
+                  className={`${styles.configItem} ${a == this.state.item ? styles.selected : ""}`}
+                  onClick={() => this.setState({ item: a })}
+                >
+                  {a}
+                </div>
+              ))}
+            </div>
+
+            <div className={styles.configChoice}>
+              {this.state.item == CONFIG_ITENS[0]
+                ? getClientState()
+                    .getDirectories()
+                    .map((d) => (
+                      <div
+                        key={d.url}
+                        className={`${styles.directoryItem} ${d.active ? styles.directoryActive : styles.directoryInactive}`}
+                        onClick={() => toggleDirectory(d)}
+                      >
+                        <div className={styles.directoryName}>{d.label}</div>
+                        <div className={styles.directoryUrl}>{d.url}</div>
+                      </div>
+                    ))
+                : null}
+            </div>
+          </div>
+        }
+        buttons={[]}
+        closeAction={() => this.props.closeAction()}
+      />
+    );
+  }
+}