astro-awesomeness 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-awesomeness",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Astro 6/7 blog theme with shadcn primitives and a Tailwind v4 preset.",
   "keywords": [
     "astro",
@@ -55,13 +55,13 @@
     "@base-ui/react": "^1.6.0",
     "class-variance-authority": "^0.7.1",
     "cn": "^0.2.4",
-    "lucide-react": "^1.34.0",
+    "lucide-react": "^1.40.0",
     "tw-animate-css": "^1.4.0",
-    "zod": "^4.4.3"
+    "zod": "^4.5.4"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.4.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.5",
     "@vitest/coverage-v8": "^4.1.11",

package/src/astro/code-block.astro

@@ -3,12 +3,12 @@ import { Code } from "astro:components";
 import { cn } from "../lib/cn";
 
 type Props = {
+  class?: string;
   code: string;
   lang?: string;
-  class?: string;
 };
 
-const { code, lang = "ts", class: className = "" } = Astro.props;
+const { class: className = "", code, lang = "ts" } = Astro.props;
 ---
 <div class={cn("bg-muted border-border overflow-hidden rounded-md border", className)}>
   <Code code={code} lang={lang} theme="github-dark" />

package/src/astro/footer.astro

@@ -1,11 +1,12 @@
 ---
 import { cn } from "../lib/cn";
+
 type Props = {
-  siteTitle: string;
   class?: string;
+  siteTitle: string;
 };
 
-const { siteTitle, class: className = "" } = Astro.props;
+const { class: className = "", siteTitle } = Astro.props;
 const year = new Date().getFullYear();
 ---
 <footer class={cn("border-border text-muted-foreground mt-16 border-t py-6 text-sm", className)}>

package/src/astro/formatted-date.astro

@@ -2,12 +2,12 @@
 import { formatDate } from "../lib/format-date";
 
 type Props = {
+  class?: string;
   date: Date;
   locale?: string;
-  class?: string;
 };
 
-const { date, locale = "en-US", class: className = "" } = Astro.props;
+const { class: className = "", date, locale = "en-US" } = Astro.props;
 const iso = date.toISOString();
 const formatted = formatDate(date, locale);
 ---

package/src/astro/header.astro

@@ -3,19 +3,19 @@ import { ThemeToggle } from "../components/theme-toggle";
 import { cn } from "../lib/cn";
 
 type Props = {
-  siteTitle: string;
-  homeHref?: string;
   class?: string;
-  themeToggleLabel?: string;
+  homeHref?: string;
   showThemeToggle?: boolean;
+  siteTitle: string;
+  themeToggleLabel?: string;
 };
 
 const {
-  siteTitle,
-  homeHref = "/",
   class: className = "",
-  themeToggleLabel = "Toggle theme",
+  homeHref = "/",
   showThemeToggle = true,
+  siteTitle,
+  themeToggleLabel = "Toggle theme",
 } = Astro.props;
 ---
 <header class={cn("border-border bg-background/80 sticky top-0 z-40 border-b backdrop-blur", className)}>

package/src/astro/pagination.astro

@@ -1,25 +1,26 @@
 ---
 import { cn } from "../lib/cn";
+
 type Props = {
+  class?: string;
   currentPage: number;
   lastPage: number;
-  urlForPage: (page: number) => string;
-  class?: string;
-  prevLabel?: string;
   nextLabel?: string;
-  pageLabel?: string;
   ofLabel?: string;
+  pageLabel?: string;
+  prevLabel?: string;
+  urlForPage: (page: number) => string;
 };
 
 const {
+  class: className = "",
   currentPage,
   lastPage,
-  urlForPage,
-  class: className = "",
-  prevLabel = "← Previous",
   nextLabel = "Next →",
-  pageLabel = "Page",
   ofLabel = "of",
+  pageLabel = "Page",
+  prevLabel = "← Previous",
+  urlForPage,
 } = Astro.props;
 const hasPrev = currentPage > 1;
 const hasNext = currentPage < lastPage;

package/src/astro/post-card.astro

@@ -4,15 +4,15 @@ import type { Post } from "../content/index";
 import FormattedDate from "./formatted-date.astro";
 import TagList from "./tag-list.astro";
 
-type PostEntry = { id: string; data: Post };
+type PostEntry = { data: Post; id: string };
 type Props = {
-  post: PostEntry;
   locale?: string;
+  post: PostEntry;
   postHref?: (post: PostEntry) => string;
 };
 
-const { post, locale, postHref } = Astro.props;
-const { title, description, pubDate, tags } = post.data;
+const { locale, post, postHref } = Astro.props;
+const { description, pubDate, tags, title } = post.data;
 const href = postHref ? postHref(post) : `/blog/${post.id}`;
 ---
 <article class="post-card border-border group border-b py-6 last:border-0">

package/src/astro/prose.astro

@@ -1,5 +1,6 @@
 ---
 import { cn } from "../lib/cn";
+
 type Props = {
   class?: string;
 };

package/src/astro/reading-time.astro

@@ -2,12 +2,12 @@
 import { readingTime } from "../lib/reading-time";
 
 type Props = {
-  text: string;
-  label?: string;
   class?: string;
+  label?: string;
+  text: string;
 };
 
-const { text, label = "min read", class: className = "" } = Astro.props;
+const { class: className = "", label = "min read", text } = Astro.props;
 const { minutes } = readingTime(text);
 ---
 <span class={className}>{minutes} {label}</span>

package/src/astro/seo.astro

@@ -1,28 +1,28 @@
 ---
 type Props = {
-  title: string;
-  description: string;
+  authorName?: string;
   canonical?: string;
+  description: string;
   image?: string;
-  type?: "website" | "article";
-  siteName?: string;
   locale?: string;
-  publishedTime?: Date;
   modifiedTime?: Date;
-  authorName?: string;
+  publishedTime?: Date;
+  siteName?: string;
+  title: string;
+  type?: "website" | "article";
 };
 
 const {
-  title,
-  description,
+  authorName,
   canonical,
+  description,
   image,
-  type = "website",
-  siteName,
   locale = "en_US",
-  publishedTime,
   modifiedTime,
-  authorName,
+  publishedTime,
+  siteName,
+  title,
+  type = "website",
 } = Astro.props;
 const url = canonical ?? new URL(Astro.url.pathname, Astro.site ?? Astro.url.origin).toString();
 ---

package/src/astro/table-of-contents.astro

@@ -2,27 +2,29 @@
 import { slugify } from "../lib/slugify";
 import { cn } from "../lib/cn";
 
-type Heading = { depth: number; text: string; slug: string };
+type Heading = { depth: number; slug: string; text: string };
 
 type Props = {
-  headings: Array<{ depth: number; text: string; slug?: string }>;
-  minDepth?: number;
-  maxDepth?: number;
   class?: string;
   heading?: string;
+  headings: Array<{ depth: number; slug?: string; text: string }>;
+  maxDepth?: number;
+  minDepth?: number;
 };
 
 const {
-  headings,
-  minDepth = 2,
-  maxDepth = 3,
   class: className = "",
   heading = "On this page",
+  headings,
+  maxDepth = 3,
+  minDepth = 2,
 } = Astro.props;
 
-const visible: Array<Heading> = headings
-  .filter((h) => h.depth >= minDepth && h.depth <= maxDepth)
-  .map((h) => ({ depth: h.depth, text: h.text, slug: h.slug ?? slugify(h.text) }));
+const visible: Array<Heading> = headings.flatMap((h) =>
+  h.depth >= minDepth && h.depth <= maxDepth
+    ? [{ depth: h.depth, slug: h.slug ?? slugify(h.text), text: h.text }]
+    : [],
+);
 ---
 {visible.length > 0 && (
   <nav class={cn("text-sm", className)} aria-label="Table of contents">

package/src/astro/tag-list.astro

@@ -3,12 +3,12 @@ import { DEFAULT_TAG_BASE, tagUrl } from "../lib/tag-url";
 import { cn } from "../lib/cn";
 
 type Props = {
-  tags: Array<string>;
   base?: string;
   class?: string;
+  tags: Array<string>;
 };
 
-const { tags, base = DEFAULT_TAG_BASE, class: className = "" } = Astro.props;
+const { base = DEFAULT_TAG_BASE, class: className = "", tags } = Astro.props;
 ---
 <ul class={cn("flex flex-wrap gap-2", className)}>
   {tags.map((tag) => (

package/src/layouts/base-layout.astro

@@ -2,47 +2,48 @@
 import Seo from "../astro/seo.astro";
 
 type Props = {
-  title: string;
-  description: string;
+  authorName?: string;
   canonical?: string;
+  colorScheme?: "auto" | "light" | "dark";
+  description: string;
   image?: string;
-  type?: "website" | "article";
   lang?: string;
-  siteTitle?: string;
-  rssHref?: string;
-  siteName?: string;
   locale?: string;
-  publishedTime?: Date;
   modifiedTime?: Date;
-  authorName?: string;
-  colorScheme?: "auto" | "light" | "dark";
+  publishedTime?: Date;
+  rssHref?: string;
+  siteName?: string;
+  siteTitle?: string;
+  title: string;
+  type?: "website" | "article";
 };
 
 const {
-  title,
-  description,
+  authorName,
   canonical,
+  colorScheme = "auto",
+  description,
   image,
-  type = "website",
   lang = "en",
-  siteTitle,
-  rssHref,
-  siteName,
   locale,
-  publishedTime,
   modifiedTime,
-  authorName,
-  colorScheme = "auto",
+  publishedTime,
+  rssHref,
+  siteName,
+  siteTitle,
+  title,
+  type = "website",
 } = Astro.props;
 
-const colorSchemeScript = colorScheme === "auto"
-  ? `(() => {
+const colorSchemeScript =
+  colorScheme === "auto"
+    ? `(() => {
         const stored = localStorage.getItem("theme");
         const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
         const theme = stored === "dark" || stored === "light" ? stored : prefersDark ? "dark" : "light";
         document.documentElement.classList.toggle("dark", theme === "dark");
       })();`
-  : `document.documentElement.classList.toggle("dark", ${colorScheme === "dark"});`;
+    : `document.documentElement.classList.toggle("dark", ${colorScheme === "dark"});`;
 ---
 <!doctype html>
 <html lang={lang}>

package/src/layouts/list-layout.astro

@@ -7,22 +7,32 @@ import Header from "../astro/header.astro";
 import PostCard from "../astro/post-card.astro";
 import Pagination from "../astro/pagination.astro";
 
-type PostEntry = { id: string; data: Post };
+type PostEntry = { data: Post; id: string };
 type Props = {
-  title: string;
   description: string;
   eyebrow?: string;
-  posts: Array<PostEntry>;
-  page?: { currentPage: number; lastPage: number; url: { prev?: string; next?: string } };
-  urlForPage?: (page: number) => string;
   locale?: string;
-  siteTitle?: string;
-  rssHref?: string;
+  page?: { currentPage: number; lastPage: number; url: { next?: string; prev?: string } };
   postHref?: (post: PostEntry) => string;
+  posts: Array<PostEntry>;
+  rssHref?: string;
+  siteTitle?: string;
+  title: string;
+  urlForPage?: (page: number) => string;
 };
 
-const { title, description, eyebrow, posts, page, urlForPage, locale, siteTitle, rssHref, postHref } =
-  Astro.props;
+const {
+  description,
+  eyebrow,
+  locale,
+  page,
+  postHref,
+  posts,
+  rssHref,
+  siteTitle,
+  title,
+  urlForPage,
+} = Astro.props;
 ---
 <BaseLayout title={title} description={description} siteTitle={siteTitle} rssHref={rssHref}>
   <Fragment slot="header">{siteTitle && <Header siteTitle={siteTitle} />}</Fragment>

package/src/layouts/post-layout.astro

@@ -11,31 +11,31 @@ import Prose from "../astro/prose.astro";
 import TableOfContents from "../astro/table-of-contents.astro";
 import PostCard from "../astro/post-card.astro";
 
-type PostEntry = { id: string; data: Post };
+type PostEntry = { data: Post; id: string };
 type Props = {
-  post: { id: string; data: Post; body?: string };
+  headings?: Array<{ depth: number; slug?: string; text: string }>;
   locale?: string;
+  post: { body?: string; data: Post; id: string };
+  postHref?: (post: PostEntry) => string;
+  relatedHeading?: string;
+  relatedPosts?: Array<PostEntry>;
+  rssHref?: string;
   siteTitle?: string;
   updatedLabel?: string;
-  rssHref?: string;
-  headings?: Array<{ depth: number; text: string; slug?: string }>;
-  relatedPosts?: Array<PostEntry>;
-  relatedHeading?: string;
-  postHref?: (post: PostEntry) => string;
 };
 
 const {
-  post,
+  headings,
   locale,
+  post,
+  postHref,
+  relatedHeading = "Related posts",
+  relatedPosts,
+  rssHref,
   siteTitle,
   updatedLabel = "Updated",
-  rssHref,
-  headings,
-  relatedPosts,
-  relatedHeading = "Related posts",
-  postHref,
 } = Astro.props;
-const { title, description, pubDate, updatedDate, tags } = post.data;
+const { description, pubDate, tags, title, updatedDate } = post.data;
 ---
 <BaseLayout
   title={title}