resuma 0.4.6

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