chore: added chore(build): create bundler-free ESM distribution and a…

…dd browser entry poin
LottieFiles · Feb 10, 2025 · be56c22 · be56c22
1 parent 7bb4114
commit be56c22
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -17,6 +17,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
+  "browser": "dist/browser/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"

diff --git a/packages/react/tsup.config.cjs b/packages/react/tsup.config.cjs
@@ -1,6 +1,6 @@
 const { defineConfig } = require('tsup');
 
-module.exports = defineConfig({
+const config = {
   bundle: true,
   metafile: false,
   splitting: false,
@@ -15,4 +15,16 @@ module.exports = defineConfig({
   target: ['es2020'],
   tsconfig: 'tsconfig.build.json',
   external: ['react'],
-});
+};
+
+module.exports = defineConfig([
+  config,
+  // CDN build: Self-contained
+  {
+    ...config,
+    dts: false,
+    format: ['esm'],
+    noExternal: Object.keys(require('./package.json').dependencies),
+    outDir: 'dist/browser',
+  },
+]);
diff --git a/packages/web/src/dotlottie.ts b/packages/web/src/dotlottie.ts
@@ -205,6 +205,12 @@ export class DotLottie {
           newValue: new_value,
         });
       },
+      state_machine_observer_on_trigger_fired: (_dotlottie_instance_id: number, trigger_name: string) => {
+        this._eventManager.dispatch({
+          type: 'stateMachineTriggerFired',
+          triggerName: trigger_name,
+        });
+      },
       state_machine_observer_on_string_trigger_value_change: (
         _dotlottie_instance_id: number,
         trigger_name: string,