@natesena/blog-lib 0.1.0

package/dist/components/index.js

@@ -0,0 +1,447 @@
+"use client";
+
+// src/components/BlogPost.tsx
+import Image from "next/image";
+import DOMPurify from "isomorphic-dompurify";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BlogPost({ post }) {
+  var _a;
+  const postFormattedPublishDate = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : null;
+  return /* @__PURE__ */ jsxs("article", { className: "max-w-3xl mx-auto", children: [
+    post.coverImage && /* @__PURE__ */ jsx("div", { className: "relative w-full h-64 md:h-96 mb-8 rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: post.coverImage,
+        alt: post.title,
+        fill: true,
+        className: "object-cover",
+        priority: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx("h1", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: post.title }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-gray-600 text-sm mb-6", children: [
+      post.author && /* @__PURE__ */ jsx(BlogPostAuthorInfo, { author: post.author }),
+      postFormattedPublishDate && /* @__PURE__ */ jsx("time", { dateTime: (_a = post.publishedAt) == null ? void 0 : _a.toISOString(), children: postFormattedPublishDate })
+    ] }),
+    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-8", children: post.tags.map((tag) => /* @__PURE__ */ jsx(BlogPostTagBadge, { tag }, tag.id)) }),
+    /* @__PURE__ */ jsx("div", { className: "prose prose-lg max-w-none", children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(post.content) } }) })
+  ] });
+}
+function BlogPostAuthorInfo({ author }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    author.avatar && /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: author.avatar,
+        alt: author.name,
+        width: 32,
+        height: 32,
+        className: "rounded-full"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: author.name })
+  ] });
+}
+function BlogPostTagBadge({ tag }) {
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-50 text-blue-700", children: tag.name });
+}
+
+// src/components/BlogPostList.tsx
+import Image2 from "next/image";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function BlogPostList({
+  posts,
+  totalPostCount,
+  currentPage = 1,
+  postsPerPage = 10,
+  onPageChange,
+  onPostClick,
+  isLoading = false
+}) {
+  const totalPageCount = Math.ceil(totalPostCount / postsPerPage);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx2(BlogPostListSkeleton, { skeletonCount: postsPerPage });
+  }
+  if (posts.length === 0) {
+    return /* @__PURE__ */ jsx2(BlogPostListEmptyState, {});
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsx2("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: posts.map((post) => /* @__PURE__ */ jsx2(
+      BlogPostCard,
+      {
+        post,
+        onClick: () => onPostClick == null ? void 0 : onPostClick(post)
+      },
+      post.id
+    )) }),
+    totalPageCount > 1 && /* @__PURE__ */ jsx2(
+      BlogPostListPagination,
+      {
+        currentPage,
+        totalPageCount,
+        onPageChange
+      }
+    )
+  ] });
+}
+function BlogPostCard({
+  post,
+  onClick
+}) {
+  const cardFormattedDate = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }) : null;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "group cursor-pointer rounded-lg border border-gray-200 overflow-hidden hover:shadow-md transition-shadow",
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => e.key === "Enter" && (onClick == null ? void 0 : onClick()),
+      children: [
+        post.coverImage && /* @__PURE__ */ jsx2("div", { className: "relative w-full h-48", children: /* @__PURE__ */ jsx2(
+          Image2,
+          {
+            src: post.coverImage,
+            alt: post.title,
+            fill: true,
+            className: "object-cover group-hover:scale-105 transition-transform"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs2("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsx2("h2", { className: "text-lg font-semibold text-gray-900 group-hover:text-blue-600 transition-colors line-clamp-2", children: post.title }),
+          post.excerpt && /* @__PURE__ */ jsx2("p", { className: "mt-2 text-sm text-gray-600 line-clamp-3", children: post.excerpt }),
+          /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex items-center gap-2 text-xs text-gray-500", children: [
+            post.author && /* @__PURE__ */ jsx2("span", { children: post.author.name }),
+            post.author && cardFormattedDate && /* @__PURE__ */ jsx2("span", { children: "\xB7" }),
+            cardFormattedDate && /* @__PURE__ */ jsx2("time", { children: cardFormattedDate })
+          ] }),
+          post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx2("div", { className: "mt-3 flex flex-wrap gap-1", children: post.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "px-2 py-0.5 rounded text-xs bg-gray-100 text-gray-600",
+              children: tag.name
+            },
+            tag.id
+          )) })
+        ] })
+      ]
+    }
+  );
+}
+function BlogPostListPagination({
+  currentPage,
+  totalPageCount,
+  onPageChange
+}) {
+  return /* @__PURE__ */ jsxs2("nav", { className: "flex justify-center items-center gap-2", children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: () => onPageChange == null ? void 0 : onPageChange(currentPage - 1),
+        disabled: currentPage <= 1,
+        className: "px-3 py-2 text-sm rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50",
+        children: "Previous"
+      }
+    ),
+    /* @__PURE__ */ jsxs2("span", { className: "text-sm text-gray-600", children: [
+      "Page ",
+      currentPage,
+      " of ",
+      totalPageCount
+    ] }),
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: () => onPageChange == null ? void 0 : onPageChange(currentPage + 1),
+        disabled: currentPage >= totalPageCount,
+        className: "px-3 py-2 text-sm rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50",
+        children: "Next"
+      }
+    )
+  ] });
+}
+function BlogPostListSkeleton({ skeletonCount }) {
+  return /* @__PURE__ */ jsx2("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: Math.min(skeletonCount, 6) }).map((_, index) => /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "rounded-lg border border-gray-200 overflow-hidden animate-pulse",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "w-full h-48 bg-gray-200" }),
+        /* @__PURE__ */ jsxs2("div", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsx2("div", { className: "h-5 bg-gray-200 rounded w-3/4" }),
+          /* @__PURE__ */ jsx2("div", { className: "h-4 bg-gray-200 rounded w-full" }),
+          /* @__PURE__ */ jsx2("div", { className: "h-4 bg-gray-200 rounded w-1/2" })
+        ] })
+      ]
+    },
+    index
+  )) });
+}
+function BlogPostListEmptyState() {
+  return /* @__PURE__ */ jsxs2("div", { className: "text-center py-12", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-gray-500 text-lg", children: "No posts found." }),
+    /* @__PURE__ */ jsx2("p", { className: "text-gray-400 text-sm mt-2", children: "Check back later or try different filters." })
+  ] });
+}
+
+// src/components/BlogLayout.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function BlogLayout({
+  children,
+  headerContent,
+  footerContent,
+  containerClassName = "max-w-4xl mx-auto px-4 py-8"
+}) {
+  return /* @__PURE__ */ jsxs3("div", { className: "min-h-screen bg-white", children: [
+    headerContent && /* @__PURE__ */ jsx3("header", { className: "border-b border-gray-200", children: headerContent }),
+    /* @__PURE__ */ jsx3("main", { className: containerClassName, children }),
+    footerContent && /* @__PURE__ */ jsx3("footer", { className: "border-t border-gray-200 mt-8", children: footerContent })
+  ] });
+}
+
+// src/components/BlogSeo.tsx
+function generateBlogPostMetadata(input) {
+  const canonicalUrl = input.siteBaseUrl ? `${input.siteBaseUrl}/blog/${input.postSlug}` : void 0;
+  const openGraphImages = input.postCoverImageUrl ? [{ url: input.postCoverImageUrl }] : void 0;
+  return {
+    title: input.postTitle,
+    description: input.postExcerpt || void 0,
+    authors: input.authorName ? [{ name: input.authorName }] : void 0,
+    alternates: canonicalUrl ? { canonical: canonicalUrl } : void 0,
+    openGraph: {
+      title: input.postTitle,
+      description: input.postExcerpt || void 0,
+      type: "article",
+      images: openGraphImages
+    },
+    twitter: {
+      card: input.postCoverImageUrl ? "summary_large_image" : "summary",
+      title: input.postTitle,
+      description: input.postExcerpt || void 0,
+      images: input.postCoverImageUrl ? [input.postCoverImageUrl] : void 0
+    }
+  };
+}
+
+// src/components/cms/ImageUploader.tsx
+import { useState, useCallback } from "react";
+
+// src/sdk/storage/gcs.ts
+var GCSStorage = class {
+  constructor(config) {
+    this.storage = null;
+    var _a, _b;
+    this.bucketName = config.bucket;
+    this.accessMode = (_a = config.accessMode) != null ? _a : "public";
+    this.signedReadUrlExpiresInSeconds = (_b = config.signedReadUrlExpiresInSeconds) != null ? _b : 3600;
+    this.storageInitPromise = import("@google-cloud/storage").then(({ Storage }) => {
+      this.storage = new Storage({
+        projectId: config.projectId,
+        keyFilename: config.keyFile
+      });
+      return this.storage;
+    }).catch(() => {
+      throw new Error(
+        "@google-cloud/storage is not installed. Install it to use GCS features: npm install @google-cloud/storage"
+      );
+    });
+  }
+  async getStorage() {
+    if (this.storage) return this.storage;
+    return this.storageInitPromise;
+  }
+  /**
+   * Generate a presigned URL for direct browser upload to GCS.
+   *
+   * @param filename - Destination path in bucket (e.g. "blog/posts/1234-abc.jpg")
+   * @param contentType - MIME type (e.g. "image/jpeg")
+   * @param uploadUrlExpiresInSeconds - URL expiry (default 300 = 5 min)
+   */
+  async getPresignedUploadUrl(filename, contentType, uploadUrlExpiresInSeconds = 300) {
+    const storage = await this.getStorage();
+    const file = storage.bucket(this.bucketName).file(filename);
+    const [uploadUrl] = await file.getSignedUrl({
+      version: "v4",
+      action: "write",
+      expires: Date.now() + uploadUrlExpiresInSeconds * 1e3,
+      contentType
+    });
+    let publicUrl;
+    if (this.accessMode === "private") {
+      const [signedReadUrl] = await file.getSignedUrl({
+        version: "v4",
+        action: "read",
+        expires: Date.now() + this.signedReadUrlExpiresInSeconds * 1e3
+      });
+      publicUrl = signedReadUrl;
+    } else {
+      publicUrl = `https://storage.googleapis.com/${this.bucketName}/${filename}`;
+    }
+    return { uploadUrl, publicUrl };
+  }
+  /**
+   * Get a read URL for an existing file.
+   * Returns a direct public URL or a v4 signed URL depending on accessMode.
+   */
+  async getReadUrl(filename) {
+    if (this.accessMode === "private") {
+      const storage = await this.getStorage();
+      const file = storage.bucket(this.bucketName).file(filename);
+      const [signedReadUrl] = await file.getSignedUrl({
+        version: "v4",
+        action: "read",
+        expires: Date.now() + this.signedReadUrlExpiresInSeconds * 1e3
+      });
+      return signedReadUrl;
+    }
+    return `https://storage.googleapis.com/${this.bucketName}/${filename}`;
+  }
+  /** Delete a file from GCS. */
+  async delete(filename) {
+    const storage = await this.getStorage();
+    await storage.bucket(this.bucketName).file(filename).delete();
+  }
+  /** Check if a file exists in the bucket. */
+  async exists(filename) {
+    const storage = await this.getStorage();
+    const [fileExists] = await storage.bucket(this.bucketName).file(filename).exists();
+    return fileExists;
+  }
+};
+
+// src/server/auth/config.ts
+var blogAuthConfig = null;
+async function getBlogAuthCurrentUser() {
+  if (!blogAuthConfig) {
+    return null;
+  }
+  return blogAuthConfig.getCurrentUser();
+}
+function isBlogAuthConfigured() {
+  return blogAuthConfig !== null;
+}
+
+// src/server/actions/upload.ts
+var ALLOWED_IMAGE_MIME_TYPES = [
+  "image/jpeg",
+  "image/png",
+  "image/webp",
+  "image/gif"
+];
+var MAX_FILE_SIZE_BYTES = 10 * 1024 * 1024;
+async function initiateImageUpload(input) {
+  if (isBlogAuthConfigured()) {
+    const authenticatedUser = await getBlogAuthCurrentUser();
+    if (!authenticatedUser) {
+      throw new Error("Authentication required. Configure auth with configureBlogAuth().");
+    }
+  }
+  if (!ALLOWED_IMAGE_MIME_TYPES.includes(input.fileType)) {
+    throw new Error(
+      `Invalid file type "${input.fileType}". Allowed: ${ALLOWED_IMAGE_MIME_TYPES.join(", ")}`
+    );
+  }
+  if (input.fileSizeBytes > MAX_FILE_SIZE_BYTES) {
+    throw new Error(
+      `File too large (${Math.round(input.fileSizeBytes / 1024 / 1024)}MB). Maximum: 10MB.`
+    );
+  }
+  const timestamp = Date.now();
+  const randomSuffix = Math.random().toString(36).substring(2, 8);
+  const fileExtension = input.fileName.split(".").pop() || "jpg";
+  const destinationFilename = input.folder ? `${input.folder}/${timestamp}-${randomSuffix}.${fileExtension}` : `${timestamp}-${randomSuffix}.${fileExtension}`;
+  const gcsStorage = new GCSStorage({
+    projectId: process.env.GCP_PROJECT_ID,
+    bucket: process.env.GCS_BUCKET,
+    keyFile: process.env.GCP_KEYFILE
+  });
+  const { uploadUrl, publicUrl } = await gcsStorage.getPresignedUploadUrl(
+    destinationFilename,
+    input.fileType
+  );
+  return { uploadUrl, publicUrl, destinationFilename };
+}
+
+// src/components/cms/ImageUploader.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ImageUploader({
+  onUploadComplete,
+  uploadFolder = "blog/posts",
+  labelText = "Upload Image"
+}) {
+  const [isUploading, setIsUploading] = useState(false);
+  const [uploadedImagePreviewUrl, setUploadedImagePreviewUrl] = useState(null);
+  const [uploadErrorMessage, setUploadErrorMessage] = useState(null);
+  const handleFileSelection = useCallback(
+    async (event) => {
+      var _a;
+      const selectedFile = (_a = event.target.files) == null ? void 0 : _a[0];
+      if (!selectedFile) return;
+      setIsUploading(true);
+      setUploadErrorMessage(null);
+      try {
+        const { uploadUrl, publicUrl } = await initiateImageUpload({
+          fileName: selectedFile.name,
+          fileType: selectedFile.type,
+          fileSizeBytes: selectedFile.size,
+          folder: uploadFolder
+        });
+        const gcsUploadResponse = await fetch(uploadUrl, {
+          method: "PUT",
+          body: selectedFile,
+          headers: { "Content-Type": selectedFile.type }
+        });
+        if (!gcsUploadResponse.ok) {
+          throw new Error(`Upload failed with status ${gcsUploadResponse.status}`);
+        }
+        setUploadedImagePreviewUrl(publicUrl);
+        onUploadComplete(publicUrl);
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : "Upload failed. Please try again.";
+        setUploadErrorMessage(errorMessage);
+      } finally {
+        setIsUploading(false);
+      }
+    },
+    [onUploadComplete, uploadFolder]
+  );
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx4("label", { className: "block text-sm font-medium text-gray-700", children: labelText }),
+    /* @__PURE__ */ jsx4(
+      "input",
+      {
+        type: "file",
+        accept: "image/jpeg,image/png,image/webp,image/gif",
+        onChange: handleFileSelection,
+        disabled: isUploading,
+        className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 disabled:opacity-50"
+      }
+    ),
+    isUploading && /* @__PURE__ */ jsx4("p", { className: "text-sm text-gray-500", children: "Uploading..." }),
+    uploadErrorMessage && /* @__PURE__ */ jsx4("p", { className: "text-sm text-red-600", children: uploadErrorMessage }),
+    uploadedImagePreviewUrl && /* @__PURE__ */ jsx4(
+      "img",
+      {
+        src: uploadedImagePreviewUrl,
+        alt: "Uploaded preview",
+        className: "mt-2 w-full max-w-xs rounded border"
+      }
+    )
+  ] });
+}
+export {
+  BlogLayout,
+  BlogPost,
+  BlogPostList,
+  ImageUploader,
+  generateBlogPostMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/BlogPost.tsx","../../src/components/BlogPostList.tsx","../../src/components/BlogLayout.tsx","../../src/components/BlogSeo.tsx","../../src/components/cms/ImageUploader.tsx","../../src/sdk/storage/gcs.ts","../../src/server/auth/config.ts","../../src/server/actions/upload.ts"],"sourcesContent":["/**\n * BlogPost Component\n *\n * Renders a single blog post with title, cover image, author, tags,\n * publish date, and content.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 236-255)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.6)\n */\n\nimport Image from 'next/image';\nimport DOMPurify from 'isomorphic-dompurify';\nimport type { AdapterPost } from '../sdk/adapters/base';\nimport type { Author } from '../types/author';\nimport type { Tag } from '../types/tag';\n\ninterface BlogPostProps {\n  post: AdapterPost;\n}\n\nexport function BlogPost({ post }: BlogPostProps) {\n  const postFormattedPublishDate = post.publishedAt\n    ? new Date(post.publishedAt).toLocaleDateString('en-US', {\n        year: 'numeric',\n        month: 'long',\n        day: 'numeric',\n      })\n    : null;\n\n  return (\n    <article className=\"max-w-3xl mx-auto\">\n      {/* Cover Image */}\n      {post.coverImage && (\n        <div className=\"relative w-full h-64 md:h-96 mb-8 rounded-lg overflow-hidden\">\n          <Image\n            src={post.coverImage}\n            alt={post.title}\n            fill\n            className=\"object-cover\"\n            priority\n          />\n        </div>\n      )}\n\n      {/* Title */}\n      <h1 className=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n        {post.title}\n      </h1>\n\n      {/* Author & Date */}\n      <div className=\"flex items-center gap-4 text-gray-600 text-sm mb-6\">\n        {post.author && (\n          <BlogPostAuthorInfo author={post.author} />\n        )}\n        {postFormattedPublishDate && (\n          <time dateTime={post.publishedAt?.toISOString()}>\n            {postFormattedPublishDate}\n          </time>\n        )}\n      </div>\n\n      {/* Tags */}\n      {post.tags && post.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-2 mb-8\">\n          {post.tags.map((tag) => (\n            <BlogPostTagBadge key={tag.id} tag={tag} />\n          ))}\n        </div>\n      )}\n\n      {/* Content — sanitized to prevent XSS attacks */}\n      <div className=\"prose prose-lg max-w-none\">\n        <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(post.content) }} />\n      </div>\n    </article>\n  );\n}\n\nfunction BlogPostAuthorInfo({ author }: { author: Author }) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      {author.avatar && (\n        <Image\n          src={author.avatar}\n          alt={author.name}\n          width={32}\n          height={32}\n          className=\"rounded-full\"\n        />\n      )}\n      <span className=\"font-medium\">{author.name}</span>\n    </div>\n  );\n}\n\nfunction BlogPostTagBadge({ tag }: { tag: Tag }) {\n  return (\n    <span className=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-50 text-blue-700\">\n      {tag.name}\n    </span>\n  );\n}\n","/**\n * BlogPostList Component\n *\n * Renders a list of blog post cards with pagination support.\n * Includes skeleton loading state and empty state.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 241-252)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.6)\n */\n\nimport Image from 'next/image';\nimport type { AdapterPost } from '../sdk/adapters/base';\n\ninterface BlogPostListProps {\n  posts: AdapterPost[];\n  totalPostCount: number;\n  currentPage?: number;\n  postsPerPage?: number;\n  /** Called when user navigates to a different page */\n  onPageChange?: (pageNumber: number) => void;\n  /** Called when user clicks a post */\n  onPostClick?: (post: AdapterPost) => void;\n  /** Show loading skeleton */\n  isLoading?: boolean;\n}\n\nexport function BlogPostList({\n  posts,\n  totalPostCount,\n  currentPage = 1,\n  postsPerPage = 10,\n  onPageChange,\n  onPostClick,\n  isLoading = false,\n}: BlogPostListProps) {\n  const totalPageCount = Math.ceil(totalPostCount / postsPerPage);\n\n  if (isLoading) {\n    return <BlogPostListSkeleton skeletonCount={postsPerPage} />;\n  }\n\n  if (posts.length === 0) {\n    return <BlogPostListEmptyState />;\n  }\n\n  return (\n    <div className=\"space-y-8\">\n      {/* Post Cards */}\n      <div className=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3\">\n        {posts.map((post) => (\n          <BlogPostCard\n            key={post.id}\n            post={post}\n            onClick={() => onPostClick?.(post)}\n          />\n        ))}\n      </div>\n\n      {/* Pagination */}\n      {totalPageCount > 1 && (\n        <BlogPostListPagination\n          currentPage={currentPage}\n          totalPageCount={totalPageCount}\n          onPageChange={onPageChange}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction BlogPostCard({\n  post,\n  onClick,\n}: {\n  post: AdapterPost;\n  onClick?: () => void;\n}) {\n  const cardFormattedDate = post.publishedAt\n    ? new Date(post.publishedAt).toLocaleDateString('en-US', {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric',\n      })\n    : null;\n\n  return (\n    <div\n      className=\"group cursor-pointer rounded-lg border border-gray-200 overflow-hidden hover:shadow-md transition-shadow\"\n      onClick={onClick}\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={(e) => e.key === 'Enter' && onClick?.()}\n    >\n      {/* Cover Image */}\n      {post.coverImage && (\n        <div className=\"relative w-full h-48\">\n          <Image\n            src={post.coverImage}\n            alt={post.title}\n            fill\n            className=\"object-cover group-hover:scale-105 transition-transform\"\n          />\n        </div>\n      )}\n\n      <div className=\"p-4\">\n        <h2 className=\"text-lg font-semibold text-gray-900 group-hover:text-blue-600 transition-colors line-clamp-2\">\n          {post.title}\n        </h2>\n\n        {post.excerpt && (\n          <p className=\"mt-2 text-sm text-gray-600 line-clamp-3\">\n            {post.excerpt}\n          </p>\n        )}\n\n        <div className=\"mt-3 flex items-center gap-2 text-xs text-gray-500\">\n          {post.author && <span>{post.author.name}</span>}\n          {post.author && cardFormattedDate && <span>&middot;</span>}\n          {cardFormattedDate && <time>{cardFormattedDate}</time>}\n        </div>\n\n        {/* Tags */}\n        {post.tags && post.tags.length > 0 && (\n          <div className=\"mt-3 flex flex-wrap gap-1\">\n            {post.tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag.id}\n                className=\"px-2 py-0.5 rounded text-xs bg-gray-100 text-gray-600\"\n              >\n                {tag.name}\n              </span>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction BlogPostListPagination({\n  currentPage,\n  totalPageCount,\n  onPageChange,\n}: {\n  currentPage: number;\n  totalPageCount: number;\n  onPageChange?: (pageNumber: number) => void;\n}) {\n  return (\n    <nav className=\"flex justify-center items-center gap-2\">\n      <button\n        onClick={() => onPageChange?.(currentPage - 1)}\n        disabled={currentPage <= 1}\n        className=\"px-3 py-2 text-sm rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n      >\n        Previous\n      </button>\n\n      <span className=\"text-sm text-gray-600\">\n        Page {currentPage} of {totalPageCount}\n      </span>\n\n      <button\n        onClick={() => onPageChange?.(currentPage + 1)}\n        disabled={currentPage >= totalPageCount}\n        className=\"px-3 py-2 text-sm rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n      >\n        Next\n      </button>\n    </nav>\n  );\n}\n\nfunction BlogPostListSkeleton({ skeletonCount }: { skeletonCount: number }) {\n  return (\n    <div className=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: Math.min(skeletonCount, 6) }).map((_, index) => (\n        <div\n          key={index}\n          className=\"rounded-lg border border-gray-200 overflow-hidden animate-pulse\"\n        >\n          <div className=\"w-full h-48 bg-gray-200\" />\n          <div className=\"p-4 space-y-3\">\n            <div className=\"h-5 bg-gray-200 rounded w-3/4\" />\n            <div className=\"h-4 bg-gray-200 rounded w-full\" />\n            <div className=\"h-4 bg-gray-200 rounded w-1/2\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction BlogPostListEmptyState() {\n  return (\n    <div className=\"text-center py-12\">\n      <p className=\"text-gray-500 text-lg\">No posts found.</p>\n      <p className=\"text-gray-400 text-sm mt-2\">\n        Check back later or try different filters.\n      </p>\n    </div>\n  );\n}\n","/**\n * BlogLayout Component\n *\n * Layout wrapper for blog pages. Provides consistent structure\n * with optional header/footer slots.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 248-251)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.5)\n */\n\ninterface BlogLayoutProps {\n  children: React.ReactNode;\n  headerContent?: React.ReactNode;\n  footerContent?: React.ReactNode;\n  containerClassName?: string;\n}\n\nexport function BlogLayout({\n  children,\n  headerContent,\n  footerContent,\n  containerClassName = 'max-w-4xl mx-auto px-4 py-8',\n}: BlogLayoutProps) {\n  return (\n    <div className=\"min-h-screen bg-white\">\n      {headerContent && (\n        <header className=\"border-b border-gray-200\">{headerContent}</header>\n      )}\n\n      <main className={containerClassName}>{children}</main>\n\n      {footerContent && (\n        <footer className=\"border-t border-gray-200 mt-8\">{footerContent}</footer>\n      )}\n    </div>\n  );\n}\n","/**\n * BlogSeo Component\n *\n * Generates SEO metadata for blog posts. Use inside generateMetadata\n * in Next.js App Router pages.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 253-254)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.5)\n */\n\nimport type { Metadata } from 'next';\n\ninterface BlogSeoInput {\n  postTitle: string;\n  postExcerpt?: string | null;\n  postCoverImageUrl?: string | null;\n  postSlug: string;\n  authorName?: string;\n  siteBaseUrl?: string;\n}\n\n/**\n * Generate Next.js Metadata object for a blog post.\n * Call this from your page's generateMetadata export.\n *\n * @example\n * export async function generateMetadata({ params }) {\n *   const post = await blog.posts.getBySlug(params.slug);\n *   return generateBlogPostMetadata({ postTitle: post.title, ... });\n * }\n */\nexport function generateBlogPostMetadata(input: BlogSeoInput): Metadata {\n  const canonicalUrl = input.siteBaseUrl\n    ? `${input.siteBaseUrl}/blog/${input.postSlug}`\n    : undefined;\n\n  const openGraphImages = input.postCoverImageUrl\n    ? [{ url: input.postCoverImageUrl }]\n    : undefined;\n\n  return {\n    title: input.postTitle,\n    description: input.postExcerpt || undefined,\n    authors: input.authorName ? [{ name: input.authorName }] : undefined,\n    alternates: canonicalUrl ? { canonical: canonicalUrl } : undefined,\n    openGraph: {\n      title: input.postTitle,\n      description: input.postExcerpt || undefined,\n      type: 'article',\n      images: openGraphImages,\n    },\n    twitter: {\n      card: input.postCoverImageUrl ? 'summary_large_image' : 'summary',\n      title: input.postTitle,\n      description: input.postExcerpt || undefined,\n      images: input.postCoverImageUrl ? [input.postCoverImageUrl] : undefined,\n    },\n  };\n}\n","/**\n * ImageUploader Component\n *\n * Client component for uploading images directly to GCS via presigned URLs.\n * Handles file selection, validation, upload progress, and preview.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 994-1051)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.11)\n */\n\n'use client';\n\nimport { useState, useCallback } from 'react';\nimport { initiateImageUpload } from '../../server/actions/upload';\n\ninterface ImageUploaderProps {\n  /** Called with the public GCS URL after successful upload */\n  onUploadComplete: (imagePublicUrl: string) => void;\n  /** Optional folder path in GCS bucket (e.g. \"blog/posts\") */\n  uploadFolder?: string;\n  /** Optional label text */\n  labelText?: string;\n}\n\nexport function ImageUploader({\n  onUploadComplete,\n  uploadFolder = 'blog/posts',\n  labelText = 'Upload Image',\n}: ImageUploaderProps) {\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadedImagePreviewUrl, setUploadedImagePreviewUrl] = useState<string | null>(null);\n  const [uploadErrorMessage, setUploadErrorMessage] = useState<string | null>(null);\n\n  const handleFileSelection = useCallback(\n    async (event: React.ChangeEvent<HTMLInputElement>) => {\n      const selectedFile = event.target.files?.[0];\n      if (!selectedFile) return;\n\n      setIsUploading(true);\n      setUploadErrorMessage(null);\n\n      try {\n        // Get presigned URL from server\n        const { uploadUrl, publicUrl } = await initiateImageUpload({\n          fileName: selectedFile.name,\n          fileType: selectedFile.type,\n          fileSizeBytes: selectedFile.size,\n          folder: uploadFolder,\n        });\n\n        // Upload directly to GCS\n        const gcsUploadResponse = await fetch(uploadUrl, {\n          method: 'PUT',\n          body: selectedFile,\n          headers: { 'Content-Type': selectedFile.type },\n        });\n\n        if (!gcsUploadResponse.ok) {\n          throw new Error(`Upload failed with status ${gcsUploadResponse.status}`);\n        }\n\n        setUploadedImagePreviewUrl(publicUrl);\n        onUploadComplete(publicUrl);\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : 'Upload failed. Please try again.';\n        setUploadErrorMessage(errorMessage);\n      } finally {\n        setIsUploading(false);\n      }\n    },\n    [onUploadComplete, uploadFolder],\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <label className=\"block text-sm font-medium text-gray-700\">\n        {labelText}\n      </label>\n\n      <input\n        type=\"file\"\n        accept=\"image/jpeg,image/png,image/webp,image/gif\"\n        onChange={handleFileSelection}\n        disabled={isUploading}\n        className=\"block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 disabled:opacity-50\"\n      />\n\n      {isUploading && (\n        <p className=\"text-sm text-gray-500\">Uploading...</p>\n      )}\n\n      {uploadErrorMessage && (\n        <p className=\"text-sm text-red-600\">{uploadErrorMessage}</p>\n      )}\n\n      {uploadedImagePreviewUrl && (\n        <img\n          src={uploadedImagePreviewUrl}\n          alt=\"Uploaded preview\"\n          className=\"mt-2 w-full max-w-xs rounded border\"\n        />\n      )}\n    </div>\n  );\n}\n","/**\n * Google Cloud Storage Integration\n *\n * Handles presigned URL generation, file deletion, and existence checks\n * for image uploads to GCS.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 866-923)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.9)\n */\n\nimport type { Storage as StorageType } from '@google-cloud/storage';\n\nexport interface GCSStorageConfig {\n  projectId: string;\n  bucket: string;\n  keyFile?: string;\n  /**\n   * 'public' (default) — files are publicly readable via direct URL.\n   * 'private' — files require a v4 signed read URL to access.\n   *\n   * Ref: Plan Phase 5, Step 5.5\n   */\n  accessMode?: 'public' | 'private';\n  /** How long signed read URLs last in seconds (default 3600 = 1 hour). Only used when accessMode is 'private'. */\n  signedReadUrlExpiresInSeconds?: number;\n}\n\nexport interface PresignedUploadResult {\n  uploadUrl: string;\n  /** Direct public URL when accessMode='public', or a v4 signed read URL when accessMode='private'. */\n  publicUrl: string;\n}\n\nexport class GCSStorage {\n  private storage: StorageType | null = null;\n  private storageInitPromise: Promise<StorageType>;\n  private bucketName: string;\n  private accessMode: 'public' | 'private';\n  private signedReadUrlExpiresInSeconds: number;\n\n  constructor(config: GCSStorageConfig) {\n    this.bucketName = config.bucket;\n    this.accessMode = config.accessMode ?? 'public';\n    this.signedReadUrlExpiresInSeconds = config.signedReadUrlExpiresInSeconds ?? 3600;\n\n    // Lazy-load @google-cloud/storage so the SDK doesn't crash\n    // at import time when GCS isn't installed. Ref: Plan blog-6cd\n    this.storageInitPromise = import('@google-cloud/storage')\n      .then(({ Storage }) => {\n        this.storage = new Storage({\n          projectId: config.projectId,\n          keyFilename: config.keyFile,\n        });\n        return this.storage;\n      })\n      .catch(() => {\n        throw new Error(\n          '@google-cloud/storage is not installed. ' +\n          'Install it to use GCS features: npm install @google-cloud/storage'\n        );\n      });\n  }\n\n  private async getStorage(): Promise<StorageType> {\n    if (this.storage) return this.storage;\n    return this.storageInitPromise;\n  }\n\n  /**\n   * Generate a presigned URL for direct browser upload to GCS.\n   *\n   * @param filename - Destination path in bucket (e.g. \"blog/posts/1234-abc.jpg\")\n   * @param contentType - MIME type (e.g. \"image/jpeg\")\n   * @param uploadUrlExpiresInSeconds - URL expiry (default 300 = 5 min)\n   */\n  async getPresignedUploadUrl(\n    filename: string,\n    contentType: string,\n    uploadUrlExpiresInSeconds: number = 300,\n  ): Promise<PresignedUploadResult> {\n    const storage = await this.getStorage();\n    const file = storage.bucket(this.bucketName).file(filename);\n\n    const [uploadUrl] = await file.getSignedUrl({\n      version: 'v4',\n      action: 'write',\n      expires: Date.now() + uploadUrlExpiresInSeconds * 1000,\n      contentType,\n    });\n\n    let publicUrl: string;\n\n    if (this.accessMode === 'private') {\n      const [signedReadUrl] = await file.getSignedUrl({\n        version: 'v4',\n        action: 'read',\n        expires: Date.now() + this.signedReadUrlExpiresInSeconds * 1000,\n      });\n      publicUrl = signedReadUrl;\n    } else {\n      publicUrl = `https://storage.googleapis.com/${this.bucketName}/${filename}`;\n    }\n\n    return { uploadUrl, publicUrl };\n  }\n\n  /**\n   * Get a read URL for an existing file.\n   * Returns a direct public URL or a v4 signed URL depending on accessMode.\n   */\n  async getReadUrl(filename: string): Promise<string> {\n    if (this.accessMode === 'private') {\n      const storage = await this.getStorage();\n      const file = storage.bucket(this.bucketName).file(filename);\n      const [signedReadUrl] = await file.getSignedUrl({\n        version: 'v4',\n        action: 'read',\n        expires: Date.now() + this.signedReadUrlExpiresInSeconds * 1000,\n      });\n      return signedReadUrl;\n    }\n\n    return `https://storage.googleapis.com/${this.bucketName}/${filename}`;\n  }\n\n  /** Delete a file from GCS. */\n  async delete(filename: string): Promise<void> {\n    const storage = await this.getStorage();\n    await storage.bucket(this.bucketName).file(filename).delete();\n  }\n\n  /** Check if a file exists in the bucket. */\n  async exists(filename: string): Promise<boolean> {\n    const storage = await this.getStorage();\n    const [fileExists] = await storage\n      .bucket(this.bucketName)\n      .file(filename)\n      .exists();\n    return fileExists;\n  }\n}\n","/**\n * Pluggable Auth Configuration\n *\n * Allows consumers to inject their own auth provider into blog-lib.\n * Upload actions and other protected operations call getCurrentUser()\n * and reject requests if no user is returned.\n *\n * @example\n * import { configureBlogAuth } from '@nate/blog-lib/server';\n *\n * configureBlogAuth({\n *   getCurrentUser: async () => {\n *     const session = await auth(); // your auth provider\n *     return session?.user ?? null;\n *   },\n * });\n *\n * Ref: Plan Phase 3, Step 3.2\n */\n\nexport interface BlogAuthUser {\n  id: string;\n  email?: string;\n}\n\nexport interface BlogAuthConfig {\n  /**\n   * Return the currently authenticated user, or null if unauthenticated.\n   * Called by upload actions and other protected operations.\n   */\n  getCurrentUser: () => Promise<BlogAuthUser | null>;\n}\n\nlet blogAuthConfig: BlogAuthConfig | null = null;\n\n/**\n * Configure blog-lib's auth integration. Call once during app initialization.\n */\nexport function configureBlogAuth(config: BlogAuthConfig): void {\n  blogAuthConfig = config;\n}\n\n/**\n * Get the currently authenticated user using the configured auth provider.\n * Returns null if no auth provider is configured or no user is authenticated.\n *\n * @internal Used by upload actions and other protected operations.\n */\nexport async function getBlogAuthCurrentUser(): Promise<BlogAuthUser | null> {\n  if (!blogAuthConfig) {\n    return null;\n  }\n  return blogAuthConfig.getCurrentUser();\n}\n\n/**\n * Check if blog auth has been configured.\n */\nexport function isBlogAuthConfigured(): boolean {\n  return blogAuthConfig !== null;\n}\n","/**\n * Image Upload Server Actions\n *\n * Server-side actions for initiating and confirming image uploads to GCS.\n * Frontend calls these, then uploads directly to GCS using the presigned URL.\n *\n * Ref: docs/epic-blog-lib/02-architecture.md (lines 927-991)\n * Ref: docs/epic-blog-lib/03-tasks.md (Task openclaw-n1y.10)\n */\n\n'use server';\n\nimport { GCSStorage } from '../../sdk/storage/gcs';\nimport { getBlogAuthCurrentUser, isBlogAuthConfigured } from '../auth/config';\n\nconst ALLOWED_IMAGE_MIME_TYPES = [\n  'image/jpeg',\n  'image/png',\n  'image/webp',\n  'image/gif',\n];\n\nconst MAX_FILE_SIZE_BYTES = 10 * 1024 * 1024; // 10MB\n\nexport interface InitiateUploadInput {\n  fileName: string;\n  fileType: string;\n  fileSizeBytes: number;\n  folder?: string;\n}\n\nexport interface InitiateUploadResult {\n  uploadUrl: string;\n  publicUrl: string;\n  destinationFilename: string;\n}\n\n/**\n * Validate the file and generate a presigned GCS upload URL.\n * The client then uploads directly to GCS using this URL.\n */\nexport async function initiateImageUpload(\n  input: InitiateUploadInput,\n): Promise<InitiateUploadResult> {\n  // Auth check — require authenticated user if auth is configured\n  // Ref: Plan Phase 3, Step 3.2\n  if (isBlogAuthConfigured()) {\n    const authenticatedUser = await getBlogAuthCurrentUser();\n    if (!authenticatedUser) {\n      throw new Error('Authentication required. Configure auth with configureBlogAuth().');\n    }\n  }\n\n  // Validate file type\n  if (!ALLOWED_IMAGE_MIME_TYPES.includes(input.fileType)) {\n    throw new Error(\n      `Invalid file type \"${input.fileType}\". Allowed: ${ALLOWED_IMAGE_MIME_TYPES.join(', ')}`,\n    );\n  }\n\n  // Validate file size\n  if (input.fileSizeBytes > MAX_FILE_SIZE_BYTES) {\n    throw new Error(\n      `File too large (${Math.round(input.fileSizeBytes / 1024 / 1024)}MB). Maximum: 10MB.`,\n    );\n  }\n\n  // Generate unique destination filename\n  const timestamp = Date.now();\n  const randomSuffix = Math.random().toString(36).substring(2, 8);\n  const fileExtension = input.fileName.split('.').pop() || 'jpg';\n  const destinationFilename = input.folder\n    ? `${input.folder}/${timestamp}-${randomSuffix}.${fileExtension}`\n    : `${timestamp}-${randomSuffix}.${fileExtension}`;\n\n  // Initialize GCS and generate presigned URL\n  const gcsStorage = new GCSStorage({\n    projectId: process.env.GCP_PROJECT_ID!,\n    bucket: process.env.GCS_BUCKET!,\n    keyFile: process.env.GCP_KEYFILE,\n  });\n\n  const { uploadUrl, publicUrl } = await gcsStorage.getPresignedUploadUrl(\n    destinationFilename,\n    input.fileType,\n  );\n\n  return { uploadUrl, publicUrl, destinationFilename };\n}\n\n/**\n * Confirm that a file was successfully uploaded to GCS.\n * Call after the client finishes the direct upload.\n */\nexport async function confirmImageUpload(\n  destinationFilename: string,\n): Promise<{ isUploadConfirmed: boolean }> {\n  // Auth check — require authenticated user if auth is configured\n  if (isBlogAuthConfigured()) {\n    const authenticatedUser = await getBlogAuthCurrentUser();\n    if (!authenticatedUser) {\n      throw new Error('Authentication required. Configure auth with configureBlogAuth().');\n    }\n  }\n\n  const gcsStorage = new GCSStorage({\n    projectId: process.env.GCP_PROJECT_ID!,\n    bucket: process.env.GCS_BUCKET!,\n    keyFile: process.env.GCP_KEYFILE,\n  });\n\n  const isUploadConfirmed = await gcsStorage.exists(destinationFilename);\n  if (!isUploadConfirmed) {\n    throw new Error('File not found in storage after upload');\n  }\n\n  return { isUploadConfirmed };\n}\n"],"mappings":"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","names":["Image","jsx","jsxs","jsx","jsxs","jsx","jsxs"]}