lildocs 0.1.7 → 0.1.9

package/dist/cli.mjs

@@ -321,8 +321,10 @@ function inferTitle(metadata, markdown, sourcePath) {
 	if (h1?.[1]) return stripMarkdownInline(h1[1]).trim();
 	return formatFilename(path.basename(sourcePath, path.extname(sourcePath)));
 }
-function slugify(value) {
-	return value.toLowerCase().trim().replace(/[`*_~[\]()]/g, "").replace(/&/g, " and ").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "section";
+function slugify(value, options = {}) {
+	const punctuation = options.preserveUnderscores ? /[`*~[\]()]/g : /[`*_~[\]()]/g;
+	const nonSlugCharacters = options.preserveUnderscores ? /[^a-z0-9_]+/g : /[^a-z0-9]+/g;
+	return value.toLowerCase().trim().replace(punctuation, "").replace(/&/g, " and ").replace(nonSlugCharacters, "-").replace(/^-+|-+$/g, "") || "section";
 }
 function extractHeadings(markdown) {
 	const seen = /* @__PURE__ */ new Map();
@@ -330,7 +332,7 @@ function extractHeadings(markdown) {
 	for (const line of markdown.split(/\r?\n/)) {
 		const match = line.match(/^(#{1,6})\s+(.+)$/);
 		if (!match?.[1] || !match[2]) continue;
-		const baseId = slugify(stripMarkdownInline(match[2]));
+		const baseId = slugify(stripMarkdownInline(match[2]), { preserveUnderscores: true });
 		const count = seen.get(baseId) ?? 0;
 		seen.set(baseId, count + 1);
 		headings.push({
@@ -342,7 +344,7 @@ function extractHeadings(markdown) {
 	return headings;
 }
 function stripMarkdownInline(value) {
-	return value.replace(/[`*_~]/g, "").replace(/\[(.*?)\]\(.*?\)/g, "$1");
+	return value.replace(/\[(.*?)\]\(.*?\)/g, "$1").replace(/`([^`]*)`/g, "$1").replace(/~~([\s\S]*?)~~/g, "$1").replace(/\*\*([\s\S]*?)\*\*/g, "$1").replace(/__([\s\S]*?)__/g, "$1").replace(/\*([^*]*?)\*/g, "$1").replace(/(^|[\s([{])_([^\s_](?:[\s\S]*?[^\s_])?)_(?=$|[\s)\]}.,;:!?])/g, "$1$2");
 }
 function formatFilename(value) {
 	return value.replace(/[-_]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase()).trim();
@@ -964,8 +966,7 @@ const themes = {
 			body: "system-ui, sans-serif",
 			code: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 		},
-		shiki: { theme: "github-light" },
-		background: { gradient: "linear-gradient(180deg, rgb(37 99 235 / 0.045), transparent 220px)" }
+		shiki: { theme: "github-light" }
 	},
 	minimal: {
 		color: {
@@ -983,8 +984,7 @@ const themes = {
 			body: "Arial, sans-serif",
 			code: "Menlo, Consolas, monospace"
 		},
-		shiki: { theme: "github-light" },
-		background: { gradient: "linear-gradient(180deg, rgb(15 118 110 / 0.04), transparent 220px)" }
+		shiki: { theme: "github-light" }
 	}
 };
 async function resolveTheme(options) {
@@ -1178,30 +1178,27 @@ function mapShikiThemeToTheme(shikiTheme, themeName) {
 		"foreground",
 		"sideBar.foreground"
 	], shikiTheme.fg ?? (shikiTheme.type === "dark" ? "#f5f5f5" : "#111111"));
-	const mutedText = pickColor(colors, [
-		"descriptionForeground",
-		"breadcrumb.foreground",
-		"editorLineNumber.foreground",
-		"sideBar.foreground"
-	], tokenForeground(tokenColors, "comment") ?? text);
-	const border = pickColor(colors, [
-		"panel.border",
-		"sideBar.border",
-		"editorGroup.border",
-		"tab.border"
-	], shikiTheme.type === "dark" ? "#333333" : "#e5e5e5");
-	const link = pickColor(colors, [
-		"textLink.foreground",
-		"terminal.ansiBlue",
-		"activityBarBadge.background"
-	], tokenForeground(tokenColors, "markup.inline.raw") ?? (shikiTheme.type === "dark" ? "#79b8ff" : "#2563eb"));
 	return {
 		color: {
 			background,
 			text,
-			mutedText,
-			border,
-			link,
+			mutedText: pickColor(colors, [
+				"descriptionForeground",
+				"breadcrumb.foreground",
+				"editorLineNumber.foreground",
+				"sideBar.foreground"
+			], tokenForeground(tokenColors, "comment") ?? text),
+			border: pickColor(colors, [
+				"panel.border",
+				"sideBar.border",
+				"editorGroup.border",
+				"tab.border"
+			], shikiTheme.type === "dark" ? "#333333" : "#e5e5e5"),
+			link: pickColor(colors, [
+				"textLink.foreground",
+				"terminal.ansiBlue",
+				"activityBarBadge.background"
+			], tokenForeground(tokenColors, "markup.inline.raw") ?? (shikiTheme.type === "dark" ? "#79b8ff" : "#2563eb")),
 			codeBackground: ensureBackgroundContrast({
 				background,
 				candidate: pickColor(colors, [
@@ -1224,8 +1221,7 @@ function mapShikiThemeToTheme(shikiTheme, themeName) {
 			body: "system-ui, sans-serif",
 			code: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 		},
-		shiki: { theme: themeName },
-		background: { gradient: shikiTheme.type === "dark" ? `linear-gradient(180deg, color-mix(in srgb, ${link} 16%, transparent), transparent 240px)` : `linear-gradient(180deg, color-mix(in srgb, ${link} 9%, transparent), transparent 220px)` }
+		shiki: { theme: themeName }
 	};
 }
 function pickColor(colors, keys, fallback) {

package/dist/render/styles.css

@@ -149,6 +149,10 @@ html.is-animating .transition-scale {
   margin-block: 2em 0.667em;
 }
 
+.content article h1 {
+  font-size: 2.2rem;
+}
+
 .content article p {
   margin-block: 1.25em;
 }
@@ -164,7 +168,7 @@ html.is-animating .transition-scale {
 }
 
 .groupBreadcrumbs {
-  margin: 0 0 -4px;
+  margin-block-end: -4px !important;
   color: var(--ld-color-accent);
   font-size: 80%;
   font-weight: 700;
@@ -407,6 +411,9 @@ html.is-animating .transition-scale {
 }
 
 .content table {
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
   width: 100%;
   border-collapse: collapse;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lildocs",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "A lightweight CLI that turns Markdown docs into a static searchable documentation site.",
   "homepage": "https://aleclarson.github.io/lildocs/",
   "repository": {