@victusvinceere/saas-blog 0.1.0

package/dist/components/index.d.mts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface BlogPost {
+    slug: string;
+    title: string;
+    description: string;
+    date: string;
+    author: {
+        name: string;
+        image?: string;
+    };
+    image?: string;
+    tags?: string[];
+    content: string;
+    readingTime: string;
+}
+interface BlogPostMeta {
+    slug: string;
+    title: string;
+    description: string;
+    date: string;
+    author: {
+        name: string;
+        image?: string;
+    };
+    image?: string;
+    tags?: string[];
+    readingTime: string;
+}
+interface BlogConfig {
+    contentDirectory?: string;
+    defaultAuthor?: {
+        name: string;
+        image?: string;
+    };
+}
+declare function configureBlog(options: BlogConfig): void;
+declare function getAllPosts(): BlogPostMeta[];
+declare function getPostBySlug(slug: string): BlogPost | null;
+declare function getAllPostSlugs(): string[];
+declare function getPostsByTag(tag: string): BlogPostMeta[];
+declare function getAllTags(): string[];
+
+interface PostCardProps {
+    post: BlogPostMeta;
+    basePath?: string;
+    className?: string;
+}
+declare function PostCard({ post, basePath, className }: PostCardProps): react_jsx_runtime.JSX.Element;
+
+interface PostHeaderProps {
+    post: BlogPost;
+    className?: string;
+}
+declare function PostHeader({ post, className }: PostHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { type BlogConfig as B, PostCard, type PostCardProps, PostHeader, type PostHeaderProps, type BlogPost as a, type BlogPostMeta as b, configureBlog as c, getAllPosts as d, getAllTags as e, getPostBySlug as f, getAllPostSlugs as g, getPostsByTag as h };

package/dist/components/index.d.ts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface BlogPost {
+    slug: string;
+    title: string;
+    description: string;
+    date: string;
+    author: {
+        name: string;
+        image?: string;
+    };
+    image?: string;
+    tags?: string[];
+    content: string;
+    readingTime: string;
+}
+interface BlogPostMeta {
+    slug: string;
+    title: string;
+    description: string;
+    date: string;
+    author: {
+        name: string;
+        image?: string;
+    };
+    image?: string;
+    tags?: string[];
+    readingTime: string;
+}
+interface BlogConfig {
+    contentDirectory?: string;
+    defaultAuthor?: {
+        name: string;
+        image?: string;
+    };
+}
+declare function configureBlog(options: BlogConfig): void;
+declare function getAllPosts(): BlogPostMeta[];
+declare function getPostBySlug(slug: string): BlogPost | null;
+declare function getAllPostSlugs(): string[];
+declare function getPostsByTag(tag: string): BlogPostMeta[];
+declare function getAllTags(): string[];
+
+interface PostCardProps {
+    post: BlogPostMeta;
+    basePath?: string;
+    className?: string;
+}
+declare function PostCard({ post, basePath, className }: PostCardProps): react_jsx_runtime.JSX.Element;
+
+interface PostHeaderProps {
+    post: BlogPost;
+    className?: string;
+}
+declare function PostHeader({ post, className }: PostHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { type BlogConfig as B, PostCard, type PostCardProps, PostHeader, type PostHeaderProps, type BlogPost as a, type BlogPostMeta as b, configureBlog as c, getAllPosts as d, getAllTags as e, getPostBySlug as f, getAllPostSlugs as g, getPostsByTag as h };

package/dist/components/index.js

@@ -0,0 +1,128 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  PostCard: () => PostCard,
+  PostHeader: () => PostHeader
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/post-card.tsx
+var import_link = __toESM(require("next/link"));
+var import_image = __toESM(require("next/image"));
+var import_date_fns = require("date-fns");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostCard({ post, basePath = "/blog", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: `group relative flex flex-col space-y-2 ${className}`, children: [
+    post.image && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_image.default,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover transition-transform group-hover:scale-105"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: post.tags?.slice(0, 2).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-semibold tracking-tight", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: `${basePath}/${post.slug}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute inset-0" }),
+      post.title
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "line-clamp-2 text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_date_fns.format)(new Date(post.date), "MMM d, yyyy") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: post.readingTime })
+    ] })
+  ] });
+}
+
+// src/components/post-header.tsx
+var import_image2 = __toESM(require("next/image"));
+var import_date_fns2 = require("date-fns");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function PostHeader({ post, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-2", children: post.tags?.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-4xl font-bold tracking-tight lg:text-5xl", children: post.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xl text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-4", children: [
+      post.author.image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_image2.default,
+        {
+          src: post.author.image,
+          alt: post.author.name,
+          width: 40,
+          height: 40,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "font-medium", children: post.author.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          (0, import_date_fns2.format)(new Date(post.date), "MMMM d, yyyy"),
+          " \xB7 ",
+          post.readingTime
+        ] })
+      ] })
+    ] }),
+    post.image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_image2.default,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover",
+        priority: true
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostCard,
+  PostHeader
+});
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts","../../src/components/post-card.tsx","../../src/components/post-header.tsx"],"sourcesContent":["export { PostCard } from \"./post-card\";\nexport type { PostCardProps } from \"./post-card\";\n\nexport { PostHeader } from \"./post-header\";\nexport type { PostHeaderProps } from \"./post-header\";\n","\"use client\";\n\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPostMeta } from \"../lib/blog\";\n\nexport interface PostCardProps {\n  post: BlogPostMeta;\n  basePath?: string;\n  className?: string;\n}\n\nexport function PostCard({ post, basePath = \"/blog\", className }: PostCardProps) {\n  return (\n    <article className={`group relative flex flex-col space-y-2 ${className}`}>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover transition-transform group-hover:scale-105\"\n          />\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.slice(0, 2).map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h2 className=\"text-2xl font-semibold tracking-tight\">\n        <Link href={`${basePath}/${post.slug}`}>\n          <span className=\"absolute inset-0\" />\n          {post.title}\n        </Link>\n      </h2>\n      <p className=\"line-clamp-2 text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n        <span>{format(new Date(post.date), \"MMM d, yyyy\")}</span>\n        <span>{post.readingTime}</span>\n      </div>\n    </article>\n  );\n}\n","\"use client\";\n\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPost } from \"../lib/blog\";\n\nexport interface PostHeaderProps {\n  post: BlogPost;\n  className?: string;\n}\n\nexport function PostHeader({ post, className }: PostHeaderProps) {\n  return (\n    <header className={`space-y-4 ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h1 className=\"text-4xl font-bold tracking-tight lg:text-5xl\">\n        {post.title}\n      </h1>\n      <p className=\"text-xl text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4\">\n        {post.author.image && (\n          <Image\n            src={post.author.image}\n            alt={post.author.name}\n            width={40}\n            height={40}\n            className=\"rounded-full\"\n          />\n        )}\n        <div>\n          <p className=\"font-medium\">{post.author.name}</p>\n          <p className=\"text-sm text-muted-foreground\">\n            {format(new Date(post.date), \"MMMM d, yyyy\")} · {post.readingTime}\n          </p>\n        </div>\n      </div>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover\"\n            priority\n          />\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,kBAAiB;AACjB,mBAAkB;AAClB,sBAAuB;AAcb;AALH,SAAS,SAAS,EAAE,MAAM,WAAW,SAAS,UAAU,GAAkB;AAC/E,SACE,6CAAC,aAAQ,WAAW,0CAA0C,SAAS,IACpE;AAAA,SAAK,SACJ,4CAAC,SAAI,WAAU,oDACb;AAAA,MAAC,aAAAA;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF;AAAA,IAEF,4CAAC,SAAI,WAAU,2BACZ,eAAK,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,QAC3B;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,IACA,4CAAC,QAAG,WAAU,yCACZ,uDAAC,YAAAC,SAAA,EAAK,MAAM,GAAG,QAAQ,IAAI,KAAK,IAAI,IAClC;AAAA,kDAAC,UAAK,WAAU,oBAAmB;AAAA,MAClC,KAAK;AAAA,OACR,GACF;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAsC,eAAK,aAAY;AAAA,IACpE,6CAAC,SAAI,WAAU,yDACb;AAAA,kDAAC,UAAM,sCAAO,IAAI,KAAK,KAAK,IAAI,GAAG,aAAa,GAAE;AAAA,MAClD,4CAAC,UAAM,eAAK,aAAY;AAAA,OAC1B;AAAA,KACF;AAEJ;;;AC/CA,IAAAC,gBAAkB;AAClB,IAAAC,mBAAuB;AAab,IAAAC,sBAAA;AALH,SAAS,WAAW,EAAE,MAAM,UAAU,GAAoB;AAC/D,SACE,8CAAC,YAAO,WAAW,aAAa,SAAS,IACvC;AAAA,iDAAC,SAAI,WAAU,2BACZ,eAAK,MAAM,IAAI,CAAC,QACf;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,IACA,6CAAC,QAAG,WAAU,iDACX,eAAK,OACR;AAAA,IACA,6CAAC,OAAE,WAAU,iCAAiC,eAAK,aAAY;AAAA,IAC/D,8CAAC,SAAI,WAAU,2BACZ;AAAA,WAAK,OAAO,SACX;AAAA,QAAC,cAAAC;AAAA,QAAA;AAAA,UACC,KAAK,KAAK,OAAO;AAAA,UACjB,KAAK,KAAK,OAAO;AAAA,UACjB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,8CAAC,SACC;AAAA,qDAAC,OAAE,WAAU,eAAe,eAAK,OAAO,MAAK;AAAA,QAC7C,8CAAC,OAAE,WAAU,iCACV;AAAA,uCAAO,IAAI,KAAK,KAAK,IAAI,GAAG,cAAc;AAAA,UAAE;AAAA,UAAI,KAAK;AAAA,WACxD;AAAA,SACF;AAAA,OACF;AAAA,IACC,KAAK,SACJ,6CAAC,SAAI,WAAU,oDACb;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA,QACV,UAAQ;AAAA;AAAA,IACV,GACF;AAAA,KAEJ;AAEJ;","names":["Image","Link","import_image","import_date_fns","import_jsx_runtime","Image"]}

package/dist/components/index.mjs

@@ -0,0 +1,91 @@
+"use client";
+
+// src/components/post-card.tsx
+import Link from "next/link";
+import Image from "next/image";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PostCard({ post, basePath = "/blog", className }) {
+  return /* @__PURE__ */ jsxs("article", { className: `group relative flex flex-col space-y-2 ${className}`, children: [
+    post.image && /* @__PURE__ */ jsx("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover transition-transform group-hover:scale-105"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: post.tags?.slice(0, 2).map((tag) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: /* @__PURE__ */ jsxs(Link, { href: `${basePath}/${post.slug}`, children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute inset-0" }),
+      post.title
+    ] }) }),
+    /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: format(new Date(post.date), "MMM d, yyyy") }),
+      /* @__PURE__ */ jsx("span", { children: post.readingTime })
+    ] })
+  ] });
+}
+
+// src/components/post-header.tsx
+import Image2 from "next/image";
+import { format as format2 } from "date-fns";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function PostHeader({ post, className }) {
+  return /* @__PURE__ */ jsxs2("header", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-2", children: post.tags?.map((tag) => /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ jsx2("h1", { className: "text-4xl font-bold tracking-tight lg:text-5xl", children: post.title }),
+    /* @__PURE__ */ jsx2("p", { className: "text-xl text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-4", children: [
+      post.author.image && /* @__PURE__ */ jsx2(
+        Image2,
+        {
+          src: post.author.image,
+          alt: post.author.name,
+          width: 40,
+          height: 40,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "font-medium", children: post.author.name }),
+        /* @__PURE__ */ jsxs2("p", { className: "text-sm text-muted-foreground", children: [
+          format2(new Date(post.date), "MMMM d, yyyy"),
+          " \xB7 ",
+          post.readingTime
+        ] })
+      ] })
+    ] }),
+    post.image && /* @__PURE__ */ jsx2("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx2(
+      Image2,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover",
+        priority: true
+      }
+    ) })
+  ] });
+}
+export {
+  PostCard,
+  PostHeader
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/post-card.tsx","../../src/components/post-header.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPostMeta } from \"../lib/blog\";\n\nexport interface PostCardProps {\n  post: BlogPostMeta;\n  basePath?: string;\n  className?: string;\n}\n\nexport function PostCard({ post, basePath = \"/blog\", className }: PostCardProps) {\n  return (\n    <article className={`group relative flex flex-col space-y-2 ${className}`}>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover transition-transform group-hover:scale-105\"\n          />\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.slice(0, 2).map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h2 className=\"text-2xl font-semibold tracking-tight\">\n        <Link href={`${basePath}/${post.slug}`}>\n          <span className=\"absolute inset-0\" />\n          {post.title}\n        </Link>\n      </h2>\n      <p className=\"line-clamp-2 text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n        <span>{format(new Date(post.date), \"MMM d, yyyy\")}</span>\n        <span>{post.readingTime}</span>\n      </div>\n    </article>\n  );\n}\n","\"use client\";\n\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPost } from \"../lib/blog\";\n\nexport interface PostHeaderProps {\n  post: BlogPost;\n  className?: string;\n}\n\nexport function PostHeader({ post, className }: PostHeaderProps) {\n  return (\n    <header className={`space-y-4 ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h1 className=\"text-4xl font-bold tracking-tight lg:text-5xl\">\n        {post.title}\n      </h1>\n      <p className=\"text-xl text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4\">\n        {post.author.image && (\n          <Image\n            src={post.author.image}\n            alt={post.author.name}\n            width={40}\n            height={40}\n            className=\"rounded-full\"\n          />\n        )}\n        <div>\n          <p className=\"font-medium\">{post.author.name}</p>\n          <p className=\"text-sm text-muted-foreground\">\n            {format(new Date(post.date), \"MMMM d, yyyy\")} · {post.readingTime}\n          </p>\n        </div>\n      </div>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover\"\n            priority\n          />\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":";;;AAEA,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,cAAc;AAcb,cAmBF,YAnBE;AALH,SAAS,SAAS,EAAE,MAAM,WAAW,SAAS,UAAU,GAAkB;AAC/E,SACE,qBAAC,aAAQ,WAAW,0CAA0C,SAAS,IACpE;AAAA,SAAK,SACJ,oBAAC,SAAI,WAAU,oDACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF;AAAA,IAEF,oBAAC,SAAI,WAAU,2BACZ,eAAK,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,QAC3B;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,IACA,oBAAC,QAAG,WAAU,yCACZ,+BAAC,QAAK,MAAM,GAAG,QAAQ,IAAI,KAAK,IAAI,IAClC;AAAA,0BAAC,UAAK,WAAU,oBAAmB;AAAA,MAClC,KAAK;AAAA,OACR,GACF;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAsC,eAAK,aAAY;AAAA,IACpE,qBAAC,SAAI,WAAU,yDACb;AAAA,0BAAC,UAAM,iBAAO,IAAI,KAAK,KAAK,IAAI,GAAG,aAAa,GAAE;AAAA,MAClD,oBAAC,UAAM,eAAK,aAAY;AAAA,OAC1B;AAAA,KACF;AAEJ;;;AC/CA,OAAOA,YAAW;AAClB,SAAS,UAAAC,eAAc;AAab,gBAAAC,MAwBA,QAAAC,aAxBA;AALH,SAAS,WAAW,EAAE,MAAM,UAAU,GAAoB;AAC/D,SACE,gBAAAA,MAAC,YAAO,WAAW,aAAa,SAAS,IACvC;AAAA,oBAAAD,KAAC,SAAI,WAAU,2BACZ,eAAK,MAAM,IAAI,CAAC,QACf,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,IACA,gBAAAA,KAAC,QAAG,WAAU,iDACX,eAAK,OACR;AAAA,IACA,gBAAAA,KAAC,OAAE,WAAU,iCAAiC,eAAK,aAAY;AAAA,IAC/D,gBAAAC,MAAC,SAAI,WAAU,2BACZ;AAAA,WAAK,OAAO,SACX,gBAAAD;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,KAAK,KAAK,OAAO;AAAA,UACjB,KAAK,KAAK,OAAO;AAAA,UACjB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,gBAAAG,MAAC,SACC;AAAA,wBAAAD,KAAC,OAAE,WAAU,eAAe,eAAK,OAAO,MAAK;AAAA,QAC7C,gBAAAC,MAAC,OAAE,WAAU,iCACV;AAAA,UAAAF,QAAO,IAAI,KAAK,KAAK,IAAI,GAAG,cAAc;AAAA,UAAE;AAAA,UAAI,KAAK;AAAA,WACxD;AAAA,SACF;AAAA,OACF;AAAA,IACC,KAAK,SACJ,gBAAAC,KAAC,SAAI,WAAU,oDACb,0BAAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA,QACV,UAAQ;AAAA;AAAA,IACV,GACF;AAAA,KAEJ;AAEJ;","names":["Image","format","jsx","jsxs"]}

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export { B as BlogConfig, a as BlogPost, b as BlogPostMeta, PostCard, PostCardProps, PostHeader, PostHeaderProps, c as configureBlog, g as getAllPostSlugs, d as getAllPosts, e as getAllTags, f as getPostBySlug, h as getPostsByTag } from './components/index.mjs';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { B as BlogConfig, a as BlogPost, b as BlogPostMeta, PostCard, PostCardProps, PostHeader, PostHeaderProps, c as configureBlog, g as getAllPostSlugs, d as getAllPosts, e as getAllTags, f as getPostBySlug, h as getPostsByTag } from './components/index.js';
+import 'react/jsx-runtime';

