@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

package/dist/viewer/LandingPageViewer.d.ts

@@ -0,0 +1,32 @@
+import { ContentProvider } from '../engine/plugins/types';
+export interface SchoolData {
+    id: string;
+    name: string;
+    slug: string;
+    logo_url?: string;
+}
+interface LandingPageViewerProps {
+    siteId: string;
+    apiBaseUrl: string;
+    projectId: string;
+    /** Slug da página (ex.: avisos). Se não informado, usa home. */
+    pageSlug?: string;
+    /** Slug da escola no contexto /site/escola/:schoolSlug */
+    schoolSlug?: string;
+    /** Dados da escola para header/navbar dinâmico (quando em contexto escola) */
+    schoolData?: SchoolData;
+    /**
+     * Content providers for dynamic pages (e.g., blog posts, products).
+     * Supplied by the consumer project to connect plugin data to the viewer.
+     */
+    contentProviders?: ContentProvider[];
+    /**
+     * Callback for internal navigation (link clicks inside iframe).
+     * Receives the href from clicked links. Consumer should use router navigation.
+     */
+    onNavigate?: (href: string) => void;
+}
+export declare function LandingPageViewer({ siteId, apiBaseUrl, projectId, pageSlug, schoolSlug, schoolData: _schoolData, // reservado para header/navbar dinâmico (logo, nome da escola)
+contentProviders, onNavigate, }: LandingPageViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=LandingPageViewer.d.ts.map

package/dist/viewer/LandingPageViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageViewer.d.ts","sourceRoot":"","sources":["../../src/viewer/LandingPageViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAUH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAgB/D,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAeD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EAAE,WAAW,EAAE,+DAA+D;AACxF,gBAAgB,EAChB,UAAU,GACX,EAAE,sBAAsB,kDAuXxB"}

package/dist/viewer/LandingPageViewer.js

@@ -0,0 +1,300 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useState as H, useRef as B, useCallback as F, useEffect as L } from "react";
+import { matchDynamicPage as W } from "../engine/plugins/dynamicPageResolver.js";
+import { hydratePageWithContent as G } from "../engine/plugins/contentHydration.js";
+import { logger as z } from "../utils/logger.js";
+import { defaultThemeTokens as A } from "../engine/schema/themeTokens.js";
+import { exportPageToHtml as _ } from "../engine/export/exportHtml.js";
+import { createEmptySiteDocument as q } from "../engine/schema/siteDocument.js";
+function J(o) {
+  if (!o || typeof o != "string") return !1;
+  const r = o.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+  return (r ? r[1].trim() : "").length > 50;
+}
+function K(o) {
+  const r = /* @__PURE__ */ new Map();
+  if (o)
+    for (const h of o)
+      r.set(h.type, h);
+  return r;
+}
+function re({
+  siteId: o,
+  apiBaseUrl: r,
+  projectId: h,
+  pageSlug: n,
+  schoolSlug: g,
+  schoolData: T,
+  // reservado para header/navbar dinâmico (logo, nome da escola)
+  contentProviders: c,
+  onNavigate: P
+}) {
+  const [s, C] = H(null), [w, m] = H(null), [E, f] = H(!0), [V, I] = H(null), [M, y] = H(null), x = B(P);
+  x.current = P;
+  const D = F((e) => {
+    const t = `<script>
+(function() {
+  document.addEventListener('click', function(e) {
+    var target = e.target;
+    var anchor = target;
+    while (anchor && anchor.tagName !== 'A') {
+      anchor = anchor.parentElement;
+    }
+    if (anchor && anchor.tagName === 'A') {
+      var href = anchor.getAttribute('href') || '';
+      if (href && href !== '#' && !href.startsWith('javascript:')) {
+        e.preventDefault();
+        e.stopPropagation();
+        window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');
+        return;
+      }
+    }
+  }, true);
+})();
+<\/script>`;
+    return e.includes("</body>") ? e.replace("</body>", `${t}</body>`) : e + t;
+  }, []);
+  if (L(() => {
+    const e = (t) => {
+      t.data?.type === "viewer-navigate" && t.data?.href && x.current && x.current(t.data.href);
+    };
+    return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+  }, []), L(() => {
+    let e = !1;
+    return f(!0), I(null), (async () => {
+      try {
+        const t = await fetch(
+          `${r}/sites/${o}?projectId=${h}`
+        );
+        if (!t.ok)
+          throw new Error("Landing page não encontrada");
+        const i = await t.json();
+        if (e) return;
+        if (i.template) {
+          const l = i.template.schemaVersion, j = i.template.pages && Array.isArray(i.template.pages);
+          if (l === 2 || l === "2" || j) {
+            const u = i.template;
+            Array.isArray(u.pages) || (u.pages = []), u.schemaVersion !== 2 && u.schemaVersion !== "2" && (u.schemaVersion = 2), C(u);
+          } else
+            throw new Error(
+              "Formato de template legado não suportado. Por favor, recrie o site."
+            );
+        } else
+          C(null);
+        if (i.publishedHtml && J(i.publishedHtml) ? m(i.publishedHtml) : m(null), !i.template && !i.publishedHtml)
+          throw new Error("Template não encontrado");
+      } catch (t) {
+        e || I(
+          t instanceof Error ? t.message : "Erro ao carregar landing page"
+        );
+      } finally {
+        e || f(!1);
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [o, r, h]), L(() => {
+    if (!s) {
+      y(null);
+      return;
+    }
+    let e = !1;
+    const t = Array.isArray(s.pages) ? s.pages : [], i = K(c);
+    if (i.size === 0) {
+      y(null);
+      return;
+    }
+    let l, j = {};
+    if (n) {
+      const d = t.find(
+        (p) => p.slug === n || p.id === n
+      );
+      if (d)
+        l = d;
+      else {
+        const p = W(t, n);
+        p && (l = p.page, j = p.params);
+      }
+    } else
+      l = t.find((d) => d.id === "home") ?? t[0];
+    if (!l) {
+      y(null);
+      return;
+    }
+    const k = !!l.dataSource, u = l.structure?.some(
+      (d) => d.type === "blogPostGrid"
+    );
+    if (!k && !u) {
+      y(null);
+      return;
+    }
+    let R = l;
+    return !k && u && (R = {
+      ...l,
+      dataSource: { mode: "list", provider: "blog-posts" }
+    }), G(R, i, j).then((d) => {
+      if (e) return;
+      const p = N(
+        d,
+        s,
+        g,
+        t
+      );
+      y(p ?? null);
+    }).catch((d) => {
+      e || (z.error("Error hydrating page:", d), y(null));
+    }), () => {
+      e = !0;
+    };
+  }, [s, n, c, g]), E)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "100vh"
+        },
+        children: /* @__PURE__ */ a("div", { children: "Carregando..." })
+      }
+    );
+  if (V)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "100vh"
+        },
+        children: /* @__PURE__ */ a("div", { children: V || "Landing page não encontrada" })
+      }
+    );
+  if (w && (!n || n === "home") && !s)
+    return /* @__PURE__ */ a(
+      "iframe",
+      {
+        srcDoc: D(w),
+        title: "Site publicado",
+        style: {
+          width: "100%",
+          minHeight: "100vh",
+          border: "none",
+          backgroundColor: "#ffffff"
+        }
+      }
+    );
+  if (!s)
+    return null;
+  const v = Array.isArray(s.pages) ? s.pages : [];
+  if (v.length === 0)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "100vh",
+          padding: "2rem",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ a("div", { children: "Nenhuma página no site. Adicione páginas no editor." })
+      }
+    );
+  if (M)
+    return /* @__PURE__ */ a(
+      "iframe",
+      {
+        srcDoc: D(M),
+        title: "Site",
+        style: {
+          width: "100%",
+          minHeight: "100vh",
+          border: "none",
+          backgroundColor: "#ffffff"
+        }
+      }
+    );
+  let b = (n ? v.find((e) => e.slug === n || e.id === n) : null) ?? null;
+  if (!b && n) {
+    const e = W(v, n);
+    e && (b = e.page);
+  }
+  if (b || (b = v.find((e) => e.id === "home") ?? v[0]), !b)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minHeight: "100vh"
+        },
+        children: /* @__PURE__ */ a("div", { children: "Página não encontrada" })
+      }
+    );
+  const $ = N(b, s, g, v);
+  return $ ? /* @__PURE__ */ a(
+    "iframe",
+    {
+      srcDoc: D($),
+      title: "Site",
+      style: {
+        width: "100%",
+        minHeight: "100vh",
+        border: "none",
+        backgroundColor: "#ffffff"
+      }
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "2rem",
+        textAlign: "center"
+      },
+      children: /* @__PURE__ */ a("div", { children: "Conteúdo da página vazio. Adicione blocos no editor." })
+    }
+  );
+}
+function N(o, r, h, n) {
+  const g = {
+    ...o,
+    structure: Array.isArray(o.structure) ? o.structure : []
+  }, T = q(""), c = r.theme && typeof r.theme == "object" ? r.theme : null, P = c ? {
+    ...A,
+    ...c,
+    colors: c.colors && typeof c.colors == "object" ? { ...A.colors, ...c.colors } : A.colors,
+    typography: c.typography && typeof c.typography == "object" ? { ...A.typography, ...c.typography } : A.typography
+  } : T.theme, s = {
+    ...r,
+    schemaVersion: 2,
+    theme: P
+  }, C = h ? `/site/escola/${h}` : "/site", w = n ?? r.pages, m = w.find((f) => f.id === "home") ?? w[0], E = m && m.id !== g.id ? {
+    ...m,
+    structure: Array.isArray(m.structure) ? m.structure : []
+  } : void 0;
+  try {
+    const f = _(
+      g,
+      s,
+      !0,
+      C,
+      E ? { layoutFromPage: E } : void 0
+    );
+    return !f || !f.trim() ? null : f;
+  } catch (f) {
+    return z.error("Error generating HTML:", f), null;
+  }
+}
+export {
+  re as LandingPageViewer
+};
+//# sourceMappingURL=LandingPageViewer.js.map

