@haroonwaves/blog-kit-react 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -33,12 +33,12 @@ __export(src_exports, {
   BlogCard: () => BlogCard,
   BlogList: () => BlogList,
   BlogPlaceholder: () => BlogPlaceholder,
-  MarkdownRenderer: () => BlogRenderer,
+  BlogRenderer: () => BlogRenderer,
   useBlogs: () => useBlogs
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/components/MarkdownRenderer.tsx
+// src/components/BlogRenderer.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
 var import_rehype_prism_plus = __toESM(require("rehype-prism-plus"), 1);
@@ -56,7 +56,7 @@ function Badge({ children, className }) {
   );
 }
 
-// src/components/MarkdownRenderer.tsx
+// src/components/BlogRenderer.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function BlogRenderer({ content, metadata, className = "", components }) {
   const defaultComponents = {
@@ -214,12 +214,12 @@ function BlogPlaceholder({ count = 3, className = "" }) {
 
 // src/hooks/useBlogs.ts
 var import_react = require("react");
-function useBlogs(blogs) {
-  const [filteredBlogs, setFilteredBlogs] = (0, import_react.useState)(blogs);
+function useBlogs(blogsMeta) {
+  const [filteredBlogs, setFilteredBlogs] = (0, import_react.useState)(blogsMeta);
   const [searchTerm, setSearchTerm] = (0, import_react.useState)("");
   const [selectedCategory, setSelectedCategory] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
-    let filtered = blogs;
+    let filtered = blogsMeta;
     if (searchTerm) {
       filtered = filtered.filter(
         (blog) => blog.title.toLowerCase().includes(searchTerm.toLowerCase()) || blog.description.toLowerCase().includes(searchTerm.toLowerCase())
@@ -229,12 +229,12 @@ function useBlogs(blogs) {
       filtered = filtered.filter((blog) => blog.category === selectedCategory);
     }
     setFilteredBlogs(filtered);
-  }, [blogs, searchTerm, selectedCategory]);
+  }, [blogsMeta, searchTerm, selectedCategory]);
   const categories = Array.from(
-    new Set(blogs.map((blog) => blog.category).filter(Boolean))
+    new Set(blogsMeta.map((blog) => blog.category).filter(Boolean))
   );
   return {
-    blogs: filteredBlogs,
+    metadata: filteredBlogs,
     searchTerm,
     setSearchTerm,
     selectedCategory,
@@ -247,6 +247,6 @@ function useBlogs(blogs) {
   BlogCard,
   BlogList,
   BlogPlaceholder,
-  MarkdownRenderer,
+  BlogRenderer,
   useBlogs
 });

package/dist/index.d.cts

@@ -54,8 +54,8 @@ interface BlogPlaceholderProps {
 }
 declare function BlogPlaceholder({ count, className }: BlogPlaceholderProps): react_jsx_runtime.JSX.Element;
 
-declare function useBlogs(blogs: BlogMeta[]): {
-    blogs: BlogMeta[];
+declare function useBlogs(blogsMeta: BlogMeta[]): {
+    metadata: BlogMeta[];
     searchTerm: string;
     setSearchTerm: react.Dispatch<react.SetStateAction<string>>;
     selectedCategory: string | null;
@@ -63,4 +63,4 @@ declare function useBlogs(blogs: BlogMeta[]): {
     categories: string[];
 };
 
-export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer as MarkdownRenderer, type BlogRendererProps as MarkdownRendererProps, useBlogs };
+export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer, type BlogRendererProps, useBlogs };

package/dist/index.d.ts

@@ -54,8 +54,8 @@ interface BlogPlaceholderProps {
 }
 declare function BlogPlaceholder({ count, className }: BlogPlaceholderProps): react_jsx_runtime.JSX.Element;
 
-declare function useBlogs(blogs: BlogMeta[]): {
-    blogs: BlogMeta[];
+declare function useBlogs(blogsMeta: BlogMeta[]): {
+    metadata: BlogMeta[];
     searchTerm: string;
     setSearchTerm: react.Dispatch<react.SetStateAction<string>>;
     selectedCategory: string | null;
@@ -63,4 +63,4 @@ declare function useBlogs(blogs: BlogMeta[]): {
     categories: string[];
 };
 
-export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer as MarkdownRenderer, type BlogRendererProps as MarkdownRendererProps, useBlogs };
+export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer, type BlogRendererProps, useBlogs };

package/dist/index.js

@@ -1,4 +1,4 @@
-// src/components/MarkdownRenderer.tsx
+// src/components/BlogRenderer.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypePrismPlus from "rehype-prism-plus";
@@ -16,7 +16,7 @@ function Badge({ children, className }) {
   );
 }
 
-// src/components/MarkdownRenderer.tsx
+// src/components/BlogRenderer.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function BlogRenderer({ content, metadata, className = "", components }) {
   const defaultComponents = {
@@ -174,12 +174,12 @@ function BlogPlaceholder({ count = 3, className = "" }) {
 
 // src/hooks/useBlogs.ts
 import { useState, useEffect } from "react";
-function useBlogs(blogs) {
-  const [filteredBlogs, setFilteredBlogs] = useState(blogs);
+function useBlogs(blogsMeta) {
+  const [filteredBlogs, setFilteredBlogs] = useState(blogsMeta);
   const [searchTerm, setSearchTerm] = useState("");
   const [selectedCategory, setSelectedCategory] = useState(null);
   useEffect(() => {
-    let filtered = blogs;
+    let filtered = blogsMeta;
     if (searchTerm) {
       filtered = filtered.filter(
         (blog) => blog.title.toLowerCase().includes(searchTerm.toLowerCase()) || blog.description.toLowerCase().includes(searchTerm.toLowerCase())
@@ -189,12 +189,12 @@ function useBlogs(blogs) {
       filtered = filtered.filter((blog) => blog.category === selectedCategory);
     }
     setFilteredBlogs(filtered);
-  }, [blogs, searchTerm, selectedCategory]);
+  }, [blogsMeta, searchTerm, selectedCategory]);
   const categories = Array.from(
-    new Set(blogs.map((blog) => blog.category).filter(Boolean))
+    new Set(blogsMeta.map((blog) => blog.category).filter(Boolean))
   );
   return {
-    blogs: filteredBlogs,
+    metadata: filteredBlogs,
     searchTerm,
     setSearchTerm,
     selectedCategory,
@@ -206,6 +206,6 @@ export {
   BlogCard,
   BlogList,
   BlogPlaceholder,
-  BlogRenderer as MarkdownRenderer,
+  BlogRenderer,
   useBlogs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haroonwaves/blog-kit-react",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",