package/dist/index.js

@@ -0,0 +1,224 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PostCard: () => PostCard,
+  PostHeader: () => PostHeader,
+  configureBlog: () => configureBlog,
+  getAllPostSlugs: () => getAllPostSlugs,
+  getAllPosts: () => getAllPosts,
+  getAllTags: () => getAllTags,
+  getPostBySlug: () => getPostBySlug,
+  getPostsByTag: () => getPostsByTag
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/blog.ts
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var import_gray_matter = __toESM(require("gray-matter"));
+var import_reading_time = __toESM(require("reading-time"));
+var config = {
+  contentDirectory: import_path.default.join(process.cwd(), "content/blog"),
+  defaultAuthor: { name: "Anonymous" }
+};
+function configureBlog(options) {
+  config = { ...config, ...options };
+}
+function getContentDirectory() {
+  return config.contentDirectory || import_path.default.join(process.cwd(), "content/blog");
+}
+function getAllPosts() {
+  const contentDirectory = getContentDirectory();
+  if (!import_fs.default.existsSync(contentDirectory)) {
+    return [];
+  }
+  const files = import_fs.default.readdirSync(contentDirectory);
+  const posts = files.filter((file) => file.endsWith(".mdx") || file.endsWith(".md")).map((file) => {
+    const slug = file.replace(/\.mdx?$/, "");
+    const fullPath = import_path.default.join(contentDirectory, file);
+    const fileContents = import_fs.default.readFileSync(fullPath, "utf8");
+    const { data, content } = (0, import_gray_matter.default)(fileContents);
+    return {
+      slug,
+      title: data.title || slug,
+      description: data.description || "",
+      date: data.date || (/* @__PURE__ */ new Date()).toISOString(),
+      author: data.author || config.defaultAuthor || { name: "Anonymous" },
+      image: data.image,
+      tags: data.tags || [],
+      readingTime: (0, import_reading_time.default)(content).text
+    };
+  }).sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+  return posts;
+}
+function getPostBySlug(slug) {
+  const contentDirectory = getContentDirectory();
+  let fullPath = import_path.default.join(contentDirectory, `${slug}.mdx`);
+  if (!import_fs.default.existsSync(fullPath)) {
+    fullPath = import_path.default.join(contentDirectory, `${slug}.md`);
+  }
+  if (!import_fs.default.existsSync(fullPath)) {
+    return null;
+  }
+  const fileContents = import_fs.default.readFileSync(fullPath, "utf8");
+  const { data, content } = (0, import_gray_matter.default)(fileContents);
+  return {
+    slug,
+    title: data.title || slug,
+    description: data.description || "",
+    date: data.date || (/* @__PURE__ */ new Date()).toISOString(),
+    author: data.author || config.defaultAuthor || { name: "Anonymous" },
+    image: data.image,
+    tags: data.tags || [],
+    content,
+    readingTime: (0, import_reading_time.default)(content).text
+  };
+}
+function getAllPostSlugs() {
+  const contentDirectory = getContentDirectory();
+  if (!import_fs.default.existsSync(contentDirectory)) {
+    return [];
+  }
+  const files = import_fs.default.readdirSync(contentDirectory);
+  return files.filter((file) => file.endsWith(".mdx") || file.endsWith(".md")).map((file) => file.replace(/\.mdx?$/, ""));
+}
+function getPostsByTag(tag) {
+  return getAllPosts().filter(
+    (post) => post.tags?.map((t) => t.toLowerCase()).includes(tag.toLowerCase())
+  );
+}
+function getAllTags() {
+  const posts = getAllPosts();
+  const tags = /* @__PURE__ */ new Set();
+  posts.forEach((post) => {
+    post.tags?.forEach((tag) => tags.add(tag));
+  });
+  return Array.from(tags);
+}
+
+// src/components/post-card.tsx
+var import_link = __toESM(require("next/link"));
+var import_image = __toESM(require("next/image"));
+var import_date_fns = require("date-fns");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostCard({ post, basePath = "/blog", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: `group relative flex flex-col space-y-2 ${className}`, children: [
+    post.image && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_image.default,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover transition-transform group-hover:scale-105"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: post.tags?.slice(0, 2).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-semibold tracking-tight", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: `${basePath}/${post.slug}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute inset-0" }),
+      post.title
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "line-clamp-2 text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_date_fns.format)(new Date(post.date), "MMM d, yyyy") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: post.readingTime })
+    ] })
+  ] });
+}
+
+// src/components/post-header.tsx
+var import_image2 = __toESM(require("next/image"));
+var import_date_fns2 = require("date-fns");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function PostHeader({ post, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-2", children: post.tags?.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-4xl font-bold tracking-tight lg:text-5xl", children: post.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xl text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-4", children: [
+      post.author.image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_image2.default,
+        {
+          src: post.author.image,
+          alt: post.author.name,
+          width: 40,
+          height: 40,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "font-medium", children: post.author.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          (0, import_date_fns2.format)(new Date(post.date), "MMMM d, yyyy"),
+          " \xB7 ",
+          post.readingTime
+        ] })
+      ] })
+    ] }),
+    post.image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_image2.default,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover",
+        priority: true
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostCard,
+  PostHeader,
+  configureBlog,
+  getAllPostSlugs,
+  getAllPosts,
+  getAllTags,
+  getPostBySlug,
+  getPostsByTag
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/lib/blog.ts","../src/components/post-card.tsx","../src/components/post-header.tsx"],"sourcesContent":["// Blog utilities\nexport {\n  getAllPosts,\n  getPostBySlug,\n  getAllPostSlugs,\n  getPostsByTag,\n  getAllTags,\n  configureBlog,\n} from \"./lib/blog\";\nexport type { BlogPost, BlogPostMeta, BlogConfig } from \"./lib/blog\";\n\n// Components\nexport { PostCard, PostHeader } from \"./components\";\nexport type { PostCardProps, PostHeaderProps } from \"./components\";\n","import fs from \"fs\";\nimport path from \"path\";\nimport matter from \"gray-matter\";\nimport readingTime from \"reading-time\";\n\nexport interface BlogPost {\n  slug: string;\n  title: string;\n  description: string;\n  date: string;\n  author: {\n    name: string;\n    image?: string;\n  };\n  image?: string;\n  tags?: string[];\n  content: string;\n  readingTime: string;\n}\n\nexport interface BlogPostMeta {\n  slug: string;\n  title: string;\n  description: string;\n  date: string;\n  author: {\n    name: string;\n    image?: string;\n  };\n  image?: string;\n  tags?: string[];\n  readingTime: string;\n}\n\nexport interface BlogConfig {\n  contentDirectory?: string;\n  defaultAuthor?: {\n    name: string;\n    image?: string;\n  };\n}\n\nlet config: BlogConfig = {\n  contentDirectory: path.join(process.cwd(), \"content/blog\"),\n  defaultAuthor: { name: \"Anonymous\" },\n};\n\nexport function configureBlog(options: BlogConfig) {\n  config = { ...config, ...options };\n}\n\nfunction getContentDirectory(): string {\n  return config.contentDirectory || path.join(process.cwd(), \"content/blog\");\n}\n\nexport function getAllPosts(): BlogPostMeta[] {\n  const contentDirectory = getContentDirectory();\n\n  if (!fs.existsSync(contentDirectory)) {\n    return [];\n  }\n\n  const files = fs.readdirSync(contentDirectory);\n  const posts = files\n    .filter((file) => file.endsWith(\".mdx\") || file.endsWith(\".md\"))\n    .map((file) => {\n      const slug = file.replace(/\\.mdx?$/, \"\");\n      const fullPath = path.join(contentDirectory, file);\n      const fileContents = fs.readFileSync(fullPath, \"utf8\");\n      const { data, content } = matter(fileContents);\n\n      return {\n        slug,\n        title: data.title || slug,\n        description: data.description || \"\",\n        date: data.date || new Date().toISOString(),\n        author: data.author || config.defaultAuthor || { name: \"Anonymous\" },\n        image: data.image,\n        tags: data.tags || [],\n        readingTime: readingTime(content).text,\n      };\n    })\n    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());\n\n  return posts;\n}\n\nexport function getPostBySlug(slug: string): BlogPost | null {\n  const contentDirectory = getContentDirectory();\n\n  // Try both .mdx and .md extensions\n  let fullPath = path.join(contentDirectory, `${slug}.mdx`);\n  if (!fs.existsSync(fullPath)) {\n    fullPath = path.join(contentDirectory, `${slug}.md`);\n  }\n\n  if (!fs.existsSync(fullPath)) {\n    return null;\n  }\n\n  const fileContents = fs.readFileSync(fullPath, \"utf8\");\n  const { data, content } = matter(fileContents);\n\n  return {\n    slug,\n    title: data.title || slug,\n    description: data.description || \"\",\n    date: data.date || new Date().toISOString(),\n    author: data.author || config.defaultAuthor || { name: \"Anonymous\" },\n    image: data.image,\n    tags: data.tags || [],\n    content,\n    readingTime: readingTime(content).text,\n  };\n}\n\nexport function getAllPostSlugs(): string[] {\n  const contentDirectory = getContentDirectory();\n\n  if (!fs.existsSync(contentDirectory)) {\n    return [];\n  }\n\n  const files = fs.readdirSync(contentDirectory);\n  return files\n    .filter((file) => file.endsWith(\".mdx\") || file.endsWith(\".md\"))\n    .map((file) => file.replace(/\\.mdx?$/, \"\"));\n}\n\nexport function getPostsByTag(tag: string): BlogPostMeta[] {\n  return getAllPosts().filter((post) =>\n    post.tags?.map((t) => t.toLowerCase()).includes(tag.toLowerCase())\n  );\n}\n\nexport function getAllTags(): string[] {\n  const posts = getAllPosts();\n  const tags = new Set<string>();\n  posts.forEach((post) => {\n    post.tags?.forEach((tag) => tags.add(tag));\n  });\n  return Array.from(tags);\n}\n","\"use client\";\n\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPostMeta } from \"../lib/blog\";\n\nexport interface PostCardProps {\n  post: BlogPostMeta;\n  basePath?: string;\n  className?: string;\n}\n\nexport function PostCard({ post, basePath = \"/blog\", className }: PostCardProps) {\n  return (\n    <article className={`group relative flex flex-col space-y-2 ${className}`}>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover transition-transform group-hover:scale-105\"\n          />\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.slice(0, 2).map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h2 className=\"text-2xl font-semibold tracking-tight\">\n        <Link href={`${basePath}/${post.slug}`}>\n          <span className=\"absolute inset-0\" />\n          {post.title}\n        </Link>\n      </h2>\n      <p className=\"line-clamp-2 text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n        <span>{format(new Date(post.date), \"MMM d, yyyy\")}</span>\n        <span>{post.readingTime}</span>\n      </div>\n    </article>\n  );\n}\n","\"use client\";\n\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPost } from \"../lib/blog\";\n\nexport interface PostHeaderProps {\n  post: BlogPost;\n  className?: string;\n}\n\nexport function PostHeader({ post, className }: PostHeaderProps) {\n  return (\n    <header className={`space-y-4 ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h1 className=\"text-4xl font-bold tracking-tight lg:text-5xl\">\n        {post.title}\n      </h1>\n      <p className=\"text-xl text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4\">\n        {post.author.image && (\n          <Image\n            src={post.author.image}\n            alt={post.author.name}\n            width={40}\n            height={40}\n            className=\"rounded-full\"\n          />\n        )}\n        <div>\n          <p className=\"font-medium\">{post.author.name}</p>\n          <p className=\"text-sm text-muted-foreground\">\n            {format(new Date(post.date), \"MMMM d, yyyy\")} · {post.readingTime}\n          </p>\n        </div>\n      </div>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover\"\n            priority\n          />\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":"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","names":["path","fs","matter","readingTime","Image","Link","import_image","import_date_fns","import_jsx_runtime","Image"]}

package/dist/index.mjs

@@ -0,0 +1,181 @@
+"use client";
+
+// src/lib/blog.ts
+import fs from "fs";
+import path from "path";
+import matter from "gray-matter";
+import readingTime from "reading-time";
+var config = {
+  contentDirectory: path.join(process.cwd(), "content/blog"),
+  defaultAuthor: { name: "Anonymous" }
+};
+function configureBlog(options) {
+  config = { ...config, ...options };
+}
+function getContentDirectory() {
+  return config.contentDirectory || path.join(process.cwd(), "content/blog");
+}
+function getAllPosts() {
+  const contentDirectory = getContentDirectory();
+  if (!fs.existsSync(contentDirectory)) {
+    return [];
+  }
+  const files = fs.readdirSync(contentDirectory);
+  const posts = files.filter((file) => file.endsWith(".mdx") || file.endsWith(".md")).map((file) => {
+    const slug = file.replace(/\.mdx?$/, "");
+    const fullPath = path.join(contentDirectory, file);
+    const fileContents = fs.readFileSync(fullPath, "utf8");
+    const { data, content } = matter(fileContents);
+    return {
+      slug,
+      title: data.title || slug,
+      description: data.description || "",
+      date: data.date || (/* @__PURE__ */ new Date()).toISOString(),
+      author: data.author || config.defaultAuthor || { name: "Anonymous" },
+      image: data.image,
+      tags: data.tags || [],
+      readingTime: readingTime(content).text
+    };
+  }).sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+  return posts;
+}
+function getPostBySlug(slug) {
+  const contentDirectory = getContentDirectory();
+  let fullPath = path.join(contentDirectory, `${slug}.mdx`);
+  if (!fs.existsSync(fullPath)) {
+    fullPath = path.join(contentDirectory, `${slug}.md`);
+  }
+  if (!fs.existsSync(fullPath)) {
+    return null;
+  }
+  const fileContents = fs.readFileSync(fullPath, "utf8");
+  const { data, content } = matter(fileContents);
+  return {
+    slug,
+    title: data.title || slug,
+    description: data.description || "",
+    date: data.date || (/* @__PURE__ */ new Date()).toISOString(),
+    author: data.author || config.defaultAuthor || { name: "Anonymous" },
+    image: data.image,
+    tags: data.tags || [],
+    content,
+    readingTime: readingTime(content).text
+  };
+}
+function getAllPostSlugs() {
+  const contentDirectory = getContentDirectory();
+  if (!fs.existsSync(contentDirectory)) {
+    return [];
+  }
+  const files = fs.readdirSync(contentDirectory);
+  return files.filter((file) => file.endsWith(".mdx") || file.endsWith(".md")).map((file) => file.replace(/\.mdx?$/, ""));
+}
+function getPostsByTag(tag) {
+  return getAllPosts().filter(
+    (post) => post.tags?.map((t) => t.toLowerCase()).includes(tag.toLowerCase())
+  );
+}
+function getAllTags() {
+  const posts = getAllPosts();
+  const tags = /* @__PURE__ */ new Set();
+  posts.forEach((post) => {
+    post.tags?.forEach((tag) => tags.add(tag));
+  });
+  return Array.from(tags);
+}
+
+// src/components/post-card.tsx
+import Link from "next/link";
+import Image from "next/image";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PostCard({ post, basePath = "/blog", className }) {
+  return /* @__PURE__ */ jsxs("article", { className: `group relative flex flex-col space-y-2 ${className}`, children: [
+    post.image && /* @__PURE__ */ jsx("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover transition-transform group-hover:scale-105"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: post.tags?.slice(0, 2).map((tag) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: /* @__PURE__ */ jsxs(Link, { href: `${basePath}/${post.slug}`, children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute inset-0" }),
+      post.title
+    ] }) }),
+    /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: format(new Date(post.date), "MMM d, yyyy") }),
+      /* @__PURE__ */ jsx("span", { children: post.readingTime })
+    ] })
+  ] });
+}
+
+// src/components/post-header.tsx
+import Image2 from "next/image";
+import { format as format2 } from "date-fns";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function PostHeader({ post, className }) {
+  return /* @__PURE__ */ jsxs2("header", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-2", children: post.tags?.map((tag) => /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ jsx2("h1", { className: "text-4xl font-bold tracking-tight lg:text-5xl", children: post.title }),
+    /* @__PURE__ */ jsx2("p", { className: "text-xl text-muted-foreground", children: post.description }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-4", children: [
+      post.author.image && /* @__PURE__ */ jsx2(
+        Image2,
+        {
+          src: post.author.image,
+          alt: post.author.name,
+          width: 40,
+          height: 40,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "font-medium", children: post.author.name }),
+        /* @__PURE__ */ jsxs2("p", { className: "text-sm text-muted-foreground", children: [
+          format2(new Date(post.date), "MMMM d, yyyy"),
+          " \xB7 ",
+          post.readingTime
+        ] })
+      ] })
+    ] }),
+    post.image && /* @__PURE__ */ jsx2("div", { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx2(
+      Image2,
+      {
+        src: post.image,
+        alt: post.title,
+        fill: true,
+        className: "object-cover",
+        priority: true
+      }
+    ) })
+  ] });
+}
+export {
+  PostCard,
+  PostHeader,
+  configureBlog,
+  getAllPostSlugs,
+  getAllPosts,
+  getAllTags,
+  getPostBySlug,
+  getPostsByTag
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/blog.ts","../src/components/post-card.tsx","../src/components/post-header.tsx"],"sourcesContent":["import fs from \"fs\";\nimport path from \"path\";\nimport matter from \"gray-matter\";\nimport readingTime from \"reading-time\";\n\nexport interface BlogPost {\n  slug: string;\n  title: string;\n  description: string;\n  date: string;\n  author: {\n    name: string;\n    image?: string;\n  };\n  image?: string;\n  tags?: string[];\n  content: string;\n  readingTime: string;\n}\n\nexport interface BlogPostMeta {\n  slug: string;\n  title: string;\n  description: string;\n  date: string;\n  author: {\n    name: string;\n    image?: string;\n  };\n  image?: string;\n  tags?: string[];\n  readingTime: string;\n}\n\nexport interface BlogConfig {\n  contentDirectory?: string;\n  defaultAuthor?: {\n    name: string;\n    image?: string;\n  };\n}\n\nlet config: BlogConfig = {\n  contentDirectory: path.join(process.cwd(), \"content/blog\"),\n  defaultAuthor: { name: \"Anonymous\" },\n};\n\nexport function configureBlog(options: BlogConfig) {\n  config = { ...config, ...options };\n}\n\nfunction getContentDirectory(): string {\n  return config.contentDirectory || path.join(process.cwd(), \"content/blog\");\n}\n\nexport function getAllPosts(): BlogPostMeta[] {\n  const contentDirectory = getContentDirectory();\n\n  if (!fs.existsSync(contentDirectory)) {\n    return [];\n  }\n\n  const files = fs.readdirSync(contentDirectory);\n  const posts = files\n    .filter((file) => file.endsWith(\".mdx\") || file.endsWith(\".md\"))\n    .map((file) => {\n      const slug = file.replace(/\\.mdx?$/, \"\");\n      const fullPath = path.join(contentDirectory, file);\n      const fileContents = fs.readFileSync(fullPath, \"utf8\");\n      const { data, content } = matter(fileContents);\n\n      return {\n        slug,\n        title: data.title || slug,\n        description: data.description || \"\",\n        date: data.date || new Date().toISOString(),\n        author: data.author || config.defaultAuthor || { name: \"Anonymous\" },\n        image: data.image,\n        tags: data.tags || [],\n        readingTime: readingTime(content).text,\n      };\n    })\n    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());\n\n  return posts;\n}\n\nexport function getPostBySlug(slug: string): BlogPost | null {\n  const contentDirectory = getContentDirectory();\n\n  // Try both .mdx and .md extensions\n  let fullPath = path.join(contentDirectory, `${slug}.mdx`);\n  if (!fs.existsSync(fullPath)) {\n    fullPath = path.join(contentDirectory, `${slug}.md`);\n  }\n\n  if (!fs.existsSync(fullPath)) {\n    return null;\n  }\n\n  const fileContents = fs.readFileSync(fullPath, \"utf8\");\n  const { data, content } = matter(fileContents);\n\n  return {\n    slug,\n    title: data.title || slug,\n    description: data.description || \"\",\n    date: data.date || new Date().toISOString(),\n    author: data.author || config.defaultAuthor || { name: \"Anonymous\" },\n    image: data.image,\n    tags: data.tags || [],\n    content,\n    readingTime: readingTime(content).text,\n  };\n}\n\nexport function getAllPostSlugs(): string[] {\n  const contentDirectory = getContentDirectory();\n\n  if (!fs.existsSync(contentDirectory)) {\n    return [];\n  }\n\n  const files = fs.readdirSync(contentDirectory);\n  return files\n    .filter((file) => file.endsWith(\".mdx\") || file.endsWith(\".md\"))\n    .map((file) => file.replace(/\\.mdx?$/, \"\"));\n}\n\nexport function getPostsByTag(tag: string): BlogPostMeta[] {\n  return getAllPosts().filter((post) =>\n    post.tags?.map((t) => t.toLowerCase()).includes(tag.toLowerCase())\n  );\n}\n\nexport function getAllTags(): string[] {\n  const posts = getAllPosts();\n  const tags = new Set<string>();\n  posts.forEach((post) => {\n    post.tags?.forEach((tag) => tags.add(tag));\n  });\n  return Array.from(tags);\n}\n","\"use client\";\n\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPostMeta } from \"../lib/blog\";\n\nexport interface PostCardProps {\n  post: BlogPostMeta;\n  basePath?: string;\n  className?: string;\n}\n\nexport function PostCard({ post, basePath = \"/blog\", className }: PostCardProps) {\n  return (\n    <article className={`group relative flex flex-col space-y-2 ${className}`}>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover transition-transform group-hover:scale-105\"\n          />\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.slice(0, 2).map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h2 className=\"text-2xl font-semibold tracking-tight\">\n        <Link href={`${basePath}/${post.slug}`}>\n          <span className=\"absolute inset-0\" />\n          {post.title}\n        </Link>\n      </h2>\n      <p className=\"line-clamp-2 text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n        <span>{format(new Date(post.date), \"MMM d, yyyy\")}</span>\n        <span>{post.readingTime}</span>\n      </div>\n    </article>\n  );\n}\n","\"use client\";\n\nimport Image from \"next/image\";\nimport { format } from \"date-fns\";\nimport type { BlogPost } from \"../lib/blog\";\n\nexport interface PostHeaderProps {\n  post: BlogPost;\n  className?: string;\n}\n\nexport function PostHeader({ post, className }: PostHeaderProps) {\n  return (\n    <header className={`space-y-4 ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {post.tags?.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center rounded-full bg-secondary px-2.5 py-0.5 text-xs font-medium text-secondary-foreground\"\n          >\n            {tag}\n          </span>\n        ))}\n      </div>\n      <h1 className=\"text-4xl font-bold tracking-tight lg:text-5xl\">\n        {post.title}\n      </h1>\n      <p className=\"text-xl text-muted-foreground\">{post.description}</p>\n      <div className=\"flex items-center gap-4\">\n        {post.author.image && (\n          <Image\n            src={post.author.image}\n            alt={post.author.name}\n            width={40}\n            height={40}\n            className=\"rounded-full\"\n          />\n        )}\n        <div>\n          <p className=\"font-medium\">{post.author.name}</p>\n          <p className=\"text-sm text-muted-foreground\">\n            {format(new Date(post.date), \"MMMM d, yyyy\")} · {post.readingTime}\n          </p>\n        </div>\n      </div>\n      {post.image && (\n        <div className=\"relative aspect-video overflow-hidden rounded-lg\">\n          <Image\n            src={post.image}\n            alt={post.title}\n            fill\n            className=\"object-cover\"\n            priority\n          />\n        </div>\n      )}\n    </header>\n  );\n}\n"],"mappings":"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","names":["Image","format","jsx","jsxs"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@victusvinceere/saas-blog",
+  "version": "0.1.0",
+  "description": "MDX blog module for SaaS Kit",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "prisma"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "@victusvinceere/saas-core": "workspace:*",
+    "next": ">=15.0.0",
+    "react": ">=19.0.0"
+  },
+  "dependencies": {
+    "date-fns": "^4.1.0",
+    "gray-matter": "^4.0.3",
+    "next-mdx-remote": "^5.0.0",
+    "reading-time": "^1.5.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "tsup": "^8.0.2",
+    "typescript": "^5"
+  },
+  "keywords": [
+    "saas",
+    "blog",
+    "mdx",
+    "react"
+  ],
+  "license": "MIT"
+}

