Load TinyPine from CDN and fix markdown path references

1batu · 1batu · commit 17eeacc6ce48 · 2025-11-02T21:17:09.000+03:00
diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
   <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="./style.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/tinypine@1.3.0/dist/tinypine.min.js"></script>
 </head>
 <body class="h-full bg-gradient-to-br from-gray-50 via-pine-50/30 to-gray-50 dark:from-gray-900 dark:via-pine-950/20 dark:to-gray-900 transition-all duration-500">
 
diff --git a/main.js b/main.js
@@ -1,4 +1,3 @@
-import TinyPine from 'tinypine';
 import { marked } from 'marked'
 import hljs from 'highlight.js'
 
@@ -146,7 +145,7 @@ window.app = function() {
       const contentDiv = document.getElementById('markdown-content')
 
       try {
-        const response = await fetch(`/docs/${path}.md`)
+        const response = await fetch(`./docs/${path}.md`)
 
         if (!response.ok) {
           throw new Error('Document not found')
@@ -242,7 +241,9 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 
   // Now that window.app is defined, initialize TinyPine
-  TinyPine.init();
+  if (window.TinyPine) {
+    window.TinyPine.init();
+  }
 
   // Wait a moment for TinyPine to process directives, then trigger app init
   setTimeout(() => {
