npm - @switchbot/homebridge-switchbot - Versions diffs - 5.0.0-beta.107 → 5.0.0-beta.109 - Mend

@switchbot/homebridge-switchbot 5.0.0-beta.107 → 5.0.0-beta.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (148) hide show

package/TODO.md +564 -0
package/config.schema.json +100 -25
package/dist/device-types.d.ts +15 -0
package/dist/device-types.d.ts.map +1 -0
package/dist/device-types.js +145 -0
package/dist/device-types.js.map +1 -0
package/dist/deviceFactory.d.ts +1 -1
package/dist/deviceFactory.d.ts.map +1 -1
package/dist/deviceFactory.js +55 -17
package/dist/deviceFactory.js.map +1 -1
package/dist/devices/genericDevice.d.ts +1 -1
package/dist/devices/genericDevice.d.ts.map +1 -1
package/dist/devices/genericDevice.js +4 -2
package/dist/devices/genericDevice.js.map +1 -1
package/dist/homebridge-ui/endpoints/config.d.ts +6 -0
package/dist/homebridge-ui/endpoints/config.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/config.js +73 -0
package/dist/homebridge-ui/endpoints/config.js.map +1 -0
package/dist/homebridge-ui/endpoints/credentials.d.ts +6 -0
package/dist/homebridge-ui/endpoints/credentials.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/credentials.js +65 -0
package/dist/homebridge-ui/endpoints/credentials.js.map +1 -0
package/dist/homebridge-ui/endpoints/devices.d.ts +6 -0
package/dist/homebridge-ui/endpoints/devices.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/devices.js +285 -0
package/dist/homebridge-ui/endpoints/devices.js.map +1 -0
package/dist/homebridge-ui/endpoints/discovery.d.ts +7 -0
package/dist/homebridge-ui/endpoints/discovery.d.ts.map +1 -0
package/dist/homebridge-ui/endpoints/discovery.js +171 -0
package/dist/homebridge-ui/endpoints/discovery.js.map +1 -0
package/dist/homebridge-ui/public/index.html +144 -588
package/dist/homebridge-ui/public/js/api.d.ts +15 -0
package/dist/homebridge-ui/public/js/api.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/api.js +164 -0
package/dist/homebridge-ui/public/js/api.js.map +1 -0
package/dist/homebridge-ui/public/js/api.ts +189 -0
package/dist/homebridge-ui/public/js/app.d.ts +2 -0
package/dist/homebridge-ui/public/js/app.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/app.js +1069 -0
package/dist/homebridge-ui/public/js/app.js.map +7 -0
package/dist/homebridge-ui/public/js/app.ts +21 -0
package/dist/homebridge-ui/public/js/constants.d.ts +2 -0
package/dist/homebridge-ui/public/js/constants.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/constants.js +2 -0
package/dist/homebridge-ui/public/js/constants.js.map +1 -0
package/dist/homebridge-ui/public/js/constants.ts +1 -0
package/dist/homebridge-ui/public/js/credentials.d.ts +3 -0
package/dist/homebridge-ui/public/js/credentials.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/credentials.js +96 -0
package/dist/homebridge-ui/public/js/credentials.js.map +1 -0
package/dist/homebridge-ui/public/js/credentials.ts +100 -0
package/dist/homebridge-ui/public/js/devices-delete.d.ts +2 -0
package/dist/homebridge-ui/public/js/devices-delete.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/devices-delete.js +99 -0
package/dist/homebridge-ui/public/js/devices-delete.js.map +1 -0
package/dist/homebridge-ui/public/js/devices-delete.ts +113 -0
package/dist/homebridge-ui/public/js/devices.d.ts +8 -0
package/dist/homebridge-ui/public/js/devices.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/devices.js +71 -0
package/dist/homebridge-ui/public/js/devices.js.map +1 -0
package/dist/homebridge-ui/public/js/devices.ts +78 -0
package/dist/homebridge-ui/public/js/discovery.d.ts +3 -0
package/dist/homebridge-ui/public/js/discovery.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/discovery.js +107 -0
package/dist/homebridge-ui/public/js/discovery.js.map +1 -0
package/dist/homebridge-ui/public/js/discovery.ts +123 -0
package/dist/homebridge-ui/public/js/logger.d.ts +6 -0
package/dist/homebridge-ui/public/js/logger.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/logger.js +12 -0
package/dist/homebridge-ui/public/js/logger.js.map +1 -0
package/dist/homebridge-ui/public/js/logger.ts +11 -0
package/dist/homebridge-ui/public/js/modal.d.ts +5 -0
package/dist/homebridge-ui/public/js/modal.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/modal.js +26 -0
package/dist/homebridge-ui/public/js/modal.js.map +1 -0
package/dist/homebridge-ui/public/js/modal.ts +28 -0
package/dist/homebridge-ui/public/js/modals.d.ts +2 -0
package/dist/homebridge-ui/public/js/modals.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/modals.js +132 -0
package/dist/homebridge-ui/public/js/modals.js.map +1 -0
package/dist/homebridge-ui/public/js/modals.ts +153 -0
package/dist/homebridge-ui/public/js/render.d.ts +6 -0
package/dist/homebridge-ui/public/js/render.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/render.js +166 -0
package/dist/homebridge-ui/public/js/render.js.map +1 -0
package/dist/homebridge-ui/public/js/render.ts +190 -0
package/dist/homebridge-ui/public/js/toast.d.ts +6 -0
package/dist/homebridge-ui/public/js/toast.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/toast.js +29 -0
package/dist/homebridge-ui/public/js/toast.js.map +1 -0
package/dist/homebridge-ui/public/js/toast.ts +37 -0
package/dist/homebridge-ui/public/js/types.d.ts +23 -0
package/dist/homebridge-ui/public/js/types.d.ts.map +1 -0
package/dist/homebridge-ui/public/js/types.js +2 -0
package/dist/homebridge-ui/public/js/types.js.map +1 -0
package/dist/homebridge-ui/public/js/types.ts +26 -0
package/dist/homebridge-ui/server.d.ts +1 -3
package/dist/homebridge-ui/server.d.ts.map +1 -1
package/dist/homebridge-ui/server.js +10 -561
package/dist/homebridge-ui/server.js.map +1 -1
package/dist/homebridge-ui/utils/config-parser.d.ts +35 -0
package/dist/homebridge-ui/utils/config-parser.d.ts.map +1 -0
package/dist/homebridge-ui/utils/config-parser.js +87 -0
package/dist/homebridge-ui/utils/config-parser.js.map +1 -0
package/dist/homebridge-ui/utils/logger.d.ts +7 -0
package/dist/homebridge-ui/utils/logger.d.ts.map +1 -0
package/dist/homebridge-ui/utils/logger.js +17 -0
package/dist/homebridge-ui/utils/logger.js.map +1 -0
package/dist/platform.d.ts.map +1 -1
package/dist/platform.js +6 -2
package/dist/platform.js.map +1 -1
package/dist/switchbotClient.d.ts.map +1 -1
package/dist/switchbotClient.js +2 -0
package/dist/switchbotClient.js.map +1 -1
package/docs/variables/default.html +1 -1
package/eslint.config.js +5 -0
package/nodemon.json +2 -2
package/package.json +20 -10
package/scripts/build-ui.js +36 -0
package/scripts/free-dev-ports.mjs +105 -0
package/scripts/sync-device-types.mjs +28 -0
package/src/device-types.ts +145 -0
package/src/deviceFactory.ts +71 -31
package/src/devices/genericDevice.ts +5 -2
package/src/homebridge-ui/endpoints/config.ts +79 -0
package/src/homebridge-ui/endpoints/credentials.ts +74 -0
package/src/homebridge-ui/endpoints/devices.ts +321 -0
package/src/homebridge-ui/endpoints/discovery.ts +191 -0
package/src/homebridge-ui/public/index.html +144 -588
package/src/homebridge-ui/public/js/api.ts +189 -0
package/src/homebridge-ui/public/js/app.ts +21 -0
package/src/homebridge-ui/public/js/constants.ts +1 -0
package/src/homebridge-ui/public/js/credentials.ts +100 -0
package/src/homebridge-ui/public/js/devices-delete.ts +113 -0
package/src/homebridge-ui/public/js/devices.ts +78 -0
package/src/homebridge-ui/public/js/discovery.ts +123 -0
package/src/homebridge-ui/public/js/logger.ts +11 -0
package/src/homebridge-ui/public/js/modal.ts +28 -0
package/src/homebridge-ui/public/js/modals.ts +153 -0
package/src/homebridge-ui/public/js/render.ts +190 -0
package/src/homebridge-ui/public/js/toast.ts +37 -0
package/src/homebridge-ui/public/js/types.ts +26 -0
package/src/homebridge-ui/server.ts +11 -647
package/src/homebridge-ui/utils/config-parser.ts +108 -0
package/src/homebridge-ui/utils/logger.ts +17 -0
package/src/platform.ts +6 -2
package/src/switchbotClient.ts +2 -0
package/switchbot-homebridge-switchbot-5.0.0.tgz +0 -0

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