package/prisma/schema.prisma

@@ -0,0 +1,70 @@
+// Blog Prisma Schema Extension
+// Adds blog-related models for database-backed blog system
+
+// ==================== BLOG MODELS ====================
+
+model Post {
+  id          String    @id @default(cuid())
+  slug        String    @unique
+  title       String
+  description String?
+  content     String    @db.Text
+  image       String?
+  published   Boolean   @default(false)
+  publishedAt DateTime? @map("published_at")
+  createdAt   DateTime  @default(now()) @map("created_at")
+  updatedAt   DateTime  @updatedAt @map("updated_at")
+
+  // SEO fields
+  metaTitle       String? @map("meta_title")
+  metaDescription String? @map("meta_description")
+
+  // Relations
+  categories PostCategory[]
+  tags       PostTag[]
+
+  @@map("posts")
+}
+
+model Category {
+  id          String @id @default(cuid())
+  name        String @unique
+  slug        String @unique
+  description String?
+
+  posts PostCategory[]
+
+  @@map("categories")
+}
+
+model Tag {
+  id   String @id @default(cuid())
+  name String @unique
+  slug String @unique
+
+  posts PostTag[]
+
+  @@map("tags")
+}
+
+model PostCategory {
+  postId     String @map("post_id")
+  categoryId String @map("category_id")
+
+  post     Post     @relation(fields: [postId], references: [id], onDelete: Cascade)
+  category Category @relation(fields: [categoryId], references: [id], onDelete: Cascade)
+
+  @@id([postId, categoryId])
+  @@map("post_categories")
+}
+
+model PostTag {
+  postId String @map("post_id")
+  tagId  String @map("tag_id")
+
+  post Post @relation(fields: [postId], references: [id], onDelete: Cascade)
+  tag  Tag  @relation(fields: [tagId], references: [id], onDelete: Cascade)
+
+  @@id([postId, tagId])
+  @@map("post_tags")
+}