@sullux/markdown-docs 1.0.0 → 1.0.2

package/lib/theme.js

@@ -1,75 +1,21 @@
-const getCss = () => `
-:root {
-  --bg-primary: #ffffff;
-  --bg-sidebar: #f7f9fa;
-  --text-primary: #1c1e21;
-  --text-muted: #5c6975;
-  --border-color: #e8ecf0;
-  --accent-color: #3b82f6;
-  --accent-hover: #1d4ed8;
-  --code-bg: #f3f4f6;
-  --callout-info-bg: #eff6ff;
-  --callout-info-border: #3b82f6;
-}
-
-[data-theme="dark"] {
-  --bg-primary: #0f172a;
-  --bg-sidebar: #1e293b;
-  --text-primary: #f8fafc;
-  --text-muted: #94a3b8;
-  --border-color: #334155;
-  --accent-color: #60a5fa;
-  --accent-hover: #93c5fd;
-  --code-bg: #1e293b;
-  --callout-info-bg: #1e3a8a;
-  --callout-info-border: #60a5fa;
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--text-primary); background: var(--bg-primary); line-height: 1.6; display: flex; min-height: 100vh; }
-
-.app-sidebar { width: 280px; background: var(--bg-sidebar); border-right: 1px solid var(--border-color); padding: 1.5rem; display: flex; flex-direction: column; shrink: 0; }
-.app-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-primary); text-decoration: none; display: flex; align-items: center; gap: 0.5rem; }
-.search-box { margin-bottom: 1rem; position: relative; }
-.search-input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; background: var(--bg-primary); color: var(--text-primary); }
-.search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-primary); border: 1px solid var(--border-color); border-radius: 6px; max-height: 250px; overflow-y: auto; z-index: 100; display: none; }
-.search-item { padding: 0.5rem; text-decoration: none; color: var(--text-primary); display: block; border-bottom: 1px solid var(--border-color); }
-.search-item:hover { background: var(--code-bg); }
+const fs = require('node:fs')
+const path = require('node:path')
 
-.nav-list { list-style: none; }
-.nav-item { margin-bottom: 0.25rem; }
-.nav-link { display: block; padding: 0.4rem 0.6rem; color: var(--text-muted); text-decoration: none; border-radius: 4px; font-size: 0.95rem; }
-.nav-link:hover, .nav-link.active { color: var(--accent-color); font-weight: 600; background: var(--code-bg); }
-.nav-sub { list-style: none; padding-left: 1rem; margin-top: 0.25rem; }
+const cssTemplate = fs.readFileSync(path.join(__dirname, 'theme.css'), 'utf8')
 
-.app-main { flex: 1; display: flex; flex-direction: column; overflow-x: hidden; }
-.app-header { padding: 1rem 2rem; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
-.app-content { flex: 1; padding: 2rem 3rem; max-width: 900px; }
-.theme-toggle { cursor: pointer; background: none; border: 1px solid var(--border-color); padding: 0.4rem 0.8rem; border-radius: 6px; color: var(--text-primary); }
-
-pre { background: var(--code-bg); padding: 1rem; border-radius: 8px; overflow-x: auto; margin: 1rem 0; font-family: monospace; }
-code { background: var(--code-bg); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; }
-pre code { background: none; padding: 0; }
-
-.callout { border-left: 4px solid var(--callout-info-border); background: var(--callout-info-bg); padding: 1rem; margin: 1rem 0; border-radius: 0 6px 6px 0; }
-.callout-title { font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.05em; }
-
-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
-th, td { border: 1px solid var(--border-color); padding: 0.6rem 0.8rem; text-align: left; }
-th { background: var(--code-bg); }
-
-.hl-kw { color: #d73a49; font-weight: bold; }
-.hl-str { color: #032f62; }
-.hl-num { color: #005cc5; }
-.hl-cmt { color: #6a737d; font-style: italic; }
-.hl-id { color: #6f42c1; }
-.hl-punc { color: #24292e; }
-
-@media (max-width: 768px) {
-  body { flex-direction: column; }
-  .app-sidebar { width: 100%; border-right: none; border-bottom: 1px solid var(--border-color); }
-  .app-content { padding: 1.5rem; }
+const getCss = (theme = {}) => {
+  const vars = `
+:root {
+  --theme-light-bg: ${theme.bgLight || theme.light?.bg || '#ffffff'};
+  --theme-light-accent: ${theme.accentLight || theme.light?.accent || theme.accent || '#2563eb'};
+  --theme-light-code-bg: ${theme.light?.codeBg || '#f8fafc'};
+  --theme-light-code-text: ${theme.light?.codeText || '#0f172a'};
+  --theme-dark-bg: ${theme.bgDark || theme.dark?.bg || '#121316'};
+  --theme-dark-accent: ${theme.accentDark || theme.dark?.accent || theme.accent || '#3b82f6'};
+  --theme-dark-code-bg: ${theme.dark?.codeBg || '#0a0b0e'};
+  --theme-dark-code-text: ${theme.dark?.codeText || '#f3f4f6'};
+}`
+  return `${vars}\n${cssTemplate}`
 }
-`
 
 module.exports = { getCss }

