quickwin 3.0.0 → 3.0.1

package/lib/polyfill.ts

@@ -1,171 +0,0 @@
-import * as os from 'os'
-import './url.js'
-import './text-codec.js'
-
-
-declare global {
-    interface Console {
-        error: (...args: unknown[]) => void
-    }
-
-    var window: typeof globalThis
-
-    type TimerId = os.TimerId
-    function setTimeout<P extends unknown[]>(fn: (...argsf: P) => void, ms?: number, ...argsr: P): TimerId
-    function clearTimeout(id: TimerId): void
-
-    function btoa(data: string): string
-    function atob(data: string): string
-
-    interface SubtleCrypto {
-        digest(algorithm: 'SHA-1', data: ArrayBuffer | Uint8Array): Promise<ArrayBuffer>
-    }
-
-    interface Crypto {
-        getRandomValues<T extends ArrayBufferView>(array: T): T
-        subtle: SubtleCrypto
-    }
-
-    var crypto: Crypto
-}
-
-// 1. window — triggers Emscripten browser path
-if (typeof globalThis.window === 'undefined')
-    globalThis.window = globalThis
-
-// 2. setTimeout polyfill — bridge to os.setTimeout
-if (typeof globalThis.setTimeout === 'undefined') {
-    globalThis.setTimeout = ((fn, ms, ...args) => {
-        return os.setTimeout(() => fn(...args), ms ?? 0)
-    }) satisfies typeof setTimeout
-}
-
-// 2b. clearTimeout polyfill — bridge to os.clearTimeout
-if (typeof globalThis.clearTimeout === 'undefined') {
-    globalThis.clearTimeout = os.clearTimeout
-}
-
-// 3. console.error polyfill — QuickJS only has console.log
-if (typeof console.error === 'undefined') {
-    console.error = (...args: unknown[]) => { console.log(...args) }
-}
-
-
-// ── SHA-1 ──
-
-function sha1Bytes(bytes: number[]): ArrayBuffer {
-    const len = bytes.length
-    const ml = len * 8
-
-    bytes.push(0x80)
-    while (bytes.length % 64 !== 56) { bytes.push(0) }
-    bytes.push(0)
-    bytes.push(0)
-    bytes.push(0)
-    bytes.push(0)
-    bytes.push((ml >>> 24) & 0xFF)
-    bytes.push((ml >>> 16) & 0xFF)
-    bytes.push((ml >>> 8) & 0xFF)
-    bytes.push(ml & 0xFF)
-
-    let h0 = 0x67452301, h1 = 0xEFCDAB89
-    let h2 = 0x98BADCFE, h3 = 0x10325476, h4 = 0xC3D2E1F0
-    const rotl = (x: number, n: number): number => ((x << n) | (x >>> (32 - n))) >>> 0
-
-    for (let i = 0; i < bytes.length; i += 64) {
-        const w: number[] = []
-        for (let t = 0; t < 16; t++) {
-            w[t] = (bytes[i + 4 * t]! << 24) | (bytes[i + 4 * t + 1]! << 16) |
-                (bytes[i + 4 * t + 2]! << 8) | bytes[i + 4 * t + 3]!
-        }
-        for (let t = 16; t < 80; t++) {
-            w[t] = rotl(w[t - 3]! ^ w[t - 8]! ^ w[t - 14]! ^ w[t - 16]!, 1)
-        }
-
-        let a = h0, b = h1, c = h2, d = h3, e = h4
-        for (let t = 0; t < 80; t++) {
-            let f: number, k: number
-            if (t < 20) { f = (b & c) | (~b & d); k = 0x5A827999 }
-            else if (t < 40) { f = b ^ c ^ d; k = 0x6ED9EBA1 }
-            else if (t < 60) { f = (b & c) | (b & d) | (c & d); k = 0x8F1BBCDC }
-            else { f = b ^ c ^ d; k = 0xCA62C1D6 }
-            const temp = (rotl(a, 5) + f + e + k + w[t]!) >>> 0
-            e = d; d = c; c = rotl(b, 30); b = a; a = temp
-        }
-        h0 = (h0 + a) >>> 0; h1 = (h1 + b) >>> 0
-        h2 = (h2 + c) >>> 0; h3 = (h3 + d) >>> 0; h4 = (h4 + e) >>> 0
-    }
-
-    const result = new Uint8Array(20)
-    const w32 = (off: number, v: number) => {
-        result[off] = (v >>> 24) & 0xFF; result[off + 1] = (v >>> 16) & 0xFF
-        result[off + 2] = (v >>> 8) & 0xFF; result[off + 3] = v & 0xFF
-    }
-    w32(0, h0); w32(4, h1); w32(8, h2); w32(12, h3); w32(16, h4)
-    return result.buffer
-}
-
-// ── Base64 ──
-
-const B64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
-
-function b64Encode(data: Uint8Array): string {
-    let r = ''
-    for (let i = 0; i < data.length; i += 3) {
-        const b0 = data[i]!, b1 = i + 1 < data.length ? data[i + 1]! : 0, b2 = i + 2 < data.length ? data[i + 2]! : 0
-        r += B64[b0 >> 2]! + B64[((b0 & 3) << 4) | (b1 >> 4)]!
-        r += i + 1 < data.length ? B64[((b1 & 15) << 2) | (b2 >> 6)]! : '='
-        r += i + 2 < data.length ? B64[b2 & 63]! : '='
-    }
-    return r
-}
-
-function b64Decode(str: string): Uint8Array {
-    str = str.replace(/[^A-Za-z0-9+/=]/g, '')
-    const bytes: number[] = []
-    for (let i = 0; i < str.length; i += 4) {
-        const c0 = B64.indexOf(str[i]!), c1 = B64.indexOf(str[i + 1]!)
-        const c2 = B64.indexOf(str[i + 2]!), c3 = B64.indexOf(str[i + 3]!)
-        bytes.push((c0 << 2) | (c1 >> 4))
-        if (c2 >= 0) bytes.push(((c1 & 15) << 4) | (c2 >> 2))
-        if (c3 >= 0) bytes.push(((c2 & 3) << 6) | c3)
-    }
-    return new Uint8Array(bytes)
-}
-
-// ── btoa / atob ──
-
-if (typeof globalThis.btoa === 'undefined') {
-    globalThis.btoa = (data: string): string => {
-        const bytes = new Uint8Array(data.length)
-        for (let i = 0; i < data.length; i++) bytes[i] = data.charCodeAt(i) & 0xFF
-        return b64Encode(bytes)
-    }
-}
-
-if (typeof globalThis.atob === 'undefined') {
-    globalThis.atob = (data: string): string => {
-        const bytes = b64Decode(data)
-        let r = ''
-        for (let i = 0; i < bytes.length; i++) r += String.fromCharCode(bytes[i]!)
-        return r
-    }
-}
-
-if (typeof globalThis.crypto === 'undefined') {
-    globalThis.crypto = {
-        getRandomValues: <T extends ArrayBufferView>(array: T): T => {
-            const view = new Uint8Array(array.buffer, array.byteOffset, array.byteLength)
-            for (let i = 0; i < view.length; i++) view[i] = (Math.random() * 256) | 0
-            return array
-        },
-        subtle: {
-            digest: (algorithm: string, data: ArrayBuffer | Uint8Array): Promise<ArrayBuffer> => {
-                if (algorithm.toUpperCase() !== 'SHA-1')
-                    return Promise.reject(new Error('Digest: ' + algorithm + ' not supported'))
-                const bytes = data instanceof Uint8Array ? Array.from(data) : Array.from(new Uint8Array(data))
-                return Promise.resolve(sha1Bytes(bytes))
-            }
-        }
-    }
-}

