@fayz-ai/plugin-blog 0.11.1 → 0.12.1

package/dist/index.js

@@ -1,10 +1,9 @@
-import { createContext, useContext, useState, useEffect, createElement } from 'react';
-import { absoluteUrl, organizationJsonLd, breadcrumbJsonLd, useSeo, hasLoader, defineLoader, createSafeDataProvider, getActiveTenantId, getSupabaseClientOptional } from '@fayz-ai/core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Link, useParams } from 'react-router-dom';
-import { Clock } from 'lucide-react';
-
-// src/index.ts
+export { useBlogPosts } from './chunk-GTH5Z4I6.js';
+export { usePost } from './chunk-HBD463WC.js';
+import { BlogProvider } from './chunk-TYSSR2VZ.js';
+export { BlogProvider, articleJsonLd, blogJsonLd, blogListSeo, blogUrl, postSeo, postUrl, useBlogContext } from './chunk-TYSSR2VZ.js';
+import { lazy, createElement, Suspense } from 'react';
+import { hasLoader, defineLoader, createSafeDataProvider, getActiveTenantId, getSupabaseClientOptional } from '@fayz-ai/core';
 
 // src/config.ts
 function resolveConfig(options) {
@@ -112,284 +111,6 @@ function createSupabaseBlogProvider(options) {
     }
   };
 }