package/lib/toc.js

@@ -1,5 +1,12 @@
 const { slugify } = require('@sullux/markdown-html/lib/markdown-to-html/slugify')
 
+const getNodeText = (node) => {
+  if (!node) return ''
+  if (node.value) return node.value
+  if (node.children) return node.children.map(getNodeText).join('')
+  return ''
+}
+
 const extractToc = (ast) => {
   if (!ast || !ast.blocks) return []
   const usedSlugs = new Set()
@@ -7,11 +14,11 @@ const extractToc = (ast) => {
 
   for (const block of ast.blocks) {
     if (block.type === 'header' && (block.level === 2 || block.level === 3)) {
-      const rawText = block.children
-        ? block.children.map((c) => (c.type === 'text' ? c.value : '')).join('')
-        : ''
-      const slug = slugify(rawText, usedSlugs)
-      toc.push({ level: block.level, title: rawText, id: slug })
+      const rawText = block.children ? block.children.map(getNodeText).join('') : ''
+      if (rawText) {
+        const slug = slugify(rawText, usedSlugs)
+        toc.push({ level: block.level, title: rawText, id: slug })
+      }
     }
   }
 

package/lib/yaml.js

@@ -0,0 +1,82 @@
+const parseYaml = (str) => {
+  if (!str) return {}
+  const lines = str.split(/\r?\n/)
+  const root = {}
+  const stack = [{ indent: -1, node: root }]
+
+  for (const raw of lines) {
+    if (!raw.trim() || raw.trim().startsWith('#')) continue
+    const indent = raw.search(/\S/)
+    const line = raw.trim()
+
+    while (stack.length > 1 && stack[stack.length - 1].indent >= indent) {
+      stack.pop()
+    }
+    const parent = stack[stack.length - 1].node
+
+    if (line.startsWith('- ')) {
+      const rest = line.slice(2).trim()
+      const colon = rest.indexOf(':')
+      let item = parseVal(rest)
+      if (colon !== -1) {
+        const k = rest.slice(0, colon).trim()
+        const v = parseVal(rest.slice(colon + 1).trim())
+        item = { [k]: v }
+      }
+      if (Array.isArray(parent)) {
+        parent.push(item)
+        if (typeof item === 'object') stack.push({ indent: indent + 2, node: item })
+      } else if (typeof parent === 'object') {
+        const top = stack[stack.length - 1]
+        if (top.parent && top.key) {
+          const arr = [item]
+          top.parent[top.key] = arr
+          stack[stack.length - 1].node = arr
+          if (typeof item === 'object') stack.push({ indent: indent + 2, node: item })
+        }
+      }
+      continue
+    }
+
+    const colon = line.indexOf(':')
+    if (colon !== -1) {
+      const k = line.slice(0, colon).trim()
+      const rawV = line.slice(colon + 1).trim()
+      const v = parseVal(rawV)
+
+      if (!rawV) {
+        const child = {}
+        if (Array.isArray(parent)) {
+          parent.push({ [k]: child })
+        } else {
+          parent[k] = child
+        }
+        stack.push({ indent, node: child, key: k, parent })
+      } else {
+        if (Array.isArray(parent)) {
+          let last = parent[parent.length - 1]
+          if (typeof last !== 'object' || last[k] !== undefined) {
+            last = {}
+            parent.push(last)
+          }
+          last[k] = v
+        } else {
+          parent[k] = v
+        }
+      }
+    }
+  }
+
+  return root
+}
+
+const parseVal = (v) => {
+  if (!v) return ''
+  if ((v.startsWith('"') && v.endsWith('"')) || (v.startsWith("'") && v.endsWith("'"))) return v.slice(1, -1)
+  if (v === 'true') return true
+  if (v === 'false') return false
+  if (!isNaN(v) && v !== '') return Number(v)
+  return v
+}
+
+module.exports = { parseYaml }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sullux/markdown-docs",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A zero-dependency, local-first static documentation site generator compiling GitBook-style Markdown docs.",
   "main": "./index.js",
   "bin": {