chore: implement custom tsup executor to replace rollup

Author: matejchalk

package-lock.json

@@ -2,9 +2,7 @@
   "name": "@quality-metrics-cli/source",
   "version": "0.0.0",
   "license": "MIT",
-  "scripts": {
-    "postinstall": "patch-package"
-  },
+  "scripts": {},
   "private": true,
   "workspaces": [
     "dist/packages/*"
@@ -13,7 +11,8 @@
     "@nx/devkit": "16.7.4",
     "@swc/helpers": "~0.5.0",
     "jiti": "^1.19.3",
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "tsup": "^7.2.0"
   },
   "devDependencies": {
     "@nx/jest": "16.7.4",
@@ -37,10 +36,10 @@
     "lighthouse": "^11.0.0",
     "nx": "16.7.0",
     "nx-cloud": "latest",
-    "patch-package": "^8.0.0",
     "prettier": "^2.6.2",
     "ts-jest": "^29.1.0",
     "ts-node": "10.9.1",
+    "type-fest": "^4.3.1",
     "typescript": "~5.1.3",
     "verdaccio": "^5.0.4",
     "vite": "~4.3.9",

package.json

@@ -5,18 +5,14 @@
   "projectType": "library",
   "targets": {
     "build": {
-      "executor": "@nx/rollup:rollup",
+      "executor": "@quality-metrics/nx-plugin:tsup",
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/packages/cli",
         "main": "packages/cli/src/index.ts",
         "tsConfig": "packages/cli/tsconfig.lib.json",
-        "assets": [],
         "project": "packages/cli/package.json",
-        "compiler": "tsc",
-        "format": ["esm"],
-        "external": "all",
-        "rollupConfig": "rollup.config.js"
+        "format": ["esm"]
       }
     },
     "publish": {

packages/cli/project.json

@@ -1,7 +1,49 @@
+import { readJsonFile, writeJsonFile } from '@nx/devkit';
+import { basename } from 'path';
+import { build } from 'tsup';
+import type { PackageJson } from 'type-fest';
 import { TsupExecutorSchema } from './schema';
 
 export default async function runExecutor(options: TsupExecutorSchema) {
-  console.log('Executor ran for Tsup', options);
+  await build({
+    entry: [options.main],
+    outDir: options.outputPath,
+    tsconfig: options.tsConfig,
+    platform: 'node',
+    format: options.format,
+    dts: true,
+    cjsInterop: true,
+    splitting: true,
+    clean: options.deleteOutputPath,
+    skipNodeModulesBundle: true,
+  });
+
+  const packageJson = readJsonFile<PackageJson>(options.project);
+
+  const entryName = basename(options.main).replace(/\.[tj]s$/, '');
+  const typesPath = options.format.includes('cjs')
+    ? `./${entryName}.d.ts`
+    : `./${entryName}.d.mts`;
+  const esmPath = `./${entryName}.mjs`;
+  const cjsPath = `./${entryName}.js`;
+
+  packageJson.exports = {
+    '.': {
+      types: typesPath,
+      ...(options.format.includes('esm') && { import: esmPath }),
+      ...(options.format.includes('cjs') && { require: cjsPath }),
+      default: options.format.includes('cjs') ? cjsPath : esmPath,
+    },
+    './package.json': './package.json',
+  };
+  packageJson.main = options.format.includes('cjs') ? cjsPath : esmPath;
+  if (options.format.includes('esm')) {
+    packageJson.module = esmPath;
+  }
+  packageJson.types = typesPath;
+
+  writeJsonFile(`${options.outputPath}/package.json`, packageJson);
+
   return {
     success: true,
   };

packages/nx-plugin/src/executors/tsup/executor.spec.ts

@@ -1 +1,8 @@
-export interface TsupExecutorSchema {} // eslint-disable-line
+export type TsupExecutorSchema = {
+  project: string;
+  main: string;
+  outputPath: string;
+  deleteOutputPath: boolean;
+  tsConfig: string;
+  format: ('esm' | 'cjs')[];
+};

packages/nx-plugin/src/executors/tsup/executor.ts

@@ -1,9 +1,51 @@
 {
   "$schema": "http://json-schema.org/schema",
   "version": 2,
-  "title": "Tsup executor",
+  "title": "tsup executor",
   "description": "",
   "type": "object",
-  "properties": {},
-  "required": []
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The path to package.json file.",
+      "x-priority": "important"
+    },
+    "main": {
+      "type": "string",
+      "description": "The path to the entry file, relative to project.",
+      "alias": "entryFile",
+      "x-completion-type": "file",
+      "x-completion-glob": "**/*@(.js|.ts)",
+      "x-priority": "important"
+    },
+    "outputPath": {
+      "type": "string",
+      "description": "The output path of the generated files.",
+      "x-completion-type": "directory",
+      "x-priority": "important"
+    },
+    "deleteOutputPath": {
+      "type": "boolean",
+      "description": "Delete the output path before building.",
+      "default": true
+    },
+    "tsConfig": {
+      "type": "string",
+      "description": "The path to tsconfig file.",
+      "x-completion-type": "file",
+      "x-completion-glob": "tsconfig.*.json",
+      "x-priority": "important"
+    },
+    "format": {
+      "type": "array",
+      "description": "List of module formats to output. Defaults to both ESM and CJS.",
+      "alias": "f",
+      "items": {
+        "type": "string",
+        "enum": ["esm", "cjs"]
+      },
+      "default": ["esm", "cjs"]
+    }
+  },
+  "required": ["tsConfig", "main", "outputPath"]
 }

packages/nx-plugin/src/executors/tsup/schema.d.ts

@@ -5,19 +5,13 @@
   "projectType": "library",
   "targets": {
     "build": {
-      "executor": "@nx/rollup:rollup",
+      "executor": "@quality-metrics/nx-plugin:tsup",
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/packages/plugin-eslint",
         "main": "packages/plugin-eslint/src/index.ts",
         "tsConfig": "packages/plugin-eslint/tsconfig.lib.json",
-        "assets": [],
-        "project": "packages/plugin-eslint/package.json",
-        "compiler": "tsc",
-        "format": ["cjs", "esm"],
-        "external": "all",
-        "generateExportsField": true,
-        "rollupConfig": "rollup.config.js"
+        "project": "packages/plugin-eslint/package.json"
       }
     },
     "publish": {

packages/nx-plugin/src/executors/tsup/schema.json

@@ -5,19 +5,14 @@
   "projectType": "library",
   "targets": {
     "build": {
-      "executor": "@nx/rollup:rollup",
+      "executor": "@quality-metrics/nx-plugin:tsup",
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/packages/plugin-lighthouse",
         "main": "packages/plugin-lighthouse/src/index.ts",
         "tsConfig": "packages/plugin-lighthouse/tsconfig.lib.json",
-        "assets": [],
         "project": "packages/plugin-lighthouse/package.json",
-        "compiler": "tsc",
-        "format": ["esm"],
-        "external": "all",
-        "generateExportsField": true,
-        "rollupConfig": "rollup.config.js"
+        "format": ["esm"]
       }
     },
     "lint": {