@mgks/docmd 0.3.7 → 0.3.9

package/src/assets/css/docmd-theme-sky.css

@@ -1,65 +1,18 @@
-/* Source file from the docmd project — https://github.com/mgks/docmd */
+/* Source file from the docmd project — https://github.com/docmd-io/docmd */
 
 /* 
- * docmd Sky Theme
+ * Sky Theme
  * Inspired by the clear blue sky
  * Features: Blue tones, clean lines, subtle gradients
  */
 
-.sidebar nav li a.active,
-.sidebar nav li a:hover {
-    background-color: var(--sidebar-link-active-bg);
-    color: var(--sidebar-link-active-text)
-}
-
-pre,
-table {
-    margin: 1.5em 0;
-    border-radius: 8px;
-    box-shadow: var(--shadow-sm)
-}
-
-td,
-th {
-    padding: .75rem 1rem
-}
-
-th,
-tr:hover {
-    background-color: var(--sky-background-alt)
-}
-
-.callout,
-.steps {
-    position: relative
-}
-
-.card,
-figure,
-table {
-    overflow: hidden
-}
-
-.docmd-container,
-.sidebar,
-figure,
-pre,
-table {
-    box-shadow: var(--shadow-sm)
-}
-
-.card .card-content>:last-child,
-figure img {
-    margin-bottom: 0
-}
-
 :root {
     --sky-primary: #0097ff
 }
 
 :root[data-theme=light] {
-    --font-family-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    --font-family-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+    --font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --font-family-mono: 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
     --accent-color: #0097ff;
     --sky-primary: #0097ff;
     --sky-primary-light: #e5f4ff;
@@ -67,7 +20,7 @@ figure img {
     --sky-text: #1a1f36;
     --sky-text-light: #4a5568;
     --sky-text-lightest: #718096;
-    --sky-background: #ffffff;
+    --sky-background: #fff;
     --sky-background-alt: #f9fafb;
     --sky-border: #e2e8f0;
     --sky-border-light: #edf2f7;
@@ -83,9 +36,9 @@ figure img {
     --code-text: var(--sky-primary-dark);
     --header-bg: var(--sky-background);
     --header-border: var(--sky-border);
-    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --shadow-sm: 0 1px 2px 0 #0000000d;
+    --shadow-md: 0 4px 6px -1px #0000001a 0 2px 4px -1px #0000000f;
+    --shadow-lg: 0 10px 15px -3px #0000001a 0 4px 6px -2px #0000000d;
     --image-border-color: var(--sky-border);
     --image-shadow: var(--shadow-md);
     --image-caption-bg: var(--sky-background-alt);
@@ -93,8 +46,7 @@ figure img {
     --image-hover-transform: translateY(-2px);
     --image-hover-shadow: var(--shadow-lg);
     --image-border-radius: 8px;
-    --image-transition: all 0.3s ease;
-
+    --image-transition: all .3s ease
 }
 
 :root[data-theme=dark] {
@@ -120,21 +72,21 @@ figure img {
     --code-text: var(--sky-text);
     --header-bg: var(--sky-background);
     --header-border: var(--sky-border);
-    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
+    --shadow-sm: 0 1px 2px 0 #0000004d;
+    --shadow-md: 0 4px 6px -1px #0000004d 0 2px 4px -1px #0003;
+    --shadow-lg: 0 10px 15px -3px #0000004d 0 4px 6px -2px #0003;
     --image-border-color: var(--sky-border);
-    --image-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
+    --image-shadow: 0 4px 8px #00000080;
     --image-caption-bg: var(--sky-background-alt);
     --image-caption-text: var(--sky-text-light);
     --image-hover-transform: translateY(-2px);
-    --image-hover-shadow: 0 6px 12px rgba(0, 0, 0, 0.7);
+    --image-hover-shadow: 0 6px 12px #000000b3;
     --image-border-radius: 8px;
-    --image-transition: all 0.3s ease
+    --image-transition: all .3s ease
 }
 
 body {
-    font-feature-settings: "salt", "ss01", "ss02";
+    font-feature-settings: salt, ss01, ss02;
     letter-spacing: -.01em
 }
 
@@ -151,6 +103,53 @@ h6 {
     color: var(--sky-text)
 }
 
+.sidebar nav li a.active,
+.sidebar nav li a:hover {
+    background-color: var(--sidebar-link-active-bg);
+    color: var(--sidebar-link-active-text)
+}
+
+pre,
+table {
+    margin: 1.5em 0;
+    border-radius: 8px;
+    box-shadow: var(--shadow-sm)
+}
+
+td,
+th {
+    padding: .75rem 1rem
+}
+
+th,
+tr:hover {
+    background-color: var(--sky-background-alt)
+}
+
+.callout,
+.steps {
+    position: relative
+}
+
+.card,
+figure,
+table {
+    overflow: hidden
+}
+
+.docmd-container,
+.sidebar,
+figure,
+pre,
+table {
+    box-shadow: var(--shadow-sm)
+}
+
+.card .card-content>:last-child,
+figure img {
+    margin-bottom: 0
+}
+
 .card .card-content>:first-child,
 h1 {
     margin-top: 0

package/src/assets/js/docmd-image-lightbox.js

@@ -1,7 +1,7 @@
-// Source file from the docmd project — https://github.com/mgks/docmd
+// Source file from the docmd project — https://github.com/docmd-io/docmd
 
 /* 
- * A simple lightbox implementation for docmd images
+ * A simple lightbox implementation for gallery images
  */
 
 document.addEventListener('DOMContentLoaded', function () {

package/src/assets/js/docmd-main.js

@@ -1,4 +1,4 @@
-// Source file from the docmd project — https://github.com/mgks/docmd
+// Source file from the docmd project — https://github.com/docmd-io/docmd
 
 /* 
  * Main client-side script for docmd UI interactions
@@ -209,6 +209,43 @@ function syncBodyTheme() {
   }
 }
 
+// --- Scroll Spy Logic ---
+function initializeScrollSpy() {
+  const tocLinks = document.querySelectorAll('.toc-link');
+  const headings = document.querySelectorAll('.main-content h2, .main-content h3');
+  
+  if (tocLinks.length === 0 || headings.length === 0) return;
+
+  const observerOptions = {
+    root: null,
+    // Trigger when heading crosses the top 10% of screen
+    rootMargin: '-10% 0px -80% 0px', 
+    threshold: 0
+  };
+
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        // 1. Clear current active state
+        tocLinks.forEach(link => link.classList.remove('active'));
+        
+        // 2. Find link corresponding to this heading
+        const id = entry.target.getAttribute('id');
+        const activeLink = document.querySelector(`.toc-link[href="#${id}"]`);
+        
+        if (activeLink) {
+            activeLink.classList.add('active');
+            
+            // Optional: Auto-scroll the TOC sidebar itself if needed
+            // activeLink.scrollIntoView({ block: 'nearest' });
+        }
+      }
+    });
+  }, observerOptions);
+
+  headings.forEach(heading => observer.observe(heading));
+}
+
 // --- Main Execution ---
 document.addEventListener('DOMContentLoaded', () => {
   syncBodyTheme();
@@ -219,4 +256,5 @@ document.addEventListener('DOMContentLoaded', () => {
   initializeCollapsibleNav();
   initializeMobileMenus();
   initializeSidebarScroll();
+  initializeScrollSpy();
 });

package/src/assets/js/docmd-mermaid.js

@@ -1,4 +1,4 @@
-// Source file from the docmd project — https://github.com/mgks/docmd
+// Source file from the docmd project — https://github.com/docmd-io/docmd
 
 /*
  * Mermaid diagram integration with theme support

package/src/assets/js/docmd-search.js

@@ -1,4 +1,4 @@
-// Source file from the docmd project — https://github.com/mgks/docmd
+// Source file from the docmd project — https://github.com/docmd-io/docmd
 
 /* 
  * Client-side search functionality for docmd