DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

allow for loading wasm without unsafe wasm execution

Browse Source
This commit is contained in:
Alexandra Østermark
2025-03-02 20:29:44 +01:00
parent 3aa594c1f9
commit 1721ba112c
4 changed files with 66 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
javascript/README.md
View File

@@ -7,13 +7,14 @@ See more at https://yogalayout.dev
## Usage
```ts
import {Yoga, Align} from 'yoga-layout';
import { Align, Yoga } from "yoga-layout";
const node = Yoga.Node.create();
node.setAlignContent(Align.Center);
```
Objects created by `Yoga.<>.create()` are not automatically garbage collected and should be freed once they are no longer in use.
Objects created by `Yoga.<>.create()` are not automatically garbage collected
and should be freed once they are no longer in use.
```ts
// Free a config
@@ -30,11 +31,19 @@ node.free();
`yoga-layout` requires a toolchain that supports ES Modules and top-level await.
If top-level-await is not supported, use the `yoga-layout/load` entry point instead. This requires to load yoga manually:
If top-level-await is not supported, use the `yoga-layout/load` entry point
instead. This requires to load yoga manually:
```ts
import {loadYoga, Align} from 'yoga-layout/load';
import { Align, loadYoga } from "yoga-layout/load";
const node = (await loadYoga).Node.create();
node.setAlignContent(Align.Center);
```
You can also use `yoga-layout/loadSeparate`, which has the exactly same api as
`yoga-layout/load`, if you want the js and wasm in separate files, this can
useful in several scenarios such as avoiding
[unsafe-wasm-eval](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#unsafe_webassembly_execution).
Do be aware that this option might not work out of the box with any and all
bundlers or frameworks