@wix/himalaya-cli 0.1061.0 → 0.1062.0

package/dist/cli.mjs

@@ -42362,7 +42362,7 @@ h1{font-size:20px;font-weight:600;margin:0}.sub{color:var(--muted);font-size:13p
 .step .lbl{font-size:11px;color:var(--faint);margin-top:4px;text-transform:capitalize}.step.cur .lbl{color:var(--ink);font-weight:600}
 .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
 .now{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.now .msg{font-size:16px}.now .meta{color:var(--muted);font-size:12px}
-.grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media (max-width:860px){.grid{grid-template-columns:1fr}.steps .lbl{display:none}}
+.grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr)}.steps .lbl{display:none}}
 h2{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
 .phone{width:100%;max-width:300px;aspect-ratio:390/844;border-radius:34px;border:9px solid #111;background:#fff;overflow:hidden;margin:0 auto;display:block}
 .phone img,.phone iframe{width:100%;height:100%;object-fit:cover;object-position:top;border:0;display:block;cursor:zoom-in}
@@ -42467,7 +42467,9 @@ function el(tag,cls,txt){var e=document.createElement(tag);if(cls)e.className=cl
    screens nothing leads to sit in their own last row, a link to a screen that does not exist is a red
    stub naming it. Built with DOM calls: a screen id is SVG text, never markup. Past 60 screens only
    the ones worth looking at are drawn (unreached, failed) and the summary carries the rest. */
-function drawMap(m){var card=$("appmap"),box=$("mapbox");clear(box);if(!m){card.hidden=true;return}card.hidden=false;
+/* The last map drawn and the width it was wrapped to: an unchanged state never redraws, so a resize has to. */
+var lastMap=null,mapAvail=0;
+function drawMap(m){var card=$("appmap"),box=$("mapbox");lastMap=m;clear(box);if(!m){card.hidden=true;return}card.hidden=false;
   var un=m.screens.filter(function(x){return !x.reached});
   /* "Nothing leads here" only when the crawl saw every link: a link built from list data (a feed's rows,
      a home grid) has a target it cannot resolve, and one of those may well open the screen. */
@@ -42484,17 +42486,20 @@ function drawMap(m){var card=$("appmap"),box=$("mapbox");clear(box);if(!m){card.
      goes and both ends stay; the full id is always in the node's title. */
   var CW=6.5,longest=0;show.forEach(function(x){longest=Math.max(longest,x.id.length)});
   var W=Math.round(Math.min(300,Math.max(124,longest*CW+20))),H=28,HG=12,VG=36,P=10,ns="http://www.w3.org/2000/svg",pos={},y=P,width=0,unRow=maxd+2;
+  /* A row wraps to the card: one line of 21 not-reached screens once made the card, and the whole
+     board, 5,500px wide. The width is the box's own (a hidden card measures 0; then a card's width). */
+  var avail=box.clientWidth||760;mapAvail=avail;var per=Math.max(1,Math.floor((avail-2*P+HG)/(W+HG))),LG=10;
   function lab(id){var k=Math.floor((W-20)/CW);if(id.length<=k)return id;var a=Math.ceil((k-1)/2),b=Math.floor((k-1)/2);return id.slice(0,a)+"\u2026"+id.slice(id.length-b)}
   var svg=document.createElementNS(ns,"svg"),edgesG=document.createElementNS(ns,"g"),nodesG=document.createElementNS(ns,"g");svg.appendChild(edgesG);svg.appendChild(nodesG);
   function sv(tag,attrs,txt){var e=document.createElementNS(ns,tag);for(var k in attrs)e.setAttribute(k,String(attrs[k]));if(txt!=null)e.textContent=txt;return e}
   for(var r=0;r<rows.length;r++){var row=rows[r];if(!row)continue;
     if(r===unRow){nodesG.appendChild(sv("text",{x:P,y:y+10,"class":"mrow"},!m.done?"Not reached yet \u2014 no link to these seen so far":m.unfollowed?"Not seen linked \u2014 "+m.unfollowed+" link"+(m.unfollowed===1?"":"s")+" built from list data could not be followed":"Unreached \u2014 nothing leads here"));y+=16}
-    row.forEach(function(x,i){var nx=P+i*(W+HG);pos[x.id]={x:nx,y:y};width=Math.max(width,nx+W+P);
+    row.forEach(function(x,i){var nx=P+(i%per)*(W+HG),ny=y+Math.floor(i/per)*(H+LG);pos[x.id]={x:nx,y:ny};width=Math.max(width,nx+W+P);
       var g=sv("g",{"class":"mnode "+x.status+(x.entry?" entry":"")+(x.reached?"":" unreached")+(x.unfollowed?" unfollowed":""),"data-id":x.id});
-      g.appendChild(sv("rect",{x:nx,y:y,width:W,height:H,rx:7}));g.appendChild(sv("text",{x:nx+W/2,y:y+H/2+4,"text-anchor":"middle"},lab(x.id)));
+      g.appendChild(sv("rect",{x:nx,y:ny,width:W,height:H,rx:7}));g.appendChild(sv("text",{x:nx+W/2,y:ny+H/2+4,"text-anchor":"middle"},lab(x.id)));
       g.appendChild(sv("title",{},x.id+" \xB7 "+x.status+(x.entry?" \xB7 entry":"")+(x.reached?"":" \xB7 unreached")+(x.unfollowed?" \xB7 "+x.unfollowed+" links the crawl could not follow":"")));
-      if(x.unfollowed)g.appendChild(sv("text",{x:nx+W-6,y:y+10,"text-anchor":"end","class":"mfollow"},"+"+x.unfollowed+"?"));nodesG.appendChild(g)});
-    y+=H+VG}
+      if(x.unfollowed)g.appendChild(sv("text",{x:nx+W-6,y:ny+10,"text-anchor":"end","class":"mfollow"},"+"+x.unfollowed+"?"));nodesG.appendChild(g)});
+    y+=Math.ceil(row.length/per)*(H+LG)-LG+VG}
   m.edges.forEach(function(e){var a=pos[e.from],b=pos[e.to];if(!a||!b)return;var x1=a.x+W/2,y1=a.y+H,x2=b.x+W/2,y2=b.y,my=(y1+y2)/2;
     edgesG.appendChild(sv("path",{"class":"medge",d:"M"+x1+" "+y1+" C"+x1+" "+my+" "+x2+" "+my+" "+x2+" "+y2}))});
   var by=y;m.broken.forEach(function(e,i){var a=pos[e.from];if(!a)return;var bx=a.x+W+4,yy=a.y+H/2+4+i%2*10;
@@ -42674,6 +42679,7 @@ function accentNow(){return (getComputedStyle(document.documentElement).getPrope
    sideways and scrolled horizontally. */
 function fit(){var ph=$("focus").querySelector(".phone.vpf");if(!ph)return;var w=ph.clientWidth,h=ph.clientHeight;if(w&&h)ph.style.setProperty("--k",String(Math.min(w/390,h/844)))}
 window.addEventListener("resize",fit);
+window.addEventListener("resize",function(){var b=$("mapbox");if(lastMap&&b&&b.clientWidth&&b.clientWidth!==mapAvail)drawMap(lastMap)});
 function favicon(n,bad){try{var c=document.createElement("canvas");c.width=c.height=32;var x=c.getContext&&c.getContext("2d");if(!x)return;x.lineWidth=5;x.strokeStyle="rgba(128,128,128,.35)";x.beginPath();x.arc(16,16,12,0,6.2832);x.stroke();x.strokeStyle=accentNow();x.beginPath();x.arc(16,16,12,-1.5708,-1.5708+6.2832*n/8);x.stroke();if(bad){x.fillStyle="#d33";x.beginPath();x.arc(25,7,6,0,6.2832);x.fill()}$("fav").href=c.toDataURL("image/png")}catch(e){}}
 function burst(){var c=$("fx");c.setAttribute("data-bursts",String((+c.getAttribute("data-bursts")||0)+1));if(reduced())return;var x=c.getContext&&c.getContext("2d");if(!x)return;var W=c.width=innerWidth,H=c.height=innerHeight,cols=["#1f7a4d","#3b6fd8","#e0a030","#d4537e",accentNow()],P=[];for(var i=0;i<120;i++)P.push({x:W/2,y:H*.35,vx:(Math.random()-.5)*14,vy:-Math.random()*12-4,c:cols[i%cols.length],r:Math.random()*6.28});var t0=now();(function f(){x.clearRect(0,0,W,H);P.forEach(function(p){p.x+=p.vx;p.y+=p.vy;p.vy+=.35;p.r+=.2;x.save();x.translate(p.x,p.y);x.rotate(p.r);x.fillStyle=p.c;x.fillRect(-4,-2,8,4);x.restore()});if(now()-t0<2200)raf(f);else x.clearRect(0,0,W,H)})()}
 function countTo(e,a,b){if(!e)return;if(reduced()){e.textContent=String(b);return}var t0=now();(function f(){var k=Math.min(1,(now()-t0)/900);e.textContent=String(Math.round(a+(b-a)*k));if(k<1)raf(f)})()}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1061.0",
+  "version": "0.1062.0",
   "type": "module",
   "description": "himi — the Himalaya authoring CLI. Build a Tier-5 content package on your own machine, push it to the production serve as a draft, preview it on web + Himi Player, and read worker logs back — the remote dev loop. Wraps @himalaya/serve-cli for transport.",
   "keywords": [
@@ -65,5 +65,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "b243ee9fc8a6a890b9210aa28588552b0722079d8481a0e61fb76869"
+  "falconPackageHash": "4d146293883eafab0850062d46a7da667bdbb7ab5849fe455b318cca"
 }