veo-sdk 0.5.25 → 0.5.27

package/dist/index.cjs

@@ -2126,7 +2126,24 @@ var init_custom_frame = __esm({
 });
 
 // src/plugins/guides/code-block.ts
-function mountCodeBlock(block, doc, context) {
+function insertRawNodes(anchor, nodes, pos) {
+  const parent = anchor.parentNode;
+  if (pos === "prepend") {
+    const first = anchor.firstChild;
+    for (const n of nodes) anchor.insertBefore(n, first);
+  } else if (pos === "append") {
+    for (const n of nodes) anchor.appendChild(n);
+  } else if (pos === "before") {
+    for (const n of nodes) parent?.insertBefore(n, anchor);
+  } else {
+    let ref = anchor;
+    for (const n of nodes) {
+      parent?.insertBefore(n, ref.nextSibling);
+      ref = n;
+    }
+  }
+}
+function mountCodeBlock(block, doc, context, host, rawInline) {
   if (block.sandboxed) {
     const step = { html: block.html ?? "", css: block.css, js: block.js };
     const { iframe, cleanup } = mountCustomFrame(doc, step, context, { width: "100%" });
@@ -2145,19 +2162,28 @@ function mountCodeBlock(block, doc, context) {
   }
   let node = null;
   if (typeof block.html === "string" && block.html.trim()) {
-    node = doc.createElement("div");
-    node.className = "veo-code-html";
-    const inner = node.attachShadow({ mode: "open" });
-    for (const sheet of Array.from(hostDoc.querySelectorAll('link[rel="stylesheet"], style'))) {
-      inner.appendChild(sheet.cloneNode(true));
-    }
     const holder = doc.createElement("div");
+    holder.className = "veo-code-html";
     holder.innerHTML = block.html;
     for (const old of Array.from(holder.querySelectorAll("script"))) {
       injected.push(runScript(old, hostDoc));
       old.remove();
     }
-    inner.appendChild(holder);
+    if (rawInline) {
+      const rawNodes = Array.from(holder.childNodes);
+      insertRawNodes(rawInline.anchor, rawNodes, rawInline.pos);
+      injected.push(...rawNodes);
+    } else if (host) {
+      const slotName = `veo-code-${++codeSlotSeq}`;
+      holder.slot = slotName;
+      host.appendChild(holder);
+      injected.push(holder);
+      const slot = doc.createElement("slot");
+      slot.setAttribute("name", slotName);
+      node = slot;
+    } else {
+      node = holder;
+    }
   }
   if (typeof block.js === "string" && block.js.trim()) {
     const s = hostDoc.createElement("script");
@@ -2179,9 +2205,11 @@ function runScript(old, hostDoc) {
   hostDoc.body.appendChild(s);
   return s;
 }
+var codeSlotSeq;
 var init_code_block = __esm({
   "src/plugins/guides/code-block.ts"() {
     init_custom_frame();
+    codeSlotSeq = 0;
   }
 });
 
@@ -2604,6 +2632,18 @@ var init_composite_renderer = __esm({
           anchor = await waitForElement(anchorSelector);
           if (!anchor) return;
         }
+        const blocks = step.blocks ?? [];
+        const soleCode = blocks.length === 1 && blocks[0]?.type === "code" ? blocks[0] : void 0;
+        if (step.presentation === "inline" && anchor && soleCode && !soleCode.sandboxed) {
+          const rawDoc = anchor.ownerDocument ?? document;
+          const { cleanup } = mountCodeBlock(soleCode, rawDoc, context, void 0, {
+            anchor,
+            pos: inlinePosOf(step.inlinePosition)
+          });
+          this.registerCleanup(cleanup);
+          context.onInteraction({ guideId: context.guide.guideId, stepIndex: idx, action: "shown" });
+          return;
+        }
         const { host, root } = this.createHost();
         const doc = root.ownerDocument ?? document;
         const design = step.design ?? {};
@@ -2620,7 +2660,7 @@ var init_composite_renderer = __esm({
           });
         };
         const readers = [];
-        this.buildContent(card, step.blocks ?? [], doc, context, idx, readers);
+        this.buildContent(card, step.blocks ?? [], doc, context, idx, readers, host);
         const lastBlock = card.lastElementChild;
         if (lastBlock && !lastBlock.style.marginBottom) lastBlock.style.marginBottom = "0";
         if (design.closeButton !== false) {
@@ -2691,7 +2731,7 @@ var init_composite_renderer = __esm({
         context.onInteraction({ guideId: context.guide.guideId, stepIndex: idx, action: "shown" });
       }
       /** Recorre los bloques en orden y los pinta en la card. */
-      buildContent(card, blocks, doc, context, idx, readers) {
+      buildContent(card, blocks, doc, context, idx, readers, host) {
         const emit = (block) => {
           context.onInteraction({
             guideId: context.guide.guideId,
@@ -2725,7 +2765,7 @@ var init_composite_renderer = __esm({
             continue;
           }
           if (b.type === "code") {
-            const { node: node2, cleanup } = mountCodeBlock(b, doc, context);
+            const { node: node2, cleanup } = mountCodeBlock(b, doc, context, host);
             if (node2) card.appendChild(node2);
             this.registerCleanup(cleanup);
             i++;