veo-sdk 0.5.16 → 0.5.18

package/dist/index.cjs

@@ -2135,6 +2135,10 @@ function mountCodeBlock(block, doc, context) {
     wrapper.appendChild(iframe);
     return { node: wrapper, cleanup };
   }
+  if (context.editorPreview) {
+    return { node: buildHostPlaceholder(doc), cleanup: () => {
+    } };
+  }
   const hostDoc = doc;
   const injected = [];
   if (typeof block.css === "string" && block.css.trim()) {
@@ -2166,6 +2170,18 @@ function mountCodeBlock(block, doc, context) {
     }
   };
 }
+function buildHostPlaceholder(doc) {
+  const box = doc.createElement("div");
+  box.className = "veo-code-placeholder";
+  box.style.cssText = "border:1px dashed #cbd5e1;border-radius:8px;padding:12px;text-align:center;font:13px/1.4 system-ui,sans-serif;color:#64748b;background:#f8fafc;";
+  const t = doc.createElement("strong");
+  t.textContent = "\u27E8 \u27E9 Bloque de c\xF3digo";
+  t.style.cssText = "display:block;color:#475569;margin-bottom:2px;";
+  const s = doc.createElement("span");
+  s.textContent = "Se ejecuta en tu app al publicar (no corre en el editor).";
+  box.append(t, s);
+  return box;
+}
 function runScript(old, hostDoc) {
   const s = hostDoc.createElement("script");
   for (const attr of Array.from(old.attributes)) s.setAttribute(attr.name, attr.value);
@@ -2589,7 +2605,6 @@ var init_composite_renderer = __esm({
     init_form_content();
     init_inline_host();
     init_wait_for_element();
-    init_badge_renderer();
     init_base_renderer();
     init_floating_arrow();
     ROW_ALIGN = {
@@ -2598,36 +2613,10 @@ var init_composite_renderer = __esm({
       right: "flex-end"
     };
     CompositeRenderer = class extends BaseRenderer {
-      constructor() {
-        super(...arguments);
-        /** Delegado para pasos `badge` (reusa el BadgeRenderer con un step sintético). */
-        this.badgeDelegate = null;
-      }
       async render(context) {
         const idx = context.nav?.stepIndex ?? 0;
         const step = context.guide.guideSteps[idx];
         if (!step) return;
-        if (step.presentation === "badge") {
-          const syntheticStep = {
-            title: "",
-            content: "",
-            selector: step.anchorSelector ?? void 0,
-            blocks: step.blocks ?? [],
-            style: {
-              ...step.design ?? {},
-              ...step.badge ? { badge: step.badge } : {},
-              ...step.badgeTrigger ? { badgeTrigger: step.badgeTrigger } : {}
-            }
-          };
-          const syntheticGuide = {
-            ...context.guide,
-            guideSteps: [syntheticStep]
-          };
-          const { nav: _nav, ...rest } = context;
-          this.badgeDelegate = new BadgeRenderer();
-          await this.badgeDelegate.render({ ...rest, guide: syntheticGuide });
-          return;
-        }
         const anchorSelector = step.position === "relative-to-element" || step.presentation === "inline" ? step.anchorSelector?.trim() || void 0 : void 0;
         let anchor = null;
         if (anchorSelector) {
@@ -2861,12 +2850,6 @@ var init_composite_renderer = __esm({
         if (context.nav?.callbacks) context.nav.callbacks.onSkip();
         else context.onClose();
       }
-      /** Además del host propio, destruye el delegado de badge si lo hubo. */
-      destroy() {
-        this.badgeDelegate?.destroy();
-        this.badgeDelegate = null;
-        super.destroy();
-      }
     };
     CLOSE_INSET = "10px";
     CLOSE_RESERVE = "34px";
@@ -3532,6 +3515,7 @@ var init_guide_preview = __esm({
             // el caller puede pasar `formSubmit` real (link de preview).
             onFormSubmit: this.input?.formSubmit ?? (() => Promise.resolve(true)),
             isPreview: true,
+            editorPreview: this.input?.editorPreview === true,
             ...this.input?.formSubmit && this.input.formSubmitNote !== void 0 ? { previewNote: this.input.formSubmitNote } : {}
           });
         } catch {
@@ -4396,7 +4380,7 @@ function initBuilderMode() {
     dropTarget?.detach();
     dropTarget = null;
     previewStepIndex = cmd.guide.startStepIndex ?? 0;
-    const handle = previewGuide(cmd.guide);
+    const handle = previewGuide({ ...cmd.guide, editorPreview: true });
     if (!cmd.editable) return;
     void handle.ready.then((result) => {
       if (!result.rendered) return;