@quicktvui/web-renderer 1.0.0

package/src/modules/ESModule.js

@@ -0,0 +1,106 @@
+import { resolveAddon, createModuleInit } from '../core/moduleUtils'
+
+export class ESModule {
+  constructor(context) {
+    this.context = context
+    this.name = ''
+    this.mode = 'normal'
+  }
+
+  async getDeviceInfo(...args) {
+    return resolveAddon(args, {})
+  }
+
+  async getESSDKInfo(...args) {
+    const result = {
+      eskit_ver_code: 2.8, // ES_SDK_VERSION_28
+    }
+    // 设置全局变量，供 main-web.js 检查初始化状态
+    global.__ES_LAST_SDK_INFO__ = result
+    return resolveAddon(args, result)
+  }
+
+  async getESSDKVersionCode(...args) {
+    return resolveAddon(args, 2.8)
+  }
+
+  async getESSDKVersionName(...args) {
+    return resolveAddon(args, 'web')
+  }
+
+  async getESPackageName(...args) {
+    const g = globalThis
+    const pkg = g && g.__CONFIG__ && g.__CONFIG__.packageName ? g.__CONFIG__.packageName : 'web'
+    return resolveAddon(args, pkg)
+  }
+
+  async getESMiniProgramPath(...args) {
+    return resolveAddon(args, '')
+  }
+
+  async getESAppFilePath(...args) {
+    return resolveAddon(args, '')
+  }
+
+  async getESAppRuntimePath(...args) {
+    return resolveAddon(args, '')
+  }
+
+  async getSupportSchemes(...args) {
+    return resolveAddon(args, [])
+  }
+
+  sendESNativeMapEventTop(...args) {
+    return resolveAddon(args, null)
+  }
+
+  sendESNativeArrayEventTop(...args) {
+    return resolveAddon(args, null)
+  }
+
+  sendESNativeMapEventAll(...args) {
+    return resolveAddon(args, null)
+  }
+
+  sendESNativeArrayEventAll(...args) {
+    return resolveAddon(args, null)
+  }
+
+  launchESPageByArgs(...args) {
+    return resolveAddon(args, null)
+  }
+
+  async launchESPage(...args) {
+    return resolveAddon(args, null)
+  }
+
+  launchNativeApp(...args) {
+    return resolveAddon(args, null)
+  }
+
+  launchNativeAppWithPackage(...args) {
+    return resolveAddon(args, null)
+  }
+
+  finish(...args) {
+    return resolveAddon(args, null)
+  }
+
+  finishAll(...args) {
+    return resolveAddon(args, null)
+  }
+
+  async isModuleRegistered(...args) {
+    return resolveAddon(args, false)
+  }
+
+  async isComponentRegistered(...args) {
+    return resolveAddon(args, false)
+  }
+
+  async init(...args) {
+    return createModuleInit(args)
+  }
+
+  destroy() {}
+}

package/src/modules/ESNetworkSpeedModule.js

