@matter-server/dashboard 0.2.0-alpha.0-00000000-000000000 → 0.2.0

package/dist/web/js/node-binding-dialog-Cw6QEmL3.js

@@ -1,443 +0,0 @@
-import { a as i, c, n, d as clientContext, e, i as i$1, A, b, t } from './matter-dashboard-app-BazvuIIi.js';
-import { p as preventDefault } from './prevent_default-D4GG_QeD.js';
-import './outlined-text-field-Sqd4JHxo.js';
-import './main.js';
-
-var _staticBlock$1;
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-class BindingEntryDataTransformer {
-  static transform(input) {
-    if (!input || typeof input !== "object") {
-      throw new Error("Invalid input: expected an object");
-    }
-    const result = {};
-    const keyMapping = BindingEntryDataTransformer.KEY_MAPPING;
-    for (const key in input) {
-      if (key in keyMapping) {
-        const mappedKey = keyMapping[key];
-        if (mappedKey) {
-          const value = input[key];
-          if (value === void 0) {
-            continue;
-          }
-          if (mappedKey === "fabricIndex") {
-            result[mappedKey] = value === void 0 ? void 0 : Number(value);
-          } else if (mappedKey === "node" || mappedKey === "endpoint") {
-            result[mappedKey] = Number(value);
-          } else {
-            result[mappedKey] = value;
-          }
-        }
-      }
-    }
-    return result;
-  }
-  static #_ = _staticBlock$1 = () => this.KEY_MAPPING = {
-    "1": "node",
-    "3": "endpoint",
-    "4": "cluster",
-    "254": "fabricIndex"
-  };
-}
-_staticBlock$1();
-
-var _staticBlock, _staticBlock2;
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-class AccessControlTargetTransformer {
-  static transform(input) {
-    if (!input || typeof input !== "object") {
-      throw new Error("Invalid input: expected an object");
-    }
-    const result = {};
-    const keyMapping = AccessControlTargetTransformer.KEY_MAPPING;
-    for (const key in input) {
-      if (key in keyMapping) {
-        const mappedKey = keyMapping[key];
-        if (mappedKey) {
-          const value = input[key];
-          if (value === void 0) continue;
-          result[mappedKey] = value;
-        }
-      }
-    }
-    return result;
-  }
-  static #_ = _staticBlock = () => this.KEY_MAPPING = {
-    "0": "cluster",
-    "1": "endpoint",
-    "2": "deviceType"
-  };
-}
-_staticBlock();
-class AccessControlEntryDataTransformer {
-  static transform(input) {
-    if (!input || typeof input !== "object") {
-      throw new Error("Invalid input: expected an object");
-    }
-    const result = {};
-    const keyMapping = AccessControlEntryDataTransformer.KEY_MAPPING;
-    for (const key in input) {
-      if (key in keyMapping) {
-        const mappedKey = keyMapping[key];
-        if (mappedKey) {
-          const value = input[key];
-          if (value === void 0) continue;
-          if (mappedKey === "subjects") {
-            result[mappedKey] = Array.isArray(value) ? value : void 0;
-          } else if (mappedKey === "targets") {
-            if (Array.isArray(value)) {
-              const _targets = Object.values(value).map(val => AccessControlTargetTransformer.transform(val));
-              result[mappedKey] = _targets;
-            } else {
-              result[mappedKey] = void 0;
-            }
-          } else {
-            result[mappedKey] = value;
-          }
-        }
-      }
-    }
-    return result;
-  }
-  static #_ = _staticBlock2 = () => this.KEY_MAPPING = {
-    "1": "privilege",
-    "2": "authMode",
-    "3": "subjects",
-    "4": "targets",
-    "254": "fabricIndex"
-  };
-}
-_staticBlock2();
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let NodeBindingDialog = class extends i$1 {
-  fetchBindingEntry() {
-    const bindings_raw = this.node.attributes[this.endpoint + "/30/0"];
-    if (!bindings_raw) return [];
-    return Object.values(bindings_raw).map(value => BindingEntryDataTransformer.transform(value));
-  }
-  fetchACLEntry(targetNodeId) {
-    var _this$client$nodes$ta;
-    const acl_cluster_raw = (_this$client$nodes$ta = this.client.nodes[targetNodeId]) === null || _this$client$nodes$ta === void 0 ? void 0 : _this$client$nodes$ta.attributes["0/31/0"];
-    if (!acl_cluster_raw) return [];
-    return Object.values(acl_cluster_raw).map(value => AccessControlEntryDataTransformer.transform(value));
-  }
-  async deleteBindingHandler(index) {
-    const rawBindings = this.fetchBindingEntry();
-    try {
-      const targetNodeId = rawBindings[index].node;
-      const endpoint = rawBindings[index].endpoint;
-      if (targetNodeId === void 0 || endpoint === void 0) return;
-      await this.removeNodeAtACLEntry(this.getNodeIdAsNumber(), endpoint, targetNodeId);
-      const updatedBindings = this.removeBindingAtIndex(rawBindings, index);
-      await this.syncBindingUpdates(updatedBindings, index);
-    } catch (error) {
-      this.handleBindingDeletionError(error);
-    }
-  }
-  /** Helper to convert node_id (number | bigint) to number for API calls */
-  getNodeIdAsNumber() {
-    const nodeId = this.node.node_id;
-    return typeof nodeId === "bigint" ? Number(nodeId) : nodeId;
-  }
-  async removeNodeAtACLEntry(sourceNodeId, sourceEndpoint, targetNodeId) {
-    const aclEntries = this.fetchACLEntry(targetNodeId);
-    const updatedACLEntries = aclEntries.map(entry => this.removeEntryAtACL(sourceNodeId, sourceEndpoint, entry)).filter(entry => entry !== void 0);
-    const apiEntries = updatedACLEntries.map(e => this.toAccessControlEntry(e));
-    await this.client.setACLEntry(targetNodeId, apiEntries);
-  }
-  removeEntryAtACL(nodeId, sourceEndpoint, entry) {
-    const hasSubject = entry.subjects.includes(nodeId);
-    if (!hasSubject) return entry;
-    const hasTarget = entry.targets.filter(item => item.endpoint === sourceEndpoint);
-    return hasTarget.length > 0 ? void 0 : entry;
-  }
-  removeBindingAtIndex(bindings, index) {
-    return [...bindings.slice(0, index), ...bindings.slice(index + 1)];
-  }
-  async syncBindingUpdates(updatedBindings, index) {
-    const apiBindings = updatedBindings.map(b => this.toBindingTarget(b));
-    await this.client.setNodeBinding(this.getNodeIdAsNumber(), this.endpoint, apiBindings);
-    const attributePath = `${this.endpoint}/30/0`;
-    const currentBindings = this.node.attributes[attributePath];
-    const updatedAttributes = {
-      ...this.node.attributes,
-      [attributePath]: currentBindings ? this.removeBindingAtIndex(currentBindings, index) : []
-    };
-    this.node.attributes = updatedAttributes;
-    this.requestUpdate();
-  }
-  handleBindingDeletionError(error) {
-    const errorMessage = error instanceof Error ? error.message : String(error);
-    console.error(`Binding deletion failed: ${errorMessage}`);
-  }
-  async add_target_acl(targetNodeId, entry) {
-    try {
-      var _this$client$nodes$ta2;
-      const rawEntries = (_this$client$nodes$ta2 = this.client.nodes[targetNodeId]) === null || _this$client$nodes$ta2 === void 0 ? void 0 : _this$client$nodes$ta2.attributes["0/31/0"];
-      const entries = rawEntries ? Object.values(rawEntries).map(v => AccessControlEntryDataTransformer.transform(v)) : [];
-      entries.push(entry);
-      const apiEntries = entries.map(e => this.toAccessControlEntry(e));
-      const result = await this.client.setACLEntry(targetNodeId, apiEntries);
-      if (result && result.length > 0) {
-        return result[0].status === 0;
-      }
-      return true;
-    } catch (err) {
-      console.error("add acl error:", err);
-      return false;
-    }
-  }
-  /** Convert local BindingEntryStruct to API BindingTarget (without fabricIndex) */
-  toBindingTarget(entry) {
-    return {
-      node: entry.node ?? null,
-      group: entry.group ?? null,
-      endpoint: entry.endpoint ?? null,
-      cluster: entry.cluster ?? null
-    };
-  }
-  /** Convert local AccessControlEntryStruct to API AccessControlEntry (without fabricIndex) */
-  toAccessControlEntry(entry) {
-    var _entry$targets;
-    return {
-      privilege: entry.privilege,
-      auth_mode: entry.authMode,
-      subjects: entry.subjects ?? null,
-      targets: ((_entry$targets = entry.targets) === null || _entry$targets === void 0 ? void 0 : _entry$targets.map(t => ({
-        cluster: t.cluster ?? null,
-        endpoint: t.endpoint ?? null,
-        device_type: t.deviceType ?? null
-      }))) ?? null
-    };
-  }
-  async add_bindings(endpoint, bindingEntry) {
-    const bindings = this.fetchBindingEntry();
-    bindings.push(bindingEntry);
-    try {
-      const apiBindings = bindings.map(b => this.toBindingTarget(b));
-      const result = await this.client.setNodeBinding(this.getNodeIdAsNumber(), endpoint, apiBindings);
-      if (result && result.length > 0) {
-        return result[0].status === 0;
-      }
-      return true;
-    } catch (err) {
-      console.log("add bindings error:", err);
-      return false;
-    }
-  }
-  async addBindingHandler() {
-    const targetNodeId = this._targetNodeId.value ? parseInt(this._targetNodeId.value, 10) : void 0;
-    const targetEndpoint = this._targetEndpoint.value ? parseInt(this._targetEndpoint.value, 10) : void 0;
-    const targetCluster = this._targetCluster.value ? parseInt(this._targetCluster.value, 10) : void 0;
-    if (targetNodeId === void 0 || targetNodeId <= 0 || targetNodeId > 65535) {
-      alert("Please enter a valid target node ID");
-      return;
-    }
-    if (targetEndpoint === void 0 || targetEndpoint <= 0 || targetEndpoint > 65534) {
-      alert("Please enter a valid target endpoint");
-      return;
-    }
-    if (targetCluster !== void 0) {
-      if (targetCluster < 0 || targetCluster > 32767) {
-        alert("Please enter a valid target cluster");
-        return;
-      }
-    }
-    const targets = {
-      endpoint: targetEndpoint,
-      cluster: targetCluster,
-      deviceType: void 0
-    };
-    const acl_entry = {
-      privilege: 5,
-      authMode: 2,
-      subjects: [this.getNodeIdAsNumber()],
-      targets: [targets],
-      fabricIndex: 0
-      // Placeholder - server will use correct fabric index
-    };
-    const result_acl = await this.add_target_acl(targetNodeId, acl_entry);
-    if (!result_acl) {
-      alert("add target acl error!");
-      return;
-    }
-    const endpoint = this.endpoint;
-    const bindingEntry = {
-      node: targetNodeId,
-      endpoint: targetEndpoint,
-      group: void 0,
-      cluster: targetCluster,
-      fabricIndex: void 0
-      // Server will use correct fabric index
-    };
-    const result_binding = await this.add_bindings(endpoint, bindingEntry);
-    if (result_binding) {
-      this._targetNodeId.value = "";
-      this._targetEndpoint.value = "";
-      this._targetCluster.value = "";
-      this.requestUpdate();
-    }
-  }
-  _close() {
-    this.shadowRoot.querySelector("md-dialog").close();
-  }
-  _handleClosed() {
-    this.parentNode.removeChild(this);
-  }
-  onChange(e) {
-    const textfield = e.target;
-    const value = parseInt(textfield.value, 10);
-    if (parseInt(textfield.max, 10) < value || value < parseInt(textfield.min, 10)) {
-      textfield.error = true;
-      textfield.errorText = "value error";
-    } else {
-      textfield.error = false;
-    }
-  }
-  render() {
-    const rawBindings = this.node.attributes[this.endpoint + "/30/0"];
-    const bindings = rawBindings ? Object.values(rawBindings).map(entry => BindingEntryDataTransformer.transform(entry)) : [];
-    return b`
-            <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
-                <div slot="headline">
-                    <div>Binding</div>
-                </div>
-                <div slot="content">
-                    <div>
-                        <md-list style="padding-bottom:18px;">
-                            ${Object.values(bindings).map((entry, index) => b`
-                  <md-list-item style="background:cornsilk;">
-                    <div style="display:flex;gap:10px;">
-                        <div>node:${entry["node"]}</div>
-                        <div>endpoint:${entry["endpoint"]}</div>
-                        ${entry["cluster"] ? b` <div>cluster:${entry["cluster"]}</div> ` : A}
-                    </div>
-                    <div slot="end">
-                      <md-text-button
-                        @click=${() => this.deleteBindingHandler(index)}
-                      >delete</md-text-button
-                    </div>
-                  </md-list-item>
-                `)}
-                        </md-list>
-                        <div class="inline-group">
-                            <div class="group-label">target</div>
-                            <div class="group-input">
-                                <md-outlined-text-field
-                                    label="node id"
-                                    name="NodeId"
-                                    type="number"
-                                    min="0"
-                                    max="65535"
-                                    class="target-item"
-                                    @change=${this.onChange}
-                                    supporting-text="required"
-                                ></md-outlined-text-field>
-                                <md-outlined-text-field
-                                    label="endpoint"
-                                    name="Endpoint"
-                                    type="number"
-                                    min="0"
-                                    max="65534"
-                                    @change=${this.onChange}
-                                    class="target-item"
-                                    supporting-text="required"
-                                ></md-outlined-text-field>
-                                <md-outlined-text-field
-                                    label="cluster"
-                                    name="Cluster"
-                                    type="number"
-                                    min="0"
-                                    max="32767"
-                                    @change=${this.onChange}
-                                    class="target-item"
-                                    supporting-text="optional"
-                                ></md-outlined-text-field>
-                            </div>
-                        </div>
-                        <div style="margin:8px;">
-                            <Text style="font-size: 10px;font-style: italic;font-weight: bold;">
-                                Note: The Cluster ID field is optional according to the Matter specification. If you
-                                leave it blank, the binding applies to all eligible clusters on the target endpoint.
-                                However, some devices may require a specific cluster to be set in order for the binding
-                                to function correctly. If you experience unexpected behavior, try specifying the cluster
-                                explicitly.
-                            </Text>
-                        </div>
-                    </div>
-                </div>
-                <div slot="actions">
-                    <md-text-button @click=${this.addBindingHandler}>Add</md-text-button>
-                    <md-text-button @click=${this._close}>Cancel</md-text-button>
-                </div>
-            </md-dialog>
-        `;
-  }
-};
-NodeBindingDialog.styles = i`
-        .inline-group {
-            display: flex;
-            border: 2px solid #673ab7;
-            padding: 1px;
-            border-radius: 8px;
-            position: relative;
-            margin: 8px;
-        }
-
-        .group-input {
-            display: flex;
-            width: -webkit-fill-available;
-        }
-
-        .target-item {
-            display: inline-block;
-            padding: 20px 10px 10px 10px;
-            border-radius: 4px;
-            vertical-align: middle;
-            min-width: 80px;
-            text-align: center;
-            width: -webkit-fill-available;
-        }
-
-        .group-label {
-            position: absolute;
-            left: 15px;
-            top: -12px;
-            background: #673ab7;
-            color: white;
-            padding: 3px 15px;
-            border-radius: 4px;
-        }
-    `;
-__decorateClass([c({
-  context: clientContext,
-  subscribe: true
-}), n({
-  attribute: false
-})], NodeBindingDialog.prototype, "client", 2);
-__decorateClass([n()], NodeBindingDialog.prototype, "node", 2);
-__decorateClass([n({
-  attribute: false
-})], NodeBindingDialog.prototype, "endpoint", 2);
-__decorateClass([e("md-outlined-text-field[name='NodeId']")], NodeBindingDialog.prototype, "_targetNodeId", 2);
-__decorateClass([e("md-outlined-text-field[name='Endpoint']")], NodeBindingDialog.prototype, "_targetEndpoint", 2);
-__decorateClass([e("md-outlined-text-field[name='Cluster']")], NodeBindingDialog.prototype, "_targetCluster", 2);
-NodeBindingDialog = __decorateClass([t("node-binding-dialog")], NodeBindingDialog);
-
-export { NodeBindingDialog };