quickwin 2.2.0 → 2.3.0

package/examples/test_gallery.tsx

@@ -6,19 +6,20 @@ import {
   ListView, type Column, ListBox, ScrollView, RadioButton, Slider,
   TreeView, type TreeNode, DateTimePicker, Link, Tooltip, PathPicker,
 } from '../lib/react-qw/index.js'
+import { WindowStyle, WmMsg } from '../constants'
 
 
 gui.RegisterClass('Gallery', (hwnd, msg, wParam, lParam) => {
   if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.DESTROY) {
+  if (msg === WmMsg.DESTROY) {
     gui.PostQuitMessage(0)
     return 0
   }
   return gui.DefWindowProc(hwnd, msg, wParam, lParam)
 })
 
-const VISIBLE = gui.WindowStyle.VISIBLE
-const CLIPCHILDREN = gui.WindowStyle.CLIPCHILDREN
+const VISIBLE = WindowStyle.VISIBLE
+const CLIPCHILDREN = WindowStyle.CLIPCHILDREN
 
 interface Fruit {
   name: string
@@ -85,7 +86,7 @@ function App({ svW, svH }: { svW: number; svH: number }) {
 
   return (
       <ScrollView style={{width:svW, height:svH}} contentHeight={1600}>
-      <w type="STATIC" ws={VISIBLE | CLIPCHILDREN | gui.WindowStyle.BORDER} style={{flexDirection:'column', gap:8, alignSelf:'stretch', flexGrow:1, padding:8}}>
+      <w type="STATIC" ws={VISIBLE | CLIPCHILDREN | WindowStyle.BORDER} style={{flexDirection:'column', gap:8, alignSelf:'stretch', flexGrow:1, padding:8}}>
       {/* ===== 三列上半区 ===== */}
       <w type="STATIC" ws={VISIBLE} style={{flexDirection:'row', gap:10, height:345}}>
 
@@ -160,7 +161,7 @@ function App({ svW, svH }: { svW: number; svH: number }) {
 
       {/* ===== Auto-Size ===== */}
       <w type="STATIC" ws={VISIBLE} text="Auto-Size" style={{height:24}} />
-      <w type="STATIC" ws={VISIBLE | CLIPCHILDREN | gui.WindowStyle.BORDER} style={{flexDirection:'column', gap:6, alignSelf:'stretch', flexGrow:1}}>
+      <w type="STATIC" ws={VISIBLE | CLIPCHILDREN | WindowStyle.BORDER} style={{flexDirection:'column', gap:6, alignSelf:'stretch', flexGrow:1}}>
         <w type="STATIC" ws={VISIBLE} text="Buttons (auto width)" style={{height:24}} />
         <w type="STATIC" ws={VISIBLE} style={{flexDirection:'row', gap:8, alignItems:'stretch', height:30}}>
           <Button style={{width:'auto', height:30}}>OK</Button>
@@ -169,8 +170,8 @@ function App({ svW, svH }: { svW: number; svH: number }) {
         </w>
         <w type="STATIC" ws={VISIBLE} text="Statics (auto width)" style={{height:24}} />
         <w type="STATIC" ws={VISIBLE} style={{flexDirection:'row', gap:8, alignItems:'stretch', height:24}}>
-          <w type="STATIC" ws={VISIBLE | gui.WindowStyle.BORDER} text="Short" style={{width:'auto', height:24}} />
-          <w type="STATIC" ws={VISIBLE | gui.WindowStyle.BORDER} text="A much longer label" style={{width:'auto', height:24}} />
+          <w type="STATIC" ws={VISIBLE | WindowStyle.BORDER} text="Short" style={{width:'auto', height:24}} />
+          <w type="STATIC" ws={VISIBLE | WindowStyle.BORDER} text="A much longer label" style={{width:'auto', height:24}} />
         </w>
         <w type="STATIC" ws={VISIBLE} text="Mixed auto + fixed" style={{height:24}} />
         <w type="STATIC" ws={VISIBLE} style={{flexDirection:'row', gap:8, alignItems:'stretch', height:30}}>
@@ -269,7 +270,7 @@ function App({ svW, svH }: { svW: number; svH: number }) {
 
 const hwnd = gui.CreateWindow(
   'Gallery', 'Component Gallery',
-  gui.WindowStyle.OVERLAPPEDWINDOW,
+  WindowStyle.OVERLAPPEDWINDOW,
   100, 100, 1400, 1200, null, null
 )
 

package/examples/test_react_lazy.js

@@ -16561,6 +16561,14 @@ var LVCOLUMNW_DECL = {
   cxIdeal: "i32"
 };
 var LVCOLUMNW = /* @__PURE__ */ struct("LVCOLUMNW", LVCOLUMNW_DECL);
+var NOTIFYICONIDENTIFIER_DECL = {
+  "#": "struct",
+  cbSize: "u32",
+  hWnd: "<HWND>ptr",
+  uID: "u32",
+  guidItem: "u32[4]"
+};
+var NOTIFYICONIDENTIFIER = /* @__PURE__ */ struct("NOTIFYICONIDENTIFIER", NOTIFYICONIDENTIFIER_DECL);
 
 // _build/lib/windows/user32.js
 var b = (name, sig, encoders) => bind("user32.dll", name, sig, encoders);
@@ -16626,14 +16634,14 @@ function applyProps(instance, newProps, _oldProps) {
     gui.ShowWindow(
       hwnd2,
       newProps.hidden ? 0 : 5
-      /* gui.ShowWindowCmd.SHOW */
+      /* ShowWindowCmd.SHOW */
     );
   }
   if ("visible" in newProps) {
     gui.ShowWindow(
       hwnd2,
       newProps.visible ? 5 : 0
-      /* gui.ShowWindowCmd.HIDE */
+      /* ShowWindowCmd.HIDE */
     );
   }
 }
@@ -16729,7 +16737,7 @@ function measureText(hdc, text, maxWidth) {
     -1,
     r.ptr,
     1024
-    /* gui.DrawTextFlag.CALCRECT */
+    /* DrawTextFlag.CALCRECT */
   );
   const { right, bottom } = RECT.decode(r);
   return { width: right, height: bottom };
@@ -16777,7 +16785,7 @@ function setupWindowProc(instance, hwnd2) {
   const oldProc = GetWindowLongPtr(
     hwnd2,
     -4
-    /* gui.Gwlp.WNDPROC */
+    /* Gwlp.WNDPROC */
   );
   instancesByHwnd.set(hwnd2, instance);
   gui3.SetWindowProc(hwnd2, (hwnd3, msg, wParam, lParam) => {
@@ -16865,7 +16873,7 @@ function runFlexLayout(inst) {
       r.width * scaleFactor,
       r.height * scaleFactor,
       64
-      /* gui.SetWindowPosFlag.SWP_SHOWWINDOW */
+      /* SetWindowPosFlag.SWP_SHOWWINDOW */
     );
     InvalidateRect(child.hwnd, NULL, 1);
     child.lastRect = { x: r.x, y: r.y, w: r.width, h: r.height };
@@ -17021,7 +17029,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         0
-        /* gui.ShowWindowCmd.HIDE */
+        /* ShowWindowCmd.HIDE */
       );
   },
   hideTextInstance(instance) {
@@ -17029,7 +17037,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         0
-        /* gui.ShowWindowCmd.HIDE */
+        /* ShowWindowCmd.HIDE */
       );
   },
   unhideInstance(instance, _props) {
@@ -17037,7 +17045,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         5
-        /* gui.ShowWindowCmd.SHOW */
+        /* ShowWindowCmd.SHOW */
       );
   },
   unhideTextInstance(instance, _text) {
@@ -17045,7 +17053,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         5
-        /* gui.ShowWindowCmd.SHOW */
+        /* ShowWindowCmd.SHOW */
       );
   },
   shouldSetTextContent(_type, props) {
@@ -17473,7 +17481,7 @@ function getCellFont(hwnd2, style) {
     ...base,
     ...style.bold ? {
       lfWeight: 700
-      /* gui.FontWeight.BOLD */
+      /* FontWeight.BOLD */
     } : {},
     ...style.italic ? { lfItalic: 1 } : {},
     ...style.underline ? { lfUnderline: 1 } : {}
@@ -17595,7 +17603,7 @@ var ListView = (0, import_react9.forwardRef)(function ListViewInner({ columns, d
       4150,
       0,
       32 | 1 | 65536
-      /* gui.LvExStyle.DOUBLEBUFFER */
+      /* LvExStyle.DOUBLEBUFFER */
     );
     const n = columns.length;
     for (let j = 0; j < n; j++) {
@@ -17640,7 +17648,7 @@ var ListView = (0, import_react9.forwardRef)(function ListViewInner({ columns, d
           4126,
           j,
           -2
-          /* gui.LvColumnWidthCmd.AUTOSIZE_USEHEADER */
+          /* LvColumnWidthCmd.AUTOSIZE_USEHEADER */
         );
       }
     }
@@ -17782,7 +17790,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
       natW,
       natH,
       4
-      /* gui.SetWindowPosFlag.SWP_NOZORDER */
+      /* SetWindowPosFlag.SWP_NOZORDER */
     );
     forceFlexLayout(content);
     if (natW > svW) {
@@ -17821,7 +17829,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
       0,
       0,
       1 | 4
-      /* gui.SetWindowPosFlag.SWP_NOZORDER */
+      /* SetWindowPosFlag.SWP_NOZORDER */
     );
     gui12.SetScrollInfo(sv, bar, { pos: newPos }, true);
   }
@@ -17887,7 +17895,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
         handleScroll(
           e,
           1
-          /* gui.ScrollBar.VERT */
+          /* ScrollBar.VERT */
         );
         return 0;
       }
@@ -17895,7 +17903,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
         handleScroll(
           e,
           0
-          /* gui.ScrollBar.HORZ */
+          /* ScrollBar.HORZ */
         );
         return 0;
       }
@@ -18059,7 +18067,7 @@ function deleteAllItems(hTree) {
       4353,
       1,
       -65536
-      /* gui.TvInsertAfter.ROOT */
+      /* TvInsertAfter.ROOT */
     );
 }
 var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onSelect, defaultSelectedKey, selectedKey: controlledKey, style }, ref) {
@@ -18091,7 +18099,7 @@ var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onS
       4396,
       0,
       4
-      /* gui.TvExStyle.DOUBLEBUFFER */
+      /* TvExStyle.DOUBLEBUFFER */
     );
   }, []);
   (0, import_react16.useEffect)(() => {
@@ -18133,9 +18141,16 @@ var b3 = (name, sig) => bind("comdlg32.dll", name, sig);
 var GetOpenFileName = /* @__PURE__ */ b3("GetOpenFileNameW", "<OPENFILENAMEW>ptr -> u32");
 
 // _build/lib/windows/shell32.js
-var b4 = (name, sig) => bind("shell32.dll", name, sig);
+var b4 = (name, sig, encoders) => bind("shell32.dll", name, sig, encoders);
 var SHBrowseForFolder = /* @__PURE__ */ b4("SHBrowseForFolderW", "<BROWSEINFOW>ptr -> <>ptr");
 var SHGetPathFromIDList = /* @__PURE__ */ b4("SHGetPathFromIDListW", "<>ptr <BYTE>ptr -> u32");
+var Shell_NotifyIconGetRect = (() => {
+  try {
+    return b4("Shell_NotifyIconGetRect", "<NOTIFYICONIDENTIFIER>ptr <RECT>ptr -> i32", { NOTIFYICONIDENTIFIER });
+  } catch {
+    return null;
+  }
+})();
 
 // _build/lib/windows/ole32.js
 var b5 = (name, sig) => bind("ole32.dll", name, sig);

package/examples/test_react_lazy.tsx

@@ -2,10 +2,11 @@ import '../lib/polyfill.js'
 import * as gui from 'gui'
 import { Suspense, lazy, useState } from 'react'
 import { render } from '../lib/react-qw/index.js'
+import { WindowStyle, WmMsg } from '../constants'
 
 gui.RegisterClass('LazyTest', (hwnd, msg, wParam, lParam) => {
   if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.DESTROY) {
+  if (msg === WmMsg.DESTROY) {
     gui.PostQuitMessage(0)
     return 0
   }
@@ -15,7 +16,7 @@ gui.RegisterClass('LazyTest', (hwnd, msg, wParam, lParam) => {
 function SimpleComponent() {
   return (
     <w type="STATIC" text="Hello from lazy component!"
-      ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+      ws={WindowStyle.CHILD | WindowStyle.VISIBLE}
       style={{width:300, height:30}} />
   )
 }
@@ -28,11 +29,11 @@ const LazySimple = lazy(async () => {
 function App() {
   const [show, setShow] = useState(false)
   return (
-    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+    <w type="STATIC" ws={WindowStyle.VISIBLE}
       style={{flexDirection:'column', padding:10, gap:10, flexGrow:1}}>
       <w type="BUTTON"
         text={show ? 'Hide Lazy' : 'Show Lazy'}
-        ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+        ws={WindowStyle.CHILD | WindowStyle.VISIBLE}
         style={{width:150, height:30}}
         onEvent={(e: { msg: number; wParam: number; lParam: number }) => {
           if (e.msg === 0x0202) setShow(!show)
@@ -41,7 +42,7 @@ function App() {
       {show && (
         <Suspense fallback={
           <w type="STATIC" text="Loading..."
-            ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+            ws={WindowStyle.CHILD | WindowStyle.VISIBLE}
             style={{width:200, height:30}} />
         }>
           <LazySimple />
@@ -53,7 +54,7 @@ function App() {
 
 const hwnd = gui.CreateWindow(
   'LazyTest', 'React.lazy Test',
-  gui.WindowStyle.OVERLAPPEDWINDOW,
+  WindowStyle.OVERLAPPEDWINDOW,
   200, 200, 400, 300, null, null
 )
 

package/examples/test_react_listbox.js

@@ -16561,6 +16561,14 @@ var LVCOLUMNW_DECL = {
   cxIdeal: "i32"
 };
 var LVCOLUMNW = /* @__PURE__ */ struct("LVCOLUMNW", LVCOLUMNW_DECL);
+var NOTIFYICONIDENTIFIER_DECL = {
+  "#": "struct",
+  cbSize: "u32",
+  hWnd: "<HWND>ptr",
+  uID: "u32",
+  guidItem: "u32[4]"
+};
+var NOTIFYICONIDENTIFIER = /* @__PURE__ */ struct("NOTIFYICONIDENTIFIER", NOTIFYICONIDENTIFIER_DECL);
 
 // _build/lib/windows/user32.js
 var b = (name, sig, encoders) => bind("user32.dll", name, sig, encoders);
@@ -16626,14 +16634,14 @@ function applyProps(instance, newProps, _oldProps) {
     gui.ShowWindow(
       hwnd2,
       newProps.hidden ? 0 : 5
-      /* gui.ShowWindowCmd.SHOW */
+      /* ShowWindowCmd.SHOW */
     );
   }
   if ("visible" in newProps) {
     gui.ShowWindow(
       hwnd2,
       newProps.visible ? 5 : 0
-      /* gui.ShowWindowCmd.HIDE */
+      /* ShowWindowCmd.HIDE */
     );
   }
 }
@@ -16729,7 +16737,7 @@ function measureText(hdc, text, maxWidth) {
     -1,
     r.ptr,
     1024
-    /* gui.DrawTextFlag.CALCRECT */
+    /* DrawTextFlag.CALCRECT */
   );
   const { right, bottom } = RECT.decode(r);
   return { width: right, height: bottom };
@@ -16777,7 +16785,7 @@ function setupWindowProc(instance, hwnd2) {
   const oldProc = GetWindowLongPtr(
     hwnd2,
     -4
-    /* gui.Gwlp.WNDPROC */
+    /* Gwlp.WNDPROC */
   );
   instancesByHwnd.set(hwnd2, instance);
   gui3.SetWindowProc(hwnd2, (hwnd3, msg, wParam, lParam) => {
@@ -16865,7 +16873,7 @@ function runFlexLayout(inst) {
       r.width * scaleFactor,
       r.height * scaleFactor,
       64
-      /* gui.SetWindowPosFlag.SWP_SHOWWINDOW */
+      /* SetWindowPosFlag.SWP_SHOWWINDOW */
     );
     InvalidateRect(child.hwnd, NULL, 1);
     child.lastRect = { x: r.x, y: r.y, w: r.width, h: r.height };
@@ -17021,7 +17029,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         0
-        /* gui.ShowWindowCmd.HIDE */
+        /* ShowWindowCmd.HIDE */
       );
   },
   hideTextInstance(instance) {
@@ -17029,7 +17037,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         0
-        /* gui.ShowWindowCmd.HIDE */
+        /* ShowWindowCmd.HIDE */
       );
   },
   unhideInstance(instance, _props) {
@@ -17037,7 +17045,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         5
-        /* gui.ShowWindowCmd.SHOW */
+        /* ShowWindowCmd.SHOW */
       );
   },
   unhideTextInstance(instance, _text) {
@@ -17045,7 +17053,7 @@ var hostConfig = {
       gui3.ShowWindow(
         instance.hwnd,
         5
-        /* gui.ShowWindowCmd.SHOW */
+        /* ShowWindowCmd.SHOW */
       );
   },
   shouldSetTextContent(_type, props) {
@@ -17473,7 +17481,7 @@ function getCellFont(hwnd2, style) {
     ...base,
     ...style.bold ? {
       lfWeight: 700
-      /* gui.FontWeight.BOLD */
+      /* FontWeight.BOLD */
     } : {},
     ...style.italic ? { lfItalic: 1 } : {},
     ...style.underline ? { lfUnderline: 1 } : {}
@@ -17595,7 +17603,7 @@ var ListView = (0, import_react9.forwardRef)(function ListViewInner({ columns, d
       4150,
       0,
       32 | 1 | 65536
-      /* gui.LvExStyle.DOUBLEBUFFER */
+      /* LvExStyle.DOUBLEBUFFER */
     );
     const n = columns.length;
     for (let j = 0; j < n; j++) {
@@ -17640,7 +17648,7 @@ var ListView = (0, import_react9.forwardRef)(function ListViewInner({ columns, d
           4126,
           j,
           -2
-          /* gui.LvColumnWidthCmd.AUTOSIZE_USEHEADER */
+          /* LvColumnWidthCmd.AUTOSIZE_USEHEADER */
         );
       }
     }
@@ -17782,7 +17790,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
       natW,
       natH,
       4
-      /* gui.SetWindowPosFlag.SWP_NOZORDER */
+      /* SetWindowPosFlag.SWP_NOZORDER */
     );
     forceFlexLayout(content);
     if (natW > svW) {
@@ -17821,7 +17829,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
       0,
       0,
       1 | 4
-      /* gui.SetWindowPosFlag.SWP_NOZORDER */
+      /* SetWindowPosFlag.SWP_NOZORDER */
     );
     gui12.SetScrollInfo(sv, bar, { pos: newPos }, true);
   }
@@ -17887,7 +17895,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
         handleScroll(
           e,
           1
-          /* gui.ScrollBar.VERT */
+          /* ScrollBar.VERT */
         );
         return 0;
       }
@@ -17895,7 +17903,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
         handleScroll(
           e,
           0
-          /* gui.ScrollBar.HORZ */
+          /* ScrollBar.HORZ */
         );
         return 0;
       }
@@ -18059,7 +18067,7 @@ function deleteAllItems(hTree) {
       4353,
       1,
       -65536
-      /* gui.TvInsertAfter.ROOT */
+      /* TvInsertAfter.ROOT */
     );
 }
 var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onSelect, defaultSelectedKey, selectedKey: controlledKey, style }, ref) {
@@ -18091,7 +18099,7 @@ var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onS
       4396,
       0,
       4
-      /* gui.TvExStyle.DOUBLEBUFFER */
+      /* TvExStyle.DOUBLEBUFFER */
     );
   }, []);
   (0, import_react16.useEffect)(() => {
@@ -18133,9 +18141,16 @@ var b3 = (name, sig) => bind("comdlg32.dll", name, sig);
 var GetOpenFileName = /* @__PURE__ */ b3("GetOpenFileNameW", "<OPENFILENAMEW>ptr -> u32");
 
 // _build/lib/windows/shell32.js
-var b4 = (name, sig) => bind("shell32.dll", name, sig);
+var b4 = (name, sig, encoders) => bind("shell32.dll", name, sig, encoders);
 var SHBrowseForFolder = /* @__PURE__ */ b4("SHBrowseForFolderW", "<BROWSEINFOW>ptr -> <>ptr");
 var SHGetPathFromIDList = /* @__PURE__ */ b4("SHGetPathFromIDListW", "<>ptr <BYTE>ptr -> u32");
+var Shell_NotifyIconGetRect = (() => {
+  try {
+    return b4("Shell_NotifyIconGetRect", "<NOTIFYICONIDENTIFIER>ptr <RECT>ptr -> i32", { NOTIFYICONIDENTIFIER });
+  } catch {
+    return null;
+  }
+})();
 
 // _build/lib/windows/ole32.js
 var b5 = (name, sig) => bind("ole32.dll", name, sig);

package/examples/test_react_listbox.tsx

@@ -2,6 +2,7 @@ import '../lib/polyfill.js'
 import * as gui from 'gui'
 import { useState } from 'react'
 import { render, ListBox } from '../lib/react-qw/index.js'
+import { WindowStyle, WmMsg } from '../constants'
 
 let itemCounter = 10
 
@@ -17,21 +18,21 @@ function App() {
   return (
     <w
       type="STATIC"
-      ws={gui.WindowStyle.VISIBLE}
+      ws={WindowStyle.VISIBLE}
       style={{ width: 400, height: 500, flexDirection: 'column', alignItems: 'flex-start' }}
     >
       <w
         type="STATIC"
-        ws={gui.WindowStyle.VISIBLE}
+        ws={WindowStyle.VISIBLE}
         style={{ flexDirection: 'row', width: 400, height: 26 }}
       >
         <w
           type="BUTTON"
           text="Add Item"
-          ws={gui.WindowStyle.VISIBLE}
+          ws={WindowStyle.VISIBLE}
           style={{ width: 80, height: 26 }}
           onEvent={(e) => {
-            if (e.msg === gui.WmMsg.LBUTTONDOWN) {
+            if (e.msg === WmMsg.LBUTTONDOWN) {
               setItems(prev => [...prev, `Item ${itemCounter++}`])
             }
           }}
@@ -39,7 +40,7 @@ function App() {
         <w
           type="STATIC"
           text={`Selected[${selIndex}]: ${selectedText}`}
-          ws={gui.WindowStyle.VISIBLE}
+          ws={WindowStyle.VISIBLE}
           style={{ width: 200, height: 26 }}
         />
       </w>
@@ -58,7 +59,7 @@ function App() {
 
 gui.RegisterClass('ListBoxDemo', (hwnd, msg, wParam, lParam) => {
   if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.CREATE) {
+  if (msg === WmMsg.CREATE) {
     render(<App />, hwnd)
     return 0
   }
@@ -67,5 +68,5 @@ gui.RegisterClass('ListBoxDemo', (hwnd, msg, wParam, lParam) => {
 })
 
 const hwnd = gui.CreateWindow('ListBoxDemo', 'ListBox Demo',
-  gui.WindowStyle.OVERLAPPEDWINDOW, 200, 100, 400, 500, null, null)
+  WindowStyle.OVERLAPPEDWINDOW, 200, 100, 400, 500, null, null)
 if (hwnd) gui.ShowWindow(hwnd)