fix: only include "use client" banner in ESM builds (#891)

Yonom · Sep 26, 2024 · 27208fb · 27208fb
1 parent 9bd13b7
commit 27208fb
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 16 deletions.
diff --git a/.changeset/six-pants-compete.md b/.changeset/six-pants-compete.md
@@ -0,0 +1,8 @@
+---
+"@assistant-ui/react-playground": patch
+"@tool-ui/weather": patch
+"@assistant-ui/react-markdown": patch
+"@assistant-ui/react": patch
+---
+
+fix: only include "use client" banner in ESM builds
diff --git a/packages/react-markdown/scripts/build.mts b/packages/react-markdown/scripts/build.mts
@@ -8,10 +8,12 @@ await build({
   dts: true,
   sourcemap: true,
   clean: true,
-  esbuildOptions: (options) => {
-    options.banner = {
-      js: '"use client";\n',
-    };
+  esbuildOptions: (options, { format }) => {
+    if (format === "esm") {
+      options.banner = {
+        js: '"use client";',
+      };
+    }
   },
 });
 

diff --git a/packages/react-playground/scripts/build.mts b/packages/react-playground/scripts/build.mts
@@ -7,10 +7,12 @@ await build({
   dts: true,
   sourcemap: true,
   clean: true,
-  esbuildOptions: (options) => {
-    options.banner = {
-      js: '"use client";\n',
-    };
+  esbuildOptions: (options, { format }) => {
+    if (format === "esm") {
+      options.banner = {
+        js: '"use client";',
+      };
+    }
   },
 });
 

diff --git a/packages/react/scripts/build.mts b/packages/react/scripts/build.mts
@@ -9,10 +9,12 @@ await build({
   sourcemap: true,
   clean: true,
   splitting: true,
-  esbuildOptions: (options) => {
-    options.banner = {
-      js: '"use client";\n',
-    };
+  esbuildOptions: (options, { format }) => {
+    if (format === "esm") {
+      options.banner = {
+        js: '"use client";',
+      };
+    }
   },
 });
 

diff --git a/packages/tool-ui-weather/scripts/build.mts b/packages/tool-ui-weather/scripts/build.mts
@@ -7,9 +7,11 @@ await build({
   dts: true,
   sourcemap: true,
   clean: true,
-  esbuildOptions: (options) => {
-    options.banner = {
-      js: '"use client";\n',
-    };
+  esbuildOptions: (options, { format }) => {
+    if (format === "esm") {
+      options.banner = {
+        js: '"use client";',
+      };
+    }
   },
 });