builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fixed note names with spaces 

also pinned versions of CDN libraries
This commit is contained in:
Gamosoft 2025-11-18 17:24:46 +01:00
parent 42d12e8685
commit ce28edec6b
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/app.js
View File

@ -734,8 +734,9 @@ function noteApp() {
const notePath = this.draggedNoteForLink; const notePath = this.draggedNoteForLink;
const noteName = notePath.split('/').pop().replace('.md', ''); const noteName = notePath.split('/').pop().replace('.md', '');
// Create markdown link // Create markdown link (URL-encode the path to handle spaces and special characters)
const link = `[${noteName}](${notePath})`; const encodedPath = notePath.split('/').map(segment => encodeURIComponent(segment)).join('/');
const link = `[${noteName}](${encodedPath})`;
// Insert at cursor position // Insert at cursor position
const textarea = event.target; const textarea = event.target;
@ -775,7 +776,8 @@ function noteApp() {
event.preventDefault(); event.preventDefault();
// Remove any anchor from the href (e.g., "note.md#section" -> "note.md") // Remove any anchor from the href (e.g., "note.md#section" -> "note.md")
const notePath = href.split('#')[0]; // Also decode URL encoding (e.g., "note%203.md" -> "note 3.md")
const notePath = decodeURIComponent(href.split('#')[0]);
// Skip if it's just an anchor link // Skip if it's just an anchor link
if (!notePath) return; if (!notePath) return;
@ -2424,11 +2426,11 @@ function noteApp() {
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${noteName}</title> <title>${noteName}</title>
<!-- Highlight.js for code syntax highlighting --> <!-- Highlight.js for code syntax highlighting (v11.9.0) -->
${highlightTheme ? `<link rel="stylesheet" href="${highlightTheme}">` : '<!-- No highlight.js theme detected -->'} ${highlightTheme ? `<link rel="stylesheet" href="${highlightTheme}">` : '<!-- No highlight.js theme detected -->'}
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<!-- MathJax for LaTeX math rendering (same config as preview) --> <!-- MathJax for LaTeX math rendering (v3.2.2) -->
<script> <script>
MathJax = { MathJax = {
tex: { tex: {
@ -2452,11 +2454,11 @@ function noteApp() {
} }
}; };
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script>
<!-- Mermaid.js for diagrams (if used in note) --> <!-- Mermaid.js for diagrams (v10.9.0) -->
<script type="module"> <script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.esm.min.mjs';
const isDark = ${this.getThemeType() === 'dark'}; const isDark = ${this.getThemeType() === 'dark'};
mermaid.initialize({ mermaid.initialize({
startOnLoad: false, startOnLoad: false,

20
frontend/index.html
View File

@ -11,14 +11,14 @@
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon.svg"> <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon.svg">
<link rel="apple-touch-icon" href="/static/logo.svg"> <link rel="apple-touch-icon" href="/static/logo.svg">
<!-- Tailwind CSS from CDN --> <!-- Tailwind CSS from CDN (v3.4.17) -->
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com/3.4.17"></script>
<!-- Alpine.js --> <!-- Alpine.js (v3.14.1) -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.1/dist/cdn.min.js"></script>
<!-- Marked.js for Markdown parsing --> <!-- Marked.js for Markdown parsing (v12.0.2) -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script>
<!-- MathJax for LaTeX math rendering --> <!-- MathJax for LaTeX math rendering -->
<script> <script>
@ -39,9 +39,9 @@
} }
}; };
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script>
<!-- Highlight.js for code syntax highlighting --> <!-- Highlight.js for code syntax highlighting (v11.9.0) -->
<link rel="stylesheet" id="highlight-theme" href=""> <link rel="stylesheet" id="highlight-theme" href="">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/csharp.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/csharp.min.js"></script>
@ -57,9 +57,9 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/css.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/http.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/http.min.js"></script>
<!-- Mermaid.js for diagram rendering --> <!-- Mermaid.js for diagram rendering (v10.9.0) -->
<script type="module"> <script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.esm.min.mjs';
// Note: Mermaid is initialized dynamically by app.js renderMermaid() based on current theme // Note: Mermaid is initialized dynamically by app.js renderMermaid() based on current theme
window.mermaid = mermaid; window.mermaid = mermaid;
</script> </script>