6f41a27e31
Summary: X-link: https://github.com/facebook/react-native/pull/41420 Pull Request resolved: https://github.com/facebook/yoga/pull/1465 https://yogalayout.com now redirects to https://yogalayout.dev This replaces references to "yogalayout.com" with "yogalayout.dev", the same website, with a new domain. This includes: 1. Code comments 2. Yoga website config (publish action CNAME, Docusaurus config) 3. Documentation URLs in Yoga packages Changelog: [General][Fixed] - "yogalayout.com" to "yogalayout.dev" Reviewed By: christophpurrer Differential Revision: D51229587 fbshipit-source-id: b1c336a52aab5e02565071b61430d5435381dc0a
yoga-layout
This package provides prebuilt WebAssembly bindings for the Yoga layout engine.
Usage
import {Yoga, Align} 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.
// Free a config
config.free();
// Free a tree of Nodes
node.freeRecursive();
// Free a single Node
node.free();
Using TypeScript
This package provides out-of-the-box TypeScript typings so long as tsc is configured to support ESM resolution. It is recommended to set moduleResolution: 'bundler' or moduleResolution: node16 in your tsconfig.json according to your environment.
ES Modules
yoga-layout is only provided as an ES Module, relying on top-level await. This allows providing a synchronous API, while still allowing async WebAssembly compilation in browsers, and will allow eventual usage of ESM/WASM interop.
Contributing
Requirements
- Emscripten SDK
- CMake >= 3.13
- (Optional) ninja, for faster builds
Building
git clone https://github.com/facebook/yoga.git
cd yoga/javascript
yarn install
yarn build
Testing
# Build and test all entrypoints
yarn test
# Build and test a specific entrypoint
yarn test:asmjs-sync