Chore: Internal resolution error at node16 packages

Author: black7375

.changeset/bitter-hornets-beg.md

@@ -0,0 +1,21 @@
+---
+"prettier-config-custom": minor
+"@mincho-js/css-additional-types": minor
+"@mincho-js/transform-to-vanilla": minor
+"eslint-config-custom": minor
+"vite-config-custom": minor
+"tsconfig-custom": minor
+"react-babel": minor
+"@mincho-js/integration": minor
+"react-swc": minor
+"@mincho-js/debug-log": minor
+"@mincho-js/esbuild": minor
+"@mincho-js/babel": minor
+"@mincho-js/react": minor
+"@mincho-js/vite": minor
+"@mincho-js/css": minor
+---
+
+**Big Changes**
+- co-location: [@sangkukbae](https://github.com/sangkukbae)'s work, It's still experimental.
+- packages: `node16` supports

configs/tsconfig-custom/tsconfig.base.json

@@ -23,12 +23,12 @@
     // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
     // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
     "useDefineForClassFields": true,                     /* Emit ECMAScript-standard-compliant class fields. */
-    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+    "moduleDetection": "force",                          /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "ESNext",                                  /* Specify what module code is generated. */
+    "module": "NodeNext",                                /* Specify what module code is generated. */
     // "rootDir": ".",                                   /* Specify the root folder within your source files. */
-    "moduleResolution": "bundler",                       /* Specify how TypeScript looks up a file from a given module specifier. */
+    "moduleResolution": "nodenext",                      /* Specify how TypeScript looks up a file from a given module specifier. */
     "baseUrl": ".",                                      /* Specify the base directory to resolve non-relative module names. */
     "paths": {                                           /* Specify a set of entries that re-map imports to additional lookup locations. */
       "@/*": ["src/*"]
@@ -42,7 +42,14 @@
     ],
     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
     // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    "rewriteRelativeImportExtensions": true,          /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    // "noUncheckedSideEffectImports": true,             /* Check side effect imports. */
     "resolveJsonModule": true,                           /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
     // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
 
     /* JavaScript Support */
@@ -77,6 +84,9 @@
 
     /* Interop Constraints */
     "isolatedModules": true,                             /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
+    // "erasableSyntaxOnly": true,                       /* Do not allow runtime constructs that are not part of ECMAScript. */
     "allowSyntheticDefaultImports": true,                /* Allow 'import x from y' when a module doesn't have a default export. */
     // "esModuleInterop": true,                          /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
     // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
@@ -89,6 +99,7 @@
     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
     // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
     // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "strictBuiltinIteratorReturn": true,              /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */
     // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
     // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
     // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
@@ -105,6 +116,6 @@
 
     /* Completeness */
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true
+    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   }
 }

configs/vite-config-custom/index.js

@@ -1,9 +1,10 @@
 // @ts-check
 
-import { readdirSync, renameSync } from "node:fs";
+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";
 
@@ -63,16 +64,9 @@ function NodeBuilder(viteConfigEnv) {
               "tsbuildinfo-cjs"
             )
           },
-          afterBuild: () => {
+          afterBuild: async () => {
             // Rename the CommonJS declaration file to .d.cts
-            readdirSync(outCjsDir).forEach((file) => {
-              if (file.endsWith(".d.ts")) {
-                renameSync(
-                  join(outCjsDir, file),
-                  join(outCjsDir, file.replace(".d.ts", ".d.cts"))
-                );
-              }
-            });
+            await renameDeclarationFiles(outCjsDir);
           }
         })
       );
@@ -170,6 +164,69 @@ 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 isGithubCI() {
   if (env["PACKAGE_PUBLISH"] === "true") {
     return false;

configs/vite-config-custom/package.json

@@ -15,5 +15,8 @@
   },
   "peerDependencies": {
     "vite": "*"
+  },
+  "dependencies": {
+    "@supercharge/promise-pool": "^3.2.0"
   }
 }

packages/babel/src/index.ts

@@ -1,9 +1,9 @@
-import { transformCallExpression } from "@/transforms/callExpression";
-import postprocess from "@/transforms/postprocess";
-import preprocess from "@/transforms/preprocess";
-import { PluginOptions, PluginState } from "@/types";
 import { PluginObj, transformSync } from "@babel/core";
-import { styledComponentPlugin } from "./styled";
+import { transformCallExpression } from "@/transforms/callExpression.js";
+import postprocess from "@/transforms/postprocess.js";
+import preprocess from "@/transforms/preprocess.js";
+import { PluginOptions, PluginState } from "@/types.js";
+import { styledComponentPlugin } from "@/styled.js";
 
 export function minchoBabelPlugin(): PluginObj<PluginState> {
   return {
@@ -18,8 +18,8 @@ export function minchoBabelPlugin(): PluginObj<PluginState> {
   };
 }
 
-export { styledComponentPlugin as minchoStyledComponentPlugin } from "@/styled";
-export type { PluginOptions } from "@/types";
+export { styledComponentPlugin as minchoStyledComponentPlugin } from "@/styled.js";
+export type { PluginOptions } from "@/types.js";
 
 // == Tests ====================================================================
 // Ignore errors when compiling to CommonJS.

packages/babel/src/styled.ts

@@ -1,6 +1,6 @@
 import { types as t, PluginObj } from "@babel/core";
-import type { PluginState, ProgramScope } from "@/types";
-import { registerImportMethod } from "@/utils";
+import type { PluginState, ProgramScope } from "@/types.js";
+import { registerImportMethod } from "@/utils.js";
 
 /**
  * The plugin for transforming styled components

packages/babel/src/transforms/callExpression.ts

@@ -1,9 +1,9 @@
-import type { ProgramScope } from "@/types";
+import type { ProgramScope } from "@/types.js";
 import {
   extractionAPIs,
   getNearestIdentifier,
   registerImportMethod
-} from "@/utils";
+} from "@/utils.js";
 import { NodePath, types as t } from "@babel/core";
 
 /**

packages/babel/src/transforms/postprocess.ts

@@ -1,5 +1,5 @@
 import { NodePath, types as t, transformFromAstSync } from "@babel/core";
-import type { PluginState, ProgramScope } from "@/types";
+import type { PluginState, ProgramScope } from "@/types.js";
 
 export default function postprocess(
   path: NodePath<t.Node>,

packages/babel/src/transforms/preprocess.ts

@@ -1,4 +1,4 @@
-import type { ProgramScope } from "@/types";
+import type { ProgramScope } from "@/types.js";
 import { NodePath, types as t } from "@babel/core";
 import hash from "@emotion/hash";
 

packages/babel/src/utils.ts

@@ -1,6 +1,6 @@
 import { NodePath, types as t } from "@babel/core";
 import { addNamed } from "@babel/helper-module-imports";
-import type { ProgramScope } from "./types";
+import type { ProgramScope } from "./types.js";
 
 export function invariant(cond: boolean, msg: string): asserts cond {
   if (!cond) {