Chore: Solving TypeScript packaging issues

Author: black7375

.changeset/tasty-ducks-turn.md

@@ -0,0 +1,15 @@
+---
+"@mincho-js/css-additional-types": patch
+"@mincho-js/transform-to-vanilla": patch
+"vite-config-custom": patch
+"@mincho-js/integration": patch
+"@mincho-js/debug-log": patch
+"@mincho-js/esbuild": patch
+"@mincho-js/babel": patch
+"@mincho-js/react": patch
+"@mincho-js/vite": patch
+"@mincho-js/css": patch
+---
+
+**package**
+- Achieve all [Are the types wrong](https://github.com/arethetypeswrong/arethetypeswrong.github.io) using [vite-plugin-dts-build's dual mode](https://github.com/black7375/vite-plugin-dts-build#dual-module-support).

.gitignore

@@ -42,6 +42,11 @@ build/Release
 node_modules/
 jspm_packages/
 
+# Package Redirect - Sync with package.json "workspaces"
+configs/*/**/package.json
+packages/*/**/package.json
+examples/*/**/package.json
+
 # Snowpack dependency directory (https://snowpack.dev/)
 web_modules/
 
@@ -90,6 +95,7 @@ out
 # Nuxt.js build / generate output
 .nuxt
 dist
+dist-ssr
 
 # Gatsby files
 .cache/

configs/vite-config-custom/index.js

@@ -1,17 +1,14 @@
 // @ts-check
 
-import { readdir, readFile, writeFile, unlink } from "node:fs/promises";
 import { resolve, join } from "node:path";
 import { cwd, env } from "node:process";
 
-import { PromisePool } from "@supercharge/promise-pool";
 import { initConfigBuilder, ViteEnv, PluginBuilder } from "vite-config-builder";
 import { mergeConfig } from "vite";
 
-import { ModuleKind, ModuleResolutionKind } from "typescript";
 import { externalizeDeps } from "vite-plugin-externalize-deps";
 import tsconfigPaths from "vite-tsconfig-paths";
-import { dts } from "vite-plugin-dts-build";
+import { dtsForEsm, dtsForCjs } from "vite-plugin-dts-build";
 
 // == Main Configs ============================================================
 export function NodeConfig(viteConfigEnv, extendConfigs = {}) {
@@ -33,48 +30,24 @@ function NodeBuilder(viteConfigEnv) {
   const packageRoot = cwd();
   const entryRoot = resolve(packageRoot, "src");
   const entryFile = resolve(entryRoot, "index.ts");
-  const cacheEsmDir = resolve(packageRoot, ".cache", "typescript", "esm");
-  const cacheCjsDir = resolve(packageRoot, ".cache", "typescript", "cjs");
-  const outEsmDir = resolve(packageRoot, "dist", "esm");
-  const outCjsDir = resolve(packageRoot, "dist", "cjs");
 
   const runtimeEnv = getRuntimeEnv();
   if (ViteEnv.isProd()) {
     if (runtimeEnv === "LOCAL" || runtimeEnv === "PUBLISH") {
       plugins.add(
         // This is currently a proprietary implementation. You might also like to see
         // https://github.com/qmhc/vite-plugin-dts/issues/267
-        dts({
+        dtsForEsm({
           include: ["src"],
-          cacheDir: cacheEsmDir,
-          outDir: outEsmDir,
           tsconfigPath: resolve(packageRoot, "tsconfig.lib.json")
         })
       );
     }
     if (runtimeEnv === "PUBLISH") {
       plugins.add(
-        dts({
+        dtsForCjs({
           include: ["src"],
-          cacheDir: cacheCjsDir,
-          outDir: outCjsDir,
           tsconfigPath: resolve(packageRoot, "tsconfig.lib.json"),
-          compilerOptions: {
-            module: ModuleKind.CommonJS,
-            moduleResolution: ModuleResolutionKind.Node10,
-            outDir: outCjsDir,
-            declarationDir: outCjsDir,
-            tsBuildInfoFile: resolve(
-              packageRoot,
-              ".cache",
-              "typescript",
-              "tsbuildinfo-cjs"
-            )
-          },
-          afterBuild: async () => {
-            // Rename the CommonJS declaration file to .d.cts
-            await renameDeclarationFiles(outCjsDir);
-          }
         })
       );
     }
@@ -171,69 +144,6 @@ function initCommonBuilder(viteConfigEnv) {
   };
 }
 
-async function renameDeclarationFiles(dir) {
-  try {
-    const allFiles = await collectDeclarationFiles(dir);
-
-    if (allFiles.length === 0) {
-      return;
-    }
-    console.log(`Processing ${allFiles.length} declaration files...`);
-
-    const { errors } = await PromisePool.for(allFiles)
-      .withConcurrency(10)
-      .process(processCtsFile);
-
-    if (errors.length > 0) {
-      console.error(`${errors.length} files failed to process`);
-    }
-  } catch (error) {
-    console.error(`Error processing: ${error.message}`);
-  }
-}
-
-async function collectDeclarationFiles(dir, fileList = []) {
-  try {
-    const fileOrDirs = await readdir(dir, { withFileTypes: true });
-    const subDirectories = [];
-
-    for (const fileOrDir of fileOrDirs) {
-      const fullPath = join(dir, fileOrDir.name);
-
-      if (fileOrDir.isDirectory()) {
-        subDirectories.push(fullPath);
-      } else if (fileOrDir.name.endsWith(".d.ts")) {
-        fileList.push(fullPath);
-      }
-    }
-
-    if (subDirectories.length > 0) {
-      await PromisePool.for(subDirectories)
-        .withConcurrency(8)
-        .process(async (subDir) => {
-          await collectDeclarationFiles(subDir, fileList);
-        });
-    }
-
-    return fileList;
-  } catch (error) {
-    console.error(`Error reading directory ${dir}: ${error.message}`);
-    return fileList;
-  }
-}
-
-async function processCtsFile(fullPath) {
-  // Change import paths from .js to .cjs
-  const content = await readFile(fullPath, "utf8");
-  const importRegex = /from ['"](.+)\.js['"];?$/gm;
-  const modifiedContent = content.replace(importRegex, "from '$1.cjs'");
-
-  // Change file extension from .d.ts to .d.cts
-  const newPath = fullPath.replace(".d.ts", ".d.cts");
-  await writeFile(newPath, modifiedContent, "utf8");
-  await unlink(fullPath);
-}
-
 function getRuntimeEnv() {
   if (env["PACKAGE_PUBLISH"] === "true") {
     return "PUBLISH";

configs/vite-config-custom/package.json

@@ -9,12 +9,11 @@
   "devDependencies": {
     "prettier-config-custom": "workspace:^",
     "vite-config-builder": "^0.0.2",
-    "vite-plugin-dts-build": "^0.1.3",
+    "vite-plugin-dts-build": "^0.2.2",
     "vite-plugin-externalize-deps": "^0.9.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "dependencies": {
-    "@supercharge/promise-pool": "^3.2.0",
     "typescript": "^5.8.3",
     "vite": "^6.3.5"
   }

package.json

@@ -12,6 +12,7 @@
     "task": "yarn turbo run --cache-dir .cache/turbo",
     "clean": "yarn g:clean && yarn task clean",
     "build": "yarn task build",
+    "build:full": "PACKAGE_PUBLISH=true yarn task build",
     "build:type": "yarn tsc --build",
     "lint": "yarn lint:action & yarn task lint",
     "lint:action": "yarn run -T eslint '.github/**/*.{js,yaml,yml}' --cache --cache-location .cache/eslint_action",

packages/babel/package.json

@@ -38,7 +38,8 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "**/package.json"
   ],
   "scripts": {
     "clean": "yarn g:clean",

packages/css-additional-types/package.json

@@ -43,7 +43,8 @@
   },
   "files": [
     "README.md",
-    "dist/"
+    "dist/",
+    "**/package.json"
   ],
   "scripts": {
     "clean": "yarn g:clean",

packages/css/package.json

@@ -68,7 +68,8 @@
   },
   "files": [
     "README.md",
-    "dist/"
+    "dist/",
+    "**/package.json"
   ],
   "scripts": {
     "clean": "yarn g:clean",

packages/debug-log/package.json

@@ -45,7 +45,8 @@
   "files": [
     "README.md",
     "importMeta.d.ts",
-    "dist/"
+    "dist/",
+    "**/package.json"
   ],
   "scripts": {
     "clean": "yarn g:clean",

packages/esbuild/package.json

@@ -38,7 +38,8 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "**/package.json"
   ],
   "scripts": {
     "clean": "yarn g:clean",