what-server 0.11.7 → 0.11.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.min.js +7 -7
- package/dist/islands.min.js +1 -1
- package/dist/node.min.js +2 -2
- package/index.d.ts +18 -64
- package/islands.d.ts +99 -0
- package/package.json +6 -4
- package/src/action-handler.js +10 -2
- package/src/adapter/core.js +19 -3
- package/src/adapter/node.js +31 -1
- package/src/adapter/static.js +15 -2
- package/src/index.js +31 -2
- package/src/islands.js +19 -13
package/dist/index.min.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{h as yt,getServerContext as mt,runWithServerContext as S,beginHeadCollection as Zt,endHeadCollection as Q}from"what-core";var St=new RegExp("[<>&\\u2028\\u2029]","g"),bt={60:"\\u003c",62:"\\u003e",38:"\\u0026",8232:"\\u2028",8233:"\\u2029"};function F(t){return JSON.stringify(t).replace(St,e=>bt[e.charCodeAt(0)])}import{mount as de,signal as le,batch as pe,getServerContext as At}from"what-core";var Tt=new Map;function kt(t){let e=t||At();return e&&e.islandStores instanceof Map?e.islandStores:null}function st(t){let e=typeof document<"u"?Tt:kt(t),n={};for(let[r,o]of e||[])n[r]=o._getSnapshot();return n}import{signal as A,batch as J}from"what-core";var k=null,at=!(typeof process<"u");function U(t){k=t}function _t(){return k}async function B(t,e){if(k&&k.revalidatePath)return k.revalidatePath(t,e);at&&console.warn(`[what] revalidatePath('${t}') had no effect: no cache engine is bound. Create a what-isr engine and bind it in your adapter (setRevalidationHandler).`)}async function W(t,e){if(k&&k.revalidateTag)return k.revalidateTag(t,e);at&&console.warn(`[what] revalidateTag('${t}') had no effect: no cache engine is bound.`)}var V=new Map;function Rt(){if(typeof document<"u"){let t=document.querySelector('meta[name="what-csrf-token"]');if(t)return t.getAttribute("content");let e=document.cookie.match(/(?:^|;\s*)what-csrf=([^;]+)/);if(e)return decodeURIComponent(e[1])}return null}function z(){if(typeof crypto<"u"&&crypto.randomUUID)return crypto.randomUUID();if(typeof crypto<"u"&&crypto.getRandomValues){let t=new Uint8Array(16);return crypto.getRandomValues(t),Array.from(t,e=>e.toString(16).padStart(2,"0")).join("")}throw new Error("[what] No secure random source available for CSRF token generation")}function it(t,e){if(!t||!e||t.length!==e.length)return!1;let n=0;for(let r=0;r<t.length;r++)n|=t.charCodeAt(r)^e.charCodeAt(r);return n===0}function X(t){return`<meta name="what-csrf-token" content="${String(t).replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}">`}var Ct=0,Et=!1;function vt(){return!Et&&typeof process<"u",`a_${typeof crypto<"u"&&crypto.getRandomValues?Array.from(crypto.getRandomValues(new Uint8Array(6)),e=>e.toString(16).padStart(2,"0")).join(""):`c${(++Ct).toString(36)}_${Date.now().toString(36)}`}`}function Pt(t,e={}){let n=e.id||vt(),{onError:r,onSuccess:o,revalidate:a}=e;typeof window>"u"&&V.set(n,{fn:t,options:e});async function s(...i){if(typeof window>"u")return t(...i);let c=e.timeout||3e4,u=new AbortController,d=setTimeout(()=>u.abort(),c);try{let f=Rt(),l={"Content-Type":"application/json","X-What-Action":n};f&&(l["X-CSRF-Token"]=f);let p=await fetch("/__what_action",{method:"POST",headers:l,credentials:"same-origin",signal:u.signal,body:JSON.stringify({args:i})});if(!p.ok){let g=await p.json().catch(()=>({message:"Action failed"}));throw new Error(g.message||"Action failed")}let h=await p.json();if(o&&o(h),a)for(let g of a)dt(g);return h}catch(f){if(f.name==="AbortError"){let l=new Error(`Action "${n}" timed out after ${c}ms`);throw l.code="TIMEOUT",r&&r(l),l}throw r&&r(f),f}finally{clearTimeout(d)}}return s._actionId=n,s._isAction=!0,s}function ct(t,e={}){let{onSuccess:n,onError:r,resetOnSuccess:o=!0}=e;return async a=>{let s,i;a instanceof Event?(a.preventDefault(),i=a.target,s=new FormData(i)):s=a;let c={},u=!1;for(let[d,f]of s.entries())typeof File<"u"&&f instanceof File&&(u=!0),c[d]?Array.isArray(c[d])?c[d].push(f):c[d]=[c[d],f]:c[d]=f;try{let d=u?await t(c,s):await t(c);return n&&n(d,i),o&&i&&i.reset(),d}catch(d){throw r&&r(d,i),d}}}function ut(t){let e=A(!1),n=A(null),r=A(null);async function o(...a){e.set(!0),n.set(null);try{let s=await t(...a);return r.set(s),s}catch(s){throw n.set(s),s}finally{e.set(!1)}}return{trigger:o,isPending:()=>e(),error:()=>n(),data:()=>r(),reset:()=>{n.set(null),r.set(null)}}}function xt(t,e={}){let{resetOnSuccess:n=!0}=e,r={current:null},o=ut(ct(t,{resetOnSuccess:n}));function a(s){s.preventDefault();let i=new FormData(s.target);return r.current=s.target,o.trigger(i)}return{...o,handleSubmit:a,formRef:r}}function Ot(t,e){let n=A(t),r=A([]),o=A(t);function a(u){let d=e(n.peek(),u);J(()=>{r.set([...r.peek(),u]),n.set(d)})}function s(u,d){J(()=>{if(r.set(r.peek().filter(f=>f!==u)),d!==void 0){o.set(d);let f=d;for(let l of r.peek())f=e(f,l);n.set(f)}})}function i(u,d){J(()=>{let f=r.peek().filter(h=>h!==u);r.set(f);let l=d!==void 0?d:o.peek();o.set(l);let p=l;for(let h of f)p=e(p,h);n.set(p)})}async function c(u,d){a(u);try{let f=await d();return s(u,f),f}catch(f){throw i(u),f}}return{value:()=>n(),isPending:()=>r().length>0,addOptimistic:a,resolve:s,rollback:i,withOptimistic:c,set:u=>{n.set(u),o.set(u)}}}var x=new Map;function $t(t,e){return x.has(t)||x.set(t,new Set),x.get(t).add(e),()=>{x.get(t)?.delete(e)}}function dt(t){let e=x.get(t);if(e)for(let n of e)try{n()}catch(r){console.error("[what] Revalidation error:",r)}}function I(t,e,n,r={}){let{csrfToken:o,skipCsrf:a=!1}=r;if(!a){if(!o)return Promise.resolve({status:500,body:{message:"[what] CSRF token not configured. Pass { csrfToken: sessionToken } to handleActionRequest, or { skipCsrf: true } to explicitly opt out."}});let i=t?.headers?.["x-csrf-token"]||t?.headers?.["X-CSRF-Token"];if(!it(i,o))return Promise.resolve({status:403,body:{message:"Invalid CSRF token"}})}let s=V.get(e);return s?Array.isArray(n)?s.fn(...n).then(async i=>{let c=s.options||{};if(Array.isArray(c.revalidate))for(let u of c.revalidate)await B(u);if(Array.isArray(c.revalidateTags))for(let u of c.revalidateTags)await W(u);return{status:200,body:i}}).catch(i=>(console.error(`[what] Action "${e}" error:`,i),{status:500,body:{message:"Action failed"}})):Promise.resolve({status:400,body:{message:"Invalid action arguments"}}):Promise.resolve({status:404,body:{message:"Action not found"}})}function Ht(){return[...V.keys()]}function It(t,e={}){let{onSuccess:n,onError:r,onSettled:o}=e,a={isPending:A(!1),error:A(null),data:A(null)};async function s(...i){a.isPending.set(!0),a.error.set(null);try{let c=await t(...i);return a.data.set(c),n&&n(c,...i),c}catch(c){throw a.error.set(c),r&&r(c,...i),c}finally{a.isPending.set(!1),o&&o(a.data.peek(),a.error.peek(),...i)}}return{mutate:s,isPending:()=>a.isPending(),error:()=>a.error(),data:()=>a.data(),reset:()=>{a.error.set(null),a.data.set(null)}}}var Dt="/__what_action",lt=1024*1024;function Lt(t){if(!t)return{};if(typeof t.forEach=="function"&&typeof t.get=="function"){let n={};return t.forEach((r,o)=>{n[o.toLowerCase()]=r}),n}let e={};for(let n in t)e[n.toLowerCase()]=t[n];return e}function D(t,e){return{status:t,headers:{"content-type":"application/json"},body:JSON.stringify(e)}}function Y(t,e){return{status:t,headers:{"content-type":"text/html; charset=utf-8"},body:`<!DOCTYPE html><html><body><h1>${t}</h1><p>${String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}</p></body></html>`}}function ft(t){if(typeof t!="string"||!t.startsWith("/")||/^[/\\]{2}/.test(t)||t.includes("\\"))return null;try{let e=new URL(t,"http://localhost");return e.origin!=="http://localhost"?null:e.pathname+e.search}catch{return null}}function jt(t,e){let n=ft(t&&t._redirect);if(n)return n;let r=e.referer||e.referrer;if(r)try{let o=new URL(r,"http://localhost"),a=ft(o.pathname+o.search);if(a)return a}catch{}return"/"}var Mt=new Set(["_action","data-action","_csrf","what-csrf-token","_redirect"]);function O(t={}){let{getCsrfToken:e,skipCsrf:n=!1}=t;return async function(o){if((o.method||"POST").toUpperCase()!=="POST")return D(405,{message:"Method Not Allowed"});let s=Lt(o.headers),i=s["x-what-action"],c=s["content-type"]||"",u=!i&&c.includes("application/x-www-form-urlencoded"),d=n?void 0:e?await e(o):void 0;if(u){let h=o.body||{},g=h._action||h["data-action"]||o.query&&o.query.action;if(!g)return Y(400,'Missing action name (add a hidden "_action" field or ?action= query param)');let b={...s},C=h._csrf??h["what-csrf-token"];if(C&&!b["x-csrf-token"]&&(b["x-csrf-token"]=String(C)),!n&&e&&!d)return Y(403,"Missing CSRF token");let E={};for(let[v,M]of Object.entries(h))Mt.has(v)||(E[v]=M);let R=await I({headers:b},g,[E],{csrfToken:d,skipCsrf:n});return R.status===200?{status:303,headers:{location:jt(h,s)},body:""}:Y(R.status,R.body&&R.body.message||"Action failed")}if(!i)return D(400,{message:"Missing X-What-Action header"});if(!n&&e&&!d)return D(403,{message:"Missing CSRF token"});let l=(o.body||{}).args,p=await I({headers:s},i,l,{csrfToken:d,skipCsrf:n});return D(p.status,p.body)}}function Nt(t={}){let e=t.basePath||Dt,n=O(t);return async function(o,a,s){let[i,c]=(o.url||"").split("?");if(i!==e||(o.method||"").toUpperCase()!=="POST")return s?s():void 0;let u;try{let l=await Ft(o);u=L(l,o.headers["content-type"]||"")}catch(l){a.writeHead(l.code==="BODY_TOO_LARGE"?413:400,{"content-type":"application/json"}),a.end(JSON.stringify({message:l.code==="BODY_TOO_LARGE"?"Payload too large":"Invalid request body"}));return}let d=Object.fromEntries(new URLSearchParams(c||"")),f=await n({method:o.method,headers:o.headers,body:u,query:d});a.writeHead(f.status,f.headers),a.end(f.body)}}function L(t,e){if((e||"").includes("application/x-www-form-urlencoded")){let n={};for(let[r,o]of new URLSearchParams(String(t)))n[r]===void 0?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o];return n}return t==null||t===""?{}:JSON.parse(String(t))}async function K(t,e=lt){let n=Number(t.headers.get("content-length"));if(Number.isFinite(n)&&n>e)return{tooLarge:!0};let r=t.body;if(!r||typeof r.getReader!="function"){let i=await t.text();return Buffer.byteLength(i,"utf8")>e?{tooLarge:!0}:{raw:i}}let o=r.getReader(),a=[],s=0;for(;;){let{done:i,value:c}=await o.read();if(i)break;if(c){if(s+=c.byteLength,s>e){try{await o.cancel()}catch{}return{tooLarge:!0}}a.push(c)}}return{raw:Buffer.concat(a.map(i=>Buffer.from(i))).toString("utf8")}}function Ft(t){return new Promise((e,n)=>{let r=0,o=[];t.on("data",a=>{if(r+=a.length,r>lt){let s=new Error("Body too large");s.code="BODY_TOO_LARGE",n(s),t.destroy?.();return}o.push(a)}),t.on("end",()=>{if(o.length===0)return e("");e(Buffer.concat(o).toString("utf8"))}),t.on("error",n)})}function Ut(t={}){let e=O(t);return async function(n){let r={};try{let s=await K(n);if(s.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});r=L(s.raw,n.headers.get("content-type")||"")}catch{r={}}let o={};try{o=Object.fromEntries(new URL(n.url,"http://localhost").searchParams)}catch{}let a=await e({method:n.method,headers:n.headers,body:r,query:o});return new Response(a.body,{status:a.status,headers:a.headers})}}import{matchRoute as Bt,parseQuery as Wt}from"what-router/match";var Jt="/__what_action",Vt="/__what_revalidate",Z="what-csrf";function j(t){let e={};return t&&typeof t.forEach=="function"&&t.forEach((n,r)=>{e[r.toLowerCase()]=n}),e}function pt(t,e){if(!t)return null;let n=String(t).match(new RegExp(`(?:^|;\\s*)${e}=([^;]+)`));return n?decodeURIComponent(n[1]):null}async function zt(t){try{let e=await K(t);return e.tooLarge?{tooLarge:!0}:L(e.raw,t.headers.get("content-type")||"")}catch{return{}}}async function Xt(t){try{return await t.json()}catch{return{}}}function Yt(t){return async function(n){let{route:r,params:o,query:a,request:s}=n,i={default:r.component,loader:r.loader},c=n.csrfToken?{...t,csrfToken:n.csrfToken}:t;return{html:await ht(i,{params:o,query:a,request:s},c),status:200,tags:n.config&&n.config.tags||[],path:n.path}}}function G(t={}){let{routes:e=[],cache:n,render:r,revalidateWebhook:o,document:a={},notFound:s,basePath:i="",csrf:c=!0}=t,u=c!==!1&&!t.actionHandler,d=t.actionHandler||O(u?{getCsrfToken:l=>pt(l.headers&&l.headers.cookie,Z)}:{skipCsrf:!0}),f=r||Yt(a);return n&&(n.revalidatePath||n.revalidateTag)&&U({revalidatePath:n.revalidatePath,revalidateTag:n.revalidateTag}),async function(p){let h=new URL(p.url,"http://localhost"),g=h.pathname;if(i&&g.startsWith(i)&&(g=g.slice(i.length)||"/"),p.method==="POST"&&g===Jt){let y=await zt(p);if(y&&y.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let T=await d({method:"POST",headers:j(p.headers),body:y,query:Object.fromEntries(h.searchParams)});return new Response(T.body,{status:T.status,headers:T.headers})}let b=null,C=null;if(u&&(b=pt(j(p.headers).cookie,Z),!b)){b=z();let T=j(p.headers)["x-forwarded-proto"]==="https"||h.protocol==="https:"||!0;C=`${Z}=${encodeURIComponent(b)}; Path=/; SameSite=Lax`+(T?"; Secure":"")}let E=y=>(C&&(y["set-cookie"]=C),y);if(p.method==="POST"&&g===Vt&&o){let y=await Xt(p),T=await o({headers:j(p.headers),body:y});return new Response(JSON.stringify(T.body),{status:T.status,headers:{"content-type":"application/json"}})}let R=Bt(g,e);if(!R){let y=s?s():"<!DOCTYPE html><html><body><h1>404 \u2014 Not Found</h1></body></html>";return new Response(y,{status:404,headers:E({"content-type":"text/html; charset=utf-8"})})}let{route:v,params:M}=R,N=v.page||{mode:v.mode||"client"},H={path:g,query:Wt(h.search),config:N,route:v,params:M,request:p};if(n&&N.mode!=="server"){let y=await n.handle(H,()=>f(H));return new Response(y.html,{status:y.status||200,headers:E({"content-type":"text/html; charset=utf-8",...y.headers||{}})})}b&&(H.csrfToken=b);let rt=await f(H),ot=E({"content-type":"text/html; charset=utf-8"});return N.mode==="server"&&(ot["Cache-Control"]="private, no-store"),new Response(rt.html,{status:rt.status||200,headers:ot})}}function Kt(t={}){let e=G(t);return{async fetch(n,r,o){return r&&(n.__env=r),o&&(n.__ctx=o),e(n)}}}function _(t){return{head:Zt(),loaderData:t,resources:new Map,islandStores:new Map,resourceCounter:0,boundaryCounter:0,suspended:[]}}var gt=0;function Gt(){gt=0}function Qt(){return"h"+gt++}function qt(t){if(typeof document>"u"&&!mt()){let e=_(void 0);return S(e,()=>qt(t))}return Gt(),P(t)}function P(t){if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return m(String(t));if(typeof t=="function"&&t._signal)return`<!--$-->${P(t())}<!--/$-->`;if(typeof t=="function")try{return`<!--$-->${P(t())}<!--/$-->`}catch{return typeof process<"u","<!--$--><!--/$-->"}if(Array.isArray(t))return`<!--[]-->${t.map(P).join("")}<!--/[]-->`;if(typeof t.tag=="function"){let c=Qt(),u=t.tag({...t.props,children:t.children}),d=P(u);return te(d,c)}let{tag:e,props:n,children:r}=t,o=et(n||{}),a=`<${e}${o}>`;if(nt.has(e))return a;let s=tt(n),i=s!=null?String(s):r.map(P).join("");return`${a}${i}</${e}>`}function te(t,e){let n=t.match(/^((?:<!--.*?-->)*)<([a-zA-Z][a-zA-Z0-9-]*)/);if(n){let r=n[1],o=n[2],a=r.length+1+o.length;return t.slice(0,a)+` data-hk="${e}"`+t.slice(a)}return t}function w(t){if(typeof document>"u"&&!mt()){let c=_(void 0);return S(c,()=>w(t))}if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return m(String(t));if(typeof t=="function"&&t._signal)return w(t());if(typeof t=="function")try{return w(t())}catch{return typeof process<"u",""}if(Array.isArray(t))return t.map(w).join("");if(t.tag==="__suspense")try{return(t.children||[]).map(w).join("")}catch(c){if(c&&typeof c.then=="function")return w(t.props&&t.props.fallback);throw c}if(typeof t.tag=="function"){let c=t.tag({...t.props,children:t.children});return w(c)}let{tag:e,props:n,children:r}=t,o=et(n||{}),a=`<${e}${o}>`;if(nt.has(e))return a;let s=tt(n),i=s!=null?String(s):r.map(w).join("");return`${a}${i}</${e}>`}function He(t){let e=_(void 0);return{body:S(e,()=>w(t)),head:Q(e.head)}}async function Ie(t,e={}){let n=t.default||t,r=typeof t.loader=="function"?await t.loader(e):void 0,o=_(r),a=e.params||{};return{body:S(o,()=>w(yt(n,{...a,loaderData:r}))),head:Q(o.head),loaderData:r}}var wt=12;async function ee(t,e){e||(e=_(void 0));let n="";for(let o=0;o<wt;o++){n=S(e,()=>w(t));let a=[...e.resources.values()].filter(s=>s.status==="pending").map(s=>s.promise);if(a.length===0)break;await Promise.all(a)}let r={};for(let[o,a]of e.resources)a.status==="ready"&&(r[o]=a.value);return{body:n,head:Q(e.head),loaderData:e.loaderData,resources:r,ctx:e}}async function ht(t,e={},n={}){let r=t.default||t,o=typeof t.loader=="function"?await t.loader(e):void 0,a=_(o),s=e.params||{},{body:i,head:c,resources:u}=await ee(yt(r,{...s,loaderData:o}),a),d={loaderData:o??null,resources:u,islandStores:st(a)};return ne({body:i,head:c,payload:d,options:n})}function ne({body:t,head:e,payload:n,options:r={}}){let o=r.lang||"en",a=`<script id="__what_data" type="application/json">${F(n)}<\/script>`,s=r.clientEntry?`<script type="module" src="${m(r.clientEntry)}"><\/script>`:"",c=(r.csrfToken?X(r.csrfToken):"")+(r.head||""),u=r.bodyClass?` class="${m(r.bodyClass)}"`:"";return`<!DOCTYPE html><html lang="${m(o)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">${e||""}${c}</head><body${u}>${t}${a}${s}</body></html>`}async function*$(t,e){if(e===void 0&&(e=_(void 0)),t==null||t===!1||t===!0)return;if(typeof t=="string"||typeof t=="number"){yield m(String(t));return}if(typeof t=="function"&&t._signal){let s=S(e,()=>t());yield*$(s,e);return}if(typeof t=="function"){try{let s=S(e,()=>t());yield*$(s,e)}catch{typeof process<"u"}return}if(Array.isArray(t)){for(let s of t)yield*$(s,e);return}if(t.tag==="__suspense"){let s=null;for(let i=0;i<wt&&s===null;i++){let c=null;try{s=S(e,()=>(t.children||[]).map(w).join(""))}catch(u){if(u&&typeof u.then=="function")c=u;else throw u}if(s===null){let u=[...e.resources.values()].filter(d=>d.status==="pending").map(d=>d.promise);await Promise.all([c,...u].filter(Boolean))}}s===null&&(s=S(e,()=>w(t.props&&t.props.fallback))),yield s;return}if(typeof t.tag=="function"){try{let s=S(e,()=>t.tag({...t.props,children:t.children})),i=s instanceof Promise?await s:s;yield*$(i,e)}catch(s){typeof process<"u",yield q?`<!-- SSR Error: ${m(s.message||"Component error")} -->`:"<!-- SSR Error -->"}return}let{tag:n,props:r,children:o}=t,a=et(r||{});if(yield`<${n}${a}>`,!nt.has(n)){let s=tt(r);if(s!=null)yield String(s);else for(let i of o)yield*$(i,e);yield`</${n}>`}}function De(t){return{mode:"static",...t}}function Le(t,e={}){let n=_(e),r=S(n,()=>{let a=t.component(e);return w(a)}),o=t.islands||[];return re({title:t.title||"",meta:t.meta||{},body:r,islands:o,scripts:t.mode==="static"?[]:t.scripts||[],styles:t.styles||[],mode:t.mode})}function re({title:t,meta:e,body:n,islands:r,scripts:o,styles:a,mode:s}){let i=Object.entries(e).map(([l,p])=>`<meta name="${m(l)}" content="${m(p)}">`).join(`
|
|
2
|
-
`),c=
|
|
3
|
-
`),
|
|
1
|
+
import{h as mt,getServerContext as gt,runWithServerContext as S,beginHeadCollection as Gt,endHeadCollection as q}from"what-core";var bt=new RegExp("[<>&\\u2028\\u2029]","g"),At={60:"\\u003c",62:"\\u003e",38:"\\u0026",8232:"\\u2028",8233:"\\u2029"};function B(t){return JSON.stringify(t).replace(bt,e=>At[e.charCodeAt(0)])}import{mount as pe,hydrate as he,signal as ye,batch as me,getServerContext as _t}from"what-core";var Tt=new Map;function kt(t){let e=t||_t();return e&&e.islandStores instanceof Map?e.islandStores:null}function st(t){let e=typeof document<"u"?Tt:kt(t),n={};for(let[r,o]of e||[])n[r]=o._getSnapshot();return n}import{signal as A,batch as z}from"what-core";var T=null,it=!(typeof process<"u");function J(t){T=t}function Rt(){return T}async function W(t,e){if(T&&T.revalidatePath)return T.revalidatePath(t,e);it&&console.warn(`[what] revalidatePath('${t}') had no effect: no cache engine is bound. Create a what-isr engine and bind it in your adapter (setRevalidationHandler).`)}async function V(t,e){if(T&&T.revalidateTag)return T.revalidateTag(t,e);it&&console.warn(`[what] revalidateTag('${t}') had no effect: no cache engine is bound.`)}var X=new Map;function Et(){if(typeof document<"u"){let t=document.querySelector('meta[name="what-csrf-token"]');if(t)return t.getAttribute("content");let e=document.cookie.match(/(?:^|;\s*)what-csrf=([^;]+)/);if(e)return decodeURIComponent(e[1])}return null}function Y(){if(typeof crypto<"u"&&crypto.randomUUID)return crypto.randomUUID();if(typeof crypto<"u"&&crypto.getRandomValues){let t=new Uint8Array(16);return crypto.getRandomValues(t),Array.from(t,e=>e.toString(16).padStart(2,"0")).join("")}throw new Error("[what] No secure random source available for CSRF token generation")}function ct(t,e){if(!t||!e||t.length!==e.length)return!1;let n=0;for(let r=0;r<t.length;r++)n|=t.charCodeAt(r)^e.charCodeAt(r);return n===0}function K(t){return`<meta name="what-csrf-token" content="${String(t).replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}">`}var Ct=0,vt=!1;function Ot(){return!vt&&typeof process<"u",`a_${typeof crypto<"u"&&crypto.getRandomValues?Array.from(crypto.getRandomValues(new Uint8Array(6)),e=>e.toString(16).padStart(2,"0")).join(""):`c${(++Ct).toString(36)}_${Date.now().toString(36)}`}`}function xt(t,e={}){let n=e.id||Ot(),{onError:r,onSuccess:o,revalidate:s}=e;typeof window>"u"&&X.set(n,{fn:t,options:e});async function a(...i){if(typeof window>"u")return t(...i);let c=e.timeout||3e4,d=new AbortController,u=setTimeout(()=>d.abort(),c);try{let f=Et(),l={"Content-Type":"application/json","X-What-Action":n};f&&(l["X-CSRF-Token"]=f);let p=await fetch("/__what_action",{method:"POST",headers:l,credentials:"same-origin",signal:d.signal,body:JSON.stringify({args:i})});if(!p.ok){let g=await p.json().catch(()=>({message:"Action failed"}));throw new Error(g.message||"Action failed")}let h=await p.json();if(o&&o(h),s)for(let g of s)ft(g);return h}catch(f){if(f.name==="AbortError"){let l=new Error(`Action "${n}" timed out after ${c}ms`);throw l.code="TIMEOUT",r&&r(l),l}throw r&&r(f),f}finally{clearTimeout(u)}}return a._actionId=n,a._isAction=!0,a}function dt(t,e={}){let{onSuccess:n,onError:r,resetOnSuccess:o=!0}=e;return async s=>{let a,i;s instanceof Event?(s.preventDefault(),i=s.target,a=new FormData(i)):a=s;let c={},d=!1;for(let[u,f]of a.entries())typeof File<"u"&&f instanceof File&&(d=!0),c[u]?Array.isArray(c[u])?c[u].push(f):c[u]=[c[u],f]:c[u]=f;try{let u=d?await t(c,a):await t(c);return n&&n(u,i),o&&i&&i.reset(),u}catch(u){throw r&&r(u,i),u}}}function ut(t){let e=A(!1),n=A(null),r=A(null);async function o(...s){e.set(!0),n.set(null);try{let a=await t(...s);return r.set(a),a}catch(a){throw n.set(a),a}finally{e.set(!1)}}return{trigger:o,isPending:()=>e(),error:()=>n(),data:()=>r(),reset:()=>{n.set(null),r.set(null)}}}function Pt(t,e={}){let{resetOnSuccess:n=!0}=e,r={current:null},o=ut(dt(t,{resetOnSuccess:n}));function s(a){a.preventDefault();let i=new FormData(a.target);return r.current=a.target,o.trigger(i)}return{...o,handleSubmit:s,formRef:r}}function $t(t,e){let n=A(t),r=A([]),o=A(t);function s(d){let u=e(n.peek(),d);z(()=>{r.set([...r.peek(),d]),n.set(u)})}function a(d,u){z(()=>{if(r.set(r.peek().filter(f=>f!==d)),u!==void 0){o.set(u);let f=u;for(let l of r.peek())f=e(f,l);n.set(f)}})}function i(d,u){z(()=>{let f=r.peek().filter(h=>h!==d);r.set(f);let l=u!==void 0?u:o.peek();o.set(l);let p=l;for(let h of f)p=e(p,h);n.set(p)})}async function c(d,u){s(d);try{let f=await u();return a(d,f),f}catch(f){throw i(d),f}}return{value:()=>n(),isPending:()=>r().length>0,addOptimistic:s,resolve:a,rollback:i,withOptimistic:c,set:d=>{n.set(d),o.set(d)}}}var P=new Map;function Ht(t,e){return P.has(t)||P.set(t,new Set),P.get(t).add(e),()=>{P.get(t)?.delete(e)}}function ft(t){let e=P.get(t);if(e)for(let n of e)try{n()}catch(r){console.error("[what] Revalidation error:",r)}}function L(t,e,n,r={}){let{csrfToken:o,skipCsrf:s=!1}=r;if(!s){if(!o)return Promise.resolve({status:500,body:{message:"[what] CSRF token not configured. Pass { csrfToken: sessionToken } to handleActionRequest, or { skipCsrf: true } to explicitly opt out."}});let i=t?.headers?.["x-csrf-token"]||t?.headers?.["X-CSRF-Token"];if(!ct(i,o))return Promise.resolve({status:403,body:{message:"Invalid CSRF token"}})}let a=X.get(e);return a?Array.isArray(n)?a.fn(...n).then(async i=>{let c=a.options||{};if(Array.isArray(c.revalidate))for(let d of c.revalidate)await W(d);if(Array.isArray(c.revalidateTags))for(let d of c.revalidateTags)await V(d);return{status:200,body:i}}).catch(i=>(console.error(`[what] Action "${e}" error:`,i),{status:500,body:{message:"Action failed"}})):Promise.resolve({status:400,body:{message:"Invalid action arguments"}}):Promise.resolve({status:404,body:{message:"Action not found"}})}function It(){return[...X.keys()]}function Lt(t,e={}){let{onSuccess:n,onError:r,onSettled:o}=e,s={isPending:A(!1),error:A(null),data:A(null)};async function a(...i){s.isPending.set(!0),s.error.set(null);try{let c=await t(...i);return s.data.set(c),n&&n(c,...i),c}catch(c){throw s.error.set(c),r&&r(c,...i),c}finally{s.isPending.set(!1),o&&o(s.data.peek(),s.error.peek(),...i)}}return{mutate:a,isPending:()=>s.isPending(),error:()=>s.error(),data:()=>s.data(),reset:()=>{s.error.set(null),s.data.set(null)}}}var jt="/__what_action",pt=1024*1024;function Dt(t){if(!t)return{};if(typeof t.forEach=="function"&&typeof t.get=="function"){let n={};return t.forEach((r,o)=>{n[o.toLowerCase()]=r}),n}let e={};for(let n in t)e[n.toLowerCase()]=t[n];return e}function j(t,e){return{status:t,headers:{"content-type":"application/json"},body:JSON.stringify(e)}}function Z(t,e){return{status:t,headers:{"content-type":"text/html; charset=utf-8"},body:`<!DOCTYPE html><html><body><h1>${t}</h1><p>${String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}</p></body></html>`}}function lt(t){if(typeof t!="string"||!t.startsWith("/")||/^[/\\]{2}/.test(t)||t.includes("\\"))return null;try{let e=new URL(t,"http://localhost");return e.origin!=="http://localhost"?null:e.pathname+e.search}catch{return null}}function Nt(t,e){let n=lt(t&&t._redirect);if(n)return n;let r=e.referer||e.referrer;if(r)try{let o=new URL(r,"http://localhost"),s=lt(o.pathname+o.search);if(s)return s}catch{}return"/"}var Mt=new Set(["_action","data-action","_csrf","what-csrf-token","_redirect"]);function $(t={}){let{getCsrfToken:e,skipCsrf:n=!1}=t;return async function(o){if((o.method||"POST").toUpperCase()!=="POST")return j(405,{message:"Method Not Allowed"});let a=Dt(o.headers),i=a["x-what-action"],c=a["content-type"]||"",d=!i&&c.includes("application/x-www-form-urlencoded"),u=n?void 0:e?await e(o):void 0;if(d){let h=o.body||{},g=h._action||h["data-action"]||o.query&&o.query.action;if(!g)return Z(400,'Missing action name (add a hidden "_action" field or ?action= query param)');let b={...a},E=h._csrf??h["what-csrf-token"];if(E&&!b["x-csrf-token"]&&(b["x-csrf-token"]=String(E)),!n&&e&&!u)return Z(403,"Missing CSRF token");let C={};for(let[v,F]of Object.entries(h))Mt.has(v)||(C[v]=F);let R=await L({headers:b},g,[C],{csrfToken:u,skipCsrf:n});return R.status===200?{status:303,headers:{location:Nt(h,a)},body:""}:Z(R.status,R.body&&R.body.message||"Action failed")}if(!i)return j(400,{message:"Missing X-What-Action header"});if(!n&&e&&!u)return j(403,{message:"Missing CSRF token"});let l=(o.body||{}).args,p=await L({headers:a},i,l,{csrfToken:u,skipCsrf:n});return j(p.status,p.body)}}function Ft(t={}){let e=t.basePath||jt,n=$(t);return async function(o,s,a){let[i,c]=(o.url||"").split("?");if(i!==e||(o.method||"").toUpperCase()!=="POST")return a?a():void 0;let d;try{let l=await Ut(o);d=D(l,o.headers["content-type"]||"")}catch(l){s.writeHead(l.code==="BODY_TOO_LARGE"?413:400,{"content-type":"application/json"}),s.end(JSON.stringify({message:l.code==="BODY_TOO_LARGE"?"Payload too large":"Invalid request body"}));return}let u=Object.fromEntries(new URLSearchParams(c||"")),f=await n({method:o.method,headers:o.headers,body:d,query:u});s.writeHead(f.status,f.headers),s.end(f.body)}}function D(t,e){if((e||"").includes("application/x-www-form-urlencoded")){let n={};for(let[r,o]of new URLSearchParams(String(t)))n[r]===void 0?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o];return n}return t==null||t===""?{}:JSON.parse(String(t))}async function N(t,e=pt){let n=Number(t.headers.get("content-length"));if(Number.isFinite(n)&&n>e)return{tooLarge:!0};let r=t.body;if(!r||typeof r.getReader!="function"){let i=await t.text();return Buffer.byteLength(i,"utf8")>e?{tooLarge:!0}:{raw:i}}let o=r.getReader(),s=[],a=0;for(;;){let{done:i,value:c}=await o.read();if(i)break;if(c){if(a+=c.byteLength,a>e){try{await o.cancel()}catch{}return{tooLarge:!0}}s.push(c)}}return{raw:Buffer.concat(s.map(i=>Buffer.from(i))).toString("utf8")}}function Ut(t){return new Promise((e,n)=>{let r=0,o=[];t.on("data",s=>{if(r+=s.length,r>pt){let a=new Error("Body too large");a.code="BODY_TOO_LARGE",n(a),t.destroy?.();return}o.push(s)}),t.on("end",()=>{if(o.length===0)return e("");e(Buffer.concat(o).toString("utf8"))}),t.on("error",n)})}function Bt(t={}){let e=$(t);return async function(n){let r={};try{let a=await N(n);if(a.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});r=D(a.raw,n.headers.get("content-type")||"")}catch{r={}}let o={};try{o=Object.fromEntries(new URL(n.url,"http://localhost").searchParams)}catch{}let s=await e({method:n.method,headers:n.headers,body:r,query:o});return new Response(s.body,{status:s.status,headers:s.headers})}}import{matchRoute as Jt,parseQuery as Wt}from"what-router/match";var Vt="/__what_action",zt="/__what_revalidate",G="what-csrf";function H(t){let e={};return t&&typeof t.forEach=="function"&&t.forEach((n,r)=>{e[r.toLowerCase()]=n}),e}function ht(t,e){if(!t)return null;let n=String(t).match(new RegExp(`(?:^|;\\s*)${e}=([^;]+)`));return n?decodeURIComponent(n[1]):null}async function Xt(t){try{let e=await N(t);return e.tooLarge?{tooLarge:!0}:D(e.raw,t.headers.get("content-type")||"")}catch{return{}}}async function Yt(t){let e;try{e=await N(t)}catch{return{json:{}}}if(e.tooLarge)return{tooLarge:!0};try{return{json:JSON.parse(e.raw)}}catch{return{json:{}}}}function Kt(t){return async function(n){let{route:r,params:o,query:s,request:a}=n,i={default:r.component,loader:r.loader},c=n.csrfToken?{...t,csrfToken:n.csrfToken}:t;return{html:await yt(i,{params:o,query:s,request:a},c),status:200,tags:n.config&&n.config.tags||[],path:n.path}}}function Q(t={}){let{routes:e=[],cache:n,render:r,revalidateWebhook:o,document:s={},notFound:a,basePath:i="",csrf:c=!0}=t,d=c!==!1&&!t.actionHandler,u=t.actionHandler||$(d?{getCsrfToken:l=>ht(l.headers&&l.headers.cookie,G)}:{skipCsrf:!0}),f=r||Kt(s);return n&&(n.revalidatePath||n.revalidateTag)&&J({revalidatePath:n.revalidatePath,revalidateTag:n.revalidateTag}),async function(p){let h=new URL(p.url,"http://localhost"),g=h.pathname;if(i&&g.startsWith(i)&&(g=g.slice(i.length)||"/"),p.method==="POST"&&g===Vt){let y=await Xt(p);if(y&&y.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let _=await u({method:"POST",headers:H(p.headers),body:y,query:Object.fromEntries(h.searchParams)});return new Response(_.body,{status:_.status,headers:_.headers})}let b=null,E=null;if(d&&(b=ht(H(p.headers).cookie,G),!b)){b=Y();let _=H(p.headers)["x-forwarded-proto"]==="https"||h.protocol==="https:"||!0;E=`${G}=${encodeURIComponent(b)}; Path=/; SameSite=Lax`+(_?"; Secure":"")}let C=y=>(E&&(y["set-cookie"]=E),y);if(p.method==="POST"&&g===zt&&o){let y=await Yt(p);if(y.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let _=await o({headers:H(p.headers),body:y.json});return new Response(JSON.stringify(_.body),{status:_.status,headers:{"content-type":"application/json"}})}let R=Jt(g,e);if(!R){let y=a?a():"<!DOCTYPE html><html><body><h1>404 \u2014 Not Found</h1></body></html>";return new Response(y,{status:404,headers:C({"content-type":"text/html; charset=utf-8"})})}let{route:v,params:F}=R,U=v.page||{mode:v.mode||"client"},x={path:g,query:Wt(h.search),config:U,route:v,params:F,request:p};if(n&&U.mode!=="server"){x.varyHeaders=H(p.headers);let y=await n.handle(x,()=>f(x));return new Response(y.html,{status:y.status||200,headers:C({"content-type":"text/html; charset=utf-8",...y.headers||{}})})}b&&(x.csrfToken=b);let ot=await f(x),at=C({"content-type":"text/html; charset=utf-8"});return U.mode==="server"&&(at["Cache-Control"]="private, no-store"),new Response(ot.html,{status:ot.status||200,headers:at})}}function Zt(t={}){let e=Q(t);return{async fetch(n,r,o){return r&&(n.__env=r),o&&(n.__ctx=o),e(n)}}}function k(t){return{head:Gt(),loaderData:t,resources:new Map,islandStores:new Map,resourceCounter:0,boundaryCounter:0,suspended:[]}}var wt=0;function Qt(){wt=0}function qt(){return"h"+wt++}function te(t){if(typeof document>"u"&&!gt()){let e=k(void 0);return S(e,()=>te(t))}return Qt(),O(t)}function O(t){if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return m(String(t));if(typeof t=="function"&&t._signal)return`<!--$-->${O(t())}<!--/$-->`;if(typeof t=="function")try{return`<!--$-->${O(t())}<!--/$-->`}catch{return typeof process<"u","<!--$--><!--/$-->"}if(Array.isArray(t))return`<!--[]-->${t.map(O).join("")}<!--/[]-->`;if(typeof t.tag=="function"){let c=qt(),d=t.tag({...t.props,children:t.children}),u=O(d);return ee(u,c)}let{tag:e,props:n,children:r}=t;et(e);let o=nt(n||{}),s=`<${e}${o}>`;if(rt.has(e))return s;let a=tt(n),i=a!=null?String(a):r.map(O).join("");return`${s}${i}</${e}>`}function ee(t,e){let n=t.match(/^((?:<!--.*?-->)*)<([a-zA-Z][a-zA-Z0-9-]*)/);if(n){let r=n[1],o=n[2],s=r.length+1+o.length;return t.slice(0,s)+` data-hk="${e}"`+t.slice(s)}return t}function w(t){if(typeof document>"u"&&!gt()){let c=k(void 0);return S(c,()=>w(t))}if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return m(String(t));if(typeof t=="function"&&t._signal)return w(t());if(typeof t=="function")try{return w(t())}catch{return typeof process<"u",""}if(Array.isArray(t))return t.map(w).join("");if(t.tag==="__suspense")try{return(t.children||[]).map(w).join("")}catch(c){if(c&&typeof c.then=="function")return w(t.props&&t.props.fallback);throw c}if(typeof t.tag=="function"){let c=t.tag({...t.props,children:t.children});return w(c)}let{tag:e,props:n,children:r}=t;et(e);let o=nt(n||{}),s=`<${e}${o}>`;if(rt.has(e))return s;let a=tt(n),i=a!=null?String(a):r.map(w).join("");return`${s}${i}</${e}>`}function je(t){let e=k(void 0);return{body:S(e,()=>w(t)),head:q(e.head)}}async function De(t,e={}){let n=t.default||t,r=typeof t.loader=="function"?await t.loader(e):void 0,o=k(r),s=e.params||{};return{body:S(o,()=>w(mt(n,{...s,loaderData:r}))),head:q(o.head),loaderData:r}}var St=12;async function ne(t,e){e||(e=k(void 0));let n="";for(let o=0;o<St;o++){n=S(e,()=>w(t));let s=[...e.resources.values()].filter(a=>a.status==="pending").map(a=>a.promise);if(s.length===0)break;await Promise.all(s)}let r={};for(let[o,s]of e.resources)s.status==="ready"&&(r[o]=s.value);return{body:n,head:q(e.head),loaderData:e.loaderData,resources:r,ctx:e}}async function yt(t,e={},n={}){let r=t.default||t,o=typeof t.loader=="function"?await t.loader(e):void 0,s=k(o),a=e.params||{},{body:i,head:c,resources:d}=await ne(mt(r,{...a,loaderData:o}),s),u={loaderData:o??null,resources:d,islandStores:st(s)};return re({body:i,head:c,payload:u,options:n})}function re({body:t,head:e,payload:n,options:r={}}){let o=r.lang||"en",s=`<script id="__what_data" type="application/json">${B(n)}<\/script>`,a=r.clientEntry?`<script type="module" src="${m(r.clientEntry)}"><\/script>`:"",c=(r.csrfToken?K(r.csrfToken):"")+(r.head||""),d=r.bodyClass?` class="${m(r.bodyClass)}"`:"";return`<!DOCTYPE html><html lang="${m(o)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">${e||""}${c}</head><body${d}>${t}${s}${a}</body></html>`}async function*I(t,e){if(e===void 0&&(e=k(void 0)),t==null||t===!1||t===!0)return;if(typeof t=="string"||typeof t=="number"){yield m(String(t));return}if(typeof t=="function"&&t._signal){let a=S(e,()=>t());yield*I(a,e);return}if(typeof t=="function"){try{let a=S(e,()=>t());yield*I(a,e)}catch{typeof process<"u"}return}if(Array.isArray(t)){for(let a of t)yield*I(a,e);return}if(t.tag==="__suspense"){let a=null;for(let i=0;i<St&&a===null;i++){let c=null;try{a=S(e,()=>(t.children||[]).map(w).join(""))}catch(d){if(d&&typeof d.then=="function")c=d;else throw d}if(a===null){let d=[...e.resources.values()].filter(u=>u.status==="pending").map(u=>u.promise);await Promise.all([c,...d].filter(Boolean))}}a===null&&(a=S(e,()=>w(t.props&&t.props.fallback))),yield a;return}if(typeof t.tag=="function"){try{let a=S(e,()=>t.tag({...t.props,children:t.children})),i=a instanceof Promise?await a:a;yield*I(i,e)}catch(a){typeof process<"u",yield M?`<!-- SSR Error: ${m(a.message||"Component error")} -->`:"<!-- SSR Error -->"}return}let{tag:n,props:r,children:o}=t;et(n);let s=nt(r||{});if(yield`<${n}${s}>`,!rt.has(n)){let a=tt(r);if(a!=null)yield String(a);else for(let i of o)yield*I(i,e);yield`</${n}>`}}function Ne(t){return{mode:"static",...t}}function Me(t,e={}){let n=k(e),r=S(n,()=>{let s=t.component(e);return w(s)}),o=t.islands||[];return oe({title:t.title||"",meta:t.meta||{},body:r,islands:o,scripts:t.mode==="static"?[]:t.scripts||[],styles:t.styles||[],mode:t.mode})}function oe({title:t,meta:e,body:n,islands:r,scripts:o,styles:s,mode:a}){let i=Object.entries(e).map(([l,p])=>`<meta name="${m(l)}" content="${m(p)}">`).join(`
|
|
2
|
+
`),c=s.map(l=>`<link rel="stylesheet" href="${m(l)}">`).join(`
|
|
3
|
+
`),d=r.length>0?`
|
|
4
4
|
<script type="module">
|
|
5
5
|
import { hydrateIslands } from '/@what/islands.js';
|
|
6
6
|
hydrateIslands();
|
|
7
|
-
<\/script>`:"",
|
|
8
|
-
`),f=
|
|
7
|
+
<\/script>`:"",u=o.map(l=>`<script type="module" src="${m(l)}"><\/script>`).join(`
|
|
8
|
+
`),f=a==="client"?`
|
|
9
9
|
<script type="module" src="/@what/client.js"><\/script>`:"";return`<!DOCTYPE html>
|
|
10
10
|
<html lang="en">
|
|
11
11
|
<head>
|
|
@@ -17,8 +17,8 @@ import{h as yt,getServerContext as mt,runWithServerContext as S,beginHeadCollect
|
|
|
17
17
|
</head>
|
|
18
18
|
<body>
|
|
19
19
|
<div id="app">${n}</div>
|
|
20
|
-
${u}
|
|
21
20
|
${d}
|
|
21
|
+
${u}
|
|
22
22
|
${f}
|
|
23
23
|
</body>
|
|
24
|
-
</html>`}function
|
|
24
|
+
</html>`}function Fe(t){return t._server=!0,t}var M=!(typeof process<"u");function tt(t){return t?t.dangerouslySetInnerHTML?t.dangerouslySetInnerHTML.__html??null:t.innerHTML&&typeof t.innerHTML=="object"&&"__html"in t.innerHTML?t.innerHTML.__html??null:(t.innerHTML!=null&&typeof t.innerHTML=="string"&&M&&console.warn("[what-server] innerHTML received a raw string. This is a security risk (XSS). Use innerHTML={{ __html: trustedString }} or dangerouslySetInnerHTML={{ __html: trustedString }} instead."),null):null}var ae=/^[a-zA-Z_:][a-zA-Z0-9:._-]*$/,se=/^[a-zA-Z_][a-zA-Z0-9._:-]*$/;function et(t){if(typeof t!="string"||!se.test(t))throw new Error(`[what-server] Invalid tag name in SSR: ${JSON.stringify(t)}`)}function nt(t){let e="";for(let[n,r]of Object.entries(t)){if(n==="key"||n==="ref"||n==="children"||n==="dangerouslySetInnerHTML"||n==="innerHTML")continue;let o=n.toLowerCase();if(!(o.startsWith("on")&&n.length>2)&&!(r===!1||r==null)){if(!ae.test(n)){M&&console.warn(`[what-server] Skipping invalid attribute name in SSR: ${JSON.stringify(n)}`);continue}if(de.has(o)){M&&console.warn(`[what-server] Skipping unsafe attribute in SSR: ${JSON.stringify(n)}`);continue}if(n==="className"||n==="class")e+=` class="${m(String(r))}"`;else if(n==="style"&&typeof r=="object"){let s=Object.entries(r).map(([a,i])=>`${ue(a)}:${i}`).join(";");e+=` style="${m(s)}"`}else if(r===!0)n.startsWith("aria-")||n==="role"?e+=` ${n}="true"`:e+=` ${n}`;else{if(ie(n,r))continue;e+=` ${n}="${m(String(r))}"`}}}return e}function ie(t,e){let n=t.toLowerCase();if(!ce.has(n))return!1;let r=String(e).trim().replace(/[\u0000-\u001f\u007f\s]+/g,"").toLowerCase();return r.startsWith("javascript:")||r.startsWith("vbscript:")||r.startsWith("data:")}var ce=new Set(["href","src","action","formaction","data","ping","xlink:href"]),de=new Set(["srcdoc"]);function m(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function ue(t){return t.startsWith("--")?t:t.replace(/([A-Z])/g,"-$1").toLowerCase()}var rt=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);export{xt as action,$ as createActionHandler,Zt as createCloudflareHandler,Q as createRequestHandler,K as csrfMetaTag,Ne as definePage,Bt as fetchActionHandler,dt as formAction,Y as generateCsrfToken,Me as generateStaticPage,It as getRegisteredActions,Rt as getRevalidationHandler,L as handleActionRequest,ft as invalidatePath,Ft as nodeActionMiddleware,Ht as onRevalidate,yt as renderDocument,De as renderPage,te as renderToHydratableString,I as renderToStream,w as renderToString,ne as renderToStringAsync,je as renderToStringWithHead,W as revalidatePath,V as revalidateTag,B as serializeState,Fe as server,J as setRevalidationHandler,ut as useAction,Pt as useFormAction,Lt as useMutation,$t as useOptimistic,ct as validateCsrfToken};
|
package/dist/islands.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{mount as R,signal as q,batch as E,getServerContext as
|
|
1
|
+
import{mount as P,hydrate as R,signal as q,batch as E,getServerContext as N}from"what-core";var _=new RegExp("[<>&\\u2028\\u2029]","g"),A={60:"\\u003c",62:"\\u003e",38:"\\u0026",8232:"\\u2028",8233:"\\u2029"};function x(e){return JSON.stringify(e).replace(_,r=>A[r.charCodeAt(0)])}var S=new Map,b=new Set,f=[],v=!1,w=new Map,p=new Map;function g(e){if(typeof structuredClone=="function")try{return structuredClone(e)}catch{}return Array.isArray(e)?e.map(g):e&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([r,t])=>[r,g(t)])):e}function h(e,r,t){if(e.has(r))return e.get(r);let n={},s={};for(let[o,a]of Object.entries(g(t)))s[o]=q(a),Object.defineProperty(n,o,{get:()=>s[o](),set:i=>s[o].set(i),enumerable:!0});return n._signals=s,n._subscribe=(o,a)=>{if(s[o])return s[o].subscribe(a)},n._batch=o=>E(o),n._getSnapshot=()=>{let o={};for(let[a,i]of Object.entries(s))o[a]=i.peek();return o},n._hydrate=o=>{E(()=>{for(let[a,i]of Object.entries(o))s[a]&&s[a].set(i)})},e.set(r,n),n}function y(e){let r=e||N();return r&&r.islandStores instanceof Map?r.islandStores:null}function I(e,r){if(p.has(e))return p.get(e).handle;let t={initialState:g(r),handle:null},n=()=>{let s=y();if(!s)throw new Error(`[what-server] Island store "${e}" was accessed outside an active server render. Read or write module-scoped island stores from a component rendered by renderDocument/renderPage.`);return h(s,e,t.initialState)};return t.handle=new Proxy({},{get(s,o){return Reflect.get(n(),o)},set(s,o,a){return Reflect.set(n(),o,a)},has(s,o){return Reflect.has(n(),o)},ownKeys(){return Reflect.ownKeys(n())},getOwnPropertyDescriptor(s,o){let a=Reflect.getOwnPropertyDescriptor(n(),o);return a?{...a,configurable:!0}:void 0}}),p.set(e,t),t.handle}function X(e,r){if(typeof document<"u")return h(w,e,r);let t=y();if(t){let n=p.get(e);return h(t,e,n?.initialState??r)}return I(e,r)}function O(e,r={}){if(typeof document<"u")return h(w,e,r);let t=y();if(t){let n=p.get(e);return h(t,e,n?.initialState??r)}return I(e,r)}function z(){return x(j())}function j(e){let r=typeof document<"u"?w:y(e),t={};for(let[n,s]of r||[])t[n]=s._getSnapshot();return t}function D(e){try{let r=typeof e=="string"?JSON.parse(e):e;for(let[t,n]of Object.entries(r))O(t,n)._hydrate(n)}catch(r){console.warn("[what] Failed to hydrate island stores:",r)}}function F(e,r,t={}){S.set(e,{loader:r,mode:t.mode||"idle",media:t.media||null,priority:t.priority||0,stores:t.stores||[]})}function K({name:e,props:r={},children:t,mode:n,priority:s,stores:o}){let a=S.get(e),i=n||a?.mode||"idle",d=s??a?.priority??0,c=o||a?.stores||[];return{tag:"div",props:{"data-island":e,"data-island-mode":i,"data-island-props":JSON.stringify(r),"data-island-priority":d,"data-island-stores":JSON.stringify(c)},children:t||[],key:null,_vnode:!0}}function l(e){let r=!1;for(let t=0;t<f.length;t++)if(e.priority>f[t].priority){f.splice(t,0,e),r=!0;break}r||f.push(e),M()}function M(){if(v||f.length===0)return;v=!0;let e=f.shift();Promise.resolve(e.hydrate()).catch(r=>console.error("[what] Island hydration failed:",e.name,r)).finally(()=>{v=!1,queueMicrotask(M)})}function U(e,r=100){for(let t of f)if(t.name===e){t.priority=r,f.sort((n,s)=>s.priority-n.priority);break}}function C(){let e=document.getElementById("__what_data");if(e)try{let t=JSON.parse(e.textContent||"{}");t&&t.islandStores&&D(t.islandStores)}catch(t){console.warn("[what] Failed to parse hydration payload:",t)}let r=document.querySelectorAll("[data-island]");for(let t of r){let n=t.dataset.island,s=t.dataset.islandMode||"idle",o=JSON.parse(t.dataset.islandProps||"{}"),a=parseInt(t.dataset.islandPriority||"0",10),i=JSON.parse(t.dataset.islandStores||"[]"),d=S.get(n);if(!d){console.warn(`[what] Island "${n}" not registered`);continue}b.has(t)||J(t,d,o,s,a,n,i)}}function J(e,r,t,n,s,o,a){let i=async()=>{if(b.has(e))return;b.add(e);let d=await r.loader(),c=d.default||d,u={};for(let k of a)u[k]=O(k);let m=c({...t,...u});e.childNodes.length>0?R(m,e):P(m,e),e.removeAttribute("data-island"),e.removeAttribute("data-island-mode"),e.removeAttribute("data-island-props"),e.removeAttribute("data-island-priority"),e.removeAttribute("data-island-stores"),e.dispatchEvent(new CustomEvent("island:hydrated",{bubbles:!0,detail:{name:o,mode:n}}))};switch(n){case"load":l({name:o,priority:s+1e3,hydrate:i});break;case"idle":"requestIdleCallback"in window?requestIdleCallback(()=>{l({name:o,priority:s,hydrate:i})}):setTimeout(()=>{l({name:o,priority:s,hydrate:i})},200);break;case"visible":{new IntersectionObserver((c,u)=>{for(let m of c)if(m.isIntersecting){u.disconnect(),l({name:o,priority:s,hydrate:i});break}},{rootMargin:"200px"}).observe(e);break}case"media":{let d=window.matchMedia(r.media||"(max-width: 768px)");d.matches?l({name:o,priority:s,hydrate:i}):d.addEventListener("change",c=>{c.matches&&l({name:o,priority:s,hydrate:i})},{once:!0});break}case"action":{let d=["click","focus","mouseover","touchstart"],c=()=>{d.forEach(u=>e.removeEventListener(u,c)),l({name:o,priority:s+500,hydrate:i})};d.forEach(u=>e.addEventListener(u,c,{once:!0,passive:!0}));break}case"static":break;default:l({name:o,priority:s,hydrate:i})}}function $(e){for(let[r,t]of Object.entries(e))F(r,t.loader||t,{mode:t.mode||"idle",media:t.media,priority:t.priority||0,stores:t.stores||[]});typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",C):C())}function L(e,r){if(typeof document>"u")return;let t=document.querySelectorAll(e);for(let n of t)n.dataset.enhanced||(n.dataset.enhanced="true",r(n))}function B(e="form[data-enhance]"){L(e,r=>{r.addEventListener("submit",async t=>{t.preventDefault();let n=new FormData(r),s=r.method.toUpperCase()||"POST",o=r.action||location.href;try{let a=document.querySelector('meta[name="csrf-token"]')||document.querySelector('meta[name="what-csrf-token"]'),i=a?a.getAttribute("content"):null,d=r.getAttribute("data-no-csrf")==="true";if(!i&&!d){console.warn('[what] Form submission blocked: no CSRF token found. Add a <meta name="csrf-token"> tag or set data-no-csrf="true" on the form to opt out.'),r.dispatchEvent(new CustomEvent("form:error",{bubbles:!0,detail:{error:new Error("Missing CSRF token")}}));return}let c={"X-Requested-With":"XMLHttpRequest"};i&&(c["X-CSRF-Token"]=i);let u=await fetch(o,{method:s,body:s==="GET"?void 0:n,headers:c});r.dispatchEvent(new CustomEvent("form:response",{bubbles:!0,detail:{response:u,ok:u.ok}}))}catch(a){r.dispatchEvent(new CustomEvent("form:error",{bubbles:!0,detail:{error:a}}))}})})}function G(){let e=typeof document<"u"?[...w.keys()]:[...y()?.keys()||p.keys()];return{registered:[...S.keys()],hydrated:b.size,pending:f.length,queue:f.map(t=>({name:t.name,priority:t.priority})),stores:e}}export{K as Island,$ as autoIslands,U as boostIslandPriority,X as createIslandStore,L as enhance,B as enhanceForms,G as getIslandStatus,j as getIslandStoresSnapshot,D as hydrateIslandStores,C as hydrateIslands,F as island,z as serializeIslandStores,O as useIslandStore};
|
package/dist/node.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{AsyncLocalStorage as _e}from"node:async_hooks";import{__installServerContextStorage as ke}from"what-core";import{h as yt,getServerContext as gt,runWithServerContext as b,beginHeadCollection as ee,endHeadCollection as q}from"what-core";var kt=new RegExp("[<>&\\u2028\\u2029]","g"),Rt={60:"\\u003c",62:"\\u003e",38:"\\u0026",8232:"\\u2028",8233:"\\u2029"};function P(t){return JSON.stringify(t).replace(kt,e=>Rt[e.charCodeAt(0)])}import{mount as Ce,signal as Ee,batch as Oe,getServerContext as vt}from"what-core";var Ct=new Map;function xt(t){let e=t||vt();return e&&e.islandStores instanceof Map?e.islandStores:null}function it(t){let e=typeof document<"u"?Ct:xt(t),n={};for(let[r,o]of e||[])n[r]=o._getSnapshot();return n}import{signal as A,batch as z}from"what-core";var _=null,ct=!(typeof process<"u");function V(t){_=t}function Et(){return _}async function W(t,e){if(_&&_.revalidatePath)return _.revalidatePath(t,e);ct&&console.warn(`[what] revalidatePath('${t}') had no effect: no cache engine is bound. Create a what-isr engine and bind it in your adapter (setRevalidationHandler).`)}async function J(t,e){if(_&&_.revalidateTag)return _.revalidateTag(t,e);ct&&console.warn(`[what] revalidateTag('${t}') had no effect: no cache engine is bound.`)}var X=new Map;function Ot(){if(typeof document<"u"){let t=document.querySelector('meta[name="what-csrf-token"]');if(t)return t.getAttribute("content");let e=document.cookie.match(/(?:^|;\s*)what-csrf=([^;]+)/);if(e)return decodeURIComponent(e[1])}return null}function Y(){if(typeof crypto<"u"&&crypto.randomUUID)return crypto.randomUUID();if(typeof crypto<"u"&&crypto.getRandomValues){let t=new Uint8Array(16);return crypto.getRandomValues(t),Array.from(t,e=>e.toString(16).padStart(2,"0")).join("")}throw new Error("[what] No secure random source available for CSRF token generation")}function ut(t,e){if(!t||!e||t.length!==e.length)return!1;let n=0;for(let r=0;r<t.length;r++)n|=t.charCodeAt(r)^e.charCodeAt(r);return n===0}function G(t){return`<meta name="what-csrf-token" content="${String(t).replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}">`}var Pt=0,$t=!1;function Ht(){return!$t&&typeof process<"u",`a_${typeof crypto<"u"&&crypto.getRandomValues?Array.from(crypto.getRandomValues(new Uint8Array(6)),e=>e.toString(16).padStart(2,"0")).join(""):`c${(++Pt).toString(36)}_${Date.now().toString(36)}`}`}function jt(t,e={}){let n=e.id||Ht(),{onError:r,onSuccess:o,revalidate:s}=e;typeof window>"u"&&X.set(n,{fn:t,options:e});async function a(...i){if(typeof window>"u")return t(...i);let c=e.timeout||3e4,u=new AbortController,d=setTimeout(()=>u.abort(),c);try{let l=Ot(),f={"Content-Type":"application/json","X-What-Action":n};l&&(f["X-CSRF-Token"]=l);let p=await fetch("/__what_action",{method:"POST",headers:f,credentials:"same-origin",signal:u.signal,body:JSON.stringify({args:i})});if(!p.ok){let m=await p.json().catch(()=>({message:"Action failed"}));throw new Error(m.message||"Action failed")}let h=await p.json();if(o&&o(h),s)for(let m of s)ft(m);return h}catch(l){if(l.name==="AbortError"){let f=new Error(`Action "${n}" timed out after ${c}ms`);throw f.code="TIMEOUT",r&&r(f),f}throw r&&r(l),l}finally{clearTimeout(d)}}return a._actionId=n,a._isAction=!0,a}function dt(t,e={}){let{onSuccess:n,onError:r,resetOnSuccess:o=!0}=e;return async s=>{let a,i;s instanceof Event?(s.preventDefault(),i=s.target,a=new FormData(i)):a=s;let c={},u=!1;for(let[d,l]of a.entries())typeof File<"u"&&l instanceof File&&(u=!0),c[d]?Array.isArray(c[d])?c[d].push(l):c[d]=[c[d],l]:c[d]=l;try{let d=u?await t(c,a):await t(c);return n&&n(d,i),o&&i&&i.reset(),d}catch(d){throw r&&r(d,i),d}}}function lt(t){let e=A(!1),n=A(null),r=A(null);async function o(...s){e.set(!0),n.set(null);try{let a=await t(...s);return r.set(a),a}catch(a){throw n.set(a),a}finally{e.set(!1)}}return{trigger:o,isPending:()=>e(),error:()=>n(),data:()=>r(),reset:()=>{n.set(null),r.set(null)}}}function It(t,e={}){let{resetOnSuccess:n=!0}=e,r={current:null},o=lt(dt(t,{resetOnSuccess:n}));function s(a){a.preventDefault();let i=new FormData(a.target);return r.current=a.target,o.trigger(i)}return{...o,handleSubmit:s,formRef:r}}function Dt(t,e){let n=A(t),r=A([]),o=A(t);function s(u){let d=e(n.peek(),u);z(()=>{r.set([...r.peek(),u]),n.set(d)})}function a(u,d){z(()=>{if(r.set(r.peek().filter(l=>l!==u)),d!==void 0){o.set(d);let l=d;for(let f of r.peek())l=e(l,f);n.set(l)}})}function i(u,d){z(()=>{let l=r.peek().filter(h=>h!==u);r.set(l);let f=d!==void 0?d:o.peek();o.set(f);let p=f;for(let h of l)p=e(p,h);n.set(p)})}async function c(u,d){s(u);try{let l=await d();return a(u,l),l}catch(l){throw i(u),l}}return{value:()=>n(),isPending:()=>r().length>0,addOptimistic:s,resolve:a,rollback:i,withOptimistic:c,set:u=>{n.set(u),o.set(u)}}}var $=new Map;function Lt(t,e){return $.has(t)||$.set(t,new Set),$.get(t).add(e),()=>{$.get(t)?.delete(e)}}function ft(t){let e=$.get(t);if(e)for(let n of e)try{n()}catch(r){console.error("[what] Revalidation error:",r)}}function D(t,e,n,r={}){let{csrfToken:o,skipCsrf:s=!1}=r;if(!s){if(!o)return Promise.resolve({status:500,body:{message:"[what] CSRF token not configured. Pass { csrfToken: sessionToken } to handleActionRequest, or { skipCsrf: true } to explicitly opt out."}});let i=t?.headers?.["x-csrf-token"]||t?.headers?.["X-CSRF-Token"];if(!ut(i,o))return Promise.resolve({status:403,body:{message:"Invalid CSRF token"}})}let a=X.get(e);return a?Array.isArray(n)?a.fn(...n).then(async i=>{let c=a.options||{};if(Array.isArray(c.revalidate))for(let u of c.revalidate)await W(u);if(Array.isArray(c.revalidateTags))for(let u of c.revalidateTags)await J(u);return{status:200,body:i}}).catch(i=>(console.error(`[what] Action "${e}" error:`,i),{status:500,body:{message:"Action failed"}})):Promise.resolve({status:400,body:{message:"Invalid action arguments"}}):Promise.resolve({status:404,body:{message:"Action not found"}})}function Mt(){return[...X.keys()]}function Nt(t,e={}){let{onSuccess:n,onError:r,onSettled:o}=e,s={isPending:A(!1),error:A(null),data:A(null)};async function a(...i){s.isPending.set(!0),s.error.set(null);try{let c=await t(...i);return s.data.set(c),n&&n(c,...i),c}catch(c){throw s.error.set(c),r&&r(c,...i),c}finally{s.isPending.set(!1),o&&o(s.data.peek(),s.error.peek(),...i)}}return{mutate:a,isPending:()=>s.isPending(),error:()=>s.error(),data:()=>s.data(),reset:()=>{s.error.set(null),s.data.set(null)}}}var Ft="/__what_action",ht=1024*1024;function Ut(t){if(!t)return{};if(typeof t.forEach=="function"&&typeof t.get=="function"){let n={};return t.forEach((r,o)=>{n[o.toLowerCase()]=r}),n}let e={};for(let n in t)e[n.toLowerCase()]=t[n];return e}function L(t,e){return{status:t,headers:{"content-type":"application/json"},body:JSON.stringify(e)}}function K(t,e){return{status:t,headers:{"content-type":"text/html; charset=utf-8"},body:`<!DOCTYPE html><html><body><h1>${t}</h1><p>${String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}</p></body></html>`}}function pt(t){if(typeof t!="string"||!t.startsWith("/")||/^[/\\]{2}/.test(t)||t.includes("\\"))return null;try{let e=new URL(t,"http://localhost");return e.origin!=="http://localhost"?null:e.pathname+e.search}catch{return null}}function Bt(t,e){let n=pt(t&&t._redirect);if(n)return n;let r=e.referer||e.referrer;if(r)try{let o=new URL(r,"http://localhost"),s=pt(o.pathname+o.search);if(s)return s}catch{}return"/"}var Vt=new Set(["_action","data-action","_csrf","what-csrf-token","_redirect"]);function H(t={}){let{getCsrfToken:e,skipCsrf:n=!1}=t;return async function(o){if((o.method||"POST").toUpperCase()!=="POST")return L(405,{message:"Method Not Allowed"});let a=Ut(o.headers),i=a["x-what-action"],c=a["content-type"]||"",u=!i&&c.includes("application/x-www-form-urlencoded"),d=n?void 0:e?await e(o):void 0;if(u){let h=o.body||{},m=h._action||h["data-action"]||o.query&&o.query.action;if(!m)return K(400,'Missing action name (add a hidden "_action" field or ?action= query param)');let S={...a},C=h._csrf??h["what-csrf-token"];if(C&&!S["x-csrf-token"]&&(S["x-csrf-token"]=String(C)),!n&&e&&!d)return K(403,"Missing CSRF token");let x={};for(let[E,U]of Object.entries(h))Vt.has(E)||(x[E]=U);let v=await D({headers:S},m,[x],{csrfToken:d,skipCsrf:n});return v.status===200?{status:303,headers:{location:Bt(h,a)},body:""}:K(v.status,v.body&&v.body.message||"Action failed")}if(!i)return L(400,{message:"Missing X-What-Action header"});if(!n&&e&&!d)return L(403,{message:"Missing CSRF token"});let f=(o.body||{}).args,p=await D({headers:a},i,f,{csrfToken:d,skipCsrf:n});return L(p.status,p.body)}}function Wt(t={}){let e=t.basePath||Ft,n=H(t);return async function(o,s,a){let[i,c]=(o.url||"").split("?");if(i!==e||(o.method||"").toUpperCase()!=="POST")return a?a():void 0;let u;try{let f=await Jt(o);u=M(f,o.headers["content-type"]||"")}catch(f){s.writeHead(f.code==="BODY_TOO_LARGE"?413:400,{"content-type":"application/json"}),s.end(JSON.stringify({message:f.code==="BODY_TOO_LARGE"?"Payload too large":"Invalid request body"}));return}let d=Object.fromEntries(new URLSearchParams(c||"")),l=await n({method:o.method,headers:o.headers,body:u,query:d});s.writeHead(l.status,l.headers),s.end(l.body)}}function M(t,e){if((e||"").includes("application/x-www-form-urlencoded")){let n={};for(let[r,o]of new URLSearchParams(String(t)))n[r]===void 0?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o];return n}return t==null||t===""?{}:JSON.parse(String(t))}async function Z(t,e=ht){let n=Number(t.headers.get("content-length"));if(Number.isFinite(n)&&n>e)return{tooLarge:!0};let r=t.body;if(!r||typeof r.getReader!="function"){let i=await t.text();return Buffer.byteLength(i,"utf8")>e?{tooLarge:!0}:{raw:i}}let o=r.getReader(),s=[],a=0;for(;;){let{done:i,value:c}=await o.read();if(i)break;if(c){if(a+=c.byteLength,a>e){try{await o.cancel()}catch{}return{tooLarge:!0}}s.push(c)}}return{raw:Buffer.concat(s.map(i=>Buffer.from(i))).toString("utf8")}}function Jt(t){return new Promise((e,n)=>{let r=0,o=[];t.on("data",s=>{if(r+=s.length,r>ht){let a=new Error("Body too large");a.code="BODY_TOO_LARGE",n(a),t.destroy?.();return}o.push(s)}),t.on("end",()=>{if(o.length===0)return e("");e(Buffer.concat(o).toString("utf8"))}),t.on("error",n)})}function zt(t={}){let e=H(t);return async function(n){let r={};try{let a=await Z(n);if(a.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});r=M(a.raw,n.headers.get("content-type")||"")}catch{r={}}let o={};try{o=Object.fromEntries(new URL(n.url,"http://localhost").searchParams)}catch{}let s=await e({method:n.method,headers:n.headers,body:r,query:o});return new Response(s.body,{status:s.status,headers:s.headers})}}import{matchRoute as Xt,parseQuery as Yt}from"what-router/match";var Gt="/__what_action",Kt="/__what_revalidate",Q="what-csrf";function N(t){let e={};return t&&typeof t.forEach=="function"&&t.forEach((n,r)=>{e[r.toLowerCase()]=n}),e}function mt(t,e){if(!t)return null;let n=String(t).match(new RegExp(`(?:^|;\\s*)${e}=([^;]+)`));return n?decodeURIComponent(n[1]):null}async function Zt(t){try{let e=await Z(t);return e.tooLarge?{tooLarge:!0}:M(e.raw,t.headers.get("content-type")||"")}catch{return{}}}async function Qt(t){try{return await t.json()}catch{return{}}}function qt(t){return async function(n){let{route:r,params:o,query:s,request:a}=n,i={default:r.component,loader:r.loader},c=n.csrfToken?{...t,csrfToken:n.csrfToken}:t;return{html:await F(i,{params:o,query:s,request:a},c),status:200,tags:n.config&&n.config.tags||[],path:n.path}}}function k(t={}){let{routes:e=[],cache:n,render:r,revalidateWebhook:o,document:s={},notFound:a,basePath:i="",csrf:c=!0}=t,u=c!==!1&&!t.actionHandler,d=t.actionHandler||H(u?{getCsrfToken:f=>mt(f.headers&&f.headers.cookie,Q)}:{skipCsrf:!0}),l=r||qt(s);return n&&(n.revalidatePath||n.revalidateTag)&&V({revalidatePath:n.revalidatePath,revalidateTag:n.revalidateTag}),async function(p){let h=new URL(p.url,"http://localhost"),m=h.pathname;if(i&&m.startsWith(i)&&(m=m.slice(i.length)||"/"),p.method==="POST"&&m===Gt){let y=await Zt(p);if(y&&y.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let T=await d({method:"POST",headers:N(p.headers),body:y,query:Object.fromEntries(h.searchParams)});return new Response(T.body,{status:T.status,headers:T.headers})}let S=null,C=null;if(u&&(S=mt(N(p.headers).cookie,Q),!S)){S=Y();let T=N(p.headers)["x-forwarded-proto"]==="https"||h.protocol==="https:"||!0;C=`${Q}=${encodeURIComponent(S)}; Path=/; SameSite=Lax`+(T?"; Secure":"")}let x=y=>(C&&(y["set-cookie"]=C),y);if(p.method==="POST"&&m===Kt&&o){let y=await Qt(p),T=await o({headers:N(p.headers),body:y});return new Response(JSON.stringify(T.body),{status:T.status,headers:{"content-type":"application/json"}})}let v=Xt(m,e);if(!v){let y=a?a():"<!DOCTYPE html><html><body><h1>404 \u2014 Not Found</h1></body></html>";return new Response(y,{status:404,headers:x({"content-type":"text/html; charset=utf-8"})})}let{route:E,params:U}=v,B=E.page||{mode:E.mode||"client"},I={path:m,query:Yt(h.search),config:B,route:E,params:U,request:p};if(n&&B.mode!=="server"){let y=await n.handle(I,()=>l(I));return new Response(y.html,{status:y.status||200,headers:x({"content-type":"text/html; charset=utf-8",...y.headers||{}})})}S&&(I.csrfToken=S);let st=await l(I),at=x({"content-type":"text/html; charset=utf-8"});return B.mode==="server"&&(at["Cache-Control"]="private, no-store"),new Response(st.html,{status:st.status||200,headers:at})}}function te(t={}){let e=k(t);return{async fetch(n,r,o){return r&&(n.__env=r),o&&(n.__ctx=o),e(n)}}}function R(t){return{head:ee(),loaderData:t,resources:new Map,islandStores:new Map,resourceCounter:0,boundaryCounter:0,suspended:[]}}var wt=0;function ne(){wt=0}function re(){return"h"+wt++}function oe(t){if(typeof document>"u"&&!gt()){let e=R(void 0);return b(e,()=>oe(t))}return ne(),O(t)}function O(t){if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return g(String(t));if(typeof t=="function"&&t._signal)return`<!--$-->${O(t())}<!--/$-->`;if(typeof t=="function")try{return`<!--$-->${O(t())}<!--/$-->`}catch{return typeof process<"u","<!--$--><!--/$-->"}if(Array.isArray(t))return`<!--[]-->${t.map(O).join("")}<!--/[]-->`;if(typeof t.tag=="function"){let c=re(),u=t.tag({...t.props,children:t.children}),d=O(u);return se(d,c)}let{tag:e,props:n,children:r}=t,o=nt(n||{}),s=`<${e}${o}>`;if(rt.has(e))return s;let a=et(n),i=a!=null?String(a):r.map(O).join("");return`${s}${i}</${e}>`}function se(t,e){let n=t.match(/^((?:<!--.*?-->)*)<([a-zA-Z][a-zA-Z0-9-]*)/);if(n){let r=n[1],o=n[2],s=r.length+1+o.length;return t.slice(0,s)+` data-hk="${e}"`+t.slice(s)}return t}function w(t){if(typeof document>"u"&&!gt()){let c=R(void 0);return b(c,()=>w(t))}if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return g(String(t));if(typeof t=="function"&&t._signal)return w(t());if(typeof t=="function")try{return w(t())}catch{return typeof process<"u",""}if(Array.isArray(t))return t.map(w).join("");if(t.tag==="__suspense")try{return(t.children||[]).map(w).join("")}catch(c){if(c&&typeof c.then=="function")return w(t.props&&t.props.fallback);throw c}if(typeof t.tag=="function"){let c=t.tag({...t.props,children:t.children});return w(c)}let{tag:e,props:n,children:r}=t,o=nt(n||{}),s=`<${e}${o}>`;if(rt.has(e))return s;let a=et(n),i=a!=null?String(a):r.map(w).join("");return`${s}${i}</${e}>`}function Ke(t){let e=R(void 0);return{body:b(e,()=>w(t)),head:q(e.head)}}async function Ze(t,e={}){let n=t.default||t,r=typeof t.loader=="function"?await t.loader(e):void 0,o=R(r),s=e.params||{};return{body:b(o,()=>w(yt(n,{...s,loaderData:r}))),head:q(o.head),loaderData:r}}var St=12;async function ae(t,e){e||(e=R(void 0));let n="";for(let o=0;o<St;o++){n=b(e,()=>w(t));let s=[...e.resources.values()].filter(a=>a.status==="pending").map(a=>a.promise);if(s.length===0)break;await Promise.all(s)}let r={};for(let[o,s]of e.resources)s.status==="ready"&&(r[o]=s.value);return{body:n,head:q(e.head),loaderData:e.loaderData,resources:r,ctx:e}}async function F(t,e={},n={}){let r=t.default||t,o=typeof t.loader=="function"?await t.loader(e):void 0,s=R(o),a=e.params||{},{body:i,head:c,resources:u}=await ae(yt(r,{...a,loaderData:o}),s),d={loaderData:o??null,resources:u,islandStores:it(s)};return ie({body:i,head:c,payload:d,options:n})}function ie({body:t,head:e,payload:n,options:r={}}){let o=r.lang||"en",s=`<script id="__what_data" type="application/json">${P(n)}<\/script>`,a=r.clientEntry?`<script type="module" src="${g(r.clientEntry)}"><\/script>`:"",c=(r.csrfToken?G(r.csrfToken):"")+(r.head||""),u=r.bodyClass?` class="${g(r.bodyClass)}"`:"";return`<!DOCTYPE html><html lang="${g(o)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">${e||""}${c}</head><body${u}>${t}${s}${a}</body></html>`}async function*j(t,e){if(e===void 0&&(e=R(void 0)),t==null||t===!1||t===!0)return;if(typeof t=="string"||typeof t=="number"){yield g(String(t));return}if(typeof t=="function"&&t._signal){let a=b(e,()=>t());yield*j(a,e);return}if(typeof t=="function"){try{let a=b(e,()=>t());yield*j(a,e)}catch{typeof process<"u"}return}if(Array.isArray(t)){for(let a of t)yield*j(a,e);return}if(t.tag==="__suspense"){let a=null;for(let i=0;i<St&&a===null;i++){let c=null;try{a=b(e,()=>(t.children||[]).map(w).join(""))}catch(u){if(u&&typeof u.then=="function")c=u;else throw u}if(a===null){let u=[...e.resources.values()].filter(d=>d.status==="pending").map(d=>d.promise);await Promise.all([c,...u].filter(Boolean))}}a===null&&(a=b(e,()=>w(t.props&&t.props.fallback))),yield a;return}if(typeof t.tag=="function"){try{let a=b(e,()=>t.tag({...t.props,children:t.children})),i=a instanceof Promise?await a:a;yield*j(i,e)}catch(a){typeof process<"u",yield tt?`<!-- SSR Error: ${g(a.message||"Component error")} -->`:"<!-- SSR Error -->"}return}let{tag:n,props:r,children:o}=t,s=nt(r||{});if(yield`<${n}${s}>`,!rt.has(n)){let a=et(r);if(a!=null)yield String(a);else for(let i of o)yield*j(i,e);yield`</${n}>`}}function Qe(t){return{mode:"static",...t}}function qe(t,e={}){let n=R(e),r=b(n,()=>{let s=t.component(e);return w(s)}),o=t.islands||[];return ce({title:t.title||"",meta:t.meta||{},body:r,islands:o,scripts:t.mode==="static"?[]:t.scripts||[],styles:t.styles||[],mode:t.mode})}function ce({title:t,meta:e,body:n,islands:r,scripts:o,styles:s,mode:a}){let i=Object.entries(e).map(([f,p])=>`<meta name="${g(f)}" content="${g(p)}">`).join(`
|
|
1
|
+
import{AsyncLocalStorage as Pe}from"node:async_hooks";import{__installServerContextStorage as $e}from"what-core";import{h as St,getServerContext as bt,runWithServerContext as b,beginHeadCollection as ae,endHeadCollection as nt}from"what-core";var Ct=new RegExp("[<>&\\u2028\\u2029]","g"),xt={60:"\\u003c",62:"\\u003e",38:"\\u0026",8232:"\\u2028",8233:"\\u2029"};function $(t){return JSON.stringify(t).replace(Ct,e=>xt[e.charCodeAt(0)])}import{mount as Ie,hydrate as Ne,signal as Le,batch as De,getServerContext as Ot}from"what-core";var Pt=new Map;function $t(t){let e=t||Ot();return e&&e.islandStores instanceof Map?e.islandStores:null}function lt(t){let e=typeof document<"u"?Pt:$t(t),n={};for(let[r,o]of e||[])n[r]=o._getSnapshot();return n}import{signal as _,batch as K}from"what-core";var R=null,ft=!(typeof process<"u");function Y(t){R=t}function Ht(){return R}async function X(t,e){if(R&&R.revalidatePath)return R.revalidatePath(t,e);ft&&console.warn(`[what] revalidatePath('${t}') had no effect: no cache engine is bound. Create a what-isr engine and bind it in your adapter (setRevalidationHandler).`)}async function G(t,e){if(R&&R.revalidateTag)return R.revalidateTag(t,e);ft&&console.warn(`[what] revalidateTag('${t}') had no effect: no cache engine is bound.`)}var Z=new Map;function jt(){if(typeof document<"u"){let t=document.querySelector('meta[name="what-csrf-token"]');if(t)return t.getAttribute("content");let e=document.cookie.match(/(?:^|;\s*)what-csrf=([^;]+)/);if(e)return decodeURIComponent(e[1])}return null}function Q(){if(typeof crypto<"u"&&crypto.randomUUID)return crypto.randomUUID();if(typeof crypto<"u"&&crypto.getRandomValues){let t=new Uint8Array(16);return crypto.getRandomValues(t),Array.from(t,e=>e.toString(16).padStart(2,"0")).join("")}throw new Error("[what] No secure random source available for CSRF token generation")}function pt(t,e){if(!t||!e||t.length!==e.length)return!1;let n=0;for(let r=0;r<t.length;r++)n|=t.charCodeAt(r)^e.charCodeAt(r);return n===0}function q(t){return`<meta name="what-csrf-token" content="${String(t).replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}">`}var It=0,Nt=!1;function Lt(){return!Nt&&typeof process<"u",`a_${typeof crypto<"u"&&crypto.getRandomValues?Array.from(crypto.getRandomValues(new Uint8Array(6)),e=>e.toString(16).padStart(2,"0")).join(""):`c${(++It).toString(36)}_${Date.now().toString(36)}`}`}function Dt(t,e={}){let n=e.id||Lt(),{onError:r,onSuccess:o,revalidate:s}=e;typeof window>"u"&&Z.set(n,{fn:t,options:e});async function a(...i){if(typeof window>"u")return t(...i);let c=e.timeout||3e4,u=new AbortController,d=setTimeout(()=>u.abort(),c);try{let l=jt(),f={"Content-Type":"application/json","X-What-Action":n};l&&(f["X-CSRF-Token"]=l);let p=await fetch("/__what_action",{method:"POST",headers:f,credentials:"same-origin",signal:u.signal,body:JSON.stringify({args:i})});if(!p.ok){let y=await p.json().catch(()=>({message:"Action failed"}));throw new Error(y.message||"Action failed")}let h=await p.json();if(o&&o(h),s)for(let y of s)mt(y);return h}catch(l){if(l.name==="AbortError"){let f=new Error(`Action "${n}" timed out after ${c}ms`);throw f.code="TIMEOUT",r&&r(f),f}throw r&&r(l),l}finally{clearTimeout(d)}}return a._actionId=n,a._isAction=!0,a}function ht(t,e={}){let{onSuccess:n,onError:r,resetOnSuccess:o=!0}=e;return async s=>{let a,i;s instanceof Event?(s.preventDefault(),i=s.target,a=new FormData(i)):a=s;let c={},u=!1;for(let[d,l]of a.entries())typeof File<"u"&&l instanceof File&&(u=!0),c[d]?Array.isArray(c[d])?c[d].push(l):c[d]=[c[d],l]:c[d]=l;try{let d=u?await t(c,a):await t(c);return n&&n(d,i),o&&i&&i.reset(),d}catch(d){throw r&&r(d,i),d}}}function yt(t){let e=_(!1),n=_(null),r=_(null);async function o(...s){e.set(!0),n.set(null);try{let a=await t(...s);return r.set(a),a}catch(a){throw n.set(a),a}finally{e.set(!1)}}return{trigger:o,isPending:()=>e(),error:()=>n(),data:()=>r(),reset:()=>{n.set(null),r.set(null)}}}function Mt(t,e={}){let{resetOnSuccess:n=!0}=e,r={current:null},o=yt(ht(t,{resetOnSuccess:n}));function s(a){a.preventDefault();let i=new FormData(a.target);return r.current=a.target,o.trigger(i)}return{...o,handleSubmit:s,formRef:r}}function Ft(t,e){let n=_(t),r=_([]),o=_(t);function s(u){let d=e(n.peek(),u);K(()=>{r.set([...r.peek(),u]),n.set(d)})}function a(u,d){K(()=>{if(r.set(r.peek().filter(l=>l!==u)),d!==void 0){o.set(d);let l=d;for(let f of r.peek())l=e(l,f);n.set(l)}})}function i(u,d){K(()=>{let l=r.peek().filter(h=>h!==u);r.set(l);let f=d!==void 0?d:o.peek();o.set(f);let p=f;for(let h of l)p=e(p,h);n.set(p)})}async function c(u,d){s(u);try{let l=await d();return a(u,l),l}catch(l){throw i(u),l}}return{value:()=>n(),isPending:()=>r().length>0,addOptimistic:s,resolve:a,rollback:i,withOptimistic:c,set:u=>{n.set(u),o.set(u)}}}var H=new Map;function Ut(t,e){return H.has(t)||H.set(t,new Set),H.get(t).add(e),()=>{H.get(t)?.delete(e)}}function mt(t){let e=H.get(t);if(e)for(let n of e)try{n()}catch(r){console.error("[what] Revalidation error:",r)}}function D(t,e,n,r={}){let{csrfToken:o,skipCsrf:s=!1}=r;if(!s){if(!o)return Promise.resolve({status:500,body:{message:"[what] CSRF token not configured. Pass { csrfToken: sessionToken } to handleActionRequest, or { skipCsrf: true } to explicitly opt out."}});let i=t?.headers?.["x-csrf-token"]||t?.headers?.["X-CSRF-Token"];if(!pt(i,o))return Promise.resolve({status:403,body:{message:"Invalid CSRF token"}})}let a=Z.get(e);return a?Array.isArray(n)?a.fn(...n).then(async i=>{let c=a.options||{};if(Array.isArray(c.revalidate))for(let u of c.revalidate)await X(u);if(Array.isArray(c.revalidateTags))for(let u of c.revalidateTags)await G(u);return{status:200,body:i}}).catch(i=>(console.error(`[what] Action "${e}" error:`,i),{status:500,body:{message:"Action failed"}})):Promise.resolve({status:400,body:{message:"Invalid action arguments"}}):Promise.resolve({status:404,body:{message:"Action not found"}})}function Bt(){return[...Z.keys()]}function Jt(t,e={}){let{onSuccess:n,onError:r,onSettled:o}=e,s={isPending:_(!1),error:_(null),data:_(null)};async function a(...i){s.isPending.set(!0),s.error.set(null);try{let c=await t(...i);return s.data.set(c),n&&n(c,...i),c}catch(c){throw s.error.set(c),r&&r(c,...i),c}finally{s.isPending.set(!1),o&&o(s.data.peek(),s.error.peek(),...i)}}return{mutate:a,isPending:()=>s.isPending(),error:()=>s.error(),data:()=>s.data(),reset:()=>{s.error.set(null),s.data.set(null)}}}var Vt="/__what_action",j=1024*1024;function Wt(t){if(!t)return{};if(typeof t.forEach=="function"&&typeof t.get=="function"){let n={};return t.forEach((r,o)=>{n[o.toLowerCase()]=r}),n}let e={};for(let n in t)e[n.toLowerCase()]=t[n];return e}function M(t,e){return{status:t,headers:{"content-type":"application/json"},body:JSON.stringify(e)}}function tt(t,e){return{status:t,headers:{"content-type":"text/html; charset=utf-8"},body:`<!DOCTYPE html><html><body><h1>${t}</h1><p>${String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}</p></body></html>`}}function gt(t){if(typeof t!="string"||!t.startsWith("/")||/^[/\\]{2}/.test(t)||t.includes("\\"))return null;try{let e=new URL(t,"http://localhost");return e.origin!=="http://localhost"?null:e.pathname+e.search}catch{return null}}function zt(t,e){let n=gt(t&&t._redirect);if(n)return n;let r=e.referer||e.referrer;if(r)try{let o=new URL(r,"http://localhost"),s=gt(o.pathname+o.search);if(s)return s}catch{}return"/"}var Yt=new Set(["_action","data-action","_csrf","what-csrf-token","_redirect"]);function I(t={}){let{getCsrfToken:e,skipCsrf:n=!1}=t;return async function(o){if((o.method||"POST").toUpperCase()!=="POST")return M(405,{message:"Method Not Allowed"});let a=Wt(o.headers),i=a["x-what-action"],c=a["content-type"]||"",u=!i&&c.includes("application/x-www-form-urlencoded"),d=n?void 0:e?await e(o):void 0;if(u){let h=o.body||{},y=h._action||h["data-action"]||o.query&&o.query.action;if(!y)return tt(400,'Missing action name (add a hidden "_action" field or ?action= query param)');let S={...a},v=h._csrf??h["what-csrf-token"];if(v&&!S["x-csrf-token"]&&(S["x-csrf-token"]=String(v)),!n&&e&&!d)return tt(403,"Missing CSRF token");let C={};for(let[x,W]of Object.entries(h))Yt.has(x)||(C[x]=W);let E=await D({headers:S},y,[C],{csrfToken:d,skipCsrf:n});return E.status===200?{status:303,headers:{location:zt(h,a)},body:""}:tt(E.status,E.body&&E.body.message||"Action failed")}if(!i)return M(400,{message:"Missing X-What-Action header"});if(!n&&e&&!d)return M(403,{message:"Missing CSRF token"});let f=(o.body||{}).args,p=await D({headers:a},i,f,{csrfToken:d,skipCsrf:n});return M(p.status,p.body)}}function Xt(t={}){let e=t.basePath||Vt,n=I(t);return async function(o,s,a){let[i,c]=(o.url||"").split("?");if(i!==e||(o.method||"").toUpperCase()!=="POST")return a?a():void 0;let u;try{let f=await Gt(o);u=F(f,o.headers["content-type"]||"")}catch(f){s.writeHead(f.code==="BODY_TOO_LARGE"?413:400,{"content-type":"application/json"}),s.end(JSON.stringify({message:f.code==="BODY_TOO_LARGE"?"Payload too large":"Invalid request body"}));return}let d=Object.fromEntries(new URLSearchParams(c||"")),l=await n({method:o.method,headers:o.headers,body:u,query:d});s.writeHead(l.status,l.headers),s.end(l.body)}}function F(t,e){if((e||"").includes("application/x-www-form-urlencoded")){let n={};for(let[r,o]of new URLSearchParams(String(t)))n[r]===void 0?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o];return n}return t==null||t===""?{}:JSON.parse(String(t))}async function U(t,e=j){let n=Number(t.headers.get("content-length"));if(Number.isFinite(n)&&n>e)return{tooLarge:!0};let r=t.body;if(!r||typeof r.getReader!="function"){let i=await t.text();return Buffer.byteLength(i,"utf8")>e?{tooLarge:!0}:{raw:i}}let o=r.getReader(),s=[],a=0;for(;;){let{done:i,value:c}=await o.read();if(i)break;if(c){if(a+=c.byteLength,a>e){try{await o.cancel()}catch{}return{tooLarge:!0}}s.push(c)}}return{raw:Buffer.concat(s.map(i=>Buffer.from(i))).toString("utf8")}}function Gt(t){return new Promise((e,n)=>{let r=0,o=[];t.on("data",s=>{if(r+=s.length,r>j){let a=new Error("Body too large");a.code="BODY_TOO_LARGE",n(a),t.destroy?.();return}o.push(s)}),t.on("end",()=>{if(o.length===0)return e("");e(Buffer.concat(o).toString("utf8"))}),t.on("error",n)})}function Kt(t={}){let e=I(t);return async function(n){let r={};try{let a=await U(n);if(a.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});r=F(a.raw,n.headers.get("content-type")||"")}catch{r={}}let o={};try{o=Object.fromEntries(new URL(n.url,"http://localhost").searchParams)}catch{}let s=await e({method:n.method,headers:n.headers,body:r,query:o});return new Response(s.body,{status:s.status,headers:s.headers})}}import{matchRoute as Zt,parseQuery as Qt}from"what-router/match";var qt="/__what_action",te="/__what_revalidate",et="what-csrf";function N(t){let e={};return t&&typeof t.forEach=="function"&&t.forEach((n,r)=>{e[r.toLowerCase()]=n}),e}function wt(t,e){if(!t)return null;let n=String(t).match(new RegExp(`(?:^|;\\s*)${e}=([^;]+)`));return n?decodeURIComponent(n[1]):null}async function ee(t){try{let e=await U(t);return e.tooLarge?{tooLarge:!0}:F(e.raw,t.headers.get("content-type")||"")}catch{return{}}}async function ne(t){let e;try{e=await U(t)}catch{return{json:{}}}if(e.tooLarge)return{tooLarge:!0};try{return{json:JSON.parse(e.raw)}}catch{return{json:{}}}}function re(t){return async function(n){let{route:r,params:o,query:s,request:a}=n,i={default:r.component,loader:r.loader},c=n.csrfToken?{...t,csrfToken:n.csrfToken}:t;return{html:await B(i,{params:o,query:s,request:a},c),status:200,tags:n.config&&n.config.tags||[],path:n.path}}}function T(t={}){let{routes:e=[],cache:n,render:r,revalidateWebhook:o,document:s={},notFound:a,basePath:i="",csrf:c=!0}=t,u=c!==!1&&!t.actionHandler,d=t.actionHandler||I(u?{getCsrfToken:f=>wt(f.headers&&f.headers.cookie,et)}:{skipCsrf:!0}),l=r||re(s);return n&&(n.revalidatePath||n.revalidateTag)&&Y({revalidatePath:n.revalidatePath,revalidateTag:n.revalidateTag}),async function(p){let h=new URL(p.url,"http://localhost"),y=h.pathname;if(i&&y.startsWith(i)&&(y=y.slice(i.length)||"/"),p.method==="POST"&&y===qt){let m=await ee(p);if(m&&m.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let A=await d({method:"POST",headers:N(p.headers),body:m,query:Object.fromEntries(h.searchParams)});return new Response(A.body,{status:A.status,headers:A.headers})}let S=null,v=null;if(u&&(S=wt(N(p.headers).cookie,et),!S)){S=Q();let A=N(p.headers)["x-forwarded-proto"]==="https"||h.protocol==="https:"||!0;v=`${et}=${encodeURIComponent(S)}; Path=/; SameSite=Lax`+(A?"; Secure":"")}let C=m=>(v&&(m["set-cookie"]=v),m);if(p.method==="POST"&&y===te&&o){let m=await ne(p);if(m.tooLarge)return new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});let A=await o({headers:N(p.headers),body:m.json});return new Response(JSON.stringify(A.body),{status:A.status,headers:{"content-type":"application/json"}})}let E=Zt(y,e);if(!E){let m=a?a():"<!DOCTYPE html><html><body><h1>404 \u2014 Not Found</h1></body></html>";return new Response(m,{status:404,headers:C({"content-type":"text/html; charset=utf-8"})})}let{route:x,params:W}=E,z=x.page||{mode:x.mode||"client"},P={path:y,query:Qt(h.search),config:z,route:x,params:W,request:p};if(n&&z.mode!=="server"){P.varyHeaders=N(p.headers);let m=await n.handle(P,()=>l(P));return new Response(m.html,{status:m.status||200,headers:C({"content-type":"text/html; charset=utf-8",...m.headers||{}})})}S&&(P.csrfToken=S);let ut=await l(P),dt=C({"content-type":"text/html; charset=utf-8"});return z.mode==="server"&&(dt["Cache-Control"]="private, no-store"),new Response(ut.html,{status:ut.status||200,headers:dt})}}function oe(t={}){let e=T(t);return{async fetch(n,r,o){return r&&(n.__env=r),o&&(n.__ctx=o),e(n)}}}function k(t){return{head:ae(),loaderData:t,resources:new Map,islandStores:new Map,resourceCounter:0,boundaryCounter:0,suspended:[]}}var _t=0;function se(){_t=0}function ie(){return"h"+_t++}function ce(t){if(typeof document>"u"&&!bt()){let e=k(void 0);return b(e,()=>ce(t))}return se(),O(t)}function O(t){if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return g(String(t));if(typeof t=="function"&&t._signal)return`<!--$-->${O(t())}<!--/$-->`;if(typeof t=="function")try{return`<!--$-->${O(t())}<!--/$-->`}catch{return typeof process<"u","<!--$--><!--/$-->"}if(Array.isArray(t))return`<!--[]-->${t.map(O).join("")}<!--/[]-->`;if(typeof t.tag=="function"){let c=ie(),u=t.tag({...t.props,children:t.children}),d=O(u);return ue(d,c)}let{tag:e,props:n,children:r}=t;ot(e);let o=at(n||{}),s=`<${e}${o}>`;if(st.has(e))return s;let a=rt(n),i=a!=null?String(a):r.map(O).join("");return`${s}${i}</${e}>`}function ue(t,e){let n=t.match(/^((?:<!--.*?-->)*)<([a-zA-Z][a-zA-Z0-9-]*)/);if(n){let r=n[1],o=n[2],s=r.length+1+o.length;return t.slice(0,s)+` data-hk="${e}"`+t.slice(s)}return t}function w(t){if(typeof document>"u"&&!bt()){let c=k(void 0);return b(c,()=>w(t))}if(t==null||t===!1||t===!0)return"";if(typeof t=="string"||typeof t=="number")return g(String(t));if(typeof t=="function"&&t._signal)return w(t());if(typeof t=="function")try{return w(t())}catch{return typeof process<"u",""}if(Array.isArray(t))return t.map(w).join("");if(t.tag==="__suspense")try{return(t.children||[]).map(w).join("")}catch(c){if(c&&typeof c.then=="function")return w(t.props&&t.props.fallback);throw c}if(typeof t.tag=="function"){let c=t.tag({...t.props,children:t.children});return w(c)}let{tag:e,props:n,children:r}=t;ot(e);let o=at(n||{}),s=`<${e}${o}>`;if(st.has(e))return s;let a=rt(n),i=a!=null?String(a):r.map(w).join("");return`${s}${i}</${e}>`}function on(t){let e=k(void 0);return{body:b(e,()=>w(t)),head:nt(e.head)}}async function an(t,e={}){let n=t.default||t,r=typeof t.loader=="function"?await t.loader(e):void 0,o=k(r),s=e.params||{};return{body:b(o,()=>w(St(n,{...s,loaderData:r}))),head:nt(o.head),loaderData:r}}var At=12;async function de(t,e){e||(e=k(void 0));let n="";for(let o=0;o<At;o++){n=b(e,()=>w(t));let s=[...e.resources.values()].filter(a=>a.status==="pending").map(a=>a.promise);if(s.length===0)break;await Promise.all(s)}let r={};for(let[o,s]of e.resources)s.status==="ready"&&(r[o]=s.value);return{body:n,head:nt(e.head),loaderData:e.loaderData,resources:r,ctx:e}}async function B(t,e={},n={}){let r=t.default||t,o=typeof t.loader=="function"?await t.loader(e):void 0,s=k(o),a=e.params||{},{body:i,head:c,resources:u}=await de(St(r,{...a,loaderData:o}),s),d={loaderData:o??null,resources:u,islandStores:lt(s)};return le({body:i,head:c,payload:d,options:n})}function le({body:t,head:e,payload:n,options:r={}}){let o=r.lang||"en",s=`<script id="__what_data" type="application/json">${$(n)}<\/script>`,a=r.clientEntry?`<script type="module" src="${g(r.clientEntry)}"><\/script>`:"",c=(r.csrfToken?q(r.csrfToken):"")+(r.head||""),u=r.bodyClass?` class="${g(r.bodyClass)}"`:"";return`<!DOCTYPE html><html lang="${g(o)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">${e||""}${c}</head><body${u}>${t}${s}${a}</body></html>`}async function*L(t,e){if(e===void 0&&(e=k(void 0)),t==null||t===!1||t===!0)return;if(typeof t=="string"||typeof t=="number"){yield g(String(t));return}if(typeof t=="function"&&t._signal){let a=b(e,()=>t());yield*L(a,e);return}if(typeof t=="function"){try{let a=b(e,()=>t());yield*L(a,e)}catch{typeof process<"u"}return}if(Array.isArray(t)){for(let a of t)yield*L(a,e);return}if(t.tag==="__suspense"){let a=null;for(let i=0;i<At&&a===null;i++){let c=null;try{a=b(e,()=>(t.children||[]).map(w).join(""))}catch(u){if(u&&typeof u.then=="function")c=u;else throw u}if(a===null){let u=[...e.resources.values()].filter(d=>d.status==="pending").map(d=>d.promise);await Promise.all([c,...u].filter(Boolean))}}a===null&&(a=b(e,()=>w(t.props&&t.props.fallback))),yield a;return}if(typeof t.tag=="function"){try{let a=b(e,()=>t.tag({...t.props,children:t.children})),i=a instanceof Promise?await a:a;yield*L(i,e)}catch(a){typeof process<"u",yield J?`<!-- SSR Error: ${g(a.message||"Component error")} -->`:"<!-- SSR Error -->"}return}let{tag:n,props:r,children:o}=t;ot(n);let s=at(r||{});if(yield`<${n}${s}>`,!st.has(n)){let a=rt(r);if(a!=null)yield String(a);else for(let i of o)yield*L(i,e);yield`</${n}>`}}function sn(t){return{mode:"static",...t}}function cn(t,e={}){let n=k(e),r=b(n,()=>{let s=t.component(e);return w(s)}),o=t.islands||[];return fe({title:t.title||"",meta:t.meta||{},body:r,islands:o,scripts:t.mode==="static"?[]:t.scripts||[],styles:t.styles||[],mode:t.mode})}function fe({title:t,meta:e,body:n,islands:r,scripts:o,styles:s,mode:a}){let i=Object.entries(e).map(([f,p])=>`<meta name="${g(f)}" content="${g(p)}">`).join(`
|
|
2
2
|
`),c=s.map(f=>`<link rel="stylesheet" href="${g(f)}">`).join(`
|
|
3
3
|
`),u=r.length>0?`
|
|
4
4
|
<script type="module">
|
|
@@ -21,4 +21,4 @@ import{AsyncLocalStorage as _e}from"node:async_hooks";import{__installServerCont
|
|
|
21
21
|
${d}
|
|
22
22
|
${l}
|
|
23
23
|
</body>
|
|
24
|
-
</html>`}function
|
|
24
|
+
</html>`}function un(t){return t._server=!0,t}var J=!(typeof process<"u");function rt(t){return t?t.dangerouslySetInnerHTML?t.dangerouslySetInnerHTML.__html??null:t.innerHTML&&typeof t.innerHTML=="object"&&"__html"in t.innerHTML?t.innerHTML.__html??null:(t.innerHTML!=null&&typeof t.innerHTML=="string"&&J&&console.warn("[what-server] innerHTML received a raw string. This is a security risk (XSS). Use innerHTML={{ __html: trustedString }} or dangerouslySetInnerHTML={{ __html: trustedString }} instead."),null):null}var pe=/^[a-zA-Z_:][a-zA-Z0-9:._-]*$/,he=/^[a-zA-Z_][a-zA-Z0-9._:-]*$/;function ot(t){if(typeof t!="string"||!he.test(t))throw new Error(`[what-server] Invalid tag name in SSR: ${JSON.stringify(t)}`)}function at(t){let e="";for(let[n,r]of Object.entries(t)){if(n==="key"||n==="ref"||n==="children"||n==="dangerouslySetInnerHTML"||n==="innerHTML")continue;let o=n.toLowerCase();if(!(o.startsWith("on")&&n.length>2)&&!(r===!1||r==null)){if(!pe.test(n)){J&&console.warn(`[what-server] Skipping invalid attribute name in SSR: ${JSON.stringify(n)}`);continue}if(ge.has(o)){J&&console.warn(`[what-server] Skipping unsafe attribute in SSR: ${JSON.stringify(n)}`);continue}if(n==="className"||n==="class")e+=` class="${g(String(r))}"`;else if(n==="style"&&typeof r=="object"){let s=Object.entries(r).map(([a,i])=>`${we(a)}:${i}`).join(";");e+=` style="${g(s)}"`}else if(r===!0)n.startsWith("aria-")||n==="role"?e+=` ${n}="true"`:e+=` ${n}`;else{if(ye(n,r))continue;e+=` ${n}="${g(String(r))}"`}}}return e}function ye(t,e){let n=t.toLowerCase();if(!me.has(n))return!1;let r=String(e).trim().replace(/[\u0000-\u001f\u007f\s]+/g,"").toLowerCase();return r.startsWith("javascript:")||r.startsWith("vbscript:")||r.startsWith("data:")}var me=new Set(["href","src","action","formaction","data","ping","xlink:href"]),ge=new Set(["srcdoc"]);function g(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function we(t){return t.startsWith("--")?t:t.replace(/([A-Z])/g,"-$1").toLowerCase()}var st=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);import Se from"node:http";var it=Symbol("what.bodyTooLarge"),Rt=()=>new Response(JSON.stringify({message:"Payload too large"}),{status:413,headers:{"content-type":"application/json"}});async function Tt(t){let n=`http://${t.headers.host||"localhost"}${t.url}`,r=new Headers;for(let[s,a]of Object.entries(t.headers))a!=null&&r.set(s,Array.isArray(a)?a.join(", "):String(a));let o;if(t.method!=="GET"&&t.method!=="HEAD"){let s=Number(t.headers["content-length"]),a=Number.isFinite(s)&&s>j,i=[],c=0;for await(let u of t)if(!a){if(c+=u.length,c>j){a=!0,i.length=0;continue}i.push(u)}if(a)return it;i.length&&(o=Buffer.concat(i))}return new Request(n,{method:t.method,headers:r,body:o})}async function V(t,e){t.statusCode=e.status,e.headers.forEach((r,o)=>t.setHeader(o,r));let n=await e.text();t.end(n)}function kt(t){return async function(n,r){try{let o=await Tt(n);if(o===it)return await V(r,Rt());let s=await t(o);await V(r,s)}catch(o){r.headersSent||r.writeHead(500,{"content-type":"text/html; charset=utf-8"}),r.end("<!DOCTYPE html><html><body><h1>500 \u2014 Server Error</h1></body></html>"),console.error("[what-server] request error:",o)}}}function be(t={}){let e=T(t);return async function(r,o,s){let a=await Tt(r);if(a===it)return await V(o,Rt());let i=await e(a);if(i.status===404&&typeof s=="function")return s();await V(o,i)}}function _e(t={}){let e=T(t),n=Se.createServer(kt(e)),{scheduler:r}=t;if(r){r.start();let o=()=>{try{r.stop()}catch{}n.close()};process.once("SIGTERM",o),process.once("SIGINT",o)}return n}import{mkdir as Ae,writeFile as Et}from"node:fs/promises";import{join as ct,resolve as vt,sep as Re}from"node:path";import{matchRoute as Te}from"what-router/match";function ke(t){return t.includes(":")||t.includes("*")||t.includes("[")}function Ee(t,e){return t.replace(/\[\.\.\.(\w+)\]/g,(n,r)=>e[r]??"").replace(/\[(\w+)\]/g,(n,r)=>e[r]??"").replace(/[:*](\w+)/g,(n,r)=>e[r]??"")}function ve(t,e){let n=vt(t),r=vt(ct(t,e==="/"?"":e));if(r!==n&&!r.startsWith(n+Re))throw new Error(`[what-server] Refusing to write outside outDir: ${e}`);return r}async function Ce({routes:t=[],outDir:e,render:n,documentOptions:r={}}={}){let o=[];for(let s of t){let a=s.page&&s.page.mode||s.mode;if(a!=="static"&&a!=="hybrid")continue;let i={default:s.component,loader:s.loader},c=[s.path];if(ke(s.path)){if(typeof s.getStaticPaths!="function")continue;c=((await s.getStaticPaths()).paths||[]).map(d=>Ee(s.path,d.params||{}))}for(let u of c){let d=ve(e,u),l=Te(u,[s]),p={params:l?l.params:{},query:{}},h=n?await n(i,p):await B(i,p,r);if(await Ae(d,{recursive:!0}),await Et(ct(d,"index.html"),h),typeof s.loader=="function"){let y=await s.loader(p);await Et(ct(d,"__what_data.json"),$({loaderData:y}))}o.push(u)}}return{pages:o}}function xe(t={}){return T(t)}async function Oe({outDir:t=".vercel/output",functionName:e="render",runtime:n="nodejs22.x",files:r=null,handler:o="index.mjs",staticDir:s=null}={}){let{mkdir:a,writeFile:i,cp:c}=await import("node:fs/promises"),{join:u,dirname:d}=await import("node:path");await a(t,{recursive:!0});let l={version:3,routes:[{handle:"filesystem"},{src:"/.*",dest:`/${e}`}]};await i(u(t,"config.json"),JSON.stringify(l,null,2)),s&&await c(s,u(t,"static"),{recursive:!0});let f=null;if(r&&typeof r=="object"){f=u(t,"functions",`${e}.func`),await a(f,{recursive:!0});let p={runtime:n,handler:o,launcherType:"Nodejs",shouldAddHelpers:!1,supportsResponseStreaming:!0};await i(u(f,".vc-config.json"),JSON.stringify(p,null,2));for(let[h,y]of Object.entries(r)){let S=u(f,h);await a(d(S),{recursive:!0}),await i(S,y)}o in r||console.warn(`[what-server] buildVercelOutput: files does not include the handler entry "${o}" \u2014 the deploy will 500 until your build emits it.`)}return{config:l,outDir:t,functionDir:f}}$e(new Pe);export{Dt as action,Oe as buildVercelOutput,I as createActionHandler,oe as createCloudflareHandler,T as createRequestHandler,_e as createServer,xe as createVercelHandler,q as csrfMetaTag,sn as definePage,Ce as exportStatic,Kt as fetchActionHandler,ht as formAction,Q as generateCsrfToken,cn as generateStaticPage,Bt as getRegisteredActions,Ht as getRevalidationHandler,D as handleActionRequest,mt as invalidatePath,Xt as nodeActionMiddleware,Ut as onRevalidate,B as renderDocument,an as renderPage,ce as renderToHydratableString,L as renderToStream,w as renderToString,de as renderToStringAsync,on as renderToStringWithHead,X as revalidatePath,G as revalidateTag,$ as serializeState,un as server,Y as setRevalidationHandler,kt as toNodeListener,yt as useAction,Mt as useFormAction,Jt as useMutation,Ft as useOptimistic,pt as validateCsrfToken,be as whatMiddleware};
|
package/index.d.ts
CHANGED
|
@@ -10,6 +10,19 @@ export function renderToString(vnode: VNode): string;
|
|
|
10
10
|
/** Render VNode tree as async iterator for streaming */
|
|
11
11
|
export function renderToStream(vnode: VNode): AsyncGenerator<string>;
|
|
12
12
|
|
|
13
|
+
export interface RenderRequestContext {
|
|
14
|
+
params?: Record<string, string>;
|
|
15
|
+
query?: Record<string, string>;
|
|
16
|
+
request?: any;
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/** Run a page module's loader, then render it. Returns the body, head and loader data. */
|
|
21
|
+
export function renderPage(
|
|
22
|
+
pageModule: { default: (props: any) => VNode; loader?: (ctx: RenderRequestContext) => any } | ((props: any) => VNode),
|
|
23
|
+
reqCtx?: RenderRequestContext,
|
|
24
|
+
): Promise<{ body: string; head: string; loaderData: any }>;
|
|
25
|
+
|
|
13
26
|
// --- Page Configuration ---
|
|
14
27
|
|
|
15
28
|
export interface PageConfig {
|
|
@@ -38,6 +51,11 @@ export function generateStaticPage(page: PageConfig, data?: any): string;
|
|
|
38
51
|
export function server<P>(component: (props: P) => VNode): (props: P) => VNode;
|
|
39
52
|
|
|
40
53
|
// --- Islands ---
|
|
54
|
+
//
|
|
55
|
+
// The island runtime (island, Island, hydrateIslands, createIslandStore, …)
|
|
56
|
+
// is exported from the `what-server/islands` subpath, not from this entry.
|
|
57
|
+
// See ./islands.d.ts. The shapes below stay here because they describe values
|
|
58
|
+
// that cross the SSR boundary and are referenced by root-entry consumers.
|
|
41
59
|
|
|
42
60
|
export interface IslandOptions {
|
|
43
61
|
/** Hydration mode */
|
|
@@ -50,40 +68,6 @@ export interface IslandOptions {
|
|
|
50
68
|
stores?: string[];
|
|
51
69
|
}
|
|
52
70
|
|
|
53
|
-
/** Register an island component */
|
|
54
|
-
export function island(
|
|
55
|
-
name: string,
|
|
56
|
-
loader: () => Promise<any>,
|
|
57
|
-
options?: IslandOptions
|
|
58
|
-
): void;
|
|
59
|
-
|
|
60
|
-
/** Island component wrapper for SSR */
|
|
61
|
-
export function Island(props: {
|
|
62
|
-
name: string;
|
|
63
|
-
props?: Record<string, any>;
|
|
64
|
-
mode?: IslandOptions['mode'];
|
|
65
|
-
priority?: number;
|
|
66
|
-
stores?: string[];
|
|
67
|
-
children?: VNodeChild;
|
|
68
|
-
}): VNode;
|
|
69
|
-
|
|
70
|
-
/** Hydrate all islands on the page */
|
|
71
|
-
export function hydrateIslands(): void;
|
|
72
|
-
|
|
73
|
-
/** Auto-discover and register islands */
|
|
74
|
-
export function autoIslands(registry: Record<string, {
|
|
75
|
-
loader: () => Promise<any>;
|
|
76
|
-
mode?: IslandOptions['mode'];
|
|
77
|
-
media?: string;
|
|
78
|
-
priority?: number;
|
|
79
|
-
stores?: string[];
|
|
80
|
-
} | (() => Promise<any>)>): void;
|
|
81
|
-
|
|
82
|
-
/** Boost hydration priority for an island */
|
|
83
|
-
export function boostIslandPriority(name: string, newPriority?: number): void;
|
|
84
|
-
|
|
85
|
-
// --- Shared Island State ---
|
|
86
|
-
|
|
87
71
|
export interface IslandStore<T extends Record<string, any>> {
|
|
88
72
|
_signals: Record<keyof T, Signal<any>>;
|
|
89
73
|
_subscribe: (key: keyof T, fn: (value: any) => void) => () => void;
|
|
@@ -92,34 +76,6 @@ export interface IslandStore<T extends Record<string, any>> {
|
|
|
92
76
|
_hydrate: (data: Partial<T>) => void;
|
|
93
77
|
}
|
|
94
78
|
|
|
95
|
-
/** Create a shared store for islands */
|
|
96
|
-
export function createIslandStore<T extends Record<string, any>>(
|
|
97
|
-
name: string,
|
|
98
|
-
initialState: T
|
|
99
|
-
): T & IslandStore<T>;
|
|
100
|
-
|
|
101
|
-
/** Get or create a shared store */
|
|
102
|
-
export function useIslandStore<T extends Record<string, any>>(
|
|
103
|
-
name: string,
|
|
104
|
-
fallbackInitial?: T
|
|
105
|
-
): T & IslandStore<T>;
|
|
106
|
-
|
|
107
|
-
/** Serialize all shared stores for SSR */
|
|
108
|
-
export function serializeIslandStores(): string;
|
|
109
|
-
|
|
110
|
-
/** Hydrate shared stores from SSR data */
|
|
111
|
-
export function hydrateIslandStores(serialized: string | Record<string, any>): void;
|
|
112
|
-
|
|
113
|
-
// --- Progressive Enhancement ---
|
|
114
|
-
|
|
115
|
-
/** Enhance elements matching selector */
|
|
116
|
-
export function enhance(selector: string, handler: (el: Element) => void): void;
|
|
117
|
-
|
|
118
|
-
/** Enhance forms for AJAX submission */
|
|
119
|
-
export function enhanceForms(selector?: string): void;
|
|
120
|
-
|
|
121
|
-
// --- Debugging ---
|
|
122
|
-
|
|
123
79
|
export interface IslandStatus {
|
|
124
80
|
registered: string[];
|
|
125
81
|
hydrated: number;
|
|
@@ -128,8 +84,6 @@ export interface IslandStatus {
|
|
|
128
84
|
stores: string[];
|
|
129
85
|
}
|
|
130
86
|
|
|
131
|
-
export function getIslandStatus(): IslandStatus;
|
|
132
|
-
|
|
133
87
|
// --- Server Actions ---
|
|
134
88
|
|
|
135
89
|
export interface ActionOptions {
|
package/islands.d.ts
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
// What Framework Server Islands - TypeScript Definitions
|
|
2
|
+
|
|
3
|
+
import { VNode, VNodeChild, Signal } from 'what-core';
|
|
4
|
+
|
|
5
|
+
// --- Islands ---
|
|
6
|
+
|
|
7
|
+
export interface IslandOptions {
|
|
8
|
+
/** Hydration mode */
|
|
9
|
+
mode?: 'static' | 'idle' | 'visible' | 'load' | 'media' | 'action';
|
|
10
|
+
/** Media query for 'media' mode */
|
|
11
|
+
media?: string;
|
|
12
|
+
/** Priority (higher = hydrate first) */
|
|
13
|
+
priority?: number;
|
|
14
|
+
/** Shared stores this island uses */
|
|
15
|
+
stores?: string[];
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/** Register an island component */
|
|
19
|
+
export function island(
|
|
20
|
+
name: string,
|
|
21
|
+
loader: () => Promise<any>,
|
|
22
|
+
options?: IslandOptions
|
|
23
|
+
): void;
|
|
24
|
+
|
|
25
|
+
/** Island component wrapper for SSR */
|
|
26
|
+
export function Island(props: {
|
|
27
|
+
name: string;
|
|
28
|
+
props?: Record<string, any>;
|
|
29
|
+
mode?: IslandOptions['mode'];
|
|
30
|
+
priority?: number;
|
|
31
|
+
stores?: string[];
|
|
32
|
+
children?: VNodeChild;
|
|
33
|
+
}): VNode;
|
|
34
|
+
|
|
35
|
+
/** Hydrate all islands on the page */
|
|
36
|
+
export function hydrateIslands(): void;
|
|
37
|
+
|
|
38
|
+
/** Auto-discover and register islands */
|
|
39
|
+
export function autoIslands(registry: Record<string, {
|
|
40
|
+
loader: () => Promise<any>;
|
|
41
|
+
mode?: IslandOptions['mode'];
|
|
42
|
+
media?: string;
|
|
43
|
+
priority?: number;
|
|
44
|
+
stores?: string[];
|
|
45
|
+
} | (() => Promise<any>)>): void;
|
|
46
|
+
|
|
47
|
+
/** Boost hydration priority for an island */
|
|
48
|
+
export function boostIslandPriority(name: string, newPriority?: number): void;
|
|
49
|
+
|
|
50
|
+
// --- Shared Island State ---
|
|
51
|
+
|
|
52
|
+
export interface IslandStore<T extends Record<string, any>> {
|
|
53
|
+
_signals: Record<keyof T, Signal<any>>;
|
|
54
|
+
_subscribe: (key: keyof T, fn: (value: any) => void) => () => void;
|
|
55
|
+
_batch: (fn: () => void) => void;
|
|
56
|
+
_getSnapshot: () => T;
|
|
57
|
+
_hydrate: (data: Partial<T>) => void;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/** Create a shared store for islands */
|
|
61
|
+
export function createIslandStore<T extends Record<string, any>>(
|
|
62
|
+
name: string,
|
|
63
|
+
initialState: T
|
|
64
|
+
): T & IslandStore<T>;
|
|
65
|
+
|
|
66
|
+
/** Get or create a shared store */
|
|
67
|
+
export function useIslandStore<T extends Record<string, any>>(
|
|
68
|
+
name: string,
|
|
69
|
+
fallbackInitial?: T
|
|
70
|
+
): T & IslandStore<T>;
|
|
71
|
+
|
|
72
|
+
/** Serialize all shared stores for SSR */
|
|
73
|
+
export function serializeIslandStores(): string;
|
|
74
|
+
|
|
75
|
+
/** Snapshot every shared store for the current render context */
|
|
76
|
+
export function getIslandStoresSnapshot(context?: any): Record<string, any>;
|
|
77
|
+
|
|
78
|
+
/** Hydrate shared stores from SSR data */
|
|
79
|
+
export function hydrateIslandStores(serialized: string | Record<string, any>): void;
|
|
80
|
+
|
|
81
|
+
// --- Progressive Enhancement ---
|
|
82
|
+
|
|
83
|
+
/** Enhance elements matching selector */
|
|
84
|
+
export function enhance(selector: string, handler: (el: Element) => void): void;
|
|
85
|
+
|
|
86
|
+
/** Enhance forms for AJAX submission */
|
|
87
|
+
export function enhanceForms(selector?: string): void;
|
|
88
|
+
|
|
89
|
+
// --- Debugging ---
|
|
90
|
+
|
|
91
|
+
export interface IslandStatus {
|
|
92
|
+
registered: string[];
|
|
93
|
+
hydrated: number;
|
|
94
|
+
pending: number;
|
|
95
|
+
queue: { name: string; priority: number }[];
|
|
96
|
+
stores: string[];
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export function getIslandStatus(): IslandStatus;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "what-server",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.8",
|
|
4
4
|
"description": "What Framework - SSR, islands architecture, static generation",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.js",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"default": "./src/index.js"
|
|
19
19
|
},
|
|
20
20
|
"./islands": {
|
|
21
|
+
"types": "./islands.d.ts",
|
|
21
22
|
"production": "./dist/islands.min.js",
|
|
22
23
|
"import": "./src/islands.js",
|
|
23
24
|
"default": "./src/islands.js"
|
|
@@ -31,7 +32,8 @@
|
|
|
31
32
|
"files": [
|
|
32
33
|
"src",
|
|
33
34
|
"dist/**/*.min.js",
|
|
34
|
-
"index.d.ts"
|
|
35
|
+
"index.d.ts",
|
|
36
|
+
"islands.d.ts"
|
|
35
37
|
],
|
|
36
38
|
"sideEffects": [
|
|
37
39
|
"./src/node.js",
|
|
@@ -47,8 +49,8 @@
|
|
|
47
49
|
"author": "ZVN DEV (https://zvndev.com)",
|
|
48
50
|
"license": "MIT",
|
|
49
51
|
"peerDependencies": {
|
|
50
|
-
"what-core": "^0.11.
|
|
51
|
-
"what-router": "^0.11.
|
|
52
|
+
"what-core": "^0.11.8",
|
|
53
|
+
"what-router": "^0.11.8"
|
|
52
54
|
},
|
|
53
55
|
"peerDependenciesMeta": {
|
|
54
56
|
"what-router": {
|
package/src/action-handler.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
import { handleActionRequest } from './actions.js';
|
|
10
10
|
|
|
11
11
|
const DEFAULT_BASE_PATH = '/__what_action';
|
|
12
|
-
const MAX_BODY_BYTES = 1024 * 1024; // 1 MB
|
|
12
|
+
export const MAX_BODY_BYTES = 1024 * 1024; // 1 MB
|
|
13
13
|
|
|
14
14
|
function lowerHeaders(headers) {
|
|
15
15
|
if (!headers) return {};
|
|
@@ -51,7 +51,15 @@ function htmlResponse(status, message) {
|
|
|
51
51
|
// "/\evil.com" canonicalizes to http://evil.com (an open redirect). We reject
|
|
52
52
|
// anything starting with two slash-or-backslash chars or containing a
|
|
53
53
|
// backslash, then canonicalize via URL and require the localhost origin.
|
|
54
|
-
|
|
54
|
+
//
|
|
55
|
+
// Sibling predicate: isSafeUrl in packages/router/src/index.js. That one gates
|
|
56
|
+
// a client navigation target and legitimately allows absolute http(s), mailto:
|
|
57
|
+
// and tel:. This one gates a server-issued `Location:` header, an
|
|
58
|
+
// attacker-controllable open-redirect primitive, so it must stay strictly
|
|
59
|
+
// narrower: same-origin local paths only. Harden one, re-read the other; do not
|
|
60
|
+
// unify them. packages/server/test/redirect-predicate-parity.test.js gates the
|
|
61
|
+
// ordering. Exported for that test only, not part of the package surface.
|
|
62
|
+
export function safeLocalPath(value) {
|
|
55
63
|
if (typeof value !== 'string' || !value.startsWith('/')) return null;
|
|
56
64
|
// Reject protocol-relative / backslash-smuggled targets up front.
|
|
57
65
|
if (/^[/\\]{2}/.test(value) || value.includes('\\')) return null;
|
package/src/adapter/core.js
CHANGED
|
@@ -39,8 +39,14 @@ async function readActionBody(request) {
|
|
|
39
39
|
} catch { return {}; }
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
// Same cap for the revalidate webhook: the secret is only checked once the body
|
|
43
|
+
// is parsed, so an unauthenticated client must never be able to make the origin
|
|
44
|
+
// buffer an unbounded payload before its 401.
|
|
42
45
|
async function readJsonBody(request) {
|
|
43
|
-
|
|
46
|
+
let read;
|
|
47
|
+
try { read = await readFetchBodyCapped(request); } catch { return { json: {} }; }
|
|
48
|
+
if (read.tooLarge) return { tooLarge: true };
|
|
49
|
+
try { return { json: JSON.parse(read.raw) }; } catch { return { json: {} }; }
|
|
44
50
|
}
|
|
45
51
|
|
|
46
52
|
function defaultRenderRoute(documentOptions) {
|
|
@@ -164,8 +170,14 @@ export function createRequestHandler(options = {}) {
|
|
|
164
170
|
|
|
165
171
|
// On-demand revalidation webhook
|
|
166
172
|
if (request.method === 'POST' && pathname === REVALIDATE_PATH && revalidateWebhook) {
|
|
167
|
-
const
|
|
168
|
-
|
|
173
|
+
const read = await readJsonBody(request);
|
|
174
|
+
if (read.tooLarge) {
|
|
175
|
+
return new Response(JSON.stringify({ message: 'Payload too large' }), {
|
|
176
|
+
status: 413,
|
|
177
|
+
headers: { 'content-type': 'application/json' },
|
|
178
|
+
});
|
|
179
|
+
}
|
|
180
|
+
const out = await revalidateWebhook({ headers: headersToObject(request.headers), body: read.json });
|
|
169
181
|
return new Response(JSON.stringify(out.body), {
|
|
170
182
|
status: out.status,
|
|
171
183
|
headers: { 'content-type': 'application/json' },
|
|
@@ -187,6 +199,10 @@ export function createRequestHandler(options = {}) {
|
|
|
187
199
|
// NOTE: cached HTML is shared across users, so the per-user CSRF token is
|
|
188
200
|
// NOT embedded in the page here — clients read it from the cookie instead.
|
|
189
201
|
if (cache && config.mode !== 'server') {
|
|
202
|
+
// The cache engine resolves the route's declared `vary` names against
|
|
203
|
+
// these. Without them it fails closed: warns and bypasses on every
|
|
204
|
+
// request, which is how the vary control shipped never executing.
|
|
205
|
+
routeMatch.varyHeaders = headersToObject(request.headers);
|
|
190
206
|
const result = await cache.handle(routeMatch, () => renderRoute(routeMatch));
|
|
191
207
|
return new Response(result.html, {
|
|
192
208
|
status: result.status || 200,
|
package/src/adapter/node.js
CHANGED
|
@@ -4,6 +4,17 @@
|
|
|
4
4
|
|
|
5
5
|
import http from 'node:http';
|
|
6
6
|
import { createRequestHandler } from './core.js';
|
|
7
|
+
import { MAX_BODY_BYTES } from '../action-handler.js';
|
|
8
|
+
|
|
9
|
+
// A Request object only exists after the body is read, so the cap the fetch
|
|
10
|
+
// path enforces would run too late here. Returned instead of a Request when the
|
|
11
|
+
// body is over the limit, so the caller answers 413 without buffering it all.
|
|
12
|
+
const TOO_LARGE = Symbol('what.bodyTooLarge');
|
|
13
|
+
|
|
14
|
+
const TOO_LARGE_RESPONSE = () => new Response(
|
|
15
|
+
JSON.stringify({ message: 'Payload too large' }),
|
|
16
|
+
{ status: 413, headers: { 'content-type': 'application/json' } },
|
|
17
|
+
);
|
|
7
18
|
|
|
8
19
|
async function nodeToWebRequest(req) {
|
|
9
20
|
const host = req.headers.host || 'localhost';
|
|
@@ -14,8 +25,25 @@ async function nodeToWebRequest(req) {
|
|
|
14
25
|
}
|
|
15
26
|
let body;
|
|
16
27
|
if (req.method !== 'GET' && req.method !== 'HEAD') {
|
|
28
|
+
const declared = Number(req.headers['content-length']);
|
|
29
|
+
let tooLarge = Number.isFinite(declared) && declared > MAX_BODY_BYTES;
|
|
17
30
|
const chunks = [];
|
|
18
|
-
|
|
31
|
+
let size = 0;
|
|
32
|
+
// Once over the cap the remaining chunks are drained and discarded rather
|
|
33
|
+
// than buffered: memory stays bounded, and the socket survives long enough
|
|
34
|
+
// to carry the 413 back. Chunked transfer or a spoofed Content-Length
|
|
35
|
+
// cannot get past the running total.
|
|
36
|
+
for await (const chunk of req) {
|
|
37
|
+
if (tooLarge) continue;
|
|
38
|
+
size += chunk.length;
|
|
39
|
+
if (size > MAX_BODY_BYTES) {
|
|
40
|
+
tooLarge = true;
|
|
41
|
+
chunks.length = 0;
|
|
42
|
+
continue;
|
|
43
|
+
}
|
|
44
|
+
chunks.push(chunk);
|
|
45
|
+
}
|
|
46
|
+
if (tooLarge) return TOO_LARGE;
|
|
19
47
|
if (chunks.length) body = Buffer.concat(chunks);
|
|
20
48
|
}
|
|
21
49
|
return new Request(url, { method: req.method, headers, body });
|
|
@@ -33,6 +61,7 @@ export function toNodeListener(handler) {
|
|
|
33
61
|
return async function listener(req, res) {
|
|
34
62
|
try {
|
|
35
63
|
const webReq = await nodeToWebRequest(req);
|
|
64
|
+
if (webReq === TOO_LARGE) return await sendWebResponse(res, TOO_LARGE_RESPONSE());
|
|
36
65
|
const webRes = await handler(webReq);
|
|
37
66
|
await sendWebResponse(res, webRes);
|
|
38
67
|
} catch (err) {
|
|
@@ -49,6 +78,7 @@ export function whatMiddleware(options = {}) {
|
|
|
49
78
|
const handler = createRequestHandler(options);
|
|
50
79
|
return async function middleware(req, res, next) {
|
|
51
80
|
const webReq = await nodeToWebRequest(req);
|
|
81
|
+
if (webReq === TOO_LARGE) return await sendWebResponse(res, TOO_LARGE_RESPONSE());
|
|
52
82
|
const webRes = await handler(webReq);
|
|
53
83
|
if (webRes.status === 404 && typeof next === 'function') return next();
|
|
54
84
|
await sendWebResponse(res, webRes);
|
package/src/adapter/static.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// navigation, mirroring Next's _next/data).
|
|
4
4
|
|
|
5
5
|
import { mkdir, writeFile } from 'node:fs/promises';
|
|
6
|
-
import { join } from 'node:path';
|
|
6
|
+
import { join, resolve, sep } from 'node:path';
|
|
7
7
|
import { matchRoute } from 'what-router/match';
|
|
8
8
|
import { renderDocument, serializeState } from '../index.js';
|
|
9
9
|
|
|
@@ -19,6 +19,19 @@ function buildConcretePath(pattern, params) {
|
|
|
19
19
|
.replace(/[:*](\w+)/g, (_, n) => params[n] ?? '');
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
// getStaticPaths params come from user data (a CMS slug, a filename), so a value
|
|
23
|
+
// like '../../etc/cron.d/x' would escape outDir once join() collapses it. Every
|
|
24
|
+
// output directory is checked against the resolved outDir before anything is
|
|
25
|
+
// written.
|
|
26
|
+
function resolveInsideOutDir(outDir, urlPath) {
|
|
27
|
+
const root = resolve(outDir);
|
|
28
|
+
const dirPath = resolve(join(outDir, urlPath === '/' ? '' : urlPath));
|
|
29
|
+
if (dirPath !== root && !dirPath.startsWith(root + sep)) {
|
|
30
|
+
throw new Error(`[what-server] Refusing to write outside outDir: ${urlPath}`);
|
|
31
|
+
}
|
|
32
|
+
return dirPath;
|
|
33
|
+
}
|
|
34
|
+
|
|
22
35
|
export async function exportStatic({ routes = [], outDir, render, documentOptions = {} } = {}) {
|
|
23
36
|
const written = [];
|
|
24
37
|
|
|
@@ -36,6 +49,7 @@ export async function exportStatic({ routes = [], outDir, render, documentOption
|
|
|
36
49
|
}
|
|
37
50
|
|
|
38
51
|
for (const urlPath of concrete) {
|
|
52
|
+
const dirPath = resolveInsideOutDir(outDir, urlPath);
|
|
39
53
|
const matched = matchRoute(urlPath, [route]);
|
|
40
54
|
const params = matched ? matched.params : {};
|
|
41
55
|
const reqCtx = { params, query: {} };
|
|
@@ -44,7 +58,6 @@ export async function exportStatic({ routes = [], outDir, render, documentOption
|
|
|
44
58
|
? await render(pageModule, reqCtx)
|
|
45
59
|
: await renderDocument(pageModule, reqCtx, documentOptions);
|
|
46
60
|
|
|
47
|
-
const dirPath = join(outDir, urlPath === '/' ? '' : urlPath);
|
|
48
61
|
await mkdir(dirPath, { recursive: true });
|
|
49
62
|
await writeFile(join(dirPath, 'index.html'), html);
|
|
50
63
|
|
package/src/index.js
CHANGED
|
@@ -91,6 +91,7 @@ function _renderHydratable(vnode) {
|
|
|
91
91
|
|
|
92
92
|
// Element
|
|
93
93
|
const { tag, props, children } = vnode;
|
|
94
|
+
assertSafeTag(tag);
|
|
94
95
|
const attrs = renderAttrs(props || {});
|
|
95
96
|
const open = `<${tag}${attrs}>`;
|
|
96
97
|
|
|
@@ -174,6 +175,7 @@ export function renderToString(vnode) {
|
|
|
174
175
|
|
|
175
176
|
// Element
|
|
176
177
|
const { tag, props, children } = vnode;
|
|
178
|
+
assertSafeTag(tag);
|
|
177
179
|
const attrs = renderAttrs(props || {});
|
|
178
180
|
const open = `<${tag}${attrs}>`;
|
|
179
181
|
|
|
@@ -369,6 +371,7 @@ export async function* renderToStream(vnode, ctx) {
|
|
|
369
371
|
}
|
|
370
372
|
|
|
371
373
|
const { tag, props, children } = vnode;
|
|
374
|
+
assertSafeTag(tag);
|
|
372
375
|
const attrs = renderAttrs(props || {});
|
|
373
376
|
yield `<${tag}${attrs}>`;
|
|
374
377
|
|
|
@@ -512,11 +515,24 @@ function _resolveInnerHTML(props) {
|
|
|
512
515
|
// xlink:href, SVG names like stroke-width, and namespaced attributes.
|
|
513
516
|
const SAFE_ATTR_NAME = /^[a-zA-Z_:][a-zA-Z0-9:._-]*$/;
|
|
514
517
|
|
|
518
|
+
// Tag names are emitted verbatim too, so they get the same treatment:
|
|
519
|
+
// h('div onload=alert(1) x', {}) -> <div onload=alert(1) x>
|
|
520
|
+
// Allows custom elements (my-el), SVG camelCase (clipPath) and the internal
|
|
521
|
+
// '__suspense' marker tag.
|
|
522
|
+
const SAFE_TAG_NAME = /^[a-zA-Z_][a-zA-Z0-9._:-]*$/;
|
|
523
|
+
|
|
524
|
+
function assertSafeTag(tag) {
|
|
525
|
+
if (typeof tag !== 'string' || !SAFE_TAG_NAME.test(tag)) {
|
|
526
|
+
throw new Error(`[what-server] Invalid tag name in SSR: ${JSON.stringify(tag)}`);
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
|
|
515
530
|
function renderAttrs(props) {
|
|
516
531
|
let out = '';
|
|
517
532
|
for (const [key, val] of Object.entries(props)) {
|
|
518
533
|
if (key === 'key' || key === 'ref' || key === 'children' || key === 'dangerouslySetInnerHTML' || key === 'innerHTML') continue;
|
|
519
|
-
|
|
534
|
+
const lowerKey = key.toLowerCase();
|
|
535
|
+
if (lowerKey.startsWith('on') && key.length > 2) continue; // Skip event handlers in SSR
|
|
520
536
|
if (val === false || val == null) continue;
|
|
521
537
|
if (!SAFE_ATTR_NAME.test(key)) {
|
|
522
538
|
if (_isDevMode) {
|
|
@@ -524,6 +540,12 @@ function renderAttrs(props) {
|
|
|
524
540
|
}
|
|
525
541
|
continue;
|
|
526
542
|
}
|
|
543
|
+
if (REFUSED_ATTRS.has(lowerKey)) {
|
|
544
|
+
if (_isDevMode) {
|
|
545
|
+
console.warn(`[what-server] Skipping unsafe attribute in SSR: ${JSON.stringify(key)}`);
|
|
546
|
+
}
|
|
547
|
+
continue;
|
|
548
|
+
}
|
|
527
549
|
|
|
528
550
|
if (key === 'className' || key === 'class') {
|
|
529
551
|
out += ` class="${escapeHtml(String(val))}"`;
|
|
@@ -556,10 +578,17 @@ function isUnsafeUrlAttribute(key, val) {
|
|
|
556
578
|
return normalizedValue.startsWith('javascript:') || normalizedValue.startsWith('vbscript:') || normalizedValue.startsWith('data:');
|
|
557
579
|
}
|
|
558
580
|
|
|
581
|
+
// Must stay in step with URL_ATTRS in what-core's dom.js. Both sets are gated by
|
|
582
|
+
// the parity test in test/ssr-security.test.js.
|
|
559
583
|
const URL_ATTRS = new Set([
|
|
560
|
-
'href', 'src', 'action', 'formaction', 'xlink:href',
|
|
584
|
+
'href', 'src', 'action', 'formaction', 'data', 'ping', 'xlink:href',
|
|
561
585
|
]);
|
|
562
586
|
|
|
587
|
+
// Attributes whose value the browser parses as markup or code, so escaping is
|
|
588
|
+
// not a defense: srcdoc is entity-decoded and parsed as a full document, which
|
|
589
|
+
// revives "<script>". These are refused outright.
|
|
590
|
+
const REFUSED_ATTRS = new Set(['srcdoc']);
|
|
591
|
+
|
|
563
592
|
function escapeHtml(str) {
|
|
564
593
|
return str
|
|
565
594
|
.replace(/&/g, '&')
|
package/src/islands.js
CHANGED
|
@@ -296,10 +296,16 @@ export function boostIslandPriority(name, newPriority = 100) {
|
|
|
296
296
|
// --- Client-side hydration ---
|
|
297
297
|
|
|
298
298
|
export function hydrateIslands() {
|
|
299
|
-
// First, hydrate any shared stores from the page
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
299
|
+
// First, hydrate any shared stores from the page. renderDocument emits them
|
|
300
|
+
// inside the consolidated #__what_data payload.
|
|
301
|
+
const dataScript = document.getElementById('__what_data');
|
|
302
|
+
if (dataScript) {
|
|
303
|
+
try {
|
|
304
|
+
const payload = JSON.parse(dataScript.textContent || '{}');
|
|
305
|
+
if (payload && payload.islandStores) hydrateIslandStores(payload.islandStores);
|
|
306
|
+
} catch (e) {
|
|
307
|
+
console.warn('[what] Failed to parse hydration payload:', e);
|
|
308
|
+
}
|
|
303
309
|
}
|
|
304
310
|
|
|
305
311
|
const islands = document.querySelectorAll('[data-island]');
|
|
@@ -325,7 +331,7 @@ export function hydrateIslands() {
|
|
|
325
331
|
}
|
|
326
332
|
|
|
327
333
|
function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
328
|
-
const
|
|
334
|
+
const hydrateIsland = async () => {
|
|
329
335
|
if (hydratedIslands.has(el)) return;
|
|
330
336
|
hydratedIslands.add(el);
|
|
331
337
|
|
|
@@ -363,17 +369,17 @@ function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
|
363
369
|
switch (mode) {
|
|
364
370
|
case 'load':
|
|
365
371
|
// Immediate hydration via queue (respects priority)
|
|
366
|
-
enqueueHydration({ name, priority: priority + 1000, hydrate });
|
|
372
|
+
enqueueHydration({ name, priority: priority + 1000, hydrate: hydrateIsland });
|
|
367
373
|
break;
|
|
368
374
|
|
|
369
375
|
case 'idle':
|
|
370
376
|
if ('requestIdleCallback' in window) {
|
|
371
377
|
requestIdleCallback(() => {
|
|
372
|
-
enqueueHydration({ name, priority, hydrate });
|
|
378
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
373
379
|
});
|
|
374
380
|
} else {
|
|
375
381
|
setTimeout(() => {
|
|
376
|
-
enqueueHydration({ name, priority, hydrate });
|
|
382
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
377
383
|
}, 200);
|
|
378
384
|
}
|
|
379
385
|
break;
|
|
@@ -383,7 +389,7 @@ function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
|
383
389
|
for (const entry of entries) {
|
|
384
390
|
if (entry.isIntersecting) {
|
|
385
391
|
obs.disconnect();
|
|
386
|
-
enqueueHydration({ name, priority, hydrate });
|
|
392
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
387
393
|
break;
|
|
388
394
|
}
|
|
389
395
|
}
|
|
@@ -395,11 +401,11 @@ function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
|
395
401
|
case 'media': {
|
|
396
402
|
const mq = window.matchMedia(entry.media || '(max-width: 768px)');
|
|
397
403
|
if (mq.matches) {
|
|
398
|
-
enqueueHydration({ name, priority, hydrate });
|
|
404
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
399
405
|
} else {
|
|
400
406
|
mq.addEventListener('change', (e) => {
|
|
401
407
|
if (e.matches) {
|
|
402
|
-
enqueueHydration({ name, priority, hydrate });
|
|
408
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
403
409
|
}
|
|
404
410
|
}, { once: true });
|
|
405
411
|
}
|
|
@@ -411,7 +417,7 @@ function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
|
411
417
|
const handler = () => {
|
|
412
418
|
events.forEach(e => el.removeEventListener(e, handler));
|
|
413
419
|
// Boost priority since user interacted
|
|
414
|
-
enqueueHydration({ name, priority: priority + 500, hydrate });
|
|
420
|
+
enqueueHydration({ name, priority: priority + 500, hydrate: hydrateIsland });
|
|
415
421
|
};
|
|
416
422
|
events.forEach(e => el.addEventListener(e, handler, { once: true, passive: true }));
|
|
417
423
|
break;
|
|
@@ -422,7 +428,7 @@ function scheduleHydration(el, entry, props, mode, priority, name, stores) {
|
|
|
422
428
|
break;
|
|
423
429
|
|
|
424
430
|
default:
|
|
425
|
-
enqueueHydration({ name, priority, hydrate });
|
|
431
|
+
enqueueHydration({ name, priority, hydrate: hydrateIsland });
|
|
426
432
|
}
|
|
427
433
|
}
|
|
428
434
|
|