package/dist/viewer/LandingPageViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageViewer.js","sources":["../../src/viewer/LandingPageViewer.tsx"],"sourcesContent":["/**\n * Landing Page Viewer\n * Visualização pública da landing page.\n * Usa o mesmo mecanismo do Preview (editor): exportPageToHtml + iframe srcdoc.\n *\n * Supports dynamic pages via ContentProvider (Sprint 3):\n * - Optional `contentProviders` prop allows consumer to supply data providers\n * - Dynamic page resolution (e.g., \"blog/:slug\")\n * - Automatic content hydration before rendering\n */\n\nimport { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n  SiteDocument,\n  SitePage,\n  exportPageToHtml,\n  createEmptySiteDocument,\n  defaultThemeTokens,\n} from \"../engine\";\nimport type { ContentProvider } from \"../engine/plugins/types\";\nimport { matchDynamicPage } from \"../engine/plugins/dynamicPageResolver\";\nimport {\n  hydratePageWithContent,\n  type ContentProviderMap,\n} from \"../engine/plugins/contentHydration\";\nimport { logger } from \"../utils/logger\";\n\n/** Verifica se o HTML tem conteúdo real no body (evita usar publishedHtml vazio) */\nfunction hasBodyContent(html: string): boolean {\n  if (!html || typeof html !== \"string\") return false;\n  const match = html.match(/<body[^>]*>([\\s\\S]*?)<\\/body>/i);\n  const bodyInner = match ? match[1].trim() : \"\";\n  return bodyInner.length > 50;\n}\n\nexport interface SchoolData {\n  id: string;\n  name: string;\n  slug: string;\n  logo_url?: string;\n}\n\ninterface LandingPageViewerProps {\n  siteId: string;\n  apiBaseUrl: string;\n  projectId: string;\n  /** Slug da página (ex.: avisos). Se não informado, usa home. */\n  pageSlug?: string;\n  /** Slug da escola no contexto /site/escola/:schoolSlug */\n  schoolSlug?: string;\n  /** Dados da escola para header/navbar dinâmico (quando em contexto escola) */\n  schoolData?: SchoolData;\n  /**\n   * Content providers for dynamic pages (e.g., blog posts, products).\n   * Supplied by the consumer project to connect plugin data to the viewer.\n   */\n  contentProviders?: ContentProvider[];\n  /**\n   * Callback for internal navigation (link clicks inside iframe).\n   * Receives the href from clicked links. Consumer should use router navigation.\n   */\n  onNavigate?: (href: string) => void;\n}\n\n/**\n * Builds a ContentProviderMap from an array of providers.\n */\nfunction buildProviderMap(providers?: ContentProvider[]): ContentProviderMap {\n  const map: ContentProviderMap = new Map();\n  if (providers) {\n    for (const p of providers) {\n      map.set(p.type, p);\n    }\n  }\n  return map;\n}\n\nexport function LandingPageViewer({\n  siteId,\n  apiBaseUrl,\n  projectId,\n  pageSlug,\n  schoolSlug,\n  schoolData: _schoolData, // reservado para header/navbar dinâmico (logo, nome da escola)\n  contentProviders,\n  onNavigate,\n}: LandingPageViewerProps) {\n  const [document, setDocument] = useState<SiteDocument | null>(null);\n  const [publishedHtml, setPublishedHtml] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [hydratedHtml, setHydratedHtml] = useState<string | null>(null);\n\n  const onNavigateRef = useRef(onNavigate);\n  onNavigateRef.current = onNavigate;\n\n  // Inject click interceptor into iframe HTML so link clicks propagate to parent\n  const injectClickInterceptor = useCallback((html: string): string => {\n    const script = `<script>\n(function() {\n  document.addEventListener('click', function(e) {\n    var target = e.target;\n    var anchor = target;\n    while (anchor && anchor.tagName !== 'A') {\n      anchor = anchor.parentElement;\n    }\n    if (anchor && anchor.tagName === 'A') {\n      var href = anchor.getAttribute('href') || '';\n      if (href && href !== '#' && !href.startsWith('javascript:')) {\n        e.preventDefault();\n        e.stopPropagation();\n        window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');\n        return;\n      }\n    }\n  }, true);\n})();\n</script>`;\n    if (html.includes(\"</body>\")) {\n      return html.replace(\"</body>\", `${script}</body>`);\n    }\n    return html + script;\n  }, []);\n\n  // Listen for navigation messages from iframe\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type === \"viewer-navigate\" && event.data?.href) {\n        if (onNavigateRef.current) {\n          onNavigateRef.current(event.data.href);\n        }\n      }\n    };\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, []);\n\n  // Load site document from API. Uses stale flag to prevent\n  // React Strict Mode double-mount from causing duplicate state updates.\n  useEffect(() => {\n    let stale = false;\n\n    setIsLoading(true);\n    setError(null);\n\n    (async () => {\n      try {\n        const response = await fetch(\n          `${apiBaseUrl}/sites/${siteId}?projectId=${projectId}`,\n        );\n        if (!response.ok) {\n          throw new Error(\"Landing page não encontrada\");\n        }\n\n        const data = await response.json();\n        if (stale) return;\n\n        if (data.template) {\n          const schemaVersion = data.template.schemaVersion;\n          const hasPages =\n            data.template.pages && Array.isArray(data.template.pages);\n          const isV2 =\n            schemaVersion === 2 || schemaVersion === \"2\" || hasPages;\n\n          if (isV2) {\n            const template = data.template as SiteDocument;\n            if (!Array.isArray(template.pages)) {\n              template.pages = [];\n            }\n            if (\n              template.schemaVersion !== 2 &&\n              template.schemaVersion !== \"2\"\n            ) {\n              template.schemaVersion = 2;\n            }\n            setDocument(template);\n          } else {\n            throw new Error(\n              \"Formato de template legado não suportado. Por favor, recrie o site.\",\n            );\n          }\n        } else {\n          setDocument(null);\n        }\n\n        if (data.publishedHtml && hasBodyContent(data.publishedHtml)) {\n          setPublishedHtml(data.publishedHtml);\n        } else {\n          setPublishedHtml(null);\n        }\n\n        if (!data.template && !data.publishedHtml) {\n          throw new Error(\"Template não encontrado\");\n        }\n      } catch (err) {\n        if (!stale) {\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Erro ao carregar landing page\",\n          );\n        }\n      } finally {\n        if (!stale) {\n          setIsLoading(false);\n        }\n      }\n    })();\n\n    return () => {\n      stale = true;\n    };\n  }, [siteId, apiBaseUrl, projectId]);\n\n  // Hydrate pages when document + contentProviders are available.\n  // Supports both: pages with explicit dataSource AND pages with blogPostGrid blocks.\n  // Does NOT reset hydratedHtml at the start to avoid flash of mock data.\n  // Only clears it when navigating to a page that doesn't need hydration.\n  useEffect(() => {\n    if (!document) {\n      setHydratedHtml(null);\n      return;\n    }\n\n    let stale = false;\n\n    const pages = Array.isArray(document.pages) ? document.pages : [];\n    const providerMap = buildProviderMap(contentProviders);\n\n    if (providerMap.size === 0) {\n      setHydratedHtml(null);\n      return;\n    }\n\n    // Resolve the current page\n    let resolvedPage: SitePage | undefined;\n    let urlParams: Record<string, string> = {};\n\n    if (pageSlug) {\n      const exactPage = pages.find(\n        (p) => p.slug === pageSlug || p.id === pageSlug,\n      );\n      if (exactPage) {\n        resolvedPage = exactPage;\n      } else {\n        const match = matchDynamicPage(pages, pageSlug);\n        if (match) {\n          resolvedPage = match.page;\n          urlParams = match.params;\n        }\n      }\n    } else {\n      resolvedPage = pages.find((p) => p.id === \"home\") ?? pages[0];\n    }\n\n    if (!resolvedPage) {\n      setHydratedHtml(null);\n      return;\n    }\n\n    // Check if page needs hydration:\n    // 1. Has explicit dataSource (blog page, blog-post page)\n    // 2. Has blogPostGrid blocks but no dataSource (home page with blog widget)\n    const hasDataSource = !!resolvedPage.dataSource;\n    const hasBlogBlocks = resolvedPage.structure?.some(\n      (b) => b.type === \"blogPostGrid\",\n    );\n\n    if (!hasDataSource && !hasBlogBlocks) {\n      setHydratedHtml(null);\n      return;\n    }\n\n    // For pages without dataSource but with blog blocks, create synthetic dataSource\n    let pageToHydrate = resolvedPage;\n    if (!hasDataSource && hasBlogBlocks) {\n      pageToHydrate = {\n        ...resolvedPage,\n        dataSource: { mode: \"list\" as const, provider: \"blog-posts\" },\n      };\n    }\n\n    hydratePageWithContent(pageToHydrate, providerMap, urlParams)\n      .then((hydratedPage) => {\n        if (stale) return;\n        const html = renderPageToHtml(\n          hydratedPage,\n          document,\n          schoolSlug,\n          pages,\n        );\n        setHydratedHtml(html ?? null);\n      })\n      .catch((err) => {\n        if (!stale) {\n          logger.error(\"Error hydrating page:\", err);\n          setHydratedHtml(null);\n        }\n      });\n\n    return () => {\n      stale = true;\n    };\n  }, [document, pageSlug, contentProviders, schoolSlug]);\n\n  if (isLoading) {\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minHeight: \"100vh\",\n        }}\n      >\n        <div>Carregando...</div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minHeight: \"100vh\",\n        }}\n      >\n        <div>{error || \"Landing page não encontrada\"}</div>\n      </div>\n    );\n  }\n\n  // Preferir renderização via template (client-side) quando disponível.\n  // Isso garante que o viewer usa exatamente o mesmo exportPageToHtml() do editor,\n  // evitando diferenças de hover effects, CSS, etc. entre editor e site publicado.\n  // publishedHtml do servidor é usado apenas como fallback quando não há template.\n  const isHomeRoute = !pageSlug || pageSlug === \"home\";\n  if (publishedHtml && isHomeRoute && !document) {\n    return (\n      <iframe\n        srcDoc={injectClickInterceptor(publishedHtml)}\n        title=\"Site publicado\"\n        style={{\n          width: \"100%\",\n          minHeight: \"100vh\",\n          border: \"none\",\n          backgroundColor: \"#ffffff\",\n        }}\n      />\n    );\n  }\n\n  // Renderizar documento (template) — mesmo pipeline do editor\n  if (!document) {\n    return null;\n  }\n\n  // Garantir que pages seja array (evita crash se API retornar formato inesperado)\n  const pages = Array.isArray(document.pages) ? document.pages : [];\n\n  if (pages.length === 0) {\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minHeight: \"100vh\",\n          padding: \"2rem\",\n          textAlign: \"center\",\n        }}\n      >\n        <div>Nenhuma página no site. Adicione páginas no editor.</div>\n      </div>\n    );\n  }\n\n  // If we have hydrated HTML from ContentProvider, use it\n  if (hydratedHtml) {\n    return (\n      <iframe\n        srcDoc={injectClickInterceptor(hydratedHtml)}\n        title=\"Site\"\n        style={{\n          width: \"100%\",\n          minHeight: \"100vh\",\n          border: \"none\",\n          backgroundColor: \"#ffffff\",\n        }}\n      />\n    );\n  }\n\n  // Resolver página por slug ou id; fallback para home\n  // Also try dynamic page resolution\n  let page =\n    (pageSlug\n      ? pages.find((p) => p.slug === pageSlug || p.id === pageSlug)\n      : null) ??\n    null;\n\n  if (!page && pageSlug) {\n    const match = matchDynamicPage(pages, pageSlug);\n    if (match) {\n      page = match.page;\n    }\n  }\n\n  if (!page) {\n    page = pages.find((p) => p.id === \"home\") ?? pages[0];\n  }\n\n  if (!page) {\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minHeight: \"100vh\",\n        }}\n      >\n        <div>Página não encontrada</div>\n      </div>\n    );\n  }\n\n  const html = renderPageToHtml(page, document, schoolSlug, pages);\n  if (!html) {\n    return (\n      <div\n        style={{\n          minHeight: \"100vh\",\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          padding: \"2rem\",\n          textAlign: \"center\",\n        }}\n      >\n        <div>Conteúdo da página vazio. Adicione blocos no editor.</div>\n      </div>\n    );\n  }\n\n  // Mesmo mecanismo do Preview (editor): iframe com srcdoc = HTML completo\n  return (\n    <iframe\n      srcDoc={injectClickInterceptor(html)}\n      title=\"Site\"\n      style={{\n        width: \"100%\",\n        minHeight: \"100vh\",\n        border: \"none\",\n        backgroundColor: \"#ffffff\",\n      }}\n    />\n  );\n}\n\n/**\n * Generates HTML from a page using the standard export pipeline.\n * Extracted to reuse for both static and hydrated pages.\n */\nfunction renderPageToHtml(\n  page: SitePage,\n  document: SiteDocument,\n  schoolSlug?: string,\n  allPages?: SitePage[],\n): string | null {\n  // Garantir structure para o export (evita erro se página vier sem structure)\n  const pageWithStructure = {\n    ...page,\n    structure: Array.isArray(page.structure) ? page.structure : [],\n  };\n\n  // Garantir theme completo para o export (merge com default evita theme parcial quebrar CSS)\n  const defaultDoc = createEmptySiteDocument(\"\");\n  const rawTheme =\n    document.theme && typeof document.theme === \"object\"\n      ? document.theme\n      : null;\n  const theme = rawTheme\n    ? {\n        ...defaultThemeTokens,\n        ...rawTheme,\n        colors:\n          rawTheme.colors && typeof rawTheme.colors === \"object\"\n            ? { ...defaultThemeTokens.colors, ...rawTheme.colors }\n            : defaultThemeTokens.colors,\n        typography:\n          rawTheme.typography && typeof rawTheme.typography === \"object\"\n            ? { ...defaultThemeTokens.typography, ...rawTheme.typography }\n            : defaultThemeTokens.typography,\n      }\n    : defaultDoc.theme;\n\n  const documentWithTheme: SiteDocument = {\n    ...document,\n    schemaVersion: 2,\n    theme,\n  };\n\n  // basePath para links (ex.: /site ou /site/escola/:slug)\n  const basePath = schoolSlug ? `/site/escola/${schoolSlug}` : \"/site\";\n\n  const pages = allPages ?? document.pages;\n  const homePage = pages.find((p) => p.id === \"home\") ?? pages[0];\n  const layoutFromPage =\n    homePage && homePage.id !== pageWithStructure.id\n      ? {\n          ...homePage,\n          structure: Array.isArray(homePage.structure)\n            ? homePage.structure\n            : [],\n        }\n      : undefined;\n\n  try {\n    const html = exportPageToHtml(\n      pageWithStructure,\n      documentWithTheme,\n      true,\n      basePath,\n      layoutFromPage ? { layoutFromPage } : undefined,\n    );\n\n    if (!html || !html.trim()) {\n      return null;\n    }\n\n    return html;\n  } catch (err) {\n    logger.error(\"Error generating HTML:\", err);\n    return null;\n  }\n}\n"],"names":["hasBodyContent","html","match","buildProviderMap","providers","map","p","LandingPageViewer","siteId","apiBaseUrl","projectId","pageSlug","schoolSlug","_schoolData","contentProviders","onNavigate","document","setDocument","useState","publishedHtml","setPublishedHtml","isLoading","setIsLoading","error","setError","hydratedHtml","setHydratedHtml","onNavigateRef","useRef","injectClickInterceptor","useCallback","script","useEffect","handleMessage","event","stale","response","data","schemaVersion","hasPages","template","err","pages","providerMap","resolvedPage","urlParams","exactPage","matchDynamicPage","hasDataSource","hasBlogBlocks","b","pageToHydrate","hydratePageWithContent","hydratedPage","renderPageToHtml","logger","jsx","page","allPages","pageWithStructure","defaultDoc","createEmptySiteDocument","rawTheme","theme","defaultThemeTokens","documentWithTheme","basePath","homePage","layoutFromPage","exportPageToHtml"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brunoalz/smartgesti-site-editor",
-  "version": "0.2.2",
+  "version": "1.1.0",
   "private": false,
   "type": "module",
   "description": "Site editor component for SmartGesti platform",
@@ -23,6 +23,13 @@
     "dist",
     "README.md"
   ],
