feat(infra): migrate to tsdown

.changeset/silent-spies-greet.md

@@ -0,0 +1,41 @@
+---
+"create-refine-app": minor
+"@refinedev/devtools-internal": minor
+"@refinedev/devtools-server": minor
+"@refinedev/devtools-shared": minor
+"@refinedev/react-hook-form": minor
+"@refinedev/nextjs-router": minor
+"@refinedev/nestjs-query": minor
+"@refinedev/nestjsx-crud": minor
+"@refinedev/react-router": minor
+"@refinedev/remix-router": minor
+"@refinedev/devtools-ui": minor
+"@refinedev/react-table": minor
+"@refinedev/simple-rest": minor
+"@refinedev/inferencer": minor
+"@refinedev/chakra-ui": minor
+"@refinedev/refine-ui": minor
+"@refinedev/strapi-v4": minor
+"@refinedev/airtable": minor
+"@refinedev/appwrite": minor
+"@refinedev/devtools": minor
+"@refinedev/supabase": minor
+"@refinedev/ui-tests": minor
+"@refinedev/ui-types": minor
+"@refinedev/graphql": minor
+"@refinedev/mantine": minor
+"@refinedev/hasura": minor
+"@refinedev/medusa": minor
+"@refinedev/strapi": minor
+"@refinedev/ably": minor
+"@refinedev/antd": minor
+"@refinedev/core": minor
+"@refinedev/kbar": minor
+"@refinedev/rest": minor
+"@refinedev/cli": minor
+"@refinedev/mui": minor
+---
+
+[Resolves #6969](https://github.com/refinedev/refine/issues/6969) Move from tsup to tsdown since the former is not more actively maintained.
+
+This change also introduces the lint rule to explicitly indicate types during module re-exports. This avoids triggering rolldown's isolated module transpilation related error.

biome.json

@@ -95,6 +95,7 @@
         "useSingleVarDeclarator": "error",
         "useTemplate": "error",
         "useImportType": "error",
+        "useExportType": "error",
         "useNodejsImportProtocol": "off"
       },
       "suspicious": {

cypress/e2e/auth-auth0/all.cy.ts

@@ -34,7 +34,10 @@ describe("auth-auth0", () => {
       cy.location("pathname").should("eq", "/login");
       login();
       cy.location("pathname").should("eq", "/posts");
-      cy.visit("/test-route");
+      cy.window().then((window) => {
+        window.history.pushState({}, "", "/test-route");
+        window.dispatchEvent(new PopStateEvent("popstate"));
+      });
       cy.get(".ant-result-404").should("exist");
       cy.clearAllCookies();
       cy.clearAllSessionStorage();

cypress/e2e/auth-chakra-ui/all.cy.ts

@@ -124,7 +124,7 @@ describe("auth-chakra-ui", () => {
     it("should render getIdentity response on header", () => {
       login();
       cy.get(".chakra-text").contains(/jane doe/i);
-      cy.get(".chakra-avatar__img").should("have.attr", "src");
+      cy.get(".chakra-avatar").should("be.visible");
     });
   });
 });

packages/ably/package.json

@@ -31,8 +31,8 @@
   ],
   "scripts": {
     "attw": "attw --pack .",
-    "build": "tsup && node ../shared/generate-declarations.js",
-    "dev": "tsup --watch",
+    "build": "tsdown && node ../shared/generate-declarations.js",
+    "dev": "tsdown --watch",
     "prepare": "pnpm build",
     "publint": "publint --strict=true --level=suggestion",
     "test": "vitest run --passWithNoTests",
@@ -47,8 +47,8 @@
     "@types/node": "^20",
     "jsdom": "^25.0.1",
     "nock": "^13.4.0",
+    "tsdown": "^0.21.10",
     "tslib": "^2.6.2",
-    "tsup": "^6.7.0",
     "typescript": "^5.8.3",
     "vitest": "^2.1.8"
   },

packages/ably/tsconfig.json

