fix: should generate unique aside link id when using different syntax (…

…#1605)

.changeset/cold-bulldogs-kiss.md

@@ -0,0 +1,5 @@
+---
+'@rspress/core': patch
+---
+
+release

e2e/fixtures/toc-id/doc/index.mdx

@@ -0,0 +1,15 @@
+# Guide
+
+## title 1 {#custom-id}
+
+## title 2
+
+## title 2
+
+## `title` 2
+
+## Title 2
+
+## **title** 2
+
+## *title* 2

e2e/fixtures/custom-id/package.json → e2e/fixtures/toc-id/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@rspress-fixture/rspress-custom-id",
+  "name": "@rspress-fixture/rspress-toc-id",
   "version": "1.0.0",
   "private": true,
   "scripts": {

e2e/tests/toc-id.test.ts

@@ -0,0 +1,56 @@
+import { expect, test } from '@playwright/test';
+import path from 'node:path';
+import { getPort, killProcess, runDevCommand } from '../utils/runCommands';
+
+const fixtureDir = path.resolve(__dirname, '../fixtures');
+
+test.describe('custom-id test', async () => {
+  let appPort;
+  let app;
+  test.beforeAll(async () => {
+    const appDir = path.join(fixtureDir, 'toc-id');
+    appPort = await getPort();
+    app = await runDevCommand(appDir, appPort);
+  });
+
+  test.afterAll(async () => {
+    if (app) {
+      await killProcess(app);
+    }
+  });
+
+  test('should generate correct toc id and header anchor', async ({ page }) => {
+    await page.goto(`http://localhost:${appPort}/`, {
+      waitUntil: 'networkidle',
+    });
+
+    const anchors = await page.$$('.header-anchor');
+    const anchorsHref = await Promise.all(
+      anchors.map(anchor => anchor.getAttribute('href')),
+    );
+    expect(anchorsHref).toEqual([
+      '#guide',
+      '#custom-id',
+      '#title-2',
+      '#title-2-1',
+      '#title-2-2',
+      '#title-2-3',
+      '#title-2-4',
+      '#title-2-5',
+    ]);
+
+    const asides = await page.$$('.aside-link');
+    const asidesHref = await Promise.all(
+      asides.map(aside => aside.getAttribute('href')),
+    );
+    expect(asidesHref).toEqual([
+      '#custom-id',
+      '#title-2',
+      '#title-2-1',
+      '#title-2-2',
+      '#title-2-3',
+      '#title-2-4',
+      '#title-2-5',
+    ]);
+  });
+});

packages/core/package.json

@@ -46,7 +46,7 @@
     "@rsbuild/plugin-less": "~1.1.0",
     "@rsbuild/plugin-react": "~1.0.7",
     "@rsbuild/plugin-sass": "~1.1.1",
-    "@rspress/mdx-rs": "0.6.3",
+    "@rspress/mdx-rs": "0.6.4",
     "@rspress/plugin-auto-nav-sidebar": "workspace:*",
     "@rspress/plugin-container-syntax": "workspace:*",
     "@rspress/plugin-last-updated": "workspace:*",