+  "sideEffects": [
+    "*.css",
+    "./src/engine/registry/blocks/**",
+    "./src/engine/render/renderers/**",
+    "./src/engine/export/exporters/**",
+    "./src/engine/plugins/builtin/**"
+  ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -53,7 +60,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "demo": "vite",
-    "lint": "eslint . --ext ts,tsx",
+    "lint": "eslint .",
     "prepublishOnly": "npm run build",
     "version:patch": "npm version patch && git push && git push --tags && npm publish",
     "version:minor": "npm version minor && git push && git push --tags && npm publish",
@@ -64,12 +71,9 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@vanilla-extract/css": "^1.18.0",
-    "@vanilla-extract/vite-plugin": "^5.1.4",
     "clsx": "^2.1.1",
     "lucide-react": "^0.447.0",
-    "react": "^19.0.0",
     "react-colorful": "^5.6.1",
-    "react-dom": "^19.0.0",
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
@@ -77,6 +81,7 @@
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.15.0",
     "eslint-plugin-react-hooks": "^5.0.0",

package/dist/components/ComponentPalette/definitions.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDefinition } from '../../types';
-export declare const componentDefinitions: ComponentDefinition[];
-//# sourceMappingURL=definitions.d.ts.map

package/dist/components/ComponentPalette/definitions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../../src/components/ComponentPalette/definitions.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAyMrD,CAAA"}