@@ -3,6 +3,7 @@
   "extends": "../../tsconfig.build.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "verbatimModuleSyntax": true
   }
 }

packages/ably/tsdown.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig((options) => ({
+  entry: ["src/index.ts"],
+  outputOptions: {
+    codeSplitting: false,
+  },
+  sourcemap: true,
+  clean: false,
+  minify: false,
+  format: ["cjs", "esm"],
+  outExtensions({ format }) {
+    return {
+      js: format === "cjs" ? ".cjs" : ".mjs",
+    };
+  },
+  platform: "browser",
+  onSuccess: options.watch ? "pnpm types" : undefined,
+}));

packages/airtable/package.json

@@ -32,8 +32,8 @@
   ],
   "scripts": {
     "attw": "attw --pack .",
-    "build": "tsup && node ../shared/generate-declarations.js",
-    "dev": "tsup --watch",
+    "build": "tsdown && node ../shared/generate-declarations.js",
+    "dev": "tsdown --watch",
     "prepare": "pnpm build",
     "publint": "publint --strict=true --level=suggestion",
     "test": "vitest run --passWithNoTests",
@@ -54,8 +54,8 @@
     "jsdom": "^25.0.1",
     "nock": "^13.4.0",
     "node-fetch": "^2.6.7",
+    "tsdown": "^0.21.10",
     "tslib": "^2.6.2",
-    "tsup": "^6.7.0",
     "typescript": "^5.8.3",
     "vitest": "^2.1.8"
   },

packages/airtable/tsconfig.json

@@ -3,6 +3,7 @@
   "extends": "../../tsconfig.build.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "verbatimModuleSyntax": true
   }
 }

packages/airtable/tsdown.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig((options) => ({
+  entry: ["src/index.ts"],
+  outputOptions: {
+    codeSplitting: false,
+  },
+  sourcemap: true,
+  clean: false,
+  minify: false,
+  format: ["cjs", "esm"],
+  outExtensions({ format }) {
+    return {
+      js: format === "cjs" ? ".cjs" : ".mjs",
+    };
+  },
+  platform: "browser",
+  onSuccess: options.watch ? "pnpm types" : undefined,
+}));

packages/antd/package.json

@@ -34,8 +34,8 @@
   "typings": "dist/index.d.ts",
   "scripts": {
     "attw": "attw --pack . --exclude-entrypoints dist/reset.css",
-    "build": "tsup && node ../shared/generate-declarations.js",
-    "dev": "tsup --watch",
+    "build": "tsdown && node ../shared/generate-declarations.js",
+    "dev": "tsdown --watch",
     "prepare": "pnpm build",
     "publint": "publint --strict=true --level=suggestion",
     "test": "vitest run",
@@ -74,7 +74,8 @@
     "identity-obj-proxy": "^3.0.0",
     "postcss": "^8.1.4",
     "react-router": "^7.0.2",
-    "tsup": "^6.7.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "tsdown": "^0.21.10",
     "typescript": "^5.8.3",
     "vitest": "^2.1.8"
   },

packages/antd/src/hooks/form/index.ts

@@ -1,17 +1,17 @@
-export { useForm, UseFormProps, UseFormReturnType } from "./useForm";
+export { useForm, type UseFormProps, type UseFormReturnType } from "./useForm";
 export {
   useModalForm,
-  UseModalFormProps,
-  UseModalFormReturnType,
+  type UseModalFormProps,
+  type UseModalFormReturnType,
 } from "./useModalForm";
 export {
   useDrawerForm,
-  UseDrawerFormProps,
-  UseDrawerFormConfig,
-  UseDrawerFormReturnType,
+  type UseDrawerFormProps,
+  type UseDrawerFormConfig,
+  type UseDrawerFormReturnType,
 } from "./useDrawerForm";
 export {
   useStepsForm,
-  UseStepsFormProps,
-  UseStepsFormReturnType,
+  type UseStepsFormProps,
+  type UseStepsFormReturnType,
 } from "./useStepsForm";

