@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

package/dist/editor/BlockSelector.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Block } from '../engine';
 interface BlockSelectorProps {
     structure: Block[];
@@ -5,6 +6,6 @@ interface BlockSelectorProps {
     onSelectBlock: (blockId: string) => void;
     onDeleteBlock: (blockId: string) => void;
 }
-export declare function BlockSelector({ structure, selectedBlockId, onSelectBlock, onDeleteBlock, }: BlockSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare const BlockSelector: React.NamedExoticComponent<BlockSelectorProps>;
 export {};
 //# sourceMappingURL=BlockSelector.d.ts.map

package/dist/editor/BlockSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.d.ts","sourceRoot":"","sources":["../../src/editor/BlockSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAKjC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,KAAK,EAAE,CAAA;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAgJD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,aAAa,GACd,EAAE,kBAAkB,2CA6EpB"}
+{"version":3,"file":"BlockSelector.d.ts","sourceRoot":"","sources":["../../src/editor/BlockSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAKjC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,KAAK,EAAE,CAAA;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAiJD,eAAO,MAAM,aAAa,gDAkFxB,CAAC"}

package/dist/editor/BlockSelector.js

@@ -1,7 +1,8 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useMemo as v } from "react";
-import "../engine/schema/themeTokens.js";
-import { componentRegistry as N } from "../engine/registry/registry.js";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import A, { useMemo as N } from "react";
+import { Trash2 as j, ChevronRight as k } from "lucide-react";
+import { cn as h } from "../utils/cn.js";
+import { componentRegistry as v } from "../engine/registry/registry.js";
 import "../engine/registry/blocks/layout/container.js";
 import "../engine/registry/blocks/layout/stack.js";
 import "../engine/registry/blocks/layout/grid.js";
@@ -43,33 +44,23 @@ import "../engine/registry/blocks/sections/teamCard.js";
 import "../engine/registry/blocks/sections/teamGrid.js";
 import "../engine/registry/blocks/sections/courseCardGrid.js";
 import "../engine/registry/blocks/sections/categoryCardGrid.js";
+import "../engine/registry/blocks/sections/blogPostCard.js";
+import "../engine/registry/blocks/sections/blogPostGrid.js";
+import "../engine/registry/blocks/sections/blogPostDetail.js";
 import "../engine/registry/blocks/forms/form.js";
 import "../engine/registry/blocks/forms/input.js";
 import "../engine/registry/blocks/forms/textarea.js";
 import "../engine/registry/blocks/forms/select.js";
-import "../engine/render/renderers/layout/index.js";
-import "../engine/render/renderers/content/index.js";
-import "../engine/render/renderers/composition/index.js";
-import "../engine/render/renderers/sections/index.js";
-import "../engine/render/renderers/forms/index.js";
-import "../engine/export/exporters/layout/index.js";
-import "../engine/export/exporters/content/index.js";
-import "../engine/export/exporters/sections/index.js";
-import "../engine/export/exporters/forms/index.js";
-import "../engine/theme/defaultTheme.js";
-import { cn as h } from "../utils/cn.js";
-import b from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import j from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 function x(t) {
-  return N.get(t)?.name || t;
+  return v.get(t)?.name || t;
 }
-function A(t) {
+function C(t) {
   const r = t.props;
   switch (t.type) {
     case "heading":
       return r.text || "Heading";
     case "text":
-      return r.text ? r.text.substring(0, 30) + (r.text.length > 30 ? "..." : "") : "Text";
+      return r.text ? String(r.text).substring(0, 30) + (String(r.text).length > 30 ? "..." : "") : "Text";
     case "button":
       return r.text || "Button";
     case "link":
@@ -80,7 +71,7 @@ function A(t) {
     case "stack":
     case "grid":
     case "box":
-      return `${x(t.type)} (${r.children?.length || 0} children)`;
+      return `${x(t.type)} (${Array.isArray(r.children) ? r.children.length : 0} children)`;
     case "section":
       return r.id ? `Section: ${r.id}` : "Section";
     case "card":
@@ -91,97 +82,97 @@ function A(t) {
       return x(t.type);
   }
 }
-function w(t, r, d, l, a) {
+function b(t, r, c, d, l) {
   if (!t || typeof t != "object" || !t.id || !t.type)
     return null;
-  const n = t.id === d, e = t.props, p = e && typeof e == "object" && e.children && Array.isArray(e.children) && e.children.length > 0;
-  return /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ m(
+  const a = t.id === c, n = t.props, i = n && typeof n == "object" && n.children && Array.isArray(n.children) && n.children.length > 0;
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s(
       "div",
       {
         className: h(
           "flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group",
           "hover:scale-[1.01] active:scale-[0.99]",
-          n ? "bg-blue-500 text-white shadow-md shadow-blue-500/20" : "bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300",
+          a ? "bg-blue-500 text-white shadow-md shadow-blue-500/20" : "bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300",
           r > 0 && "ml-4"
         ),
         style: { paddingLeft: `${r * 12 + 8}px` },
-        onClick: () => l(t.id),
+        onClick: () => d(t.id),
         children: [
-          r > 0 && /* @__PURE__ */ o("div", { className: "flex-shrink-0 w-4 flex items-center justify-center", children: /* @__PURE__ */ o(j, { className: "w-3 h-3 opacity-50" }) }),
+          r > 0 && /* @__PURE__ */ o("div", { className: "flex-shrink-0 w-4 flex items-center justify-center", children: /* @__PURE__ */ o(k, { className: "w-3 h-3 opacity-50" }) }),
           /* @__PURE__ */ o(
             "div",
             {
               className: h(
                 "flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center",
-                n ? "bg-white/20 text-white" : "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
+                a ? "bg-white/20 text-white" : v.get(t.type)?.pluginId ? "bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400" : "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
               ),
               title: x(t.type),
-              children: t.type.substring(0, 2).toUpperCase()
+              children: v.get(t.type)?.pluginId ? "🧩" : t.type.substring(0, 2).toUpperCase()
             }
           ),
-          /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: x(t.type) }),
             /* @__PURE__ */ o(
               "div",
               {
                 className: h(
                   "text-xs truncate",
-                  n ? "text-white/80" : "text-gray-500 dark:text-gray-400"
+                  a ? "text-white/80" : "text-gray-500 dark:text-gray-400"
                 ),
-                children: A(t)
+                children: C(t)
               }
             )
           ] }),
           /* @__PURE__ */ o(
             "button",
             {
-              onClick: (i) => {
-                i.stopPropagation(), a(t.id);
+              onClick: (e) => {
+                e.stopPropagation(), l(t.id);
               },
               className: h(
                 "p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100",
                 "hover:bg-white/30 dark:hover:bg-gray-700/50",
                 "hover:scale-110 active:scale-95",
-                n ? "text-white hover:bg-white/40" : "text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"
+                a ? "text-white hover:bg-white/40" : "text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"
               ),
               title: "Deletar bloco",
-              children: /* @__PURE__ */ o(b, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ o(j, { className: "w-3.5 h-3.5" })
             }
           )
         ]
       }
     ),
-    p && /* @__PURE__ */ o("div", { className: "mt-1", children: e.children.filter((i) => i && i.id && i.type).map(
-      (i) => w(i, r + 1, d, l, a)
+    i && /* @__PURE__ */ o("div", { className: "mt-1", children: n.children.filter((e) => e && e.id && e.type).map(
+      (e) => b(e, r + 1, c, d, l)
     ) })
   ] }, t.id);
 }
-function Rt({
-  structure: t,
-  selectedBlockId: r,
+const Ct = A.memo(function({
+  structure: r,
+  selectedBlockId: c,
   onSelectBlock: d,
   onDeleteBlock: l
 }) {
-  const a = v(() => !t || !Array.isArray(t) ? [] : t.filter((e) => e && typeof e == "object" && e.id && e.type), [t]), n = v(() => {
-    const e = (p) => {
-      if (!p || !Array.isArray(p) || p.length === 0) return 0;
-      let i = 0;
-      for (let f = 0; f < p.length; f++) {
-        const s = p[f];
-        if (!(!s || typeof s != "object" || !s.id || !s.type)) {
-          i++;
+  const a = N(() => !r || !Array.isArray(r) ? [] : r.filter((i) => i && typeof i == "object" && i.id && i.type), [r]), n = N(() => {
+    const i = (e) => {
+      if (!e || !Array.isArray(e) || e.length === 0) return 0;
+      let u = 0;
+      for (let f = 0; f < e.length; f++) {
+        const p = e[f];
+        if (!(!p || typeof p != "object" || !p.id || !p.type)) {
+          u++;
           try {
-            if (!s.props)
+            if (!p.props)
               continue;
-            const c = s.props;
-            if (c && typeof c == "object" && !Array.isArray(c)) {
-              const g = c.children;
+            const m = p.props;
+            if (m && typeof m == "object" && !Array.isArray(m)) {
+              const g = m.children;
               if (g && Array.isArray(g) && g.length > 0) {
-                const u = g.filter(
+                const w = g.filter(
                   (y) => y && typeof y == "object" && y.id && y.type
                 );
-                u.length > 0 && (i += e(u));
+                w.length > 0 && (u += i(w));
               }
             }
           } catch {
@@ -189,25 +180,25 @@ function Rt({
           }
         }
       }
-      return i;
+      return u;
     };
-    return e(a);
+    return i(a);
   }, [a]);
-  return /* @__PURE__ */ m("div", { className: "h-full flex flex-col overflow-hidden", children: [
-    /* @__PURE__ */ m("div", { className: "flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: [
+  return /* @__PURE__ */ s("div", { className: "h-full flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ s("div", { className: "flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: [
       /* @__PURE__ */ o("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Blocos" }),
-      /* @__PURE__ */ m("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
+      /* @__PURE__ */ s("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
         n,
         " ",
         n === 1 ? "bloco" : "blocos"
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: !a || a.length === 0 ? /* @__PURE__ */ o("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-8", children: "Nenhum bloco adicionado ainda" }) : a.map(
-      (e) => w(e, 0, r, d, l)
+      (i) => b(i, 0, c, d, l)
     ) })
   ] });
-}
+});
 export {
-  Rt as BlockSelector
+  Ct as BlockSelector
 };
 //# sourceMappingURL=BlockSelector.js.map

package/dist/editor/BlockSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as any\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? props.text.substring(0, 30) + (props.text.length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${props.children?.length || 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      // TypeScript não consegue inferir que todos os casos foram cobertos\n      return getBlockTypeName((block as Block).type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as any\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as any).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: any) => child && typeof child === 'object' && child.id && child.type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","e","Trash2","child","BlockSelector","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}
+{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}

package/dist/editor/LandingPageEditor.d.ts

@@ -0,0 +1,19 @@
+import { SiteDocument } from '../engine';
+import { TemplateId } from '../shared/templates';
+export interface UploadConfig {
+    tenantId?: string;
+    schoolId?: string;
+    siteId?: string | null;
+    authToken?: string;
+}
+export interface LandingPageEditorProps {
+    initialData?: SiteDocument;
+    /** ID do template a carregar quando não houver initialData (ex.: "escola-edvi") */
+    defaultTemplateId?: TemplateId;
+    onSave?: (data: SiteDocument) => Promise<void>;
+    onPublish?: (data: SiteDocument) => Promise<void>;
+    /** Configuração para upload seguro de imagens/vídeos */
+    uploadConfig?: UploadConfig;
+}
+export declare function LandingPageEditor({ initialData, defaultTemplateId, onSave, onPublish, uploadConfig, }: LandingPageEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LandingPageEditor.d.ts.map

package/dist/editor/LandingPageEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageEditor.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAAE,YAAY,EAAuB,MAAM,WAAW,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAWtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,2CAuRxB"}

package/dist/editor/LandingPageEditor.js

@@ -0,0 +1,239 @@
+import { jsx as i, jsxs as I } from "react/jsx-runtime";
+import { useState as h, useCallback as g, useEffect as N } from "react";
+import { TemplatePicker as ne } from "./TemplatePicker.js";
+import { useEditorState as ae } from "../hooks/useEditorState.js";
+import { useKeyboardShortcuts as ce } from "../hooks/useKeyboardShortcuts.js";
+import { getTemplate as O } from "../shared/templates/index.js";
+import { sharedTemplateToEngineDocument as j } from "../utils/sharedTemplateToEngine.js";
+import { findBlockInStructure as se } from "../utils/blockUtils.js";
+import { isLightColor as A } from "../utils/colorUtils.js";
+import { logger as y } from "../utils/logger.js";
+import { processBlockDataURLs as ie } from "../utils/dataURLUtils.js";
+import { Toolbar as le } from "./components/Toolbar.js";
+import { LeftPanel as de } from "./components/LeftPanel.js";
+import { CenterPanel as me } from "./components/CenterPanel.js";
+import { RightPanel as fe } from "./components/RightPanel.js";
+import { PatchBuilder as G } from "../engine/patch/PatchBuilder.js";
+function Le({
+  initialData: F,
+  defaultTemplateId: p,
+  onSave: S,
+  onPublish: k,
+  uploadConfig: v
+}) {
+  const {
+    document: o,
+    currentPageId: b,
+    currentPage: l,
+    selectedBlockId: d,
+    selectedBlock: K,
+    history: M,
+    setCurrentPageId: m,
+    addPage: W,
+    removePage: q,
+    canRemovePage: z,
+    setSelectedBlockId: c,
+    handleUndo: x,
+    handleRedo: B,
+    handleDeleteBlock: w,
+    handleUpdateBlock: H,
+    applyChange: f,
+    resetToTemplate: J,
+    isPaletteSelected: C,
+    loadDocument: P,
+    activePlugins: Q,
+    activatePlugin: V,
+    deactivatePlugin: X
+  } = ae({ initialData: F }), [Y, u] = h(!1), [T, Z] = h(
+    null
+  ), [D, L] = h(null), [U, _] = h(!1), E = g(
+    (e) => {
+      const r = O(e);
+      if (!r) return;
+      const t = j(r);
+      P(t), Z(e);
+    },
+    [P]
+  );
+  N(() => {
+    !o && p && E(p);
+  }, [p]);
+  const R = async () => {
+    if (!(!o || !S || !v)) {
+      u(!0);
+      try {
+        const e = await Promise.all(
+          (o.pages || []).map(async (t) => ({
+            ...t,
+            structure: await Promise.all(
+              (t.structure || []).map((n) => ie(n, v))
+            )
+          }))
+        ), r = {
+          ...o,
+          pages: e
+        };
+        await S(r);
+      } catch (e) {
+        throw y.error("Error saving:", e), e;
+      } finally {
+        u(!1);
+      }
+    }
+  }, $ = async () => {
+    if (!(!o || !k)) {
+      u(!0);
+      try {
+        await k(o);
+      } catch (e) {
+        y.error("Error publishing:", e);
+      } finally {
+        u(!1);
+      }
+    }
+  }, ee = g(
+    (e, r) => {
+      if (!o || !l) return;
+      const t = l.id;
+      if (t)
+        try {
+          const n = G.updateBlockProps(
+            o,
+            t,
+            e,
+            r
+          );
+          n?.length && f(n, "Update block properties");
+        } catch (n) {
+          y.error("Error updating block:", n);
+        }
+    },
+    [o, l, f]
+  ), oe = g((e) => {
+    if (!o) return;
+    const r = A(e.background ?? "#ffffff"), t = A(e.primary ?? "#3b82f6"), n = r ? "#6b7280" : "#9ca3af", s = t ? "#1f2937" : "#ffffff", a = G.updateTheme(o, {
+      colors: {
+        ...o.theme.colors,
+        primary: e.primary,
+        secondary: e.secondary,
+        accent: e.accent,
+        bg: e.background,
+        surface: e.surface || o.theme.colors.surface,
+        text: e.text || o.theme.colors.text,
+        mutedText: n,
+        primaryText: s,
+        linkColor: e.linkColor || e.primary,
+        // Links gerais
+        menuLinkColor: e.menuLinkColor || e.primary
+        // Links do menu navbar
+      }
+    });
+    f(a, "Update color palette");
+  }, [o, f]), re = g((e, r) => {
+    c(e), L(r || null);
+  }, [c]);
+  return ce({
+    onUndo: x,
+    onRedo: B,
+    onSave: R,
+    onDelete: () => {
+      d && w(d);
+    },
+    onDeselect: () => c(null)
+  }), N(() => {
+    const e = (r) => {
+      if (r.data?.type !== "editor-navigate" || !r.data.href) return;
+      const t = String(r.data.href);
+      if (!o) return;
+      const n = t.match(/^(?:\/site)?\/p\/([^#?]+)/);
+      if (n) {
+        const s = n[1], a = o.pages.find((te) => te.slug === s);
+        a && m(a.id);
+        return;
+      }
+      if (t.startsWith("#")) {
+        const s = t.slice(1);
+        for (const a of o.pages)
+          if (se(a.structure || [], s)) {
+            m(a.id), c(s);
+            break;
+          }
+      }
+    };
+    return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+  }, [o, m, c]), o ? /* @__PURE__ */ I("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: [
+    /* @__PURE__ */ i(
+      le,
+      {
+        history: M,
+        isSaving: Y,
+        onUndo: x,
+        onRedo: B,
+        onSave: R,
+        onPublish: k ? $ : void 0,
+        onReset: T ? () => {
+          const e = O(T);
+          e && P(j(e));
+        } : J,
+        showSelectionOverlay: U,
+        onToggleSelectionOverlay: () => _((e) => !e)
+      }
+    ),
+    /* @__PURE__ */ I("div", { className: "flex-1 flex overflow-hidden min-h-0 max-h-full", children: [
+      /* @__PURE__ */ i(
+        de,
+        {
+          currentPage: l,
+          selectedBlockId: d,
+          isPaletteSelected: C,
+          onSelectBlock: (e) => {
+            c(e), L(null);
+          },
+          onDeleteBlock: w
+        }
+      ),
+      /* @__PURE__ */ i(
+        me,
+        {
+          document: o,
+          currentPageId: b,
+          currentPage: l,
+          selectedBlockId: d,
+          onBlockClick: re,
+          onSelectPage: m,
+          onAddPage: () => {
+            const e = prompt("Nome da página:");
+            if (!e) return;
+            const r = e.toLowerCase().replace(/\s+/g, "-");
+            W(r, e, r);
+          },
+          onRemovePage: q,
+          canRemovePage: z,
+          onUpdateBlock: ee,
+          activePlugins: Q,
+          onActivatePlugin: V,
+          onDeactivatePlugin: X,
+          showSelectionOverlay: U,
+          focusedGroup: D
+        }
+      ),
+      /* @__PURE__ */ i(
+        fe,
+        {
+          isPaletteSelected: C,
+          selectedBlock: K,
+          onPaletteChange: oe,
+          onUpdateBlock: H,
+          uploadConfig: v,
+          document: o,
+          currentPageId: b,
+          focusedGroup: D
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ i("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ i(ne, { onSelectTemplate: E }) });
+}
+export {
+  Le as LandingPageEditor
+};
+//# sourceMappingURL=LandingPageEditor.js.map

package/dist/editor/LandingPageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageEditor.js","sources":["../../src/editor/LandingPageEditor.tsx"],"sourcesContent":["/**\n * Landing Page Editor\n * Editor de landing pages usando block engine\n */\n\nimport { useState, useCallback, useEffect, lazy, Suspense } from \"react\";\nimport { TemplatePicker } from \"./TemplatePicker\";\nimport { Toolbar, LeftPanel, CenterPanel, RightPanel } from \"./components\";\nimport { useEditorState } from \"../hooks/useEditorState\";\nimport { useKeyboardShortcuts } from \"../hooks/useKeyboardShortcuts\";\nimport { LoadingSpinner } from \"./components/LoadingSpinner\";\nimport { SiteDocument, PatchBuilder, Block } from \"../engine\";\nimport { getTemplate } from \"../shared/templates\";\nimport type { TemplateId } from \"../shared/templates\";\nimport { sharedTemplateToEngineDocument } from \"../utils/sharedTemplateToEngine\";\nimport { findBlockInStructure } from \"../utils/blockUtils\";\nimport { isLightColor } from \"../utils/colorUtils\";\nimport { logger } from \"../utils/logger\";\nimport { processBlockDataURLs } from \"../utils/dataURLUtils\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UploadConfig {\n  tenantId?: string;\n  schoolId?: string;\n  siteId?: string | null;\n  authToken?: string;\n}\n\nexport interface LandingPageEditorProps {\n  initialData?: SiteDocument;\n  /** ID do template a carregar quando não houver initialData (ex.: \"escola-edvi\") */\n  defaultTemplateId?: TemplateId;\n  onSave?: (data: SiteDocument) => Promise<void>;\n  onPublish?: (data: SiteDocument) => Promise<void>;\n  /** Configuração para upload seguro de imagens/vídeos */\n  uploadConfig?: UploadConfig;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LandingPageEditor({\n  initialData,\n  defaultTemplateId,\n  onSave,\n  onPublish,\n  uploadConfig,\n}: LandingPageEditorProps) {\n  // Hook de estado do editor (edição por páginas; sem navegação)\n  const {\n    document,\n    currentPageId,\n    currentPage,\n    selectedBlockId,\n    selectedBlock,\n    history,\n    setCurrentPageId,\n    addPage,\n    removePage,\n    canRemovePage,\n    setSelectedBlockId,\n    handleUndo,\n    handleRedo,\n    handleDeleteBlock,\n    handleUpdateBlock,\n    applyChange,\n    resetToTemplate,\n    isPaletteSelected,\n    loadDocument,\n    activePlugins,\n    activatePlugin,\n    deactivatePlugin,\n  } = useEditorState({ initialData });\n\n  // Estado local da UI\n  const [isSaving, setIsSaving] = useState(false);\n  const [currentTemplateId, setCurrentTemplateId] = useState<TemplateId | null>(\n    null,\n  );\n  const [focusedGroup, setFocusedGroup] = useState<string | null>(null);\n  const [showSelectionOverlay, setShowSelectionOverlay] = useState(false);\n\n  // Carregar template escolhido (converter shared → engine e carregar no editor)\n  const handleSelectTemplate = useCallback(\n    (templateId: TemplateId) => {\n      const sharedDoc = getTemplate(templateId);\n      if (!sharedDoc) return;\n      const engineDoc = sharedTemplateToEngineDocument(sharedDoc);\n      loadDocument(engineDoc);\n      setCurrentTemplateId(templateId);\n    },\n    [loadDocument],\n  );\n\n  // Ao montar sem documento: carregar defaultTemplateId se informado\n  useEffect(() => {\n    if (!document && defaultTemplateId) {\n      handleSelectTemplate(defaultTemplateId);\n    }\n  }, [defaultTemplateId]); // eslint-disable-line react-hooks/exhaustive-deps -- carregar só uma vez quando defaultTemplateId existe\n\n  // Handlers de save/publish\n  const handleSave = async () => {\n    if (!document || !onSave || !uploadConfig) return;\n    setIsSaving(true);\n    try {\n      // Processar o documento para fazer upload de todos os Data URLs\n      const processedPages = await Promise.all(\n        (document.pages || []).map(async (page) => ({\n          ...page,\n          structure: await Promise.all(\n            (page.structure || []).map((block) => processBlockDataURLs(block, uploadConfig))\n          ),\n        }))\n      );\n\n      const processedDocument = {\n        ...document,\n        pages: processedPages,\n      };\n\n      await onSave(processedDocument);\n    } catch (error) {\n      logger.error(\"Error saving:\", error);\n      throw error;\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handlePublish = async () => {\n    if (!document || !onPublish) return;\n    setIsSaving(true);\n    try {\n      await onPublish(document);\n    } catch (error) {\n      logger.error(\"Error publishing:\", error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  // Handler para atualizar um bloco específico\n  const handleUpdateBlockById = useCallback(\n    (blockId: string, updates: Record<string, any>) => {\n      if (!document || !currentPage) return;\n      const pageId = (currentPage as any).id;\n      if (!pageId) return;\n\n      try {\n        const patch = PatchBuilder.updateBlockProps(\n          document,\n          pageId,\n          blockId,\n          updates\n        );\n        if (patch?.length) {\n          applyChange(patch, \"Update block properties\");\n        }\n      } catch (error) {\n        logger.error(\"Error updating block:\", error);\n      }\n    },\n    [document, currentPage, applyChange]\n  );\n\n  // Handler para atualizar paleta de cores (inclui mutedText, primaryText, linkColor e menuLinkColor)\n  const handlePaletteChange = useCallback((palette: any) => {\n    if (!document) return;\n    const bgLight = isLightColor(palette.background ?? \"#ffffff\");\n    const primaryLight = isLightColor(palette.primary ?? \"#3b82f6\");\n    const mutedText = bgLight ? \"#6b7280\" : \"#9ca3af\";\n    const primaryText = primaryLight ? \"#1f2937\" : \"#ffffff\";\n    const patch = PatchBuilder.updateTheme(document, {\n      colors: {\n        ...document.theme.colors,\n        primary: palette.primary,\n        secondary: palette.secondary,\n        accent: palette.accent,\n        bg: palette.background,\n        surface: palette.surface || document.theme.colors.surface,\n        text: palette.text || document.theme.colors.text,\n        mutedText,\n        primaryText,\n        linkColor: palette.linkColor || palette.primary, // Links gerais\n        menuLinkColor: palette.menuLinkColor || palette.primary, // Links do menu navbar\n      },\n    });\n    applyChange(patch, \"Update color palette\");\n  }, [document, applyChange]);\n\n  // Handler para clique no preview (com grupo opcional para scroll-to-group)\n  const handleBlockClick = useCallback((blockId: string, group?: string) => {\n    setSelectedBlockId(blockId);\n    setFocusedGroup(group || null);\n  }, [setSelectedBlockId]);\n\n  // Limpar focusedGroup quando o bloco selecionado muda (via seleção no painel esquerdo, etc.)\n  // Nota: handleBlockClick já define o focusedGroup corretamente quando vem do preview\n\n  // No editor: cliques em links no preview não navegam; trocam a página em edição\n  // Keyboard shortcuts\n  useKeyboardShortcuts({\n    onUndo: handleUndo,\n    onRedo: handleRedo,\n    onSave: handleSave,\n    onDelete: () => {\n      if (selectedBlockId) {\n        handleDeleteBlock(selectedBlockId);\n      }\n    },\n    onDeselect: () => setSelectedBlockId(null),\n  });\n\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type !== \"editor-navigate\" || !event.data.href) return;\n      const href = String(event.data.href);\n      if (!document) return;\n      // Links internos: /site/p/:slug ou /p/:slug\n      const match = href.match(/^(?:\\/site)?\\/p\\/([^#?]+)/);\n      if (match) {\n        const slug = match[1];\n        const page = document.pages.find((p) => p.slug === slug);\n        if (page) setCurrentPageId(page.id);\n        return;\n      }\n      // Âncora #id: selecionar bloco com esse id e trocar para a página que o contém\n      if (href.startsWith(\"#\")) {\n        const id = href.slice(1);\n        for (const p of document.pages) {\n          if (findBlockInStructure(p.structure || [], id)) {\n            setCurrentPageId(p.id);\n            setSelectedBlockId(id);\n            break;\n          }\n        }\n      }\n    };\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [document, setCurrentPageId, setSelectedBlockId]);\n\n  // Sem documento: mostrar seletor de templates\n  if (!document) {\n    return (\n      <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n        <TemplatePicker onSelectTemplate={handleSelectTemplate} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n      {/* Toolbar */}\n      <Toolbar\n        history={history}\n        isSaving={isSaving}\n        onUndo={handleUndo}\n        onRedo={handleRedo}\n        onSave={handleSave}\n        onPublish={onPublish ? handlePublish : undefined}\n        onReset={\n          currentTemplateId\n            ? () => {\n                // Recarregar o mesmo template\n                const sharedDoc = getTemplate(currentTemplateId);\n                if (sharedDoc)\n                  loadDocument(sharedTemplateToEngineDocument(sharedDoc));\n              }\n            : resetToTemplate\n        }\n        showSelectionOverlay={showSelectionOverlay}\n        onToggleSelectionOverlay={() => setShowSelectionOverlay(prev => !prev)}\n      />\n\n      {/* Main Content - 3 Columns */}\n      <div className=\"flex-1 flex overflow-hidden min-h-0 max-h-full\">\n        {/* Left: Block Selector + Paletas */}\n        <LeftPanel\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          isPaletteSelected={isPaletteSelected}\n          onSelectBlock={(id) => { setSelectedBlockId(id); setFocusedGroup(null); }}\n          onDeleteBlock={handleDeleteBlock}\n        />\n\n        {/* Center: Preview (apenas a página em edição) */}\n        <CenterPanel\n          document={document}\n          currentPageId={currentPageId}\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          onBlockClick={handleBlockClick}\n          onSelectPage={setCurrentPageId}\n          onAddPage={() => {\n            const name = prompt(\"Nome da página:\");\n            if (!name) return;\n            const slug = name.toLowerCase().replace(/\\s+/g, \"-\");\n            const id = slug;\n            addPage(id, name, slug);\n          }}\n          onRemovePage={removePage}\n          canRemovePage={canRemovePage}\n          onUpdateBlock={handleUpdateBlockById}\n          activePlugins={activePlugins}\n          onActivatePlugin={activatePlugin}\n          onDeactivatePlugin={deactivatePlugin}\n          showSelectionOverlay={showSelectionOverlay}\n          focusedGroup={focusedGroup}\n        />\n\n        {/* Right: Editor Panel */}\n        <RightPanel\n          isPaletteSelected={isPaletteSelected}\n          selectedBlock={selectedBlock}\n          onPaletteChange={handlePaletteChange}\n          onUpdateBlock={handleUpdateBlock}\n          uploadConfig={uploadConfig}\n          document={document}\n          currentPageId={currentPageId}\n          focusedGroup={focusedGroup}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["LandingPageEditor","initialData","defaultTemplateId","onSave","onPublish","uploadConfig","document","currentPageId","currentPage","selectedBlockId","selectedBlock","history","setCurrentPageId","addPage","removePage","canRemovePage","setSelectedBlockId","handleUndo","handleRedo","handleDeleteBlock","handleUpdateBlock","applyChange","resetToTemplate","isPaletteSelected","loadDocument","activePlugins","activatePlugin","deactivatePlugin","useEditorState","isSaving","setIsSaving","useState","currentTemplateId","setCurrentTemplateId","focusedGroup","setFocusedGroup","showSelectionOverlay","setShowSelectionOverlay","handleSelectTemplate","useCallback","templateId","sharedDoc","getTemplate","engineDoc","sharedTemplateToEngineDocument","useEffect","handleSave","processedPages","page","block","processBlockDataURLs","processedDocument","error","logger","handlePublish","handleUpdateBlockById","blockId","updates","pageId","patch","PatchBuilder","handlePaletteChange","palette","bgLight","isLightColor","primaryLight","mutedText","primaryText","handleBlockClick","group","useKeyboardShortcuts","handleMessage","event","href","match","slug","p","id","findBlockInStructure","jsxs","jsx","Toolbar","prev","LeftPanel","CenterPanel","name","RightPanel","TemplatePicker"],"mappings":"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"}

package/dist/editor/PageTabBar.d.ts

@@ -6,6 +6,9 @@ export interface PageTabBarProps {
     onAddPage: () => void;
     onRemovePage: (id: string) => void;
     canRemovePage: (id: string) => boolean;
+    activePlugins: string[];
+    onActivatePlugin: (pluginId: string) => void;
+    onDeactivatePlugin: (pluginId: string) => void;
 }
-export declare function PageTabBar({ pages, currentPageId, onSelectPage, onAddPage, onRemovePage, canRemovePage, }: PageTabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageTabBar({ pages, currentPageId, onSelectPage, onAddPage, onRemovePage, canRemovePage, activePlugins, onActivatePlugin, onDeactivatePlugin, }: PageTabBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PageTabBar.d.ts.map

package/dist/editor/PageTabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTabBar.d.ts","sourceRoot":"","sources":["../../src/editor/PageTabBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACxC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,eAAe,2CA+GjB"}
+{"version":3,"file":"PageTabBar.d.ts","sourceRoot":"","sources":["../../src/editor/PageTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,eAAe,2CA4RjB"}