When running the examples - or creating my own programs - I always encounter the error below:

Translated
There was an error in the script on this page.

The "appendChild" property cannot be retrieved for undefined or null reference.

Continue?

Hi! I was trying to run the examples made by ThomasTJdev, and after not being able to run any of the examples, I narrowed the problem to the first line.

import webgui

It seems this makes clang show a lot of errors that I can't even begin to debug. (Nim beginner here!).

I made this gist with the build log on my machine.

I'm using the latest WebGUI from Nimble (0.4.0), and I'm running Nim 1.2.0 installed by Homebrew in MacOS Catalina 10.15.3. Can try any suggestions if needed.

Hello again. Could you please help me out with this error message?
It shows up in the Nim console:

index.html#loaded:53:4: CONSOLE JS ERROR ReferenceError: Can't find variable: api

Code snippets I used:
app.nim

import webgui
import os
import strutils
import osproc

let app = newWebView(currentHtmlPath(), "Window Title", 650, 610)

app.bindProcs("api"):
  proc callback() = echo execCmd("echo 'Nim is awesome'")

app.run()
app.exit()

index.html button

<button onclick="api.callback()" type="button" class="btn btn-warning m-1" style="min-width: 170px;">Remind me later</button>

Linking on Windows fails with undefined reference to ShellExecute errors.

Possible source:

Your project looks really interesting.
I haven't tried to use anything advanced with it yet, but would it be possible to integrate Bootstrap or Tailwind into the app?

Bare/GTK html styles don't look as good as Tailwind or Bootstrap, hence why I am asking.

Hi Juan,

I started working on a package manager GUI sometime last year and settled on webgui. I got pretty far into it but had to stop working on it due to other things taking higher priority. I have some time now and wanted to continue development but I'm getting stumped by this error I was not getting before.

I'm using Thomas's nim_nimble_gui example GUI app to showcase the problem. But basically, clicking any of the 'Nimble commands' buttons does not run their respective Nim backend function/logic. Instead, the console logs the following error: TypeError: undefined is not an object (evaluating 'window.external.invoke').

This used to work, as I remember playing with the example GUI apps. Trying the example app on macOS Big Sur works fine. I also installed Ubuntu 20.04 on a spare machine and got the same error.

Would you happen to have any insight as to what could be causing this error?

I checked and couldn't find a solution

I just installed a project that is using webgui and got compiler errors. The .nimble file for that project required webgui version 0.1.0. I was able to figure out that the version 0.1.0 in my computer is on an older commit than the current version 0.1.0. So, I upgraded to the new 0.1.0. I'm still getting errors, but they are different ones now.

I recommend adding using the release function of GitHub so that the official version 0.1.0 is pointing to a specific commit.

Or, roll the release number in webgui.nimble to 0.1.1 and create a 0.1.1 release pointing to the current commit number.

Hello world ! It seems impossible to maximize windows at startup. Please, is it possible to add that feature ? Or is it me that ignore how to do it ?

hey, if i try to put the html in a variable and use it on newWebView i get the following error:
first type mismatch at position: 1
required type for path: static[string]
but expression 'dataUriHtmlHeader' is of type: string

If I create a view using karax, is there any way to re-use that in webgui?

I recently started playing around with webgui and must say I like it quite a bit.
From what I gather, basically just write an SPA, throw it together with webgui and ship it, you can use the OS' JS/HTML/CSS engines and your own webserver, which should cut down application size by like 1 entire Browser and a second JS engine compared to electron.

My thoughts soon turned towards how I would ship an application with webgui though if I were to make one.
Something that caused issues there was the fact that file-paths are determined at compile-time instead of at runtime, combined with the fact that they appear to be absolute (?).
I'm actually not that certain about the "absolute" part, but I couldn't manage getting relative filepaths to work and the docs appear to support my assumption ( path is the URL **or Full Path** to 1 HTML file, index of the Web GUI App.).
Anyway, my worry is, that if my application uses absolute filepath X that gets hard-coded at compiletime, then I can't just package the binary + HTML file into a folder (e.g. /home/karl/potatofolder) and chuck it somewhere on another user's drive (e.g. home/klaus/potato), the path to that folder might be different on that user's machine, even though the relative filepaths of the index.html to the binary stayed the same!
If I could instruct the binary basically to just say "do not care about the path, the HTML file is in the same folder as you" that would alleviate my worries there.

Otherwise the only thing I could think of to ship a webgui application would be to ship it in a docker container or somesuch which come with their own file-system that I can do with whatever I want. Feels somewhat odd though.