Tinygo is just one package away

[mar1n3r0]

Good news, I know that a lot of people are waiting for this.

The net/http and encoding/json packages are now implemented in tinygo.

The only package left for it to compile successfully is text/template:
https://tinygo.org/docs/reference/lang-support/stdlib/#texttemplate
tinygo-org/tinygo#752

text/template relies heavily on reflect which is one of tinygo's weak points. You might be better off looking for a code-generation template library if possible.
?

@maxence-charriere Could this be an easy to bypass stumble block?

Maybe this:
https://github.com/valyala/fasttemplate

Let's keep that issue open and track progress here.

[oderwat]

Very good indeed! I made a quick replacement for the usage of text/template (see: #680)

Compilation now fails with a missing function in os. I did not follow up changing more code yet.

>$ tinygo build -o tiny.wasm -target wasm cmd/app/main.go
# github.com/maxence-charriere/go-app/v9/pkg/app
../go-app/pkg/app/http.go:334:16: Setenv not declared by package os

[dkegel-fastly]

The dev branch of tinygo has supported os.Setenv for about a month now.

Try building the dev branch from source... or wait a week or so for the 0.22 release.

[oderwat]

@dkegel-fastly os.Setenv is just a minor problem. The missing timers is much more serious, see #682

The title of this issue is misleading, as it will be always "one package" away till all of them are supported :-)

[dkegel-fastly]

Thanks. That's tinygo-org/tinygo#1037

[justinfx]

Tiny-go says they just released the support for timers.

[mar1n3r0]

Depends on WASI support in Go. See: tinygo-org/tinygo#2910

[oderwat]

I just saw the headline of this issued and can't resist commenting that this is like: Fusion, General AI and Half-Life 3. It may also end up like "Duke Nukem Forever", which was not very pleasing.

I gave github.com/maxence-charriere/go-app/v10 a try today and the only bug is

Well, this is not the only problem (not a bug at all) but just the current "first" problem.

As far as I remember it was not even bringing the expected gains when it was getting compiled with TinyGo in a "cheated" fashion. So it may not even worth the effort.

To not only leave a basically useless comment, I want to point out some things:

• We had some success to use wasm-opt from https://github.com/WebAssembly/binaryen to reduce WASM file sizes for the original Go compiler results. This was not battle tested through.
• Even when you separate frontend code from backend code, you should check on the included packages. The Go compiler has a tendency to include stuff you do not expect. We once had megabytes wasted, because it was including a CLI argument parsing library that was used in another package and somehow (I think because of a global variable they use) stuck in the WASM result.
• I believe it is better to utilize web workers (!= service workers) to load/swap WASM modules when needed and gain real parallel processing that way. Such modules can be compiled with TinyGo. This even works without having a web worker. But you are very limited in what that can do. Still can make sense for business logic that needs to run in the frontend.

Sorry for being off-topic. I just can't see how TinyGo can be used and wanted to share some experience we made in the topic of cutting down the size of the (main) WASM module.

[Skarlso]

@oderwat Hello. I would like to try and experiment again. I know you're saying the cheated version didn't affect much, but tiny go came a long way now and some of the linked issues in Go supporting WASI were also released and closed.

What do I need to do to built things using tiny-go? Is there some doc somewhere I could follow and play around with? ( Also tiny-go + wasm-opt might be interesting ).

[oderwat]

@Skarlso You could check out #682

[Skarlso]

Thanks! I'll take a look!

[dkegel-fastly]

I see yesterday's tinygo 0.36 release fixed one of the previous blockers:
tinygo-org/tinygo@9a1cde4

[Skarlso]

Okay, I actually got it to work folks.

The build time increase is insane, I agree.. it's from around 10s to 53s. However, I don't care. The size gain is MASSIVE. From 25 to 5. And without even doing any wasm-opt.

I need some help getting this to run.

I run make gen and updated the wasm_exec.js location to point to tinygo's wasm_exec.js. However, when I say make run and build with tinygo, it's still using the old wasm_exec.js. And I don't understand why. :D

I cleared all the caches, and updated the wasm_exec.js inside docs/web as well. And it's still using the old wasm_exec.js.

I can see wasmExecJSGoCurrent does have the updated JS content...