@@ -0,0 +1,117 @@
+// ESNetworkSpeedModule - Web adapter for Network Speed display
+// Simulates network speed display for web browser
+
+let speedInterval = null
+let isRunning = false
+
+/**
+ * Get EventBus instance
+ * @private
+ */
+function getEventBus() {
+  try {
+    const { EventBus } = require('@extscreen/es3-vue')
+    return EventBus
+  } catch (e) {
+    console.warn('[ESNetworkSpeedModule] EventBus not available:', e.message)
+    return null
+  }
+}
+
+/**
+ * Generate simulated network speed data
+ * @private
+ */
+function generateSpeedData() {
+  // Simulate varying network speed (100KB/s - 5MB/s)
+  const speedKbps = Math.floor(Math.random() * 5000) + 100 // 100-5100 KB/s
+  const speedMbps = speedKbps / 1024
+
+  return {
+    speedKbps: speedKbps,
+    speedMbps: speedMbps.toFixed(2),
+  }
+}
+
+/**
+ * Emit NetSpeed event via EventBus
+ * @private
+ */
+function emitNetSpeedEvent() {
+  const EventBus = getEventBus()
+  if (!EventBus || !EventBus.$emit) {
+    return
+  }
+
+  const speedData = generateSpeedData()
+  EventBus.$emit('NetSpeed', speedData)
+}
+
+export class ESNetworkSpeedModuleClass {
+  constructor(context) {
+    this.context = context
+    this.name = 'ESNetworkSpeedModule'
+  }
+
+  /**
+   * Start showing network speed
+   * Begins emitting NetSpeed events periodically
+   */
+  showNetSpeed() {
+    if (isRunning) {
+      console.log('[ESNetworkSpeedModule] Already running')
+      return
+    }
+
+    isRunning = true
+    console.log('[ESNetworkSpeedModule] Starting network speed display')
+
+    // Emit immediately
+    emitNetSpeedEvent()
+
+    // Then emit every 500ms (simulating real-time speed updates)
+    speedInterval = setInterval(() => {
+      emitNetSpeedEvent()
+    }, 500)
+  }
+
+  /**
+   * Stop showing network speed
+   * Stops emitting NetSpeed events
+   */
+  stopNetSpeed() {
+    if (!isRunning) {
+      console.log('[ESNetworkSpeedModule] Not running')
+      return
+    }
+
+    console.log('[ESNetworkSpeedModule] Stopping network speed display')
+
+    if (speedInterval) {
+      clearInterval(speedInterval)
+      speedInterval = null
+    }
+    isRunning = false
+  }
+
+  /**
+   * Check if speed display is running
+   */
+  isShowing() {
+    return isRunning
+  }
+
+  destroy() {
+    this.stopNetSpeed()
+  }
+
+  init() {
+    return Promise.resolve(true)
+  }
+}
+
+// Export class for HippyWebEngine
+export { ESNetworkSpeedModuleClass as ESNetworkSpeedModule }
+
+// Export singleton instance for patches.js
+export const esNetworkSpeedModuleInstance = new ESNetworkSpeedModuleClass()

package/src/modules/ESToastModule.js

