bombinans
/
poptimal
1
0
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases Wiki Activity

Merge pull request 'Put the wasm load in its own code block' (#18) from feature-downloads into main 

Reviewed-on: #18
main
bombinans 2025-01-11 06:52:04 +00:00
parent 7791aee721 54a7ceda33
commit 773abb4d36
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/index.md
View File

@ -21,8 +21,6 @@ import random from "npm:random";
import * as resvg from 'npm:@resvg/resvg-wasm'; import * as resvg from 'npm:@resvg/resvg-wasm';
await resvg.initWasm(fetch('https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm'));
const CELL = 10; const CELL = 10;
const MAG = 2; const MAG = 2;
const WIDTH = 20; const WIDTH = 20;
@ -61,6 +59,14 @@ const randomise_all = view(Inputs.button("Random", {label:"all"}));
```
```js
// in its own code block so that it doesn't slow down load for the rest
// of the page
await resvg.initWasm(fetch('https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm'));
const wasm_init = "ready";
``` ```
@ -164,6 +170,11 @@ display(download(() => {
const thing = download_as_svg(svg.node()) const thing = download_as_svg(svg.node())
return thing; return thing;
}, "poptimal.svg", "Save as SVG")); }, "poptimal.svg", "Save as SVG"));
```
```js
await wasm_init;
display(download(() => { display(download(() => {
console.log("PNG value"); console.log("PNG value");