Able to run in a browser

[ericis]

The very first use cases that came to mind for d2 was working within a browser context. However, it's written in Go.

As a result, there are really two options: rewrite in JavaScript or use WebAssembly.

This issue simply requests browser support (not making a network request to a server) to execute d2.

I might personally suggest WebAssembly, since the project is well underway and would take a significant shift otherwise.

[FFengIll]

I believe d2 is on the way for it in its own way, pls see #207

[alixander]

that's different. that's a playground environment, i believe @ericis is asking about a library callable from client-side browser context.

Indeed, we have plans to port D2 to WebAssembly.

[ericis]

Yes, correct @alixander . The simple use case would be building a diagram via JavaScript in the browser, a more advanced example might be the MermaidJS "Live editor" and the best example I can think of might be an embedded web editor like Eclipse Theia or VS Code complete with a language server for a rich diagram editing experience with live preview.

[zbysir]

Have there been any new developments?

d2 is a great project that can do things that MermaidJS can't, but I think it can run directly in a web browser. Since most documents are static pages, there is no Golang environment.

[alixander]

What's "something strange"? I tested it and it seems fine: https://github.com/terrastruct/d2/compare/reuse-instance?expand=1#diff-e30335c050d7a53a1e5646b8b866a2a51476b6f55019ae8caa6d2a19744fcad0R34

[stereobooster]

I didn't do extended testing (because I found workaround). But I guess you need to use two different diagrams to reproduce error (or maybe not)

const d2 = new D2();
const result1 = await d2.compile("x -> y");
const svg1 = await d2.render(result1.diagram);
const result2 = await d2.compile("a -> b");
const svg2 = await d2.render(result2.diagram);

[alixander]

What's the error

[stereobooster]

If I would have time to reproduce it - I will report it. Maybe it was something unrelated. If you can't reproduce it - high chances it was something else. Just ignore it

Sorry for taking your time

[alixander]

Okay, no problem