resuma 0.4.1

Resuma — SSR + Resumability + Islands + Server Actions + JS Bridge for Rust
Documentation
1
2
function f(t){let e=new Map;for(let n of t){let r=P(n.id);e.set(r,N(r,n.value))}return e}function P(t){return typeof t=="string"?t:typeof t=="number"?`s${t}`:`s${t[0]}`}function N(t,e){let n=e,r=new Set,o={id:t,get value(){return n},set value(s){o.set(s)},set(s){Object.is(s,n)||(n=s,r.forEach(a=>a(n)))},update(s){let a=s(n);a!==void 0?o.set(a):r.forEach(i=>i(n))},subscribe(s){return r.add(s),()=>r.delete(s)}};return o}var O="RESUMA-DYN";function m(t,e){t.querySelectorAll(O.toLowerCase()).forEach(r=>{let o=r.getAttribute("data-r-signal");if(!o)return;let s=e.get(o);s&&s.subscribe(a=>{r.textContent=E(a)})})}function g(t,e){t.querySelectorAll("[data-r-bind]").forEach(r=>k(r,e)),F(t,e)}function F(t,e){let n=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT),r=n.currentNode;for(;r;)r instanceof HTMLElement&&k(r,e),r=n.nextNode()}function k(t,e){for(let n of Array.from(t.attributes)){let r=n.name;if(!r.startsWith("data-r-bind:"))continue;let o=r.slice(12),[s,a="{}"]=n.value.split("|"),i=e.get(s);if(!i)continue;let c=l=>{let u=a.replace("{}",E(l));t.setAttribute(o,u)};c(i.value),i.subscribe(c)}}function E(t){if(t==null)return"";if(typeof t=="string")return t;if(typeof t=="number"||typeof t=="boolean")return String(t);try{return JSON.stringify(t)}catch{return String(t)}}var $="resuma-island";function p(t,e){t.querySelectorAll($).forEach(r=>{let o=r.getAttribute("data-r-chunk");if(!o)return;if((r.getAttribute("data-r-load")??"eager")==="visible"&&"IntersectionObserver"in window){new IntersectionObserver((i,c)=>{for(let l of i)l.isIntersecting&&(c.unobserve(l.target),S(r,o,e))},{rootMargin:"100px"}).observe(r);return}S(r,o,e)})}async function S(t,e,n){let r=t.getAttribute("data-r-props")??"{}",o={};try{o=JSON.parse(r)}catch{}await D(e,o,t,n)}async function D(t,e,n,r){try{let o=await import(`/_resuma/island-chunk/${t}.js`);typeof o.resume=="function"&&o.resume(e,r,n)}catch(o){console.debug("[resuma] island chunk unavailable, staying static",t,o)}}var R=new Map;async function A(t,e){if(e){let i=R.get(e);return i||(i=T(e),R.set(e,i)),i}let[n,r]=t.split("#"),o=window.__resuma;if(n==="__page__"){let i=o.handlers[n]?.[r];if(i)return T(i)}let s=o.loaded.get(n);s||(s=await import(`/_resuma/handler/${n}.js`),o.loaded.set(n,s));let a=s[r];if(!a)throw new Error(`[resuma] handler ${r} not found in chunk ${n}`);return a}function T(t){let e=t.trim(),r=e.startsWith("(")||e.startsWith("function")||e.startsWith("async")?`return (${t});`:`return (async (event, state, __resuma) => { ${t} });`;return new Function(r)()}var M="resuma-root",w="resuma-state";function y(){return document.getElementById(M)??document.body}function W(t){if(!t?.textContent)return{signals:[],handlers:{},islands:[],actions:[]};try{return JSON.parse(t.textContent)}catch(e){return console.error("[resuma] failed to parse state payload",e),{signals:[],handlers:{},islands:[],actions:[]}}}function j(t,e){if(t===e)return!0;if(t!=="/"&&e.startsWith(t)){let n=e.charCodeAt(t.length);return n===void 0||n===47}return!1}function q(t){document.querySelectorAll("a[data-r-nav]").forEach(e=>{let n=e.getAttribute("href");if(!n)return;let r=e.getAttribute("data-r-active-class");if(!r)return;let o=(e.getAttribute("data-r-base-class")??e.className).split(/\s+/).filter(s=>s&&s!==r).join(" ");e.setAttribute("data-r-base-class",o),e.className=j(n,t)?`${o} ${r}`.trim():o})}function b(){let t=W(document.getElementById(w)),e=f(t.signals),n={};for(let[a,i]of e)n[a]=i;let r=window.__resuma;if(!r){window.location.reload();return}let o={state:n,signals:e,handlers:t.handlers,contexts:t.contexts??{},loaded:r.loaded??new Map,action:r.action,safeAction:r.safeAction,refreshIsland:r.refreshIsland,context:a=>o.contexts[a]};window.__resuma=o;let s=y();m(s,e),g(s,e),p(s,e),q(location.pathname+location.search)}function B(){let t=y(),e=t.querySelector("[autofocus]")??t.querySelector("h1, [role='heading'], main")??t;e.hasAttribute("tabindex")||e.setAttribute("tabindex","-1");try{e.focus({preventScroll:!0})}catch{e.focus()}}async function h(t,e=!0){try{let n=await fetch(t,{headers:{Accept:"text/html"},credentials:"same-origin"});if(!n.ok){window.location.href=t;return}let r=await n.text(),o=new DOMParser().parseFromString(r,"text/html"),s=o.getElementById(M),a=o.getElementById(w);if(!s||!a?.textContent){window.location.href=t;return}y().innerHTML=s.innerHTML;let i=document.getElementById(w);i&&(i.textContent=a.textContent),o.title&&(document.title=o.title),e&&history.pushState({resumaNav:!0},"",t),b(),e&&window.scrollTo(0,0),B()}catch(n){console.error("[resuma] navigation failed",n),window.location.href=t}}function v(t){t.startsWith("/")&&!t.startsWith("//")?h(t):window.location.assign(t)}function G(t,e){if(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||t.target&&t.target!=="_self")return!1;let n=t.getAttribute("href");if(!n||n.startsWith("#")||n.startsWith("javascript:"))return!1;if(n.startsWith("http://")||n.startsWith("https://"))try{return new URL(n).origin===location.origin}catch{return!1}return!0}function _(){document.addEventListener("click",t=>{let e=t.target;if(!(e instanceof Element))return;let n=e.closest("a[data-r-nav]");if(!n||!G(n,t))return;let r=n.getAttribute("href");r&&(t.preventDefault(),h(r))}),window.addEventListener("popstate",()=>{h(location.pathname+location.search,!1)})}var V="resuma-state",U="resuma-root",J="data-r-on:",K="data-r-cap:",X="data-r-inline:",d=()=>document.getElementById(U)??document.body;function Y(){let t=document.getElementById(V);if(!t||!t.textContent)return{signals:[],handlers:{},islands:[],actions:[]};try{return JSON.parse(t.textContent)}catch(e){return console.error("[resuma] failed to parse state payload",e),{signals:[],handlers:{},islands:[],actions:[]}}}function C(){z(),Z(),rt(),_()}function z(){let t=Y(),e=f(t.signals),n={};for(let[o,s]of e)n[o]=s;let r={state:n,signals:e,handlers:t.handlers,contexts:t.contexts??{},loaded:new Map,action:I,safeAction:lt,refreshIsland:ut,context:o=>r.contexts[o]};window.__resuma=r,m(d(),e),g(d(),e),p(d(),e),st(d()),at(d()),it(d()),ct(t.visible_tasks??{},n)}var Q=["click","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mousemove","mouseenter","mouseleave","pointerdown","pointerup","pointermove","touchstart","touchend","scroll","wheel","dragstart","dragend","drop","load"];function Z(){for(let t of Q)document.addEventListener(t,et,!0)}function tt(t){let e=t.target;return e instanceof Element?e:e instanceof Text?e.parentElement:null}async function et(t){let e=tt(t);if(!e)return;let n=J+t.type,r=K+t.type,o=X+t.type;for(;e&&e!==document.body;){e.getAttribute(`data-r-prevent:${t.type}`)!==null&&t.preventDefault(),e.getAttribute(`data-r-stop:${t.type}`)!==null&&t.stopPropagation();let i=e.getAttribute(n);if(i){let c=(e.getAttribute(r)??"").split(",").map(u=>u.trim()).filter(Boolean),l=e.getAttribute(o);try{let u=await A(i,l),L=nt(c),H=window.__resuma;await u(t,L,H)}catch(u){console.error("[resuma] handler error",u)}return}e=e.parentElement}}function nt(t){let e=window.__resuma;if(!t.length)return e.state;let n={};for(let r of t){let[o,s]=r.split(":"),a=s??o,i=e.signals.get(a);i&&(n[o]=i)}return Object.assign(Object.create(e.state),n)}function rt(){document.addEventListener("submit",async t=>{if(!(t.target instanceof HTMLFormElement))return;let e=t.target;if(!e.getAttribute("data-r-submit"))return;t.preventDefault();let n=e.getAttribute("data-r-submit"),r=new FormData(e),o={};r.forEach((a,i)=>{o[i]=String(a)});let s=new URLSearchParams(o);try{let a=await fetch(e.action||`/_resuma/submit/${encodeURIComponent(n)}`,{method:"POST",headers:{"content-type":"application/x-www-form-urlencoded",accept:"application/json"},body:s.toString()}),i=await a.json();if(!a.ok||i.ok===!1){ot(e,i.field_errors??{}),(a.status>=500||!i.field_errors)&&console.error("[resuma] submit error",i.error??`submit ${n} failed`);return}if(x(e),i.redirect){v(i.redirect);return}console.info("[resuma] submit ok",i.value)}catch(a){console.error("[resuma] submit error",a)}},!0)}function ot(t,e){x(t);for(let[n,r]of Object.entries(e)){let o=t.querySelector(`[name="${n}"]`);if(!o)continue;let s=document.createElement("span");s.className="resuma-field-error",s.setAttribute("data-r-field-error",n),s.textContent=r,o.insertAdjacentElement("afterend",s)}}function x(t){t.querySelectorAll("[data-r-field-error]").forEach(e=>e.remove())}function st(t){t.querySelectorAll("template[data-r-stream-chunk]").forEach(e=>{let n=e.getAttribute("data-r-stream-chunk");if(!n)return;let r=t.querySelector(`template[data-r-stream="${n}"]`);if(!r||!r.parentElement)return;let o=e.innerHTML,s=document.createRange().createContextualFragment(o);r.replaceWith(s),e.remove()})}function at(t){t.querySelectorAll("template[data-r-portal]").forEach(e=>{let n=e.getAttribute("data-r-portal");if(!n)return;let r=document.getElementById(n)??document.querySelector(`[data-r-portal-target="${n}"]`);if(!r)return;let o=document.createDocumentFragment();for(;e.content.firstChild;)o.appendChild(e.content.firstChild);r.appendChild(o),e.remove()})}function it(t){"startViewTransition"in document&&t.querySelectorAll("[data-r-vt]").forEach(e=>{e.addEventListener("click",n=>{let r=n.target?.closest("a[href]");if(!r||r.getAttribute("target")==="_blank")return;let o=r.getAttribute("href");if(!o||o.startsWith("#")||o.startsWith("javascript:"))return;n.preventDefault();let s=()=>{window.location.href=o};document.startViewTransition?.(s)})})}function ct(t,e){let n=Object.entries(t);if(!n.length)return;let r=(o,s)=>{try{let a=new Function("state","__resuma",`return ${s}`);Promise.resolve(a(e,window.__resuma))}catch(a){console.error("[resuma] visible task",o,a)}};if("IntersectionObserver"in window){let o=new IntersectionObserver((s,a)=>{for(let i of s){if(!i.isIntersecting)continue;let c=i.target.dataset.rVisibleTask,l=c?t[c]:void 0;l&&r(c,l),a.unobserve(i.target)}},{rootMargin:"50px"});for(let[s]of n){let a=document.createElement("span");a.hidden=!0,a.dataset.rVisibleTask=s,d().appendChild(a),o.observe(a)}}else for(let[o,s]of n)r(o,s)}async function lt(t,e){try{return{ok:!0,value:await I(t,e)}}catch(n){return{ok:!1,error:n instanceof Error?n.message:String(n)}}}async function I(t,e){let n=await fetch(`/_resuma/action/${encodeURIComponent(t)}`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({args:e})});if(!n.ok)throw new Error(`[resuma] action ${t} failed: ${n.status}`);let r=await n.json();if(r.ok===!1)throw new Error(r.error??"action failed");return r.redirect&&v(r.redirect),r.value}async function ut(t){let e=await fetch(`/_resuma/island/${encodeURIComponent(t)}`);if(!e.ok)return;let n=await e.text(),r=document.querySelector(`resuma-island[data-r-instance="${t}"]`);r&&(r.outerHTML=n),b()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",C,{once:!0}):C();
//# sourceMappingURL=runtime.js.map