chore(build): create bundler-free ESM distribution and add browser en…

…try point (#468)

.changeset/fuzzy-students-eat.md

@@ -0,0 +1,5 @@
+---
+'@lottiefiles/dotlottie-react': minor
+---
+
+chore(build): create bundler-free ESM distribution

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"

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',
+  },
+]);