veo-sdk 0.3.9 → 0.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builder-V4OZGEVP.mjs +5 -0
- package/dist/{builder-AGU5EM3C.mjs.map → builder-V4OZGEVP.mjs.map} +1 -1
- package/dist/builder.cjs +9 -2
- package/dist/builder.cjs.map +1 -1
- package/dist/builder.mjs +4 -4
- package/dist/{chunk-S522B64R.mjs → chunk-46VF3SIL.mjs} +11 -4
- package/dist/chunk-46VF3SIL.mjs.map +1 -0
- package/dist/{chunk-3YRVJRBF.mjs → chunk-X6XPMXSB.mjs} +3 -3
- package/dist/{chunk-3YRVJRBF.mjs.map → chunk-X6XPMXSB.mjs.map} +1 -1
- package/dist/{chunk-MBI57TLT.mjs → chunk-XM3AGBBX.mjs} +3 -3
- package/dist/{chunk-MBI57TLT.mjs.map → chunk-XM3AGBBX.mjs.map} +1 -1
- package/dist/index.cjs +9 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/veo-builder.js +1 -1
- package/dist/veo-builder.js.map +1 -1
- package/dist/veo-guides.js +3 -3
- package/dist/veo-guides.js.map +1 -1
- package/package.json +1 -1
- package/dist/builder-AGU5EM3C.mjs +0 -5
- package/dist/chunk-S522B64R.mjs.map +0 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-X6XPMXSB.mjs';
|
|
2
|
+
import './chunk-46VF3SIL.mjs';
|
|
3
|
+
import './chunk-PTG3BTJE.mjs';
|
|
4
|
+
//# sourceMappingURL=builder-V4OZGEVP.mjs.map
|
|
5
|
+
//# sourceMappingURL=builder-V4OZGEVP.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-V4OZGEVP.mjs"}
|
package/dist/builder.cjs
CHANGED
|
@@ -1059,13 +1059,20 @@ function isRecord(value) {
|
|
|
1059
1059
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
1060
1060
|
}
|
|
1061
1061
|
function buildSrcdoc(html, css, js, token, opts) {
|
|
1062
|
-
const bridge = `(function(){var T=${JSON.stringify(token)};function P(m){m.__veo=T;parent.postMessage(m,'*');}window.veo={dismiss:function(){P({type:'dismiss'});},cta:function(u){P({type:'cta',url:u});},track:function(n,p){P({type:'track',name:n,props:p||{}});},navigate:function(u){P({type:'navigate',url:u});}};document.addEventListener('click',function(e){var a=e.target&&e.target.closest?e.target.closest('a[href]'):null;if(!a)return;var h=a.getAttribute('href');if(!h||h.charAt(0)==='#'||/^(javascript|mailto|tel):/i.test(h))return;e.preventDefault();if(a.target==='_blank'){P({type:'cta',url:a.href,close:false});}else{P({type:'navigate',url:h});}},true);function H(){P({type:'resize',height:Math.ceil(
|
|
1062
|
+
const bridge = `(function(){var T=${JSON.stringify(token)};function P(m){m.__veo=T;parent.postMessage(m,'*');}window.veo={dismiss:function(){P({type:'dismiss'});},cta:function(u){P({type:'cta',url:u});},track:function(n,p){P({type:'track',name:n,props:p||{}});},navigate:function(u){P({type:'navigate',url:u});}};document.addEventListener('click',function(e){var a=e.target&&e.target.closest?e.target.closest('a[href]'):null;if(!a)return;var h=a.getAttribute('href');if(!h||h.charAt(0)==='#'||/^(javascript|mailto|tel):/i.test(h))return;e.preventDefault();if(a.target==='_blank'){P({type:'cta',url:a.href,close:false});}else{P({type:'navigate',url:h});}},true);function H(){var r=document.getElementById('__veo_root');var h=r?r.getBoundingClientRect().height:document.documentElement.scrollHeight;P({type:'resize',height:Math.ceil(h)});}window.addEventListener('load',H);try{if(typeof ResizeObserver!=='undefined'){var _r=document.getElementById('__veo_root');new ResizeObserver(H).observe(_r||document.documentElement);}}catch(e){}})();`;
|
|
1063
1063
|
const hostStyle = opts.hostCss ? `<style>${escapeClosing(opts.hostCss, "style")}</style>` : "";
|
|
1064
1064
|
const tailwind = opts.tailwind ? '<script src="https://cdn.tailwindcss.com"></script>' : "";
|
|
1065
1065
|
return (
|
|
1066
1066
|
// Orden: base → CSS del host (utilidades+clases propias+:root) → reset
|
|
1067
1067
|
// flotante (fondo transparente, sin márgenes) → Tailwind → CSS del autor (gana).
|
|
1068
|
-
`<!DOCTYPE html><html ${opts.htmlAttrs}><head><meta charset="utf-8"><style>html,body{margin:0;padding:0;}body{font-family:system-ui,-apple-system,sans-serif;}</style>` + hostStyle +
|
|
1068
|
+
`<!DOCTYPE html><html ${opts.htmlAttrs}><head><meta charset="utf-8"><style>html,body{margin:0;padding:0;}body{font-family:system-ui,-apple-system,sans-serif;}</style>` + hostStyle + // Reset flotante: el CSS de la app trae reglas de PÁGINA (body{min-height:100vh},
|
|
1069
|
+
// html{height:100%}, fondo del layout…) que en un iframe embebido lo estirarían a
|
|
1070
|
+
// toda la pantalla (caja negra) en vez de ajustarse al contenido. Neutralizamos
|
|
1071
|
+
// tamaño/fondo/overflow (mantenemos color y fuente heredados de la app).
|
|
1072
|
+
"<style>html,body{margin:0!important;padding:0!important;background:transparent!important;height:auto!important;min-height:0!important;max-height:none!important;width:auto!important;min-width:0!important;overflow:visible!important;}</style>" + tailwind + // Inline en <body>: gana incluso sobre reglas `!important` de la app (p. ej.
|
|
1073
|
+
// `.dark body{background:#000!important}`) porque el estilo inline tiene la
|
|
1074
|
+
// mayor especificidad dentro de la capa important-author.
|
|
1075
|
+
`<style>${escapeClosing(css, "style")}</style></head><body style="margin:0!important;background:transparent!important;min-height:0!important;height:auto!important;"><div id="__veo_root">${html}</div><script>${bridge}</script>` + (js ? `<script>${escapeClosing(js, "script")}</script>` : "") + "</body></html>"
|
|
1069
1076
|
);
|
|
1070
1077
|
}
|
|
1071
1078
|
function escapeClosing(code, tag) {
|