@content-streamline/nextjs 0.0.2 → 0.0.4

package/README.md

@@ -5,11 +5,12 @@ Next.js library for Content Streamline API with reusable, responsive components.
 ## Features
 
 - 🚀 **Easy Setup** - Configure via environment variables
-- 📦 **Reusable Components** - Pre-built React components for posts list and detail
+- 📦 **Reusable Components** - Pre-built React components for posts
 - 💾 **Smart Caching** - Automatic file-based caching with refresh control
 - 🎨 **Customizable** - Responsive components with configurable props
 - 📱 **Mobile-Friendly** - Built-in responsive design
 - 🔧 **TypeScript** - Full TypeScript support
+- 🏷️ **Platform Filtering** - Filter posts by platform (blog, linkedin, x, etc.)
 
 ## Installation
 
@@ -48,21 +49,32 @@ import '@content-streamline/nextjs/components/styles.css';
 
 ### 3. Use in Server Components (App Router)
 
-**Blog List Page** (`app/blog/page.tsx`):
+**Blog Page with Featured Posts** (`app/blog/page.tsx`):
 
 ```tsx
 import { getAllPosts } from '@content-streamline/nextjs/server';
-import { PostsList } from '@content-streamline/nextjs/components';
+import { LatestPosts, PostsList } from '@content-streamline/nextjs/components';
 
 export const revalidate = 3600; // Revalidate every hour (ISR)
 
 export default async function BlogPage() {
-  const posts = await getAllPosts();
+  const posts = await getAllPosts({ platform: 'blog' });
   
   return (
     <div>
       <h1>Blog</h1>
-      <PostsList posts={posts} baseUrl="/blog" />
+      
+      {/* Featured section with latest 3 posts */}
+      <section>
+        <h2>Latest Posts</h2>
+        <LatestPosts posts={posts} count={3} baseUrl="/blog" />
+      </section>
+      
+      {/* Remaining posts in vertical list */}
+      <section>
+        <h2>All Posts</h2>
+        <PostsList posts={posts} skipFirst={3} baseUrl="/blog" />
+      </section>
     </div>
   );
 }
@@ -77,7 +89,7 @@ import { notFound } from 'next/navigation';
 
 export async function generateStaticParams() {
   const { getAllPosts } = await import('@content-streamline/nextjs/server');
-  const posts = await getAllPosts();
+  const posts = await getAllPosts({ platform: 'blog' });
   
   return posts.flatMap(post => 
     post.post_translations
@@ -94,7 +106,7 @@ export default async function PostPage({
 }: {
   params: { id: string; slug: string };
 }) {
-  const post = await getPostBySlug(params.slug);
+  const post = await getPostBySlug(params.slug, { platform: 'blog' });
   
   if (!post) {
     notFound();
@@ -108,15 +120,16 @@ export default async function PostPage({
 
 ### 4. Use in Pages Router
 
-**Blog List Page** (`pages/blog/index.tsx`):
+**Blog Page** (`pages/blog/index.tsx`):
 
 ```tsx
 import { getAllPosts } from '@content-streamline/nextjs/server';
-import { PostsList } from '@content-streamline/nextjs/components';
+import { LatestPosts, PostsList } from '@content-streamline/nextjs/components';
 import type { GetStaticProps } from 'next';