package/lib/react-qw/components/index.ts

@@ -1,17 +0,0 @@
-export { Button, type ButtonProps } from './Button.js'
-export { CheckBox, type CheckBoxProps } from './CheckBox.js'
-export { ComboBox, type ComboBoxProps } from './ComboBox.js'
-export { DateTimePicker, type DateTimePickerProps } from './DateTimePicker.js'
-export { Input, type InputProps } from './Input.js'
-export { Link, type LinkProps } from './Link.js'
-export { ListBox, type ListBoxProps } from './ListBox.js'
-export { ListView, makeColorBlock, type ListViewProps, type Column, type CellStyle, type Align } from './ListView.js'
-export { ProgressBar, type ProgressBarProps } from './ProgressBar.js'
-export { RadioButton, type RadioButtonProps } from './RadioButton.js'
-export { ScrollView, type ScrollViewProps } from './ScrollView.js'
-export { Slider, type SliderProps } from './Slider.js'
-export { Tab, type TabProps } from './Tab.js'
-export { Tooltip, type TooltipProps } from './Tooltip.js'
-export { TreeView, type TreeViewProps, type TreeNode } from './TreeView.js'
-export { PathPicker, type PathPickerProps } from './PathPicker.js'
-

package/lib/react-qw/index.ts

@@ -1,96 +0,0 @@
-import * as gui from 'gui'
-import React from 'react'
-import { DefWindowProc, GetSystemMetrics, ShowWindow, UpdateWindow } from '../windows/user32.js'
-import reconciler, { scaleFactor, instancesByHwnd, forceFlexLayout, type Instance } from './reconciler.js'
-import { CreatePos, ShowWindowCmd, SysMetrics, WindowStyle, WmMsg } from '../../constants'
-
-const noop = () => { }
-
-export interface RootWindowConfig {
-  text?: string
-  ws?: number
-  x?: number
-  y?: number
-  width?: number
-  height?: number
-  noShowWindow?: boolean
-  onEvent?: (e: { hwnd: gui.HWND; msg: number; wParam: number; lParam: number }) => number | void
-}
-
-let defaultClassRegistered = false
-const DEFAULT_CLASS = '_QuickWinDefault'
-const rootMap = new Map<gui.HWND, { root: ReturnType<typeof reconciler.createContainer>, onEvent?: RootWindowConfig['onEvent'] }>()
-
-function ensureDefaultClass() {
-  if (defaultClassRegistered) return DEFAULT_CLASS
-  gui.RegisterClass(DEFAULT_CLASS, (hwnd, msg, wParam, lParam) => {
-    const entry = rootMap.get(hwnd)
-    if (msg === WmMsg.DESTROY && entry) {
-      rootMap.delete(hwnd)
-      reconciler.updateContainer(null, entry.root, null, () => {
-        instancesByHwnd.delete(hwnd)
-      })
-    }
-    const result = entry?.onEvent?.({ hwnd, msg, wParam, lParam })
-    if (typeof result === 'number') return result
-    if (msg === WmMsg.SIZE) forceFlexLayout(hwnd)
-    return DefWindowProc(hwnd, msg, wParam, lParam)
-  })
-  defaultClassRegistered = true
-  return DEFAULT_CLASS
-}
-
-export function createRoot(container: gui.HWND | RootWindowConfig) {
-  let hwnd: gui.HWND
-  if (typeof container === 'object') {
-    const cfg = container
-    const className = ensureDefaultClass()
-    const ws = (cfg.ws ?? 0) | WindowStyle.OVERLAPPEDWINDOW
-    const w = (cfg.width ?? 800) * scaleFactor
-    const h = (cfg.height ?? 600) * scaleFactor
-    const [sw, sh] = [GetSystemMetrics(SysMetrics.CXSCREEN), GetSystemMetrics(SysMetrics.CYSCREEN)]
-    const x = cfg.x === undefined ? ((sw - w) / 2) | 0
-      : cfg.x === CreatePos.USEDEFAULT ? CreatePos.USEDEFAULT
-      : cfg.x * scaleFactor
-    const y = cfg.y === undefined ? ((sh - h) / 2) | 0
-      : cfg.y === CreatePos.USEDEFAULT ? CreatePos.USEDEFAULT
-      : cfg.y * scaleFactor
-    const hwin = gui.CreateWindow(className, cfg.text || '', ws, x, y, w, h, null, null)
-    if (!hwin) throw new Error('CreateWindow failed')
-    hwnd = hwin
-    // 启动首帧：ShowWindow 后立即 WM_PAINT，不留白（原 gui.ShowWindow 复合语义）
-    if (!cfg.noShowWindow) { ShowWindow(hwnd, ShowWindowCmd.SHOWNORMAL); UpdateWindow(hwnd) }
-  } else {
-    hwnd = container
-  }
-  const root = reconciler.createContainer(
-    hwnd, 0, null, false, null, '',
-    (error, info) => console.log('[React uncaught]', error, error.stack, info.componentStack),
-    (error, info) => console.log('[React caught]', error, error.stack, info.componentStack),
-    (error, info) => console.log('[React recoverable]', error, error.stack, info.componentStack),
-    noop,
-  )
-  const rootInst: Instance = { hwnd, type: '_root', props: { type: '_root', style: { flexDirection: 'column', alignItems: 'stretch' } }, children: [] }
-  instancesByHwnd.set(hwnd, rootInst)
-  if (typeof container === 'object')
-    rootMap.set(hwnd, { root, onEvent: container.onEvent })
-  return {
-    hwnd,
-    render(element: React.ReactNode) {
-      reconciler.updateContainer(element, root, null, noop)
-    },
-    unmount() {
-      reconciler.updateContainer(null, root, null, noop)
-    }
-  }
-}
-
-export * from './components/index.js'
-
-export function render(element: React.ReactNode, containerOrConfig?: gui.HWND | RootWindowConfig | null, _callback?: () => void) {
-  if (containerOrConfig == null) {
-    throw new Error('render() requires a window handle or RootWindowConfig as second argument')
-  }
-  const root = createRoot(containerOrConfig)
-  root.render(element)
-}

