make use of RESOLVE_EXTENSIONS as requested

Author: ndelangen

code/frameworks/react-vite/src/plugins/docgen-resolver.ts

@@ -17,7 +17,7 @@ export class ReactDocgenResolveError extends Error {
 
 // These extensions are sorted by priority
 // resolve() will check for files in the order these extensions are sorted
-const RESOLVE_EXTENSIONS = ['.js', '.ts', '.tsx', '.mjs', '.cjs', '.mts', '.cts', '.jsx'];
+export const RESOLVE_EXTENSIONS = ['.js', '.ts', '.tsx', '.mjs', '.cjs', '.mts', '.cts', '.jsx'];
 
 export function defaultLookupModule(filename: string, basedir: string): string {
   const resolveOptions = {

code/frameworks/react-vite/src/plugins/react-docgen.ts

@@ -11,7 +11,11 @@ import {
 import MagicString from 'magic-string';
 import type { PluginOption } from 'vite';
 import actualNameHandler from './docgen-handlers/actualNameHandler';
-import { ReactDocgenResolveError, defaultLookupModule } from './docgen-resolver';
+import {
+  RESOLVE_EXTENSIONS,
+  ReactDocgenResolveError,
+  defaultLookupModule,
+} from './docgen-resolver';
 
 type DocObj = Documentation & { actualName: string };
 
@@ -47,11 +51,11 @@ export function reactDocgen({
           importer: makeFsImporter((filename, basedir) => {
             const result = defaultLookupModule(filename, basedir);
 
-            if (!result.match(/\.(mjs|tsx?|jsx?)$/)) {
-              throw new ReactDocgenResolveError(filename);
+            if (RESOLVE_EXTENSIONS.find((ext) => result.endsWith(ext)) === undefined) {
+              return result;
             }
 
-            return result;
+            throw new ReactDocgenResolveError(filename);
           }),
           filename: id,
         }) as DocObj[];

code/presets/react-webpack/src/loaders/react-docgen-loader.ts

@@ -12,6 +12,7 @@ import type { Handler, NodePath, babelTypes as t, Documentation } from 'react-do
 import { logger } from '@storybook/node-logger';
 
 import {
+  RESOLVE_EXTENSIONS,
   ReactDocgenResolveError,
   defaultLookupModule,
 } from '../../../../frameworks/react-vite/src/plugins/docgen-resolver';
@@ -78,11 +79,11 @@ export default async function reactDocgenLoader(
       importer: makeFsImporter((filename, basedir) => {
         const result = defaultLookupModule(filename, basedir);
 
-        if (!result.match(/\.(mjs|tsx?|jsx?)$/)) {
-          throw new ReactDocgenResolveError(filename);
+        if (RESOLVE_EXTENSIONS.find((ext) => result.endsWith(ext)) === undefined) {
+          return result;
         }
 
-        return result;
+        throw new ReactDocgenResolveError(filename);
       }),
       babelOptions: {
         babelrc: false,