lildocs 0.1.3 → 0.1.4

package/dist/cli.mjs

@@ -429,23 +429,23 @@ function ensureUniqueRoutes(pages) {
 const defaultAlertVariants = [
 	{
 		type: "note",
-		icon: materialSymbol("info")
+		icon: tablerIcon("info-circle")
 	},
 	{
 		type: "tip",
-		icon: materialSymbol("lightbulb")
+		icon: tablerIcon("bulb")
 	},
 	{
 		type: "important",
-		icon: materialSymbol("feedback")
+		icon: tablerIcon("message-report")
 	},
 	{
 		type: "warning",
-		icon: materialSymbol("warning")
+		icon: tablerIcon("alert-triangle")
 	},
 	{
 		type: "caution",
-		icon: materialSymbol("dangerous")
+		icon: tablerIcon("alert-circle")
 	}
 ];
 function markedAlert(options = {}) {
@@ -511,8 +511,8 @@ function createSyntaxPattern(type) {
 function capitalize$1(value) {
 	return value.slice(0, 1).toUpperCase() + value.slice(1).toLowerCase();
 }
-function materialSymbol(name) {
-	return `<span class="material-symbols-rounded markdown-alert-icon" aria-hidden="true">${name}</span>`;
+function tablerIcon(name) {
+	return `<span class="ti ti-${name} markdown-alert-icon" aria-hidden="true"></span>`;
 }
 function escapeRegExp(value) {
 	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -1400,10 +1400,6 @@ function Layout({ page, nav, pageNavigation, css, searchIndexJson, logo, favicon
 				rel: "icon",
 				href: assetSrc(page.route, favicon)
 			}) : null,
-			/* @__PURE__ */ jsx("link", {
-				rel: "stylesheet",
-				href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,400,0,0&display=block"
-			}),
 			/* @__PURE__ */ jsx("link", {
 				rel: "stylesheet",
 				href: rootRelativeUrl(page.route, "assets/lildocs.css")
@@ -1437,9 +1433,8 @@ function Layout({ page, nav, pageNavigation, css, searchIndexJson, logo, favicon
 							id: "lildocs-search-root",
 							className: "searchBox",
 							children: [/* @__PURE__ */ jsx("span", {
-								className: "searchIcon material-symbols-rounded",
-								"aria-hidden": "true",
-								children: "search"
+								className: "searchIcon ti ti-search",
+								"aria-hidden": "true"
 							}), /* @__PURE__ */ jsx("input", {
 								id: "lildocs-search-input",
 								type: "search",
@@ -1623,6 +1618,7 @@ async function buildSite(options) {
 		fonts: configOptions.fonts
 	});
 	const baseCss = await readRenderAsset("styles.css");
+	const tablerIconsCss = await readTablerIconsCss();
 	const searchScript = await readRenderAsset("search.js");
 	const copyCodeScript = await readRenderAsset("copy-code.js");
 	const navigationScript = await readRenderAsset("navigation.js");
@@ -1642,8 +1638,9 @@ async function buildSite(options) {
 		defaultText: packageName,
 		favicon: configOptions.favicon
 	});
-	const css = `${fontResolution.css}${themeToCssVariables(theme, fontResolution.themeFonts, configOptions.link, configOptions.navigation)}\n${backgroundResolution.css}${logoResolution.css}${baseCss}`;
+	const css = `${tablerIconsCss}${fontResolution.css}${themeToCssVariables(theme, fontResolution.themeFonts, configOptions.link, configOptions.navigation)}\n${backgroundResolution.css}${logoResolution.css}${baseCss}`;
 	const assets = [
+		...tablerIconFontAssets(outDir),
 		...fontResolution.assets,
 		...backgroundResolution.assets,
 		...logoResolution.assets
@@ -1743,6 +1740,20 @@ async function readRenderAsset(name) {
 async function readSwupAsset() {
 	return readFile(path.join(path.dirname(require.resolve("swup")), "Swup.umd.js"), "utf8");
 }
+async function readTablerIconsCss() {
+	return readFile(require.resolve("@tabler/icons-webfont/dist/tabler-icons.css"), "utf8");
+}
+function tablerIconFontAssets(outDir) {
+	const fontsDir = path.join(path.dirname(require.resolve("@tabler/icons-webfont/dist/tabler-icons.css")), "fonts");
+	return [
+		"tabler-icons.woff2",
+		"tabler-icons.woff",
+		"tabler-icons.ttf"
+	].map((name) => ({
+		from: path.join(fontsDir, name),
+		to: path.join(outDir, "assets", "fonts", name)
+	}));
+}
 function buildPageNavigation(pages) {
 	const navigation = /* @__PURE__ */ new Map();
 	if (pages.length < 2) return navigation;

package/dist/render/copy-code.js

@@ -1,8 +1,8 @@
 (() => {
   const icons = {
-    copy: '<span class="material-symbols-rounded copyCodeIcon" aria-hidden="true">content_copy</span>',
-    check: '<span class="material-symbols-rounded copyCodeIcon" aria-hidden="true">check</span>',
-    error: '<span class="material-symbols-rounded copyCodeIcon" aria-hidden="true">error</span>',
+    copy: '<span class="ti ti-copy copyCodeIcon" aria-hidden="true"></span>',
+    check: '<span class="ti ti-copy-check copyCodeIcon" aria-hidden="true"></span>',
+    error: '<span class="ti ti-alert-circle copyCodeIcon" aria-hidden="true"></span>',
   };
 
   initCopyCode();

package/dist/render/search.js

@@ -3082,9 +3082,8 @@ function SearchBox({ anchorElement, index, siteRoot, preloadedUrls }) {
 	};
 	return /* @__PURE__ */ u(S$1, { children: [
 		/* @__PURE__ */ u("span", {
-			className: "searchIcon material-symbols-rounded",
-			"aria-hidden": "true",
-			children: "search"
+			className: "searchIcon ti ti-search",
+			"aria-hidden": "true"
 		}),
 		/* @__PURE__ */ u("input", {
 			ref: inputRef,

package/dist/render/styles.css

@@ -145,11 +145,20 @@ html.is-animating .transition-scale {
   font-family: var(--ld-font-heading);
 }
 
+.content article :where(h1, h2, h3, h4, h5, h6) {
+  margin-block: 1.2em 0.6em;
+}
+
 .content img {
   max-width: 100%;
   height: auto;
 }
 
+.content article {
+  max-width: 60ch;
+  font-size: 110%;
+}
+
 .content article li {
   margin-bottom: 8px;
 }
@@ -399,6 +408,7 @@ html.is-animating .transition-scale {
 
 .markdown-alert-icon {
   flex: 0 0 auto;
+  font-size: 20px;
 }
 
 .markdown-alert-note {
@@ -557,21 +567,6 @@ html.is-animating .transition-scale {
   transform: translateY(-50%);
 }
 
-.material-symbols-rounded {
-  font-family: "Material Symbols Rounded";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 20px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-}
-
 .searchBox input {
   box-sizing: border-box;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lildocs",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A lightweight CLI that turns Markdown docs into a static searchable documentation site.",
   "homepage": "https://aleclarson.github.io/lildocs/",
   "repository": {
@@ -26,6 +26,7 @@
   "dependencies": {
     "@goddard-ai/ui-primitives": "^0.1.1",
     "@preact/signals": "^2.9.2",
+    "@tabler/icons-webfont": "^3.44.0",
     "beautiful-mermaid": "^1.1.3",
     "cmd-ts": "^0.15.0",
     "culori": "^4.0.2",