package/lib/react-qw/layout.ts

@@ -1,111 +0,0 @@
-export type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'
-
-export interface FlexStyle {
-  flexDirection?: 'row' | 'column'
-  justifyContent?: JustifyContent
-  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch'
-  gap?: number
-  padding?: number
-  paddingTop?: number
-  paddingRight?: number
-  paddingBottom?: number
-  paddingLeft?: number
-}
-
-interface ChildStyle {
-  width?: number | 'auto'; height?: number | 'auto'
-  flexGrow?: number
-  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch'
-}
-
-interface ChildInfo {
-  style: ChildStyle
-}
-
-export interface LayoutResult {
-  x: number; y: number; width: number; height: number
-}
-
-const DEFAULT_W = 100
-const DEFAULT_H = 30
-
-export function calculateFlexLayout(
-  flex: FlexStyle,
-  parentW: number,
-  parentH: number,
-  children: ChildInfo[]
-): LayoutResult[] {
-  const dir = flex.flexDirection || 'column'
-  const gap = flex.gap ?? 0
-  const justify = flex.justifyContent || 'flex-start'
-  const align = flex.alignItems || 'stretch'
-  const isRow = dir === 'row'
-  const n = children.length
-
-  const mainSize: 'w' | 'h' = isRow ? 'w' : 'h'
-  const crossSize: 'w' | 'h' = isRow ? 'h' : 'w'
-  const mainPos: 'x' | 'y' = isRow ? 'x' : 'y'
-  const crossPos: 'x' | 'y' = isRow ? 'y' : 'x'
-  const mainDim: 'width' | 'height' = isRow ? 'width' : 'height'
-  const crossDim: 'width' | 'height' = isRow ? 'height' : 'width'
-  const pt = flex.paddingTop ?? flex.padding ?? 0
-  const pr = flex.paddingRight ?? flex.padding ?? 0
-  const pb = flex.paddingBottom ?? flex.padding ?? 0
-  const pl = flex.paddingLeft ?? flex.padding ?? 0
-  const mainPadding = isRow ? pl + pr : pt + pb
-  const crossPadding = isRow ? pt + pb : pl + pr
-  const parentMain = (isRow ? parentW : parentH) - mainPadding
-  const parentCross = (isRow ? parentH : parentW) - crossPadding
-
-  const sizes = children.map(c => ({
-    w: typeof c.style.width === 'number' ? c.style.width : DEFAULT_W,
-    h: typeof c.style.height === 'number' ? c.style.height : DEFAULT_H,
-  }))
-
-  const flexGrows = children.map(c => c.style.flexGrow ?? 0)
-  const totalGrow = flexGrows.reduce((s, g) => s + g, 0)
-
-  const baseMain = sizes.reduce((s, c) => s + c[mainSize], 0)
-  let freeGrow = parentMain - baseMain - Math.max(0, n - 1) * gap
-  if (totalGrow > 0 && freeGrow > 0) {
-    for (let i = 0; i < n; i++) {
-      sizes[i]![mainSize] += freeGrow * flexGrows[i]! / totalGrow
-    }
-  }
-
-  const totalMain = sizes.reduce((s, c) => s + c[mainSize], 0)
-  const free = parentMain - totalMain - Math.max(0, n - 1) * gap
-  let offset = 0, extraGap = 0
-  if (justify === 'flex-end') offset = free
-  else if (justify === 'center') offset = Math.max(0, free / 2)
-  else if (justify === 'space-between' && n > 1) extraGap = free / (n - 1)
-  else if (justify === 'space-around') { extraGap = free / n; offset = extraGap / 2 }
-  else if (justify === 'space-evenly') { extraGap = free / (n + 1); offset = extraGap }
-
-  let cursor = offset
-  return sizes.map((sz, i) => {
-    const childCrossBase = sz[crossSize]
-    const childAlign = children[i]!.style.alignSelf ?? 'auto'
-    const effectiveAlign = childAlign === 'auto' ? align : childAlign
-    let childMain = sz[mainSize]
-    let childCross = childCrossBase
-    const res: LayoutResult = { x: 0, y: 0, width: 0, height: 0 }
-    res[mainPos] = cursor
-    res[crossPos] = 0
-    res[mainDim] = childMain
-    res[crossDim] = childCross
-    if (effectiveAlign === 'stretch') {
-      const hasExplicitCross = typeof children[i]!.style[crossDim] === 'number'
-      if (!hasExplicitCross) {
-        res[crossDim] = parentCross
-        res[crossPos] = 0
-      }
-    } else if (effectiveAlign === 'flex-end') {
-      res[crossPos] = parentCross - childCross
-    } else if (effectiveAlign === 'center') {
-      res[crossPos] = Math.max(0, (parentCross - childCross) / 2)
-    }
-    cursor += childMain + gap + extraGap
-    return res
-  })
-}

