feat: replace esbuild with tsup (#217)

Because

- tsup is more developer friendly and it simplify our build step

This commit

- replace esbuild with tsup

Author: EiffelFly

.gitignore

@@ -10,6 +10,7 @@ node_modules
 .next/
 out/
 build
+dist
 
 # Cache
 **/tsconfig.tsbuildinfo

packages/design-system/.eslintignore

@@ -1,15 +1,15 @@
 # Build folders
-/build
-packages/*/build/
-packages/*/examples/*/build/
 es
 lib
 dist
 umd
 out
-
 node_modules
-packages/*/examples/*
+tsup.config.ts
+
+# test
+setupTests.ts
+vitest.config.ts
 
 # React
 **/storybook-static/**

packages/design-system/.eslintrc.cjs

@@ -1,5 +1,4 @@
 module.exports = {
   root: true,
   extends: ["@instill-ai/eslint-config-cortex"],
-  ignorePatterns: ["esbuild.js", "setupTests.ts", "vitest.config.ts"],
 };

packages/design-system/commitlint.config.js

@@ -21,16 +21,16 @@
     "prettier:fix": "prettier --write",
     "prettier:check": "prettier --check",
     "test:coverage": "vitest --collectCoverage",
-    "ts-types": "tsc --emitDeclarationOnly --outDir build",
-    "build": "pnpm rimraf build && node ./esbuild.js && pnpm ts-types",
+    "ts-types": "tsc --emitDeclarationOnly",
+    "build": "pnpm rimraf dist && tsup src && pnpm ts-types",
     "test": "vitest --run"
   },
   "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "typings": "build/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
   "files": [
-    "build"
+    "dist"
   ],
   "devDependencies": {
     "@babel/core": "^7.17.8",
@@ -82,6 +82,7 @@
     "rollup": "^2.77.2",
     "storybook": "^7.0.0-beta.29",
     "tailwindcss": "^3.0.23",
+    "tsup": "^6.7.0",
     "typescript": "^4.6.3",
     "vite": "^4.1.4",
     "vitest": "^0.29.2",

packages/design-system/esbuild.js

@@ -1,8 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "build"
+    "outDir": "dist"
   },
   "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["./setupTests.ts", "vitest.config.ts"]
+  "exclude": ["./setupTests.ts", "vitest.config.ts", "tsup.config.ts"]
 }

packages/design-system/package.json

@@ -0,0 +1,11 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  sourcemap: false,
+  minify: false,
+  dts: false,
+  format: ["esm"],
+  loader: {
+    ".js": "jsx",
+  },
+});

packages/design-system/postcss.config.js packages/design-system/postcss.config.cjspackages/design-system/postcss.config.js renamed to packages/design-system/postcss.config.cjs

@@ -0,0 +1,11 @@
+# Build folders
+es
+lib
+dist
+umd
+out
+node_modules
+tsup.config.ts
+
+# React
+**/storybook-static/**