-var BlogContext = createContext(null);
-function BlogProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(BlogContext.Provider, { value, children });
-}
-function useBlogContext() {
-  const ctx = useContext(BlogContext);
-  if (!ctx) {
-    throw new Error("[plugin-blog] useBlogContext must be used within <BlogProvider>. Mount the plugin Provider at the app root.");
-  }
-  return ctx;
-}
-function useBlogPosts(query) {
-  const { provider } = useBlogContext();
-  const [posts, setPosts] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const limit = query?.limit;
-  const tag = query?.tag;
-  useEffect(() => {
-    let active = true;
-    setLoading(true);
-    provider.listPosts({ limit, tag }).then((result) => {
-      if (!active) return;
-      setPosts(result);
-      setError(null);
-    }).catch((err) => {
-      if (!active) return;
-      setError(err instanceof Error ? err : new Error(String(err)));
-    }).finally(() => {
-      if (active) setLoading(false);
-    });
-    return () => {
-      active = false;
-    };
-  }, [provider, limit, tag]);
-  return { posts, loading, error };
-}
-function AuthorAvatar({ author, className = "h-8 w-8 text-xs" }) {
-  if (author.avatarUrl) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: author.avatarUrl,
-        alt: author.name,
-        loading: "lazy",
-        className: `shrink-0 rounded-full object-cover ${className}`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("span", { className: `flex shrink-0 items-center justify-center rounded-full bg-accent font-semibold text-primary ${className}`, children: author.name.charAt(0).toUpperCase() });
-}
-function PostCard({ post, basePath = "/blog" }) {
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      to: `${basePath}/${post.slug}`,
-      className: "group flex flex-col rounded-2xl border border-border bg-card overflow-hidden shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "overflow-hidden h-48", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: post.image,
-            alt: post.title,
-            loading: "lazy",
-            className: "h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 p-6", children: [
-          /* @__PURE__ */ jsx("span", { className: "inline-block rounded-full bg-accent px-3 py-0.5 text-xs font-semibold text-primary mb-3 w-fit", children: post.tag }),
-          /* @__PURE__ */ jsx("h3", { className: "font-heading text-lg font-semibold text-foreground leading-snug mb-3 group-hover:text-primary transition-colors duration-200", children: post.title }),
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm leading-relaxed flex-1 mb-4", children: post.excerpt }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 pt-4 border-t border-border", children: [
-            /* @__PURE__ */ jsx(AuthorAvatar, { author: post.author, className: "h-7 w-7 text-xs" }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: post.author.name }),
-              /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-[11px] text-muted-foreground", children: [
-                post.date,
-                /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-                post.readTime
-              ] })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function blogUrl(basePath, path, origin) {
-  const joined = `${basePath}${path}`.replace(/\/+/g, "/");
-  if (origin) return `${origin.replace(/\/$/, "")}${joined.startsWith("/") ? joined : `/${joined}`}`;
-  const ambient = absoluteUrl(joined);
-  return ambient.startsWith("http") ? ambient : void 0;
-}
-function postUrl(basePath, slug, origin) {
-  return blogUrl(basePath, `/${slug}`, origin);
-}
-function articleJsonLd(post, opts) {
-  const url = postUrl(opts.basePath, post.slug, opts.origin);
-  const posting = {
-    "@context": "https://schema.org",
-    "@type": "BlogPosting",
-    headline: post.title,
-    description: post.excerpt,
-    image: post.image ? [post.image] : void 0,
-    articleSection: post.tag,
-    ...url ? { mainEntityOfPage: { "@type": "WebPage", "@id": url } } : {},
-    author: {
-      "@type": "Person",
-      name: post.author.name,
-      ...post.author.role ? { jobTitle: post.author.role } : {}
-    },
-    ...post.publishedAt ? { datePublished: post.publishedAt, dateModified: post.publishedAt } : {},
-    ...opts.siteName ? { publisher: organizationJsonLd(opts.siteName) } : {}
-  };
-  const listUrl = blogUrl(opts.basePath, "", opts.origin);
-  if (!url || !listUrl) return [posting];
-  return [posting, breadcrumbJsonLd([{ name: "Blog", url: listUrl }, { name: post.title, url }])];
-}
-function blogJsonLd(posts, opts) {
-  return [
-    {
-      "@context": "https://schema.org",
-      "@type": "Blog",
-      name: opts.title,
-      ...blogUrl(opts.basePath, "", opts.origin) ? { url: blogUrl(opts.basePath, "", opts.origin) } : {},
-      ...opts.siteName ? { publisher: organizationJsonLd(opts.siteName) } : {},
-      blogPost: posts.map((p) => ({
-        "@type": "BlogPosting",
-        headline: p.title,
-        ...postUrl(opts.basePath, p.slug, opts.origin) ? { url: postUrl(opts.basePath, p.slug, opts.origin) } : {},
-        image: p.image,
-        author: { "@type": "Person", name: p.author.name },
-        ...p.publishedAt ? { datePublished: p.publishedAt } : {}
-      }))
-    }
-  ];
-}
-function postSeo(post, opts) {
-  return {
-    title: opts.siteName ? `${post.title} \u2014 ${opts.siteName}` : post.title,
-    description: post.excerpt?.slice(0, 160),
-    canonical: postUrl(opts.basePath, post.slug, opts.origin),
-    image: post.image,
-    // 'article', not 'website': it is what tells a share card to show the author
-    // and published date rather than treating the post as a site landing page.
-    type: "article",
-    jsonLd: articleJsonLd(post, opts)
-  };
-}
-function blogListSeo(posts, opts) {
-  return {
-    title: opts.siteName ? `${opts.title} \u2014 ${opts.siteName}` : opts.title,
-    description: opts.description,
-    canonical: blogUrl(opts.basePath, "", opts.origin),
-    image: posts.find((p) => p.image)?.image,
-    type: "website",
-    jsonLd: blogJsonLd(posts, opts)
-  };
-}
-function BlogList() {
-  const { config } = useBlogContext();
-  const { posts, loading, error } = useBlogPosts();
-  const listTitle = config.labels.listSubtitle || config.labels.listTitle;
-  useSeo({
-    title: `${listTitle}${config.siteName ? ` \xB7 ${config.siteName}` : ""}`,
-    description: config.labels.listSubtitle || `Artigos do blog${config.siteName ? ` da ${config.siteName}` : ""}.`,
-    canonical: `${typeof window !== "undefined" ? window.location.origin : ""}${config.basePath}`,
-    type: "website",
-    siteName: config.siteName,
-    jsonLd: posts.length ? blogJsonLd(posts, { basePath: config.basePath, siteName: config.siteName, title: listTitle }) : void 0
-  });
-  return /* @__PURE__ */ jsx("section", { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-12 max-w-2xl", children: [
-      /* @__PURE__ */ jsx("span", { className: "inline-block rounded-full bg-accent px-4 py-1 text-xs font-semibold uppercase tracking-widest text-primary mb-4", children: config.labels.listTitle }),
-      config.labels.listSubtitle ? /* @__PURE__ */ jsx("h1", { className: "font-heading text-4xl md:text-5xl font-bold text-foreground", children: config.labels.listSubtitle }) : null
-    ] }),
-    loading ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Carregando artigos\u2026" }) : error ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "N\xE3o foi poss\xEDvel carregar os artigos." }) : posts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Nenhum artigo publicado ainda." }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: posts.map((post) => /* @__PURE__ */ jsx(PostCard, { post, basePath: config.basePath }, post.slug)) })
-  ] }) });
-}
-function usePost(slug) {
-  const { provider } = useBlogContext();
-  const [post, setPost] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    let active = true;
-    if (!slug) {
-      setPost(null);
-      setLoading(false);
-      return;
-    }
-    setLoading(true);
-    provider.getPost(slug).then((result) => {
-      if (!active) return;
-      setPost(result);
-      setError(null);
-    }).catch((err) => {
-      if (!active) return;
-      setError(err instanceof Error ? err : new Error(String(err)));
-    }).finally(() => {
-      if (active) setLoading(false);
-    });
-    return () => {
-      active = false;
-    };
-  }, [provider, slug]);
-  return { post, loading, error };
-}
-function PostDetail() {
-  const { config } = useBlogContext();
-  const { slug } = useParams();
-  const { post, loading, error } = usePost(slug);
-  useSeo(
-    post ? {
-      title: `${post.title}${config.siteName ? ` \xB7 ${config.siteName}` : ""}`,
-      description: post.excerpt,
-      canonical: postUrl(config.basePath, post.slug),
-      image: post.image,
-      type: "article",
-      siteName: config.siteName,
-      jsonLd: articleJsonLd(post, { basePath: config.basePath, siteName: config.siteName })
-    } : { title: config.siteName || "Blog" }
-  );
-  const paragraphs = post?.body ? post.body.split(/\n\s*\n/).map((p) => p.trim()).filter(Boolean) : [];
-  return /* @__PURE__ */ jsx("article", { className: "py-16 bg-background", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 max-w-3xl", children: [
-    /* @__PURE__ */ jsx(Link, { to: config.basePath, className: "text-sm font-medium text-primary hover:underline", children: config.labels.backToList }),
-    loading ? /* @__PURE__ */ jsx("p", { className: "mt-10 text-muted-foreground", children: "Carregando\u2026" }) : error || !post ? /* @__PURE__ */ jsxs("div", { className: "mt-10", children: [
-      /* @__PURE__ */ jsx("h1", { className: "font-heading text-3xl font-bold text-foreground", children: "Artigo n\xE3o encontrado" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: "Este artigo pode ter sido movido ou removido." })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("h1", { className: "mt-8 font-heading text-4xl md:text-5xl font-bold text-foreground leading-tight", children: post.title }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(AuthorAvatar, { author: post.author, className: "h-11 w-11 text-base" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: post.author.name }),
-          /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", children: [
-            post.author.role ? /* @__PURE__ */ jsxs("span", { children: [
-              post.author.role,
-              /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: " \xB7 " })
-            ] }) : null,
-            /* @__PURE__ */ jsx("time", { dateTime: post.publishedAt, children: post.date }),
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-              post.readTime,
-              " de leitura"
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "mt-8 overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx("img", { src: post.image, alt: post.title, className: "w-full object-cover", loading: "lazy" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-8 space-y-5", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground/90 leading-relaxed font-medium", children: post.excerpt }),
-        paragraphs.map((para, i) => /* @__PURE__ */ jsx("p", { className: "text-muted-foreground leading-relaxed", children: para }, i))
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-10 flex flex-wrap items-center gap-2 border-t border-border pt-6", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Categoria:" }),
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: config.basePath,
-            className: "rounded-full bg-accent px-3 py-1 text-xs font-semibold text-primary transition-colors hover:bg-accent/70",
-            children: post.tag
-          }
-        )
-      ] }),
-      post.author.bio ? /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-start gap-4 rounded-2xl border border-border bg-muted/40 p-6", children: [
-        /* @__PURE__ */ jsx(AuthorAvatar, { author: post.author, className: "h-14 w-14 text-lg" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Escrito por" }),
-          /* @__PURE__ */ jsx("p", { className: "font-heading text-lg font-bold text-foreground", children: post.author.name }),
-          post.author.role ? /* @__PURE__ */ jsx("p", { className: "text-sm text-primary", children: post.author.role }) : null,
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground leading-relaxed", children: post.author.bio })
-        ] })
-      ] }) : null
-    ] })
-  ] }) });
-}
 
 // src/migrations/index.ts
 var MIGRATION_001_BLOG = `-- ============================================================================
@@ -1343,6 +1064,15 @@ var MIGRATION_META = {
     description: "Per-post SEO, external identity (external_ref/source/language/tags), blog_upsert_external_post + agent_blog_draft_post, and the blog.post.* triggers"
   }
 };
+function lazyRoute(load) {
+  const Lazy = lazy(load);
+  const Route = () => createElement(Suspense, { fallback: null }, createElement(Lazy));
+  return Route;
+}
+var BlogListRoute = lazyRoute(() => import('./BlogList-FBNCM3S3.js').then((m) => ({ default: m.BlogList })));
+BlogListRoute.displayName = "BlogListRoute";
+var PostDetailRoute = lazyRoute(() => import('./PostDetail-AM2XHIMM.js').then((m) => ({ default: m.PostDetail })));
+PostDetailRoute.displayName = "PostDetailRoute";
 function createBlogPlugin(options) {
   const config = resolveConfig(options);
   const provider = options?.dataProvider ?? createSafeDataProvider(
@@ -1466,8 +1196,8 @@ function createBlogPlugin(options) {
     // Host owns website nav; no admin nav in M1.
     navigation: [],
     routes: [
-      { path: config.basePath, component: BlogList, guard: "public" },
-      { path: `${config.basePath}/:slug`, component: PostDetail, guard: "public" }
+      { path: config.basePath, component: BlogListRoute, guard: "public" },
+      { path: `${config.basePath}/:slug`, component: PostDetailRoute, guard: "public" }
     ],
     widgets: [],
     // Measuring what the posts brought in, and pushing a new one anywhere else.
@@ -1484,6 +1214,6 @@ function createBlogPlugin(options) {
   return { manifest, Provider, dataProvider: provider };
 }
 
-export { AuthorAvatar, BLOG_POSTS_LOADER, BLOG_POST_EVENT_FIELDS, BLOG_POST_LOADER, BlogList, BlogProvider, PostCard, PostDetail, articleJsonLd, blogJsonLd, blogListSeo, blogUrl, buildBlogDomainEvents, createBlogPlugin, createMockBlogProvider, createSupabaseBlogProvider, getBlogProvider, hasBlogProvider, postSeo, postUrl, registerBlogLoaders, resetBlogProvider, setBlogProvider, useBlogContext, useBlogPosts, usePost };
+export { BLOG_POSTS_LOADER, BLOG_POST_EVENT_FIELDS, BLOG_POST_LOADER, buildBlogDomainEvents, createBlogPlugin, createMockBlogProvider, createSupabaseBlogProvider, getBlogProvider, hasBlogProvider, registerBlogLoaders, resetBlogProvider, setBlogProvider };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map