package/lib/react-qw/nmhdr.ts

@@ -1,7 +0,0 @@
-import type { Ptr } from '../ffi/ctype.js'
-import { NMHDR } from '../windows/structs.js'
-
-// 读 NMHDR.code（WM_NOTIFY 通知码）：lParam 是通知结构的原生指针，decode 直接从该地址读
-export function nmCode(lParam: number): number {
-  return NMHDR.decode(lParam as Ptr<'NMHDR'>).code
-}

package/lib/react-qw/props.ts

@@ -1,41 +0,0 @@
-import * as gui from 'gui'
-import { SetWindowText, EnableWindow, ShowWindow } from '../windows/user32.js'
-import type { Instance, Props } from './reconciler.js'
-import { EditMsg, ShowWindowCmd } from '../../constants'
-
-export function applyProps(
-  instance: Instance,
-  newProps: Props,
-  _oldProps: Props,
-) {
-  const hwnd = instance.hwnd
-  instance.props = newProps
-  // 延迟控件（DELAYED_CONTROLS）建窗前 hwnd 为 null：窗口操作此刻全是 no-op
-  // （text/ws/style 在 ensureChildWindow 建窗时应用），FFI 位不收 JS null——早退。
-  if (hwnd === null) return
-
-  const textVal = 'text' in newProps ? newProps.text : (
-    typeof newProps.children === 'string' ? newProps.children :
-    typeof newProps.children === 'number' ? String(newProps.children) : undefined
-  )
-  if (textVal !== undefined) {
-    let cursor = -1
-    if (instance.type === 'EDIT') {
-      const sel = gui.SendMessage(hwnd, EditMsg.GETSEL, 0, 0)
-      cursor = sel >>> 16
-    }
-    SetWindowText(hwnd, textVal)
-    if (instance.type === 'EDIT' && cursor >= 0) {
-      gui.SendMessage(hwnd, EditMsg.SETSEL, cursor, cursor)
-    }
-  }
-  if ('disabled' in newProps) {
-    EnableWindow(hwnd, !newProps.disabled ? 1 : 0)
-  }
-  if ('hidden' in newProps) {
-    ShowWindow(hwnd, newProps.hidden ? ShowWindowCmd.HIDE : ShowWindowCmd.SHOW)
-  }
-  if ('visible' in newProps) {
-    ShowWindow(hwnd, newProps.visible ? ShowWindowCmd.SHOW : ShowWindowCmd.HIDE)
-  }
-}