build: Reuse .d.t files for both esm and cjs dist files (#150)

For reduce package size

Author: krutoo

package.json

@@ -108,35 +108,43 @@
   "exports": {
     ".": {
       "import": "./dist/esm/mod.js",
-      "require": "./dist/cjs/mod.js"
+      "require": "./dist/cjs/mod.js",
+      "types": "./dist/types/mod.d.ts"
     },
     "./dom": {
       "import": "./dist/esm/dom/mod.js",
-      "require": "./dist/cjs/dom/mod.js"
+      "require": "./dist/cjs/dom/mod.js",
+      "types": "./dist/types/dom/mod.d.ts"
     },
     "./math": {
       "import": "./dist/esm/math/mod.js",
-      "require": "./dist/cjs/math/mod.js"
+      "require": "./dist/cjs/math/mod.js",
+      "types": "./dist/types/math/mod.d.ts"
     },
     "./misc": {
       "import": "./dist/esm/misc/mod.js",
-      "require": "./dist/cjs/misc/mod.js"
+      "require": "./dist/cjs/misc/mod.js",
+      "types": "./dist/types/misc/mod.d.ts"
     },
     "./react": {
       "import": "./dist/esm/react/mod.js",
-      "require": "./dist/cjs/react/mod.js"
+      "require": "./dist/cjs/react/mod.js",
+      "types": "./dist/types/react/mod.d.ts"
     },
     "./rspack": {
       "import": "./dist/esm/rspack/mod.js",
-      "require": "./dist/cjs/rspack/mod.js"
+      "require": "./dist/cjs/rspack/mod.js",
+      "types": "./dist/types/rspack/mod.d.ts"
     },
     "./testing": {
       "import": "./dist/esm/testing/mod.js",
-      "require": "./dist/cjs/testing/mod.js"
+      "require": "./dist/cjs/testing/mod.js",
+      "types": "./dist/types/testing/mod.d.ts"
     },
     "./types": {
       "import": "./dist/esm/types/mod.js",
-      "require": "./dist/cjs/types/mod.js"
+      "require": "./dist/cjs/types/mod.js",
+      "types": "./dist/types/types/mod.d.ts"
     },
     "./typings/css-modules": {
       "types": "./public/typings/css-modules.d.ts"

scripts/build.ts

@@ -16,6 +16,9 @@ await execAsync('npx tsc -p tsconfig.build-esm.json');
 // build cjs files
 await execAsync('npx tsc -p tsconfig.build-cjs.json');
 
+// build d.ts files
+await execAsync('npx tsc -p tsconfig.build-types.json');
+
 // format (for reduce package size by replacing indent from 4 to 2)
 await execAsync('npx prettier "dist/**/*.js" --write --ignore-path=./.nonexistent');
 

scripts/sync-exports.ts

@@ -53,12 +53,16 @@ function exportsEntryFromEntrypoint(pathname: string): ExportsEntry {
   const basename = path.basename(pathname, path.extname(pathname));
   const srcRelativePath = path.relative('./src', pathname);
   const distRelativePath = path.join(path.dirname(srcRelativePath), `${basename}.js`);
+  const distRelativePathDts = path.join(path.dirname(srcRelativePath), `${basename}.d.ts`);
 
   return [
     formatPathname(path.dirname(srcRelativePath)),
     {
       import: formatPathname(path.join('dist/esm', distRelativePath)),
       require: formatPathname(path.join('dist/cjs', distRelativePath)),
+
+      // According to https://mayank.co/blog/dual-packages
+      types: formatPathname(path.join('dist/types', distRelativePathDts)),
     },
   ];
 }

tsconfig.build-cjs.json

@@ -1,8 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "rootDir": "./src",
+    "baseUrl": "./src",
     "noEmit": false,
-    "declaration": true,
+    "declaration": false,
+    "isolatedDeclarations": false,
     "sourceMap": true,
     "outDir": "dist/cjs",
     "module": "CommonJS",

tsconfig.build-esm.json

@@ -1,8 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "rootDir": "./src",
+    "baseUrl": "./src",
     "noEmit": false,
-    "declaration": true,
+    "declaration": false,
+    "isolatedDeclarations": false,
     "sourceMap": true,
     "outDir": "dist/esm"
   },

tsconfig.build-types.json

@@ -0,0 +1,26 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "baseUrl": "./src",
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "sourceMap": false,
+    "outDir": "dist/types"
+  },
+  "include": ["src"],
+  "exclude": [
+    "node_modules",
+    "tests-pkg",
+    "tests-e2e",
+    "docs",
+    "dist",
+    "./src/**/*.test.ts",
+    "./src/**/*.test.tsx"
+  ],
+  "tsc-alias": {
+    "resolveFullPaths": true,
+    "verbose": false
+  }
+}

tsconfig.json

@@ -1,5 +1,7 @@
 {
   "compilerOptions": {
+    "rootDir": "./",
+    "baseUrl": "./",
     "noEmit": true,
     "target": "ESNext",
     "module": "NodeNext",