@webto-id/variant-check 0.1.9 → 0.1.10

package/dist/cli.js

@@ -947,9 +947,9 @@ var WV_EFFECT_CSS = `@media (prefers-reduced-motion: no-preference){
 }`;
 var WV_EFFECT_JS = `(function(){
 if(!('IntersectionObserver' in window))return;
-var els=document.querySelectorAll('[data-wv-effect]');
-if(!els.length)return;
 if(window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;
+if(window.__wvFx)return;
+window.__wvFx=1;
 document.documentElement.classList.add('wv-js');
 function num(el,attr,def){var v=parseInt(el.getAttribute(attr)||'',10);return isFinite(v)?v:def;}
 function timing(el){
@@ -957,8 +957,8 @@ function timing(el){
   var ms=num(el,'data-wv-duration',0);if(ms>=100)el.style.transitionDuration=ms+'ms';
 }
 function counter(el){
-  var txt=el.textContent||'';var m=txt.match(/-?\\d[\\d.,]*/);if(!m)return;
-  var target=parseFloat(m[0].replace(/[.,](?=\\d{3}(\\D|$))/g,''));if(!isFinite(target))return;
+  var txt=el.textContent||'';var m=txt.match(/-?d[d.,]*/);if(!m)return;
+  var target=parseFloat(m[0].replace(/[.,](?=d{3}(D|$))/g,''));if(!isFinite(target))return;
   var pre=txt.slice(0,m.index),post=txt.slice(m.index+m[0].length);
   var dur=Math.min(Math.max(num(el,'data-wv-duration',1200),100),5000),t0=null;
   function tick(t){
@@ -969,7 +969,7 @@ function counter(el){
   }
   requestAnimationFrame(tick);
 }
-var para=[];
+var para=[],paraBound=false;
 function onScroll(){
   for(var i=0;i<para.length;i++){
     var el=para[i],r=el.getBoundingClientRect();
@@ -982,6 +982,11 @@ function onScroll(){
 }
 var ticking=false;
 function onScrollRaf(){if(ticking)return;ticking=true;requestAnimationFrame(function(){ticking=false;onScroll();});}
+function bindParallax(el){
+  para.push(el);
+  if(!paraBound){paraBound=true;window.addEventListener('scroll',onScrollRaf,{passive:true});window.addEventListener('resize',onScrollRaf,{passive:true});}
+  onScroll();
+}
 var io=new IntersectionObserver(function(entries){
   for(var i=0;i<entries.length;i++){
     var en=entries[i];if(!en.isIntersecting)continue;
@@ -996,14 +1001,29 @@ var io=new IntersectionObserver(function(entries){
     el.classList.add('wv-in');
   }
 },{threshold:0.15,rootMargin:'0px 0px -5% 0px'});
-for(var i=0;i<els.length;i++){
-  var el=els[i],fx=el.getAttribute('data-wv-effect');
-  if(fx==='zoom-hover')continue;
-  if(fx==='parallax-soft'){para.push(el);continue;}
-  timing(el);
-  io.observe(el);
-}
-if(para.length){window.addEventListener('scroll',onScrollRaf,{passive:true});window.addEventListener('resize',onScrollRaf,{passive:true});onScroll();}
+function scan(rootEl){
+  var list=[];
+  if(rootEl.nodeType===1&&rootEl.hasAttribute&&rootEl.hasAttribute('data-wv-effect'))list.push(rootEl);
+  if(rootEl.querySelectorAll){var found=rootEl.querySelectorAll('[data-wv-effect]');for(var j=0;j<found.length;j++)list.push(found[j]);}
+  for(var i=0;i<list.length;i++){
+    var el=list[i];
+    if(el.__wvSeen)continue;
+    el.__wvSeen=1;
+    var fx=el.getAttribute('data-wv-effect');
+    if(fx==='zoom-hover')continue;
+    if(fx==='parallax-soft'){bindParallax(el);continue;}
+    timing(el);
+    io.observe(el);
+  }
+}
+scan(document);
+var mo=new MutationObserver(function(muts){
+  for(var i=0;i<muts.length;i++){
+    var add=muts[i].addedNodes;
+    for(var k=0;k<add.length;k++){var n=add[k];if(n.nodeType===1)scan(n);}
+  }
+});
+mo.observe(document.body||document.documentElement,{childList:true,subtree:true});
 })();`;
 
 // ../variant-compiler/src/lint/html.ts
