From 5b8745e724d13f31df0e03c44394e4bc6fcde294 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kr=C3=A6n=20Hansen?= <kraen@elevenlabs.io>
Date: Fri, 15 May 2026 23:38:29 +0200
Subject: [PATCH] Move rolldown IIFE config from CLI flags to config files

Extract inline rolldown CLI options into rolldown.config.ts for both
client and react packages. This adds explicit global variable mappings
for external dependencies (fixing MISSING_GLOBAL_NAME warnings in the
react package) and renames the script from "build:iife" to "bundle".

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/client/package.json       |  4 ++--
 packages/client/rolldown.config.ts | 16 ++++++++++++++++
 packages/react/package.json        |  4 ++--
 packages/react/rolldown.config.ts  | 18 ++++++++++++++++++
 4 files changed, 38 insertions(+), 4 deletions(-)
 create mode 100644 packages/client/rolldown.config.ts
 create mode 100644 packages/react/rolldown.config.ts

diff --git a/packages/client/package.json b/packages/client/package.json
index 61893af29..2a9344290 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -16,8 +16,8 @@
     "generate-version": "printf \"// This file is auto-generated during build\\nexport const PACKAGE_VERSION = \\\"%s\\\";\\n\" \"$npm_package_version\" > src/version.ts",
     "generate-worklets": "node scripts/generateWorklets.js",
     "build:esm": "tsc --build",
-    "build:iife": "rolldown src/index.ts -f iife --name ElevenLabsClient -o dist/lib.iife.js --sourcemap --external react --external react-dom",
-    "build": "node --run build:esm && node --run build:iife",
+    "bundle": "rolldown -c",
+    "build": "node --run build:esm && node --run bundle",
     "dev": "tsc --build --watch",
     "clean": "tsc --build --clean && rm -rf ./dist",
     "lint:es": "pnpm exec eslint .",
diff --git a/packages/client/rolldown.config.ts b/packages/client/rolldown.config.ts
new file mode 100644
index 000000000..631678761
--- /dev/null
+++ b/packages/client/rolldown.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig } from "rolldown";
+
+export default defineConfig({
+  input: "src/index.ts",
+  output: {
+    format: "iife",
+    name: "ElevenLabsClient",
+    file: "dist/lib.iife.js",
+    sourcemap: true,
+    globals: {
+      react: "React",
+      "react-dom": "ReactDOM",
+    },
+  },
+  external: ["react", "react-dom"],
+});
diff --git a/packages/react/package.json b/packages/react/package.json
index ec7d0cdb9..161224e1d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -18,8 +18,8 @@
     "generate-version": "printf \"// This file is auto-generated during build\\nexport const PACKAGE_VERSION = \\\"%s\\\";\\n\" \"$npm_package_version\" > src/version.ts",
     "prebuild": "npm run generate-version",
     "build:esm": "tsc --build",
-    "build:iife": "rolldown src/index.ts -f iife --name ElevenLabsReact -o dist/lib.iife.js --sourcemap --external react --external react-dom --external @elevenlabs/client --external @elevenlabs/client/internal",
-    "build": "node --run build:esm && node --run build:iife",
+    "bundle": "rolldown -c",
+    "build": "node --run build:esm && node --run bundle",
     "clean": "tsc --build --clean && rm -rf ./dist",
     "dev": "tsc --build --watch",
     "lint:es": "pnpm exec eslint .",
diff --git a/packages/react/rolldown.config.ts b/packages/react/rolldown.config.ts
new file mode 100644
index 000000000..8429fb5be
--- /dev/null
+++ b/packages/react/rolldown.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from "rolldown";
+
+export default defineConfig({
+  input: "src/index.ts",
+  output: {
+    format: "iife",
+    name: "ElevenLabsReact",
+    file: "dist/lib.iife.js",
+    sourcemap: true,
+    globals: {
+      react: "React",
+      "react-dom": "ReactDOM",
+      "@elevenlabs/client": "ElevenLabsClient",
+      "@elevenlabs/client/internal": "ElevenLabsClientInternal",
+    },
+  },
+  external: ["react", "react-dom", "@elevenlabs/client", "@elevenlabs/client/internal"],
+});