fix: code refactor

apps/live/tsdown.config.ts

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

apps/web/core/components/empty-state/detailed-empty-state-root.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { observer } from "mobx-react";
 import Image from "next/image";
 // ui
-import { Button } from "@plane/ui/src/button";
+import { Button } from "@plane/ui";
 // utils
 import { cn } from "@plane/utils";
 

apps/web/core/components/settings/header.tsx

@@ -6,7 +6,7 @@ import { useTheme } from "next-themes";
 import { ChevronLeftIcon } from "lucide-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
-import { getButtonStyling } from "@plane/ui/src/button";
+import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 // hooks
 import { useWorkspace } from "@/hooks/store/use-workspace";

apps/web/core/lib/wrappers/store-wrapper.tsx

@@ -2,8 +2,9 @@ import { ReactNode, useEffect, FC } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { useTheme } from "next-themes";
-import { useTranslation, TLanguage } from "@plane/i18n";
-// helpers
+// plane imports
+import { useTranslation } from "@plane/i18n";
+import { TLanguage } from "@plane/types";
 import { applyTheme, unsetCustomCssVariables } from "@plane/utils";
 // hooks
 import { useAppTheme } from "@/hooks/store/use-app-theme";

packages/constants/package.json

@@ -3,17 +3,11 @@
   "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",
+      "types": "./dist/index.d.mts",
       "require": "./dist/index.js",
