Load marked and highlight.js from CDN - reduce bundle to 5KB

1batu · 1batu · commit 57c0f4a3446a · 2025-11-02T21:18:49.000+03:00
diff --git a/index.html b/index.html
@@ -11,6 +11,8 @@
   <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/marked@15.0.6/marked.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
   <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,6 +1,3 @@
-import { marked } from 'marked'
-import hljs from 'highlight.js'
-
 // Configure marked with syntax highlighting
 marked.setOptions({
   highlight: function(code, lang) {
