fix: filename contain extname like suffix

e2e/fixtures/auto-nav-sidebar/doc/api/config/_meta.json

@@ -6,5 +6,9 @@
     "type": "file",
     "name": "config-build",
     "overviewHeaders": [2, 3]
+  },
+  {
+    "type": "file",
+    "name": "config-extname.json"
   }
 ]

e2e/fixtures/auto-nav-sidebar/doc/api/config/config-extname.json.mdx

@@ -0,0 +1 @@
+# Extname Config

e2e/tests/auto-nav-sidebar.test.ts

@@ -55,6 +55,7 @@ test.describe('Auto nav and sidebar test', async () => {
         'Theme Config',
         'Front Matter Config',
         'Build Config',
+        'Extname Config',
         'Client API Overview',
         'Runtime API',
         'Components',
@@ -102,6 +103,7 @@ test.describe('Auto nav and sidebar test', async () => {
         'Theme Config',
         'Front Matter Config',
         'Build Config',
+        'Extname Config',
       ].join(','),
     );
 

packages/plugin-auto-nav-sidebar/src/utils.ts

@@ -8,8 +8,10 @@ export async function detectFilePath(rawPath: string) {
   const extensions = ['.mdx', '.md', '.tsx', '.jsx', '.ts', '.js'];
   // The params doesn't have extension name, so we need to try to find the file with the extension name.
   let realPath: string | undefined = rawPath;
-  const filename = path.basename(rawPath);
-  if (filename.indexOf('.') === -1) {
+  const fileExtname = path.extname(rawPath);
+
+  // pathname may contain .json, see issue: https://github.com/web-infra-dev/rspress/issues/951
+  if (!extensions.includes(fileExtname)) {
     const pathWithExtension = extensions.map(ext => `${rawPath}${ext}`);
     const pathExistInfo = await Promise.all(
       pathWithExtension.map(p => fs.pathExists(p)),
@@ -23,7 +25,11 @@ export async function detectFilePath(rawPath: string) {
 export async function extractTitleAndOverviewHeaders(
   filePath: string,
   rootDir: string,
-): Promise<{ title: string; overviewHeaders: string | undefined }> {
+): Promise<{
+  realPath: string | undefined;
+  title: string;
+  overviewHeaders: string | undefined;
+}> {
   const realPath = await detectFilePath(filePath);
   if (!realPath) {
     logger.warn(
@@ -33,6 +39,7 @@ export async function extractTitleAndOverviewHeaders(
       )}".`,
     );
     return {
+      realPath,
       title: '',
       overviewHeaders: undefined,
     };
@@ -43,6 +50,7 @@ export async function extractTitleAndOverviewHeaders(
   const match = content.match(h1RegExp);
   const { frontmatter } = loadFrontMatter(content, filePath, rootDir);
   return {
+    realPath,
     title: frontmatter.title || match?.[1] || fileNameWithoutExt,
     overviewHeaders: frontmatter.overviewHeaders,
   };

packages/plugin-auto-nav-sidebar/src/walk.ts

@@ -131,7 +131,7 @@ export async function scanSideMeta(
           rootDir,
         );
         const title = label || titleAndOverviewHeaders.title;
-        const realPath = await detectFilePath(path.resolve(workDir, name));
+        const realPath = titleAndOverviewHeaders.realPath;
         return {
           text: title,
           link: addRoutePrefix(pureLink),