@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/blogs/blog-listing-2.tsx

@@ -10,6 +10,7 @@ import {
   Typography,
   useContentEngine,
 } from "@levo-so/studio";
+import dayjs from "dayjs";
 
 import type { IBlogListing2Content } from "./blog-listing-2.schema";
 
@@ -45,6 +46,12 @@ const BlogListing2: React.FC<
                     <Icon elementKey={`blogs.${index}.header-icon`} />
                     <Typography elementKey={`blogs.${index}.blog-type`} />
                   </Box>
+                  <Box elementKey={`blogs.${index}.dateWrapper`}>
+                    <Icon elementKey={`blogs.${index}.dateIcon`} />
+                    <Typography elementKey={`blogs.${index}.date`}>
+                      {dayjs(item?.date).format("MMM D, YYYY")}
+                    </Typography>
+                  </Box>
                   <Heading elementKey={`blogs.${index}.title`} />
                   <Typography elementKey={`blogs.${index}.description`} />
                   <Box elementKey={`blogs.${index}.blog-footer`}>

package/src/blocks/blogs/blog-listing-3.schema.ts

@@ -402,6 +402,7 @@ export const BlogListing3: IBlock = {
       hint: {
         prompt_description:
           "Section heading introducing featured or trending blog articles for this month. Make it concise, bold, and inviting. Use a confident and energetic tone.",
+        usecase: "main_title",
         min_characters: 16,
         max_characters: 30,
       },
@@ -413,6 +414,7 @@ export const BlogListing3: IBlock = {
       hint: {
         prompt_description:
           "Primary call-to-action button next to the section heading, inviting users to view all news or blogs. Text should be short (2-4 words), action-oriented, and clear.",
+        usecase: "button",
         min_characters: 10,
         max_characters: 20,
       },
@@ -484,6 +486,7 @@ export const BlogListing3: IBlock = {
           hint: {
             prompt_description:
               "Blog post category or topic, e.g., 'Article / Lifestyle'. Should be short, informative, use sentence case, and highlight the type of content.",
+            usecase: "date",
             min_characters: 10,
             max_characters: 27,
           },
@@ -495,6 +498,7 @@ export const BlogListing3: IBlock = {
           hint: {
             prompt_description:
               "Headline for the blog post card, designed to attract attention and encourage clicks. Should be clear, engaging, and fit on 1 or 2 lines. Use an editorial, inviting tone.",
+            usecase: "title",
             min_characters: 28,
             max_characters: 60,
           },
@@ -506,6 +510,7 @@ export const BlogListing3: IBlock = {
           hint: {
             prompt_description:
               "Short excerpt or summary of the article, displayed on the card. It should generate curiosity and briefly explain the blog's theme or story in 1-2 concise sentences.",
+            usecase: "description",
             min_characters: 60,
             max_characters: 130,
           },
@@ -541,6 +546,7 @@ export const BlogListing3: IBlock = {
           hint: {
             prompt_description:
               "Author's display name for the card byline. Should feel authentic and natural.",
+            usecase: "author",
             min_characters: 5,
             max_characters: 25,
           },
@@ -570,6 +576,7 @@ export const BlogListing3: IBlock = {
           hint: {
             prompt_description:
               "Estimated reading duration for the article, such as '6 Minutes' or '3 min'. Keep it simple and brief.",
+            usecase: "reading_time",
             min_characters: 6,
             max_characters: 15,
           },
@@ -594,6 +601,7 @@ export const BlogListing3: IBlock = {
       hint: {
         prompt_description:
           "Pagination control button to navigate to the previous page of blog cards. Keep the label brief, such as 'Previous' or a left arrow. Tone should be neutral and functional.",
+        usecase: "button",
         min_characters: 5,
         max_characters: 12,
       },
@@ -616,6 +624,7 @@ export const BlogListing3: IBlock = {
       hint: {
         prompt_description:
           "Pagination control button to navigate to the next page of blog cards. Should be concise, such as 'Next' or a right arrow. Neutral tone.",
+        usecase: "button",
         min_characters: 4,
         max_characters: 8,
       },

package/src/blocks/blogs/blog-post-1.schema.ts

@@ -121,6 +121,7 @@ export const BlogPost1: IBlock = {
       hint: {
         prompt_description:
           "A short, descriptive blog post tag or category, such as 'Financial Planning'. Use 1–3 words. Neutral and factual.",
+        usecase: "category",
         min_characters: 7,
         max_characters: 28,
       },
@@ -141,6 +142,7 @@ export const BlogPost1: IBlock = {
       hint: {
         prompt_description:
           "Main headline for the blog post. Clear, compelling, and professional. Use sentence case. Aim for strong impact; avoid jargon.",
+        usecase: "main_title",
         min_characters: 28,
         max_characters: 60,
       },
@@ -181,7 +183,8 @@ export const BlogPost1: IBlock = {
       field_interface: "HeadingWidget",
       hint: {
         prompt_description:
-          "Author’s full name. Use proper capitalization, 2–3 words, simple formality.",
+          "Author's full name. Use proper capitalization, 2–3 words, simple formality.",
+        usecase: "author",
         min_characters: 5,
         max_characters: 28,
       },
@@ -193,6 +196,7 @@ export const BlogPost1: IBlock = {
       hint: {
         prompt_description:
           "Date the article was published. Human-readable, e.g., 'April 25, 2025'. Month spelled out.",
+        usecase: "date",
         min_characters: 10,
         max_characters: 20,
       },
@@ -204,6 +208,7 @@ export const BlogPost1: IBlock = {
       hint: {
         prompt_description:
           "Estimated reading time in minutes. Use short format: '10 Minutes' or '8 Min'.",
+        usecase: "reading_time",
         min_characters: 6,
         max_characters: 13,
       },
@@ -236,6 +241,7 @@ export const BlogPost1: IBlock = {
       hint: {
         prompt_description:
           "Full blog article body. Use formal, professional tone suitable for financial topics. Include headings, paragraphs, and clear explanations. Length should be 800–2000 words for a comprehensive post.",
+        usecase: "description",
         min_characters: 800,
         max_characters: 12000,
       },

package/src/blocks/blogs/blog-post-1.tsx

@@ -43,7 +43,7 @@ const BlogPost1: React.FC<ILevoBlockBaseProps<IBlogPost1Content>> = ({
         <Media elementKey="blog-cover" alt="Blog Cover" />
       </Box>
       <Box elementKey="content-section">
-        <Typography elementKey="content" className="prose" />
+        <Typography elementKey="content" className="LevoProseMirror" />
       </Box>
     </Container>
   </Section>