[WEB-5048] chore: implements esm exports for all packages

.mise.toml

@@ -0,0 +1,2 @@
+[tools]
+node = "22.18.0"

apps/admin/package.json

@@ -49,7 +49,6 @@
     "@types/node": "18.16.1",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@types/uuid": "^9.0.8",
     "typescript": "catalog:"
   }
 }

apps/live/package.json

@@ -17,8 +17,7 @@
     "fix:format": "prettier --write \"**/*.{ts,tsx,md,json,css,scss}\"",
     "clean": "rm -rf .turbo && rm -rf .next && rm -rf node_modules && rm -rf dist"
   },
-  "keywords": [],
-  "author": "",
+  "author": "Plane Software Inc.",
   "dependencies": {
     "@dotenvx/dotenvx": "^1.49.0",
     "@hocuspocus/extension-database": "^3.0.0",

apps/live/tsdown.config.ts

@@ -3,5 +3,8 @@ import { defineConfig } from "tsdown";
 export default defineConfig({
   entry: ["src/start.ts"],
   outDir: "dist",
-  format: ["esm", "cjs"],
+  format: ["esm"],
+  dts: false,
+  clean: true,
+  sourcemap: false,
 });

apps/space/package.json

@@ -61,7 +61,6 @@
     "@types/nprogress": "^0.2.0",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@types/uuid": "^9.0.1",
     "typescript": "catalog:"
   }
 }

apps/web/package.json

@@ -15,9 +15,9 @@
     "fix:format": "prettier --write \"**/*.{ts,tsx,md,json,css,scss}\""
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.1.3",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.3.0",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+    "@atlaskit/pragmatic-drag-and-drop": "catalog:",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "catalog:",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "catalog:",
     "@bprogress/next": "^3.2.12",
     "@headlessui/react": "^1.7.3",
     "@intercom/messenger-js-sdk": "^0.0.12",
@@ -77,7 +77,6 @@
     "@types/react": "catalog:",
     "@types/react-color": "^3.0.6",
     "@types/react-dom": "catalog:",
-    "@types/uuid": "^8.3.4",
     "prettier": "^3.2.5",
     "typescript": "catalog:"
   }

package.json

@@ -34,8 +34,16 @@
       "@types/express": "4.17.23",
       "typescript": "catalog:",
       "sharp": "catalog:",
-      "vite": "catalog:"
-    }
+      "vite": "7.0.7"
+    },
+    "onlyBuiltDependencies": [
+      "@swc/core",
+      "core-js",
+      "esbuild",
+      "sharp",
+      "turbo",
+      "unrs-resolver"
+    ]
   },
   "packageManager": "[email protected]",
   "engines": {

packages/constants/package.json

@@ -3,19 +3,6 @@
   "version": "1.0.0",
   "private": true,
   "license": "AGPL-3.0",
-  "files": [
-    "dist/**/*"
-  ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.js",
-      "import": "./dist/index.js"
-    }
-  },
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",
@@ -36,5 +23,15 @@
     "@types/react": "catalog:",
     "tsdown": "catalog:",
     "typescript": "catalog:"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   }
 }

packages/constants/tsdown.config.ts

@@ -4,4 +4,8 @@ export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
+  exports: true,
+  dts: true,
+  clean: true,
+  sourcemap: false,
 });

packages/decorators/package.json

@@ -4,12 +4,13 @@
   "description": "Controller and route decorators for Express.js applications",
   "license": "AGPL-3.0",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist/**"
-  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
@@ -29,5 +30,8 @@
     "reflect-metadata": "^0.2.2",
     "tsdown": "catalog:",
     "typescript": "catalog:"
-  }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts"
 }

packages/decorators/tsdown.config.ts

@@ -4,4 +4,8 @@ export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
+  exports: true,
+  dts: true,
+  clean: true,
+  sourcemap: false,
 });

packages/editor/package.json

@@ -4,22 +4,20 @@
   "description": "Core Editor that powers Plane",
   "license": "AGPL-3.0",
   "private": true,
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./lib": {
-      "require": "./dist/lib.js",
-      "types": "./dist/lib.d.mts",
-      "import": "./dist/lib.mjs"
+      "import": "./dist/lib.js",
+      "require": "./dist/lib.cjs"
     },
+    "./package.json": "./package.json",
     "./styles": "./dist/styles/index.css"
   },
   "scripts": {
@@ -86,7 +84,6 @@
     "@types/node": "18.15.3",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@types/uuid": "^8.3.4",
     "postcss": "^8.4.38",
     "tsdown": "catalog:",
     "typescript": "catalog:"

packages/editor/src/core/components/menus/floating-menu/use-floating-menu.ts

@@ -7,14 +7,22 @@ import {
   autoUpdate,
   useClick,
   useRole,
+  type UseInteractionsReturn,
+  type UseFloatingReturn,
 } from "@floating-ui/react";
 import { useState } from "react";
 
 type TArgs = {
   handleOpenChange?: (open: boolean) => void;
 };
 
-export const useFloatingMenu = (args: TArgs) => {
+type TReturn = {
+  options: UseFloatingReturn;
+  getReferenceProps: UseInteractionsReturn["getReferenceProps"];
+  getFloatingProps: UseInteractionsReturn["getFloatingProps"];
+};
+
+export const useFloatingMenu = (args: TArgs): TReturn => {
   const { handleOpenChange } = args;
   // states
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);

packages/editor/tsconfig.json

@@ -1,14 +1,14 @@
 {
+  "extends": "@plane/typescript-config/react-library.json",
   "compilerOptions": {
     "jsx": "react-jsx",
     "lib": ["ES2022", "DOM"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
     "noEmit": true,
     "strict": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "target": "ESNext",
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/core/*"],

packages/editor/tsdown.config.ts

@@ -4,9 +4,13 @@ export default defineConfig({
   entry: ["src/index.ts", "src/lib.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
-  dts: true,
-  clean: false,
-  sourcemap: true,
-  minify: true,
   copy: ["src/styles"],
+  exports: {
+    customExports: (out) => ({
+      ...out,
+      "./styles": "./dist/styles/index.css",
+    }),
+  },
+  dts: true,
+  clean: true,
 });

packages/hooks/package.json

@@ -4,12 +4,14 @@
   "license": "AGPL-3.0",
   "description": "React hooks that are shared across multiple apps internally",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist/**"
-  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
@@ -30,5 +32,8 @@
     "@types/react": "catalog:",
     "tsdown": "catalog:",
     "typescript": "catalog:"
-  }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts"
 }

packages/hooks/tsdown.config.ts

@@ -4,8 +4,8 @@ export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
-  external: ["react", "react-dom"],
+  exports: true,
   dts: true,
-  sourcemap: true,
   clean: true,
+  sourcemap: true,
 });

packages/i18n/package.json

@@ -4,9 +4,13 @@
   "license": "AGPL-3.0",
   "description": "I18n shared across multiple apps internally",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",
@@ -33,5 +37,8 @@
     "@types/react": "catalog:",
     "tsdown": "catalog:",
     "typescript": "catalog:"
-  }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts"
 }