[Skarlso]

Okay, it's this thing:

func wasmExecJS() string {
	version := strings.Split(runtime.Version(), ".")
	if len(version) < 2 {
		fmt.Println("NOPE")
		return wasmExecJSGoCurrent
	}

	fmt.Println("THIS IS HAPPENING")

	major, _ := strconv.Atoi(strings.TrimPrefix(version[0], "go"))
	minor, _ := strconv.Atoi(version[1])

	switch {
	case major == 1 && minor < 24:
		return wasmExecJSGo121

	case major == 1 && minor < 21:
		return wasmExecJSGo120

	default:
		return wasmExecJSGoCurrent
	}
}

Apparently, I need to do something to runtime.Version?

Okay, for now, I just made this return the wasm_exec.js. It is loading, however, I'm getting some JS errors which will be difficult to debug, because I have no idea about JS. :D

But the good news is that it's actually loading. :)

[Skarlso]

This is the error:

main-0174a80e:0x4132f Uncaught (in promise) RuntimeError: unreachable
    at main.runtime.runtimePanicAt (main-0174a80e:0x4132f)
    at main.runtime.nilPanic (main-0174a80e:0x4bb7)
    at main.interface:{Bool:func:{}{basic:bool},Call:func:{basic:string,slice:interface:{}}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},Delete:func:{basic:string}{},Equal:func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value}{basic:bool},Float:func:{}{basic:float64},Get:func:{basic:string}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},Index:func:{basic:int}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},InstanceOf:func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value}{basic:bool},Int:func:{}{basic:int},Invoke:func:{slice:interface:{}}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},IsNaN:func:{}{basic:bool},IsNull:func:{}{basic:bool},IsUndefined:func:{}{basic:bool},JSValue:func:{}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},Length:func:{}{basic:int},New:func:{slice:interface:{}}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},Set:func:{basic:string,interface:{}}{},SetIndex:func:{basic:int,interface:{}}{},String:func:{}{basic:string},Then:func:{func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value}{}}{},Truthy:func:{}{basic:bool},Type:func:{}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Type},github.com/maxence-charriere/go-app/v10/pkg/app.addEventListener:func:{basic:string,named:github.com/maxence-charriere/go-app/v10/pkg/app.Func,map:{basic:string,interface:{}}}{},github.com/maxence-charriere/go-app/v10/pkg/app.appendChild:func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Wrapper}{},github.com/maxence-charriere/go-app/v10/pkg/app.delAttr:func:{basic:string}{},github.com/maxence-charriere/go-app/v10/pkg/app.firstChild:func:{}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},github.com/maxence-charriere/go-app/v10/pkg/app.firstElementChild:func:{}{named:github.com/maxence-charriere/go-app/v10/pkg/app.Value},github.com/maxence-charriere/go-app/v10/pkg/app.getAttr:func:{basic:string}{basic:string},github.com/maxence-charriere/go-app/v10/pkg/app.removeChild:func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Wrapper}{},github.com/maxence-charriere/go-app/v10/pkg/app.removeEventListener:func:{basic:string,named:github.com/maxence-charriere/go-app/v10/pkg/app.Func}{},github.com/maxence-charriere/go-app/v10/pkg/app.replaceChild:func:{named:github.com/maxence-charriere/go-app/v10/pkg/app.Wrapper,named:github.com/maxence-charriere/go-app/v10/pkg/app.Wrapper}{},github.com/maxence-charriere/go-app/v10/pkg/app.setAttr:func:{basic:string,basic:string}{},github.com/maxence-charriere/go-app/v10/pkg/app.setInnerHTML:func:{basic:string}{},github.com/maxence-charriere/go-app/v10/pkg/app.setInnerText:func:{basic:string}{},github.com/maxence-charriere/go-app/v10/pkg/app.setNodeValue:func:{basic:string}{}}.appendChild$invoke (main-0174a80e:0x1e32b9)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)
    at main.(:7777/github.com/maxence-charriere/go-app/v10/pkg/app.nodeManager).Mount (wasm://wasm/main-0174a80e)

And this is how it looks like. :D

So it almost loaded. :D I'm guessing some things will need to be updated in the gen maybe.