Add Emscripten to Windows releases

[ofTheo]

Not sure if it works with Visual Studio compiler, but we should at least try it with msys2 / mingw64

relevant thread:
https://forum.openframeworks.cc/t/webview-of-integration-how-to-dispatch/40464/16

[ofTheo]

tried with the latest mingw64 msys2 nightly now that the emscripten libs are there

In the mingw64 shell these steps worked:

# Get the emsdk repo
git clone https://github.com/emscripten-core/emsdk.git

# Enter that directory
cd emsdk

# Download and install the latest SDK tools.
./emsdk install latest

# Make the "latest" SDK "active" for the current user. (writes .emscripten file)
./emsdk activate latest

# needed for mingw64 - NOTE: the other two env files don't work 
./emsdk activate latest --permanent

Then when I try and make an example with:
emmake make

I get an error showing that the CXX is being set to the emscripten c++ path without the forward slashes.

ie: it is showing like:
CUserstheoemsdkupstreamemscriptenem++.bat

instead of:
/C/Users/theo/emsdk/upstream/emscripten/em++.bat

Not sure if it is our make files that is passing the CXX like that or emmake.
I think it will work if we can get the CXX compiler path set.

cc @oxillo

[ofTheo]

hmm looking at this issue seems to imply that on mingw64 you need to call a different make command:
emscripten-core/emscripten#2005

emmake mingw64-make

[Jonathhhan]

@ofTheo with make I get the same error. with mingw32-make i get this error:

make: C:\msys64\mingw64\bin\mingw32-make.exe
Compiling OF library for Release
mingw32-make[1]: Entering directory 'C:/Users/Jonat/Desktop/of_v20230427_vs_release/libs/openFrameworksCompiled/project'
/usr/bin/sh: -c: line 2: syntax error: unexpected end of file
mingw32-make[2]: *** [makefileCommon/compile.core.mk:233: C:/Users/Jonat/Desktop/of_v20230427_vs_release/libs/openFrameworksCompiled/lib/emscripten/obj/Release/.compiler_flags] Error 2
mingw32-make[1]: *** [makefileCommon/compile.core.mk:204: Release] Error 2
mingw32-make[1]: Leaving directory 'C:/Users/Jonat/Desktop/of_v20230427_vs_release/libs/openFrameworksCompiled/project'
mingw32-make: *** [C:/Users/Jonat/Desktop/of_v20230427_vs_release/libs/openFrameworksCompiled/project/makefileCommon/compile.project.mk:125: Release] Error 2
emmake: error: 'C:\msys64\mingw64\bin\mingw32-make.exe' failed (returned 2)

[Jonathhhan]

@ofTheo I got Emscripten running on Windows with the wsl Linux subsystem.
I followed this description: https://www.codeproject.com/Articles/5160967/Bring-Your-Cplusplus-Code-to-the-Web

[ofTheo]

@Jonathhhan did you use the mingw OF nightly to do it?
is it possible to document exactly what additional steps you had to do ?

We could then add it to the setup guide.

Thanks so much!
Theo

[Jonathhhan]

@ofTheo I used the linux64gcc6 nightly.

This is what I did (partly copied from https://www.codeproject.com/Articles/5160967/Bring-Your-Cplusplus-Code-to-the-Web):

Before we can install Ubuntu from Microsoft, we must first enable Developer's mode and WSL. To enable Developer mode, head to Settings > Update & Security > For Developers and select “Developer mode”.

Next, WSL has to be enabled on Windows Features. In the Windows searchbar, type "Turn Windows Features On or Off" and select that option. Scroll all the way down and check the "Windows Subsystem For Linux" option.

Next, launch Microsoft Store by clicking its button on the taskbar. Search for "Ubuntu" and click "Install" on the Ubuntu 22.04 in the search result. It takes about 5 minutes.

Start wsl in the terminal and add a Ubuntu user.

sudo apt update
sudo apt upgrade
git clone https://github.com/emscripten-core/emsdk.git

change to the newly cloned emsdk directory.

cd emsdk

Download and install the latest SDK tools.

./emsdk install latest

Set up the compiler configuration to point to the "latest" SDK.

./emsdk activate latest

Activate PATH and other environment variables in the current terminal

source ./emsdk_env.sh

install make

sudo apt install make

install chrome

wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
sudo apt install ./google-chrome-stable_current_amd64.deb

for make (optional)

sudo apt-get install pkg-config
sudo apt-get install gcc
cd /mnt/c/Users/Jonat/Downloads/of_v20230809_linux64gcc6_release/scripts/linux/ubuntu (your own path)
sudo bash install_dependencies.sh

[ofTheo]

Thanks @Jonathhhan
Ahh I see you end up essentially using the ubuntu OF release to run emscripten.

I was hoping it would enable it via the windows OF downloads :)

[danzeeeman]

I found this https://github.com/nokotan/VSExtForEmscripten worth checking out.

also note the official website says to install linux on your windows box to compile things

[Jonathhhan]

@danzeeeman I can confirm that it works well with windows subsystem for windows.

[danzeeeman]

@ofTheo if we can configure the VS project for emscripten build it should work with that extension

[oxillo]

On MSYS2, I've managed to go to the linker step following the instructions :

1. launch a UCRT64 shell (not a MINGW64 !)
2. Install emscripten with pacman -Sy mingw-w64-ucrt-x86_64-emscripten
3. Close and restart the UCRT64 shell
4. Download emscripten 3rdparty libraries with $OF_ROOT\script\emscripten\download_libs.sh
5. Run emmake make...