site/live/worker.mjs

1import init, {prepare_render,register_preview_font} from './wasm/laymesh_wasm.js';2let initialized, manifest, base;3const assets={}, fonts={};4let chain=Promise.resolve();5const key=name=>'/'+name.replace(/^\/+/, '');6const detail=error=>{try{return JSON.parse(String(error));}catch{return {message:error?.message||String(error)};}};7// SubtleCrypto is unavailable on the HTTP Tailscale preview, so checksum bytes here.8function sha256(bytes){9 const k=[0x428a2f98,0x71374491,0xb5c0fbcf,0xe9b5dba5,0x3956c25b,0x59f111f1,0x923f82a4,0xab1c5ed5,0xd807aa98,0x12835b01,0x243185be,0x550c7dc3,0x72be5d74,0x80deb1fe,0x9bdc06a7,0xc19bf174,0xe49b69c1,0xefbe4786,0x0fc19dc6,0x240ca1cc,0x2de92c6f,0x4a7484aa,0x5cb0a9dc,0x76f988da,0x983e5152,0xa831c66d,0xb00327c8,0xbf597fc7,0xc6e00bf3,0xd5a79147,0x06ca6351,0x14292967,0x27b70a85,0x2e1b2138,0x4d2c6dfc,0x53380d13,0x650a7354,0x766a0abb,0x81c2c92e,0x92722c85,0xa2bfe8a1,0xa81a664b,0xc24b8b70,0xc76c51a3,0xd192e819,0xd6990624,0xf40e3585,0x106aa070,0x19a4c116,0x1e376c08,0x2748774c,0x34b0bcb5,0x391c0cb3,0x4ed8aa4a,0x5b9cca4f,0x682e6ff3,0x748f82ee,0x78a5636f,0x84c87814,0x8cc70208,0x90befffa,0xa4506ceb,0xbef9a3f7,0xc67178f2];10 const h=[0x6a09e667,0xbb67ae85,0x3c6ef372,0xa54ff53a,0x510e527f,0x9b05688c,0x1f83d9ab,0x5be0cd19];11 const size=Math.ceil((bytes.length+9)/64)*64,padded=new Uint8Array(size);padded.set(bytes);padded[bytes.length]=0x80;12 const view=new DataView(padded.buffer);view.setUint32(size-8,Math.floor(bytes.length*8/2**32));view.setUint32(size-4,(bytes.length*8)>>>0);13 const rotr=(v,n)=>(v>>>n)|(v<<(32-n)),w=new Uint32Array(64);14 for(let offset=0;offset<size;offset+=64){15  for(let i=0;i<16;i++)w[i]=view.getUint32(offset+i*4);16  for(let i=16;i<64;i++){const a=w[i-15],b=w[i-2];w[i]=(w[i-16]+(rotr(a,7)^rotr(a,18)^(a>>>3))+w[i-7]+(rotr(b,17)^rotr(b,19)^(b>>>10)))>>>0;}17  let [a,b,c,d,e,f,g,q]=h;18  for(let i=0;i<64;i++){const s1=rotr(e,6)^rotr(e,11)^rotr(e,25),ch=(e&f)^(~e&g),t1=(q+s1+ch+k[i]+w[i])>>>0,s0=rotr(a,2)^rotr(a,13)^rotr(a,22),maj=(a&b)^(a&c)^(b&c),t2=(s0+maj)>>>0;q=g;g=f;f=e;e=(d+t1)>>>0;d=c;c=b;b=a;a=(t1+t2)>>>0;}19  for(const [i,v] of [a,b,c,d,e,f,g,q].entries())h[i]=(h[i]+v)>>>0;20 }21 return h.map(v=>v.toString(16).padStart(8,'0')).join('');22}23async function checkedFont(url,expected,timeout){24 const controller=new AbortController(),timer=setTimeout(()=>controller.abort(),timeout);25 try{const response=await fetch(url,{signal:controller.signal});if(!response.ok)throw Error(`HTTP ${response.status}`);26  const bytes=new Uint8Array(await response.arrayBuffer());if(sha256(bytes)!==expected)throw Error('Font SHA-256 mismatch');return bytes;27 }finally{clearTimeout(timer);}28}29async function loadBundledFont(font){30 let bytes,source='cdn';31 try{bytes=await checkedFont(font.cdn,font.sha256,5000);}catch{source='page';bytes=await checkedFont(new URL(font.file,base),font.sha256,30000);}32 register_preview_font('/@bundled/'+font.file.split('/').pop(),bytes);33 self.postMessage({type:'bundled-font',family:font.family,source});34}35async function resource(name){36 const path=key(name);37 if(Object.hasOwn(assets,path))return;38 const location=manifest.resources[path];39 if(!location)throw new Error(`Resource is not registered: ${name}`);40 const response=await fetch(new URL(location,base));41 if(!response.ok)throw new Error(`Resource loading failed: ${name}`);42 assets[path]=/\.(lay|lcss|json|csv)$/.test(name)?await response.text():Array.from(new Uint8Array(await response.arrayBuffer()));43}44self.onmessage=({data})=>{45 if(data.type==='init'){46  base=data.base;47  initialized=(async()=>{48   const start=performance.now();await init();49   const response=await fetch(new URL('manifest.json',base));50   if(!response.ok)throw new Error('Preview manifest loading failed');51   manifest=await response.json();await Promise.all(manifest.fonts.map(loadBundledFont));self.postMessage({type:'ready'});52   return performance.now()-start;53  })().catch(error=>{self.postMessage({type:'init-error',error:detail(error)});throw error;});54  return;55 }56 chain=chain.then(async()=>{57  const {id}=data;58  try{59   const initMs=await initialized;60   if(data.type==='font'){61    fonts[`/@local/${id}/${/\.(ttf|otf|ttc|otc)$/i.test(data.name)?data.name:data.name+'.ttf'}`]=Array.from(new Uint8Array(data.bytes));62    self.postMessage({type:'font-added',id,families:[data.alias||data.name]});return;63   }64   const edited={};for(const [name,text]of Object.entries(data.files))edited[key(name)]=text;65   let resourcesMs=0, compileMs=0, job;66   const attempted=new Set();67   for(;;){68    const start=performance.now();69    try{70     job=prepare_render(data.files[data.entry],key(data.entry),JSON.stringify({...assets,...fonts,...edited}));71     compileMs+=performance.now()-start;break;72    }catch(error){73     compileMs+=performance.now()-start;74     const request=detail(error),path=request.resource;75     // Requests are discovered by the actual compiler, including transitive76     // imports and computed paths. Never fetch a path outside this manifest or77     // replace an unsaved buffer with its older disk snapshot.78     if(!path||!Object.hasOwn(manifest.resources,path)||Object.hasOwn(edited,path)||attempted.has(path))throw error;79     attempted.add(path);80     self.postMessage({type:'resources',id,waiting:true});81     const before=performance.now();82     try{await resource(path);}finally{83      resourcesMs+=performance.now()-before;84      self.postMessage({type:'resources',id,waiting:false});85     }86    }87   }88   try{89    const before=performance.now(),svg=job.svg(),svgMs=performance.now()-before;90    const result=JSON.parse(job.inspection());91    self.postMessage({type:'result',id,...result,svg,metrics:{initialization:initMs,resources:resourcesMs,compile:compileMs,svg:svgMs,total:compileMs+svgMs}});92   }finally{job.free();}93  }catch(error){self.postMessage({type:'error',id,error:detail(error)});}94 });95};

