fix: view as markdown opens .md URL, copy page uses mdream

Author: onmax

packages/nimiq-vitepress-theme/src/composables/useSourceCode.ts

@@ -112,6 +112,25 @@ export function useSourceCode() {
     return window.location.href
   }
 
+  const getMarkdownUrl = () => {
+    if (typeof window === 'undefined')
+      return ''
+
+    const url = new URL(window.location.href)
+    const pathname = url.pathname
+
+    // If it's a clean URL (no .html), append .md
+    // Handle index pages: /path/ -> /path/index.md
+    if (pathname.endsWith('/')) {
+      url.pathname = `${pathname}index.md`
+    }
+    else {
+      url.pathname = `${pathname}.md`
+    }
+
+    return url.href
+  }
+
   const showSourceCode = computed(() => {
     if (!isSupported.value)
       return false
@@ -264,31 +283,13 @@ export function useSourceCode() {
     return `https://claude.ai/new?q=${encodedMessage}`
   })
 
-  const viewAsMarkdown = async () => {
+  const viewAsMarkdown = () => {
     if (typeof window === 'undefined')
       return
 
-    try {
-      // Get the main content container
-      const contentEl = document.querySelector('.vp-doc') || document.querySelector('main')
-      if (!contentEl) {
-        throw new Error('Could not find page content')
-      }
-
-      // Convert HTML to markdown using mdream
-      const markdown = await mdream(contentEl.innerHTML)
-
-      // Create a blob and open it in a new window
-      const blob = new Blob([markdown], { type: 'text/markdown' })
-      const url = URL.createObjectURL(blob)
-      window.open(url, '_blank', 'noopener,noreferrer')
-
-      // Clean up the blob URL after a delay
-      setTimeout(() => URL.revokeObjectURL(url), 1000)
-    }
-    catch (error) {
-      console.error('Failed to view as markdown:', error)
-      toast.error('Failed to open markdown view')
+    const markdownUrl = getMarkdownUrl()
+    if (markdownUrl) {
+      window.open(markdownUrl, '_blank', 'noopener,noreferrer')
     }
   }
 

packages/nimiq-vitepress-theme/src/index.ts

@@ -1,5 +1,8 @@
 import type { NimiqVitepressThemeConfig } from 'nimiq-vitepress-theme/types.js'
 import type { UserConfig } from 'vitepress'
+import { copyFileSync, mkdirSync, readdirSync } from 'node:fs'
+import { join, relative } from 'node:path'
+import consola from 'consola'
 import { defineConfig } from 'vitepress'
 import inlineActionsPlugin from './vite/inline-actions-plugin'
 
@@ -21,6 +24,7 @@ export function defineNimiqVitepressConfig<T = NimiqVitepressThemeConfig>(config
   // Merge user's preConfig with default if provided
   const userMarkdown = config.markdown || {}
   const userPreConfig = userMarkdown.preConfig
+  const userBuildEnd = config.buildEnd
 
   return defineConfig<T>({
     extends: defaultConfig,
@@ -37,5 +41,38 @@ export function defineNimiqVitepressConfig<T = NimiqVitepressThemeConfig>(config
         }
       },
     },
+    buildEnd(siteConfig) {
+      const srcDir = siteConfig.srcDir
+      const outDir = siteConfig.outDir
+
+      function copyMarkdownFiles(dir: string) {
+        const entries = readdirSync(dir, { withFileTypes: true })
+
+        for (const entry of entries) {
+          const fullPath = join(dir, entry.name)
+
+          if (entry.isDirectory()) {
+            copyMarkdownFiles(fullPath)
+          }
+          else if (entry.isFile() && entry.name.endsWith('.md')) {
+            const relativePath = relative(srcDir, fullPath)
+            const destPath = join(outDir, relativePath)
+            const destDir = join(destPath, '..')
+
+            mkdirSync(destDir, { recursive: true })
+            copyFileSync(fullPath, destPath)
+          }
+        }
+      }
+
+      consola.info('Copying markdown files to build output...')
+      copyMarkdownFiles(srcDir)
+      consola.success('Markdown files copied successfully')
+
+      // Call user's buildEnd if provided
+      if (userBuildEnd) {
+        userBuildEnd(siteConfig)
+      }
+    },
   })
 }