@switchbot/homebridge-switchbot 5.0.0-beta.7 → 5.0.0-beta.71

package/src/homebridge-ui/public/index.html

@@ -1,249 +1,81 @@
-<p class="text-center">
-  <img
-    src="https://raw.githubusercontent.com/OpenWonderLabs/homebridge-switchbot/latest/branding/Homebridge_x_SwitchBot.svg"
-    alt="homebridge-switchbot logo" style="width: 50%" />
-</p>
-<div id="pageIntro" style="display: none">
-  <p class="lead text-center">Thank you for installing <strong>homebridge-switchbot</strong></p>
-  <p class="lead text-center">Before continuing:</p>
-  <ol>
-    <li class="mb-3">
-      Download the SwitchBot App from either the
-      <a href="https://apps.apple.com/us/app/switchbot/id1087374760" target="_blank" rel="noreferrer noopener">App
-        Store</a> or the
-      <a href="https://play.google.com/store/apps/details?id=com.theswitchbot.switchbot&hl=en_US&gl=US" target="_blank"
-        rel="noreferrer noopener">Play Store</a>.
-    </li>
-    <li class="mb-3">Select <strong>Profile</strong>.</li>
-    <li class="mb-3">Select <strong>Preferences</strong>.</li>
-    <li class="mb-3">Tap the <strong>App version</strong> 10 times, this will enable Developer Options.</li>
-    <li class="mb-3">Select <strong>Developer Options</strong>.</li>
-    <li class="mb-3">Copy your token by hitting <strong>Copy to Clipboard</strong>.</li>
-    <li class="mb-3">Paste the Token into the Token parameter on the next page.</li>
-  </ol>
-  <div class="text-center">
-    <button type="button" class="btn btn-primary" id="introLink">Continue &rarr;</button>
-  </div>
-</div>
-<div id="menuWrapper" class="btn-group w-100 mb-0" role="group" aria-label="UI Menu" style="display: none">
-  <button type="button" class="btn btn-primary" id="menuSettings">Settings</button>
-  <button type="button" class="btn btn-primary" id="menuDevices">Devices</button>
-  <button type="button" class="btn btn-primary mr-0" id="menuHome">Support</button>
-</div>
-<div id="disabledBanner" class="alert alert-secondary mb-0 mt-3" role="alert" style="display: none">
-  Plugin is currently disabled
-  <button id="disabledEnable" type="button" class="btn btn-link p-0 m-0 float-right">Enable</button>
-</div>
-<div id="pageDevices" class="mt-4" style="display: none">
-  <div id="deviceInfo">
-    <form>
-      <div class="form-group">
-        <select class="form-control" id="deviceSelect"></select>
-      </div>
-    </form>
-    <table class="table w-100" id="deviceTable" style="display: none">
-      <thead>
-        <tr class="table-active">
-          <th scope="col" style="width: 40%">Device Name</th>
-          <th scope="col" style="width: 60%" id="displayName"></th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <th scope="row">Device ID</th>
-          <td id="deviceId"></td>
-        </tr>
-        <tr>
-          <th scope="row">Model</th>
-          <td id="model"></td>
-        </tr>
-        <tr>
-          <th scope="row">Firmware Version</th>
-          <td id="version"></td>
-        </tr>
-        <tr>
-          <th scope="row">Device Type</th>
-          <td id="deviceType"></td>
-        </tr>
-        <tr>
-          <th scope="row">Connection Type</th>
-          <td id="connectionType"></td>
-        </tr>
-      </tbody>
-    </table>
-    <p class="text-center">External accessories will not be displayed here.</p>
-  </div>
-</div>
-<div id="pageSupport" class="mt-4" style="display: none">
-  <p class="text-center lead">Thank you for using <strong>homebridge-switchbot</strong></p>
-  <p class="text-center">The links below will take you to our GitHub wiki</p>
-  <h5>Setup</h5>
-  <ul>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki" target="_blank">Wiki Home</a>
-    </li>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki/Configuration"
-        target="_blank">Configuration</a>
-    </li>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki/Beta-Version" target="_blank">Beta
-        Version</a>
-    </li>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki/Node-Version" target="_blank">Node
-        Version</a>
-    </li>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki/Uninstallation"
-        target="_blank">Uninstallation</a>
-    </li>
-  </ul>
-  <h5>Features</h5>
-  <ul>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/wiki/Supported-Devices" target="_blank">Supported
-        Devices</a>
-    </li>
-  </ul>
-  <h5>Help/About</h5>
-  <ul>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/issues/new/choose" target="_blank">Support
-        Request</a>
-    </li>
-    <li>
-      <a href="https://github.com/OpenWonderLabs/homebridge-switchbot/blob/latest/CHANGELOG.md"
-        target="_blank">Changelog</a>
-    </li>
-  </ul>
-</div>
-<script>
-  (async () => {
-    try {
-      const currentConfig = await homebridge.getPluginConfig();
-      showIntro = () => {
-        const introLink = document.getElementById('introLink');
-        introLink.addEventListener('click', () => {
-          homebridge.showSpinner();
-          document.getElementById('pageIntro').style.display = 'none';
-          document.getElementById('menuWrapper').style.display = 'inline-flex';
-          showSettings();
-          homebridge.hideSpinner();
-        });
-        document.getElementById('pageIntro').style.display = 'block';
-      };
-      showDevices = async () => {
-        homebridge.showSpinner();
-        homebridge.hideSchemaForm();
-        document.getElementById('menuHome').classList.remove('btn-elegant');
-        document.getElementById('menuHome').classList.add('btn-primary');
-        document.getElementById('menuDevices').classList.add('btn-elegant');
-        document.getElementById('menuDevices').classList.remove('btn-primary');
-        document.getElementById('menuSettings').classList.remove('btn-elegant');
-        document.getElementById('menuSettings').classList.add('btn-primary');
-        document.getElementById('pageSupport').style.display = 'none';
-        document.getElementById('pageDevices').style.display = 'block';
-        const cachedAccessories =
-          typeof homebridge.getCachedAccessories === 'function'
-            ? await homebridge.getCachedAccessories()
-            : await homebridge.request('/getCachedAccessories');
-        if (cachedAccessories.length > 0) {
-          cachedAccessories.sort((a, b) => {
-            return a.displayName.toLowerCase() > b.displayName.toLowerCase() ? 1 : b.displayName.toLowerCase() > a.displayName.toLowerCase() ? -1 : 0;
-          });
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>SwitchBot Plugin UI</title>
+    <style>
+      body { font-family: system-ui, -apple-system, Arial; padding: 16px; }
+      h1 { font-size: 18px }
+      ul { padding-left: 0; list-style: none }
+      li { margin: 8px 0; display:flex; gap:8px; align-items:center }
+      button { padding: 6px 10px }
+      code { background:#f3f3f3; padding:4px 6px; border-radius:4px }
+    </style>
+  </head>
+  <body>
+    <h1>SwitchBot: Configured Devices</h1>
+    <p>This page lists devices found in your Homebridge config for the SwitchBot platform. Use the copy button to insert device IDs into the plugin configuration. Connection preference (BLE/OpenAPI) is shown when available.</p>
+    <div id="status">Loading…</div>
+    <ul id="devices"></ul>
+
+    <script>
+      async function fetchDevices() {
+        try {
+          const resp = await homebridge.request('/devices', {})
+          if (!resp || !resp.success) throw new Error(resp?.data?.message || 'request failed')
+          return resp.data || []
+        } catch (e) {
+          console.error(e)
+          return []
         }
-        const deviceSelect = document.getElementById('deviceSelect');
-        deviceSelect.innerHTML = '';
-        cachedAccessories.forEach((a) => {
-          const option = document.createElement('option');
-          option.text = a.displayName;
-          option.value = a.UUID;
-          deviceSelect.add(option);
-        });
-        showDeviceInfo = async (UUID) => {
-          homebridge.showSpinner();
-          const thisAcc = cachedAccessories.find((x) => x.UUID === UUID);
-          const context = thisAcc.context;
-          document.getElementById('displayName').innerHTML = thisAcc.displayName;
-          document.getElementById('deviceId').innerHTML = context.deviceId;
-          document.getElementById('model').innerHTML = context.model;
-          document.getElementById('version').innerHTML = context.version;
-          document.getElementById('deviceType').innerHTML = context.deviceType;
-          document.getElementById('connectionType').innerHTML = context.connectionType;
-          document.getElementById('refreshRate').innerHTML = context.refreshRate;
-          document.getElementById('updateRate').innerHTML = context.updateRate;
-          document.getElementById('pushRate').innerHTML = context.pushRate;
-          document.getElementById('deviceTable').style.display = 'inline-table';
-          homebridge.hideSpinner();
-        };
-        deviceSelect.addEventListener('change', (event) => showDeviceInfo(event.target.value));
-        if (cachedAccessories.length > 0) {
-          showDeviceInfo(cachedAccessories[0].UUID);
-        } else {
-          const option = document.createElement('option');
-          option.text = 'No Devices';
-          deviceSelect.add(option);
-          deviceSelect.disabled = true;
+      }
+
+      function render(list) {
+        const ul = document.getElementById('devices')
+        const status = document.getElementById('status')
+        if (!list.length) {
+          status.textContent = 'No devices found in config.'
+          return
         }
-        homebridge.hideSpinner();
-      };
-      showSupport = () => {
-        homebridge.showSpinner();
-        homebridge.hideSchemaForm();
-        document.getElementById('menuHome').classList.add('btn-elegant');
-        document.getElementById('menuHome').classList.remove('btn-primary');
-        document.getElementById('menuDevices').classList.remove('btn-elegant');
-        document.getElementById('menuDevices').classList.add('btn-primary');
-        document.getElementById('menuSettings').classList.remove('btn-elegant');
-        document.getElementById('menuSettings').classList.add('btn-primary');
-        document.getElementById('pageSupport').style.display = 'block';
-        document.getElementById('pageDevices').style.display = 'none';
-        homebridge.hideSpinner();
-      };
-      showSettings = () => {
-        homebridge.showSpinner();
-        document.getElementById('menuHome').classList.remove('btn-elegant');
-        document.getElementById('menuHome').classList.add('btn-primary');
-        document.getElementById('menuDevices').classList.remove('btn-elegant');
-        document.getElementById('menuDevices').classList.add('btn-primary');
-        document.getElementById('menuSettings').classList.add('btn-elegant');
-        document.getElementById('menuSettings').classList.remove('btn-primary');
-        document.getElementById('pageSupport').style.display = 'none';
-        document.getElementById('pageDevices').style.display = 'none';
-        homebridge.showSchemaForm();
-        homebridge.hideSpinner();
-      };
-      showDisabledBanner = () => {
-        document.getElementById('disabledBanner').style.display = 'block';
-      };
-      enablePlugin = async () => {
-        homebridge.showSpinner();
-        document.getElementById('disabledBanner').style.display = 'none';
-        currentConfig[0].disablePlugin = false;
-        await homebridge.updatePluginConfig(currentConfig);
-        await homebridge.savePluginConfig();
-        homebridge.hideSpinner();
-      };
-      menuHome.addEventListener('click', () => showSupport());
-      menuDevices.addEventListener('click', () => showDevices());
-      menuSettings.addEventListener('click', () => showSettings());
-      disabledEnable.addEventListener('click', () => enablePlugin());
-      if (currentConfig.length) {
-        document.getElementById('menuWrapper').style.display = 'inline-flex';
-        showSettings();
-        if (currentConfig[0].disablePlugin) {
-          showDisabledBanner();
+        status.textContent = `Found ${list.length} device(s)`
+        ul.innerHTML = ''
+        for (const d of list) {
+          const li = document.createElement('li')
+          const name = document.createElement('span')
+          name.textContent = d.name || d.id
+          const code = document.createElement('code')
+          code.textContent = d.id
+          const meta = document.createElement('span')
+          meta.style.opacity = '0.75'
+          meta.style.marginLeft = '8px'
+          const typeText = d.type ? `type: ${d.type}` : ''
+          const connText = d.connectionPreference ? `conn: ${d.connectionPreference}` : ''
+          const roomText = d.room ? `room: ${d.room}` : ''
+          meta.textContent = [typeText, connText, roomText].filter(Boolean).join(' | ')
+          const btn = document.createElement('button')
+          btn.textContent = 'Copy ID'
+          btn.addEventListener('click', async () => {
+            try {
+              await navigator.clipboard.writeText(d.id)
+              btn.textContent = 'Copied'
+              setTimeout(() => (btn.textContent = 'Copy ID'), 1200)
+            } catch (e) {
+              alert('Failed to copy')
+            }
+          })
+          li.appendChild(name)
+          li.appendChild(code)
+          li.appendChild(meta)
+          li.appendChild(btn)
+          ul.appendChild(li)
         }
-      } else {
-        currentConfig.push({ name: 'SwitchBot' });
-        await homebridge.updatePluginConfig(currentConfig);
-        showIntro();
       }
-    } catch (err) {
-      homebridge.toast.error(err.message, 'Error');
-    } finally {
-      homebridge.hideSpinner();
-    }
-  })();
-</script>
+
+      (async () => {
+        const list = await fetchDevices()
+        render(list)
+      })()
+    </script>
+  </body>
+  </html>

package/src/homebridge-ui/server.ts

@@ -1,48 +1,56 @@
-import fs from 'node:fs'
-
-import { HomebridgePluginUiServer } from '@homebridge/plugin-ui-utils'
-
-class PluginUiServer extends HomebridgePluginUiServer {
-  constructor() {
-    super()
-    /*
-      A native method getCachedAccessories() was introduced in config-ui-x v4.37.0
-      The following is for users who have a lower version of config-ui-x
-    */
-    this.onRequest('getCachedAccessories', () => {
+import fs from 'node:fs/promises'
+
+import { HomebridgePluginUiServer, RequestError } from '@homebridge/plugin-ui-utils'
+
+const server = new HomebridgePluginUiServer()
+
+server.onRequest('/devices', async () => {
+  try {
+    const cfgPath = server.homebridgeConfigPath
+    if (!cfgPath) {
+      throw new Error('HOMEBRIDGE_CONFIG_PATH not set')
+    }
+
+    const raw = await fs.readFile(cfgPath, 'utf8')
+    const cfg = JSON.parse(raw)
+    const found: Array<{ id: string, name?: string, type?: string, connectionPreference?: string, room?: string }> = []
+
+    const platforms = Array.isArray(cfg.platforms) ? cfg.platforms : []
+    for (const p of platforms) {
       try {
-        const plugin = 'homebridge-switchbot'
-        const devicesToReturn = []
-
-        // The path and file of the cached accessories
-        const accFile = `${this.homebridgeStoragePath}/accessories/cachedAccessories`
-
-        // Check the file exists
-        if (fs.existsSync(accFile)) {
-          // read the cached accessories file
-          const cachedAccessories: any[] = JSON.parse(fs.readFileSync(accFile, 'utf8'))
-
-          cachedAccessories.forEach((accessory: any) => {
-            // Check the accessory is from this plugin
-            if (accessory.plugin === plugin) {
-              // Add the cached accessory to the array
-              devicesToReturn.push(accessory.accessory as never)
-            }
+        const platformName = p.platform || p.name || ''
+        // Match known SwitchBot platform identifiers
+        if (!platformName || !/switchbot/i.test(String(platformName))) {
+          continue
+        }
+
+        const options = p.options || p
+        const devices = Array.isArray(options.devices) ? options.devices : []
+        for (const d of devices) {
+          const id = d.deviceId ?? d.id
+          if (!id) {
+            continue
+          }
+
+          found.push({
+            id,
+            name: d.configDeviceName ?? d.name ?? d.deviceName,
+            type: d.configDeviceType ?? d.type ?? d.deviceType,
+            connectionPreference: d.connectionPreference ?? d.connection ?? 'auto',
+            room: d.room || d.location || undefined,
           })
         }
-        // Return the array
-        return devicesToReturn
-      } catch {
-        // Just return an empty accessory list in case of any errors
-        return []
+      } catch (e) {
+        // ignore malformed platform entries
       }
-    })
-    this.ready()
+    }
+
+    return found
+  } catch (e) {
+    throw new RequestError('Failed to read Homebridge config', e)
   }
-}
+})
 
-function startPluginUiServer(): PluginUiServer {
-  return new PluginUiServer()
-}
+server.ready()
 
-startPluginUiServer()
+export default server

package/src/index.ts

@@ -4,20 +4,12 @@
  */
 import type { API } from 'homebridge'
 
-import { SwitchBotHAPPlatform } from './platform-hap.js'
-import { SwitchBotMatterPlatform } from './platform-matter.js'
-import { PLATFORM_NAME, PLUGIN_NAME } from './settings.js'
+import { SwitchBotHAPPlatform, SwitchBotMatterPlatform } from './platform'
+import { PLATFORM_NAME, PLUGIN_NAME } from './settings'
+import { createPlatformProxy } from './utils'
 
 // Register our platform with homebridge.
 export default (api: API): void => {
-  // Call the instance method on the runtime `api` object (optional chaining in case
-  // older homebridge doesn't provide it). Treat undefined as false.
-  const isMatter = typeof api.isMatterEnabled === 'function'
-    ? Boolean(api.isMatterEnabled())
-    : Boolean((api as any).isMatterEnabled)
-
-  const log = (api as any).logger ?? (api as any).log ?? console
-  log.info?.(`Homebridge SwitchBot Plugin initializing in ${isMatter ? 'Matter' : 'HAP'} mode.`)
-  // If Matter is enabled register the Matter platform, otherwise use HAP platform.
-  api.registerPlatform(PLUGIN_NAME, PLATFORM_NAME, isMatter ? SwitchBotMatterPlatform : SwitchBotHAPPlatform)
+  const ProxyCtor = createPlatformProxy(SwitchBotHAPPlatform, SwitchBotMatterPlatform)
+  api.registerPlatform(PLUGIN_NAME, PLATFORM_NAME, ProxyCtor as any)
 }