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

package/dist/homebridge-ui/public/js/render.ts

@@ -0,0 +1,190 @@
+import type { DEVICE_TYPES } from './constants.js'
+
+export function renderBadge(text: string, style: string): HTMLElement {
+  const badge = document.createElement('span')
+  badge.textContent = text
+  badge.style.cssText = style
+  return badge
+}
+
+export function renderConnectionBadge(connectionType: string): HTMLElement | null {
+  if (!connectionType) { return null }
+
+  const badge = renderBadge(connectionType, '')
+
+  if (connectionType === 'BLE') {
+    badge.style.cssText
+      = 'background: #4285f4; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;'
+  } else if (connectionType === 'Both') {
+    badge.style.cssText
+      = 'background: #34a853; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;'
+  } else {
+    badge.style.cssText
+      = 'background: #9e9e9e; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;'
+  }
+
+  return badge
+}
+
+export function renderIRBadge(): HTMLElement {
+  return renderBadge(
+    'IR',
+    'background: #ff6b35; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 8px;',
+  )
+}
+
+export async function renderDiscoveredDevices(devices: any[]): Promise<HTMLElement> {
+  const ul = document.createElement('ul')
+  ul.style.maxHeight = '300px'
+  ul.style.overflowY = 'auto'
+
+  const { addDeviceToConfig } = await import('./discovery.js')
+
+  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
+
+    // Add connection type badge
+    if (d.connectionType) {
+      name.appendChild(document.createTextNode(' '))
+      const badge = renderConnectionBadge(d.connectionType)
+      if (badge) { name.appendChild(badge) }
+    }
+
+    // Add IR badge if it's an IR device
+    if (d.isIR) {
+      name.appendChild(document.createTextNode(' '))
+      name.appendChild(renderIRBadge())
+    }
+
+    const details = document.createElement('div')
+    details.style.fontSize = '12px'
+    details.style.opacity = '0.75'
+
+    let detailsText = `ID: ${d.id} | Type: ${d.type} | Model: ${d.model || 'N/A'}`
+    if (d.hubDeviceId) { detailsText += ` | Hub: ${d.hubDeviceId}` }
+    if (d.rssi) { detailsText += ` | Signal: ${d.rssi} dBm` }
+    if (d.address) { detailsText += ` | MAC: ${d.address}` }
+    details.textContent = detailsText
+
+    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)
+  }
+
+  return ul
+}
+
+export function renderDeviceList(list: any[]): void {
+  const ul = document.getElementById('devices')
+  const status = document.getElementById('status')
+
+  if (!ul || !status) { return }
+
+  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 () => {
+      const { editDevice } = await import('./modals.js')
+      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 () => {
+      const { deleteDeviceFromConfig } = await import('./devices-delete.js')
+      await deleteDeviceFromConfig(d.id, d.name || d.id)
+    }
+
+    buttons.appendChild(editBtn)
+    buttons.appendChild(copyBtn)
+    buttons.appendChild(deleteBtn)
+
+    li.appendChild(info)
+    li.appendChild(buttons)
+    ul.appendChild(li)
+  }
+}

package/dist/homebridge-ui/public/js/toast.d.ts

@@ -0,0 +1,6 @@
+import './types.js';
+export declare function toastSuccess(message: string, title?: string): void;
+export declare function toastError(message: string, title?: string): void;
+export declare function toastWarning(message: string, title?: string): void;
+export declare function toastInfo(message: string, title?: string): void;
+//# sourceMappingURL=toast.d.ts.map

package/dist/homebridge-ui/public/js/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/toast.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AAsBnB,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAElE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAElE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAE/D"}

package/dist/homebridge-ui/public/js/toast.js

@@ -0,0 +1,29 @@
+import './types.js';
+import { uiLog } from './logger.js';
+function showToast(method, message, title = 'SwitchBot') {
+    try {
+        const toast = homebridge?.toast;
+        const fn = toast?.[method];
+        if (typeof fn === 'function') {
+            fn(message, title);
+            return;
+        }
+        uiLog.info(`[Toast:${method}] ${title} - ${message}`);
+    }
+    catch (e) {
+        uiLog.warn(`Toast ${method} failed:`, e);
+    }
+}
+export function toastSuccess(message, title) {
+    showToast('success', message, title);
+}
+export function toastError(message, title) {
+    showToast('error', message, title);
+}
+export function toastWarning(message, title) {
+    showToast('warning', message, title);
+}
+export function toastInfo(message, title) {
+    showToast('info', message, title);
+}
+//# sourceMappingURL=toast.js.map