@@ -77,627 +77,183 @@
       @media (prefers-color-scheme: dark) {
       }
-      body { font-family: system-ui, -apple-system, Arial; padding: 16px }
-      h1 { font-size: 24px; margin-top:0 }
-      h2 { font-size: 16px; margin-top: 24px; margin-bottom: 12px; border-bottom: 1px solid; padding-bottom:8px }
-      ul { padding-left: 0; list-style: none }
-      li { margin: 8px 0; display:flex; gap:8px; align-items:center }
-      button { padding: 8px 16px; background:#6366f1; color:#fff; border:none; border-radius:4px; cursor:pointer }
-      button:hover { background:#4f46e5 }
-      button.success { background:#10b981 }
-      code { padding:4px 6px; border-radius:4px; font-family: monospace }
-      .form-group { margin-bottom:16px }
-      label { display:block; margin-bottom:6px; font-weight:500 }
-      input { width:100%; max-width:400px; padding:8px; border: 1px solid; border-radius:4px; font-family:monospace }
-      input:focus { outline:none }
-      .status { font-size:14px; margin-top:4px }
-      .status.ok { color:#10b981 }
-      .error { color:#ef4444 }
-      .success-msg { color:#10b981; margin-top:8px }
-      .card { padding:16px; border-radius:8px; margin-bottom:16px }
-      .device-item { padding:8px; border-radius:4px; margin-bottom:8px; display:flex; gap:8px; align-items:center; justify-content:space-between }
+      body {
+        font-family:
+          system-ui,
+          -apple-system,
+          Arial;
+        padding: 16px;
+      }
+      h1 {
+        font-size: 24px;
+        margin-top: 0;
+      }
+      h2 {
+        font-size: 16px;
+        margin-top: 24px;
+        margin-bottom: 12px;
+        border-bottom: 1px solid;
+        padding-bottom: 8px;
+      }
+      ul {
+        padding-left: 0;
+        list-style: none;
+      }
+      li {
+        margin: 8px 0;
+        display: flex;
+        gap: 8px;
+        align-items: center;
+      }
+      button {
+        padding: 8px 16px;
+        background: #6366f1;
+        color: #fff;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+      button:hover {
+        background: #4f46e5;
+      }
+      button.success {
+        background: #10b981;
+      }
+      code {
+        padding: 4px 6px;
+        border-radius: 4px;
+        font-family: monospace;
+      }
+      .form-group {
+        margin-bottom: 16px;
+      }
+      label {
+        display: block;
+        margin-bottom: 6px;
+        font-weight: 500;
+      }
+      input {
+        width: 100%;
+        max-width: 400px;
+        padding: 8px;
+        border: 1px solid;
+        border-radius: 4px;
+        font-family: monospace;
+      }
+      input:focus {
+        outline: none;
+      }
+      .status {
+        font-size: 14px;
+        margin-top: 4px;
+      }
+      .status.ok {
+        color: #10b981;
+      }
+      .error {
+        color: #ef4444;
+      }
+      .success-msg {
+        color: #10b981;
+        margin-top: 8px;
+      }
+      .card {
+        padding: 16px;
+        border-radius: 8px;
+        margin-bottom: 16px;
+      }
+      .device-item {
+        padding: 8px;
+        border-radius: 4px;
+        margin-bottom: 8px;
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        justify-content: space-between;
+      }
     </style>
   </head>
   <body>
     <h1>🤖 SwitchBot Configuration</h1>
     <div class="card">
       <h2>API Credentials</h2>
-      <p>Configure your SwitchBot API token and secret to enable device discovery and control.</p>
+      <p>
+        Configure your SwitchBot API token and secret to enable device discovery
+        and control.
+      </p>
       <div class="form-group">
         <label for="token">API Token:</label>
-        <input type="password" id="token" placeholder="Enter your SwitchBot API token" />
+        <input
+          type="password"
+          id="token"
+          placeholder="Enter your SwitchBot API token"
+        />
         <div class="status" id="tokenStatus"></div>
       </div>
       <div class="form-group">
         <label for="secret">API Secret:</label>
-        <input type="password" id="secret" placeholder="Enter your SwitchBot API secret" />
+        <input
+          type="password"
+          id="secret"
+          placeholder="Enter your SwitchBot API secret"
+        />
         <div class="status" id="secretStatus"></div>
       </div>
       <button id="saveBtn" onclick="saveCredentials()">Save Credentials</button>
       <div id="saveStatus"></div>
     </div>
     <div class="card">
       <h2>Discover Devices</h2>
-      <p>Click "Discover" to find all devices available in your SwitchBot account and add them to your configuration.</p>
+      <p>
+        Click "Discover" to find all devices available in your SwitchBot account
+        and add them to your configuration.
+      </p>
       <div style="margin-bottom: 16px">
-        <label style="display: flex; align-items: center; gap: 8px; cursor: pointer">
-          <input type="checkbox" id="autoAddAllCheckbox" style="width: auto; margin: 0">
+        <label
+          style="display: flex; align-items: center; gap: 8px; cursor: pointer"
+        >
+          <input
+            type="checkbox"
+            id="autoAddAllCheckbox"
+            style="width: auto; margin: 0"
+          />
           <span>Auto-add all discovered devices</span>
         </label>
       </div>
-      <button id="discoverBtn" onclick="discoverDevices()" style="margin-bottom: 16px">🔍 Discover Devices</button>
+      <button
+        id="discoverBtn"
+        onclick="discoverDevices()"
+        style="margin-bottom: 16px"
+      >
+        🔍 Discover Devices
+      </button>
       <div id="discoverStatus" style="margin-bottom: 16px"></div>
       <div id="discoveredList" style="display: none">
         <h3 style="margin-top: 0">Available Devices</h3>
-        <ul id="discoveredDevices" style="max-height: 300px; overflow-y: auto"></ul>
+        <ul
+          id="discoveredDevices"
+          style="max-height: 300px; overflow-y: auto"
+        ></ul>
       </div>
     </div>
     <div class="card">
       <h2>Configured Devices</h2>
-      <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>
+      <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>
     </div>
-    <script>
-      async function loadCredentialStatus() {
-        try {
-          const resp = await homebridge.request('/credentials', {})
-          console.log('Load credentials response:', resp)
-          if (!resp || resp.success === false) {
-            console.error('Failed to load credentials:', resp)
-            return
-          }
-          const creds = resp.data || {}
-          const tokenStatus = document.getElementById('tokenStatus')
-          const secretStatus = document.getElementById('secretStatus')
-          if (creds.hasToken) {
-            tokenStatus.textContent = `✓ Configured (${creds.tokenLength} characters)`
-            tokenStatus.classList.add('ok')
-          } else {
-            tokenStatus.textContent = 'Not configured'
-            tokenStatus.classList.remove('ok')
-          }
-          if (creds.hasSecret) {
-            secretStatus.textContent = `✓ Configured (${creds.secretLength} characters)`
-            secretStatus.classList.add('ok')
-          } else {
-            secretStatus.textContent = 'Not configured'
-            secretStatus.classList.remove('ok')
-          }
-        } catch (e) {
-          console.error('Error loading credentials:', e)
-        }
-      }
-      async function saveCredentials() {
-        const token = document.getElementById('token').value
-        const secret = document.getElementById('secret').value
-        const saveStatus = document.getElementById('saveStatus')
-        const saveBtn = document.getElementById('saveBtn')
-        if (!token || !secret) {
-          saveStatus.textContent = 'Please enter both token and secret'
-          saveStatus.classList.add('error')
-          return
-        }
-        try {
-          saveBtn.disabled = true
-          saveBtn.textContent = 'Saving...'
-          console.log('Saving credentials...')
-          const resp = await homebridge.request('/credentials', { token, secret })
-          console.log('Save response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.message || 'Save failed')
-          }
-          const result = resp.data || resp
-          saveStatus.textContent = '✓ ' + (result.message || 'Credentials saved successfully')
-          saveStatus.classList.remove('error')
-          saveStatus.classList.add('success-msg')
-          await syncParentPluginConfigFromDisk()
-          // Clear inputs after successful save
-          document.getElementById('token').value = ''
-          document.getElementById('secret').value = ''
-          // Reload status to verify save
-          setTimeout(() => loadCredentialStatus(), 500)
-          // Clear status message
-          setTimeout(() => {
-            saveStatus.textContent = ''
-            saveStatus.classList.remove('success-msg')
-          }, 3000)
-        } catch (e) {
-          console.error('Save error:', e)
-          saveStatus.textContent = 'Error: ' + (e?.message || 'Failed to save')
-          saveStatus.classList.add('error')
-        } finally {
-          saveBtn.disabled = false
-          saveBtn.textContent = 'Save Credentials'
-        }
-      }
-      function isSwitchBotPlatformConfig(block) {
-        const platformName = String(block?.platform || block?.name || '').toLowerCase()
-        return platformName === 'switchbot' || platformName === '@switchbot/homebridge-switchbot' || platformName.includes('switchbot')
-      }
-      async function syncParentPluginConfigFromDisk() {
-        try {
-          if (typeof homebridge.getPluginConfig !== 'function' || typeof homebridge.updatePluginConfig !== 'function') {
-            console.warn('[SwitchBot UI] Parent config sync API not available')
-            return false
-          }
-          const diskResp = await homebridge.request('/platform-config', {})
-          if (!diskResp || diskResp.success === false || !diskResp.data) {
-            console.warn('[SwitchBot UI] Failed to fetch fresh platform config from disk')
-            return false
-          }
-          const pluginConfigBlocks = await homebridge.getPluginConfig()
-          if (!Array.isArray(pluginConfigBlocks) || !pluginConfigBlocks.length) {
-            console.warn('[SwitchBot UI] No plugin config blocks returned from Homebridge')
-            return false
-          }
-          const index = pluginConfigBlocks.findIndex((block) => isSwitchBotPlatformConfig(block))
-          if (index < 0) {
-            console.warn('[SwitchBot UI] SwitchBot platform block not found in Homebridge plugin config')
-            return false
-          }
-          pluginConfigBlocks[index] = diskResp.data
-          await homebridge.updatePluginConfig(pluginConfigBlocks)
-          return true
-        } catch (e) {
-          console.warn('[SwitchBot UI] Failed to sync parent plugin config cache:', e)
-          return false
-        }
-      }
-      async function fetchDevices() {
-        try {
-          const resp = await homebridge.request('/devices', {})
-          if (!resp || resp.success === false) throw new Error(resp?.data?.message || 'request failed')
-          return resp.data || []
-        } catch (e) {
-          console.error(e)
-          return []
-        }
-      }
-      async function discoverDevices() {
-        const btn = document.getElementById('discoverBtn')
-        const status = document.getElementById('discoverStatus')
-        const list = document.getElementById('discoveredList')
-        const ul = document.getElementById('discoveredDevices')
-        const autoAddAll = document.getElementById('autoAddAllCheckbox').checked
-        try {
-          btn.disabled = true
-          btn.textContent = '🔍 Discovering...'
-          status.textContent = 'Searching SwitchBot account...'
-          status.classList.remove('error')
-          const resp = await homebridge.request('/discover', {})
-          console.log('Discover response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Discovery failed')
-          }
-          const devicesRaw = resp.data || []
-          const devices = devicesRaw.filter((d, index, arr) =>
-            !!d?.id && arr.findIndex((x) => x?.id === d.id) === index,
-          )
-          if (!devices.length) {
-            status.textContent = 'No devices found in your SwitchBot account'
-            list.style.display = 'none'
-            return
-          }
-          // If auto-add is enabled, add all devices immediately using bulk endpoint
-          if (autoAddAll) {
-            status.textContent = `Auto-adding ${devices.length} device(s)...`
-            try {
-              const bulkResult = await homebridge.request('/add-devices', {
-                devices: devices.map(d => ({
-                  deviceId: d.id,
-                  name: d.name,
-                  type: d.type,
-                }))
-              })
-              console.log('Bulk add response:', bulkResult)
-              if (!bulkResult || bulkResult.success === false) {
-                throw new Error(bulkResult?.data?.message || 'Bulk add failed')
-              }
-              const addedCount = bulkResult?.data?.addedCount || 0
-              const skippedCount = bulkResult?.data?.skippedCount || 0
-              status.textContent = `✓ Added ${addedCount} device(s)` + (skippedCount > 0 ? ` (${skippedCount} skipped)` : '')
-              status.classList.remove('error')
-              list.style.display = 'none'
-              // Sync parent Homebridge form cache to allow SAVE without full page reload
-              if (addedCount > 0) {
-                const synced = await syncParentPluginConfigFromDisk()
-                status.textContent += synced
-                  ? ' - Homebridge form synced. You can click SAVE.'
-                  : ' - Sync pending: close/reopen settings before SAVE.'
-              }
-            } catch (e) {
-              console.error('Bulk add error:', e)
-              status.textContent = '✗ Error: ' + (e?.message || 'Failed to add devices')
-              status.classList.add('error')
-            }
-            // Refresh the configured devices list
-            await loadConfiguredDevices()
-            return
-          }
-          status.textContent = `Found ${devices.length} device(s)`
-          ul.innerHTML = ''
-          for (const d of devices) {
-            const li = document.createElement('li')
-            li.className = 'device-item'
-            const info = document.createElement('div')
-            info.style.flex = '1'
-            const name = document.createElement('div')
-            name.style.fontWeight = '500'
-            name.textContent = d.name || d.id
-            const details = document.createElement('div')
-            details.style.fontSize = '12px'
-            details.style.opacity = '0.75'
-            details.textContent = `ID: ${d.id} | Type: ${d.type} | Model: ${d.model || 'N/A'}`
-            info.appendChild(name)
-            info.appendChild(details)
-            const addBtn = document.createElement('button')
-            addBtn.textContent = '+ Add'
-            addBtn.style.marginLeft = '8px'
-            addBtn.onclick = async () => {
-              await addDeviceToConfig(d)
-            }
-            li.appendChild(info)
-            li.appendChild(addBtn)
-            ul.appendChild(li)
-          }
-          list.style.display = 'block'
-        } catch (e) {
-          console.error('Discovery error:', e)
-          status.textContent = 'Error: ' + (e?.message || 'Discovery failed')
-          status.classList.add('error')
-          list.style.display = 'none'
-        } finally {
-          btn.disabled = false
-          btn.textContent = '🔍 Discover Devices'
-        }
-      }
-      async function addDeviceToConfig(device, options = {}) {
-        const { refresh = true, showStatus = true } = options
-        try {
-          console.log('Adding device to config:', device)
-          const resp = await homebridge.request('/add-device', {
-            deviceId: device.id,
-            name: device.name,
-            type: device.type,
-          })
-          console.log('Add device response:', resp)
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Failed to add device')
-          }
-          const alreadyExists = !!resp.data?.alreadyExists
-          const message = resp.data?.message || (alreadyExists
-            ? `Device "${device.name}" already in config`
-            : `Device "${device.name}" added successfully!`)
-          if (showStatus) {
-            const status = document.getElementById('discoverStatus')
-            status.textContent = (alreadyExists ? '• ' : '✓ ') + message
-            status.classList.remove('error')
-            status.classList.add('success-msg')
-            // Sync parent Homebridge form cache to allow SAVE without full page reload
-            if (!alreadyExists) {
-              const synced = await syncParentPluginConfigFromDisk()
-              status.textContent += synced
-                ? ' - Homebridge form synced. You can click SAVE.'
-                : ' - Sync pending: close/reopen settings before SAVE.'
-            }
-          }
-          if (refresh) {
-            await loadConfiguredDevices()
-          }
-          return { added: !alreadyExists }
-        } catch (e) {
-          console.error('Add device error:', e)
-          const status = document.getElementById('discoverStatus')
-          status.textContent = '✗ Error: ' + (e?.message || 'Failed to add device')
-          status.classList.add('error')
-          return { added: false }
-        }
-      }
-      async function loadConfiguredDevices() {
-        const list = await fetchDevices()
-        render(list)
-      }
-      async function deleteDevice(deviceId, deviceName) {
-        if (!confirm(`Are you sure you want to remove "${deviceName || deviceId}"?`)) {
-          return
-        }
-        try {
-          const resp = await homebridge.request('/delete-device', { deviceId })
-          if (!resp || resp.success === false) {
-            throw new Error(resp?.data?.message || 'Failed to delete device')
-          }
-          await syncParentPluginConfigFromDisk()
-          // Refresh device list
-          const list = await fetchDevices()
-          render(list)
-        } catch (e) {
-          console.error('Delete error:', e)
-          alert('Error: ' + (e?.message || 'Failed to delete device'))
-        }
-      }
-      const DEVICE_TYPES = [
-        'bot', 'curtain', 'fan', 'light', 'lightstrip', 'motion', 'contact',
-        'vacuum', 'lock', 'humidifier', 'temperature', 'relay', 'plug',
-        'wosweeper', 'blindtilt', 'curtain3', 'rollershade', 'meter',
-        'waterdetector', 'walletfinder', 'unknown'
-      ]
-      async function editDevice(device) {
-        // Create modal dialog for editing
-        const div = document.createElement('div')
-        div.style.position = 'fixed'
-        div.style.top = '0'
-        div.style.left = '0'
-        div.style.width = '100%'
-        div.style.height = '100%'
-        div.style.background = 'rgba(0,0,0,0.7)'
-        div.style.display = 'flex'
-        div.style.alignItems = 'center'
-        div.style.justifyContent = 'center'
-        div.style.zIndex = '9999'
-        const modal = document.createElement('div')
-        modal.style.background = getComputedStyle(document.body).backgroundColor
-        modal.style.color = getComputedStyle(document.body).color
-        modal.style.padding = '24px'
-        modal.style.borderRadius = '8px'
-        modal.style.minWidth = '400px'
-        modal.style.boxShadow = '0 10px 40px rgba(0,0,0,0.3)'
-        const title = document.createElement('h3')
-        title.textContent = 'Edit Device'
-        title.style.marginTop = '0'
-        const nameLabel = document.createElement('label')
-        nameLabel.textContent = 'Device Name'
-        nameLabel.style.display = 'block'
-        nameLabel.style.marginBottom = '8px'
-        nameLabel.style.fontWeight = '500'
-        const nameInput = document.createElement('input')
-        nameInput.type = 'text'
-        nameInput.value = device.name || device.id
-        nameInput.style.width = '100%'
-        nameInput.style.marginBottom = '16px'
-        const typeLabel = document.createElement('label')
-        typeLabel.textContent = 'Device Type'
-        typeLabel.style.display = 'block'
-        typeLabel.style.marginBottom = '8px'
-        typeLabel.style.fontWeight = '500'
-        const typeSelect = document.createElement('select')
-        typeSelect.style.width = '100%'
-        typeSelect.style.padding = '8px'
-        typeSelect.style.marginBottom = '16px'
-        typeSelect.style.borderRadius = '4px'
-        typeSelect.style.background = getComputedStyle(nameInput).background
-        typeSelect.style.color = getComputedStyle(nameInput).color
-        typeSelect.style.border = getComputedStyle(nameInput).border
-        DEVICE_TYPES.forEach(t => {
-          const opt = document.createElement('option')
-          opt.value = t
-          opt.text = t
-          opt.selected = (device.type || 'unknown') === t
-          typeSelect.appendChild(opt)
-        })
-        const buttons = document.createElement('div')
-        buttons.style.display = 'flex'
-        buttons.style.gap = '8px'
-        buttons.style.justifyContent = 'flex-end'
-        const cancelBtn = document.createElement('button')
-        cancelBtn.textContent = 'Cancel'
-        cancelBtn.style.background = '#666'
-        cancelBtn.onclick = () => div.remove()
-        const saveBtn = document.createElement('button')
-        saveBtn.textContent = 'Save'
-        saveBtn.onclick = async () => {
-          try {
-            const params = {
-              deviceId: device.id,
-              configDeviceName: nameInput.value || undefined,
-              configDeviceType: typeSelect.value,
-            }
-            console.log('[Edit Device] Sending update request with params:', params)
-            const resp = await homebridge.request('/update-device', params)
-            console.log('[Edit Device] Update response:', resp)
-            if (!resp || resp.success === false) {
-              throw new Error(resp?.data?.message || 'Failed to update device')
-            }
-            await syncParentPluginConfigFromDisk()
-            // Refresh device list
-            console.log('[Edit Device] Refreshing device list after update')
-            const list = await fetchDevices()
-            render(list)
-            div.remove()
-          } catch (e) {
-            console.error('Update error:', e)
-            alert('Error: ' + (e?.message || 'Failed to update device'))
-          }
-        }
-        buttons.appendChild(cancelBtn)
-        buttons.appendChild(saveBtn)
-        modal.appendChild(title)
-        modal.appendChild(nameLabel)
-        modal.appendChild(nameInput)
-        modal.appendChild(typeLabel)
-        modal.appendChild(typeSelect)
-        modal.appendChild(buttons)
-        div.appendChild(modal)
-        document.body.appendChild(div)
-        nameInput.focus()
-      }
-      function render(list) {
-        const ul = document.getElementById('devices')
-        const status = document.getElementById('status')
-        if (!list.length) {
-          status.textContent = 'No devices found in config.'
-          ul.innerHTML = ''
-          return
-        }
-        status.textContent = `Found ${list.length} device(s)`
-        ul.innerHTML = ''
-        for (const d of list) {
-          const li = document.createElement('li')
-          li.className = 'device-item'
-          const info = document.createElement('div')
-          info.style.flex = '1'
-          const name = document.createElement('div')
-          name.style.fontWeight = '500'
-          name.textContent = d.name || d.id
-          const code = document.createElement('code')
-          code.textContent = d.id
-          code.style.fontSize = '12px'
-          code.style.opacity = '0.75'
-          code.style.marginLeft = '8px'
-          const meta = document.createElement('div')
-          meta.style.opacity = '0.75'
-          meta.style.marginTop = '4px'
-          meta.style.fontSize = '12px'
-          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(' | ')
-          info.appendChild(name)
-          info.appendChild(code)
-          info.appendChild(meta)
-          const buttons = document.createElement('div')
-          buttons.style.display = 'flex'
-          buttons.style.gap = '8px'
-          const editBtn = document.createElement('button')
-          editBtn.textContent = '✏️ Edit'
-          editBtn.style.padding = '6px 12px'
-          editBtn.style.fontSize = '12px'
-          editBtn.onclick = async () => {
-            await editDevice(d)
-          }
-          const copyBtn = document.createElement('button')
-          copyBtn.textContent = 'Copy ID'
-          copyBtn.style.padding = '6px 12px'
-          copyBtn.style.fontSize = '12px'
-          copyBtn.addEventListener('click', async () => {
-            try {
-              await navigator.clipboard.writeText(d.id)
-              copyBtn.textContent = 'Copied'
-              copyBtn.classList.add('success')
-              setTimeout(() => {
-                copyBtn.textContent = 'Copy ID'
-                copyBtn.classList.remove('success')
-              }, 1200)
-            } catch (e) {
-              alert('Failed to copy')
-            }
-          })
-          const deleteBtn = document.createElement('button')
-          deleteBtn.textContent = '🗑️ Delete'
-          deleteBtn.style.padding = '6px 12px'
-          deleteBtn.style.fontSize = '12px'
-          deleteBtn.style.background = '#ef4444'
-          deleteBtn.onclick = async () => {
-            await deleteDevice(d.id, d.name || d.id)
-          }
-          buttons.appendChild(editBtn)
-          buttons.appendChild(copyBtn)
-          buttons.appendChild(deleteBtn)
-          li.appendChild(info)
-          li.appendChild(buttons)
-          ul.appendChild(li)
-        }
-      }
-      (async () => {
-        await loadCredentialStatus()
-        const list = await fetchDevices()
-        render(list)
-      })()
-    </script>
+    <script type="module" src="js/app.js"></script>
   </body>
 </html>