chore: 🤖 add size-limit

.github/workflows/main.yml

@@ -43,6 +43,11 @@ jobs:
       - name: 🛡️ Test
         run: pnpm test
 
+      - name: Check size
+        uses: andresz1/size-limit-action@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+
   release:
     name: release
     needs: validate

packages/web/.size-limit.cjs

@@ -0,0 +1,6 @@
+module.exports = [
+  {
+    path: './dist/index.js',
+    import: '{ DotLottie }',
+  },
+];

packages/web/package.json

@@ -35,6 +35,8 @@
     "build:wasm:docker": "./docker_build_wasm.sh",
     "dev": "tsup --watch",
     "lint": "eslint --fix .",
+    "size": "size-limit",
+    "size:why": "size-limit --why --clean-dir --save-bundle ./tmp",
     "stats:eslint": "cross-env TIMING=1 eslint .",
     "stats:ts": "tsc -p tsconfig.build.json --extendedDiagnostics",
     "type-check": "tsc --noEmit"
@@ -43,7 +45,10 @@
     "@dotlottie/dotlottie-js": "^0.6.0"
   },
   "devDependencies": {
+    "@size-limit/esbuild-why": "^10.0.2",
+    "@size-limit/preset-small-lib": "^10.0.2",
     "cross-env": "7.0.3",
+    "size-limit": "^10.0.2",
     "tsup": "7.2.0",
     "typescript": "5.0.4"
   },

packages/web/src/dotlottie.ts

@@ -153,6 +153,11 @@ export class DotLottie {
         if (this._renderer?.load(data, this._canvas.width, this._canvas.height)) {
           this._totalFrames = this._renderer.totalFrames();
           this._duration = this._renderer.duration();
+
+          this._eventManager.dispatch({
+            type: 'load',
+          });
+
           if (this._autoplay) {
             this.play();
           }

packages/web/tsup.config.cjs

@@ -27,4 +27,5 @@ module.exports = defineConfig({
       path.resolve(__dirname, './dist/renderer.wasm'),
     );
   },
+  noExternal: ['@dotlottie/dotlottie-js'],
 });