From db0ea3f30f67c3817ab2a2630d0f4b87f8fa62da Mon Sep 17 00:00:00 2001
From: Pedro zagato <pedro.phzp@hotmail.com>
Date: Mon, 11 May 2026 14:58:37 -0300
Subject: [PATCH 1/5] feat: create related posts and products

---
 blog/sections/Template.tsx | 43 +++++++++++++++++++++++---------------
 blog/types.ts              | 19 +++++++++++++++--
 2 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/blog/sections/Template.tsx b/blog/sections/Template.tsx
index c693a50c8..76b110a14 100644
--- a/blog/sections/Template.tsx
+++ b/blog/sections/Template.tsx
@@ -1,6 +1,5 @@
 import { BlogPost } from "../types.ts";
 import { CSS } from "../static/css.ts";
-import { renderSection } from "../../website/pages/Page.tsx";
 import { AppContext } from "../mod.ts";
 
 export interface Props {
@@ -42,27 +41,37 @@ export default function Template(
       <link href="/styles.css" rel="stylesheet" />
       <style dangerouslySetInnerHTML={{ __html: CSS }} />
       <div class="deco-post-preview">
-        <h1>{title}</h1>
-        <p class="text-xl">{excerpt}</p>
-        <p>
-          {date
-            ? new Date(`${date}T00:00:00`).toLocaleDateString("en-US", {
-              month: "long",
-              day: "numeric",
-              year: "numeric",
-            })
-            : ""}
-        </p>
+        <h1 class="text-4xl font-bold mb-4">{title}</h1>
+        <p class="text-xl mb-4 italic">{excerpt}</p>
+        
         {image && (
           <img
-            class="w-full rounded-2xl bg-cover"
+            class="w-full rounded-2xl mb-8"
             src={image}
             alt={alt ?? title}
           />
         )}
-        <div dangerouslySetInnerHTML={{ __html: content as string }} />
-        <div class="content-sections">
-          {sections?.map(renderSection)}
+        
+        <div 
+          class="prose max-w-none mb-10" 
+          dangerouslySetInnerHTML={{ __html: content as string }} 
+        />
+
+        <div class="content-sections flex flex-col gap-8">
+          {sections?.map((section, index) => {
+            if (!section || !section.Component) {
+              console.warn(`Section na posição ${index} está indefinida.`);
+              return null;
+            }
+
+            const { Component, props } = section;
+            
+            return (
+              <div key={index} class="section-wrapper">
+                <Component {...props} />
+              </div>
+            );
+          })}
         </div>
       </div>
     </>
@@ -74,4 +83,4 @@ export const loader = (props: Props, _req: Request, ctx: AppContext) => {
     ...props,
     pageSlug: ctx.pageSlug,
   };
-};
+};
\ No newline at end of file
diff --git a/blog/types.ts b/blog/types.ts
index 53cce1fdc..2ae3f6986 100644
--- a/blog/types.ts
+++ b/blog/types.ts
@@ -1,6 +1,7 @@
 import { ImageWidget } from "../admin/widgets.ts";
 import { PageInfo, Person, Thing } from "../commerce/types.ts";
 import { type Section } from "@deco/deco/blocks";
