#Tag · bonfire.cafe

#spritely #hoot in a toot: how to deploy #Guile #Scheme as static website via #webassembly (complete #Wisp example).

The code from the two attached images, as written, runs on
https://www.draketo.de/software/hoot.html

Try it out!

It’s two pages from Naming & Logic: Programming Essentials with Wisp.

printed: https://www.epubli.com/shop/naming-and-logic-programming-essentials-with-wisp-9783565093199
website: https://www.draketo.de/software/programming-basics-wisp

This adds parallel fetches (do you see where?). If you adopt it, ensure that your server compresses application/wasm.

#wasm #webdev #programming

2 media

*Browser again: clientside wasm.* @@html:<a id="deploy-hoot-wasm" name="deploy-hoot-wasm"></a>@@
To run clientside, you can package your project with [[https://spritely.institute/hoot/][Hoot]]: build an interface and compile to wasm:

#+begin_src wisp :results output :tangle hoot.w
;; file: hoot.w
use-modules : hoot ffi ;; guile specific import

;; the interface
define-foreign document-body "document" "body"
. -> (ref null extern)
define-foreign make-text-node "document" "createTextNode"
. (ref string) -> (ref null extern)
define-foreign append-child! "element" "appendChild"
. (ref null extern) (ref null extern)
. -> (ref null extern)

;; your code
append-child! : document-body
make-text-node "Hello, world!"
#+end_src

Transpile with =wisp2lisp= and =guild compile-wasm=. If you run Guix:

#+begin_src bash
guix shell guile guile-wisp -- \
wisp2lisp hoot.w > hoot.scm && \
guix shell guile-hoot guile-next -- \
guild compile-wasm -o hoot.wasm hoot.scm
#+end_src

Get reflection tools from Guile Hoot (licensed Apache 2.0) with Guix:
#+latex: \ThisLLCornerWallPaper{0.26}{programming-scheme-hoot}%

#+begin_src bash
guix shell guile-hoot guile-next -- bash -c \
'cp $GUIX_ENVIRONMENT/share/*hoot/*/re*/{*.js,*.wasm} ./'
#+end_src — *Browser again: clientside wasm.* @@html:<a id="deploy-hoot-wasm" name="deploy-hoot-wasm"></a>@@ To run clientside, you can package your project with [[https://spritely.institute/hoot/][Hoot]]: build an interface and compile to wasm: #+begin_src wisp :results output :tangle hoot.w ;; file: hoot.w use-modules : hoot ffi ;; guile specific import ;; the interface define-foreign document-body "document" "body" . -> (ref null extern) define-foreign make-text-node "document" "createTextNode" . (ref string) -> (ref null extern) define-foreign append-child! "element" "appendChild" . (ref null extern) (ref null extern) . -> (ref null extern) ;; your code append-child! : document-body make-text-node "Hello, world!" #+end_src Transpile with =wisp2lisp= and =guild compile-wasm=. If you run Guix: #+begin_src bash guix shell guile guile-wisp -- \ wisp2lisp hoot.w > hoot.scm && \ guix shell guile-hoot guile-next -- \ guild compile-wasm -o hoot.wasm hoot.scm #+end_src Get reflection tools from Guile Hoot (licensed Apache 2.0) with Guix: #+latex: \ThisLLCornerWallPaper{0.26}{programming-scheme-hoot}% #+begin_src bash guix shell guile-hoot guile-next -- bash -c \ 'cp $GUIX_ENVIRONMENT/share/*hoot/*/re*/{*.js,*.wasm} ./' #+end_src

Load your interface (includes startup time optimizations):
#+begin_src js :tangle hoot.js
/* file: hoot.js */
var f = window.fetch; window.fetch = (inp, ini) => f(inp,
{credentials: 'include', mode: 'no-cors', ...ini});
window.addEventListener("load", () =>
fetch("hoot.wasm")
.then(r => r.arrayBuffer())
.then(bytes => Scheme.load_main(bytes, {
user_imports: { // mapped via define-foreign
document: {
body() { return document.body; },
createTextNode: Document.prototype
.createTextNode.bind(document)
},
element: {
appendChild(parent, child) {
return parent.appendChild(child);}}}})));
#+end_src

Include =reflect.js= and =hoot.js= from a HTML page:

#+begin_src html :tangle hoot.html
<!DOCTYPE html> <!-- file: hoot.html -->
<html><head><title>Hello Hoot</title>
<script type="text/javascript" src="reflect.js"></script>
<script type="text/javascript" src="hoot.js"></script>
<link rel="preload" as="fetch" href="hoot.wasm"></link>
<link rel="preload" as="fetch" href="wtf8.wasm"></link>
<link rel="preload" as="fetch" href="reflect.wasm"></link>
</head><body><h1>Hoot Test</h1></body></html>
#+end_src

For local testing, hoot provides a minimal webserver:

#+begin_src bash
guix shell guile-hoot guile-next -- \
guile -c '((@ (hoot web-server) serve))'
#+end_src — Load your interface (includes startup time optimizations): #+begin_src js :tangle hoot.js /* file: hoot.js */ var f = window.fetch; window.fetch = (inp, ini) => f(inp, {credentials: 'include', mode: 'no-cors', ...ini}); window.addEventListener("load", () => fetch("hoot.wasm") .then(r => r.arrayBuffer()) .then(bytes => Scheme.load_main(bytes, { user_imports: { // mapped via define-foreign document: { body() { return document.body; }, createTextNode: Document.prototype .createTextNode.bind(document) }, element: { appendChild(parent, child) { return parent.appendChild(child);}}}}))); #+end_src Include =reflect.js= and =hoot.js= from a HTML page: #+begin_src html :tangle hoot.html <!DOCTYPE html> <!-- file: hoot.html --> <html><head><title>Hello Hoot</title> <script type="text/javascript" src="reflect.js"></script> <script type="text/javascript" src="hoot.js"></script> <link rel="preload" as="fetch" href="hoot.wasm"></link> <link rel="preload" as="fetch" href="wtf8.wasm"></link> <link rel="preload" as="fetch" href="reflect.wasm"></link> </head><body><h1>Hoot Test</h1></body></html> #+end_src For local testing, hoot provides a minimal webserver: #+begin_src bash guix shell guile-hoot guile-next -- \ guile -c '((@ (hoot web-server) serve))' #+end_src

Hello Hoot

Arne Babenhauserheide

@ArneBab@rollenspiel.social · 2 months ago

#spritely #hoot in a toot: how to deploy #Guile #Scheme as static website via #webassembly (complete #Wisp example).

The code from the two attached images, as written, runs on
https://www.draketo.de/software/hoot.html

Try it out!

It’s two pages from Naming & Logic: Programming Essentials with Wisp.

printed: https://www.epubli.com/shop/naming-and-logic-programming-essentials-with-wisp-9783565093199
website: https://www.draketo.de/software/programming-basics-wisp

This adds parallel fetches (do you see where?). If you adopt it, ensure that your server compresses application/wasm.

#wasm #webdev #programming

2 media

Hello Hoot

Chip Butty boosted

Lukianos (Fabian)

@lukianos@mastodon.social · 3 months ago

Out of the blue decided to install GNU Guix-1.4.0 on my GNU Debian 13 (Trixie) machine. Now I have Haunt and Guile Hoot running on my machine. What a joyful Tuesday.

The (hoot hoot) example from the manual works fine. Baby steps but steps anyway.

https://spritely.institute/hoot/

#guix #debian #guile #hoot

Lukianos (Fabian)

@lukianos@mastodon.social · 3 months ago

Out of the blue decided to install GNU Guix-1.4.0 on my GNU Debian 13 (Trixie) machine. Now I have Haunt and Guile Hoot running on my machine. What a joyful Tuesday.

The (hoot hoot) example from the manual works fine. Baby steps but steps anyway.

https://spritely.institute/hoot/

#guix #debian #guile #hoot

Grigory Shepelev

@shegeley@fosstodon.org · 4 months ago

A friend of mine has a question about #guile #hoot and kinda frustrated that no one's answered on official forum. Asked to consult with higher beings

https://community.spritely.institute/t/how-to-pass-global-state-between-modules-effectively/771

@wingo @cwebber

Where's the best place to ask on hoot? Irc?

alcinnz and 1 other boosted

Andrew Tropin

@abcdw@fosstodon.org · 4 months ago

Guile Hoot IDE. My grant proposal for #nlnet, I didn't have much time to prepare it carefully this year, but I guess the primary ideas should be clear.

@cwebber, @dthompson, @wingo how it looks? :)

https://github.com/abcdw/notes/blob/6899771/notes/20250930125613-nrepl_server_and_ide_for_guile_hoot_scheme_on_wasm.org?plain=1#L1

#guile #hoot #scheme

GitHub

notes/notes/20250930125613-nrepl_server_and_ide_for_guile_hoot_scheme_on_wasm.org at 6899771bf82748846b4e47812ae76b863708c157 · abcdw/notes

org-roam notes. Contribute to abcdw/notes development by creating an account on GitHub.

The Spritely Institute boosted

Arne Babenhauserheide

@ArneBab@rollenspiel.social · 4 months ago

@spritely did you already see the illustration in Naming & Logic for Deployment in the browser via Hoot?

https://www.draketo.de/software/programming-scheme#deploy

🦉

⇒ https://www.draketo.de/software/programming-scheme
⇒ https://www.draketo.de/software/programming-scheme.pdf

#gnu #guile #lisp #hoot #webdev

A book page with code (javascript, html, and shell) and the sketch of a purple owl in the lower right corner.

Andrew Tropin

@abcdw@fosstodon.org · 4 months ago

Guile Hoot IDE. My grant proposal for #nlnet, I didn't have much time to prepare it carefully this year, but I guess the primary ideas should be clear.

@cwebber, @dthompson, @wingo how it looks? :)

