asciify-engine 1.0.6 → 1.0.8

package/dist/embed.js

@@ -1 +1 @@
-(function(){'use strict';function fn(o,p,n){let e=t=>{let a=atob(t),f=new Uint8Array(a.length);for(let M=0;M<a.length;M++)f[M]=a.charCodeAt(M);return f};return Array.isArray(o)?o.map(e):[e(o)]}function mn(o,p,n,e){let t=(n*e+p)*5;return {r:o[t],g:o[t+1],b:o[t+2],a:o[t+3],l:o[t+4]}}function Mn(o){return o*o*(3-2*o)}function gn(o,p){if(o==="fullcolor")return (n,e,t)=>`rgb(${n},${e},${t})`;if(o==="matrix")return (n,e,t)=>`rgb(0,${Math.floor(.299*n+.587*e+.114*t)},0)`;if(o==="accent"){let n=p.replace("#",""),e=parseInt(n.substring(0,2),16),t=parseInt(n.substring(2,4),16),a=parseInt(n.substring(4,6),16);return (f,M,c)=>{let r=(.299*f+.587*M+.114*c)/255;return `rgb(${Math.floor(e*r)},${Math.floor(t*r)},${Math.floor(a*r)})`}}return (n,e,t)=>{let a=Math.floor(.299*n+.587*e+.114*t);return `rgb(${a},${a},${a})`}}function bn(o,p,n,e,t,a,f){let M=p,c=f*M;switch(o){case "wave":{let r=Math.sin(n/t*Math.PI*4+c*3)*.5+.5,s=Math.sin(e/a*Math.PI*3+c*2)*.5+.5;return .3+.7*(r*.6+s*.4)}case "pulse":{let r=t/2,s=a/2,m=Math.sqrt((n-r)**2+(e-s)**2),h=Math.sqrt(r*r+s*s);return .2+.8*(Math.sin(m/h*Math.PI*6-c*4)*.5+.5)}case "rain":return .1+.9*(Math.sin(e/a*Math.PI*8-c*5+n*.3)*.5+.5)*(Math.sin(n/t*Math.PI*2+c)*.3+.7);case "breathe":return Math.max(.1,Math.min(1,Math.sin(c*2)*.3+.7+Math.sin((n+e)*.1+c)*.1));case "sparkle":{let r=Math.sin(n*127.1+e*311.7+Math.floor(c*8)*43758.5453)*43758.5453,s=r-Math.floor(r);return s>.7?1:.15+s*.4}case "glitch":{let r=Math.floor(e/(a*.05)),s=Math.sin(r*43.23+Math.floor(c*6)*17.89)*43758.5453;if(s-Math.floor(s)>.85){let h=Math.sin(c*30+r)*.5+.5;return h<.3?0:h}return 1}case "spiral":{let r=t/2,s=a/2,m=n-r,h=e-s,g=Math.atan2(h,m),$=Math.sqrt(m*m+h*h),k=Math.sqrt(r*r+s*s);return .15+.85*(Math.sin(g*3+$/k*Math.PI*8-c*3)*.5+.5)}case "typewriter":{let r=t*a,s=e*t+n,m=c*.5%1,h=m*r*1.3,g=s-h;return g>0?0:Math.min(1,Math.max(0,1+g/(r*.15)))}case "scatter":{let r=t/2,s=a/2,m=n-r,h=e-s,g=Math.sqrt(m*m+h*h)/Math.sqrt(r*r+s*s),$=Math.sin(c*1.5)*.5+.5;return g>$?Math.max(0,1-(g-$)*3):.7+.3*Math.sin(g*10-c*2)}default:return 1}}function dn(o,p,n){let e=document.getElementById(o);if(!e){console.error(`Asciify: canvas #${o} not found`);return}let t=e.getContext("2d"),{r:a,c:f,w:M,h:c}=n,r=n.fps??10,s=n.cs??" .:-=+*#%@",m=n.cm??"grayscale",h=n.ac??"#ffffff",g=n.as??"none",$=n.sp??1,k=n.inv??false,l=n.hs??0,en=n.hr??.3,E=n.he??"spotlight",T=n.hc??"#ffffff",rn=n.dr??.7,sn=n.dots??false,K=n.anim??false,an=parseInt(T.slice(1,3),16)||255,on=parseInt(T.slice(3,5),16)||255,cn=parseInt(T.slice(5,7),16)||255,I=M/f,w=c/a,N=fn(p),hn=gn(m,h),B=l>0,Q=g!=="none"||K,L=-1,U=-1,v=0,W=.5,X=.5,Y=0,V=0;B&&(e.addEventListener("mousemove",q=>{let P=e.getBoundingClientRect();L=(q.clientX-P.left)/P.width,U=(q.clientY-P.top)/P.height;}),e.addEventListener("mouseleave",()=>{L=-1,U=-1;}));function D(q){let P=q/1e3;K&&q-V>=1e3/r&&(Y=(Y+1)%N.length,V=q);let ln=N[Y];t.clearRect(0,0,M,c),t.fillStyle="#0a0a0a",t.fillRect(0,0,M,c),B&&(L>=0?(W+=(L-W)*.1,X+=(U-X)*.1,v+=(1-v)*.12):(v*=.96,v<.003&&(v=0)));for(let R=0;R<a;R++)for(let S=0;S<f;S++){let x=mn(ln,S,R,f);if(x.a<10)continue;let G=bn(g,$,S,R,f,a,P);if(G<.05)continue;let C=1,J=0,j=0,F=0,A=0;if(B&&v>.003){let u=S/f,b=R/a,d=u-W,y=b-X,nn=Math.sqrt(d*d+y*y),tn=.08+en*.35+l*.04;if(nn<tn){let un=1-nn/tn,i=Mn(un)*v,O=Math.atan2(y,d);if(E==="spotlight"){C=1+i*l*1.8;let H=i*i*l*.6;J=Math.cos(O)*H*I,j=Math.sin(O)*H*w,F=i*l*.4,A=i*i*l*.25;}else if(E==="magnify")C=1+i*l*2.5,F=i*l*.15;else if(E==="repel"){C=1+i*l*.3;let H=i*i*l*1.2;J=Math.cos(O)*H*I,j=Math.sin(O)*H*w;}else E==="glow"?(F=i*l*.8,A=i*l*.4):E==="colorShift"&&(C=1+i*l*.4,F=i*l*.2,A=i*l*.7);}}let Z=S*I+I/2+J,_=R*w+w/2+j,z=hn(x.r,x.g,x.b);if(A>0){let u=z.match(/rgb\((\d+),(\d+),(\d+)\)/);if(u){let b=+u[1],d=+u[2],y=+u[3];z=`rgb(${Math.min(255,Math.round(b+(an-b)*A))},${Math.min(255,Math.round(d+(on-d)*A))},${Math.min(255,Math.round(y+(cn-y)*A))})`;}}if(t.globalAlpha=Math.min(1,x.a/255*G*(1+F)),t.fillStyle=z,sn){let u=x.l/255;if(k&&(u=1-u),u<.02)continue;let b=Math.min(I,w)*.5*rn*u*G*C;if(b<.3)continue;t.beginPath(),t.arc(Z,_,b,0,Math.PI*2),t.fill();}else {let u=x.l/255;k&&(u=1-u);let b=Math.floor(u*(s.length-1)),d=s[Math.max(0,Math.min(s.length-1,b))];if(d===" ")continue;let y=Math.min(I/.55,w)*.9*C;t.font=`${y}px "JetBrains Mono",monospace`,t.textAlign="center",t.textBaseline="middle",t.fillText(d,Z,_);}}t.globalAlpha=1,(Q||B)&&requestAnimationFrame(D);}Q||B?requestAnimationFrame(D):D(0);}window.Asciify=dn;})();
+(function(){'use strict';function et(n){let m=atob(n),t=new Uint8Array(m.length);for(let a=0;a<m.length;a++)t[a]=m.charCodeAt(a);return t}function dt(n){return Array.isArray(n)?n.map(et):[et(n)]}function Mt(n,m,t,a){let e=n[0],r=1+(t*a+m)*e;if(e===4){let d=Math.round(.299*n[r]+.587*n[r+1]+.114*n[r+2]);return {r:n[r],g:n[r+1],b:n[r+2],a:n[r+3],l:d}}return {r:n[r],g:n[r],b:n[r],l:n[r],a:n[r+1]}}function gt(n){return n*n*(3-2*n)}function bt(n,m){if(n==="fullcolor")return (t,a,e)=>`rgb(${t},${a},${e})`;if(n==="matrix")return (t,a,e)=>`rgb(0,${Math.floor(.299*t+.587*a+.114*e)},0)`;if(n==="accent"){let t=m.replace("#",""),a=parseInt(t.substring(0,2),16),e=parseInt(t.substring(2,4),16),r=parseInt(t.substring(4,6),16);return (d,y,o)=>{let s=(.299*d+.587*y+.114*o)/255;return `rgb(${Math.floor(a*s)},${Math.floor(e*s)},${Math.floor(r*s)})`}}return (t,a,e)=>{let r=Math.floor(.299*t+.587*a+.114*e);return `rgb(${r},${r},${r})`}}function pt(n,m,t,a,e,r,d){let y=m,o=d*y;switch(n){case "wave":{let s=Math.sin(t/e*Math.PI*4+o*3)*.5+.5,i=Math.sin(a/r*Math.PI*3+o*2)*.5+.5;return .3+.7*(s*.6+i*.4)}case "pulse":{let s=e/2,i=r/2,f=Math.sqrt((t-s)**2+(a-i)**2),l=Math.sqrt(s*s+i*i);return .2+.8*(Math.sin(f/l*Math.PI*6-o*4)*.5+.5)}case "rain":return .1+.9*(Math.sin(a/r*Math.PI*8-o*5+t*.3)*.5+.5)*(Math.sin(t/e*Math.PI*2+o)*.3+.7);case "breathe":return Math.max(.1,Math.min(1,Math.sin(o*2)*.3+.7+Math.sin((t+a)*.1+o)*.1));case "sparkle":{let s=Math.sin(t*127.1+a*311.7+Math.floor(o*8)*43758.5453)*43758.5453,i=s-Math.floor(s);return i>.7?1:.15+i*.4}case "glitch":{let s=Math.floor(a/(r*.05)),i=Math.sin(s*43.23+Math.floor(o*6)*17.89)*43758.5453;if(i-Math.floor(i)>.85){let l=Math.sin(o*30+s)*.5+.5;return l<.3?0:l}return 1}case "spiral":{let s=e/2,i=r/2,f=t-s,l=a-i,M=Math.atan2(l,f),I=Math.sqrt(f*f+l*l),H=Math.sqrt(s*s+i*i);return .15+.85*(Math.sin(M*3+I/H*Math.PI*8-o*3)*.5+.5)}case "typewriter":{let s=e*r,i=a*e+t,f=o*.5%1,l=f*s*1.3,M=i-l;return M>0?0:Math.min(1,Math.max(0,1+M/(s*.15)))}case "scatter":{let s=e/2,i=r/2,f=t-s,l=a-i,M=Math.sqrt(f*f+l*l)/Math.sqrt(s*s+i*i),I=Math.sin(o*1.5)*.5+.5;return M>I?Math.max(0,1-(M-I)*3):.7+.3*Math.sin(M*10-o*2)}default:return 1}}function at(n,m,t){let a=document.getElementById(n);if(!a){console.error(`Asciify: canvas #${n} not found`);return}let e=a.getContext("2d"),{r,c:d,w:y,h:o}=t,s=t.fps??10,i=t.cs??" .:-=+*#%@",f=t.cm??"grayscale",l=t.ac??"#ffffff",M=t.as??"none",I=t.sp??1,H=t.inv??false,h=t.hs??0,st=t.hr??.3,P=t.he??"spotlight",k=t.hc??"#ffffff",it=t.dr??.7,ot=t.dots??false,z=t.anim??false,ct=parseInt(k.slice(1,3),16)||255,lt=parseInt(k.slice(3,5),16)||255,ht=parseInt(k.slice(5,7),16)||255,$=y/d,w=o/r,K=dt(m),ut=bt(f,l),R=h>0,Q=M!=="none"||z,B=-1,U=-1,A=0,D=.5,J=.5,W=0,V=0;R&&(a.addEventListener("mousemove",S=>{let E=a.getBoundingClientRect();B=(S.clientX-E.left)/E.width,U=(S.clientY-E.top)/E.height;}),a.addEventListener("mouseleave",()=>{B=-1,U=-1;}));function N(S){let E=S/1e3;z&&S-V>=1e3/s&&(W=(W+1)%K.length,V=S);let mt=K[W];e.clearRect(0,0,y,o),e.fillStyle="#0a0a0a",e.fillRect(0,0,y,o),R&&(B>=0?(D+=(B-D)*.1,J+=(U-J)*.1,A+=(1-A)*.12):(A*=.96,A<.003&&(A=0)));for(let q=0;q<r;q++)for(let C=0;C<d;C++){let v=Mt(mt,C,q,d);if(v.a<10)continue;let X=pt(M,I,C,q,d,r,E);if(X<.05)continue;let O=1,Y=0,G=0,L=0,x=0;if(R&&A>.003){let u=C/d,g=q/r,b=u-D,p=g-J,tt=Math.sqrt(b*b+p*p),nt=.08+st*.35+h*.04;if(tt<nt){let ft=1-tt/nt,c=gt(ft)*A,T=Math.atan2(p,b);if(P==="spotlight"){O=1+c*h*1.8;let F=c*c*h*.6;Y=Math.cos(T)*F*$,G=Math.sin(T)*F*w,L=c*h*.4,x=c*c*h*.25;}else if(P==="magnify")O=1+c*h*2.5,L=c*h*.15;else if(P==="repel"){O=1+c*h*.3;let F=c*c*h*1.2;Y=Math.cos(T)*F*$,G=Math.sin(T)*F*w;}else P==="glow"?(L=c*h*.8,x=c*h*.4):P==="colorShift"&&(O=1+c*h*.4,L=c*h*.2,x=c*h*.7);}}let Z=C*$+$/2+Y,_=q*w+w/2+G,j=ut(v.r,v.g,v.b);if(x>0){let u=j.match(/rgb\((\d+),(\d+),(\d+)\)/);if(u){let g=+u[1],b=+u[2],p=+u[3];j=`rgb(${Math.min(255,Math.round(g+(ct-g)*x))},${Math.min(255,Math.round(b+(lt-b)*x))},${Math.min(255,Math.round(p+(ht-p)*x))})`;}}if(e.globalAlpha=Math.min(1,v.a/255*X*(1+L)),e.fillStyle=j,ot){let u=v.l/255;if(H&&(u=1-u),u<.02)continue;let g=Math.min($,w)*.5*it*u*X*O;if(g<.3)continue;e.beginPath(),e.arc(Z,_,g,0,Math.PI*2),e.fill();}else {let u=v.l/255;H&&(u=1-u);let g=Math.floor(u*(i.length-1)),b=i[Math.max(0,Math.min(i.length-1,g))];if(b===" ")continue;let p=Math.min($/.55,w)*.9*O;e.font=`${p}px "JetBrains Mono",monospace`,e.textAlign="center",e.textBaseline="middle",e.fillText(b,Z,_);}}e.globalAlpha=1,(Q||R)&&requestAnimationFrame(N);}Q||R?requestAnimationFrame(N):N(0);}window.Asciify=at;function rt(){document.querySelectorAll("canvas[data-asciify-id]").forEach(n=>{let m=n.getAttribute("data-asciify-id"),t=n.getAttribute("data-asciify-src"),a=n.getAttribute("data-asciify-opts");if(!(!t||!a))try{let e=JSON.parse(a),r=JSON.parse(t);at(m,r,e);}catch(e){console.error("Asciify: failed to parse embed data on #"+m,e);}});}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",rt):rt();})();

package/dist/index.cjs

@@ -719,22 +719,24 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
   }
   ctx.globalAlpha = 1;
 }
