Bunchee 2

package.json

@@ -27,6 +27,7 @@
     "@manypkg/cli": "^0.20.0",
     "@types/node": "18.16.0",
     "@uploadthing/eslint-config": "0.2.0",
+    "bunchee": "^4.3.3",
     "dotenv": "latest",
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.3.0",

packages/config/tsconfig/base.json

@@ -1,20 +1,33 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
   "compilerOptions": {
-    "composite": false,
+    "target": "ES2020",
+    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+
+    "noEmit": true,
     "declaration": true,
     "declarationMap": true,
+    "sourceMap": true,
+    "removeComments": true,
+
+    "strict": true,
+    // "noFallthroughCasesInSwitch": true,
+    // "noImplicitOverride": true,
+    // "noImplicitReturns": true,
+    // "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    // "useUnknownInCatchVariables": true,
+    // "noUncheckedIndexedAccess": true,
+
+    "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
     "skipLibCheck": true,
-    "strict": true
-  },
-  "exclude": ["node_modules"]
+    "useDefineForClassFields": true
+  }
 }

packages/dropzone/package.json

@@ -7,17 +7,17 @@
     "./core": {
       "types": "./dist/core.d.ts",
       "import": "./dist/core.mjs",
-      "require": "./dist/core.js"
+      "require": "./dist/core.cjs"
     },
     "./solid": {
       "types": "./dist/solid.d.ts",
       "import": "./dist/solid.mjs",
-      "require": "./dist/solid.js"
+      "require": "./dist/solid.cjs"
     },
     "./react": {
       "types": "./dist/react.d.ts",
       "import": "./dist/react.mjs",
-      "require": "./dist/react.js"
+      "require": "./dist/react.cjs"
     }
   },
   "files": [
@@ -35,9 +35,9 @@
   },
   "scripts": {
     "lint": "eslint \"**/*.{ts,tsx}\" --max-warnings 0",
-    "build": "tsup",
+    "build": "rm -rf dist && bunchee",
     "clean": "git clean -xdf dist node_modules",
-    "dev": "tsup --watch",
+    "dev": "bunchee -w",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
@@ -48,13 +48,23 @@
     "@types/react": "18.2.33",
     "@uploadthing/eslint-config": "0.2.0",
     "@uploadthing/tsconfig": "0.1.0",
-    "@uploadthing/tsup-config": "0.1.0",
     "eslint": "^8.47.0",
     "react": "18.2.0",
     "solid-js": "^1.7.11",
-    "tsup": "6.7.0",
     "typescript": "^5.1.6"
   },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "solid-js": "^1.7.11"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    }
+  },
   "eslintConfig": {
     "root": true,
     "extends": [

packages/mime-types/package.json

@@ -7,12 +7,12 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
     },
     "./db": {
       "types": "./dist/db.d.ts",
       "import": "./dist/db.mjs",
-      "require": "./dist/db.js"
+      "require": "./dist/db.cjs"
     }
   },
   "typesVersions": {
@@ -27,17 +27,15 @@
   ],
   "scripts": {
     "lint": "eslint \"**/*.{ts,tsx}\" --max-warnings 0",
-    "build": "tsup",
+    "build": "rm -rf dist && bunchee",
     "clean": "git clean -xdf dist node_modules",
-    "dev": "tsup --watch",
+    "dev": "bunchee -w",
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
     "@uploadthing/eslint-config": "0.2.0",
     "@uploadthing/tsconfig": "0.1.0",
-    "@uploadthing/tsup-config": "0.1.0",
     "eslint": "^8.47.0",
-    "tsup": "6.7.0",
     "typescript": "^5.1.6"
   },
   "publishConfig": {

packages/react/package.json

@@ -8,17 +8,17 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
     },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
       "import": "./dist/hooks.mjs",
-      "require": "./dist/hooks.js"
+      "require": "./dist/hooks.cjs"
     },
     "./next-ssr-plugin": {
       "types": "./dist/next-ssr-plugin.d.ts",
       "import": "./dist/next-ssr-plugin.mjs",
-      "require": "./dist/next-ssr-plugin.js"
+      "require": "./dist/next-ssr-plugin.cjs"
     }
   },
   "files": [
@@ -37,7 +37,8 @@
   "scripts": {
     "lint": "eslint \"**/*.{ts,tsx}\" --max-warnings 0",
     "clean": "git clean -xdf dist node_modules",
-    "build": "tsup",
+    "build:tw": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
+    "build": "rm -rf dist && bunchee && npm run build:tw",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
@@ -66,14 +67,10 @@
     "@types/react-dom": "18.2.14",
     "@uploadthing/eslint-config": "0.2.0",
     "@uploadthing/tsconfig": "0.1.0",
-    "@uploadthing/tsup-config": "0.1.0",
-    "autoprefixer": "10.4.14",
     "eslint": "^8.47.0",
     "next": "14.0.1",
-    "postcss": "8.4.31",
     "react": "18.2.0",
     "tailwindcss": "^3.3.2",
-    "tsup": "6.7.0",
     "typescript": "^5.1.6",
     "uploadthing": "6.1.1",
     "vitest": "^0.30.1",

packages/react/src/components/button.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useRef, useState } from "react";
 import { twMerge } from "tailwind-merge";
 

packages/react/src/components/dropzone.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback, useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 

packages/react/src/hooks.ts

@@ -1,3 +1,5 @@
+"use client";
+
 export { generateReactHelpers } from "./useUploadThing";
 
 export { useDropzone } from "@uploadthing/dropzone/react";

packages/react/src/index.ts

@@ -1,5 +1,3 @@
-import "./styles.css";
-
 export {
   UploadButton,
   UploadDropzone,

packages/react/src/next-ssr-plugin.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useId } from "react";
 import { useServerInsertedHTML } from "next/navigation";
 

packages/react/tailwind.config.ts

@@ -0,0 +1,8 @@
+import type { Config } from "tailwindcss";
+
+export default {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  corePlugins: {
+    preflight: false,
+  },
+} satisfies Config;