veo-sdk 0.5.19 → 0.5.21

package/dist/{guide-preview-BiufCjq9.d.cts → guide-preview-XUnTmzUO.d.cts}

@@ -152,13 +152,6 @@ interface PreviewGuideInput {
     formSubmit?: (answers: Record<string, unknown>) => Promise<boolean>;
     /** Nota bajo el "¡Gracias!" cuando hay `formSubmit` propio. */
     formSubmitNote?: string;
-    /**
-     * `true` = la preview corre EN la página del editor (panel in-app). Los
-     * bloques de código en modo host NO se inyectan (corromperían el editor);
-     * muestran un placeholder. El link de preview (app real, sin editor) lo deja
-     * en `false` → el código host sí corre.
-     */
-    editorPreview?: boolean;
 }
 /** Resultado del primer render de una preview. */
 interface PreviewResult {

package/dist/{guide-preview-BiufCjq9.d.ts → guide-preview-XUnTmzUO.d.ts}

@@ -152,13 +152,6 @@ interface PreviewGuideInput {
     formSubmit?: (answers: Record<string, unknown>) => Promise<boolean>;
     /** Nota bajo el "¡Gracias!" cuando hay `formSubmit` propio. */
     formSubmitNote?: string;
-    /**
-     * `true` = la preview corre EN la página del editor (panel in-app). Los
-     * bloques de código en modo host NO se inyectan (corromperían el editor);
-     * muestran un placeholder. El link de preview (app real, sin editor) lo deja
-     * en `false` → el código host sí corre.
-     */
-    editorPreview?: boolean;
 }
 /** Resultado del primer render de una preview. */
 interface PreviewResult {

package/dist/index.cjs

@@ -2135,10 +2135,6 @@ 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()) {
@@ -2170,18 +2166,6 @@ 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);
@@ -3515,7 +3499,6 @@ 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 {
@@ -4380,7 +4363,7 @@ function initBuilderMode() {
     dropTarget?.detach();
     dropTarget = null;
     previewStepIndex = cmd.guide.startStepIndex ?? 0;
-    const handle = previewGuide({ ...cmd.guide, editorPreview: true });
+    const handle = previewGuide(cmd.guide);
     if (!cmd.editable) return;
     void handle.ready.then((result) => {
       if (!result.rendered) return;
@@ -6192,6 +6175,13 @@ var GuidesController = class {
      * a esa página (tours multi-página estilo Pendo).
      */
     this.pendingComposite = null;
+    /**
+     * Guías composite EN PANTALLA con el paso mostrado, por `guideId`. En una SPA,
+     * al navegar a una página que ya NO matchea la `pageLocation` del paso, hay que
+     * DESTRUIR la guía (si no, queda pegada y "se muestra en todo lado"). Se poda
+     * en cada `checkGuides` con {@link pruneComposite}.
+     */
+    this.activeComposite = /* @__PURE__ */ new Map();
     this.debug = config.debug === true;
     this.apiUrl = config.apiUrl;
     this.apiKey = config.apiKey;
@@ -6238,6 +6228,7 @@ var GuidesController = class {
       if (this.debug) console.log("[veo] guides: skipped, no endUserId yet");
       return;
     }
+    this.pruneComposite(pageUrl);
     if (await this.tryResumeWalkthrough(endUserId, sessionId, pageUrl)) {
       return;
     }
@@ -6370,6 +6361,7 @@ ${pageUrl}`;
     }
     this.activeRenderers.clear();
     this.activeByGuideId.clear();
+    this.activeComposite.clear();
     if (this.activeWalkthroughRenderer) {
       try {
         this.activeWalkthroughRenderer.destroy();
@@ -6406,6 +6398,20 @@ ${pageUrl}`;
     if (start === -1) return;
     this.renderCompositeStep(guide, start, sessionId, pageUrl);
   }
+  /**
+   * Destruye las guías composite en pantalla cuyo paso mostrado ya no matchea la
+   * URL actual (el usuario navegó fuera de su `pageLocation` en una SPA). Sin
+   * esto la guía queda montada en el DOM y aparece en páginas que no debía.
+   */
+  pruneComposite(pageUrl) {
+    for (const entry of this.activeComposite.values()) {
+      const steps = entry.guide.guideSteps;
+      const step = steps[entry.stepIndex];
+      if (!step || !stepMatchesPage(step.pageLocation, pageUrl)) {
+        entry.cleanup();
+      }
+    }
+  }
   /**
    * Resume un tour composite que quedó esperando navegación: si el paso
    * pendiente aplica a la página actual, lo pinta. Devuelve `true` si resumió.
@@ -6440,7 +6446,9 @@ ${pageUrl}`;
       if (this.activeByGuideId.get(guide.guideId) === renderer) {
         this.activeByGuideId.delete(guide.guideId);
       }
+      this.activeComposite.delete(guide.guideId);
     };
+    this.activeComposite.set(guide.guideId, { guide, stepIndex: idx, cleanup });
     const goToStep = (target) => {
       cleanup();
       if (target < 0 || target >= steps.length) return;