-function serializeFrame(frame, includeChars) {
+function serializeFrame(frame, fullColor) {
   const rows = frame.length;
   const cols = rows > 0 ? frame[0].length : 0;
-  const buf = new Uint8Array(rows * cols * 5);
-  let i = 0;
+  const stride = fullColor ? 4 : 2;
+  const buf = new Uint8Array(1 + rows * cols * stride);
+  buf[0] = stride;
+  let i = 1;
   for (let y = 0; y < rows; y++) {
     for (let x = 0; x < cols; x++) {
       const cell = frame[y][x];
-      buf[i++] = cell.r;
-      buf[i++] = cell.g;
-      buf[i++] = cell.b;
-      buf[i++] = cell.a;
-      if (includeChars) {
-        buf[i++] = cell.char.charCodeAt(0) & 255;
+      if (fullColor) {
+        buf[i++] = cell.r;
+        buf[i++] = cell.g;
+        buf[i++] = cell.b;
+        buf[i++] = cell.a;
       } else {
         buf[i++] = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
+        buf[i++] = cell.a;
       }
     }
   }
@@ -832,7 +834,7 @@ async function asciifyVideo(source, canvas, { fontSize = 10, style = "classic",
     cancelAnimationFrame(animId);
   };
 }
-var EMBED_CDN_VERSION = "1.0.5";
+var EMBED_CDN_VERSION = "1.0.8";
 function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
   const o = {
     r: rows,
@@ -856,32 +858,31 @@ function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
   if (animated) o.anim = true;
   return JSON.stringify(o);
 }
+var CDN_SCRIPT = `<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js" async></script>`;
 function generateEmbedCode(frame, options, width, height) {
   const rows = frame.length;
   if (rows === 0) return "";
   const cols = frame[0].length;
-  const isDots = options.renderMode === "dots";
-  const data = serializeFrame(frame, !isDots);
+  const isFullColor = options.colorMode === "fullcolor";
+  const data = serializeFrame(frame, isFullColor);
   const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
   const opts = buildEmbedOpts(options, rows, cols, width, height);
   return `<!-- Asciify Embed -->
-<canvas id="${id}" width="${width}" height="${height}" style="display:block"></canvas>
-<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js"></script>
-<script>Asciify('${id}','${data}',${opts})</script>
+<canvas data-asciify-id="${id}" data-asciify-src='"${data}"' data-asciify-opts='${opts}' width="${width}" height="${height}"></canvas>
+${CDN_SCRIPT}
 <!-- /Asciify Embed -->`;
 }
 function generateAnimatedEmbedCode(frames, options, fps, width, height) {
   if (frames.length === 0) return "";
   const rows = frames[0].length;
   const cols = frames[0][0].length;
-  const isDots = options.renderMode === "dots";
-  const allData = frames.map((f) => serializeFrame(f, !isDots));
+  const isFullColor = options.colorMode === "fullcolor";
+  const allData = frames.map((f) => serializeFrame(f, isFullColor));
   const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
   const opts = buildEmbedOpts(options, rows, cols, width, height, fps, true);
   return `<!-- Asciify Animated Embed -->
-<canvas id="${id}" width="${width}" height="${height}" style="display:block"></canvas>
-<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js"></script>
-<script>Asciify('${id}',${JSON.stringify(allData)},${opts})</script>
+<canvas data-asciify-id="${id}" data-asciify-src='${JSON.stringify(allData)}' data-asciify-opts='${opts}' width="${width}" height="${height}"></canvas>
+${CDN_SCRIPT}
 <!-- /Asciify Animated Embed -->`;
 }
 function _fade(t) {