provide working example (with webpack too?)

[tsnobip]

Hi,
I'd be really interested in seeing a working example of your lib in a website, is the source of https://wasm-git.petersalomonsen.com/ available for example?

I couldn't make the example provided in the repo work in my browser, I tried multiple integrations with webpack without success so far, so I'm a bit frustrated. ^^

I have no experience with WASM and emscripten so that probably explains why too.

Any pointer would be welcome.

Thanks!

[petersalomonsen]

Hi,

Sorry it seems like I missed this. You can see the sources of https://wasm-git.petersalomonsen.com here: https://github.com/petersalomonsen/githttpserver

Also I use it in this project here: https://github.com/petersalomonsen/javascriptmusic and a live showcase where a git repository is cloned can be seen here: https://petersalomonsen.com/webassemblymusic/livecodev2/?gitrepo=test

Regarding use with a webpack project, I would not try to bundle in the wasm-git library, but rather load it at runtime (from a webworker), like you can see in the example project.

Hope this helps :-)

/Peter

[leookun]

Add the -s ENVIRONMENT=web parameter to emscriptenbuild/build.sh, and the built lg2_async.js will not bundle node-related modules.
I did this. It works normally in webpack and other tools.

https://www.npmjs.com/package/wasm-git-browser

#!/bin/bash

BUILD_TYPE=Debug
ASYNCIFY_FLAGS=" -s ASYNCIFY -s 'ASYNCIFY_IMPORTS=[\"emscriptenhttp_do_get\", \"emscriptenhttp_do_read\", \"emscriptenhttp_do_post\"]' "
POST_JS="--post-js $(pwd)/post.js"

# Reset in case we've done an '-async' build
cp ../libgit2patchedfiles/src/transports/emscriptenhttp.c ../libgit2/src/libgit2/transports/emscriptenhttp.c

export LG2_OUTPUT_NAME=lg2

BUILD_TYPE=Release
cp ../libgit2patchedfiles/src/transports/emscriptenhttp-async.c ../libgit2/src/libgit2/transports/emscriptenhttp.c

EXTRA_CMAKE_C_FLAGS="-O3 $ASYNCIFY_FLAGS"

export LG2_OUTPUT_NAME=lg2_async
# Before building, remove any ../libgit2/src/ transports/emscriptenhttp.c left from running setup.sh 
[ -f "../libgit2/src/libgit2/transports/emscriptenhttp-async.c" ] && rm ../libgit2/src/libgit2/transports/emscriptenhttp-async.c

emcmake cmake \
-DCMAKE_BUILD_TYPE=$BUILD_TYPE \
-DCMAKE_C_FLAGS="$EXTRA_CMAKE_C_FLAGS --pre-js $(pwd)/pre.js --post-js $(pwd)/post-async.js -s \"EXPORTED_RUNTIME_METHODS=['FS','MEMFS','IDBFS','callMain']\" -sFORCE_FILESYSTEM -s EXPORT_ES6=1 -s INVOKE_RUN=0 -s ENVIRONMENT=web  -s DEMANGLE_SUPPORT=1 -s ALLOW_MEMORY_GROWTH=1 -s STACK_SIZE=131072 -lidbfs.js" \
-DREGEX_BACKEND=regcomp \
-DSONAME=OFF \
-DUSE_HTTPS=OFF \
-DBUILD_SHARED_LIBS=OFF \
-DTHREADSAFE=OFF \
-DUSE_SSH=OFF \
-DBUILD_CLAR=OFF \
-DBUILD_EXAMPLES=ON \
..
emmake make lg2