remove require from experimental loader

Author: Daniel Del Core

packages/cli/src/main.ts

@@ -17,20 +17,21 @@ import { fetchConfigsForWorkspaces, getPackageJson } from './utils/file-system';
 import { getConfigPrompt, getMultiConfigPrompt } from './prompt';
 
 const ExperimentalModuleLoader = () => {
-  const getInfo = (packageName: string) => {
-    const entryPath = require.resolve(packageName);
-    const location = entryPath.split(packageName)[0] + packageName;
+  const getInfo = async (packageName: string) => {
+    // @ts-expect-error Experimental loader
+    const entryPath = import.meta.resolve(packageName);
+    // @ts-expect-error Experimental loader
+    const location = (entryPath.split(packageName)[0] + packageName).replace(
+      'file://',
+      '',
+    );
     const pkgJsonRaw = fs.readFileSync(
-      path.join(location, 'package.json'),
+      path.join(location.replace('file://', ''), 'package.json'),
       'utf8',
     );
     const pkgJson = JSON.parse(pkgJsonRaw);
 
-    return {
-      location,
-      entryPath,
-      pkgJson,
-    };
+    return { location, entryPath, pkgJson };
   };
 
   const install = async (packageName: string) => {
@@ -40,7 +41,7 @@ const ExperimentalModuleLoader = () => {
       additionalArgs: ['--force'],
     });
 
-    const { pkgJson } = getInfo(packageName);
+    const { pkgJson } = await getInfo(packageName);
 
     // Install whitelisted devDependencies
     if (pkgJson?.hypermod?.dependencies) {
@@ -61,7 +62,7 @@ const ExperimentalModuleLoader = () => {
   return {
     install,
     getInfo,
-    require: (packageName: string) => require(packageName),
+    require: async (packageName: string) => import(packageName),
   };
 };
 

packages/fetcher/src/index.ts

@@ -85,8 +85,8 @@ export async function fetchPackage(
   packageManager: PluginManager,
 ): Promise<ConfigMeta> {
   await packageManager.install(packageName);
-  const pkg = packageManager.require(packageName);
-  const info = packageManager.getInfo(packageName);
+  const pkg = await packageManager.require(packageName);
+  const info = await packageManager.getInfo(packageName);
 
   if (!info) {
     throw new Error(`Unable to find package info for: ${packageName}`);
@@ -117,7 +117,7 @@ export async function fetchRemotePackage(
 
   // Search main entrypoint for transform/presets from the default import
   try {
-    const pkg = packageManager.require(packageName);
+    const pkg = await packageManager.require(packageName);
     const configExport = resolveConfigExport(pkg);
 
     if (configExport.transforms || configExport.presets) {