import init, {prepare_render,register_preview_font} from './wasm/laymesh_wasm.js';
let initialized, manifest, base;
const assets={}, fonts={};
let chain=Promise.resolve();
const key=name=>'/'+name.replace(/^\/+/, '');
const detail=error=>{try{return JSON.parse(String(error));}catch{return {message:error?.message||String(error)};}};
// SubtleCrypto is unavailable on the HTTP Tailscale preview, so checksum bytes here.
function sha256(bytes){
 const k=[0x428a2f98,0x71374491,0xb5c0fbcf,0xe9b5dba5,0x3956c25b,0x59f111f1,0x923f82a4,0xab1c5ed5,0xd807aa98,0x12835b01,0x243185be,0x550c7dc3,0x72be5d74,0x80deb1fe,0x9bdc06a7,0xc19bf174,0xe49b69c1,0xefbe4786,0x0fc19dc6,0x240ca1cc,0x2de92c6f,0x4a7484aa,0x5cb0a9dc,0x76f988da,0x983e5152,0xa831c66d,0xb00327c8,0xbf597fc7,0xc6e00bf3,0xd5a79147,0x06ca6351,0x14292967,0x27b70a85,0x2e1b2138,0x4d2c6dfc,0x53380d13,0x650a7354,0x766a0abb,0x81c2c92e,0x92722c85,0xa2bfe8a1,0xa81a664b,0xc24b8b70,0xc76c51a3,0xd192e819,0xd6990624,0xf40e3585,0x106aa070,0x19a4c116,0x1e376c08,0x2748774c,0x34b0bcb5,0x391c0cb3,0x4ed8aa4a,0x5b9cca4f,0x682e6ff3,0x748f82ee,0x78a5636f,0x84c87814,0x8cc70208,0x90befffa,0xa4506ceb,0xbef9a3f7,0xc67178f2];
 const h=[0x6a09e667,0xbb67ae85,0x3c6ef372,0xa54ff53a,0x510e527f,0x9b05688c,0x1f83d9ab,0x5be0cd19];
 const size=Math.ceil((bytes.length+9)/64)*64,padded=new Uint8Array(size);padded.set(bytes);padded[bytes.length]=0x80;
 const view=new DataView(padded.buffer);view.setUint32(size-8,Math.floor(bytes.length*8/2**32));view.setUint32(size-4,(bytes.length*8)>>>0);
 const rotr=(v,n)=>(v>>>n)|(v<<(32-n)),w=new Uint32Array(64);
 for(let offset=0;offset<size;offset+=64){
  for(let i=0;i<16;i++)w[i]=view.getUint32(offset+i*4);
  for(let i=16;i<64;i++){const a=w[i-15],b=w[i-2];w[i]=(w[i-16]+(rotr(a,7)^rotr(a,18)^(a>>>3))+w[i-7]+(rotr(b,17)^rotr(b,19)^(b>>>10)))>>>0;}
  let [a,b,c,d,e,f,g,q]=h;
  for(let i=0;i<64;i++){const s1=rotr(e,6)^rotr(e,11)^rotr(e,25),ch=(e&f)^(~e&g),t1=(q+s1+ch+k[i]+w[i])>>>0,s0=rotr(a,2)^rotr(a,13)^rotr(a,22),maj=(a&b)^(a&c)^(b&c),t2=(s0+maj)>>>0;q=g;g=f;f=e;e=(d+t1)>>>0;d=c;c=b;b=a;a=(t1+t2)>>>0;}
  for(const [i,v] of [a,b,c,d,e,f,g,q].entries())h[i]=(h[i]+v)>>>0;
 }
 return h.map(v=>v.toString(16).padStart(8,'0')).join('');
}
async function checkedFont(url,expected,timeout){
 const controller=new AbortController(),timer=setTimeout(()=>controller.abort(),timeout);
 try{const response=await fetch(url,{signal:controller.signal});if(!response.ok)throw Error(`HTTP ${response.status}`);
  const bytes=new Uint8Array(await response.arrayBuffer());if(sha256(bytes)!==expected)throw Error('Font SHA-256 mismatch');return bytes;
 }finally{clearTimeout(timer);}
}
async function loadBundledFont(font){
 let bytes,source='cdn';
 try{bytes=await checkedFont(font.cdn,font.sha256,5000);}catch{source='page';bytes=await checkedFont(new URL(font.file,base),font.sha256,30000);}
 register_preview_font('/@bundled/'+font.file.split('/').pop(),bytes);
 self.postMessage({type:'bundled-font',family:font.family,source});
}
async function resource(name){
 const path=key(name);
 if(Object.hasOwn(assets,path))return;
 const location=manifest.resources[path];
 if(!location)throw new Error(`Resource is not registered: ${name}`);
 const response=await fetch(new URL(location,base));
 if(!response.ok)throw new Error(`Resource loading failed: ${name}`);
 assets[path]=/\.(lay|lcss|json|csv)$/.test(name)?await response.text():Array.from(new Uint8Array(await response.arrayBuffer()));
}
self.onmessage=({data})=>{
 if(data.type==='init'){
  base=data.base;
  initialized=(async()=>{
   const start=performance.now();await init();
   const response=await fetch(new URL('manifest.json',base));
   if(!response.ok)throw new Error('Preview manifest loading failed');
   manifest=await response.json();await Promise.all(manifest.fonts.map(loadBundledFont));self.postMessage({type:'ready'});
   return performance.now()-start;
  })().catch(error=>{self.postMessage({type:'init-error',error:detail(error)});throw error;});
  return;
 }
 chain=chain.then(async()=>{
  const {id}=data;
  try{
   const initMs=await initialized;
   if(data.type==='font'){
    fonts[`/@local/${id}/${/\.(ttf|otf|ttc|otc)$/i.test(data.name)?data.name:data.name+'.ttf'}`]=Array.from(new Uint8Array(data.bytes));
    self.postMessage({type:'font-added',id,families:[data.alias||data.name]});return;
   }
   const edited={};for(const [name,text]of Object.entries(data.files))edited[key(name)]=text;
   let resourcesMs=0, compileMs=0, job;
   const attempted=new Set();
   for(;;){
    const start=performance.now();
    try{
     job=prepare_render(data.files[data.entry],key(data.entry),JSON.stringify({...assets,...fonts,...edited}));
     compileMs+=performance.now()-start;break;
    }catch(error){
     compileMs+=performance.now()-start;
     const request=detail(error),path=request.resource;
     // Requests are discovered by the actual compiler, including transitive
     // imports and computed paths. Never fetch a path outside this manifest or
     // replace an unsaved buffer with its older disk snapshot.
     if(!path||!Object.hasOwn(manifest.resources,path)||Object.hasOwn(edited,path)||attempted.has(path))throw error;
     attempted.add(path);
     self.postMessage({type:'resources',id,waiting:true});
     const before=performance.now();
     try{await resource(path);}finally{
      resourcesMs+=performance.now()-before;
      self.postMessage({type:'resources',id,waiting:false});
     }
    }
   }
   try{
    const before=performance.now(),svg=job.svg(),svgMs=performance.now()-before;
    const result=JSON.parse(job.inspection());
    self.postMessage({type:'result',id,...result,svg,metrics:{initialization:initMs,resources:resourcesMs,compile:compileMs,svg:svgMs,total:compileMs+svgMs}});
   }finally{job.free();}
  }catch(error){self.postMessage({type:'error',id,error:detail(error)});}
 });
};