https://github.com/abcdw/notes/blob/6899771/notes/20250930125613-nrepl_server_and_ide_for_guile_hoot_scheme_on_wasm.org?plain=1#L1

#guile #hoot #scheme

GitHub

notes/notes/20250930125613-nrepl_server_and_ide_for_guile_hoot_scheme_on_wasm.org at 6899771bf82748846b4e47812ae76b863708c157 · abcdw/notes

org-roam notes. Contribute to abcdw/notes development by creating an account on GitHub.

Arne Babenhauserheide

@ArneBab@rollenspiel.social · 4 months ago

@spritely did you already see the illustration in Naming & Logic for Deployment in the browser via Hoot?

https://www.draketo.de/software/programming-scheme#deploy

🦉

⇒ https://www.draketo.de/software/programming-scheme
⇒ https://www.draketo.de/software/programming-scheme.pdf

#gnu #guile #lisp #hoot #webdev

Andrew Tropin

@abcdw@fosstodon.org · 12 months ago

The best WebAssembly lispy language is released. Guile Hoot 0.6.0 is in the wild now.

The most exciting update for me is an implementation of macroexpander, which means eval is around the corner and we can start working on Hoot support for Arei/Ares Guile Scheme IDE soon.

https://spritely.institute/news/guile-hoot-0-6-0-released.html

#guile #scheme #lisp #hoot #wasm #webassembly

Hoot 0.6.0 release image. It's a pixel art showing mountains, river, castle in the background, owl and some anthropomorphic creature in the foreground.

Guile Hoot 0.6.0 released! — Spritely Institute

Andrew Tropin

@abcdw@fosstodon.org · 12 months ago

Will be working on Guile Hoot (Scheme on Wasm) tool for genetics research live on stream in 1.5 hour. I will start with splitting project into modules and if we have time left will continue with porting some JS code to Scheme.

Come to say hi and chat about Hoot, Scheme and WebAssembly.

mpv https://youtu.be/yT-UBqdZF1Y

#guile #hoot #scheme #wasm #webassembly