vertigo 0.14.1

Reactive Real-DOM library with SSR for Rust
Documentation
1
2
const e=new TextDecoder("utf-8"),t=new TextEncoder;class n{constructor(e,t){this.getUint8Memory=e,this.pointer=0,this.ptr=Number(t>>32n),this.size=Number(t%2n**32n),this.dataView=new DataView(this.getUint8Memory().buffer,this.ptr,this.size)}getByte(){const e=this.dataView.getUint8(this.pointer);return this.pointer+=1,e}setByte(e){this.dataView.setUint8(this.pointer,e),this.pointer+=1}getU16(){const e=this.dataView.getUint16(this.pointer);return this.pointer+=2,e}setU16(e){this.dataView.setUint16(this.pointer,e),this.pointer+=2}getU32(){const e=this.dataView.getUint32(this.pointer);return this.pointer+=4,e}setU32(e){this.dataView.setUint32(this.pointer,e),this.pointer+=4}getF64(){const e=this.dataView.getFloat64(this.pointer);return this.pointer+=8,e}setF64(e){this.dataView.setFloat64(this.pointer,e),this.pointer+=8}getBuffer(){const e=this.getU32(),t=this.getUint8Memory().subarray(this.ptr+this.pointer,this.ptr+this.pointer+e);return this.pointer+=e,t}setBuffer(e){const t=e.length;this.setU32(t);this.getUint8Memory().subarray(this.ptr+this.pointer,this.ptr+this.pointer+t).set(e),this.pointer+=t}getString(){return e.decode(this.getBuffer())}setString(e){const n=t.encode(e);this.setBuffer(n)}}const o=1,s=2,r=3,i=4,a=5,c=6,l=7,h=8,d=9,u=e=>{if(!0===e||!1===e||null==e)return 1;if("string"==typeof e)return 5+t.encode(e).length;if("number"==typeof e)return 9;if(e instanceof Uint8Array)return 5+e.length;if(Array.isArray(e)){let t=5;for(const n of e)t+=u(n);return t}if("object"==typeof e&&null!==e){let n=3;for(const[o,s]of Object.entries(e))n+=4+t.encode(o).length,n+=u(s);return n}throw new Error("jsJsonGetSize: Unknown type "+typeof e)},m=e=>{const t=e.getByte();if(t===o)return!0;if(t===s)return!1;if(t===r)return null;if(t!==i){if(t===a)return e.getString();if(t===c)return e.getF64();if(t===l){const t=e.getU32(),n=[];for(let o=0;o<t;o++)n.push(m(e));return n}if(t===h){const t=e.getU16(),n={};for(let o=0;o<t;o++){const t=e.getString(),o=m(e);n[t]=o}return n}if(t===d)return e.getBuffer().slice();throw new Error(`jsJsonDecodeItem: Unknown type id ${t}`)}},f=(e,t)=>{if(!0!==e)if(!1!==e)if(null!==e)if(void 0!==e){if("string"==typeof e)return t.setByte(a),void t.setString(e);if("number"==typeof e)return t.setByte(c),void t.setF64(e);if(e instanceof Uint8Array)return t.setByte(d),void t.setBuffer(e);if(!Array.isArray(e)){if("object"==typeof e&&null!==e){const n=Object.entries(e);t.setByte(h),t.setU16(n.length);for(const[e,o]of n)t.setString(e),f(o,t);return}throw new Error("saveJsJsonToBufferItem: Unknown type "+typeof e)}t.setByte(l),t.setU32(e.length);for(const n of e)f(n,t)}else t.setByte(i);else t.setByte(r);else t.setByte(s);else t.setByte(o)},g=new Map,p=async(e,t)=>{const o=await(async(e,t)=>{const n=await g.get(e);if(n)return{module:n,instance:await WebAssembly.instantiate(n,t)};if("function"==typeof WebAssembly.instantiateStreaming){const n=fetch(e);try{return await WebAssembly.instantiateStreaming(n,t)}catch(e){console.warn("`WebAssembly.instantiateStreaming` failed. This could happen if your server does not serve wasm with `application/wasm` MIME type, but check the original error too. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n",e)}}console.info("fetchModule by WebAssembly.instantiate");const o=await fetch(e),s=await o.arrayBuffer();return await WebAssembly.instantiate(s,t)})(e,t);let s=new Uint8Array(1);const r=()=>{if(o.instance.exports.memory instanceof WebAssembly.Memory)return s.buffer!==o.instance.exports.memory.buffer&&(s=new Uint8Array(o.instance.exports.memory.buffer)),s;throw Error("Missing memory")},i=o.instance.exports;return{exports:i,getUint8Memory:r,wasmCommand:e=>{const t=u(e),o=i.vertigo_export_alloc_block(t),s=new n(r,o);f(e,s);let a=i.vertigo_export_wasm_command(o);if(0n===a)return null;const c=new n(r,a),l=m(c);return i.vertigo_export_free_block(a),l}}};class w{constructor(){this.events=new Set}on(e){let t=!0;const n=n=>{t&&e(n)};return this.events.add(n),()=>{t=!1,this.events.delete(n)}}trigger(e){const t=Array.from(this.events.values());for(const n of t)try{n(e)}catch(e){console.error(e)}}}class v{constructor(){this.inner=null,this.resolve=e=>{const t=this.inner;this.inner=null,null!==t&&t.resolve(e)},this.isFulfilled=()=>null===this.inner;const[e,t]=(()=>{let e=null,t=null;const n=new Promise((n,o)=>{e=n,t=o});if(null===e)throw Error("createPromiseValue - resolve is null");if(null===t)throw Error("createPromiseValue - reject is null");return[{resolve:e,reject:t},n]})();this.inner=e,this.promise=t}}const b=async(e,t)=>{console.info(`${e} wait ${t}ms`),await(async e=>new Promise(t=>{setTimeout(t,e)}))(t),console.info(`${e} go forth`)};class y{constructor(e){this.host=e,this.formatLog=e=>`Socket ${this.host} ==> ${e}`}}class k{constructor(e,t){this.eventMessage=new w,this.close=e,this.send=t}static connect(e,t,n){const o=new v,s=new v,r=new WebSocket(t);r.binaryType="arraybuffer";let i=!1;console.info(e.formatLog("starting ..."));const a=t=>{i||(console.info(e.formatLog("close")),i=!0,o.resolve(null),s.resolve({code:t?.code??1001,reason:t?.reason??""}),r.close())},c=new k(a,e=>{i||r.send(e)});setTimeout(()=>{!1===o.isFulfilled()&&(console.error(e.formatLog(`timeout (${n}ms)`)),a())},n);return r.addEventListener("open",()=>{console.info(e.formatLog("open")),o.resolve(c)}),r.addEventListener("error",t=>{i||console.error(e.formatLog("error"),t)}),r.addEventListener("close",a),r.addEventListener("message",e=>{if(i)return;const t=e.data;c.eventMessage.trigger("string"==typeof t?t:new Uint8Array(t))}),{close:a,socket:o.promise,done:s.promise}}static startSocket(e,t,n){let o=!0,s=()=>{};const r=new y(e);return(async()=>{for(;o;){const i=k.connect(r,e,t);s=i.close;const a=await i.socket;if(!o)return void console.info(r.formatLog("disconnect (3)"));let c;if(null===a)c=n({type:"close",code:1006,reason:"",connected:!1});else{n({type:"socket",socket:a}),a.eventMessage.on(e=>{n({type:"message",message:e})});const e=await i.done;if(c=n({type:"close",...e,connected:!0}),!o)return void console.info(r.formatLog("disconnect (1)"))}if("number"!=typeof c)return void console.info(r.formatLog("stop"));await b(r.formatLog("reconnect"),c)}console.info(r.formatLog("disconnect (2)"))})().catch(e=>{console.error(e)}),{dispose:()=>{o=!1,s()}}}}const C=e=>{try{return JSON.parse(e)}catch{throw console.error("Failed to parse websocket message",e),Error(e)}},E=(e,t,n)=>e.wasmCommand({Websocket:{callback:t,message:n}});class T{constructor(e){this.websocket_register_callback=(e,t,n)=>{const o=()=>this.start(e,t,n);this.starts.set(t,o),o()},this.websocket_unregister_callback=e=>{const t=this.controllerList.get(e);void 0!==t?(t.dispose(),this.controllerList.delete(e),this.starts.delete(e)):console.error("Expected controller")},this.websocket_send_message=(e,t)=>{const n=this.socket.get(e);var o;void 0===n?console.error(`Missing socket connection for callback_id=${e}`):n.send(t instanceof Uint8Array?t:(o=t,JSON.stringify(o)))},this.getWasm=e,this.controllerList=new Map,this.socket=new Map,this.starts=new Map,window.addEventListener("pagehide",e=>{if(e.persisted)for(const e of this.controllerList.values())e.dispose()}),window.addEventListener("pageshow",e=>{if(e.persisted)for(const e of this.starts.values())e()})}start(e,t,n){const o=this.getWasm();this.controllerList.get(t)?.dispose();const s=k.startSocket(e,n,e=>{if(this.controllerList.get(t)===s){if("socket"===e.type)return this.socket.set(t,e.socket),void E(o,t,"Connected");if("message"===e.type){const n=e.message;return void E(o,t,{Message:{message:"string"==typeof n?C(n):n}})}return"close"===e.type?(this.socket.delete(t),E(o,t,{Disconnected:{code:e.code,reason:e.reason,connected:e.connected}})):(e=>{throw console.error(e),Error("unknown message")})(e)}});this.controllerList.set(t,s)}}const A=e=>{const t={};for(const{k:n,v:o}of e)t[n]=o;return t},x=e=>{if("None"!==e)return JSON.stringify(e.Data.data)},_=e=>0===e.length?null:JSON.parse(e),N=(e,t)=>{if((e=>"text/plain"===e?.split(";")[0]?.trim().toLowerCase())(e))return{Text:t};try{return{Json:_(t)}}catch{return{Text:t}}},S=async(e,t,n)=>{const o=e(),s=e=>{o.wasmCommand({FetchExecResponse:{response:e,callback:t}})};try{const e=await fetch(n.url,{method:n.method,headers:A(n.headers),body:x(n.body)});s(await(async e=>{const t=e.status,n=e.headers.get("Content-Type");try{return{Ok:{status:t,response:N(n,await e.text())}}}catch(e){return{Err:{message:String(e)}}}})(e))}catch(e){console.error("fetch error (1)",e);s({Err:{message:new String(e).toString()}})}};class M{constructor(e){this.timerSet=(e,t,n)=>{switch(n){case"Interval":{const n=setInterval(()=>{this.getWasm().wasmCommand({TimerCall:{callback:e}})},t);this.data.set(e,{kind:"Interval",timerId:n});break}case"Timeout":{const n=setTimeout(()=>{this.getWasm().wasmCommand({TimerCall:{callback:e}})},t);this.data.set(e,{kind:"Timeout",timerId:n});break}}},this.timerClear=e=>{const t=this.data.get(e);if(void 0===t)throw Error("panic");switch(t.kind){case"Interval":clearInterval(t.timerId);break;case"Timeout":clearTimeout(t.timerId)}},this.getWasm=e,this.data=new Map}}class L{constructor(e){this.request=null,this.start=()=>{null===this.request&&(this.request=requestAnimationFrame(this.frame))},this.stop=()=>{null!==this.request&&(cancelAnimationFrame(this.request),this.request=null)},this.frame=e=>{this.request=requestAnimationFrame(this.frame),this.getWasm().wasmCommand({AnimationFrame:{time:e}})},this.getWasm=e}}class R{constructor(e,t,n,o,s){this.getWasm=e,this.get=n,this.pushValue=o,this.replaceValue=s,this.callback=new Map,this.trigger=()=>{for(const e of Array.from(this.callback.values()))e()},this.add=e=>{this.callback.set(e,()=>{this.getWasm().wasmCommand({LocationCall:{callback:e,value:this.get()}})})},this.remove=e=>{this.callback.delete(e)},this.push=e=>{this.get()!==e&&this.pushValue(e,this.trigger)},this.replace=e=>{this.get()!==e&&this.replaceValue(e,this.trigger)},window.addEventListener(t,this.trigger)}}class ${constructor(e,t){this.mountPoint=t,this.callback=(e,t,n)=>{switch(t){case"Add":return void this.locations[e].add(n);case"Remove":return void this.locations[e].remove(n)}},this.set=(e,t,n)=>{switch(t){case"Push":return void this.locations[e].push(n);case"Replace":return void this.locations[e].replace(n)}},this.get=e=>this.locations[e].get(),this.locations={Hash:new R(e,"hashchange",()=>decodeURIComponent(location.hash.substr(1)),(e,t)=>{location.hash=e,t()},e=>{history.replaceState(null,"",`#${e}`)}),History:new R(e,"popstate",()=>window.location.pathname+window.location.search+window.location.hash,(e,t)=>{window.history.pushState(null,"",e),t()},(e,t)=>{window.history.replaceState(null,"",e),t()})}}}class U{constructor(){this.get=e=>{for(const t of document.cookie.split(";")){if(""===t)continue;const n=t.trim().split("=");if(2!==n.length){console.warn(`Cookies.get: Incorrect number of cookieChunk => ${n.length} in ${t}`);continue}const o=n[0],s=n[1];if(void 0!==o&&void 0!==s){if(o===e)return decodeURIComponent(s)}else console.warn(`Cookies.get: Broken cookie part => ${t}`)}return""},this.getJson=e=>{let t=this.get(e);if(0!==t.length)try{return JSON.parse(t)}catch(e){console.error("Error deserializing cookie",e)}return null},this.set=(e,t,n)=>{const o=null==t?"":encodeURIComponent(t),s=new Date;s.setTime(s.getTime()+1e3*n);let r="expires="+s.toUTCString();document.cookie=`${e}=${o};${r};path=/; samesite=Strict`},this.setJson=(e,t,n)=>{let o=JSON.stringify(t);this.set(e,o,n)}}}const I=(e,t)=>{const n=t-e+1;return e+Math.floor(Math.random()*n)},B=e=>void 0!==e.languages&&e.languages.length>0?[...e.languages]:e.language?[e.language]:[],W=e=>e.arrayBuffer().then(t=>({name:e.name,data:new Uint8Array(t)}));const O=(e,t,n)=>{Promise.all(e).then(e=>{const n=[];for(const t of e)n.push([t.name,Array.from(t.data)]);t([n])}).catch(e=>{console.error(n,e)})},F=(e,t)=>{t(void 0)},D=(e,t)=>{e.preventDefault(),t(void 0)},H=(e,t)=>{t(void 0)&&e.preventDefault()},V=(e,t)=>{if(null!==t&&"object"==typeof t&&!Array.isArray(t)&&("stop_propagation"in t&&!0===t.stop_propagation&&e.stopPropagation(),"prevent_default"in t&&!0===t.prevent_default&&e.preventDefault(),"capture_pointer"in t&&!0===t.capture_pointer))try{e.currentTarget.setPointerCapture(e.pointerId)}catch(e){console.warn("capture_pointer",e)}},P=(e,t)=>{const n=e,o=n.currentTarget.getBoundingClientRect();V(e,t([n.pointerId,n.pointerType,n.isPrimary,n.button,n.buttons,n.clientX-o.left,n.clientY-o.top,o.width,o.height,n.altKey,n.ctrlKey,n.shiftKey,n.metaKey]))},J=e=>(t,n)=>{const o=t.target;o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement||e&&o instanceof HTMLSelectElement?n(o.value):console.warn("event input ignore",o)},K=(e,t)=>{if(e instanceof KeyboardEvent){return void(!0===t([e.key,e.code,e.altKey,e.ctrlKey,e.shiftKey,e.metaKey])&&(e.preventDefault(),e.stopPropagation()))}console.warn("keydown ignore",e)},z={click:(e,t)=>{const n=e;V(e,t([n.altKey,n.ctrlKey,n.shiftKey,n.metaKey]))},submit:D,input:J(!1),change:J(!0),blur:F,mousedown:H,mouseup:H,mouseenter:F,mouseleave:F,keydown:K,hook_keydown:K,drop:(e,t)=>{if(e.preventDefault(),e instanceof DragEvent)if(null===e.dataTransfer)console.error("dom -> drop -> dataTransfer null");else{const n=function(e){const t=[];for(let n=0;n<e.length;n++){const o=e[n];if(void 0===o)console.error("dom -> drop -> item - undefined");else{const e=o.getAsFile();null===e?console.error(`dom -> drop -> index:${n} -> It's not a file`):t.push(W(e))}}return t}(e.dataTransfer.items);n.length?O(n,t,"callback_drop -> promise.all -> "):console.error("No files to send")}else console.warn("event drop ignore",e)},load:D,change_file:(e,t)=>{const n=e.target;if(n instanceof HTMLInputElement&&null!==n.files&&n.files.length>0){const e=[];for(let t=0;t<n.files.length;t++){const o=n.files[t];void 0!==o&&e.push(W(o))}return e.length>0&&O(e,t,"changeFile ->"),void(n.value="")}console.warn("changeFile: not a file input or no files",n)},change_checked:(e,t)=>{const n=e.target;n instanceof HTMLInputElement?t(n.checked):console.warn("changeChecked: not an input",n)},wheel:(e,t)=>{const n=e,o=n.currentTarget.getBoundingClientRect();V(e,t([n.deltaX,n.deltaY,n.deltaZ,n.deltaMode,n.clientX-o.left,n.clientY-o.top,o.width,o.height,n.altKey,n.ctrlKey,n.shiftKey,n.metaKey]))},pointerdown:P,pointermove:P,pointerup:P,pointercancel:P},j=e=>"change_file"===e||"change_checked"===e?"change":e;class G{constructor(e){this.getWasm=e,this.callbacks=new Map,this.observers=new Map}add(e,t,n,o){if("intersect"===n)return this.intersectAdd(e,t,o);const s=e=>this.wasmCallback(o,e),r=e=>{const t=z[n];void 0!==t?t(e,s):console.error(`No support for the event ${n}`)};if(this.callbacks.has(o))console.error(`There was already a callback added with the callback_id=${o}`);else if(this.callbacks.set(o,r),"hook_keydown"===n)document.addEventListener("keydown",r,!1);else{e.get("callback_add",t).addEventListener(j(n),r,"wheel"===n&&{passive:!1})}}remove(e,t,n,o){if("intersect"===n)return this.intersectRemove(o);const s=this.callbacks.get(o);if(this.callbacks.delete(o),void 0!==s)if("hook_keydown"===n)document.removeEventListener("keydown",s);else{e.get("callback_remove",t).removeEventListener(j(n),s)}else console.error(`The callback is missing with the id=${o}`)}wasmCallback(e,t){return this.getWasm().wasmCommand({CallbackCall:{callback_id:e,value:t}})}intersectAdd(e,t,n){if(this.observers.has(n))return void console.error(`There was already an intersect observer added with the callback_id=${n}`);const o=e.getNode("callback_add",t),s=new IntersectionObserver(e=>{for(const t of e)this.wasmCallback(n,[t.isIntersecting,t.intersectionRatio,t.boundingClientRect.top,t.boundingClientRect.bottom,t.boundingClientRect.height])});s.observe(o),this.observers.set(n,s)}intersectRemove(e){const t=this.observers.get(e);this.observers.delete(e),void 0!==t?t.disconnect():console.error(`The intersect observer is missing with the id=${e}`)}}function q(e,t){e.addEventListener("click",n=>{const o=e.getAttribute("href");if(null===o||o.startsWith("#"))return;if(!((s=n)instanceof MouseEvent&&0===s.button)||s.ctrlKey||s.metaKey||s.shiftKey||s.altKey||e.hasAttribute("download")||!function(e){const t=e.getAttribute("target");return null===t||""===t||"_self"===t}(e))return;var s;const r=function(e,t,n){if(e.matches('[rel~="external" i]'))return null;let o;try{o=new URL(t,document.baseURI)}catch{return null}if(o.protocol!==window.location.protocol||o.host!==window.location.host)return null;const s=n.replace(/\/+$/,"");if(""!==s&&o.pathname!==s&&!o.pathname.startsWith(`${s}/`))return null;return o.pathname+o.search+o.hash}(e,o,t.mountPoint);null!==r&&(n.preventDefault(),t.set("History","Push",r),function(e){const t=e.indexOf("#"),n=-1===t?"":e.slice(t+1),o=Z(n);if(X=null,null!==o)return void o.scrollIntoView();window.scrollTo(0,0),""!==n&&"top"!==ee(n).toLowerCase()&&(X={path:e,fragment:n,until:Date.now()+Y,scrollY:window.scrollY})}(r))})}const Y=1e4;let X=null;function Z(e){return""===e?null:Q(e)??Q(ee(e))}function Q(e){return document.getElementById(e)??Array.from(document.getElementsByName(e)).find(e=>"A"===e.tagName)??null}function ee(e){try{return decodeURIComponent(e)}catch{return e}}const te=new Set(["animate","animateMotion","animateTransform","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","hatch","hatchpath","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tspan","use","view","svg:a","svg:title","svg:desc","svg:script","svg:style"]);class ne{constructor(e,t,n){this.depth=-1,this.matched=0,this.discarded=0,this.nodes=t,this.appLocation=n,this.virtualNodes=this.createVirtualNodes(e)}hydrate(){const e=this.virtualNodes.get(3),t=this.virtualNodes.get(2);e&&(this.hydrateNode(3,document.body),t&&this.hydrateNode(2,document.head));const n={rootFound:void 0!==e,matched:this.matched,...this.countHydratable(),total:this.virtualNodes.size,discarded:this.discarded};if(!e)return console.error("Hydration skipped: the first DOM batch carries no <body> (node id 3), so the server-rendered markup cannot be matched and will be replaced. The app flushed DOM changes before the root element was built - see `mount` in exports.rs.",n),this.publish(n),n;const o=0===n.hydratable?"100.00":(100*n.matched/n.hydratable).toFixed(2),s=`Hydration complete: ${n.matched}/${n.hydratable} matched (${o}%), ${n.discarded} server nodes discarded, ${n.skipped} markers skipped, ${n.total} vnodes in batch.`;return n.matched<n.hydratable||n.discarded>0?console.warn(s):console.log(s),this.publish(n),n}publish(e){try{window.__vertigo_hydration=e}catch(e){}}countHydratable(){let e=0,t=0;const n=new Set,o=(s,r)=>{if(n.has(s))return;n.add(s);const i=this.virtualNodes.get(s);if(r||(void 0===i||void 0===i.name&&!(e=>void 0!==e.value&&""!==e.value)(i)?t++:e++),i)for(const e of i.children)o(e,!1)};return o(3,!0),o(2,!0),{hydratable:e,skipped:t}}hydrateNode(e,t){const n=this.virtualNodes.get(e);if(!n)return;const o=Array.from(t.childNodes);let s=0;this.depth++;let r=!1;for(const e of n.children){const t=this.virtualNodes.get(e);if(t&&""!==t.value)if(r&&void 0!==t.value)this.matched++;else{r=!1;for(let n=s;n<o.length;n++){const i=o[n];if(!i)continue;let a=!1;if(t.name?a=this.checkElementMatch(i,t):void 0!==t.value&&(i.nodeType===Node.TEXT_NODE?(this.checkTextMatch(i,t),a=!0,r=!0):console.error(`Hydration ${this.depth}: Text node mismatch`,t,i)),a){this.removeSkippedNodes(o,s,n),this.claimNode(i,e),this.matched++,t.name&&this.hydrateNode(e,i),s=n+1;break}}}}this.removeSkippedNodes(o,s,o.length),this.depth--}checkElementMatch(e,t){let n=!1;const o=void 0===t.name?void 0:(s=t.name,te.has(s)?s.replace("svg:",""):s.toUpperCase());var s;if(e.nodeType===Node.ELEMENT_NODE&&e.tagName===o){n=!0;const o=e,s=t.attributes;for(const e of o.getAttributeNames())s&&s.has(e)||o.removeAttribute(e);if(s)for(const[e,t]of s)o.getAttribute(e)!==t&&o.setAttribute(e,t)}return n}checkTextMatch(e,t){e.textContent?.replace("\n"," ").trim()!==t.value?.replace("\n"," ").trim()&&(e.textContent=t.value||"")}claimNode(e,t){var n,o;(e instanceof Element||e instanceof Comment||e instanceof Text)&&(this.nodes.claimNode(t,e),e instanceof Element&&(n=e,o=this.appLocation,"a"===n.tagName.toLowerCase()&&q(n,o)))}place(){for(const e of[...this.virtualNodes.values()].reverse()){const t=this.nodes.getAnyOption(e.id);if(!t)continue;const n=1===e.id;let o=t.firstChild;for(const s of e.children){const e=this.nodes.getAnyOption(s);e&&(e===o||n&&e.parentNode===t?o=e.nextSibling:t.insertBefore(e,o))}}}removeSkippedNodes(e,t,n){for(let o=t;o<n;o++){const t=e[o];t&&(0!==this.depth&&t.nodeType!==Node.TEXT_NODE&&(console.warn(`Hydration ${this.depth}: Removing node`,t),this.discarded++),t.remove())}}createVirtualNodes(e){const t=new Map,n=e=>{let n=t.get(e);return n||(n={id:e,children:[]},t.set(e,n)),n},o=new Map,s=e=>{const t=o.get(e);t&&(t.children.splice(t.children.indexOf(e),1),o.delete(e))},r=e=>{s(e),t.delete(e)};for(const i of e)if("CreateNode"in i){n(i.CreateNode.id).name=i.CreateNode.name}else if("CreateText"in i){n(i.CreateText.id).value=i.CreateText.value}else if("UpdateText"in i){n(i.UpdateText.id).value=i.UpdateText.value}else if("InsertBefore"in i){const e=n(i.InsertBefore.parent),t=e.children,r=i.InsertBefore.child,a=i.InsertBefore.ref_id;if(s(r),o.set(r,e),null==a)t.push(r);else{const e=t.length-1,n=t[e]===a?e:t.indexOf(a);-1!==n?t.splice(n,0,r):(console.warn(`Hydration: ref_id ${a} not found in parent ${i.InsertBefore.parent}`),t.push(r))}}else if("SetAttr"in i){const e=n(i.SetAttr.id);e.attributes||(e.attributes=new Map),e.attributes.set(i.SetAttr.name,i.SetAttr.value)}else"RemoveAttr"in i?t.get(i.RemoveAttr.id)?.attributes?.delete(i.RemoveAttr.name):"RemoveNode"in i?r(i.RemoveNode.id):"RemoveText"in i?r(i.RemoveText.id):"RemoveComment"in i&&r(i.RemoveComment.id);return t}}const oe=1,se=2,re=3,ie=4,ae=5,ce=6,le=7,he=8,de=9,ue=10,me=11,fe=12,ge=13,pe=14;class we{constructor(e){this.bytes=e,this.at=0}isEmpty(){return this.at>=this.bytes.length}where(){return`offset ${this.at} of ${this.bytes.length}`}byte(){const e=this.bytes[this.at];if(void 0===e)throw new Error("dom command: buffer ended early");return this.at+=1,e}varint(){let e=0,t=1;for(;;){const n=this.byte();if(e+=(127&n)*t,!(128&n))return e;t*=128}}string(){return e.decode(this.bytesView())}bytesView(){const e=this.varint(),t=this.at+e;if(t>this.bytes.length)throw new Error("dom command: bytes run past the end of the buffer");const n=this.bytes.subarray(this.at,t);return this.at=t,n}name(e){const t=this.varint(),n=e[t];if(void 0===n)throw new Error(`dom command: name index ${t} is not in the dictionary`);return n}optionalId(){const e=this.varint();return 0===e?null:e}}const ve=e=>{const t=e.varint(),n=[];for(let o=0;o<t;o++)n.push(e.string());return n},be=e=>e.varint(),ye=e=>e.string(),ke=(e,t)=>e.name(t),Ce={[oe]:["CreateNode",[["id",be],["name",ke]]],[se]:["CreateText",[["id",be],["value",ye]]],[re]:["UpdateText",[["id",be],["value",ye]]],[ie]:["SetAttr",[["id",be],["name",ke],["value",ye]]],[ae]:["RemoveAttr",[["id",be],["name",ke]]],[ce]:["RemoveNode",[["id",be]]],[le]:["RemoveText",[["id",be]]],[he]:["InsertBefore",[["parent",be],["child",be],["ref_id",e=>e.optionalId()]]],[de]:["InsertCss",[["selector",e=>0===e.byte()?null:e.string()],["value",ye]]],[ue]:["CreateComment",[["id",be],["value",ye]]],[me]:["RemoveComment",[["id",be]]],[fe]:["CallbackAdd",[["id",be],["event_name",ye],["callback_id",be]]],[ge]:["CallbackRemove",[["id",be],["event_name",ye],["callback_id",be]]],[pe]:["CanvasDraw",[["id",be],["drawing",e=>e.bytesView().slice()]]]};class Ee{constructor(){this.data=new Map,this.initNodes=[...this.getRootHead().childNodes,...this.getRootBody().childNodes],this.style=document.createElement("style")}getRootHtml(){return document.documentElement}getRootHead(){return document.head}getRootBody(){return document.body}set(e,t){1===e||2===e||3===e||this.data.set(e,t)}getAnyOption(e){return 1===e?this.getRootHtml():2===e?this.getRootHead():3===e?this.getRootBody():this.data.get(e)}getAny(e,t){const n=this.getAnyOption(t);if(void 0===n)throw Error(`${e} -> item not found=${t}`);return n}get(e,t){const n=this.getAnyOption(t);if(void 0===n)throw new Error(`${e}->get: Item id not found = ${t}`);return n}expect(e,t,n,o){const s=this.get(e,t);if(s instanceof n)return s;throw Error(`Expected id=${t} as ${o}`)}getNode(e,t){return this.expect(e,t,Element,"Element")}getText(e,t){return this.expect(e,t,Text,"Text")}delete(e,t){const n=this.getAnyOption(t);if(this.data.delete(t),void 0===n)throw new Error(`${e}->delete: Item id not found = ${t}`);return n}insertCss(e,t){if(null!==e){const n=document.createTextNode(`\n${e} { ${t} }`);this.style.appendChild(n)}else{const e=document.createTextNode(`\n${t}`);this.style.appendChild(e)}}removeInitNodes(){const e=this.initNodes;if(this.initNodes=null,null!==e)for(const t of e)t.remove()}insertBefore(e,t,n){const o=this.get("insert_before",e),s=this.getAny("insert_before child",t);if(null==n)o.insertBefore(s,null);else{const e=this.getAny("insert_before ref",n);o.insertBefore(s,e)}}addStyles(){const e=this.getRootHead();e.lastChild!==this.style&&e.appendChild(this.style)}hasInitNodes(){return null!==this.initNodes}claimNode(e,t){if(this.data.set(e,t),this.initNodes){const e=this.initNodes.indexOf(t);e>-1&&this.initNodes.splice(e,1)}}has(e){return 1===e||2===e||3===e||this.data.has(e)}}const Te=1,Ae=2,xe=3,_e=4,Ne=5,Se=6,Me=7,Le=8,Re=9,$e=10,Ue=11,Ie=12,Be=["butt","round","square"],We=["miter","round","bevel"];class Oe{constructor(){this.drawings=new WeakMap,this.sizes=new WeakMap,this.unscaled=new WeakSet,this.drawn=new Set,this.observer=null}draw(e,t){if(!(e instanceof HTMLCanvasElement))throw new Error("draw: the element is not a canvas");const n=this.drawings.has(e);this.drawings.set(e,t.slice()),n||this.observe(e),this.drawn.add(e)}paintDrawn(){for(const e of this.drawn)this.repaint(e);this.drawn.clear()}forget(e){e instanceof HTMLCanvasElement&&this.drawings.has(e)&&(this.observer?.unobserve(e),this.drawings.delete(e),this.sizes.delete(e),this.unscaled.delete(e),this.drawn.delete(e))}observe(e){if("undefined"!=typeof ResizeObserver){null===this.observer&&(this.observer=new ResizeObserver(e=>{for(const t of e){const e=t.target,n=window.devicePixelRatio||1;this.sizes.set(e,{width:Math.round(t.contentRect.width*n),height:Math.round(t.contentRect.height*n),ratio:n}),this.repaint(e)}}));try{this.observer.observe(e,{box:"device-pixel-content-box"})}catch{this.observer.observe(e)}}}repaint(e){const t=this.drawings.get(e);if(void 0!==t)try{this.paint(e,t)}catch(e){console.error(e)}}size(e){if(this.unscaled.has(e))return{width:e.width,height:e.height,ratio:1};const t=window.devicePixelRatio||1,n=this.sizes.get(e)??(e.isConnected?{width:Math.round(e.clientWidth*t),height:Math.round(e.clientHeight*t),ratio:t}:null);return null!==n&&n.width>0&&n.height>0?n:null}paint(t,n){let o=this.size(t);if(null===o)return;if(t.width!==o.width||t.height!==o.height){const[e,n]=[t.width,t.height],[s,r]=[t.clientWidth,t.clientHeight];t.width!==o.width&&(t.width=o.width),t.height!==o.height&&(t.height=o.height),1!==o.ratio&&t.clientWidth-s===o.width-e&&t.clientHeight-r===o.height-n&&(t.width=e,t.height=n,this.unscaled.add(t),o={width:e,height:n,ratio:1})}const s=t.getContext("2d");null!==s&&((t,n,o,s,r)=>{const i=new DataView(n.buffer,n.byteOffset,n.byteLength);let a=0;const c=()=>{const e=i.getFloat32(a,!0);return a+=4,e},l=()=>{const t=i.getUint16(a,!0),o=e.decode(n.subarray(a+2,a+2+t));return a+=2+t,o};t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,o,s),t.globalAlpha=1,t.fillStyle="#000",t.strokeStyle="#000",t.lineWidth=1,t.lineCap="butt",t.lineJoin="miter";let h=r;if(1===i.getUint8(a++)){const e=c(),n=c(),r=c(),i=c();h=Math.min(o/r,s/i),t.setTransform(h,0,0,h,(o-r*h)/2-e*h,(s-i*h)/2-n*h)}else t.setTransform(r,0,0,r,0,0);if(!(h>0&&isFinite(h)))return;const d=r/h,u=(e,n,o)=>{t.beginPath(),t.arc(e,n,Math.max(o,0),0,2*Math.PI)};for(;a<n.length;){const e=i.getUint8(a++);switch(e){case Te:t.fillStyle=l();break;case Ae:t.strokeStyle=l();break;case xe:t.globalAlpha=c();break;case _e:t.lineWidth=c();break;case Ne:t.lineWidth=c()*d;break;case Se:t.lineCap=Be[i.getUint8(a++)]??"butt";break;case Ie:t.lineJoin=We[i.getUint8(a++)]??"miter";break;case Me:t.fillRect(c(),c(),c(),c());break;case Le:u(c(),c(),c()),t.fill();break;case Re:u(c(),c(),c()*d),t.fill();break;case $e:u(c(),c(),c()),t.stroke();break;case Ue:{const e=i.getUint32(a,!0);a+=4,t.beginPath();for(let n=0;n<e;n++){const e=c(),o=c();0===n?t.moveTo(e,o):t.lineTo(e,o)}e>1&&t.stroke();break}default:throw new Error(`canvas: unknown operation ${e} at byte ${a-1}`)}}})(s,n,o.width,o.height,o.ratio)}}const Fe=(e,t)=>{console.error("bulk_update - item",t,e)},De=(e,t)=>e.findIndex(e=>e.toLowerCase()===t);class He{constructor(e,t,n){this.metadata=e,this.canvases=new Oe,this.update=e=>{const t=this.nodes.hasInitNodes()&&this.metadata.getEnabledHydration()?((e,t,n)=>{const o=new ne(e,t,n);return{report:o.hydrate(),place:()=>o.place()}})((e=>{const t=new we(e),n=ve(t),o=[];for(;!t.isEmpty();){const e=t.byte(),s=Ce[e];if(void 0===s)throw new Error(`dom command: unknown tag ${e}`);const[r,i]=s,a={};for(const[e,o]of i)a[e]=o(t,n);o.push({[r]:a})}return o})(e),this.nodes,this.appLocation):null,n=t?.report.rootFound?t:null,o=new we(e),s=ve(o),r=De(s,"autofocus"),i=De(s,"a"),a=new Set;try{for(;!o.isEmpty();){const e=o.byte();switch(e){case oe:{const e=o.varint(),t=o.varint();try{this.createNode(e,s[t]??"",t===i)}catch(e){Fe(e,"CreateNode")}break}case se:{const e=o.varint(),t=o.string();try{this.createText(e,t)}catch(e){Fe(e,"CreateText")}break}case re:{const e=o.varint(),t=o.string();try{this.updateText(e,t)}catch(e){Fe(e,"UpdateText")}break}case ie:{const e=o.varint(),t=o.varint(),n=o.string();t===r&&a.add(e);try{this.writeAttr("set_attribute",e,s[t]??"",n)}catch(e){Fe(e,"SetAttr")}break}case ae:{const e=o.varint(),t=o.varint();try{this.writeAttr("remove_attribute",e,s[t]??"",null)}catch(e){Fe(e,"RemoveAttr")}break}case ce:{const e=o.varint();try{this.removeNode(e)}catch(e){Fe(e,"RemoveNode")}break}case le:{const e=o.varint();try{this.removeText(e)}catch(e){Fe(e,"RemoveText")}break}case he:{const e=o.varint(),t=o.varint(),s=o.optionalId();if(null===n)try{this.nodes.insertBefore(e,t,s)}catch(e){Fe(e,"InsertBefore")}break}case de:{const e=0===o.byte()?null:o.string(),t=o.string();try{this.nodes.insertCss(e,t)}catch(e){Fe(e,"InsertCss")}break}case ue:{const e=o.varint(),t=o.string();try{this.nodes.set(e,document.createComment(t))}catch(e){Fe(e,"CreateComment")}break}case me:{const e=o.varint();try{this.nodes.delete("remove_comment",e).remove()}catch(e){Fe(e,"RemoveComment")}break}case fe:{const e=o.varint(),t=o.string(),n=o.varint();try{this.callbacks.add(this.nodes,e,t,n)}catch(e){Fe(e,"CallbackAdd")}break}case ge:{const e=o.varint(),t=o.string(),n=o.varint();try{this.callbacks.remove(this.nodes,e,t,n)}catch(e){Fe(e,"CallbackRemove")}break}case pe:{const e=o.varint(),t=o.bytesView();try{this.canvases.draw(this.nodes.getNode("canvas_draw",e),t)}catch(e){Fe(e,"CanvasDraw")}break}default:throw new Error(`bulk_update: unknown command tag ${e}`)}}}catch(e){console.error(`bulk_update - stream is unreadable at ${o.where()}, dropping the rest of the batch`,e)}n?.place(),a.size>0&&setTimeout(()=>{for(const e of a){const t=this.nodes.getAnyOption(e);t instanceof HTMLElement&&t.focus()}},0),this.nodes.removeInitNodes(),this.nodes.addStyles(),this.canvases.paintDrawn(),function(){if(null===X)return;if(window.location.pathname+window.location.search+window.location.hash!==X.path||window.scrollY>X.scrollY||Date.now()>X.until)return void(X=null);X.scrollY=window.scrollY;const e=Z(X.fragment);null!==e&&(X=null,e.scrollIntoView())}()},this.appLocation=t,this.nodes=new Ee,this.callbacks=new G(n),document.addEventListener("dragover",e=>{e.preventDefault()})}createNode(e,t,n){if(1===e||2===e||3===e)return;if(this.nodes.has(e))return;const o=(e=>te.has(e)?document.createElementNS("http://www.w3.org/2000/svg",e.replace("svg:","")):document.createElement(e))(t);this.nodes.set(e,o),n&&q(o,this.appLocation)}writeAttr(e,t,n,o){const s=this.nodes.getNode(e,t);if(null===o?s.removeAttribute(n):s.getAttribute(n)!==o&&s.setAttribute(n,o),"value"==n){const e=o??"";if(s instanceof HTMLInputElement)return void(s.value=e);if(s instanceof HTMLTextAreaElement)return s.value=e,void(s.defaultValue=e)}"checked"==n&&s instanceof HTMLInputElement&&(s.checked=null!==o)}removeNode(e){if(1===e||2===e||3===e)return;const t=this.nodes.delete("remove_node",e);this.canvases.forget(t),t.remove()}createText(e,t){if(this.nodes.has(e))return;const n=document.createTextNode(t);this.nodes.set(e,n)}removeText(e){this.nodes.delete("remove_node",e).remove()}updateText(e,t){this.nodes.getText("set_attribute",e).textContent=t}}const Ve={Debug:"debug",Info:"info",Log:"log",Warn:"warn",Error:"error"};class Pe{constructor(e,t){this.metadata=e,this.getWasm=t;const n=new $(t,e.getEnv("vertigo-mount-point")??"/");this.dom=new He(e,n,t),this.websocket=new T(t),this.interval=new M(t),this.animationFrames=new L(t),this.location=n,this.cookie=new U}exec(e){const t=e;if("FetchCacheGet"===t)return{data:this.metadata.getFetchCache()};if("IsBrowser"===t)return{value:!0};if("GetDateNow"===t)return{value:Date.now()};if("TimezoneOffset"===t)return{value:(new Date).getTimezoneOffset()};if("Languages"===t)return{value:B(navigator)};if("HistoryBack"===t)return window.history.back(),null;if("AnimationFrameStart"===t)return this.animationFrames.start(),null;if("AnimationFrameStop"===t)return this.animationFrames.stop(),null;const n=t,[o,s]=Object.entries(n)[0]??[];switch(o){case"FetchExec":return S(this.getWasm,s.callback,s.request),null;case"WebsocketRegister":return this.websocket.websocket_register_callback(s.host,s.callback,s.connect_timeout),null;case"WebsocketSendMessage":return this.websocket.websocket_send_message(s.callback,s.message),null;case"WebsocketUnregister":return this.websocket.websocket_unregister_callback(s.callback),null;case"TimerSet":return this.interval.timerSet(s.callback,s.duration,s.kind),null;case"TimerClear":return this.interval.timerClear(s.callback),null;case"LocationGet":return{value:this.location.get(s.target)};case"LocationCallback":return this.location.callback(s.target,s.mode,s.callback),null;case"LocationSet":return this.location.set(s.target,s.mode,s.value),null;case"CookieGet":return{value:this.cookie.get(s.name)};case"CookieSet":return this.cookie.set(s.name,s.value,s.expires_in),null;case"CookieJsonGet":return{value:this.cookie.getJson(s.name)};case"CookieJsonSet":return this.cookie.setJson(s.name,s.value,s.expires_in),null;case"GetEnv":return{value:this.metadata.getEnv(s.name)};case"Log":return console[Ve[s.kind]](s.message,s.arg2,s.arg3,s.arg4),null;case"GetRandom":return{value:I(s.min,s.max)};case"JsApiCall":return this.executeJsApiCall(s.commands);case"DomBulkUpdate":return this.dom.update(s.commands),null;default:return console.info("exec_command: Arg",t),(()=>{throw Error("assert never")})()}}executeJsApiCall(e){let t=null;for(const n of e)if("Root"in n)if("window"===n.Root.name)t=window;else{if("document"!==n.Root.name)return console.error(`Unknown root: ${n.Root.name}`),null;t=document}else if("RootElement"in n){const e=n.RootElement.dom_id,o=this.dom.nodes.getAnyOption(e);if(void 0===o)return console.error(`Element not found: ${e}`),null;t=o}else if("Get"in n){if(null===t)return console.error("Get called on null"),null;t=t[n.Get.property]}else if("Set"in n){if(null===t)return console.error("Set called on null"),null;t[n.Set.property]=n.Set.value,t=void 0}else if("Call"in n){if(null===t)return console.error("Call called on null"),null;t=t[n.Call.method](...n.Call.args)}const n=e=>{if(null==e)return null;if("boolean"==typeof e)return e;if("string"==typeof e)return e;if("number"==typeof e)return e;if(e instanceof Uint8Array)return e;if(Array.isArray(e))return e.map(e=>n(e));if((e=>{if(null===e)return!1;if("object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return t===Object.prototype||null===t})(e)){const t={};for(const o of Object.keys(e))t[o]=n(e[o]);return t}return null};return n(t)}}class Je{constructor(){this.get=e=>this.metadata.getAttribute(e),this.getEnabledHydration=()=>"true"!==this.get("data-env-disable-hydration");const e=document.getElementById("v-metadata");if(null===e)throw Error("Expected v-metadata");this.metadata=e,e.remove()}getEnv(e){return this.get(`data-env-${e}`)}getFetchCache(){return this.get("data-fetch-cache")}}class Ke{constructor(e){this.wasm=e}vertigoEntryFunction(e,t){this.wasm.exports.vertigo_entry_function(e,t)}static async create(t){let o=null;const s=()=>{if(null===o)throw Error("Wasm is no initialized");return o},r=new Je,i=new Pe(r,s);return window.$vertigoApi=i,o=await p(t,{mod:{panic_message:t=>{const n=Number(t%2n**32n),o=Number(t>>32n),r=s().getUint8Memory().subarray(o,o+n),i=e.decode(r);console.error("PANIC",i)},dom_access:e=>{if(0n===e)return console.error("dom_access - null pointer"),0n;const t=new n(()=>s().getUint8Memory(),e),o=m(t);s().exports.vertigo_export_free_block(e);const r=i.exec(o),a=u(r),c=s().exports.vertigo_export_alloc_block(a),l=new n(()=>s().getUint8Memory(),c);return f(r,l),c}}}),new Ke(o)}}const ze=new Set,je=async()=>{document.querySelectorAll("*[data-vertigo-run-wasm]").forEach(e=>{const t=e.getAttribute("data-vertigo-run-wasm");"string"==typeof t?(async e=>{if(ze.has(e))return;if(ze.size>0)return void console.error("Only one wasm module can be run",{moduleRun:ze,wasm:e});ze.add(e),console.info(`Wasm module: "${e}" -> start`);const t=await Ke.create(e);console.info(`Wasm module: "${e}" -> initialized`),t.vertigoEntryFunction(0,14),console.info(`Wasm module: "${e}" -> launched vertigoEntryFunction with version 0.14`)})(t):console.error("Run error",e)})};document.querySelectorAll("*[data-vertigo-run-wasm][data-vertigo-preload]").forEach(e=>{const t=e.getAttribute("data-vertigo-run-wasm");"string"==typeof t&&(e=>{if(g.has(e)||"function"!=typeof WebAssembly.compileStreaming)return;const t=WebAssembly.compileStreaming(fetch(e,{priority:"low"})).catch(e=>(console.warn("Preloading wasm failed, it will be fetched again once the page has loaded. Original error:\n",e),null));g.set(e,t)})(t)}),window.addEventListener("load",je),setTimeout(je,3e3);
//# sourceMappingURL=wasm_run.js.map