@@ -0,0 +1,172 @@
+// ESToastModule - Web adapter for Toast
+// Displays Android-style toast messages in web browser
+
+// Toast container and state
+let toastContainer = null
+let currentToast = null
+let toastQueue = []
+let isShowing = false
+
+// Toast duration constants (ms)
+const SHORT_DURATION = 2000
+const LONG_DURATION = 3500
+
+// Default toast styles (Android-like)
+const TOAST_STYLES = `
+  position: fixed;
+  bottom: 80px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #ffffff;
+  padding: 12px 24px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  max-width: 80%;
+  text-align: center;
+  z-index: 99999;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 200ms ease-in-out;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+`
+
+/**
+ * Create or get toast container
+ * @private
+ */
+function getToastContainer() {
+  if (!toastContainer) {
+    toastContainer = document.createElement('div')
+    toastContainer.id = '__es_toast_container__'
+    toastContainer.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 99998;
+    `
+    document.body.appendChild(toastContainer)
+  }
+  return toastContainer
+}
+
+/**
+ * Show a toast message
+ * @private
+ */
+function showToastMessage(message, duration) {
+  const container = getToastContainer()
+
+  // Queue the toast
+  toastQueue.push({ message, duration })
+
+  // Process queue
+  processQueue()
+}
+
+/**
+ * Process toast queue
+ * @private
+ */
+function processQueue() {
+  if (isShowing || toastQueue.length === 0) {
+    return
+  }
+
+  isShowing = true
+  const { message, duration } = toastQueue.shift()
+
+  // Create toast element
+  const toast = document.createElement('div')
+  toast.className = '__es_toast__'
+  toast.textContent = message
+  toast.style.cssText = TOAST_STYLES
+
+  // Add to container
+  const container = getToastContainer()
+  container.appendChild(toast)
+
+  // Trigger reflow for animation
+  toast.offsetHeight
+
+  // Show toast
+  toast.style.opacity = '1'
+
+  // Hide and remove after duration
+  setTimeout(() => {
+    toast.style.opacity = '0'
+    setTimeout(() => {
+      if (toast.parentNode) {
+        toast.parentNode.removeChild(toast)
+      }
+      isShowing = false
+      processQueue()
+    }, 200) // Wait for fade out animation
+  }, duration)
+}
+
+export class ESToastModuleClass {
+  constructor(context) {
+    this.context = context
+    this.name = ''
+    this.mode = 'normal'
+  }
+
+  /**
+   * Show a toast message (default duration)
+   * @param {string} message
+   */
+  showToast(message) {
+    if (typeof message !== 'string') {
+      message = String(message)
+    }
+    showToastMessage(message, SHORT_DURATION)
+  }
+
+  /**
+   * Show a long toast message
+   * @param {string} message
+   */
+  showLongToast(message) {
+    if (typeof message !== 'string') {
+      message = String(message)
+    }
+    showToastMessage(message, LONG_DURATION)
+  }
+
+  /**
+   * Show a short toast message
+   * @param {string} message
+   */
+  showShortToast(message) {
+    if (typeof message !== 'string') {
+      message = String(message)
+    }
+    showToastMessage(message, SHORT_DURATION)
+  }
+
+  destroy() {
+    // Clean up container
+    if (toastContainer && toastContainer.parentNode) {
+      toastContainer.parentNode.removeChild(toastContainer)
+      toastContainer = null
+    }
+    toastQueue = []
+    isShowing = false
+  }
+
+  init() {
+    // Initialize container on demand
+    return Promise.resolve(true)
+  }
+}
+
+// Export class for HippyWebEngine
+export { ESToastModuleClass as ESToastModule }
+
+// Export singleton instance for patches.js
+export const esToastModuleInstance = new ESToastModuleClass()

package/src/modules/EsNativeModule.js

@@ -0,0 +1,117 @@
+// ESNativeModule - Web adapter for ES native module
+// Handles device info, app launching, and page navigation
+
+import { resolveAddon, createModuleInit } from '../core/moduleUtils'
+
+// Get browser info
+function getBrowserInfo() {
+  const ua = navigator.userAgent
+  let browser = 'unknown'
+  let os = 'unknown'
+  let osVersion = ''
+
+  if (/Windows/i.test(ua)) {
+    os = 'windows'
+    const match = ua.match(/Windows NT (\d+\.?\d*)/)
+    osVersion = match ? match[1] : ''
+  } else if (/Mac/i.test(ua)) {
+    os = 'mac'
+    const match = ua.match(/Mac OS X (\d+[._]\d+[._]?\d*)/)
+    osVersion = match ? match[1].replace(/_/g, '.') : ''
+  } else if (/Linux/i.test(ua)) {
+    os = 'linux'
+  } else if (/Android/i.test(ua)) {
+    os = 'android'
+    const match = ua.match(/Android (\d+\.?\d*\.?\d*)/)
+    osVersion = match ? match[1] : ''
+  } else if (/iOS|iPhone|iPad/i.test(ua)) {
+    os = 'ios'
+    const match = ua.match(/OS (\d+_\d+_?\d*)/)
+    osVersion = match ? match[1].replace(/_/g, '.') : ''
+  }
+
+  if (/Chrome/i.test(ua) && !/Edge|Edg/i.test(ua)) {
+    browser = 'chrome'
+  } else if (/Safari/i.test(ua) && !/Chrome/i.test(ua)) {
+    browser = 'safari'
+  } else if (/Firefox/i.test(ua)) {
+    browser = 'firefox'
+  } else if (/Edge|Edg/i.test(ua)) {
+    browser = 'edge'
+  }
+
+  return { browser, os, osVersion }
+}
+
+export class EsNativeModule {
+  constructor(context) {
+    this.context = context
+    this.name = ''
+    this.mode = 'normal'
+  }
+
+  async getDeviceInfo(...args) {
+    const { browser, os, osVersion } = getBrowserInfo()
+    const deviceInfo = {
+      deviceType: 'web',
+      deviceModel: browser,
+      deviceBrand: 'web',
+      osName: os,
+      osVersion: osVersion,
+      screenWidth: window.screen.width || 0,
+      screenHeight: window.screen.height || 0,
+      screenDensity: window.devicePixelRatio || 1,
+      platform: 'web',
+    }
+    return resolveAddon(args, deviceInfo)
+  }
+
+  async getSupportSchemes(...args) {
+    return resolveAddon(args, [])
+  }
+
+  async getVisiblePageSize(...args) {
+    return resolveAddon(args, { width: window.innerWidth, height: window.innerHeight })
+  }
+
+  async launchEsPage(...args) {
+    console.log('[ESNativeModule] launchEsPage called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  async launchNativeApp(...args) {
+    console.log('[ESNativeModule] launchNativeApp called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  launchNativeAppWithPackage(...args) {
+    console.log('[ESNativeModule] launchNativeAppWithPackage called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  startService(...args) {
+    console.log('[ESNativeModule] startService called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  finish(...args) {
+    console.log('[ESNativeModule] finish called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  finishAll(...args) {
+    console.log('[ESNativeModule] finishAll called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  async callReflect(...args) {
+    console.log('[ESNativeModule] callReflect called (web - no-op)')
+    return resolveAddon(args, null)
+  }
+
+  async init(...args) {
+    return createModuleInit(args)
+  }
+
+  destroy() {}
+}

package/src/modules/FastListModule.js

@@ -0,0 +1,101 @@
+// FastListModule - Web adapter for FastList animations
+// Provides fade in/out effects for list items
+
+import { resolveAddon } from '../core/moduleUtils'
+
+// Global fade configuration
+const fadeConfig = {
+  enabled: false,
+  duration: 300, // default 300ms
+}
+
+// Store all FastListView instances for updating
+const fastListInstances = new Set()
+
+/**
+ * Register a FastListView instance to receive fade config updates
+ * @param {QtFastListView} instance
+ */
+export function registerFastListInstance(instance) {
+  fastListInstances.add(instance)
+}
+
+/**
+ * Unregister a FastListView instance
+ * @param {QtFastListView} instance
+ */
+export function unregisterFastListInstance(instance) {
+  fastListInstances.delete(instance)
+}
+
+/**
+ * Get current fade configuration
+ * @returns {{enabled: boolean, duration: number}}
+ */
+export function getFadeConfig() {
+  return { ...fadeConfig }
+}
+
+export class FastListModule {
+  constructor(context) {
+    this.context = context
+    this.name = ''
+    this.mode = 'normal'
+  }
+
+  /**
+   * Enable/disable fade animation for list items
+   * @param {boolean} enabled
+   */
+  setFadeEnabled(enabled, ...args) {
+    fadeConfig.enabled = enabled === true
+    console.log('[FastListModule] setFadeEnabled:', fadeConfig.enabled)
+
+    // Update all registered instances
+    fastListInstances.forEach((instance) => {
+      if (instance && typeof instance.updateFadeConfig === 'function') {
+        instance.updateFadeConfig(fadeConfig)
+      }
+    })
+
+    return resolveAddon(args, null)
+  }
+
+  /**
+   * Set fade animation duration in milliseconds
+   * @param {number} duration - duration in ms
+   */
+  setFadeDuration(duration, ...args) {
+    fadeConfig.duration = typeof duration === 'number' ? duration : 300
+    console.log('[FastListModule] setFadeDuration:', fadeConfig.duration)
+
+    // Update all registered instances
+    fastListInstances.forEach((instance) => {
+      if (instance && typeof instance.updateFadeConfig === 'function') {
+        instance.updateFadeConfig(fadeConfig)
+      }
+    })
+
+    return resolveAddon(args, null)
+  }
+
+  /**
+   * Get current fade configuration
+   */
+  getFadeConfig(...args) {
+    return resolveAddon(args, fadeConfig)
+  }
+
+  async init(...args) {
+    const addon = args && args.length ? args[args.length - 1] : null
+    if (addon && typeof addon.resolve === 'function') {
+      addon.resolve(true)
+    }
+    return Promise.resolve(true)
+  }
+
+  destroy() {}
+}
+
+// Export singleton instance for patches.js
+export const fastListModuleInstance = new FastListModule()