chore: 🤖 refine loaders in meson build for ThorVG (#50)

* chore: 🤖 refine loaders in meson build for ThorVG

* chore: 🤖 add changesets

* chore: 🤖 size-limit for *.wasm files

* chore: 🤖 simplify the size-limit config

.changeset/selfish-jeans-complain.md

@@ -0,0 +1,5 @@
+---
+'@lottiefiles/dotlottie-web': patch
+---
+
+chore: 🤖 refine loaders in meson build for ThorVG

.size-limit.cjs

@@ -1,25 +1,18 @@
-const fs = require('fs');
-const path = require('path');
-
-const packagesDir = path.join(__dirname, 'packages');
-const packageDirs = fs.readdirSync(packagesDir);
-
-const packages = packageDirs
-  .map((dir) => {
-    const packageJsonPath = path.join(packagesDir, dir, 'package.json');
-
-    if (fs.existsSync(packageJsonPath)) {
-      const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-
-      return {
-        name: packageJson.name,
-        path: path.join(__dirname, packageJson.repository.directory, packageJson.module),
-        import: '*',
+const dotLottieWebConfig = [
+  {
+    name: '@lottiefiles/dotlottie-web',
+    path: 'packages/web/dist/index.js',
+    import: '{ DotLottie }',
+  },
+  {
+    name: '@lottiefiles/dotlottie-web WASM',
+    path: 'packages/web/dist/*.wasm',
+    modifyWebpackConfig: (config) => {
+      config.experiments = {
+        asyncWebAssembly: true,
       };
-    }
-
-    return null;
-  })
-  .filter(Boolean);
+    },
+  },
+];
 
-module.exports = packages;
+module.exports = [...dotLottieWebConfig];

package.json

@@ -28,7 +28,6 @@
     "release:publish": "pnpm clean && pnpm build && changeset publish",
     "release:version": "changeset version",
     "size": "size-limit",
-    "size:why": "size-limit --why --clean-dir --save-bundle ./tmp",
     "stats:eslint": "cross-env TIMING=1 turbo run stats:eslint",
     "stats:ts": "turbo run stats:ts",
     "test": "turbo run test",
@@ -43,9 +42,7 @@
     "@lottiefiles/prettier-config": "3.0.0",
     "@lottiefiles/remark-preset": "1.0.0",
     "@lottiefiles/tsconfig": "2.0.0",
-    "@size-limit/esbuild": "^11.0.0",
-    "@size-limit/esbuild-why": "^11.0.0",
-    "@size-limit/preset-small-lib": "^10.0.2",
+    "@size-limit/preset-big-lib": "^10.0.2",
     "cross-env": "7.0.3",
     "eslint": "7.32.0",
     "husky": "8.0.3",

packages/web/build_wasm.sh

@@ -64,9 +64,9 @@ git fetch origin
 git checkout "$THORVG_TAG_OR_BRANCH"
 check_command_success "Error switching to the desired tag/branch: $THORVG_TAG_OR_BRANCH"
 
-# Run the wasm build script with the provided EMSDK path
-./wasm_build.sh "$EMSDK_PATH"
-check_command_success "Error running wasm_build.sh"
+sed "s|EMSDK:|$EMSDK_PATH|g" wasm_cross.txt > /tmp/.wasm_cross.txt
+meson -Db_lto=true -Ddefault_library=static -Dstatic=true -Dloaders="lottie, png, jpg" --cross-file /tmp/.wasm_cross.txt build_wasm
+ninja -C build_wasm/
 
 # Change back to the parent directory
 cd "$DIR"
@@ -82,9 +82,9 @@ TMPFILE=$(mktemp /tmp/wasm_cross.XXXXXX)
 # Ensure the temp file is always cleaned up on exit
 trap 'rm -f "$TMPFILE"' EXIT
 
-# Substitute the EMSDK path in the wasm_x86_i686.txt file and save to the temporary file
-sed "s|EMSDK:|$EMSDK_PATH|g" "$DIR/wasm_x86_i686.txt" > "$TMPFILE"
-check_command_success "Error substituting EMSDK path in wasm_x86_i686.txt"
+# Substitute the EMSDK path in the wasm_cross.txt file and save to the temporary file
+sed "s|EMSDK:|$EMSDK_PATH|g" "$DIR/wasm_cross.txt" > "$TMPFILE"
+check_command_success "Error substituting EMSDK path in wasm_cross.txt"
 
 # Setup meson build with the cross file
 meson --cross-file "$TMPFILE" src/renderer-wasm/bin