upgrade yoga-layout to latest version (#2105)

* upgrade yoga-layout

* move fork to dev dependency

* remove duplicate

* use `yoga-wasm-web` pkg

* add changeset

.changeset/tidy-horses-lay.md

@@ -0,0 +1,5 @@
+---
+'@react-pdf/yoga': major
+---
+
+migrate from yoga-layout-prebuilt to yoga-wasm-web

package.json

@@ -11,10 +11,10 @@
   ],
   "scripts": {
     "prepare": "husky install",
-    "build": "lerna run build --ignore @react-pdf/yoga",
+    "build": "lerna run build",
     "watch": "lerna run watch --parallel",
     "bootstrap": "lerna bootstrap",
-    "prepublish": "lerna run build --ignore @react-pdf/yoga",
+    "prepublish": "lerna run build",
     "lint": "eslint packages",
     "test": "jest",
     "examples": "lerna run start --scope @react-pdf/examples",

packages/yoga/.gitignore

@@ -1 +1 @@
-!dist
+dist

packages/yoga/index.d.ts

@@ -1,3 +1,3 @@
-import * as yoga from 'yoga-layout';
+import { YogaStatic } from 'yoga-wasm-web';
 
-export = yoga;
+export default YogaStatic;

packages/yoga/index.js

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/no-unresolved
+import initYoga from 'yoga-wasm-web/asm';
+
+export default initYoga();

packages/yoga/package.json

@@ -5,8 +5,8 @@
   "license": "MIT",
   "author": "Diego Muracciole <[email protected]>",
   "homepage": "https://github.com/diegomura/react-pdf#readme",
-  "main": "./src/dist/entry-browser.js",
-  "module": "./src/dist/entry-browser.es.js",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
   "types": "index.d.ts",
   "repository": {
     "type": "git",
@@ -15,14 +15,14 @@
   },
   "scripts": {
     "test": "jest",
-    "build": "./build.sh && rollup -c",
-    "postbuild": "node ./postbuild.js"
+    "build": "rollup -c"
   },
   "files": [
-    "src",
+    "dist",
     "index.d.ts"
   ],
-  "dependencies": {
-    "@types/yoga-layout": "^1.9.3"
+  "dependencies": {},
+  "devDependencies": {
+    "yoga-wasm-web": "~0.3.0"
   }
 }

packages/yoga/rollup.config.js

@@ -1,16 +1,18 @@
-import commonjs from '@rollup/plugin-commonjs'
-
-const input = './src/dist/entry-browser.js';
-
-const getPlugins = () => [
-  commonjs(),
-];
+import commonjs from '@rollup/plugin-commonjs';
+import nodeResolve from '@rollup/plugin-node-resolve';
 
 export default {
-  input,
-  output: {
-    file: 'src/dist/entry-browser.es.js',
-    format: 'es',
-  },
-  plugins: getPlugins(),
-}
+  input: 'index.js',
+  output: [
+    {
+      file: 'dist/index.js',
+      exports: 'auto',
+      format: 'cjs',
+    },
+    {
+      file: 'dist/index.esm.js',
+      format: 'esm',
+    },
+  ],
+  plugins: [commonjs(), nodeResolve()],
+};