-      "import": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "scripts": {

packages/constants/tsdown.config.ts

@@ -3,5 +3,8 @@ import { defineConfig } from "tsdown";
 export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
-  format: ["esm", "cjs"],
+  format: ["esm"],
+  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": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/decorators/tsdown.config.ts

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

packages/editor/package.json

@@ -4,20 +4,15 @@
   "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",
   "exports": {
     ".": {
       "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
       "import": "./dist/index.mjs"
     },
     "./lib": {
-      "require": "./dist/lib.js",
       "types": "./dist/lib.d.mts",
+      "require": "./dist/lib.js",
       "import": "./dist/lib.mjs"
     },
     "./styles": "./dist/styles/index.css"

packages/editor/tsconfig.json

@@ -3,12 +3,11 @@
     "jsx": "react-jsx",
     "lib": ["ES2022", "DOM"],
     "module": "ESNext",
+    "target": "ESNext",
     "moduleResolution": "bundler",
     "noEmit": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "target": "ESNext",
-
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/core/*"],

packages/hooks/package.json

@@ -4,12 +4,13 @@
   "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/**"
-  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/hooks/tsdown.config.ts

@@ -6,6 +6,6 @@ export default defineConfig({
   format: ["esm", "cjs"],
   external: ["react", "react-dom"],
   dts: true,
-  sourcemap: true,
   clean: true,
+  sourcemap: false,
 });

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": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",
@@ -18,6 +22,7 @@
     "clean": "rm -rf .turbo && rm -rf .next && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
+    "@plane/types": "workspace:*",
     "@plane/utils": "workspace:*",
     "intl-messageformat": "^10.7.11",
     "mobx": "catalog:",

packages/i18n/src/constants/language.ts

@@ -1,4 +1,4 @@
-import { TLanguage, ILanguageOption } from "../types";
+import { TLanguage, ILanguageOption } from "@plane/types";
 
 export const FALLBACK_LANGUAGE: TLanguage = "en";
 

packages/i18n/src/hooks/use-translation.ts

@@ -1,8 +1,8 @@
 import { useContext } from "react";
+// types
+import { ILanguageOption, TLanguage } from "@plane/types";
 // context
 import { TranslationContext } from "../context";
-// types
-import { ILanguageOption, TLanguage } from "../types";
 
 export type TTranslationStore = {
   t: (key: string, params?: Record<string, unknown>) => string;

packages/i18n/src/index.ts

@@ -1,6 +1,5 @@
 export * from "./constants";
 export * from "./context";
 export * from "./hooks";
-export * from "./types";
 export * from "./store";
 export * from "./locales";

packages/i18n/src/store/index.ts

@@ -2,12 +2,12 @@ import IntlMessageFormat from "intl-messageformat";
 import get from "lodash/get";
 import merge from "lodash/merge";
 import { makeAutoObservable, runInAction } from "mobx";
+// types
+import { TLanguage, ILanguageOption, ITranslations } from "@plane/types";
 // constants
 import { FALLBACK_LANGUAGE, SUPPORTED_LANGUAGES, LANGUAGE_STORAGE_KEY, ETranslationFiles } from "../constants";
 // core translations imports
 import { enCore, locales } from "../locales";
-// types
-import { TLanguage, ILanguageOption, ITranslations } from "../types";
 
 /**
  * Mobx store class for handling translations and language changes in the application

packages/i18n/src/types/index.ts

@@ -1,2 +0,0 @@
-export * from "./language";
-export * from "./translation";

packages/i18n/src/types/translation.ts

@@ -1,7 +0,0 @@
-export interface ITranslation {
-  [key: string]: string | ITranslation;
-}
-
-export interface ITranslations {
-  [locale: string]: ITranslation;
-}

packages/i18n/tsdown.config.ts

@@ -4,7 +4,7 @@ export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
-  dts: true,
-  external: ["react", "lodash", "mobx", "mobx-react", "intl-messageformat"],
-  sourcemap: true,
+  dts: false,
+  clean: true,
+  sourcemap: false,
 });

packages/logger/package.json

@@ -4,19 +4,13 @@
   "license": "AGPL-3.0",
   "description": "Logger shared across multiple apps internally",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     }
   },
-  "files": [
-    "dist/**"
-  ],
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/logger/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "extends": "@plane/typescript-config/base.json",
   "compilerOptions": {
-    "module": "ESNext",
-    "target": "ESNext",
-    "moduleResolution": "node",
     "esModuleInterop": true,
     "outDir": "./dist",
     "rootDir": "./src",

packages/logger/tsdown.config.ts

@@ -5,6 +5,6 @@ export default defineConfig({
   outDir: "dist",
   format: ["esm", "cjs"],
   dts: true,
-  sourcemap: true,
   clean: true,
+  sourcemap: false,
 });

packages/propel/package.json

@@ -16,36 +16,148 @@
     "build-storybook": "storybook build"
   },
   "exports": {
-    "./accordion": "./dist/accordion/index.js",
-    "./animated-counter": "./dist/animated-counter/index.js",
-    "./avatar": "./dist/avatar/index.js",
-    "./button": "./dist/button/index.js",
-    "./calendar": "./dist/calendar/index.js",
-    "./card": "./dist/card/index.js",
-    "./charts/*": "./dist/charts/*/index.js",
-    "./collapsible": "./dist/collapsible/index.js",
-    "./combobox": "./dist/combobox/index.js",
-    "./command": "./dist/command/index.js",
-    "./context-menu": "./dist/context-menu/index.js",
-    "./dialog": "./dist/dialog/index.js",
-    "./emoji-icon-picker": "./dist/emoji-icon-picker/index.js",
-    "./emoji-reaction": "./dist/emoji-reaction/index.js",
-    "./emoji-reaction-picker": "./dist/emoji-reaction-picker/index.js",
-    "./icons": "./dist/icons/index.js",
-    "./menu": "./dist/menu/index.js",
-    "./pill": "./dist/pill/index.js",
-    "./popover": "./dist/popover/index.js",
-    "./scrollarea": "./dist/scrollarea/index.js",
-    "./skeleton": "./dist/skeleton/index.js",
+    "./accordion": {
+      "types": "./dist/accordion/index.d.mts",
+      "import": "./dist/accordion/index.mjs",
+      "require": "./dist/accordion/index.js"
+    },
+    "./animated-counter": {
+      "types": "./dist/animated-counter/index.d.mts",
+      "import": "./dist/animated-counter/index.mjs",
+      "require": "./dist/animated-counter/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/index.d.mts",
+      "import": "./dist/avatar/index.mjs",
+      "require": "./dist/avatar/index.js"
+    },
+    "./button": {
+      "types": "./dist/button/index.d.mts",
+      "import": "./dist/button/index.mjs",
+      "require": "./dist/button/index.js"
+    },
+    "./calendar": {
+      "types": "./dist/calendar/index.d.mts",
+      "import": "./dist/calendar/index.mjs",
+      "require": "./dist/calendar/index.js"
+    },
+    "./card": {
+      "types": "./dist/card/index.d.mts",
+      "import": "./dist/card/index.mjs",
+      "require": "./dist/card/index.js"
+    },
+    "./charts/*": {
+      "types": "./dist/charts/*/index.d.mts",
+      "import": "./dist/charts/*/index.mjs",
+      "require": "./dist/charts/*/index.js"
+    },
+    "./collapsible": {
+      "types": "./dist/collapsible/index.d.mts",
+      "import": "./dist/collapsible/index.mjs",
+      "require": "./dist/collapsible/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox/index.d.mts",
+      "import": "./dist/combobox/index.mjs",
+      "require": "./dist/combobox/index.js"
+    },
+    "./command": {
+      "types": "./dist/command/index.d.mts",
+      "import": "./dist/command/index.mjs",
+      "require": "./dist/command/index.js"
+    },
+    "./context-menu": {
+      "types": "./dist/context-menu/index.d.mts",
+      "import": "./dist/context-menu/index.mjs",
+      "require": "./dist/context-menu/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.mts",
+      "import": "./dist/dialog/index.mjs",
+      "require": "./dist/dialog/index.js"
+    },
+    "./emoji-icon-picker": {
+      "types": "./dist/emoji-icon-picker/index.d.mts",
+      "import": "./dist/emoji-icon-picker/index.mjs",
+      "require": "./dist/emoji-icon-picker/index.js"
+    },
+    "./emoji-reaction": {
+      "types": "./dist/emoji-reaction/index.d.mts",
+      "import": "./dist/emoji-reaction/index.mjs",
+      "require": "./dist/emoji-reaction/index.js"
+    },
+    "./emoji-reaction-picker": {
+      "types": "./dist/emoji-reaction-picker/index.d.mts",
+      "import": "./dist/emoji-reaction-picker/index.mjs",
+      "require": "./dist/emoji-reaction-picker/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.mts",
+      "import": "./dist/icons/index.mjs",
+      "require": "./dist/icons/index.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/index.d.mts",
+      "import": "./dist/menu/index.mjs",
+      "require": "./dist/menu/index.js"
+    },
+    "./pill": {
+      "types": "./dist/pill/index.d.mts",
+      "import": "./dist/pill/index.mjs",
+      "require": "./dist/pill/index.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/index.d.mts",
+      "import": "./dist/popover/index.mjs",
+      "require": "./dist/popover/index.js"
+    },
+    "./scrollarea": {
+      "types": "./dist/scrollarea/index.d.mts",
+      "import": "./dist/scrollarea/index.mjs",
+      "require": "./dist/scrollarea/index.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton/index.d.mts",
+      "import": "./dist/skeleton/index.mjs",
+      "require": "./dist/skeleton/index.js"
+    },
     "./styles/fonts": "./dist/styles/fonts/index.css",
     "./styles/react-day-picker": "./dist/styles/react-day-picker.css",
-    "./switch": "./dist/switch/index.js",
-    "./table": "./dist/table/index.js",
-    "./tabs": "./dist/tabs/index.js",
-    "./toast": "./dist/toast/index.js",
-    "./toolbar": "./dist/toolbar/index.js",
-    "./tooltip": "./dist/tooltip/index.js",
-    "./utils": "./dist/utils/index.js"
+    "./switch": {
+      "types": "./dist/switch/index.d.mts",
+      "import": "./dist/switch/index.mjs",
+      "require": "./dist/switch/index.js"
+    },
+    "./table": {
+      "types": "./dist/table/index.d.mts",
+      "import": "./dist/table/index.mjs",
+      "require": "./dist/table/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.mts",
+      "import": "./dist/tabs/index.mjs",
+      "require": "./dist/tabs/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.mts",
+      "import": "./dist/toast/index.mjs",
+      "require": "./dist/toast/index.js"
+    },
+    "./toolbar": {
+      "types": "./dist/toolbar/index.d.mts",
+      "import": "./dist/toolbar/index.mjs",
+      "require": "./dist/toolbar/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.mts",
+      "import": "./dist/tooltip/index.mjs",
+      "require": "./dist/tooltip/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.mts",
+      "import": "./dist/utils/index.mjs",
+      "require": "./dist/utils/index.js"
+    }
   },
   "dependencies": {
     "@base-ui-components/react": "^1.0.0-beta.2",

packages/propel/tsdown.config.ts

@@ -34,5 +34,7 @@ export default defineConfig({
   outDir: "dist",
   format: ["esm", "cjs"],
   dts: true,
+  clean: true,
+  sourcemap: false,
   copy: ["src/styles"],
 });

packages/services/package.json

@@ -3,12 +3,13 @@
   "version": "1.0.0",
   "license": "AGPL-3.0",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist/**"
-  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/services/tsdown.config.ts

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

packages/types/package.json

@@ -3,17 +3,11 @@
   "version": "1.0.0",
   "license": "AGPL-3.0",
   "private": true,
-  "files": [
-    "dist"
-  ],
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/index.d.mts",
       "require": "./dist/index.js",
-      "import": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "scripts": {

packages/types/src/index.ts

@@ -37,6 +37,7 @@ export * from "./search";
 export * from "./state";
 export * from "./stickies";
 export * from "./timezone";
+export * from "./translations";
 export * from "./users";
 export * from "./utils";
 export * from "./view-props";

packages/types/src/translations.ts

@@ -23,3 +23,11 @@ export interface ILanguageOption {
   label: string;
   value: TLanguage;
 }
+
+export interface ITranslation {
+  [key: string]: string | ITranslation;
+}
+
+export interface ITranslations {
+  [locale: string]: ITranslation;
+}

packages/types/tsdown.config.ts

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

packages/ui/package.json

@@ -5,12 +5,13 @@
   "version": "1.0.0",
   "sideEffects": false,
   "license": "AGPL-3.0",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/ui/tsdown.config.ts

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

packages/utils/package.json

@@ -4,12 +4,13 @@
   "description": "Helper functions shared across multiple apps internally",
   "license": "AGPL-3.0",
   "private": true,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

packages/utils/tsdown.config.ts

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

pnpm-lock.yaml

@@ -917,6 +917,9 @@ importers:
 
   packages/i18n:
     dependencies:
+      '@plane/types':
+        specifier: workspace:*
+        version: link:../types
       '@plane/utils':
         specifier: workspace:*
         version: link:../utils