CLI: Require main.js without cache in automigrations

code/lib/cli/src/automigrate/fixes/mdx-gfm.ts

@@ -61,10 +61,12 @@ export const mdxgfm: Fix<Options> = {
 
   async run({ packageManager, dryRun, mainConfigPath, skipInstall }) {
     if (!dryRun) {
+      const packageJson = packageManager.retrievePackageJson();
       const versionToInstall = getStorybookVersionSpecifier(packageManager.retrievePackageJson());
-      await packageManager.addDependencies({ installAsDevDependencies: true, skipInstall }, [
-        `@storybook/addon-mdx-gfm@${versionToInstall}`,
-      ]);
+      await packageManager.addDependencies(
+        { installAsDevDependencies: true, skipInstall, packageJson },
+        [`@storybook/addon-mdx-gfm@${versionToInstall}`]
+      );
 
       await updateMainConfig({ mainConfigPath, dryRun }, async (main) => {
         const addonsToAdd = ['@storybook/addon-mdx-gfm'];

code/lib/cli/src/automigrate/helpers/mainConfigFile.ts

@@ -30,7 +30,7 @@ export const getStorybookData = async ({
 
   let mainConfig: StorybookConfig;
   try {
-    mainConfig = await loadMainConfig({ configDir });
+    mainConfig = await loadMainConfig({ configDir, noCache: true });
   } catch (err) {
     throw new Error(
       dedent`Unable to find or evaluate ${chalk.blue(mainConfigPath)}: ${err.message}`

code/lib/core-common/src/utils/load-main-config.ts

@@ -5,10 +5,18 @@ import { validateConfigurationFiles } from './validate-configuration-files';
 
 export async function loadMainConfig({
   configDir = '.storybook',
+  noCache = false,
 }: {
   configDir: string;
+  noCache?: boolean;
 }): Promise<StorybookConfig> {
   await validateConfigurationFiles(configDir);
 
-  return serverRequire(path.resolve(configDir, 'main'));
+  const mainJsPath = path.resolve(configDir, 'main');
+
+  if (noCache && require.cache[require.resolve(mainJsPath)]) {
+    delete require.cache[require.resolve(mainJsPath)];
+  }
+
+  return serverRequire(mainJsPath);
 }