meowpress 0.3.0-alpha.4 → 0.3.0-alpha.5

package/README.md

@@ -3,6 +3,11 @@
 Meowpress builds a static blog from Markdown and MDX, with a built-in Journal-based theme for posts, short notes
 and public skills. A project can supply its own theme or page map through `meowpress/build`.
 
+The built-in theme renders functional icons as inline SVG through Meowtail's Lucide-backed
+`Icon`, not font glyphs. Custom pages can use `Icon` or `IconSource` from `meowtail/icons`
+and the full Lucide set from `meowtail/icons/lucide`; brand artwork such as `GithubIcon`
+stays separate. Icons render at build time and need no browser script or icon font.
+
 ## Build and preview a site
 
 Use Bun and install this version of `meowpress` with compatible `meowcss` and `meowjsx` peers.

package/dist/src/site.js

@@ -2,6 +2,7 @@ import { themeAttributes } from "meowcss";
 import { createRuntime, Fragment, h } from "meowjsx";
 import { renderToHtmlWithRuntime } from "meowjsx/web";
 import { Button, Container, Entry, EntryList, Inline, MetaRow, Page, PageHeader, Prose, Section, Tag, Text, createMeowUI, } from "meowtail";
+import { GithubIcon, Icon } from "meowtail/icons";
 import { blogTheme } from "./theme.js";
 import { withoutLeadingHeading } from "./content.js";
 import { DEFAULT_SITE } from "./identity.js";
@@ -199,8 +200,12 @@ function PostNavigation({ item, posts }) {
     const older = index >= 0 ? posts[index + 1] : undefined;
     const newer = index > 0 ? posts[index - 1] : undefined;
     return (h("nav", { className: "post-nav", "aria-label": "Post navigation" },
-        older ? (h(Entry, { eyebrow: "\u2190 Previous post (older)", title: older.title, href: itemUrl(older) })) : (h("span", null)),
-        newer ? (h(Entry, { eyebrow: "Next post (newer) \u2192", title: newer.title, href: itemUrl(newer) })) : (h(Text, { variant: "caption" }, "Nothing newer \u2014 this is the latest post."))));
+        older ? (h(Entry, { eyebrow: h("span", { className: "site-icon-label" },
+                h(Icon, { name: "chevron-left", size: 14 }),
+                " Previous post (older)"), title: older.title, href: itemUrl(older) })) : (h("span", null)),
+        newer ? (h(Entry, { eyebrow: h("span", { className: "site-icon-label" },
+                "Next post (newer) ",
+                h(Icon, { name: "chevron-right", size: 14 })), title: newer.title, href: itemUrl(newer) })) : (h(Text, { variant: "caption" }, "Nothing newer \u2014 this is the latest post."))));
 }
 function RelatedThoughts({ item, thoughts, }) {
     const related = thoughts.filter((thought) => thought.dateKey === item.dateKey).slice(0, 3);
@@ -254,9 +259,10 @@ export function aboutPage(theme = blogTheme, site = DEFAULT_SITE, stylesheet = D
             h("div", { className: "site-avatar", "aria-hidden": "true" }, site.images?.about ? (h("img", { src: `../${site.images.about}`, alt: "", decoding: "async" })) : (h("span", { className: "avatar-initial" }, Array.from(site.name.trim())[0] ?? "M"))),
             about ? (h(Prose, null, about.paragraphs.map((paragraph) => (h("p", null, paragraph))))) : null,
             about?.links?.length ? (h(Section, { title: about.linksHeading ?? "Find me" },
-                h(EntryList, null, about.links.map((link) => (h(Entry, { title: h("a", { href: link.href, target: "_blank", rel: "me noopener noreferrer" },
+                h(EntryList, null, about.links.map((link) => (h(Entry, { title: h("a", { className: "site-icon-label", href: link.href, target: "_blank", rel: "me noopener noreferrer" },
                         link.handle,
-                        " \u2197"), eyebrow: link.label })))))) : null)),
+                        " ",
+                        h(Icon, { name: "arrow-up-right", size: 16 })), eyebrow: link.label })))))) : null)),
     });
 }
 function skillUrl(skill) {
@@ -366,7 +372,7 @@ function SkillRelations({ skill }) {
                     return (h("li", { className: sourceFile?.reachable ? "" : "unreachable" },
                         h("span", { className: "skill-reading-edge" },
                             h("code", { title: relation.source }, relation.source),
-                            h("span", { "aria-hidden": "true" }, "\u2192"),
+                            h(Icon, { name: "arrow-right", size: 14 }),
                             h("code", { title: relation.target }, relation.target)),
                         h("span", { className: "skill-reading-context" }, relation.contexts.map((context) => (h("span", null,
                             context.section,
@@ -514,14 +520,19 @@ export function skillPage(skill, theme = blogTheme, site = DEFAULT_SITE, stylesh
             ? styleHref(1 + slugDepth(skill.slug), stylesheet)
             : styleHref(2 + slugDepth(skill.slug), stylesheet),
         children: (h(Page, { width: "full", className: "skill-page", title: skill.name, eyebrow: "Skill", description: skill.description },
-            h("a", { className: "skill-back", href: "/skills/" }, "\u2190 All Skills"),
+            h("a", { className: "skill-back site-icon-label", href: "/skills/" },
+                h(Icon, { name: "arrow-left", size: 14 }),
+                " All Skills"),
             h("header", { className: "skill-browser-head" },
                 h("span", { className: "skill-command" },
                     skill.scope === "project" ? (h("span", { className: "skill-scope-badge" }, "Project Skill \u00B7 Internal")) : null,
                     h("code", null, command)),
                 h("span", { className: "skill-browser-actions" },
                     h("button", { type: "button", "data-copy-command": command }, skill.scope === "public" ? "Copy" : "Copy path"),
-                    site.repositorySourceUrl ? (h("a", { href: `${site.repositorySourceUrl}/${skill.sourceBasePath}`, target: "_blank", rel: "noopener noreferrer" }, "GitHub \u2197")) : null)),
+                    site.repositorySourceUrl ? (h("a", { className: "site-icon-label", href: `${site.repositorySourceUrl}/${skill.sourceBasePath}`, target: "_blank", rel: "noopener noreferrer" },
+                        h(GithubIcon, null),
+                        " GitHub ",
+                        h(Icon, { name: "arrow-up-right", size: 14 }))) : null)),
             h("div", { className: "skill-stage", "data-skill-browser": true },
                 h("nav", { className: "skill-view-tabs", "aria-label": "Skill view mode" },
                     h("button", { type: "button", "data-skill-view": "files", "aria-pressed": "true" }, "File browser"),

package/dist/src/theme.js

@@ -16,6 +16,16 @@ const siteStyles = css `
   .site-shell {
     padding: 0 ${uiTokens.space.pageInline};
   }
+  .site-icon-label {
+    display: inline-flex;
+    align-items: center;
+    gap: ${uiTokens.space.group};
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+  .site-icon-label .meow-github-icon {
+    flex-shrink: 0;
+  }
   .site-header,
   .site-footer {
     display: flex;
@@ -390,7 +400,7 @@ const siteStyles = css `
     flex-wrap: wrap;
     gap: ${uiTokens.space.group};
   }
-  .skill-reading-edge > span {
+  .skill-reading-edge > .meow-icon {
     color: ${uiTokens.accent.ink};
   }
   .skill-reading-context {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meowpress",
-  "version": "0.3.0-alpha.4",
+  "version": "0.3.0-alpha.5",
   "license": "MIT",
   "type": "module",
   "scripts": {