fix(preview): keep code element src prop if it is not a relative path (…

…web-infra-dev#705)
ambar · Mar 5, 2024 · 070e96b · 070e96b
1 parent dc9d657
commit 070e96b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/.changeset/stale-pots-breathe.md b/.changeset/stale-pots-breathe.md
@@ -0,0 +1,5 @@
+---
+'@rspress/plugin-preview': patch
+---
+
+fix: keep code element src prop if it is not a relative path
diff --git a/packages/plugin-preview/src/remarkPlugin.ts b/packages/plugin-preview/src/remarkPlugin.ts
@@ -1,4 +1,4 @@
-import { join, isAbsolute, dirname } from 'path';
+import { join, resolve, dirname } from 'path';
 import { visit } from 'unist-util-visit';
 import { normalizePosixPath } from '@rspress/shared';
 import fs from '@rspress/shared/fs-extra';
@@ -47,12 +47,13 @@ export const remarkCodeToDemo: Plugin<[RemarkPluginOptions], Root> = ({
       externalDemoIndex?: number,
     ) {
       if (isMobileMode) {
+        const relativePathReg = new RegExp(/^\.\.?\/.*$/);
         demos[pageName].push({
           title,
           id: demoId,
-          path: isAbsolute(demoPath)
-            ? demoPath
-            : join(vfile.dirname || dirname(vfile.path), demoPath),
+          path: relativePathReg.test(demoPath)
+            ? resolve(vfile.dirname || dirname(vfile.path), demoPath)
+            : demoPath,
         });
       } else {
         demoMdx.push(getASTNodeImport(`Demo${demoId}`, demoPath));