convert to tsup

.changeset/chatty-lions-push.md

@@ -0,0 +1,60 @@
+---
+'@udecode/plate-alignment': minor
+'@udecode/plate-autoformat': minor
+'@udecode/plate-basic-elements': minor
+'@udecode/plate-basic-marks': minor
+'@udecode/plate-block-quote': minor
+'@udecode/plate-break': minor
+'@udecode/plate-caption': minor
+'@udecode/plate-ui': minor
+'@udecode/plate-cloud': minor
+'@udecode/plate-code-block': minor
+'@udecode/plate-combobox': minor
+'@udecode/plate-comments': minor
+'@udecode/plate-common': minor
+'@udecode/plate-core': minor
+'@udecode/plate-cursor': minor
+'@udecode/plate-dnd': minor
+'@udecode/plate-emoji': minor
+'@udecode/plate-excalidraw': minor
+'@udecode/plate-find-replace': minor
+'@udecode/plate-floating': minor
+'@udecode/plate-font': minor
+'@udecode/plate-heading': minor
+'@udecode/plate-highlight': minor
+'@udecode/plate-horizontal-rule': minor
+'@udecode/plate-indent': minor
+'@udecode/plate-indent-list': minor
+'@udecode/plate-juice': minor
+'@udecode/plate-kbd': minor
+'@udecode/plate-line-height': minor
+'@udecode/plate-link': minor
+'@udecode/plate-list': minor
+'@udecode/plate-media': minor
+'@udecode/plate-mention': minor
+'@udecode/plate-node-id': minor
+'@udecode/plate-normalizers': minor
+'@udecode/plate-paragraph': minor
+'@udecode/plate': minor
+'@udecode/plate-utils': minor
+'@udecode/plate-reset-node': minor
+'@udecode/plate-resizable': minor
+'@udecode/plate-select': minor
+'@udecode/plate-selection': minor
+'@udecode/plate-serializer-csv': minor
+'@udecode/plate-serializer-docx': minor
+'@udecode/plate-serializer-html': minor
+'@udecode/plate-serializer-md': minor
+'@udecode/slate': minor
+'@udecode/slate-react': minor
+'@udecode/slate-utils': minor
+'@udecode/plate-suggestion': minor
+'@udecode/plate-tabbable': minor
+'@udecode/plate-table': minor
+'@udecode/plate-test-utils': minor
+'@udecode/plate-trailing-block': minor
+'@udecode/utils': minor
+'@udecode/plate-yjs': minor
+---
+
+use tsup as bundler

apps/www/next.config.mjs

@@ -1,4 +1,21 @@
 // import { createContentlayerPlugin } from 'next-contentlayer';
+import fs from 'node:fs';
+import glob from 'glob';
+
+const packageNames = new glob.GlobSync('../../packages/**/package.json').found
+  .map((file) => {
+    const packageJson = JSON.parse(fs.readFileSync(file, 'utf8'));
+    return packageJson.name;
+  })
+  .filter((pkg) => {
+    if (!pkg) {
+      return false;
+    }
+
+    if (pkg.startsWith('@udecode')) {
+      return true;
+    }
+  });
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -33,6 +50,7 @@ const nextConfig = {
     // https://beta.nextjs.org/docs/api-reference/next-config#servercomponentsexternalpackages
     serverComponentsExternalPackages: ['@prisma/client'],
   },
+  transpilePackages: packageNames,
 
   // redirects() {
   //   return [

config/tsup.config.ts

@@ -0,0 +1,27 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { defineConfig } from 'tsup';
+
+const PACKAGE_ROOT_PATH = process.cwd();
+const INPUT_FILE_PATH = path.join(PACKAGE_ROOT_PATH, 'src/index.ts');
+const INPUT_FILE = fs.existsSync(INPUT_FILE_PATH)
+  ? INPUT_FILE_PATH
+  : path.join(PACKAGE_ROOT_PATH, 'src/index.tsx');
+
+export default defineConfig({
+  entry: [INPUT_FILE],
+  sourcemap: true,
+  clean: true,
+  format: ['cjs', 'esm'],
+  minify: false,
+  cjsInterop: true,
+  dts: true,
+  replaceNodeEnv: true,
+  skipNodeModulesBundle: true,
+  platform: 'browser',
+  outExtension: ({ format }) => {
+    return {
+      js: format === 'cjs' ? '.js' : '.es.js',
+    };
+  },
+});

package.json

@@ -53,11 +53,11 @@
     "p:brl": "cd $INIT_CWD && barrelsby -d $INIT_CWD/src -D -l all -q -e '.*(fixture|template|spec|__tests__).*'",
     "p:brl:below": "cd $INIT_CWD && barrelsby -d $INIT_CWD/src -D -l below -q -e '.*(fixture|template|spec|__tests__).*'",
     "p:build": "cd $INIT_CWD && yarn p:rollup && tsc",
-    "p:build:watch": "cd $INIT_CWD && concurrently \"yarn p:rollup -w\" \"yarn p:typecheck -w\"",
+    "p:build:watch": "cd $INIT_CWD && concurrently \"yarn p:rollup --watch\" \"yarn p:typecheck -w\"",
     "p:clean": "cd $INIT_CWD && rimraf dist && jest --clear-cache",
     "p:lint": "eslint $INIT_CWD/src --color",
     "p:lint:fix": "eslint $INIT_CWD/src --color --fix",
-    "p:rollup": "cd $INIT_CWD && rollup -c=${PROJECT_CWD}/config/rollup.config.cjs",
+    "p:rollup": "cd $INIT_CWD && tsup --config=${PROJECT_CWD}/config/tsup.config.ts",
     "p:test": "cd $INIT_CWD && jest --config=${PROJECT_CWD}/jest.config.cjs --passWithNoTests $INIT_CWD ",
     "p:typecheck": "cd $INIT_CWD && tsc --noEmit --emitDeclarationOnly false",
     "postinstall": "patch-package",
@@ -176,6 +176,7 @@
     "slate-test-utils": "1.3.2",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.1.1",
+    "tsup": "7.2.0",
     "turbo": "^1.10.7",
     "typescript": "5.1.6"
   },