+import type { Post } from '@content-streamline/nextjs';
 
 export const getStaticProps: GetStaticProps = async () => {
-  const posts = await getAllPosts();
+  const posts = await getAllPosts({ platform: 'blog' });
   
   return {
     props: { posts },
@@ -128,7 +141,8 @@ export default function BlogPage({ posts }: { posts: Post[] }) {
   return (
     <div>
       <h1>Blog</h1>
-      <PostsList posts={posts} baseUrl="/blog" />
+      <LatestPosts posts={posts} count={3} baseUrl="/blog" />
+      <PostsList posts={posts} skipFirst={3} baseUrl="/blog" />
     </div>
   );
 }
@@ -140,9 +154,10 @@ export default function BlogPage({ posts }: { posts: Post[] }) {
 import { getPostBySlug, getAllPosts } from '@content-streamline/nextjs/server';
 import { PostDetail } from '@content-streamline/nextjs/components';
 import type { GetStaticProps, GetStaticPaths } from 'next';
+import type { PostDetailResponse } from '@content-streamline/nextjs';
 
 export const getStaticPaths: GetStaticPaths = async () => {
-  const posts = await getAllPosts();
+  const posts = await getAllPosts({ platform: 'blog' });
   
   const paths = posts.flatMap(post => 
     post.post_translations
@@ -159,7 +174,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
 };
 
 export const getStaticProps: GetStaticProps = async ({ params }) => {
-  const post = await getPostBySlug(params!.slug as string);
+  const post = await getPostBySlug(params!.slug as string, { platform: 'blog' });
   
   if (!post) {
     return { notFound: true };
@@ -188,11 +203,14 @@ Get all posts with automatic caching.
 import { getAllPosts } from '@content-streamline/nextjs/server';
 
 const posts = await getAllPosts({
-  maxCacheAge: 60,      // Cache age in minutes (default: 60)
-  forceRefresh: false,  // Force API fetch (default: false)
+  platform: 'blog',       // Filter by platform (default: undefined = all)
+  maxCacheAge: 60,        // Cache age in minutes (default: 60)
+  forceRefresh: false,    // Force API fetch (default: false)
 });
 ```
 
+**Platform values**: `'blog'`, `'x'`, `'linkedin'`, `'facebook'`, `'instagram'`, `'other'`
+
 #### `getPost(id, options?)`
 
 Get a single post by ID.
@@ -218,6 +236,7 @@ import { getPostBySlug } from '@content-streamline/nextjs/server';
 const post = await getPostBySlug('my-post-slug', {
   language: 'en',
   contentFormat: 'markdown',
+  platform: 'blog',
   maxCacheAge: 60,
   forceRefresh: false,
 });
@@ -225,30 +244,66 @@ const post = await getPostBySlug('my-post-slug', {
 
 ### Components
 
+#### `<LatestPosts />`
+
+Display featured/hero posts with the first post highlighted. Perfect for homepage or blog landing sections.
+
+```tsx
+import { LatestPosts } from '@content-streamline/nextjs/components';
+
+<LatestPosts
+  posts={posts}
+  count={3}                // Number of posts to show (default: 3)
+  baseUrl="/blog"          // Base URL for post links
+  platform="blog"          // Filter by platform (default: 'blog')
+  language="en"            // Language for translations (default: 'en')
+  className="custom-class" // Custom container class
+  cardClassName="custom"   // Custom card class
+  showDate={true}          // Show post date (default: true)
+  showExcerpt={true}       // Show post excerpt (default: true)
+  showImages={true}        // Show post images (default: true)
+  renderTitle={(post, translation) => <CustomTitle />}    // Custom title renderer
+  renderExcerpt={(post, translation) => <CustomExcerpt />} // Custom excerpt renderer
+/>
+```
+
+**Layout behavior**:
+- First post is displayed as a featured card (larger, with image on left)
+- Remaining posts are displayed in a responsive grid below
+- Fully responsive - stacks vertically on mobile
+
 #### `<PostsList />`
 
-Display a list of posts.
+Display posts in a vertical list with thumbnails on the left. Ideal for archive pages or "more posts" sections.
 
 ```tsx
 import { PostsList } from '@content-streamline/nextjs/components';
 
 <PostsList
   posts={posts}
-  baseUrl="/blog"           // Base URL for post links
-  language="en"             // Language for translations
-  className="custom-class"  // Custom container class
-  cardClassName="custom"   // Custom card class
-  showDate={true}          // Show post date
-  showExcerpt={true}       // Show post excerpt
-  showImages={true}        // Show post images
-  renderTitle={(post, translation) => <CustomTitle />}  // Custom title renderer
-  renderExcerpt={(post, translation) => <CustomExcerpt />}  // Custom excerpt renderer
+  baseUrl="/blog"          // Base URL for post links
+  platform="blog"          // Filter by platform (default: 'blog')
+  skipFirst={3}            // Skip first N posts (default: 0)
+  language="en"            // Language for translations (default: 'en')
+  className="custom-class" // Custom container class
+  itemClassName="custom"   // Custom item class
+  showDate={true}          // Show post date (default: true)
+  showExcerpt={true}       // Show post excerpt (default: true)
+  showImages={true}        // Show post images (default: true)
+  renderTitle={(post, translation) => <CustomTitle />}    // Custom title renderer
+  renderExcerpt={(post, translation) => <CustomExcerpt />} // Custom excerpt renderer
 />
 ```
 
+**Layout behavior**:
+- Vertical list with image thumbnail on the left
+- Title and excerpt on the right
+- Compact design for browsing many posts
+- `skipFirst` prop allows combining with `LatestPosts` to avoid duplicates
+
 #### `<PostDetail />`
 
-Display a single post.
+Display a single post with full content.
 
 ```tsx
 import { PostDetail } from '@content-streamline/nextjs/components';
@@ -256,18 +311,69 @@ import { PostDetail } from '@content-streamline/nextjs/components';
 <PostDetail
   post={post}
   backUrl="/blog"          // URL for back link
-  language="en"            // Language for translation
+  language="en"            // Language for translation (default: 'en')
   className="custom-class" // Custom container class
-  showBackLink={true}      // Show back link
-  showDate={true}          // Show post date
-  showType={true}         // Show post type badge
-  showImage={true}        // Show featured image
-  showGallery={true}      // Show gallery images
-  renderContent={(content) => <MarkdownRenderer content={content} />}  // Custom content renderer
-  renderTitle={(post, translation) => <CustomTitle />}  // Custom title renderer
+  showBackLink={true}      // Show back link (default: true)
+  showDate={true}          // Show post date (default: true)
+  showType={true}          // Show post type badge (default: true)
+  showImage={true}         // Show featured image (default: true)
+  showGallery={true}       // Show gallery images (default: true)
+  renderContent={(content) => <MarkdownRenderer content={content} />} // Custom content renderer
+  renderTitle={(post, translation) => <CustomTitle />} // Custom title renderer
 />
 ```
 
+## Common Patterns
+
+### Featured Posts + Archive List
+
+Combine `LatestPosts` and `PostsList` for a complete blog layout:
+
+```tsx
+import { getAllPosts } from '@content-streamline/nextjs/server';
+import { LatestPosts, PostsList } from '@content-streamline/nextjs/components';
+
+export default async function BlogPage() {
+  const posts = await getAllPosts({ platform: 'blog' });
+  
+  return (
+    <main>
+      {/* Hero section with 3 featured posts */}
+      <section className="hero">
+        <LatestPosts posts={posts} count={3} baseUrl="/blog" />
+      </section>
+      
+      {/* Archive list (skip the 3 featured posts) */}
+      <section className="archive">
+        <h2>More Articles</h2>
+        <PostsList posts={posts} skipFirst={3} baseUrl="/blog" />
+      </section>
+    </main>
+  );
+}
+```
+
+### Multi-Platform Content
+
+Display content from different platforms:
+
+```tsx
+// Blog posts
+const blogPosts = await getAllPosts({ platform: 'blog' });
+
+// LinkedIn posts
+const linkedinPosts = await getAllPosts({ platform: 'linkedin' });
+
+// All posts (no filter)
+const allPosts = await getAllPosts();
+```
+
+### Homepage with Single Featured Post
+
+```tsx
+<LatestPosts posts={posts} count={1} baseUrl="/blog" />
+```
+
 ## Customization
 
 ### Styling
@@ -275,15 +381,26 @@ import { PostDetail } from '@content-streamline/nextjs/components';
 Components use CSS classes with the `content-streamline-` prefix. You can override styles:
 
 ```css
-/* Override post card styles */
-.content-streamline-post-card {
-  border-radius: 16px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+/* Override latest posts card */
+.content-streamline-latest-card {
+  border-radius: 20px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+}
+
+/* Override featured card */
+.content-streamline-latest-card--featured {
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+}
+
+/* Override list items */
+.content-streamline-list-item {
+  border-left: 4px solid #3b82f6;
 }
 
 /* Override post title */
-.content-streamline-post-title a {
-  color: #your-color;
+.content-streamline-latest-title a,
+.content-streamline-list-title a {
+  color: #your-brand-color;
 }
 ```
 
@@ -292,16 +409,17 @@ Components use CSS classes with the `content-streamline-` prefix. You can overri
 Use render props for complete control:
 
 ```tsx
-<PostsList
+<LatestPosts
   posts={posts}
   renderTitle={(post, translation) => (
     <h2 className="my-custom-title">
+      <span className="category">{post.content_type}</span>
       {translation.title}
     </h2>
   )}
   renderExcerpt={(post, translation) => (
     <p className="my-custom-excerpt">
-      {translation.meta_description}
+      {translation.meta_description?.slice(0, 100)}...
     </p>
   )}
 />
@@ -341,60 +459,57 @@ const posts = await getAllPosts({ forceRefresh: true });
 Full TypeScript support is included:
 
 ```tsx
-import type { Post, PostDetailResponse } from '@content-streamline/nextjs';
+import type { 
+  Post, 
+  PostDetailResponse,
+  PostsListProps,
+  LatestPostsProps,
+  PostDetailProps,
+} from '@content-streamline/nextjs';
 
 function MyComponent({ post }: { post: PostDetailResponse }) {
-  // ...
+  // Full type safety
 }
 ```
 
-## Examples
-
-### Basic Usage
-
-```tsx
-// app/blog/page.tsx
-import { getAllPosts } from '@content-streamline/nextjs/server';
-import { PostsList } from '@content-streamline/nextjs/components';
-
-export default async function Blog() {
-  const posts = await getAllPosts();
-  return <PostsList posts={posts} baseUrl="/blog" />;
-}
-```
-
-### With Custom Styling
-
-```tsx
-<PostsList
-  posts={posts}
-  baseUrl="/blog"
-  className="my-blog-list"
-  cardClassName="my-post-card"
-  showImages={false}
-/>
-```
-
-### With Markdown Rendering
-
-```tsx
-import ReactMarkdown from 'react-markdown';
-import { getPostBySlug } from '@content-streamline/nextjs/server';
-import { PostDetail } from '@content-streamline/nextjs/components';
-
-export default async function PostPage({ params }) {
-  const post = await getPostBySlug(params.slug);
-  
-  return (
-    <PostDetail
-      post={post}
-      renderContent={(content) => <ReactMarkdown>{content}</ReactMarkdown>}
-    />
-  );
-}
-```
+## CSS Classes Reference
+
+### LatestPosts
+- `.content-streamline-latest-posts` - Container
+- `.content-streamline-latest-card` - Individual card
+- `.content-streamline-latest-card--featured` - First (featured) card
+- `.content-streamline-latest-image` - Image container
+- `.content-streamline-latest-content` - Content area
+- `.content-streamline-latest-date` - Date element
+- `.content-streamline-latest-title` - Title
+- `.content-streamline-latest-excerpt` - Excerpt text
+- `.content-streamline-latest-link` - "Read more" link
+
+### PostsList
+- `.content-streamline-list` - Container
+- `.content-streamline-list-item` - Individual item
+- `.content-streamline-list-image` - Image thumbnail
+- `.content-streamline-list-content` - Content area
+- `.content-streamline-list-date` - Date element
+- `.content-streamline-list-title` - Title
+- `.content-streamline-list-excerpt` - Excerpt text
+
+### PostDetail
+- `.content-streamline-post-detail` - Container
+- `.content-streamline-back-link` - Back navigation link
+- `.content-streamline-post-header` - Header section
+- `.content-streamline-post-title` - Title
+- `.content-streamline-post-meta` - Meta information
+- `.content-streamline-post-date` - Date
+- `.content-streamline-post-type` - Type badge
+- `.content-streamline-post-featured-image` - Featured image
+- `.content-streamline-post-content` - Content area
+- `.content-streamline-post-gallery` - Image gallery
+
+### Common
+- `.content-streamline-empty` - Empty state message
+- `.content-streamline-post-not-found` - Not found message
 
 ## License
 
 MIT
-

package/dist/api/client.d.ts

@@ -10,11 +10,11 @@ declare class ContentStreamlineAPI {
     /**
      * List all posts with pagination
      */
-    listPosts(page?: number): Promise<PostsResponse>;
+    listPosts(page?: number, platform?: string): Promise<PostsResponse>;
     /**
      * Get all posts by fetching all pages
      */
-    getAllPosts(): Promise<Post[]>;
+    getAllPosts(platform?: string): Promise<Post[]>;
     /**
      * Get a single post by ID
      */

package/dist/api/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,IAAI,EACJ,kBAAkB,EAClB,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,cAAM,oBAAoB;IACxB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,WAAW,CAAS;gBAEhB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM;YAKlC,KAAK;IAiCnB;;OAEG;IACG,SAAS,CAAC,IAAI,GAAE,MAAU,GAAG,OAAO,CAAC,aAAa,CAAC;IAIzD;;OAEG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;IAgBpC;;OAEG;IACG,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,GAAE,UAAU,GAAG,MAAmB,GAAG,OAAO,CAAC,kBAAkB,CAAC;CAIxG;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,oBAAoB,CAE1F"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,IAAI,EACJ,kBAAkB,EAClB,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,cAAM,oBAAoB;IACxB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,WAAW,CAAS;gBAEhB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM;YAKlC,KAAK;IAiCnB;;OAEG;IACG,SAAS,CAAC,IAAI,GAAE,MAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAS5E;;OAEG;IACG,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAgBrD;;OAEG;IACG,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,GAAE,UAAU,GAAG,MAAmB,GAAG,OAAO,CAAC,kBAAkB,CAAC;CAIxG;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,oBAAoB,CAE1F"}

package/dist/api/client.js

@@ -38,18 +38,23 @@ class ContentStreamlineAPI {
     /**
      * List all posts with pagination
      */
-    async listPosts(page = 1) {
-        return this.fetch(`/public/v1/posts?page=${page}`);
+    async listPosts(page = 1, platform) {
+        const params = new URLSearchParams();
+        params.set('page', page.toString());
+        if (platform) {
+            params.set('platform', platform);
+        }
+        return this.fetch(`/public/v1/posts?${params.toString()}`);
     }
     /**
      * Get all posts by fetching all pages
      */
-    async getAllPosts() {
+    async getAllPosts(platform) {
         const allPosts = [];
         let currentPage = 1;
         let hasMore = true;
         while (hasMore) {
-            const response = await this.listPosts(currentPage);
+            const response = await this.listPosts(currentPage, platform);
             allPosts.push(...response.data);
             hasMore = response.pagination.next_page !== null;
             currentPage = response.pagination.next_page || currentPage + 1;

package/dist/components/LatestPosts.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { Post } from '../types/index.js';
+export interface LatestPostsProps {
+    posts: Post[];
+    /**
+     * Number of posts to display (default: 3)
+     */
+    count?: number;
+    /**
+     * Base URL for post links (e.g., '/blog' or '/posts')
+     * Post URL will be: {baseUrl}/{postId}/{slug}
+     */
+    baseUrl?: string;
+    /**
+     * Platform filter for posts (default: 'blog')
+     * Valid values: 'x', 'linkedin', 'blog', 'facebook', 'instagram', 'other'
+     */
+    platform?: string;
+    /**
+     * Language to use for post translations (default: 'en')
+     */
+    language?: string;
+    /**
+     * Custom className for the container
+     */
+    className?: string;
+    /**
+     * Custom className for post cards
+     */
+    cardClassName?: string;
+    /**
+     * Show post date (default: true)
+     */
+    showDate?: boolean;
+    /**
+     * Show post excerpt/description (default: true)
+     */
+    showExcerpt?: boolean;
+    /**
+     * Show post images (default: true)
+     */
+    showImages?: boolean;
+    /**
+     * Custom render function for post title
+     */
+    renderTitle?: (post: Post, translation: Post['post_translations'][0]) => React.ReactNode;
+    /**
+     * Custom render function for post excerpt
+     */
+    renderExcerpt?: (post: Post, translation: Post['post_translations'][0]) => React.ReactNode;
+}
+export declare function LatestPosts({ posts, count, baseUrl, platform, language, className, cardClassName, showDate, showExcerpt, showImages, renderTitle, renderExcerpt, }: LatestPostsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LatestPosts.d.ts.map

package/dist/components/LatestPosts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LatestPosts.d.ts","sourceRoot":"","sources":["../../src/components/LatestPosts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5F;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAS,EACT,OAAkB,EAClB,QAAiB,EACjB,QAAe,EACf,SAAc,EACd,aAAkB,EAClB,QAAe,EACf,WAAkB,EAClB,UAAiB,EACjB,WAAW,EACX,aAAa,GACd,EAAE,gBAAgB,2CAuFlB"}

package/dist/components/LatestPosts.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LatestPosts({ posts, count = 3, baseUrl = '/posts', platform = 'blog', language = 'en', className = '', cardClassName = '', showDate = true, showExcerpt = true, showImages = true, renderTitle, renderExcerpt, }) {
+    // Filter posts by platform if specified
+    const filteredPosts = platform
+        ? posts.filter(post => post.platform.toLowerCase() === platform.toLowerCase())
+        : posts;
+    // Take only the first N posts
+    const latestPosts = filteredPosts.slice(0, count);
+    if (latestPosts.length === 0) {
+        return (_jsx("div", { className: `content-streamline-empty ${className}`, children: _jsx("p", { children: "No posts found." }) }));
+    }
+    return (_jsx("div", { className: `content-streamline-latest-posts ${className}`, children: latestPosts.map((post, index) => {
+            const translation = post.post_translations.find((t) => t.language === language) ||
+                post.post_translations[0];
+            if (!translation || !translation.slug)
+                return null;
+            const featuredImage = post.images.find((img) => img.ordering === 0) || post.images[0];
+            const date = new Date(post.created_at);
+            const isFirst = index === 0;
+            return (_jsxs("article", { className: `content-streamline-latest-card ${isFirst ? 'content-streamline-latest-card--featured' : ''} ${cardClassName}`, children: [showImages && featuredImage && (_jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, className: "content-streamline-latest-image-link", children: _jsx("div", { className: "content-streamline-latest-image", children: _jsx("img", { src: featuredImage.url, alt: featuredImage.alt || translation.title, loading: isFirst ? 'eager' : 'lazy' }) }) })), _jsxs("div", { className: "content-streamline-latest-content", children: [showDate && (_jsx("time", { className: "content-streamline-latest-date", dateTime: post.created_at, children: date.toLocaleDateString('en-US', {
+                                    year: 'numeric',
+                                    month: 'long',
+                                    day: 'numeric',
+                                }) })), _jsx("h2", { className: "content-streamline-latest-title", children: _jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, children: renderTitle ? renderTitle(post, translation) : translation.title }) }), showExcerpt && translation.meta_description && (_jsx("p", { className: "content-streamline-latest-excerpt", children: renderExcerpt
+                                    ? renderExcerpt(post, translation)
+                                    : translation.meta_description })), _jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, className: "content-streamline-latest-link", children: "Read more \u2192" })] })] }, post.id));
+        }) }));
+}

package/dist/components/PostsList.d.ts

@@ -7,6 +7,18 @@ export interface PostsListProps {
      * Post URL will be: {baseUrl}/{postId}/{slug}
      */
     baseUrl?: string;
+    /**
+     * Platform filter for posts (default: 'blog')
+     * Valid values: 'x', 'linkedin', 'blog', 'facebook', 'instagram', 'other'
+     * Filters the posts to only show those matching this platform.
+     * For best performance, also pass platform to getAllPosts() when fetching.
+     */
+    platform?: string;
+    /**
+     * Number of posts to skip from the beginning (default: 0)
+     * Useful when using LatestPosts component to display the first N posts separately.
+     */
+    skipFirst?: number;
     /**
      * Language to use for post translations (default: 'en')
      */
@@ -16,9 +28,9 @@ export interface PostsListProps {
      */
     className?: string;
     /**
-     * Custom className for post cards
+     * Custom className for post items
      */
-    cardClassName?: string;
+    itemClassName?: string;
     /**
      * Show post date (default: true)
      */
@@ -40,5 +52,5 @@ export interface PostsListProps {
      */
     renderExcerpt?: (post: Post, translation: Post['post_translations'][0]) => React.ReactNode;
 }
-export declare function PostsList({ posts, baseUrl, language, className, cardClassName, showDate, showExcerpt, showImages, renderTitle, renderExcerpt, }: PostsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostsList({ posts, baseUrl, platform, skipFirst, language, className, itemClassName, showDate, showExcerpt, showImages, renderTitle, renderExcerpt, }: PostsListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PostsList.d.ts.map

package/dist/components/PostsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostsList.d.ts","sourceRoot":"","sources":["../../src/components/PostsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5F;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAkB,EAClB,QAAe,EACf,SAAc,EACd,aAAkB,EAClB,QAAe,EACf,WAAkB,EAClB,UAAiB,EACjB,WAAW,EACX,aAAa,GACd,EAAE,cAAc,2CA8EhB"}
+{"version":3,"file":"PostsList.d.ts","sourceRoot":"","sources":["../../src/components/PostsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5F;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAkB,EAClB,QAAiB,EACjB,SAAa,EACb,QAAe,EACf,SAAc,EACd,aAAkB,EAClB,QAAe,EACf,WAAkB,EAClB,UAAiB,EACjB,WAAW,EACX,aAAa,GACd,EAAE,cAAc,2CAgFhB"}

package/dist/components/PostsList.js

@@ -1,22 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function PostsList({ posts, baseUrl = '/posts', language = 'en', className = '', cardClassName = '', showDate = true, showExcerpt = true, showImages = true, renderTitle, renderExcerpt, }) {
-    if (posts.length === 0) {
+export function PostsList({ posts, baseUrl = '/posts', platform = 'blog', skipFirst = 0, language = 'en', className = '', itemClassName = '', showDate = true, showExcerpt = true, showImages = true, renderTitle, renderExcerpt, }) {
+    // Filter posts by platform if specified
+    const filteredPosts = platform
+        ? posts.filter(post => post.platform.toLowerCase() === platform.toLowerCase())
+        : posts;
+    // Skip first N posts
+    const displayPosts = skipFirst > 0 ? filteredPosts.slice(skipFirst) : filteredPosts;
+    if (displayPosts.length === 0) {
         return (_jsx("div", { className: `content-streamline-empty ${className}`, children: _jsx("p", { children: "No posts found." }) }));
     }
-    return (_jsx("div", { className: `content-streamline-posts-list ${className}`, children: posts.map((post) => {
+    return (_jsx("div", { className: `content-streamline-list ${className}`, children: displayPosts.map((post) => {
             const translation = post.post_translations.find((t) => t.language === language) ||
                 post.post_translations[0];
             if (!translation || !translation.slug)
                 return null;
             const featuredImage = post.images.find((img) => img.ordering === 0) || post.images[0];
             const date = new Date(post.created_at);
-            return (_jsxs("article", { className: `content-streamline-post-card ${cardClassName}`, children: [showImages && featuredImage && (_jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, className: "content-streamline-post-image-link", children: _jsx("div", { className: "content-streamline-post-image", children: _jsx("img", { src: featuredImage.url, alt: featuredImage.alt || translation.title, loading: "lazy" }) }) })), _jsxs("div", { className: "content-streamline-post-content", children: [showDate && (_jsx("time", { className: "content-streamline-post-date", dateTime: post.created_at, children: date.toLocaleDateString('en-US', {
+            return (_jsxs("article", { className: `content-streamline-list-item ${itemClassName}`, children: [showImages && featuredImage && (_jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, className: "content-streamline-list-image-link", children: _jsx("div", { className: "content-streamline-list-image", children: _jsx("img", { src: featuredImage.url, alt: featuredImage.alt || translation.title, loading: "lazy" }) }) })), _jsxs("div", { className: "content-streamline-list-content", children: [showDate && (_jsx("time", { className: "content-streamline-list-date", dateTime: post.created_at, children: date.toLocaleDateString('en-US', {
                                     year: 'numeric',
-                                    month: 'long',
+                                    month: 'short',
                                     day: 'numeric',
-                                }) })), _jsx("h2", { className: "content-streamline-post-title", children: _jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, children: renderTitle ? renderTitle(post, translation) : translation.title }) }), showExcerpt && translation.meta_description && (_jsx("p", { className: "content-streamline-post-excerpt", children: renderExcerpt
+                                }) })), _jsx("h3", { className: "content-streamline-list-title", children: _jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, children: renderTitle ? renderTitle(post, translation) : translation.title }) }), showExcerpt && translation.meta_description && (_jsx("p", { className: "content-streamline-list-excerpt", children: renderExcerpt
                                     ? renderExcerpt(post, translation)
-                                    : translation.meta_description })), _jsx("a", { href: `${baseUrl}/${post.id}/${translation.slug}`, className: "content-streamline-post-link", children: "Read more" })] })] }, post.id));
+                                    : translation.meta_description }))] })] }, post.id));
         }) }));
 }

package/dist/components/index.d.ts

@@ -3,6 +3,8 @@
  */
 export { PostsList } from './PostsList.js';
 export { PostDetail } from './PostDetail.js';
+export { LatestPosts } from './LatestPosts.js';
 export type { PostsListProps } from './PostsList.js';
 export type { PostDetailProps } from './PostDetail.js';
+export type { LatestPostsProps } from './LatestPosts.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -3,5 +3,6 @@
  */
 export { PostsList } from './PostsList.js';
 export { PostDetail } from './PostDetail.js';
+export { LatestPosts } from './LatestPosts.js';
 // Styles are available at '@content-streamline/nextjs/components/styles.css'
 // Users should import them in their app: import '@content-streamline/nextjs/components/styles.css'

package/dist/index.d.ts

@@ -4,6 +4,6 @@
  */
 export type { Post, PostDetailResponse, PostTranslation, PostImage, PostsResponse, Pagination, } from './types/index.js';
 export { getAllPosts, getPost, getPostBySlug, } from './server/index.js';
-export { PostsList, PostDetail, } from './components/index.js';
-export type { PostsListProps, PostDetailProps, } from './components/index.js';
+export { PostsList, PostDetail, LatestPosts, } from './components/index.js';
+export type { PostsListProps, PostDetailProps, LatestPostsProps, } from './components/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,aAAa,EACb,UAAU,GACX,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,WAAW,EACX,OAAO,EACP,aAAa,GACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,SAAS,EACT,UAAU,GACX,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,aAAa,EACb,UAAU,GACX,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,WAAW,EACX,OAAO,EACP,aAAa,GACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -5,4 +5,4 @@
 // Export server functions
 export { getAllPosts, getPost, getPostBySlug, } from './server/index.js';
 // Export components
-export { PostsList, PostDetail, } from './components/index.js';
+export { PostsList, PostDetail, LatestPosts, } from './components/index.js';

package/dist/server/index.d.ts

@@ -10,6 +10,7 @@ import type { Post, PostDetailResponse } from '../types/index.js';
 export declare function getAllPosts(options?: {
     maxCacheAge?: number;
     forceRefresh?: boolean;
+    platform?: string;
 }): Promise<Post[]>;
 /**
  * Get a single post by ID
@@ -30,6 +31,7 @@ export declare function getPostBySlug(slug: string, options?: {
     contentFormat?: 'markdown' | 'html';
     maxCacheAge?: number;
     forceRefresh?: boolean;
+    platform?: string;
 }): Promise<PostDetailResponse | null>;
 export type { Post, PostDetailResponse, PostTranslation, PostImage, PostsResponse, Pagination, } from '../types/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAkBlE;;;GAGG;AACH,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAiClB;AAED;;;GAGG;AACH,wBAAsB,OAAO,CAC3B,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACA,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAiCpC;AAED;;;GAGG;AACH,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACA,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CA0BpC;AAGD,YAAY,EACV,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,aAAa,EACb,UAAU,GACX,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAkBlE;;;GAGG;AACH,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CA2ClB;AAED;;;GAGG;AACH,wBAAsB,OAAO,CAC3B,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACA,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAiCpC;AAED;;;GAGG;AACH,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GACA,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CA2BpC;AAGD,YAAY,EACV,IAAI,EACJ,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,aAAa,EACb,UAAU,GACX,MAAM,mBAAmB,CAAC"}

package/dist/server/index.js

@@ -20,21 +20,30 @@ function getAPIConfig() {
  * Use this in Server Components or API Routes
  */
 export async function getAllPosts(options) {
-    const { maxCacheAge = 60, forceRefresh = false } = options || {};
+    const { maxCacheAge = 15, forceRefresh = false, platform } = options || {};
     // Check cache freshness
     if (!forceRefresh) {
         const needsRefresh = await shouldRefreshCache(maxCacheAge);
         if (!needsRefresh) {
             const cached = await getAllCachedPosts();
             if (cached.length > 0) {
-                return cached;
+                // Filter cached posts by platform if specified
+                if (platform) {
+                    const filtered = cached.filter(post => post.platform.toLowerCase() === platform.toLowerCase());
+                    if (filtered.length > 0) {
+                        return filtered;
+                    }
+                }
+                else {
+                    return cached;
+                }
             }
         }
     }
     // Fetch from API
     const { baseUrl, accessToken } = getAPIConfig();
     const api = createAPIClient(baseUrl, accessToken);
-    const posts = await api.getAllPosts();
+    const posts = await api.getAllPosts(platform);
     // Cache all posts
     for (const post of posts) {
         try {
@@ -54,7 +63,7 @@ export async function getAllPosts(options) {
  * Use this in Server Components or API Routes
  */
 export async function getPost(id, options) {
-    const { language = 'en', contentFormat = 'markdown', maxCacheAge = 60, forceRefresh = false, } = options || {};
+    const { language = 'en', contentFormat = 'markdown', maxCacheAge = 15, forceRefresh = false, } = options || {};
     // Try cache first
     if (!forceRefresh) {
         const needsRefresh = await shouldRefreshCache(maxCacheAge);
@@ -88,6 +97,7 @@ export async function getPostBySlug(slug, options) {
     const posts = await getAllPosts({
         maxCacheAge: options?.maxCacheAge,
         forceRefresh: options?.forceRefresh,
+        platform: options?.platform,
     });
     const language = options?.language || 'en';
     // Find post with matching slug

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@content-streamline/nextjs",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Next.js library for Content Streamline API with reusable components",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,4 +49,3 @@
     "README.md"
   ]
 }
-