package/dist/homebridge-ui/public/js/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/toast.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,SAAS,CAChB,MAAgD,EAChD,OAAe,EACf,KAAK,GAAG,WAAW;IAEnB,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,CAAA;QAC/B,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;YAC7B,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAClB,OAAM;QACR,CAAC;QAED,KAAK,CAAC,IAAI,CAAC,UAAU,MAAM,KAAK,KAAK,MAAM,OAAO,EAAE,CAAC,CAAA;IACvD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,KAAK,CAAC,IAAI,CAAC,SAAS,MAAM,UAAU,EAAE,CAAC,CAAC,CAAA;IAC1C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,KAAc;IAC1D,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,OAAe,EAAE,KAAc;IACxD,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,KAAc;IAC1D,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,OAAe,EAAE,KAAc;IACvD,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACnC,CAAC"}

package/dist/homebridge-ui/public/js/toast.ts

@@ -0,0 +1,37 @@
+import './types.js'
+import { uiLog } from './logger.js'
+
+function showToast(
+  method: 'success' | 'error' | 'warning' | 'info',
+  message: string,
+  title = 'SwitchBot',
+): void {
+  try {
+    const toast = homebridge?.toast
+    const fn = toast?.[method]
+    if (typeof fn === 'function') {
+      fn(message, title)
+      return
+    }
+
+    uiLog.info(`[Toast:${method}] ${title} - ${message}`)
+  } catch (e) {
+    uiLog.warn(`Toast ${method} failed:`, e)
+  }
+}
+
+export function toastSuccess(message: string, title?: string): void {
+  showToast('success', message, title)
+}
+
+export function toastError(message: string, title?: string): void {
+  showToast('error', message, title)
+}
+
+export function toastWarning(message: string, title?: string): void {
+  showToast('warning', message, title)
+}
+
+export function toastInfo(message: string, title?: string): void {
+  showToast('info', message, title)
+}

package/dist/homebridge-ui/public/js/types.d.ts

@@ -0,0 +1,23 @@
+declare global {
+    interface HomebridgeToastApi {
+        success?: (message: string, title?: string) => void;
+        error?: (message: string, title?: string) => void;
+        warning?: (message: string, title?: string) => void;
+        info?: (message: string, title?: string) => void;
+    }
+    interface HomebridgePluginUiAPI {
+        request: (endpoint: string, params?: any) => Promise<any>;
+        getPluginConfig?: () => Promise<any[]>;
+        updatePluginConfig?: (config: any[]) => Promise<void>;
+        savePluginConfig?: () => Promise<void>;
+        closeSettings?: () => void;
+        showSpinner?: () => void;
+        hideSpinner?: () => void;
+        disableSaveButton?: () => void;
+        enableSaveButton?: () => void;
+        toast?: HomebridgeToastApi;
+    }
+    let homebridge: HomebridgePluginUiAPI;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/homebridge-ui/public/js/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/types.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACnD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACjD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACnD,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KACjD;IAED,UAAU,qBAAqB;QAC7B,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;QACzD,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,CAAA;QACtC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;QACrD,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;QACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;QAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;QACxB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;QAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;QAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAA;KAC3B;IAED,IAAI,UAAU,EAAE,qBAAqB,CAAA;CACtC;AAED,OAAO,EAAE,CAAA"}

package/dist/homebridge-ui/public/js/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/homebridge-ui/public/js/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/homebridge-ui/public/js/types.ts"],"names":[],"mappings":""}

package/dist/homebridge-ui/public/js/types.ts

@@ -0,0 +1,26 @@
+// Global homebridge API type declarations
+declare global {
+  interface HomebridgeToastApi {
+    success?: (message: string, title?: string) => void
+    error?: (message: string, title?: string) => void
+    warning?: (message: string, title?: string) => void
+    info?: (message: string, title?: string) => void
+  }
+
+  interface HomebridgePluginUiAPI {
+    request: (endpoint: string, params?: any) => Promise<any>
+    getPluginConfig?: () => Promise<any[]>
+    updatePluginConfig?: (config: any[]) => Promise<void>
+    savePluginConfig?: () => Promise<void>
+    closeSettings?: () => void
+    showSpinner?: () => void
+    hideSpinner?: () => void
+    disableSaveButton?: () => void
+    enableSaveButton?: () => void
+    toast?: HomebridgeToastApi
+  }
+
+  let homebridge: HomebridgePluginUiAPI
+}
+
+export {}

package/dist/homebridge-ui/server.d.ts

@@ -1,4 +1,2 @@
-import { HomebridgePluginUiServer } from '@homebridge/plugin-ui-utils';
-declare const server: HomebridgePluginUiServer;
-export default server;
+export {};
 //# sourceMappingURL=server.d.ts.map

package/dist/homebridge-ui/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/homebridge-ui/server.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAgB,MAAM,6BAA6B,CAAA;AAGpF,QAAA,MAAM,MAAM,0BAAiC,CAAA;AAuoB7C,eAAe,MAAM,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/homebridge-ui/server.ts"],"names":[],"mappings":""}