Migrate from tsup to tsdown

package.json

@@ -32,10 +32,5 @@
   "resolutions": {
     "chrono-node": "2.7.5"
   },
-  "pnpm": {
-    "overrides": {
-      "rollup": "4.52.5"
-    }
-  },
   "packageManager": "[email protected]"
 }

packages/cli/package.json

@@ -33,8 +33,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
+    "dev": "tsdown --watch",
+    "build": "tsdown",
     "typecheck": "tsc --noEmit",
     "clean": "rimraf dist",
     "start": "node dist/index.js "
@@ -62,7 +62,7 @@
     "@types/prompts": "^2.4.9",
     "rimraf": "^5.0.10",
     "ts-node": "^10.9.2",
-    "tsup": "^6.7.0",
+    "tsdown": "^0.16.1",
     "type-fest": "^4.26.1",
     "typescript": "^5.6.2"
   }

packages/cli/tsup.config.ts → packages/cli/tsdown.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from "tsup";
+import { defineConfig } from "tsdown";
 
 export default defineConfig({
   clean: true,

packages/embeds/core/package.json

@@ -10,9 +10,9 @@
     "dist/**"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "lint": "eslint src/",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "check-types": "tsc --noEmit"
   },
   "dependencies": {
@@ -21,7 +21,7 @@
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
+    "tsdown": "^0.16.1",
     "typescript": "^5.1.6"
   },
   "author": "Steven Tey <[email protected]>",

packages/embeds/core/tsup.config.ts → packages/embeds/core/tsdown.config.ts

@@ -1,18 +1,14 @@
-import { defineConfig } from "tsup";
+import { defineConfig } from "tsdown";
 
-export default defineConfig({
+export default defineConfig((options) => ({
   entry: {
     "embed/script": "src/embed.ts", // Standalone entry for embed.ts
     index: "src/index.ts", // Entry for all other files via index.ts
   },
-  format: ["cjs"],
-  esbuildOptions(options) {
-    options.banner = {
-      js: '"use client"',
-    };
-  },
+  format: ["esm"],
   dts: true,
   minify: true,
   clean: true,
   splitting: false,
-});
+  ...options,
+}));

packages/embeds/react/package.json

@@ -10,9 +10,9 @@
     "dist/**"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "lint": "eslint src/",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "check-types": "tsc --noEmit",
     "preview": "vite --port=3101 --open",
     "prepublishOnly": "node ./prepublish.js"
@@ -28,7 +28,7 @@
     "postcss": "^8.4.31",
     "react": "^18.2.0",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
+    "tsdown": "^0.16.1",
     "typescript": "^5.1.6"
   },
   "dependencies": {

packages/embeds/react/src/example/app.tsx

@@ -1,6 +1,5 @@
-import { createRoot } from "react-dom/client";
 import { useCallback, useEffect, useState } from "react";
-import ReactDom from "react-dom";
+import { createRoot } from "react-dom/client";
 import { DubEmbed } from "../embed";
 
 const Embed = () => {
@@ -19,5 +18,5 @@ const Embed = () => {
   return <DubEmbed data="referrals" token={token} />;
 };
 
-const root = createRoot(document.getElementById("root"));
+const root = createRoot(document.getElementById("root") as HTMLElement);
 root.render(<Embed />);

packages/embeds/react/tsdown.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig((options) => ({
+  entry: ["src/index.ts"],
+  format: ["esm"],
+  dts: true,
+  minify: true,
+  external: ["react"],
+  noExternal: ["@dub/embed-core"],
+  clean: true,
+  splitting: false,
+  ...options,
+}));

packages/hubspot-app/package.json

@@ -13,7 +13,6 @@
   "devDependencies": {
     "@types/node": "18.11.9",
     "rimraf": "^5.0.10",
-    "tsup": "^6.7.0",
     "typescript": "^5.6.2"
   },
   "engines": {

packages/ui/package.json

@@ -27,9 +27,9 @@
     }
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "lint": "eslint src/",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -50,7 +50,7 @@
     "react": "^19.1.1",
     "tailwindcss": "^3.4.4",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
+    "tsdown": "^0.16.1",
     "typescript": "^5.1.6"
   },
   "dependencies": {

packages/ui/src/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 // styles
 import "./styles.css";
 

packages/ui/tsup.config.ts → packages/ui/tsdown.config.ts

@@ -1,18 +1,13 @@
-import { defineConfig, Options } from "tsup";
+import { defineConfig } from "tsdown";
 
-export default defineConfig((options: Options) => ({
+export default defineConfig((options) => ({
   entry: {
     index: "src/index.tsx",
     "icons/index": "src/icons/index.tsx",
     "charts/index": "src/charts/index.ts",
   },
 
   format: ["esm"],
-  esbuildOptions(options) {
-    options.banner = {
-      js: '"use client"',
-    };
-  },
   dts: true,
   minify: true,
   external: ["react"],

packages/utils/package.json

@@ -10,9 +10,9 @@
     "dist/**"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "lint": "eslint src/",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -27,7 +27,7 @@
     "next": "15.5.4",
     "react": "^19.1.1",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
+    "tsdown": "^0.16.1",
     "typescript": "^5.1.6"
   },
   "dependencies": {

packages/utils/tsup.config.ts → packages/utils/tsdown.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig, Options } from "tsup";
+import { defineConfig } from "tsdown";
 
-export default defineConfig((options: Options) => ({
+export default defineConfig((options) => ({
   entry: ["src/**/*.ts"],
   format: ["esm"],
   dts: true,