Add load=proc and setWindowBounds.

Author: treeform

src/fidget/htmlbackend.nim

@@ -421,7 +421,7 @@ proc drawStart() =
 
   canvas.style.display = "block"
   canvas.style.position = "absolute"
-  canvas.style.zIndex = -1
+  canvas.style.zIndex = "-1"
   canvas.style.left = cstring($scrollBox.x & "px")
   canvas.style.top = cstring($scrollBox.y & "px")
   canvas.style.width = cstring($width & "px")
@@ -481,10 +481,11 @@ proc refresh*() =
     requestedFrame = true
     discard dom.window.requestAnimationFrame(requestHardRedraw)
 
-proc startFidget*(draw: proc(), w = 0, h = 0) =
+proc startFidget*(draw: proc(), load: proc(), w = 0, h = 0) =
   ## Start the HTML backend
   ## NOTE: returns instantly!
   drawMain = draw
+  loadMain = load
 
   dom.window.addEventListener "load", proc(event: Event) =
     ## called when html page loads and JS can start running
@@ -637,6 +638,9 @@ proc startFidget*(draw: proc(), w = 0, h = 0) =
     hardRedraw()
     forceTextReLayout = false
 
+  if loadMain != nil:
+    loadMain()
+
 proc openBrowser*(url: string) =
   ## Opens a URL in a browser
   discard dom.window.open(url, "_blank")
@@ -690,6 +694,10 @@ proc loadGoogleFontUrl*(url: string) =
   link.setAttribute("rel", "stylesheet")
   document.head.appendChild(link)
 
+proc setWindowBounds*(min, max: Vec2) =
+  ## setWindowBounds does not work in JS mode.
+  discard
+
 proc httpGet*(url: string): HttpCall =
   if url notin httpCalls:
     result = HttpCall()

src/fidget/internal.nim

@@ -1,3 +1,4 @@
 var
   drawMain*: proc()
   tickMain*: proc()
+  loadMain*: proc()

src/fidget/opengl/base.nim

@@ -400,6 +400,9 @@ proc releaseMouse*() =
 proc hideMouse*() =
   setInputMode(window, CURSOR, CURSOR_HIDDEN)
 
+proc setWindowBounds*(min, max: Vec2) =
+  window.setWindowSizeLimits(min.x.cint, min.y.cint, max.x.cint, max.y.cint)
+
 proc takeScreenshot*(
   frame = rect(0, 0, windowFrame.x, windowFrame.y)
 ): flippy.Image =

src/fidget/openglbackend.nim

@@ -339,6 +339,9 @@ proc setupFidget(
 
   useDepthBuffer(false)
 
+  if loadMain != nil:
+    loadMain()
+
 proc asyncPoll() =
   when not defined(emscripten) and not defined(fidgetNoAsync):
     var haveCalls = false
@@ -352,6 +355,7 @@ proc asyncPoll() =
 proc startFidget*(
   draw: proc(),
   tick: proc() = nil,
+  load: proc() = nil,
   fullscreen = false,
   w: Positive = 1280,
   h: Positive = 800,
@@ -367,6 +371,7 @@ proc startFidget*(
     windowSize = vec2(w.float32, h.float32)
   drawMain = draw
   tickMain = tick
+  loadMain = load
   setupFidget(openglVersion, msaa, mainLoopMode, pixelate, pixelScale)
   mouse.pixelScale = pixelScale
   when defined(emscripten):
@@ -394,6 +399,9 @@ proc setTitle*(title: string) =
     setWindowTitle(title)
     refresh()
 
+proc setWindowBounds*(min, max: Vec2) =
+  base.setWindowBounds(min, max)
+
 proc getUrl*(): string =
   windowUrl
 

tests/setwindowbounds/setwindowbounds.nim

@@ -0,0 +1,18 @@
+## This shows how to set window bounds, so that window can't be resized smaller
+## or larger by the user.
+## Note: setWindowBounds does not work in JS mode.
+
+import fidget, vmath
+
+proc loadMain() =
+  setWindowBounds(vec2(200, 200), vec2(300, 300))
+
+proc drawMain() =
+  frame "main":
+    box 0, 0, 620, 140
+    for i in 0 .. 4:
+      group "block":
+        box 20 + i * 120, 20, 100, 100
+        fill "#2B9FEA"
+
+startFidget(draw=drawMain, load=loadMain, w = 300, h = 300)