+import { Product } from "../commerce/types.ts";
 
 /**
  * @titleBy name
@@ -19,6 +20,9 @@ export interface Category {
   slug: string;
 }
 
+/**
+ * @titleBy title
+ */
 export interface BlogPost {
   title: string;
   excerpt: string;
@@ -52,11 +56,22 @@ export interface BlogPost {
   content?: string;
   /**
    * @title Sections
-   * @label hidden
-   * @changeable true
+   * @description Adicione seções de conteúdo (PostTitle, PostText, PostImage)
    */
   sections?: Section[];
   /**
+   * @title Posts Relacionados
+   * @description Busque posts já cadastrados pelo título
+   * @format dynamic-options
+   * @options apps/blog/loaders/BlogPostList.ts
+   */
+  relatedPosts?: BlogPost[];
+  /**
+   * @title Produtos Relacionados
+   * @description Selecione produtos do catálogo para exibir neste post
+   */
+  relatedProducts?: Product[] | null;
+ /**
    * @title Carousel in post content
    * @description add a carousel in the middle of the post. Must be implemented in frontEnd
    */

From be5dd79f48ae69fb73a392c119d8e2c2c2400535 Mon Sep 17 00:00:00 2001
From: Pedro zagato <pedro.phzp@hotmail.com>
Date: Mon, 18 May 2026 15:06:17 -0300
Subject: [PATCH 2/5] feat: blog category

---
 blog/types.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/blog/types.ts b/blog/types.ts
index 2ae3f6986..d684b4ba3 100644
--- a/blog/types.ts
+++ b/blog/types.ts
@@ -18,6 +18,13 @@ export interface Author {
 export interface Category {
   name: string;
   slug: string;
+  /**
+   * @title Categoria Pai
+   * @description Selecione se esta categoria for uma subcategoria de outra
+   * @format dynamic-options
+   * @options apps/blog/loaders/CategoryList.ts
+   */
+  parent?: Category;
 }
 
 /**
@@ -67,13 +74,7 @@ export interface BlogPost {
    */
   relatedPosts?: BlogPost[];
   /**
-   * @title Produtos Relacionados
-   * @description Selecione produtos do catálogo para exibir neste post
-   */
-  relatedProducts?: Product[] | null;
- /**
    * @title Carousel in post content
-   * @description add a carousel in the middle of the post. Must be implemented in frontEnd
    */
   imageCarousel?: ImageCarousel;
   /**

From ae1e85a5b68eb83d17294594b57dab6f4d35fccb Mon Sep 17 00:00:00 2001
From: Pedro zagato <pedro.phzp@hotmail.com>
Date: Thu, 21 May 2026 14:46:32 -0300
Subject: [PATCH 3/5] feat: change blog types

---
 blog/types.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/blog/types.ts b/blog/types.ts
index d684b4ba3..cb3ba7299 100644
--- a/blog/types.ts
+++ b/blog/types.ts
@@ -1,7 +1,6 @@
 import { ImageWidget } from "../admin/widgets.ts";
 import { PageInfo, Person, Thing } from "../commerce/types.ts";
 import { type Section } from "@deco/deco/blocks";
-import { Product } from "../commerce/types.ts";
 
 /**
  * @titleBy name

From cda2e77f37c23db3b4b98732a068e1311d61d896 Mon Sep 17 00:00:00 2001
From: Pedro zagato <pedro.phzp@hotmail.com>
Date: Thu, 21 May 2026 14:49:30 -0300
Subject: [PATCH 4/5] fix: types comments

---
 blog/types.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/blog/types.ts b/blog/types.ts
index cb3ba7299..ee99d3aca 100644
--- a/blog/types.ts
+++ b/blog/types.ts
@@ -26,9 +26,6 @@ export interface Category {
   parent?: Category;
 }
 
-/**
- * @titleBy title
- */
 export interface BlogPost {
   title: string;
   excerpt: string;
@@ -62,7 +59,8 @@ export interface BlogPost {
   content?: string;
   /**
    * @title Sections
-   * @description Adicione seções de conteúdo (PostTitle, PostText, PostImage)
+   * @label hidden
+   * @changeable true
    */
   sections?: Section[];
   /**
@@ -74,6 +72,7 @@ export interface BlogPost {
   relatedPosts?: BlogPost[];
   /**
    * @title Carousel in post content
+   * @description add a carousel in the middle of the post. Must be implemented in frontEnd
    */
   imageCarousel?: ImageCarousel;
   /**

From d9f069519c93a233fd60bd7aec867cd7fa524efb Mon Sep 17 00:00:00 2001
From: Pedro zagato <pedro.phzp@hotmail.com>
Date: Wed, 27 May 2026 15:55:22 -0300
Subject: [PATCH 5/5] fix: unchange blog template

---
 blog/sections/Template.tsx | 41 +++++++++++++++-----------------------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/blog/sections/Template.tsx b/blog/sections/Template.tsx
index 76b110a14..11fbdc508 100644
--- a/blog/sections/Template.tsx
+++ b/blog/sections/Template.tsx
@@ -1,5 +1,6 @@
 import { BlogPost } from "../types.ts";
 import { CSS } from "../static/css.ts";
+import { renderSection } from "../../website/pages/Page.tsx";
 import { AppContext } from "../mod.ts";
 
 export interface Props {
@@ -41,37 +42,27 @@ export default function Template(
       <link href="/styles.css" rel="stylesheet" />
       <style dangerouslySetInnerHTML={{ __html: CSS }} />
       <div class="deco-post-preview">
-        <h1 class="text-4xl font-bold mb-4">{title}</h1>
-        <p class="text-xl mb-4 italic">{excerpt}</p>
-        
+        <h1>{title}</h1>
+        <p class="text-xl">{excerpt}</p>
+        <p>
+          {date
+            ? new Date(`${date}T00:00:00`).toLocaleDateString("en-US", {
+              month: "long",
+              day: "numeric",
+              year: "numeric",
+            })
+            : ""}
+        </p>
         {image && (
           <img
-            class="w-full rounded-2xl mb-8"
+            class="w-full rounded-2xl bg-cover"
             src={image}
             alt={alt ?? title}
           />
         )}
-        
-        <div 
-          class="prose max-w-none mb-10" 
-          dangerouslySetInnerHTML={{ __html: content as string }} 
-        />
-
-        <div class="content-sections flex flex-col gap-8">
-          {sections?.map((section, index) => {
-            if (!section || !section.Component) {
-              console.warn(`Section na posição ${index} está indefinida.`);
-              return null;
-            }
-
-            const { Component, props } = section;
-            
-            return (
-              <div key={index} class="section-wrapper">
-                <Component {...props} />
-              </div>
-            );
-          })}
+        <div dangerouslySetInnerHTML={{ __html: content as string }} />
+        <div class="content-sections">
+          {sections?.map(renderSection)}
         </div>
       </div>
     </>