veo-sdk 0.3.10 → 0.3.12
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-K2NEYSSB.mjs +5 -0
- package/dist/{builder-TIN4M7IH.mjs.map → builder-K2NEYSSB.mjs.map} +1 -1
- package/dist/builder.cjs +7 -3
- package/dist/builder.cjs.map +1 -1
- package/dist/builder.mjs +4 -4
- package/dist/{chunk-P4WHQV2T.mjs → chunk-HOF4GU5I.mjs} +3 -3
- package/dist/{chunk-P4WHQV2T.mjs.map → chunk-HOF4GU5I.mjs.map} +1 -1
- package/dist/{chunk-OENKQRLR.mjs → chunk-QSMHZVDK.mjs} +9 -5
- package/dist/chunk-QSMHZVDK.mjs.map +1 -0
- package/dist/{chunk-FC5IA6CO.mjs → chunk-US3RVEXR.mjs} +3 -3
- package/dist/{chunk-FC5IA6CO.mjs.map → chunk-US3RVEXR.mjs.map} +1 -1
- package/dist/index.cjs +7 -3
- 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-TIN4M7IH.mjs +0 -5
- package/dist/chunk-OENKQRLR.mjs.map +0 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-US3RVEXR.mjs';
|
|
2
|
+
import './chunk-QSMHZVDK.mjs';
|
|
3
|
+
import './chunk-PTG3BTJE.mjs';
|
|
4
|
+
//# sourceMappingURL=builder-K2NEYSSB.mjs.map
|
|
5
|
+
//# sourceMappingURL=builder-K2NEYSSB.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-K2NEYSSB.mjs"}
|
package/dist/builder.cjs
CHANGED
|
@@ -1059,7 +1059,7 @@ 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 (
|
|
@@ -1069,10 +1069,14 @@ function buildSrcdoc(html, css, js, token, opts) {
|
|
|
1069
1069
|
// html{height:100%}, fondo del layout…) que en un iframe embebido lo estirarían a
|
|
1070
1070
|
// toda la pantalla (caja negra) en vez de ajustarse al contenido. Neutralizamos
|
|
1071
1071
|
// tamaño/fondo/overflow (mantenemos color y fuente heredados de la app).
|
|
1072
|
-
|
|
1072
|
+
// `color-scheme:normal` es CLAVE para la transparencia: si el CSS de la app
|
|
1073
|
+
// declara `:root{color-scheme:dark}` y no coincide con el del elemento iframe
|
|
1074
|
+
// del host (normal), el navegador pinta el canvas OPACO (negro) en vez de
|
|
1075
|
+
// transparente — igualamos ambos lados para conservar el fondo transparente.
|
|
1076
|
+
"<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;color-scheme:normal!important;}</style>" + tailwind + // Inline en <body>: gana incluso sobre reglas `!important` de la app (p. ej.
|
|
1073
1077
|
// `.dark body{background:#000!important}`) porque el estilo inline tiene la
|
|
1074
1078
|
// 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;"
|
|
1079
|
+
`<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>"
|
|
1076
1080
|
);
|
|
1077
1081
|
}
|
|
1078
1082
|
function escapeClosing(code, tag) {
|