packages/antd/src/hooks/form/useDrawerForm/index.ts

@@ -1,6 +1,6 @@
 export {
   useDrawerForm,
-  UseDrawerFormProps,
-  UseDrawerFormConfig,
-  UseDrawerFormReturnType,
+  type UseDrawerFormProps,
+  type UseDrawerFormConfig,
+  type UseDrawerFormReturnType,
 } from "./useDrawerForm";

packages/antd/src/hooks/form/useModalForm/index.ts

@@ -1,5 +1,5 @@
 export {
   useModalForm,
-  UseModalFormProps,
-  UseModalFormReturnType,
+  type UseModalFormProps,
+  type UseModalFormReturnType,
 } from "./useModalForm";

packages/antd/src/hooks/form/useStepsForm/index.ts

@@ -1,5 +1,5 @@
 export {
   useStepsForm,
-  UseStepsFormProps,
-  UseStepsFormReturnType,
+  type UseStepsFormProps,
+  type UseStepsFormReturnType,
 } from "./useStepsForm";

packages/antd/src/hooks/table/useTable/index.ts

@@ -1 +1,5 @@
-export { useTable, useTableProps, useTableReturnType } from "./useTable";
+export {
+  useTable,
+  type useTableProps,
+  type useTableReturnType,
+} from "./useTable";

packages/antd/tsconfig.json

@@ -27,6 +27,7 @@
       "./src/types",
       "./node_modules/@types",
       "../../node_modules/@types"
-    ]
+    ],
+    "verbatimModuleSyntax": true
   }
 }

packages/antd/tsdown.config.ts

@@ -0,0 +1,64 @@
+import { defineConfig } from "tsdown";
+import type { Plugin } from "rolldown";
+import copy from "rollup-plugin-copy";
+
+import { removeTestIdsPlugin } from "../shared/remove-test-ids-plugin.ts";
+import { dayJsEsmReplacePlugin } from "../shared/dayjs-esm-replace-plugin.ts";
+import { markAsExternalPlugin } from "../shared/mark-as-external-plugin.ts";
+
+const ANTD_TARGET_REGEX =
+  /\/src\/components\/antd\/(antd|calendar|datePicker|timePicker).*/;
+
+/**
+ * Replaces CJS imports (antd/lib/, rc-picker/lib/) with ESM equivalents (antd/es/, rc-picker/es/)
+ */
+const antdLibToEsPlugin = (): Plugin => ({
+  name: "antd-lib-2-es-module-replacement",
+  renderChunk(code, chunk, options) {
+    if (options.format === "cjs") return null;
+
+    if (!ANTD_TARGET_REGEX.test(chunk.fileName)) return null;
+
+    return {
+      code: code
+        .replace(/antd\/lib\//g, "antd/es/")
+        .replace(/rc-picker\/lib\//g, "rc-picker/es/"),
+      map: null,
+    };
+  },
+});
+
+export default defineConfig((options) => ({
+  entry: ["src/index.tsx"],
+  outputOptions: {
+    codeSplitting: false,
+    keepNames: true,
+  },
+  banner: {
+    js: '"use client"',
+  },
+  sourcemap: true,
+  clean: false,
+  minify: false,
+  format: ["cjs", "esm"],
+  outExtensions({ format }) {
+    return {
+      js: format === "cjs" ? ".cjs" : ".mjs",
+    };
+  },
+  platform: "browser",
+  plugins: [
+    removeTestIdsPlugin,
+    antdLibToEsPlugin(),
+    dayJsEsmReplacePlugin,
+    copy({
+      targets: [{ src: "src/assets/styles/reset.css", dest: "dist" }],
+      hook: "writeBundle",
+    }),
+    markAsExternalPlugin,
+  ],
+  loader: {
+    ".svg": "dataurl",
+  },
+  onSuccess: options.watch ? "pnpm types" : undefined,
+}));