@@ -1243,6 +1263,9 @@ function lintNodes(nodes, ctx, ariaHidden = false) {
     const hidden = ariaHidden || staticValue(n.attrs["aria-hidden"]) === "true";
     for (const [k, v] of Object.entries(n.attrs)) lintAttr(k, v, tag, ctx);
     if (tag === "img" && !("alt" in n.attrs)) push(ctx, "warning", "img-alt", "<img> without alt");
+    if (tag === "img" && n.attrs.src !== void 0 && staticValue(n.attrs.src) === null && !("data-edit-image" in n.attrs)) {
+      push(ctx, "warning", "edit-image-missing", `<img> with a content-driven src has no data-edit-image - the owner cannot swap this image inline; bind the field path (data-edit-image="imageLeft", or "items.\${i}.image" inside a loop)`);
+    }
     if (/^h[1-4]$/.test(tag)) {
       const cls = staticValue(n.attrs.class);
       const style = staticValue(n.attrs.style);

package/dist/index.js

@@ -944,9 +944,9 @@ var WV_EFFECT_CSS = `@media (prefers-reduced-motion: no-preference){
 }`;
 var WV_EFFECT_JS = `(function(){
 if(!('IntersectionObserver' in window))return;
-var els=document.querySelectorAll('[data-wv-effect]');
-if(!els.length)return;
 if(window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;
+if(window.__wvFx)return;
+window.__wvFx=1;
 document.documentElement.classList.add('wv-js');
 function num(el,attr,def){var v=parseInt(el.getAttribute(attr)||'',10);return isFinite(v)?v:def;}
 function timing(el){
@@ -954,8 +954,8 @@ function timing(el){
   var ms=num(el,'data-wv-duration',0);if(ms>=100)el.style.transitionDuration=ms+'ms';
 }
 function counter(el){
-  var txt=el.textContent||'';var m=txt.match(/-?\\d[\\d.,]*/);if(!m)return;
-  var target=parseFloat(m[0].replace(/[.,](?=\\d{3}(\\D|$))/g,''));if(!isFinite(target))return;
+  var txt=el.textContent||'';var m=txt.match(/-?d[d.,]*/);if(!m)return;
+  var target=parseFloat(m[0].replace(/[.,](?=d{3}(D|$))/g,''));if(!isFinite(target))return;
   var pre=txt.slice(0,m.index),post=txt.slice(m.index+m[0].length);
   var dur=Math.min(Math.max(num(el,'data-wv-duration',1200),100),5000),t0=null;
   function tick(t){
@@ -966,7 +966,7 @@ function counter(el){
   }
   requestAnimationFrame(tick);
 }
-var para=[];
+var para=[],paraBound=false;
 function onScroll(){
   for(var i=0;i<para.length;i++){
     var el=para[i],r=el.getBoundingClientRect();
@@ -979,6 +979,11 @@ function onScroll(){
 }
 var ticking=false;
 function onScrollRaf(){if(ticking)return;ticking=true;requestAnimationFrame(function(){ticking=false;onScroll();});}
+function bindParallax(el){
+  para.push(el);
+  if(!paraBound){paraBound=true;window.addEventListener('scroll',onScrollRaf,{passive:true});window.addEventListener('resize',onScrollRaf,{passive:true});}
+  onScroll();
+}
 var io=new IntersectionObserver(function(entries){
   for(var i=0;i<entries.length;i++){
     var en=entries[i];if(!en.isIntersecting)continue;
@@ -993,14 +998,29 @@ var io=new IntersectionObserver(function(entries){
     el.classList.add('wv-in');
   }
 },{threshold:0.15,rootMargin:'0px 0px -5% 0px'});
-for(var i=0;i<els.length;i++){
-  var el=els[i],fx=el.getAttribute('data-wv-effect');
-  if(fx==='zoom-hover')continue;
-  if(fx==='parallax-soft'){para.push(el);continue;}
-  timing(el);
-  io.observe(el);
-}
-if(para.length){window.addEventListener('scroll',onScrollRaf,{passive:true});window.addEventListener('resize',onScrollRaf,{passive:true});onScroll();}
+function scan(rootEl){
+  var list=[];
+  if(rootEl.nodeType===1&&rootEl.hasAttribute&&rootEl.hasAttribute('data-wv-effect'))list.push(rootEl);
+  if(rootEl.querySelectorAll){var found=rootEl.querySelectorAll('[data-wv-effect]');for(var j=0;j<found.length;j++)list.push(found[j]);}
+  for(var i=0;i<list.length;i++){
+    var el=list[i];
+    if(el.__wvSeen)continue;
+    el.__wvSeen=1;
+    var fx=el.getAttribute('data-wv-effect');
+    if(fx==='zoom-hover')continue;
+    if(fx==='parallax-soft'){bindParallax(el);continue;}
+    timing(el);
+    io.observe(el);
+  }
+}
+scan(document);
+var mo=new MutationObserver(function(muts){
+  for(var i=0;i<muts.length;i++){
+    var add=muts[i].addedNodes;
+    for(var k=0;k<add.length;k++){var n=add[k];if(n.nodeType===1)scan(n);}
+  }
+});
+mo.observe(document.body||document.documentElement,{childList:true,subtree:true});
 })();`;
 
 // ../variant-compiler/src/lint/html.ts
@@ -1240,6 +1260,9 @@ function lintNodes(nodes, ctx, ariaHidden = false) {
     const hidden = ariaHidden || staticValue(n.attrs["aria-hidden"]) === "true";
     for (const [k, v] of Object.entries(n.attrs)) lintAttr(k, v, tag, ctx);
     if (tag === "img" && !("alt" in n.attrs)) push(ctx, "warning", "img-alt", "<img> without alt");
+    if (tag === "img" && n.attrs.src !== void 0 && staticValue(n.attrs.src) === null && !("data-edit-image" in n.attrs)) {
+      push(ctx, "warning", "edit-image-missing", `<img> with a content-driven src has no data-edit-image - the owner cannot swap this image inline; bind the field path (data-edit-image="imageLeft", or "items.\${i}.image" inside a loop)`);
+    }
     if (/^h[1-4]$/.test(tag)) {
       const cls = staticValue(n.attrs.class);
       const style = staticValue(n.attrs.style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webto-id/variant-check",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Lint, compile and preview a Webto Variant Format (.astro subset) section variant with the exact compiler the webto.id marketplace uses.",
   "license": "MIT",
   "type": "module",