package/dist/components/ComponentPalette/definitions.js

@@ -1,206 +0,0 @@
-const e = [
-  {
-    type: "hero",
-    name: "Hero",
-    category: "content",
-    defaultProps: {
-      heroTitle: "Título Principal",
-      heroSubtitle: "Subtítulo",
-      heroImage: "",
-      buttonText: "Saiba Mais"
-    },
-    defaultStyles: {},
-    editableProps: ["heroTitle", "heroSubtitle", "heroImage", "buttonText", "heroWelcome", "heroSpecialty"],
-    editableStyles: ["heroTitleColor", "heroSubtitleColor", "heroWelcomeColor", "heroSpecialtyColor"]
-  },
-  {
-    type: "navbar",
-    name: "Navbar",
-    category: "layout",
-    defaultProps: {
-      logoText: "Logo",
-      menuItems: []
-    },
-    defaultStyles: {},
-    editableProps: ["logoText", "menuItems"],
-    editableStyles: ["navbarColor", "navbarTextColor"]
-  },
-  {
-    type: "about",
-    name: "Sobre",
-    category: "content",
-    defaultProps: {
-      title: "Sobre Mim",
-      content: "Texto sobre você...",
-      image: ""
-    },
-    defaultStyles: {},
-    editableProps: ["title", "content", "image"],
-    editableStyles: ["backgroundColor", "textColor"]
-  },
-  {
-    type: "gallery",
-    name: "Galeria",
-    category: "content",
-    defaultProps: {
-      title: "Galeria",
-      items: []
-    },
-    defaultStyles: {},
-    editableProps: ["title", "items"],
-    editableStyles: ["backgroundColor"]
-  },
-  {
-    type: "services",
-    name: "Serviços",
-    category: "content",
-    defaultProps: {
-      title: "Serviços",
-      items: []
-    },
-    defaultStyles: {},
-    editableProps: ["title", "items"],
-    editableStyles: ["backgroundColor"]
-  },
-  {
-    type: "testimonials",
-    name: "Depoimentos",
-    category: "content",
-    defaultProps: {
-      title: "Depoimentos",
-      items: []
-    },
-    defaultStyles: {},
-    editableProps: ["title", "items"],
-    editableStyles: ["backgroundColor"]
-  },
-  {
-    type: "contact",
-    name: "Contato",
-    category: "content",
-    defaultProps: {
-      title: "Entre em Contato",
-      phone: "",
-      email: "",
-      address: ""
-    },
-    defaultStyles: {},
-    editableProps: ["title", "phone", "email", "address"],
-    editableStyles: ["backgroundColor"]
-  },
-  {
-    type: "footer",
-    name: "Rodapé",
-    category: "layout",
-    defaultProps: {
-      copyright: "© 2024 Todos os direitos reservados",
-      links: []
-    },
-    defaultStyles: {},
-    editableProps: ["copyright", "links"],
-    editableStyles: ["backgroundColor", "textColor"]
-  },
-  {
-    type: "section",
-    name: "Seção",
-    category: "layout",
-    defaultProps: {},
-    defaultStyles: {},
-    editableProps: [],
-    editableStyles: ["backgroundColor", "padding"]
-  },
-  {
-    type: "text",
-    name: "Texto",
-    category: "content",
-    defaultProps: {
-      content: "Digite seu texto aqui..."
-    },
-    defaultStyles: {},
-    editableProps: ["content"],
-    editableStyles: ["fontSize", "fontWeight", "textColor"]
-  },
-  {
-    type: "heading",
-    name: "Título",
-    category: "content",
-    defaultProps: {
-      text: "Título",
-      level: 2
-    },
-    defaultStyles: {},
-    editableProps: ["text", "level"],
-    editableStyles: ["fontSize", "fontWeight", "textColor"]
-  },
-  {
-    type: "image",
-    name: "Imagem",
-    category: "media",
-    defaultProps: {
-      src: "",
-      alt: ""
-    },
-    defaultStyles: {},
-    editableProps: ["src", "alt"],
-    editableStyles: ["width", "height", "objectFit"]
-  },
-  {
-    type: "button",
-    name: "Botão",
-    category: "content",
-    defaultProps: {
-      text: "Clique aqui",
-      href: "#"
-    },
-    defaultStyles: {},
-    editableProps: ["text", "href"],
-    editableStyles: ["backgroundColor", "textColor", "padding"]
-  },
-  {
-    type: "grid",
-    name: "Grid",
-    category: "layout",
-    defaultProps: {
-      columns: 3
-    },
-    defaultStyles: {},
-    editableProps: ["columns"],
-    editableStyles: ["gap"]
-  },
-  {
-    type: "card",
-    name: "Card",
-    category: "content",
-    defaultProps: {
-      title: "Título do Card",
-      content: "Conteúdo do card"
-    },
-    defaultStyles: {},
-    editableProps: ["title", "content"],
-    editableStyles: ["backgroundColor", "borderRadius", "padding"]
-  },
-  {
-    type: "spacer",
-    name: "Espaçador",
-    category: "layout",
-    defaultProps: {
-      height: 40
-    },
-    defaultStyles: {},
-    editableProps: ["height"],
-    editableStyles: []
-  },
-  {
-    type: "divider",
-    name: "Divisor",
-    category: "layout",
-    defaultProps: {},
-    defaultStyles: {},
-    editableProps: [],
-    editableStyles: ["borderColor", "borderWidth"]
-  }
-];
-export {
-  e as componentDefinitions
-};
-//# sourceMappingURL=definitions.js.map