feat(demos): Enrich and comment the window demo

Author: Septh

source/demos/window.ts

@@ -1,15 +1,25 @@
 import {
     GetModuleHandle, GetLastError,
     RegisterClassEx, LoadCursor, LoadIcon, WNDCLASSEX,
-    CreateWindow, ShowWindow, UpdateWindow, DefWindowProc,
+    CreateWindowEx, CW_USEDEFAULT, ShowWindow, UpdateWindow, DefWindowProc,
     GetMessage, TranslateMessage, DispatchMessage, PostQuitMessage,
     MessageBox,
     type HINSTANCE, type WPARAM, type LPARAM, type HWND, type MSG
 } from 'libwin32'
-import { CS, CW, IDC, IDI, MB, SW, WM, WS } from 'libwin32/consts'
+
+// Also import some helpfull constants.
+// Note: import { CS, IDC, IDI, MB, SW, WM, WS } from 'libwin32/consts' would also work,
+//       but at the cost of tree-shakeability due to the way TypeScript exports enums.
+import { WM } from 'libwin32/consts/WM'
+import { SW } from 'libwin32/consts/SW'
+import { CS } from 'libwin32/consts/CS'
+import { IDC } from 'libwin32/consts/IDC'
+import { IDI } from 'libwin32/consts/IDI'
+import { MB } from 'libwin32/consts/MB'
+import { WS, WS_EX } from 'libwin32/consts/WS'
 
 const windowClass = "NodeApp"
-const windowName  = "Window Demo !"
+const windowName  = "Window Demo!"
 const appTitle    = "A NodeJS app using the Win32 API"
 
 function wndProc(hWnd: HWND, uMmsg: WM, wParam: WPARAM, lParam: LPARAM) {
@@ -31,25 +41,26 @@ function wndProc(hWnd: HWND, uMmsg: WM, wParam: WPARAM, lParam: LPARAM) {
 
 function WinMain(hInstance: HINSTANCE, nCmdShow: SW): number {
 
-    using wcex = new WNDCLASSEX(wndProc)
+    using wcex = new WNDCLASSEX(wndProc)    // Note: cbSize is set by the WNDCLASSEX constructor
     wcex.lpszClassName = windowClass
     wcex.style         = CS.HREDRAW | CS.VREDRAW
     wcex.hInstance     = hInstance
     wcex.hCursor       = LoadCursor(null, IDC.ARROW)
     wcex.hIcon         = LoadIcon(hInstance, IDI.APPLICATION)
     wcex.hIconSm       = LoadIcon(hInstance, IDI.APPLICATION)
-    wcex.hbrBackground = 13 as any
+    wcex.hbrBackground = 13 as any          // Note: brushes are not yet implemented. 13 is the standard background.
 
     const atom = RegisterClassEx(wcex)
     if (!atom) {
         MessageBox(null, "Call to RegisterClassEx failed!", appTitle, MB.OK | MB.ICONERROR)
         return 1
     }
 
-    const hWnd = CreateWindow(
+    const hWnd = CreateWindowEx(
+        WS_EX.CLIENTEDGE,
         windowClass, windowName,
-        WS.CAPTION | WS.SYSMENU,
-        CW.USEDEFAULT, CW.USEDEFAULT, 600, 400,
+        WS.OVERLAPPEDWINDOW | WS.VSCROLL,
+        CW_USEDEFAULT, CW_USEDEFAULT, CW_USEDEFAULT, CW_USEDEFAULT,
         null, null, hInstance, 0
     )
     if (!hWnd) {