domma-cms 1.6.55 → 1.6.57

package/admin/js/views/seo.js

@@ -1,18 +1,18 @@
-import{apiRequest as Gt}from"../api.js";import{addBannerAction as Kt}from"../lib/plugin-chrome.js";import{helpPopovers as zt}from"../lib/help-popover.js";import{onceClosed as Ft,openMenuAt as Yt,viewLifetime as Qt}from"../lib/tool-kit.js";import{snippet as Xt}from"../lib/seo-analyse.js";import{checkRule as Qe,matchRedirect as Vt}from"../lib/seo-redirects.js";import{checkSettings as Zt,mergeDefaults as Xe,ORG_TYPES as es}from"../lib/seo-settings.js";import{pickMedia as Ve}from"../lib/media-picker.js";import{fmtDate as ts}from"../lib/dates.js";const ss="/seo",Pe=/^#\/seo(\/[a-z0-9-]+)?\/?(\?.*)?$/,Ze=["overview","redirects","sitemap"],as="#/seo",os={pass:"\u2713",warn:"!",fail:"\u2715",info:"i"},ns={301:"301 moved",302:"302 for now",307:"307 for now",308:"308 moved",410:"410 gone"},is={apiRequest:Gt,addBannerAction:Kt,helpPopovers:zt,onceClosed:Ft,openMenuAt:Yt,viewLifetime:Qt},ls=async()=>is,y=r=>String(r??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Ae(r){const i=document.createElement("template");return i.innerHTML=r.trim(),i.content.firstElementChild}async function ne(r,i){try{await navigator.clipboard.writeText(r),E.toast(`Copied ${i}.`,{type:"success"})}catch{E.toast(`Could not copy - ${r}`,{type:"warning",duration:6e3})}}function et(){try{window.dispatchEvent(new CustomEvent("dm:sidebar-count",{detail:{url:as}}))}catch{}}const tt=r=>typeof r!="number"?"":r>=85?"good":r>=60?"poor":"bad",st=r=>r?ts(r):"",at=r=>{if(!r)return"";const i=Math.round((Date.now()-Date.parse(r))/6e4);if(i<1)return"just now";if(i<60)return`${i} min ago`;const $=Math.round(i/60);return $<48?`${$} hour${$===1?"":"s"} ago`:st(r)};function rs(r){const i=d=>{let c=String(d??"");return/^[=+\-@\t\r]/.test(c)&&(c=`'${c}`),/[",\n\r]/.test(c)?`"${c.replace(/"/g,'""')}"`:c},$=Object.keys(r[0]||{});return`\uFEFF${[$.join(","),...r.map(d=>$.map(c=>i(d[c])).join(","))].join(`\r
+import{apiRequest as ys}from"../api.js";import{addBannerAction as xs}from"../lib/plugin-chrome.js";import{helpPopovers as ws}from"../lib/help-popover.js";import{onceClosed as ks,openMenuAt as Ms,viewLifetime as $s}from"../lib/tool-kit.js";import{snippet as Ss}from"../lib/seo-analyse.js";import{checkRule as bt,matchRedirect as Es}from"../lib/seo-redirects.js";import{checkSettings as Ts,mergeDefaults as vt,ORG_TYPES as Cs}from"../lib/seo-settings.js";import{pickMedia as gt}from"../lib/media-picker.js";import{fmtDate as Os,fmtDateTime as Ke}from"../lib/dates.js";import{SHAPES as Ls,whileLoading as Rs}from"../lib/loading.js";import{countText as fe,draftAction as As,draftKey as Ge,filterPages as Ps,fingerprint as z,pageCounts as Is,restoreQuestion as ze,usableDraft as yt}from"../lib/seo-arrange.js";const js="/seo",Fe=/^#\/seo(\/[a-z0-9-]+)?\/?(\?.*)?$/,xt=["overview","redirects","sitemap"],Ns="#/seo",Ds={pass:"\u2713",warn:"!",fail:"\u2715",info:"i"},qs={301:"301 moved",302:"302 for now",307:"307 for now",308:"308 moved",410:"410 gone"},Us={apiRequest:ys,addBannerAction:xs,helpPopovers:ws,onceClosed:ks,openMenuAt:Ms,viewLifetime:$s},Bs=async()=>Us,R=i=>String(i??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Je(i){const l=document.createElement("template");return l.innerHTML=i.trim(),l.content.firstElementChild}async function be(i,l){try{await navigator.clipboard.writeText(i),E.toast(`Copied ${l}.`,{type:"success"})}catch{E.toast(`Could not copy - ${i}`,{type:"warning",duration:6e3})}}const A={user(){try{return S.get("auth_user")?.id||""}catch{return""}},get(i){try{return i?S.get(i)??null:null}catch{return null}},set(i,l){try{i&&S.set(i,l)}catch{}},drop(i){try{i&&(S.remove?S.remove(i):S.set(i,null))}catch{}},keys(i){try{return(S.keys?.()||[]).filter(l=>l.startsWith(i))}catch{return[]}}},_s=()=>new Promise(i=>setTimeout(i,0)),Ye=async(i,l)=>(await _s(),E.confirm(R(i),l)),Qe=i=>Ye(i.text,{title:i.title,confirmText:i.confirmText,cancelText:i.cancelText});function wt(){try{window.dispatchEvent(new CustomEvent("dm:sidebar-count",{detail:{url:Ns}}))}catch{}}const kt=i=>typeof i!="number"?"":i>=85?"good":i>=60?"poor":"bad",Mt=i=>i?Os(i):"",$t=i=>{if(!i)return"";const l=Math.round((Date.now()-Date.parse(i))/6e4);if(l<1)return"just now";if(l<60)return`${l} min ago`;const q=Math.round(l/60);return q<48?`${q} hour${q===1?"":"s"} ago`:Mt(i)};function Hs(i){const l=m=>{let n=String(m??"");return/^[=+\-@\t\r]/.test(n)&&(n=`'${n}`),/[",\n\r]/.test(n)?`"${n.replace(/"/g,'""')}"`:n},q=Object.keys(i[0]||{});return`\uFEFF${[q.join(","),...i.map(m=>q.map(n=>l(m[n])).join(","))].join(`\r
 `)}\r
-`}function cs(r,i,$="text/csv;charset=utf-8"){const d=URL.createObjectURL(new Blob([i],{type:$})),c=Object.assign(document.createElement("a"),{href:d,download:r});document.body.appendChild(c),c.click(),c.remove(),setTimeout(()=>URL.revokeObjectURL(d),1e4)}const ds=`
+`}function Ws(i,l,q="text/csv;charset=utf-8"){const m=URL.createObjectURL(new Blob([l],{type:q})),n=Object.assign(document.createElement("a"),{href:m,download:i});document.body.appendChild(n),n.click(),n.remove(),setTimeout(()=>URL.revokeObjectURL(m),1e4)}const Ks=`
 <div class="sox-row" data-bind-data-row="id" tabindex="0" data-bind-title="path">
     <span class="sox-pill" data-bind-data-tone="tone" data-bind-text="scoreText"></span>
     <span class="sox-cell"><span data-bind-text="path"></span><small data-bind-text="sourceText"></small></span>
     <span class="sox-cell sox-hide-sm" data-bind-text="title" data-bind-title="title"></span>
     <span class="sox-cell sox-muted sox-hide-sm" data-bind-text="problems" data-bind-title="problems"></span>
     <button type="button" class="sox-kebab" aria-label="Actions" title="Actions">\u22EE</button>
-</div>`,us=`
+</div>`,Gs=`
 <div class="sox-row" data-bind-data-row="id" tabindex="0">
     <span class="sox-cell"><span data-bind-text="text" data-bind-title="text"></span><small data-bind-text="detail" data-bind-title="detail"></small></span>
     <span class="sox-pill" data-bind-data-tone="tone" data-bind-text="badge"></span>
     <button type="button" class="sox-kebab" aria-label="Actions" title="Actions">\u22EE</button>
-</div>`,ps=`
+</div>`,zs=`
 <div class="sox-row" data-bind-data-row="id" tabindex="0" data-bind-title="note">
     <span class="sox-cell sox-mono" data-bind-text="from" data-bind-title="from"></span>
     <span class="sox-arrow" aria-hidden="true">\u2192</span>
@@ -20,42 +20,42 @@ import{apiRequest as Gt}from"../api.js";import{addBannerAction as Kt}from"../lib
     <span class="sox-pill sox-hide-sm" data-bind-data-tone="tone" data-bind-text="code"></span>
     <span class="sox-cell sox-muted sox-hide-sm" data-bind-text="hits" data-bind-title="lastHit"></span>
     <button type="button" class="sox-kebab" aria-label="Actions" title="Actions">\u22EE</button>
-</div>`,ms=`
+</div>`,Fs=`
 <div class="sox-row" data-bind-data-row="id" tabindex="0">
     <span class="sox-cell"><span data-bind-text="path" data-bind-title="path"></span><small data-bind-text="title"></small></span>
     <span class="sox-cell sox-muted sox-hide-sm" data-bind-text="source"></span>
     <span class="sox-cell sox-muted sox-hide-sm" data-bind-text="note" data-bind-title="note"></span>
     <button type="button" class="sox-kebab" aria-label="Actions" title="Actions">\u22EE</button>
-</div>`,hs=`
+</div>`,Js=`
 <div class="sox-row" data-bind-data-row="id" tabindex="0">
     <span class="sox-cell"><span data-bind-text="label"></span><small data-bind-text="detail"></small></span>
     <span class="sox-pill" data-bind-data-tone="tone" data-bind-text="state"></span>
     <button type="button" class="sox-kebab" aria-label="Actions" title="Actions">\u22EE</button>
-</div>`,bs=`
+</div>`,Ys=`
 <div>
     <div class="sox-group" data-bind-hidden="!head" data-bind-text="head"></div>
     <div class="sox-check" data-bind-hidden="!title">
         <span class="sox-status" data-bind-data-status="status" data-bind-text="glyph"></span>
         <span class="sox-check-main"><strong data-bind-text="title"></strong><small data-bind-text="detail"></small><small data-bind-text="fix" data-bind-hidden="!fix"></small></span>
     </div>
-</div>`;export const seoView={templateUrl:"/admin/js/templates/seo.html",async onMount(r){const i=await ls();if(!Pe.test(location.hash))return;const $=seoView._lifetime??(seoView._lifetime=i.viewLifetime(Pe));$.reset();const d=r.get(0).querySelector(".sox")||r.get(0),c=()=>Pe.test(location.hash)&&d.isConnected,v=t=>($.add(t),t),p=(t,e)=>i.apiRequest(`${ss}${t}`,e),ot=location.hash.match(/^#\/seo\/([a-z0-9-]+)/)?.[1]||"overview",q=M.observable(ot),me=M.observable(!0),he=M.observable(""),S=M.observable(!0),m=M.observable(null),be=M.observable({results:[]}),G=M.observable("all"),ve=M.observable(""),fe=M.observable(""),x=M.observable({rules:[],chains:[],onRename:!0}),ge=M.observable(""),ie=M.observable(""),le=M.observable(""),Ie=M.observable("301"),D=M.observable({entries:[],left:[],sources:[],labels:{},robots:""}),V=M.observable("in"),ye=M.observable(""),Ne=M.observable([]),nt=M.computed(()=>!Ze.includes(q.value));let B=null;const K=t=>D.value.labels?.[t]||(t==="pages"?"Pages":t),it=M.computed(()=>(m.value?.score??null)===null?"\u2014":`${m.value.score}%`),lt=M.computed(()=>`${m.value?.score??0}%`),rt=M.computed(()=>tt(m.value?.score)),ct=M.computed(()=>{const t=m.value;return t?{pages:String(t.pages),failing:String(t.failing),duplicates:String(t.duplicates),redirects:String(t.redirects)}:{pages:"\u2014",failing:"\u2014",duplicates:"\u2014",redirects:"\u2014"}}),dt=M.computed(()=>m.value?.failing?String(m.value.failing):""),ut=M.computed(()=>{const t=m.value;return t?.running?`Checking\u2026 ${t.progress?.done||0} of ${t.progress?.total||"?"}`:t?.at?`Checked ${at(t.at)}`:"Not checked yet"}),je=M.computed(()=>[...new Set((be.value.results||[]).map(t=>t.source))]),qe=M.observable([]);let Z=[];v(M.effect(()=>{const t=fe.value.trim().toLowerCase(),e=G.value,s=ve.value;Z=(be.value.results||[]).filter(a=>(e==="all"||(e==="hidden"?a.noindex||a.unlisted:!a.noindex&&(a.error||a.failing>0)))&&(!s||a.source===s)&&(!t||[a.urlPath,a.title,a.label].some(n=>String(n||"").toLowerCase().includes(t)))),Z.sort((a,n)=>(a.error?-1:0)-(n.error?-1:0)||(a.score??101)-(n.score??101)),qe.value=Z.slice(0,1e3).map((a,n)=>({id:`p${n}`,path:a.urlPath,sourceText:[K(a.source),a.noindex?"hidden from search engines":a.unlisted?"not in the sitemap":""].filter(Boolean).join(" \xB7 "),title:a.title||a.label||"",scoreText:a.error?"!":typeof a.score=="number"?String(a.score):"\u2014",tone:a.error?"bad":a.noindex?"info":tt(a.score),problems:a.error||(a.problems?.length?a.problems.join(" \xB7 "):"Nothing to fix")}))}));const pt=M.computed(()=>m.value?.at?fe.value.trim()?"No page matches.":G.value==="problems"?"Nothing needs attention.":"No pages.":m.value?.running?"Checking every page - this takes a moment\u2026":"Not checked yet. Check now with the button top right."),De=M.observable([]);let T=[];v(M.effect(()=>{const t=m.value;if(T=[],t){const e=t.siteSeo||{};for(const s of t.issues?.duplicateTitles||[])T.push({kind:"dupe",text:`Title on ${s.paths.length} pages: "${s.text}"`,detail:s.paths.join(", "),paths:s.paths,tone:"poor",badge:"duplicate"});for(const s of t.issues?.duplicateDescriptions||[]){const a=e.defaultDescription&&s.text===e.defaultDescription;T.push({kind:"dupe",text:a?`${s.paths.length} pages use the site's default description`:`Description on ${s.paths.length} pages: "${s.text}"`,detail:s.paths.join(", "),paths:s.paths,tone:"poor",badge:a?"default":"duplicate"})}e.defaultImage||T.push({kind:"setting",text:"No default share image",detail:"Pages without their own image share with none. Set one in Settings \u203A SEO.",link:"#/settings",tone:"poor",badge:"setting"}),(!t.origin||/localhost|127\.0\.0\.1/.test(t.origin))&&T.push({kind:"setting",text:"The site address is not set",detail:"Canonical links and the sitemap use whatever address a visitor came in on. Set the site address in Settings.",link:"#/settings",tone:"poor",badge:"setting"}),t.chains&&T.push({kind:"chains",text:`${t.chains} redirect${t.chains===1?" leads":"s lead"} to another redirect`,detail:"Each hop is slower and loses a little standing. The Redirects tab shows which.",tone:"poor",badge:"redirects"})}De.value=T.map((e,s)=>({id:`s${s}`,text:e.text,detail:e.detail||"",tone:e.tone,badge:e.badge}))}));const xe=M.observable([]);let ee=[];v(M.effect(()=>{const t=ge.value.trim().toLowerCase(),e=new Set(x.value.chains.map(s=>s.id));ee=x.value.rules.filter(s=>!t||`${s.from} ${s.to} ${s.note}`.toLowerCase().includes(t)),xe.value=ee.map((s,a)=>({id:`r${a}`,from:s.from,to:s.code===410?"(gone)":s.to,note:[s.auto?"Added when the page moved":s.note,e.has(s.id)?"leads to another redirect":""].filter(Boolean).join(" \xB7 "),code:String(s.code),tone:s.code===410?"bad":e.has(s.id)?"poor":s.code===301||s.code===308?"good":"info",hits:s.hits?`${s.hits.toLocaleString("en-GB")} use${s.hits===1?"":"s"}`:"unused",lastHit:s.lastHit?`Last used ${at(s.lastHit)}`:"Not used yet"}))}));const mt=M.computed(()=>x.value.rules.length?String(x.value.rules.length):""),ht=M.computed(()=>`${ee.length+0*xe.value.length} of ${x.value.rules.length}`),bt=M.computed(()=>ge.value.trim()?"No redirect matches.":"No redirects yet."),vt=M.computed(()=>{const t=x.value.chains.length;return t?`${t} redirect${t===1?" leads":"s lead"} to another. Right-click one and choose "Go straight there" to make it one hop.`:""}),ft=M.computed(()=>x.value.onRename?"When a page is renamed, a redirect from its old address is added for you.":"Redirects are not added when a page is renamed (see Settings)."),Be=M.observable([]);v(M.effect(()=>{Be.value=D.value.sources.map((t,e)=>({id:`x${e}`,label:K(t.id),detail:`${t.listed} of ${t.count} listed`,state:t.on?"on":"off",tone:t.on?"good":""}))}));const we=M.observable([]);let z=[];v(M.effect(()=>{const t=ye.value.trim().toLowerCase();z=(V.value==="in"?D.value.entries:D.value.left).filter(s=>!t||`${s.urlPath} ${s.title}`.toLowerCase().includes(t)),we.value=z.slice(0,2e3).map((s,a)=>({id:`e${a}`,path:s.urlPath,title:s.title||"",source:K(s.source),note:s.why||[s.lastmod?`Changed ${st(s.lastmod)}`:"",s.changefreq||"",s.priority!==void 0?`priority ${s.priority}`:""].filter(Boolean).join(" \xB7 ")}))}));const gt=M.computed(()=>D.value.robots||""),yt=M.computed(()=>`${z.length+0*we.value.length} address${z.length===1?"":"es"}`),xt=M.computed(()=>D.value.hooks?ye.value.trim()?"No address matches.":V.value==="in"?"The sitemap is empty.":"Nothing is left out.":"This version of Domma CMS lists only its own pages in the sitemap."),re=t=>/403|forbidden/i.test(String(t?.message));async function te(){try{const t=await p("/overview");if(!c()||!t)return;m.value=t,he.value="",t.running&&Ue()}catch(t){c()&&(he.value=re(t)?"You do not have access to SEO.":`Could not load SEO: ${t.message||t}`)}}async function ke(){try{const t=await p("/audit");c()&&t&&(be.value=t)}catch{}}async function se(){try{const t=await p("/redirects");c()&&t&&(x.value=t)}catch{}}async function Me(){try{const t=await p("/sitemap");c()&&t&&(D.value=t)}catch(t){c()&&!re(t)&&E.toast(`Could not load the sitemap: ${t.message||t}`,{type:"error"})}}async function $e(){me.value=!0,await Promise.all([te(),ke(),se(),Me()]),c()&&(me.value=!1)}function Ue(){B||(B=setInterval(async()=>{if(!c()){clearInterval(B),B=null;return}await te(),m.peek()?.running||(clearInterval(B),B=null,await ke(),et())},1500))}v(()=>{B&&clearInterval(B)});async function _e(){try{const t=await p("/audit",{method:"POST",body:JSON.stringify({})});c()&&(m.value={...m.peek(),...t,running:!0}),Ue()}catch(t){E.toast(`Could not start the check: ${t.message||t}`,{type:"error"})}}async function Se(t,e,s=se){try{const a=await t();return e&&E.toast(e,{type:"success"}),await Promise.all([s(),te()]),a}catch(a){return re(a)?(S.value=!1,E.toast("Only people who may manage SEO can change this.",{type:"warning"})):E.toast(`Not done: ${a.message||a}`,{type:"error"}),null}}const wt=(t,e=`Redirect from ${t.from} added.`)=>Se(()=>p("/redirects",{method:"POST",body:JSON.stringify(t)}),e),kt=(t,e)=>Se(()=>p(`/redirects/${encodeURIComponent(t.join(","))}`,{method:"DELETE"}),`${e} removed.`);async function Mt(t){try{const s=(await p(`/redirects/test?path=${encodeURIComponent(t.replace(/\/\*$/,"/example"))}`)).hops||[];E.toast(s.length?s.map(a=>`${a.from} \u2192 ${a.code===410?"gone":a.to} (${a.code})`).join("  \xB7  "):"No redirect applies.",{type:s.length>1?"warning":"info",duration:7e3})}catch(e){E.toast(`Could not test: ${e.message||e}`,{type:"error"})}}function He(t){const e={from:M.observable(t.from),to:M.observable(t.code===410?"":t.to),code:M.observable(String(t.code)),note:M.observable(t.note||"")};We(`Redirect from ${t.from}`,e,`
+</div>`;export const seoView={templateUrl:"/admin/js/templates/seo.html",async onMount(i){const l=await Bs();if(!Fe.test(location.hash))return;const q=seoView._lifetime??(seoView._lifetime=l.viewLifetime(Fe));q.reset();const m=i.get(0).querySelector(".sox")||i.get(0),n=()=>Fe.test(location.hash)&&m.isConnected,P=e=>(q.add(e),e),v=(e,t)=>l.apiRequest(`${js}${e}`,t),St=location.hash.match(/^#\/seo\/([a-z0-9-]+)/)?.[1]||"overview",F=M.observable(St),Ee=M.observable(!0),Te=M.observable(""),U=M.observable(!0),x=M.observable(null),ve=M.observable({results:[]}),te=M.observable("all"),ge=M.observable(""),Ce=M.observable(""),N=M.observable({rules:[],chains:[],onRename:!0}),Oe=M.observable(""),ye=M.observable(""),xe=M.observable(""),Ve=M.observable("301"),_=M.observable({entries:[],left:[],sources:[],labels:{},robots:""}),de=M.observable("in"),Le=M.observable(""),Xe=M.observable([]),Et=M.computed(()=>!xt.includes(F.value)),Ze=M.observable(!0),et=M.observable(!0),tt=M.observable(!0);let J=null;const se=e=>_.value.labels?.[e]||(e==="pages"?"Pages":e),Tt=M.computed(()=>(x.value?.score??null)===null?"\u2014":`${x.value.score}%`),Ct=M.computed(()=>`${x.value?.score??0}%`),Ot=M.computed(()=>kt(x.value?.score)),Lt=M.computed(()=>{const e=x.value;return e?{pages:String(e.pages),failing:String(e.failing),duplicates:String(e.duplicates),redirects:String(e.redirects)}:{pages:"\u2014",failing:"\u2014",duplicates:"\u2014",redirects:"\u2014"}}),Rt=M.computed(()=>x.value?.failing?String(x.value.failing):""),At=M.computed(()=>{const e=x.value;return e?.running?`Checking\u2026 ${e.progress?.done||0} of ${e.progress?.total||"?"}`:e?.at?`Checked ${$t(e.at)}`:"Not checked yet"}),st=M.computed(()=>[...new Set((ve.value.results||[]).map(e=>e.source))]),at=M.observable([]);let we=[];const Pt=M.computed(()=>{const e=Is(ve.value.results,{source:ge.value});return{all:fe(e.all),problems:fe(e.problems),hidden:fe(e.hidden)}});P(M.effect(()=>{we=Ps(ve.value.results,{show:te.value,source:ge.value,query:Ce.value}),at.value=we.slice(0,1e3).map((e,t)=>({id:`p${t}`,path:e.urlPath,sourceText:[se(e.source),e.noindex?"hidden from search engines":e.unlisted?"not in the sitemap":""].filter(Boolean).join(" \xB7 "),title:e.title||e.label||"",scoreText:e.error?"!":typeof e.score=="number"?String(e.score):"\u2014",tone:e.error?"bad":e.noindex?"info":kt(e.score),problems:e.error||(e.problems?.length?e.problems.join(" \xB7 "):"Nothing to fix")}))}));const It=M.computed(()=>x.value?.at?Ce.value.trim()?"No page matches.":te.value==="problems"?"Nothing needs attention.":"No pages.":x.value?.running?"Checking every page - this takes a moment\u2026":"Not checked yet. Check now with the button top right."),ot=M.observable([]);let W=[];P(M.effect(()=>{const e=x.value;if(W=[],e){const t=e.siteSeo||{};for(const s of e.issues?.duplicateTitles||[])W.push({kind:"dupe",text:`Title on ${s.paths.length} pages: "${s.text}"`,detail:s.paths.join(", "),paths:s.paths,tone:"poor",badge:"duplicate"});for(const s of e.issues?.duplicateDescriptions||[]){const o=t.defaultDescription&&s.text===t.defaultDescription;W.push({kind:"dupe",text:o?`${s.paths.length} pages use the site's default description`:`Description on ${s.paths.length} pages: "${s.text}"`,detail:s.paths.join(", "),paths:s.paths,tone:"poor",badge:o?"default":"duplicate"})}t.defaultImage||W.push({kind:"setting",text:"No default share image",detail:"Pages without their own image share with none. Set one in Settings \u203A SEO.",link:"#/settings",tone:"poor",badge:"setting"}),(!e.origin||/localhost|127\.0\.0\.1/.test(e.origin))&&W.push({kind:"setting",text:"The site address is not set",detail:"Canonical links and the sitemap use whatever address a visitor came in on. Set the site address in Settings.",link:"#/settings",tone:"poor",badge:"setting"}),e.chains&&W.push({kind:"chains",text:`${e.chains} redirect${e.chains===1?" leads":"s lead"} to another redirect`,detail:"Each hop is slower and loses a little standing. The Redirects tab shows which.",tone:"poor",badge:"redirects"})}ot.value=W.map((t,s)=>({id:`s${s}`,text:t.text,detail:t.detail||"",tone:t.tone,badge:t.badge}))}));const Re=M.observable([]);let ue=[];P(M.effect(()=>{const e=Oe.value.trim().toLowerCase(),t=new Set(N.value.chains.map(s=>s.id));ue=N.value.rules.filter(s=>!e||`${s.from} ${s.to} ${s.note}`.toLowerCase().includes(e)),Re.value=ue.map((s,o)=>({id:`r${o}`,from:s.from,to:s.code===410?"(gone)":s.to,note:[s.auto?"Added when the page moved":s.note,t.has(s.id)?"leads to another redirect":""].filter(Boolean).join(" \xB7 "),code:String(s.code),tone:s.code===410?"bad":t.has(s.id)?"poor":s.code===301||s.code===308?"good":"info",hits:s.hits?`${s.hits.toLocaleString("en-GB")} use${s.hits===1?"":"s"}`:"unused",lastHit:s.lastHit?`Last used ${$t(s.lastHit)}`:"Not used yet"}))}));const jt=M.computed(()=>N.value.rules.length?String(N.value.rules.length):""),Nt=M.computed(()=>`${ue.length+0*Re.value.length} of ${N.value.rules.length}`),Dt=M.computed(()=>Oe.value.trim()?"No redirect matches.":"No redirects yet."),qt=M.computed(()=>{const e=N.value.chains.length;return e?`${e} redirect${e===1?" leads":"s lead"} to another. Right-click one and choose "Go straight there" to make it one hop.`:""}),Ut=M.computed(()=>N.value.onRename?"When a page is renamed, a redirect from its old address is added for you.":"Redirects are not added when a page is renamed (see Settings)."),nt=M.observable([]);P(M.effect(()=>{nt.value=_.value.sources.map((e,t)=>({id:`x${t}`,label:se(e.id),detail:`${e.listed} of ${e.count} listed`,state:e.on?"on":"off",tone:e.on?"good":""}))}));const Ae=M.observable([]);let ae=[];P(M.effect(()=>{const e=Le.value.trim().toLowerCase();ae=(de.value==="in"?_.value.entries:_.value.left).filter(s=>!e||`${s.urlPath} ${s.title}`.toLowerCase().includes(e)),Ae.value=ae.slice(0,2e3).map((s,o)=>({id:`e${o}`,path:s.urlPath,title:s.title||"",source:se(s.source),note:s.why||[s.lastmod?`Changed ${Mt(s.lastmod)}`:"",s.changefreq||"",s.priority!==void 0?`priority ${s.priority}`:""].filter(Boolean).join(" \xB7 ")}))}));const Bt=M.computed(()=>_.value.robots||""),_t=M.computed(()=>({in:fe((_.value.entries||[]).length),out:fe((_.value.left||[]).length)})),Ht=M.computed(()=>`${ae.length+0*Ae.value.length} address${ae.length===1?"":"es"}`),Wt=M.computed(()=>_.value.hooks?Le.value.trim()?"No address matches.":de.value==="in"?"The sitemap is empty.":"Nothing is left out.":"This version of Domma CMS lists only its own pages in the sitemap."),ke=e=>/403|forbidden/i.test(String(e?.message));async function oe(){try{const e=await v("/overview");if(!n()||!e)return;x.value=e,Te.value="",e.running&&it()}catch(e){n()&&(Te.value=ke(e)?"You do not have access to SEO.":`Could not load SEO: ${e.message||e}`)}}const Pe=(e,t,s,o=Ls.rows)=>e.peek()?Rs(m.querySelector(t),s,o).finally(()=>{n()&&(e.value=!1)}):s;async function Ie(){try{const e=await Pe(Ze,".sox-pages-loading",v("/audit"));n()&&e&&(ve.value=e)}catch{}}async function pe(){try{const e=await Pe(et,".sox-rules-loading",v("/redirects"));if(!n()||!e)return;N.value=e,Jt(e.rules||[])}catch{}}async function je(){try{const e=await Pe(tt,".sox-entries-loading",v("/sitemap"));n()&&e&&(_.value=e)}catch(e){n()&&!ke(e)&&E.toast(`Could not load the sitemap: ${e.message||e}`,{type:"error"})}}async function Ne(){Ee.value=!0,await Promise.all([oe(),Ie(),pe(),je()]),n()&&(Ee.value=!1)}function it(){J||(J=setInterval(async()=>{if(!n()){clearInterval(J),J=null;return}await oe(),x.peek()?.running||(clearInterval(J),J=null,await Ie(),wt())},1500))}P(()=>{J&&clearInterval(J)});async function rt(){try{const e=await v("/audit",{method:"POST",body:JSON.stringify({})});n()&&(x.value={...x.peek(),...e,running:!0}),it()}catch(e){n()&&E.toast(`Could not start the check: ${e.message||e}`,{type:"error"})}}async function De(e,t,s=pe){try{const o=await e();return n()&&(t&&E.toast(t,{type:"success"}),await Promise.all([s(),oe()])),o}catch(o){return n()&&(ke(o)?(U.value=!1,E.toast("Only people who may manage SEO can change this.",{type:"warning"})):E.toast(`Not done: ${o.message||o}`,{type:"error"})),null}}const Kt=(e,t=`Redirect from ${e.from} added.`)=>De(()=>v("/redirects",{method:"POST",body:JSON.stringify(e)}),t),Gt=(e,t)=>De(()=>v(`/redirects/${encodeURIComponent(e.join(","))}`,{method:"DELETE"}),`${t} removed.`);async function zt(e){try{const t=await v(`/redirects/test?path=${encodeURIComponent(e.replace(/\/\*$/,"/example"))}`);if(!n())return;const s=t.hops||[];E.toast(s.length?s.map(o=>`${o.from} \u2192 ${o.code===410?"gone":o.to} (${o.code})`).join("  \xB7  "):"No redirect applies.",{type:s.length>1?"warning":"info",duration:7e3})}catch(t){n()&&E.toast(`Could not test: ${t.message||t}`,{type:"error"})}}const lt=e=>({from:e.from||"",to:e.code===410?"":e.to||"",code:String(e.code||301),note:e.note||""});function qe(e,{asNew:t=!1,adopt:s=null}={}){const o=t?{from:"",to:"",code:"301",note:""}:lt(e),a={from:M.observable(o.from),to:M.observable(o.to),code:M.observable(o.code),note:M.observable(o.note)},p=t?"":z(lt(e));dt(t?"New redirect":`Redirect from ${e.from}`,a,`
                 <div class="sox-form-grid">
                     <div class="sox-wide"><label class="form-label" for="sox-r-from">From</label><input id="sox-r-from" class="form-input sox-mono" data-model="from.value"></div>
                     <div class="sox-wide"><label class="form-label" for="sox-r-to">To</label><input id="sox-r-to" class="form-input sox-mono" data-model="to.value" data-bind-disabled="code.value === '410'"></div>
                     <div><label class="form-label" for="sox-r-code">Kind</label><select id="sox-r-code" class="form-input" data-model="code.value">
-                        ${Object.entries(ns).map(([s,a])=>`<option value="${s}">${a}</option>`).join("")}</select></div>
+                        ${Object.entries(qs).map(([r,d])=>`<option value="${r}">${d}</option>`).join("")}</select></div>
                     <div><label class="form-label" for="sox-r-note">Note</label><input id="sox-r-note" class="form-input" data-model="note.value"></div>
-                </div>`,()=>{const s={from:e.from.value,to:e.to.value,code:Number(e.code.value),note:e.note.value},a=x.peek().rules.filter(n=>n.id!==t.id);return{body:s,errors:Qe(s,a).errors}},async s=>{await p(`/redirects/${encodeURIComponent(t.id)}`,{method:"PUT",body:JSON.stringify(s)}),E.toast("Redirect saved.",{type:"success"}),await se()})}function $t(){const t={csv:M.observable("")};We("Import redirects",t,`
+                </div>`,()=>{const r={from:a.from.value,to:a.to.value,code:Number(a.code.value),note:a.note.value},d=N.peek().rules.filter(h=>t||h.id!==e.id);return{body:r,errors:bt(r,d).errors}},async r=>{t?await v("/redirects",{method:"POST",body:JSON.stringify(r)}):await v(`/redirects/${encodeURIComponent(e.id)}`,{method:"PUT",body:JSON.stringify(r)}),n()&&(E.toast(t?`Redirect from ${r.from} added.`:"Redirect saved.",{type:"success"}),await Promise.all([pe(),oe()]))},t?"Add":"Save",{kind:"redirect",id:e.id,what:t?`the redirect from ${s?.from||e.from||"?"}`:`the redirect from ${e.from}`,was:p,adopt:s})}function Ft(){const e={csv:M.observable("")};dt("Import redirects",e,`
                 <p class="sox-note">One redirect per line: <span class="sox-mono">from, to</span>, and optionally the kind (301, 302, 307, 308, 410) and a note. A header line is skipped. Paste from a spreadsheet, or another CMS's export.</p>
-                <textarea class="form-input sox-mono" rows="14" data-model="csv.value" placeholder="/old-page, /new-page&#10;/news/*, /blog/*, 301&#10;/retired, , 410"></textarea>`,()=>({body:{csv:t.csv.value},errors:t.csv.value.trim()?{}:{csv:"Paste some redirects first."}}),async e=>{const s=await p("/redirects/import",{method:"POST",body:JSON.stringify(e)}),a=s.skipped||[];E.toast(`${s.added} added${a.length?`, ${a.length} skipped - line ${a[0].line}: ${a[0].why}`:"."}`,{type:a.length?"warning":"success",duration:a.length?9e3:4e3}),await Promise.all([se(),te()])},"Import")}function We(t,e,s,a,n,h="Save"){const o=M.observable(!1),b=M.computed(()=>a()),O=M.computed(()=>Object.values(b.value.errors).join(" ")),L={...e,saving:o,errText:O,cannot:M.computed(()=>o.value||!!O.value)},f=E.slideover({title:t,size:"md",position:"right"}),g=Ae(`<div class="sox-form">${s}
-                <p class="sox-err" data-bind-hidden="!errText.value" data-bind-text="errText.value"></p>
-                <div class="sox-actions"><small class="sox-muted">Ctrl+Enter ${h.toLowerCase()}s.</small><span class="sox-spacer"></span>
-                    <button type="button" class="btn btn-sm btn-ghost" data-on-click="cancel">Cancel</button>
-                    <button type="button" class="btn btn-sm btn-primary" data-on-click="save" data-bind-disabled="cannot.value">${y(h)}</button></div></div>`);async function R(){if(!L.cannot.peek()){o.value=!0;try{await n(b.peek().body),f.close()}catch(k){E.toast(`Not saved: ${k.message||k}`,{type:"error"})}finally{o.value=!1}}}f.element.appendChild(g);const w=i.helpPopovers(g),P=M.applyBindings(L,g,{methods:{save:R,cancel:()=>f.close()}});g.addEventListener("keydown",k=>{(k.ctrlKey||k.metaKey)&&k.key==="Enter"&&(k.preventDefault(),R())}),i.onceClosed(f,()=>{P.dispose(),w()}),v(()=>{try{f.close()}catch{}}),I.scan(g),f.open(),g.querySelector("input, textarea")?.focus()}let ce=!1;async function J(t){if(ce)return;ce=!0;let e;try{e=await p(`/item?path=${encodeURIComponent(t)}`)}catch(u){ce=!1,E.toast(`Could not open ${t}: ${u.message||u}`,{type:"error"});return}const s={title:M.observable(e.fields.title),description:M.observable(e.fields.description),focus:M.observable(e.fields.focus),image:M.observable(e.fields.image),noindex:M.observable(e.fields.noindex)},a=e.limits||{},n=e.page?.title||e.live?.h1||"",h=e.kind==="page"?`${n}${e.defaults.separator}${e.defaults.siteTitle}`:e.live?.title||"",o=e.kind==="page"?e.defaults.description||"":e.live?.description||"",b=e.kind==="page"?e.defaults.image:e.live?.image||"",O=M.computed(()=>s.title.value.trim()||h),L=M.computed(()=>s.description.value.trim()||o),f=M.computed(()=>s.image.value.trim()||b),g=e.origin||location.origin,R=M.computed(()=>Xt({title:O.value,description:L.value,url:`${g}${t}`,limits:a})),w=(u,oe,X)=>{const W=u.length;return{text:`${W} / ${X}`,width:`${Math.min(100,W/X*100)}%`,tone:W?W<oe||W>X?"poor":"good":"bad"}},P=M.computed(()=>w(O.value,a.titleMin||30,a.titleMax||60)),k=M.computed(()=>w(L.value,a.descMin||70,a.descMax||160)),Oe=(()=>{try{return new URL(g).host}catch{return location.host}})(),pe=M.computed(()=>f.value?`url("${f.value.replace(/["\\\n\r]/g,"")}")`:"none"),l=M.observable([]),_=u=>{const oe=[],X=u?.checks||[],W={fail:0,warn:1,pass:2,info:3};for(const Le of[...new Set(X.map(j=>j.group))]){oe.push({id:`g-${Le}`,head:Le,title:"",detail:"",fix:"",status:"",glyph:""});for(const j of X.filter(Re=>Re.group===Le).sort((Re,Jt)=>W[Re.status]-W[Jt.status]))oe.push({id:`c-${j.id}`,head:"",title:j.title,detail:j.detail,fix:j.status==="pass"?"":j.fix,status:j.status,glyph:os[j.status]||"?"})}l.value=oe};_(e.analysis);const A=M.observable(e.analysis?`Score ${e.analysis.score}% \xB7 ${e.analysis.failing} failing, ${e.analysis.warnings} could be better`:e.status===200?"":`Not live (answers ${e.status||"nothing"}) - the checks run once it is published.`),N=()=>({path:t,title:s.title.value,description:s.description.value,focus:s.focus.value,image:s.image.value,noindex:s.noindex.value});let F=JSON.stringify(N());const Y=M.observable(!1),ze=M.computed(()=>s.image.value.trim()&&!/^(https?:\/\/|\/)/i.test(s.image.value.trim())?"The image: a path like /media/photo.jpg, or a full web address.":""),Fe={...s,saving:Y,errText:ze,checks:l,scoreLine:A,serp:R,titleMeter:P,descMeter:k,shareBg:pe,effTitle:O,effDesc:L,host:Oe,hasImage:M.computed(()=>!!f.value),defTitle:h,defDesc:o,canManage:S,cannot:M.computed(()=>Y.value||!!ze.value||!S.value)},Q=E.slideover({title:`SEO \xB7 ${t}`,size:"lg",position:"right"}),Dt=e.kind==="url"?'<p class="sox-note is-warn">A plugin serves this address (a blog post, a listing). What you set here takes the place of its own SEO fields.</p>':e.page?.status!=="published"?`<p class="sox-note is-warn">This page is a ${y(e.page?.status||"draft")} - not live yet.</p>`:"",Bt=e.redirect?`<p class="sox-note is-bad">A redirect sends visitors from here to ${y(e.redirect.to||"(gone)")} - they never see this page.</p>`:"",H=Ae(`
+                <textarea class="form-input sox-mono" rows="14" data-model="csv.value" placeholder="/old-page, /new-page&#10;/news/*, /blog/*, 301&#10;/retired, , 410"></textarea>`,()=>({body:{csv:e.csv.value},errors:e.csv.value.trim()?{}:{csv:"Paste some redirects first."}}),async t=>{const s=await v("/redirects/import",{method:"POST",body:JSON.stringify(t)});if(!n())return;const o=s.skipped||[];E.toast(`${s.added} added${o.length?`, ${o.length} skipped - line ${o[0].line}: ${o[0].why}`:"."}`,{type:o.length?"warning":"success",duration:o.length?9e3:4e3}),await Promise.all([pe(),oe()])},"Import",{kind:"import",what:"the redirects you were importing"})}let ct=!1;async function Jt(e){if(ct||!U.peek())return;ct=!0;const t=Ge(A.user(),"redirect","");if(!t)return;const s=new Set(e.map(o=>String(o.id)));for(const o of A.keys(`${t}.`)){let a;try{a=decodeURIComponent(o.slice(t.length+1))}catch{continue}if(s.has(a))continue;const p=yt(A.get(o),{from:"",to:"",code:"301",note:""});if(!p){A.drop(o);continue}if(await Qe(ze({what:`the redirect from ${p.values.from||"?"}`,when:p.at?Ke(p.at):"",gone:"Keep them to add it again as a new redirect."}))){A.drop(o);continue}n()&&qe({id:a},{asNew:!0,adopt:p.values});return}}function Ue(e,{kind:t,id:s="",what:o,read:a,write:p,was:r=""}){const d=Ge(A.user(),t,s);let h=z(a()),C=r,w=!0,O=!1,j=!1;const L=()=>z(a())!==h,g=()=>{const u=As({dirty:L(),owns:w});u==="write"?A.set(d,{values:a(),was:C,at:new Date().toISOString()}):u==="remove"&&A.drop(d)},$=u=>{O||(g(),L()&&(u.preventDefault(),u.returnValue=""))};window.addEventListener("beforeunload",$);const T=e.close.bind(e);let B=()=>{};const H=()=>{O=!0,window.removeEventListener("beforeunload",$),B()};return e.close=async u=>{if(O)return T(u);if(!(u!==!0&&!w)){if(u!==!0&&L()){if(j)return;j=!0;const f=await Ye("Throw away the changes you have not saved?",{title:"Unsaved changes",confirmText:"Throw away",cancelText:"Keep editing"});if(j=!1,!f||O)return;w&&A.drop(d)}else u!==!0&&g();return H(),T(u)}},B=q.add(()=>{if(!O){g(),H();try{T(!0)}catch{}}}),{saved(u,f=C){h=z(u),C=f,w=!0,g()},adopt(u,f=""){p(u),C=f,w=!0},async offer(u=r){const f=A.get(d),c=yt(f,a());return c?(w=!1,await Qe(ze({what:o,when:c.at?Ke(c.at):"",stale:c.was!==u}))?(A.drop(d),w=!0,!1):O?!1:(w=!0,p(c.values),C=c.was,!0)):(f&&A.drop(d),!1)}}}let Me=!1;function dt(e,t,s,o,a,p="Save",r=null){if(Me)return;Me=!0;let d=null;try{const h=M.observable(!1),C=M.computed(()=>o()),w=M.computed(()=>Object.values(C.value.errors).join(" ")),O={...t,saving:h,errText:w,cannot:M.computed(()=>h.value||!!w.value)},j=()=>Object.fromEntries(Object.entries(t).map(([u,f])=>[u,f.peek()])),L=u=>{for(const[f,c]of Object.entries(t))f in u&&(c.value=u[f])};d=E.slideover({title:e,size:"md",position:"right"});const g=Je(`<div class="sox-form">${s}
+                    <p class="sox-err" data-bind-hidden="!errText.value" data-bind-text="errText.value"></p>
+                    <div class="sox-actions"><small class="sox-muted">Ctrl+Enter ${p.toLowerCase()}s.</small><span class="sox-spacer"></span>
+                        <button type="button" class="btn btn-sm btn-ghost" data-on-click="cancel">Cancel</button>
+                        <button type="button" class="btn btn-sm btn-primary" data-on-click="save" data-bind-disabled="cannot.value">${R(p)}</button></div></div>`);let $=null;async function T(){if(O.cannot.peek())return;h.value=!0;const u=j();g.inert=!0;try{await a(C.peek().body),$?.saved(u,""),d.close(!0)}catch(f){g.inert=!1,n()&&E.toast(`Not saved: ${f.message||f}`,{type:"error"})}finally{h.value=!1}}d.element.appendChild(g);const B=l.helpPopovers(g),H=M.applyBindings(O,g,{methods:{save:T,cancel:()=>d.close()}});g.addEventListener("keydown",u=>{(u.ctrlKey||u.metaKey)&&u.key==="Enter"&&(u.preventDefault(),T())}),l.onceClosed(d,()=>{H.dispose(),B(),Me=!1}),r?($=Ue(d,{...r,read:j,write:L}),r.adopt?$.adopt(r.adopt,""):$.offer(r.was)):P(()=>{try{d.close(!0)}catch{}}),I.scan(g),d.open(),g.querySelector("input, textarea")?.focus()}catch(h){Me=!1;try{d?.close(!0)}catch{}E.toast(`Could not open ${e}: ${h.message||h}`,{type:"error"})}}let ne=!1;const Yt=e=>({title:String(e.title??"").trim().slice(0,200),description:String(e.description??"").trim().slice(0,400),image:String(e.image??"").trim().slice(0,500),noindex:e.noindex===!0,focus:String(e.focus??"").trim().slice(0,100)});async function X(e){if(ne)return;ne=!0;let t;try{t=await v(`/item?path=${encodeURIComponent(e)}`)}catch(s){if(ne=!1,!n())return;const o=s?.status===404?Ge(A.user(),"item",e):null,a=o?A.get(o):null;if(a?.values){await Qe(ze({what:e,when:a.at?Ke(a.at):"",gone:"Keep them and they are offered again if the address is served again."}))&&A.drop(o);return}E.toast(`Could not open ${e}: ${s.message||s}`,{type:"error"});return}if(!n()){ne=!1;return}try{Qt(e,t)}catch(s){ne=!1,E.toast(`Could not open ${e}: ${s.message||s}`,{type:"error"})}}function Qt(e,t){const s={title:M.observable(t.fields.title),description:M.observable(t.fields.description),focus:M.observable(t.fields.focus),image:M.observable(t.fields.image),noindex:M.observable(t.fields.noindex)},o=t.limits||{},a=t.page?.title||t.live?.h1||"",p=t.kind==="page"?`${a}${t.defaults.separator}${t.defaults.siteTitle}`:t.live?.title||"",r=t.kind==="page"?t.defaults.description||"":t.live?.description||"",d=t.kind==="page"?t.defaults.image:t.live?.image||"",h=M.computed(()=>s.title.value.trim()||p),C=M.computed(()=>s.description.value.trim()||r),w=M.computed(()=>s.image.value.trim()||d),O=t.origin||location.origin,j=M.computed(()=>Ss({title:h.value,description:C.value,url:`${O}${e}`,limits:o})),L=(y,b,ce)=>{const V=y.length;return{text:`${V} / ${ce}`,width:`${Math.min(100,V/ce*100)}%`,tone:V?V<b||V>ce?"poor":"good":"bad"}},g=M.computed(()=>L(h.value,o.titleMin||30,o.titleMax||60)),$=M.computed(()=>L(C.value,o.descMin||70,o.descMax||160)),T=(()=>{try{return new URL(O).host}catch{return location.host}})(),B=M.computed(()=>w.value?`url("${w.value.replace(/["\\\n\r]/g,"")}")`:"none"),H=M.observable([]),u=y=>{const b=[],ce=y?.checks||[],V={fail:0,warn:1,pass:2,info:3};for(const He of[...new Set(ce.map(G=>G.group))]){b.push({id:`g-${He}`,head:He,title:"",detail:"",fix:"",status:"",glyph:""});for(const G of ce.filter(We=>We.group===He).sort((We,gs)=>V[We.status]-V[gs.status]))b.push({id:`c-${G.id}`,head:"",title:G.title,detail:G.detail,fix:G.status==="pass"?"":G.fix,status:G.status,glyph:Ds[G.status]||"?"})}H.value=b};u(t.analysis);const f=M.observable(t.analysis?`Score ${t.analysis.score}% \xB7 ${t.analysis.failing} failing, ${t.analysis.warnings} could be better`:t.status===200?"":`Not live (answers ${t.status||"nothing"}) - the checks run once it is published.`),c=()=>({title:s.title.peek(),description:s.description.peek(),focus:s.focus.peek(),image:s.image.peek(),noindex:s.noindex.peek()}),k=y=>{for(const b of Object.keys(s))b in y&&(s[b].value=y[b])},D=M.observable(!1),Z=M.computed(()=>s.image.value.trim()&&!/^(https?:\/\/|\/)/i.test(s.image.value.trim())?"The image: a path like /media/photo.jpg, or a full web address.":""),le={...s,saving:D,errText:Z,checks:H,scoreLine:f,serp:j,titleMeter:g,descMeter:$,shareBg:B,effTitle:h,effDesc:C,host:T,hasImage:M.computed(()=>!!w.value),defTitle:p,defDesc:r,canManage:U,cannot:M.computed(()=>D.value||!!Z.value||!U.value)},ee=E.slideover({title:`SEO \xB7 ${e}`,size:"lg",position:"right"}),ps=t.kind==="url"?'<p class="sox-note is-warn">A plugin serves this address (a blog post, a listing). What you set here takes the place of its own SEO fields.</p>':t.page?.status!=="published"?`<p class="sox-note is-warn">This page is a ${R(t.page?.status||"draft")} - not live yet.</p>`:"",ms=t.redirect?`<p class="sox-note is-bad">A redirect sends visitors from here to ${R(t.redirect.to||"(gone)")} - they never see this page.</p>`:"",Q=Je(`
                 <div class="sox-form">
-                    ${Dt}${Bt}
+                    ${ps}${ms}
                     <section><h4>As it will look <span data-help="The search result is drawn the way Google draws it, cut where it cuts (roughly - it measures pixels). The share card is what Facebook, LinkedIn, WhatsApp and others show when someone shares the link."></span>
-                        <span class="sox-spacer"></span><a class="btn btn-xs btn-ghost" href="${y(t)}" target="_blank" rel="noopener"><span data-icon="external-link" data-icon-size="12"></span> Open</a></h4>
+                        <span class="sox-spacer"></span><a class="btn btn-xs btn-ghost" href="${R(e)}" target="_blank" rel="noopener"><span data-icon="external-link" data-icon-size="12"></span> Open</a></h4>
                         <div class="sox-previews">
                             <div class="sox-serp" aria-label="Search result preview">
                                 <div class="sox-serp-crumbs" data-bind-text="serp.value.crumbs"></div>
@@ -70,15 +70,15 @@ import{apiRequest as Gt}from"../api.js";import{addBannerAction as Kt}from"../lib
                     </section>
                     <section><h4>Search and sharing</h4><div class="sox-form-grid">
                         <div class="sox-wide"><label class="form-label" for="sox-i-title">Title <span data-help="The blue link in search results and the headline of a share. Say what the page is about, words that matter first. Empty uses the page title and the site name."></span></label>
-                            <input id="sox-i-title" class="form-input" data-model="title.value" placeholder="${y(h)}" maxlength="200">
+                            <input id="sox-i-title" class="form-input" data-model="title.value" placeholder="${R(p)}" maxlength="200">
                             <div class="sox-meter" data-bind-data-tone="titleMeter.value.tone"><span class="sox-bar"><span data-bind-style-width="titleMeter.value.width"></span></span><span data-bind-text="titleMeter.value.text"></span></div></div>
                         <div class="sox-wide"><label class="form-label" for="sox-i-desc">Description <span data-help="The grey text under the link. One or two sentences that make someone want to click. Empty uses the site's default - which every other such page shares."></span></label>
-                            <textarea id="sox-i-desc" rows="3" class="form-input" data-model="description.value" placeholder="${y(o)}" maxlength="400"></textarea>
+                            <textarea id="sox-i-desc" rows="3" class="form-input" data-model="description.value" placeholder="${R(r)}" maxlength="400"></textarea>
                             <div class="sox-meter" data-bind-data-tone="descMeter.value.tone"><span class="sox-bar"><span data-bind-style-width="descMeter.value.width"></span></span><span data-bind-text="descMeter.value.text"></span></div></div>
                         <div><label class="form-label" for="sox-i-focus">Focus keyphrase <span data-help="The search this page should be found for - 'garden tools', 'plumber in Leeds'. The checks then look for it in the title, description, heading, address and opening. It is not shown anywhere."></span></label>
                             <input id="sox-i-focus" class="form-input" data-model="focus.value" maxlength="100"></div>
                         <div><label class="form-label" for="sox-i-image">Share image <span data-help="Shown when the page is shared. 1200 \xD7 630 pixels is ideal. Choose it from Media (or upload one), or type a full address. Empty uses the site's default image."></span></label>
-                            <div class="sox-pick"><input id="sox-i-image" class="form-input sox-mono" data-model="image.value" list="sox-media" placeholder="${y(b||"/media/\u2026")}">
+                            <div class="sox-pick"><input id="sox-i-image" class="form-input sox-mono" data-model="image.value" list="sox-media" placeholder="${R(d||"/media/\u2026")}">
                             <button type="button" class="btn btn-sm btn-ghost" data-on-click="pickImage"><span data-icon="image"></span> Choose\u2026</button></div></div>
                         <label class="sox-wide" style="display:flex;align-items:center;gap:.5rem"><input type="checkbox" class="form-switch" data-model="noindex.value"> Hide from search engines
                             <span data-help="Asks search engines not to list this page, and leaves it out of the sitemap. For thank-you pages, private landing pages and the like. It stays reachable by its address."></span></label>
@@ -92,48 +92,48 @@ import{apiRequest as Gt}from"../api.js";import{addBannerAction as Kt}from"../lib
                         <button type="button" class="btn btn-sm btn-ghost" data-on-click="cancel">Close</button>
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="save" data-bind-disabled="cannot.value"><span data-icon="save" data-icon-size="13"></span> Save and check</button>
                     </div>
-                </div>`);H.querySelector(".sox-checks").innerHTML=bs,St(H.querySelector("#sox-media"));async function Ye(){if(!Fe.cannot.peek()){Y.value=!0;try{await p("/item",{method:"PUT",body:JSON.stringify(N())}),F=JSON.stringify(N()),E.toast("Saved.",{type:"success"});const u=await p(`/item?path=${encodeURIComponent(t)}`).catch(()=>null);u?.analysis&&(_(u.analysis),A.value=`Score ${u.analysis.score}% \xB7 ${u.analysis.failing} failing, ${u.analysis.warnings} could be better`),ke(),te(),et()}catch(u){re(u)&&(S.value=!1),E.toast(`Not saved: ${u.message||u}`,{type:"error"})}finally{Y.value=!1}}}Q.element.appendChild(H);const Ut=i.helpPopovers(H),_t=M.applyBindings(Fe,H,{methods:{save:Ye,cancel:()=>Q.close(),pickImage:async()=>{const u=await Ve({title:"Choose a share image",current:s.image.peek()});u&&(s.image.value=u)}}}),Ht=H.querySelector(".sox-share-img"),Wt=M.effect(()=>{Ht.style.backgroundImage=pe.value});H.addEventListener("keydown",u=>{(u.ctrlKey||u.metaKey)&&u.key==="Enter"&&(u.preventDefault(),Ye())}),i.onceClosed(Q,()=>{_t.dispose(),Ut(),Wt?.(),ce=!1}),Je(Q,()=>JSON.stringify(N())!==F),v(()=>{try{Q.close(!0)}catch{}}),I.scan(H),Q.open()}let Ee=null;async function St(t){try{Ee??(Ee=await i.apiRequest("/media").then(e=>Array.isArray(e)?e:e?.files||e?.items||[]));for(const e of Ee){const s=e.url||e.path||(e.filename?`/media/${e.filename}`:"");s&&/\.(jpe?g|png|webp|gif|avif|svg)$/i.test(s)&&t.appendChild(Object.assign(document.createElement("option"),{value:s}))}}catch{Ee=[]}}function Je(t,e){const s=t.close.bind(t);let a=!1,n=!1;t.close=async h=>{if(!n&&h!==!0&&e()){if(a)return;a=!0;const o=await E.confirm("Discard the changes you have not saved?");if(a=!1,!o)return}return n=!0,s()}}let de=!1;async function Et(){if(de)return;de=!0;let t;try{const l=await p("/settings");t=Xe(l.settings)}catch(l){de=!1,E.toast(`Could not load the settings: ${l.message||l}`,{type:"error"});return}const e=t.organisation,s=m.peek()?.siteSeo?.defaultTitle||"The site's name",a={orgOn:M.observable(e.enabled),orgType:M.observable(e.type),orgName:M.observable(e.name),orgUrl:M.observable(e.url),orgLogo:M.observable(e.logo),orgEmail:M.observable(e.email),orgPhone:M.observable(e.phone),orgSame:M.observable(e.sameAs.join(`
-`)),street:M.observable(e.address.street),locality:M.observable(e.address.locality),region:M.observable(e.address.region),postcode:M.observable(e.address.postcode),country:M.observable(e.address.country),articles:M.observable(t.articles),exclude:M.observable(t.sitemap.exclude.join(`
-`)),blockAll:M.observable(t.robots.blockAll),robotsExtra:M.observable(t.robots.extra),onRename:M.observable(t.redirects.onRename),every:M.observable(String(t.audit.everyHours)),tMin:M.observable(String(t.audit.titleMin)),tMax:M.observable(String(t.audit.titleMax)),dMin:M.observable(String(t.audit.descMin)),dMax:M.observable(String(t.audit.descMax)),words:M.observable(String(t.audit.minWords))},n=()=>({organisation:{enabled:a.orgOn.value,type:a.orgType.value,name:a.orgName.value,url:a.orgUrl.value,logo:a.orgLogo.value,email:a.orgEmail.value,phone:a.orgPhone.value,sameAs:a.orgSame.value,address:{street:a.street.value,locality:a.locality.value,region:a.region.value,postcode:a.postcode.value,country:a.country.value}},articles:a.articles.value,sitemap:{exclude:a.exclude.value,sources:t.sitemap.sources},robots:{blockAll:a.blockAll.value,extra:a.robotsExtra.value},redirects:{onRename:a.onRename.value},audit:{everyHours:a.every.value,titleMin:a.tMin.value,titleMax:a.tMax.value,descMin:a.dMin.value,descMax:a.dMax.value,minWords:a.words.value}}),h=JSON.stringify(n()),o=M.observable(!1),b=M.computed(()=>Zt(n(),t)),O=M.computed(()=>Object.values(b.value.errors).join(" ")),L={...a,saving:o,errText:O,cannot:M.computed(()=>o.value||!!O.value),isPerson:M.computed(()=>a.orgType.value==="Person")},f=(l,_,A,N="",F="")=>`<div><label class="form-label" for="sox-s-${l}">${A}${N?` <span data-help="${y(N)}"></span>`:""}</label>
-                <input id="sox-s-${l}" class="form-input" data-model="${_}.value" ${F}></div>`,g=(l,_,A,N,F,Y="")=>f(l,_,A,Y,`type="number" min="${N}" max="${F}"`),R=(l,_,A="")=>`<label class="sox-wide" style="display:flex;align-items:center;gap:.5rem"><input type="checkbox" class="form-switch" data-model="${l}.value"> ${_}${A?` <span data-help="${y(A)}"></span>`:""}</label>`,w=E.slideover({title:"SEO settings",size:"md",position:"right"}),P=Ae(`
+                </div>`);Q.querySelector(".sox-checks").innerHTML=Ys,Vt(Q.querySelector("#sox-media"));let Se=null;async function ht(){if(le.cannot.peek())return;D.value=!0;const y=c();try{if(await v("/item",{method:"PUT",body:JSON.stringify({path:e,...y})}),Se?.saved(y,z(Yt(y))),!n())return;E.toast("Saved.",{type:"success"});const b=await v(`/item?path=${encodeURIComponent(e)}`).catch(()=>null);if(!n())return;b?.fields&&Se?.saved(y,z(b.fields)),b?.analysis&&(u(b.analysis),f.value=`Score ${b.analysis.score}% \xB7 ${b.analysis.failing} failing, ${b.analysis.warnings} could be better`),Ie(),oe(),wt()}catch(b){if(!n())return;ke(b)&&(U.value=!1),E.toast(`Not saved: ${b.message||b}`,{type:"error"})}finally{D.value=!1}}ee.element.appendChild(Q);const hs=l.helpPopovers(Q),fs=M.applyBindings(le,Q,{methods:{save:ht,cancel:()=>ee.close(),pickImage:async()=>{const y=await gt({title:"Choose a share image",current:s.image.peek()});y&&(s.image.value=y)}}}),bs=Q.querySelector(".sox-share-img"),vs=M.effect(()=>{bs.style.backgroundImage=B.value});Q.addEventListener("keydown",y=>{(y.ctrlKey||y.metaKey)&&y.key==="Enter"&&(y.preventDefault(),ht())}),l.onceClosed(ee,()=>{fs.dispose(),hs(),vs?.(),ne=!1});const ft=z(t.fields);Se=Ue(ee,{kind:"item",id:e,what:e,read:c,write:k,was:ft}),I.scan(Q),ee.open(),Se.offer(ft)}let Be=null;async function Vt(e){try{Be??(Be=await l.apiRequest("/media").then(t=>Array.isArray(t)?t:t?.files||t?.items||[]));for(const t of Be){const s=t.url||t.path||(t.filename?`/media/${t.filename}`:"");s&&/\.(jpe?g|png|webp|gif|avif|svg)$/i.test(s)&&e.appendChild(Object.assign(document.createElement("option"),{value:s}))}}catch{Be=[]}}let ie=!1;async function Xt(){if(ie)return;ie=!0;let e,t;try{const s=await v("/settings");e=vt(s.settings),t=z(s.settings)}catch(s){ie=!1,n()&&E.toast(`Could not load the settings: ${s.message||s}`,{type:"error"});return}if(!n()){ie=!1;return}try{Zt(e,t)}catch(s){ie=!1,E.toast(`Could not open the settings: ${s.message||s}`,{type:"error"})}}function Zt(e,t){const s=e.organisation,o=x.peek()?.siteSeo?.defaultTitle||"The site's name",a={orgOn:M.observable(s.enabled),orgType:M.observable(s.type),orgName:M.observable(s.name),orgUrl:M.observable(s.url),orgLogo:M.observable(s.logo),orgEmail:M.observable(s.email),orgPhone:M.observable(s.phone),orgSame:M.observable(s.sameAs.join(`
+`)),street:M.observable(s.address.street),locality:M.observable(s.address.locality),region:M.observable(s.address.region),postcode:M.observable(s.address.postcode),country:M.observable(s.address.country),articles:M.observable(e.articles),exclude:M.observable(e.sitemap.exclude.join(`
+`)),blockAll:M.observable(e.robots.blockAll),robotsExtra:M.observable(e.robots.extra),onRename:M.observable(e.redirects.onRename),every:M.observable(String(e.audit.everyHours)),tMin:M.observable(String(e.audit.titleMin)),tMax:M.observable(String(e.audit.titleMax)),dMin:M.observable(String(e.audit.descMin)),dMax:M.observable(String(e.audit.descMax)),words:M.observable(String(e.audit.minWords))},p=()=>({organisation:{enabled:a.orgOn.value,type:a.orgType.value,name:a.orgName.value,url:a.orgUrl.value,logo:a.orgLogo.value,email:a.orgEmail.value,phone:a.orgPhone.value,sameAs:a.orgSame.value,address:{street:a.street.value,locality:a.locality.value,region:a.region.value,postcode:a.postcode.value,country:a.country.value}},articles:a.articles.value,sitemap:{exclude:a.exclude.value,sources:e.sitemap.sources},robots:{blockAll:a.blockAll.value,extra:a.robotsExtra.value},redirects:{onRename:a.onRename.value},audit:{everyHours:a.every.value,titleMin:a.tMin.value,titleMax:a.tMax.value,descMin:a.dMin.value,descMax:a.dMax.value,minWords:a.words.value}}),r=()=>Object.fromEntries(Object.entries(a).map(([c,k])=>[c,k.peek()])),d=c=>{for(const[k,D]of Object.entries(a))k in c&&(D.value=c[k])},h=M.observable(!1),C=M.computed(()=>Ts(p(),e)),w=M.computed(()=>Object.values(C.value.errors).join(" ")),O={...a,saving:h,errText:w,cannot:M.computed(()=>h.value||!!w.value),isPerson:M.computed(()=>a.orgType.value==="Person")},j=(c,k,D,Z="",le="")=>`<div><label class="form-label" for="sox-s-${c}">${D}${Z?` <span data-help="${R(Z)}"></span>`:""}</label>
+                <input id="sox-s-${c}" class="form-input" data-model="${k}.value" ${le}></div>`,L=(c,k,D,Z,le,ee="")=>j(c,k,D,ee,`type="number" min="${Z}" max="${le}"`),g=(c,k,D="")=>`<label class="sox-wide" style="display:flex;align-items:center;gap:.5rem"><input type="checkbox" class="form-switch" data-model="${c}.value"> ${k}${D?` <span data-help="${R(D)}"></span>`:""}</label>`,$=E.slideover({title:"SEO settings",size:"md",position:"right"}),T=Je(`
                 <div class="sox-form">
                     <p class="sox-note">The site's default title, description and share image are in <a href="#/settings">Settings \u203A SEO</a>.</p>
                     <section><h4>Who is behind the site <span data-help="Structured data on the home page, so search engines can show the name, logo and contact details - a knowledge panel, or a local business in maps."></span></h4><div class="sox-form-grid">
-                        ${R("orgOn","Tell search engines who runs the site")}
+                        ${g("orgOn","Tell search engines who runs the site")}
                         <div><label class="form-label" for="sox-s-type">It is</label><select id="sox-s-type" class="form-input" data-model="orgType.value">
-                            ${es.map(l=>`<option value="${l}">${{Organization:"An organisation",LocalBusiness:"A local business",Person:"A person"}[l]}</option>`).join("")}</select></div>
-                        ${f("name","orgName","Name","Empty uses the site's name.",`placeholder="${y(s)}"`)}
-                        ${f("url","orgUrl","Web address","Empty uses the site address.",'placeholder="https://\u2026"')}
+                            ${Cs.map(c=>`<option value="${c}">${{Organization:"An organisation",LocalBusiness:"A local business",Person:"A person"}[c]}</option>`).join("")}</select></div>
+                        ${j("name","orgName","Name","Empty uses the site's name.",`placeholder="${R(o)}"`)}
+                        ${j("url","orgUrl","Web address","Empty uses the site address.",'placeholder="https://\u2026"')}
                         <div><label class="form-label" for="sox-s-logo">Logo (or photo) <span data-help="A square image works best. Choose it from Media (or upload one), or type a full address."></span></label>
                             <div class="sox-pick"><input id="sox-s-logo" class="form-input sox-mono" data-model="orgLogo.value" placeholder="/media/logo.png">
                             <button type="button" class="btn btn-sm btn-ghost" data-on-click="pickLogo"><span data-icon="image"></span> Choose\u2026</button></div></div>
-                        ${f("email","orgEmail","Email","",'type="email"')}
-                        ${f("phone","orgPhone","Phone")}
+                        ${j("email","orgEmail","Email","",'type="email"')}
+                        ${j("phone","orgPhone","Phone")}
                         <div class="sox-wide" data-bind-hidden="isPerson.value"><label class="form-label">Address <span data-help="For a local business, the address customers visit. Leave empty for an organisation without one."></span></label>
                             <div class="sox-form-grid"><input class="form-input sox-wide" placeholder="Street" aria-label="Street" data-model="street.value">
                             <input class="form-input" placeholder="Town or city" aria-label="Town or city" data-model="locality.value"><input class="form-input" placeholder="County or region" aria-label="County or region" data-model="region.value">
                             <input class="form-input" placeholder="Postcode" aria-label="Postcode" data-model="postcode.value"><input class="form-input" placeholder="Country (GB)" aria-label="Country" data-model="country.value"></div></div>
                         <div class="sox-wide"><label class="form-label" for="sox-s-same">Profiles elsewhere <span data-help="Your pages on Facebook, LinkedIn, Instagram, X and so on - one address per line. Search engines use them to know they are you."></span></label>
                             <textarea id="sox-s-same" rows="3" class="form-input sox-mono" data-model="orgSame.value" placeholder="https://www.linkedin.com/company/\u2026"></textarea></div>
-                        ${R("articles","Mark blog posts as articles","Adds BlogPosting structured data to each post - headline, image, publisher - which search engines use for article results.")}
+                        ${g("articles","Mark blog posts as articles","Adds BlogPosting structured data to each post - headline, image, publisher - which search engines use for article results.")}
                     </div></section>
                     <section><h4>Sitemap and robots.txt</h4><div class="sox-form-grid">
                         <div class="sox-wide"><label class="form-label" for="sox-s-ex">Leave out of the sitemap <span data-help="One address per line. Ending with / leaves out everything under it: /members/ covers /members/area. To hide one page from search engines altogether, open it on the Pages tab instead."></span></label>
                             <textarea id="sox-s-ex" rows="3" class="form-input sox-mono" data-model="exclude.value" placeholder="/thank-you&#10;/members/"></textarea></div>
-                        ${R("blockAll","Ask every search engine to stay away","robots.txt then says Disallow: / to everyone. For a site that is not ready yet - remember to switch it off at launch. It is a request: well-behaved crawlers honour it.")}
+                        ${g("blockAll","Ask every search engine to stay away","robots.txt then says Disallow: / to everyone. For a site that is not ready yet - remember to switch it off at launch. It is a request: well-behaved crawlers honour it.")}
                         <div class="sox-wide"><label class="form-label" for="sox-s-rob">More robots.txt rules <span data-help="Lines like Disallow: /private/ join the rules for every crawler. Start with User-agent: to add rules for one crawler, e.g. User-agent: GPTBot then Disallow: / to keep an AI crawler out."></span></label>
                             <textarea id="sox-s-rob" rows="3" class="form-input sox-mono" data-model="robotsExtra.value" placeholder="Disallow: /private/"></textarea></div>
                     </div></section>
                     <section><h4>Redirects</h4><div class="sox-form-grid">
-                        ${R("onRename","Add a redirect when a page is renamed","The old address keeps working, and any redirect that pointed at it is re-aimed at the new one - so there are never chains.")}
+                        ${g("onRename","Add a redirect when a page is renamed","The old address keeps working, and any redirect that pointed at it is re-aimed at the new one - so there are never chains.")}
                     </div></section>
                     <section><h4>The checks</h4><div class="sox-form-grid">
-                        ${g("every","every","Check every page every (hours)",0,168,"0 checks only when you ask.")}
-                        ${g("words","words","Words a page should have",0,5e3)}
-                        ${g("tmin","tMin","Shortest title",10,70)}
-                        ${g("tmax","tMax","Longest title",30,100,"Google cuts titles at about 60 characters.")}
-                        ${g("dmin","dMin","Shortest description",30,160)}
-                        ${g("dmax","dMax","Longest description",80,320,"Google cuts descriptions at about 155-160 characters.")}
+                        ${L("every","every","Check every page every (hours)",0,168,"0 checks only when you ask.")}
+                        ${L("words","words","Words a page should have",0,5e3)}
+                        ${L("tmin","tMin","Shortest title",10,70)}
+                        ${L("tmax","tMax","Longest title",30,100,"Google cuts titles at about 60 characters.")}
+                        ${L("dmin","dMin","Shortest description",30,160)}
+                        ${L("dmax","dMax","Longest description",80,320,"Google cuts descriptions at about 155-160 characters.")}
                     </div></section>
                     <p class="sox-err" data-bind-hidden="!errText.value" data-bind-text="errText.value"></p>
                     <div class="sox-actions">
@@ -141,7 +141,7 @@ import{apiRequest as Gt}from"../api.js";import{addBannerAction as Kt}from"../lib
                         <button type="button" class="btn btn-sm btn-ghost" data-on-click="cancel">Cancel</button>
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="save" data-bind-disabled="cannot.value"><span data-icon="save" data-icon-size="13"></span> Save</button>
                     </div>
-                </div>`);async function k(){if(!L.cannot.peek()){o.value=!0;try{await p("/settings",{method:"PUT",body:JSON.stringify(b.peek().settings)}),E.toast("Settings saved.",{type:"success"}),w.close(!0),$e()}catch(l){E.toast(`Not saved: ${l.message||l}`,{type:"error"})}finally{o.value=!1}}}w.element.appendChild(P);const Oe=i.helpPopovers(P),pe=M.applyBindings(L,P,{methods:{save:k,cancel:()=>w.close(),pickLogo:async()=>{const l=await Ve({title:"Choose a logo",current:a.orgLogo.peek()});l&&(a.orgLogo.value=l)}}});P.addEventListener("keydown",l=>{(l.ctrlKey||l.metaKey)&&l.key==="Enter"&&(l.preventDefault(),k())}),i.onceClosed(w,()=>{pe.dispose(),Oe(),de=!1}),Je(w,()=>JSON.stringify(n())!==h),v(()=>{try{w.close(!0)}catch{}}),I.scan(P),w.open()}async function Tt(t,e){try{const s=await p("/settings"),a=Xe(s.settings);a.sitemap.sources[t]=e,await p("/settings",{method:"PUT",body:JSON.stringify(a)}),E.toast(`${K(t)} ${e?"back in":"left out of"} the sitemap.`,{type:"success"}),Me()}catch(s){E.toast(`Not changed: ${s.message||s}`,{type:"error"})}}const C=t=>Number(String(t?.dataset?.row||"").slice(1));function Ct(t){const e=Z[C(t)];return e?[{header:e.urlPath},{label:"Title, description and checks\u2026",icon:"edit-3",action:()=>J(e.urlPath)},{label:"Open the page",icon:"external-link",action:()=>window.open(e.urlPath,"_blank","noopener")},{label:"Redirect it elsewhere\u2026",icon:"corner-up-right",disabled:!S.peek(),action:()=>{U("redirects"),ie.value=e.urlPath,le.value=""}},{type:"divider"},{label:"Copy the address",icon:"copy",action:()=>ne(e.urlPath,"the address")},{label:"Copy the problems",icon:"clipboard",disabled:!e.problems?.length&&!e.error,action:()=>ne(`${e.urlPath}
-${e.error||e.problems.join(`
-`)}`,"the problems")}]:[]}function Ot(t){const e=T[C(t)];return e?e.kind==="dupe"?[{header:"Open one of them"},...e.paths.slice(0,12).map(s=>({label:s,icon:"edit-3",action:()=>J(s)})),{type:"divider"},{label:"Copy the addresses",icon:"copy",action:()=>ne(e.paths.join(`
-`),"the addresses")}]:e.kind==="chains"?[{label:"Show the redirects",icon:"corner-up-right",action:()=>U("redirects")}]:[{label:"Go to Settings",icon:"settings",action:()=>{location.hash=e.link}}]:[]}function Lt(t){const e=T[C(t)];e?.kind==="dupe"?J(e.paths[0]):e?.kind==="chains"?U("redirects"):e?.link&&(location.hash=e.link)}function Rt(t){const e=ee[C(t)];if(!e)return[];const s=x.peek().rules,a=x.peek().chains.some(h=>h.id===e.id);let n=null;if(a){n=e.to;for(let h=0;h<10;h++){const o=Vt(s,n);if(!o)break;if(o.code===410){n=null;break}if(n=o.location,/^https?:/i.test(n))break}}return[{header:`${e.from} \u2192 ${e.code===410?"gone":e.to}`},{label:"Edit\u2026",icon:"edit-3",disabled:!S.peek(),action:()=>He(e)},{label:"Test it",icon:"play",action:()=>Mt(e.from)},{label:"Go straight there",icon:"fast-forward",disabled:!n||!S.peek(),action:()=>Se(()=>p(`/redirects/${encodeURIComponent(e.id)}`,{method:"PUT",body:JSON.stringify({to:n})}),`${e.from} now goes straight to ${n}.`)},{label:"Open the old address",icon:"external-link",disabled:e.from.endsWith("/*"),action:()=>window.open(e.from,"_blank","noopener")},{type:"divider"},{label:"Copy",icon:"copy",action:()=>ne(`${e.from} ${e.to} ${e.code}`,"the redirect")},{label:"Remove",icon:"trash-2",danger:!0,disabled:!S.peek(),action:async()=>{await E.confirm(`Remove the redirect from ${y(e.from)}? Visitors to it will get "not found".`)&&kt([e.id],"Redirect")}}]}function Pt(t){const e=z[C(t)];return e?[{header:e.urlPath},{label:"Title, description and checks\u2026",icon:"edit-3",action:()=>J(e.urlPath)},{label:"Open",icon:"external-link",action:()=>window.open(e.urlPath,"_blank","noopener")},{type:"divider"},{label:"Copy the address",icon:"copy",action:()=>ne(e.urlPath,"the address")}]:[]}function At(t){const e=D.peek().sources[C(t)];return e?[{header:K(e.id)},{label:e.on?"Leave all of it out":"List it again",icon:e.on?"eye-off":"eye",disabled:!S.peek(),action:()=>Tt(e.id,!e.on)}]:[]}function ae(t,e,s){const a=E.contextMenu(t,{cursor:"glyph",match:"[data-row]",inherit:!1,density:"compact",items:o=>e(o)});v(()=>a?.destroy?.());const n=o=>{const b=o.target.closest("[data-row]");if(!(!b||o.target.closest("a"))){if(o.target.closest(".sox-kebab")){i.openMenuAt(b);return}s?.(b)}},h=o=>{const b=o.target.closest("[data-row]");b&&(o.key==="F10"&&o.shiftKey?(o.preventDefault(),i.openMenuAt(b)):o.key==="Enter"&&o.target===b&&s?.(b))};t.addEventListener("click",n),t.addEventListener("keydown",h),v(()=>{t.removeEventListener("click",n),t.removeEventListener("keydown",h)})}const Te=d.querySelector(".sox-ext-body"),Ce=d.querySelector(".sox-ext-tabs");let ue=null;async function It(){let t=[];try{t=(await p("/extensions"))?.tabs||[]}catch{}c()&&(Ne.value=t,Ce.replaceChildren(...t.map(e=>{const s=document.createElement("button");return s.type="button",s.setAttribute("role","tab"),s.dataset.ext=e.key,s.innerHTML=`<span data-icon="${y(e.icon||"box")}" data-icon-size="14"></span> ${y(e.label)} <span class="sox-pro">PRO</span>`,e.help&&(s.title=e.help),s.addEventListener("click",()=>U(e.key)),s})),I.scan(Ce),Ge())}async function Ge(){for(const e of Ce.querySelectorAll("button"))e.classList.toggle("is-on",e.dataset.ext===q.peek());const t=Ne.peek().find(e=>e.key===q.peek());if(!t){Ze.includes(q.peek())||U("overview");return}if(ue?.key!==t.key){try{ue?.dispose?.()}catch{}Te.replaceChildren();try{const e=await import(t.module);if(!c()||q.peek()!==t.key)return;const s=await e.mount(Te,{kit:i,api:i.apiRequest,scope:v,here:c,openItem:J,reload:$e,E,M,I});ue={key:t.key,dispose:s}}catch(e){Te.innerHTML=`<p class="sox-note is-bad">${y(t.label)} could not be shown: ${y(e.message||e)}</p>`}}}v(()=>{try{ue?.dispose?.()}catch{}}),d.querySelector(".sox-pages").innerHTML=ds,d.querySelector(".sox-site").innerHTML=us,d.querySelector(".sox-rules").innerHTML=ps,d.querySelector(".sox-entries").innerHTML=ms,d.querySelector(".sox-sources").innerHTML=hs;const Ke=d.querySelector(".sox-select");v(M.effect(()=>{const t=je.value;Ke.replaceChildren(new Option("Everything",""),...t.map(e=>new Option(K(e),e))),Ke.value=ve.peek()}));function U(t){q.peek()!==t&&(q.value=t,history.replaceState(null,"",`#/seo${t==="overview"?"":`/${t}`}`),t==="redirects"&&se(),t==="sitemap"&&Me()),Ge()}const Nt={tab:q,busy:me,error:he,canManage:S,scoreText:it,scoreWidth:lt,scoreTone:rt,ov:ct,attention:dt,asOf:ut,sourceOptions:je,source:ve,show:G,query:fe,pageRows:qe,pagesEmpty:pt,siteRows:De,ruleRows:xe,ruleCount:mt,ruleText:ht,rulesEmpty:bt,chainText:vt,renameText:ft,ruleQuery:ge,newFrom:ie,newTo:le,newCode:Ie,sourceRows:Be,smRows:we,smShow:V,smQuery:ye,smText:yt,smEmpty:xt,robots:gt,extOn:nt},jt={tab_overview:()=>U("overview"),tab_redirects:()=>U("redirects"),tab_sitemap:()=>U("sitemap"),show_all:()=>{G.value="all"},show_problems:()=>{G.value="problems"},show_hidden:()=>{G.value="hidden"},sm_in:()=>{V.value="in"},sm_out:()=>{V.value="out"},importCsv:$t,exportRules:()=>{const t=x.peek().rules;if(!t.length){E.toast("Nothing to export.",{type:"info"});return}cs(`redirects-${location.hostname}-${new Date().toISOString().slice(0,10)}.csv`,rs(t.map(e=>({from:e.from,to:e.to,code:e.code,note:e.note||"",hits:e.hits||0,last_used:e.lastHit||""}))))},addRule:()=>{const t={from:ie.peek(),to:le.peek(),code:Number(Ie.peek())},{errors:e}=Qe(t,x.peek().rules);return Object.keys(e).length?(E.toast(Object.values(e).join(" "),{type:"warning"}),!1):(wt(t).then(s=>{s&&(ie.value="",le.value="")}),!1)}},qt=M.applyBindings(Nt,d,{methods:jt});v(()=>qt.dispose()),v(i.helpPopovers(d,{position:"bottom"})),ae(d.querySelector(".sox-pages"),Ct,t=>{const e=Z[C(t)];e&&J(e.urlPath)}),ae(d.querySelector(".sox-site"),Ot,Lt),ae(d.querySelector(".sox-rules"),Rt,t=>{const e=ee[C(t)];e&&S.peek()&&He(e)}),ae(d.querySelector(".sox-entries"),Pt,t=>{const e=z[C(t)];e&&J(e.urlPath)}),ae(d.querySelector(".sox-sources"),At),i.addBannerAction(r,{id:"seo-check",icon:"refresh-cw",title:"Check every page again",onClick:_e}),i.addBannerAction(r,{id:"seo-settings",icon:"settings",title:"SEO settings",onClick:Et}),I.scan(d),await Promise.all([$e(),It()]),c()&&I.scan(d),c()&&!m.peek()?.at&&!m.peek()?.running&&_e()}};
+                </div>`);let B=null;async function H(){if(O.cannot.peek())return;h.value=!0;const c=r();T.inert=!0;try{const k=await v("/settings",{method:"PUT",body:JSON.stringify(C.peek().settings)});if(B?.saved(c,z(k?.settings??null)),$.close(!0),!n())return;E.toast("Settings saved.",{type:"success"}),Ne()}catch(k){T.inert=!1,n()&&E.toast(`Not saved: ${k.message||k}`,{type:"error"})}finally{h.value=!1}}$.element.appendChild(T);const u=l.helpPopovers(T),f=M.applyBindings(O,T,{methods:{save:H,cancel:()=>$.close(),pickLogo:async()=>{const c=await gt({title:"Choose a logo",current:a.orgLogo.peek()});c&&(a.orgLogo.value=c)}}});T.addEventListener("keydown",c=>{(c.ctrlKey||c.metaKey)&&c.key==="Enter"&&(c.preventDefault(),H())}),l.onceClosed($,()=>{f.dispose(),u(),ie=!1}),B=Ue($,{kind:"settings",what:"the SEO settings",read:r,write:d,was:t}),I.scan(T),$.open(),B.offer(t)}async function es(e,t){try{const s=await v("/settings"),o=vt(s.settings);if(o.sitemap.sources[e]=t,await v("/settings",{method:"PUT",body:JSON.stringify(o)}),!n())return;E.toast(`${se(e)} ${t?"back in":"left out of"} the sitemap.`,{type:"success"}),je()}catch(s){n()&&E.toast(`Not changed: ${s.message||s}`,{type:"error"})}}const K=e=>Number(String(e?.dataset?.row||"").slice(1));function ts(e){const t=we[K(e)];return t?[{header:t.urlPath},{label:"Title, description and checks\u2026",icon:"edit-3",action:()=>X(t.urlPath)},{label:"Open the page",icon:"external-link",action:()=>window.open(t.urlPath,"_blank","noopener")},{label:"Redirect it elsewhere\u2026",icon:"corner-up-right",disabled:!U.peek(),action:()=>{Y("redirects"),ye.value=t.urlPath,xe.value=""}},{type:"divider"},{label:"Copy the address",icon:"copy",action:()=>be(t.urlPath,"the address")},{label:"Copy the problems",icon:"clipboard",disabled:!t.problems?.length&&!t.error,action:()=>be(`${t.urlPath}
+${t.error||t.problems.join(`
+`)}`,"the problems")}]:[]}function ss(e){const t=W[K(e)];return t?t.kind==="dupe"?[{header:"Open one of them"},...t.paths.slice(0,12).map(s=>({label:s,icon:"edit-3",action:()=>X(s)})),{type:"divider"},{label:"Copy the addresses",icon:"copy",action:()=>be(t.paths.join(`
+`),"the addresses")}]:t.kind==="chains"?[{label:"Show the redirects",icon:"corner-up-right",action:()=>Y("redirects")}]:[{label:"Go to Settings",icon:"settings",action:()=>{location.hash=t.link}}]:[]}function as(e){const t=W[K(e)];t?.kind==="dupe"?X(t.paths[0]):t?.kind==="chains"?Y("redirects"):t?.link&&(location.hash=t.link)}function os(e){const t=ue[K(e)];if(!t)return[];const s=N.peek().rules,o=N.peek().chains.some(p=>p.id===t.id);let a=null;if(o){a=t.to;for(let p=0;p<10;p++){const r=Es(s,a);if(!r)break;if(r.code===410){a=null;break}if(a=r.location,/^https?:/i.test(a))break}}return[{header:`${t.from} \u2192 ${t.code===410?"gone":t.to}`},{label:"Edit\u2026",icon:"edit-3",disabled:!U.peek(),action:()=>qe(t)},{label:"Test it",icon:"play",action:()=>zt(t.from)},{label:"Go straight there",icon:"fast-forward",disabled:!a||!U.peek(),action:()=>De(()=>v(`/redirects/${encodeURIComponent(t.id)}`,{method:"PUT",body:JSON.stringify({to:a})}),`${t.from} now goes straight to ${a}.`)},{label:"Open the old address",icon:"external-link",disabled:t.from.endsWith("/*"),action:()=>window.open(t.from,"_blank","noopener")},{type:"divider"},{label:"Copy",icon:"copy",action:()=>be(`${t.from} ${t.to} ${t.code}`,"the redirect")},{label:"Remove",icon:"trash-2",danger:!0,disabled:!U.peek(),action:async()=>{await Ye(`Remove the redirect from ${t.from}? Visitors to it will get "not found".`)&&Gt([t.id],"Redirect")}}]}function ns(e){const t=ae[K(e)];return t?[{header:t.urlPath},{label:"Title, description and checks\u2026",icon:"edit-3",action:()=>X(t.urlPath)},{label:"Open",icon:"external-link",action:()=>window.open(t.urlPath,"_blank","noopener")},{type:"divider"},{label:"Copy the address",icon:"copy",action:()=>be(t.urlPath,"the address")}]:[]}function is(e){const t=_.peek().sources[K(e)];return t?[{header:se(t.id)},{label:t.on?"Leave all of it out":"List it again",icon:t.on?"eye-off":"eye",disabled:!U.peek(),action:()=>es(t.id,!t.on)}]:[]}function me(e,t,s){const o=E.contextMenu(e,{cursor:"glyph",match:"[data-row]",inherit:!1,density:"compact",items:r=>t(r)});P(()=>o?.destroy?.());const a=r=>{const d=r.target.closest("[data-row]");if(!(!d||r.target.closest("a"))){if(r.target.closest(".sox-kebab")){l.openMenuAt(d);return}s?.(d)}},p=r=>{const d=r.target.closest("[data-row]");d&&(r.key==="F10"&&r.shiftKey?(r.preventDefault(),l.openMenuAt(d)):r.key==="Enter"&&r.target===d&&(r.preventDefault(),r.stopPropagation(),setTimeout(()=>{n()&&d.isConnected&&s?.(d)},0)))};e.addEventListener("click",a),e.addEventListener("keydown",p),P(()=>{e.removeEventListener("click",a),e.removeEventListener("keydown",p)})}const rs=m.querySelector(".sox-ext"),_e=m.querySelector(".sox-ext-tabs");let re=null,$e="",he=0;const ut=()=>{const e=re;re=null;try{e?.dispose?.()}catch{}e?.box?.remove()};async function ls(){let e=[];try{e=(await v("/extensions"))?.tabs||[]}catch{}n()&&(Xe.value=e,_e.replaceChildren(...e.map(t=>{const s=document.createElement("button");return s.type="button",s.setAttribute("role","tab"),s.dataset.ext=t.key,s.innerHTML=`<span data-icon="${R(t.icon||"box")}" data-icon-size="14"></span> ${R(t.label)} <span class="sox-pro">PRO</span>`,t.help&&(s.title=t.help),s.addEventListener("click",()=>Y(t.key)),s})),I.scan(_e),pt())}async function pt(){if(!n())return;for(const a of _e.querySelectorAll("button"))a.classList.toggle("is-on",a.dataset.ext===F.peek());const e=Xe.peek().find(a=>a.key===F.peek());if(re&&re.key!==e?.key&&ut(),!e){$e="",he++,xt.includes(F.peek())||Y("overview");return}if(re?.key===e.key||$e===e.key)return;const t=++he;$e=e.key;const s=document.createElement("div");s.className="sox-panel sox-ext-body",rs.replaceChildren(s);const o=()=>t===he&&n()&&F.peek()===e.key;try{const a=await import(e.module);if(!o())return;const p=await a.mount(s,{kit:l,api:l.apiRequest,scope:P,here:n,openItem:X,reload:Ne,E,M,I});if(!o()){try{p?.()}catch{}s.remove();return}re={key:e.key,dispose:p,box:s}}catch(a){o()&&(s.innerHTML=`<p class="sox-note is-bad">${R(e.label)} could not be shown: ${R(a.message||a)}</p>`)}finally{t===he&&($e="")}}P(()=>{he++,ut()}),m.querySelector(".sox-pages").innerHTML=Ks,m.querySelector(".sox-site").innerHTML=Gs,m.querySelector(".sox-rules").innerHTML=zs,m.querySelector(".sox-entries").innerHTML=Fs,m.querySelector(".sox-sources").innerHTML=Js;const mt=m.querySelector(".sox-select");P(M.effect(()=>{const e=st.value;mt.replaceChildren(new Option("Everything",""),...e.map(t=>new Option(se(t),t))),mt.value=ge.peek()}));function Y(e){F.peek()!==e&&(F.value=e,history.replaceState(null,"",`#/seo${e==="overview"?"":`/${e}`}`),e==="redirects"&&pe(),e==="sitemap"&&je()),pt()}const cs={tab:F,busy:Ee,error:Te,canManage:U,scoreText:Tt,scoreWidth:Ct,scoreTone:Ot,ov:Lt,attention:Rt,asOf:At,sourceOptions:st,source:ge,show:te,query:Ce,pageRows:at,pagesEmpty:It,siteRows:ot,ruleRows:Re,ruleCount:jt,ruleText:Nt,rulesEmpty:Dt,chainText:qt,renameText:Ut,ruleQuery:Oe,newFrom:ye,newTo:xe,newCode:Ve,sourceRows:nt,smRows:Ae,smShow:de,smQuery:Le,smText:Ht,smEmpty:Wt,robots:Bt,extOn:Et,counts:Pt,smCounts:_t,pagesLoading:Ze,rulesLoading:et,smLoading:tt},ds={tab_overview:()=>Y("overview"),tab_redirects:()=>Y("redirects"),tab_sitemap:()=>Y("sitemap"),show_all:()=>{te.value="all"},show_problems:()=>{te.value="problems"},show_hidden:()=>{te.value="hidden"},sm_in:()=>{de.value="in"},sm_out:()=>{de.value="out"},importCsv:Ft,exportRules:()=>{const e=N.peek().rules;if(!e.length){E.toast("Nothing to export.",{type:"info"});return}Ws(`redirects-${location.hostname}-${new Date().toISOString().slice(0,10)}.csv`,Hs(e.map(t=>({from:t.from,to:t.to,code:t.code,note:t.note||"",hits:t.hits||0,last_used:t.lastHit||""}))))},addRule:()=>{const e={from:ye.peek(),to:xe.peek(),code:Number(Ve.peek())},{errors:t}=bt(e,N.peek().rules);return Object.keys(t).length?(E.toast(Object.values(t).join(" "),{type:"warning"}),!1):(Kt(e).then(s=>{s&&(ye.value="",xe.value="")}),!1)}},us=M.applyBindings(cs,m,{methods:ds});P(()=>us.dispose()),P(l.helpPopovers(m,{position:"bottom"})),me(m.querySelector(".sox-pages"),ts,e=>{const t=we[K(e)];t&&X(t.urlPath)}),me(m.querySelector(".sox-site"),ss,as),me(m.querySelector(".sox-rules"),os,e=>{const t=ue[K(e)];t&&U.peek()&&qe(t)}),me(m.querySelector(".sox-entries"),ns,e=>{const t=ae[K(e)];t&&X(t.urlPath)}),me(m.querySelector(".sox-sources"),is),l.addBannerAction(i,{id:"seo-check",icon:"refresh-cw",title:"Check every page again",onClick:rt}),l.addBannerAction(i,{id:"seo-settings",icon:"settings",title:"SEO settings",onClick:Xt}),I.scan(m),await Promise.all([Ne(),ls()]),n()&&I.scan(m),n()&&!x.peek()?.at&&!x.peek()?.running&&rt()}};

package/admin/js/views/todo.js

@@ -1,12 +1,12 @@
-import{protectToolEditor as dt,mountToolTrash as rt,toolDraftKey as ct}from"../lib/tool-recovery.js";import{apiRequest as ut}from"../api.js";import{addBannerAction as pt}from"../lib/plugin-chrome.js";import{helpPopovers as j}from"../lib/help-popover.js";import{onceClosed as G,openMenuAt as bt,settingsStore as mt,sidebarCount as vt,viewLifetime as ft}from"../lib/tool-kit.js";import{arrangeTodos as yt,countTodos as ht,daysUntil as kt,DEFAULT_SETTINGS as W,dueDay as gt,dueLabel as Mt,isoDay as A,isOverdue as wt,normaliseSettings as _,PRIORITIES as C,STATUSES as J}from"../lib/todo-arrange.js";const p={"not-started":"Not started","in-progress":"In progress",completed:"Completed",highest:"Highest",high:"High",medium:"Medium",low:"Low",lowest:"Lowest",open:"Open",all:"All",overdue:"Overdue"},V=mt("todo.settings",_),g=(m,d="GET",l)=>ut(m,{method:d,...l!==void 0?{body:JSON.stringify(l)}:{}}),Tt=`
-<div class="todo-row{{doneClass}}" data-id="{{id}}">
+import{protectToolEditor as At,mountToolTrash as Ct,toolDraftKey as Lt}from"../lib/tool-recovery.js";import{apiRequest as Ot}from"../api.js";import{addBannerAction as $t}from"../lib/plugin-chrome.js";import{helpPopovers as et}from"../lib/help-popover.js";import{onceClosed as rt,openMenuAt as Pt,settingsStore as qt,sidebarCount as It,viewLifetime as Ft}from"../lib/tool-kit.js";import{SHAPES as Nt,whileLoading as Yt}from"../lib/loading.js";import{arrangeTodos as jt,countTodos as Kt,daysUntil as Ht,DEFAULT_SETTINGS as dt,dueDay as Rt,dueLabel as Bt,isoDay as H,isOverdue as Ut,changedFields as zt,normaliseSettings as ct,PRIORITIES as $,quickAddKept as Gt,STATUSES as ot}from"../lib/todo-arrange.js";const m={"not-started":"Not started","in-progress":"In progress",completed:"Completed",highest:"Highest",high:"High",medium:"Medium",low:"Low",lowest:"Lowest",open:"Open",all:"All",overdue:"Overdue"},ut=qt("todo.settings",ct),P=(r,d="GET",x)=>Ot(r,{method:d,...x!==void 0?{body:JSON.stringify(x)}:{}}),Wt=`
+<div class="todo-row{{doneClass}}" data-id="{{id}}" tabindex="0" aria-label="{{text}}">
     <input type="checkbox" class="todo-check" aria-label="Done" data-bind-checked="isDone">
     <span class="todo-text" title="Click to edit">{{text}}</span>
     <span class="todo-due{{dueClass}}" title="{{dueTitle}}">{{due}}</span>
     <button type="button" class="todo-pill" data-kind="status" data-value="{{status}}" title="Change status">{{statusLabel}}</button>
     <button type="button" class="todo-pill" data-kind="priority" data-value="{{priority}}" title="Change priority">{{priorityLabel}}</button>
     <button type="button" class="todo-kebab" aria-label="Task actions" title="Actions">\u22EE</button>
-</div>`;function Q(m){const d=document.createElement("template");return d.innerHTML=m.trim(),d.content.firstElementChild}const r=ft(/^#\/todo\b/);export const todoView={templateUrl:"/admin/js/templates/todo.html",async onMount(m){r.reset();const d=m.get(0),l=M.observable(V.read()),n=M.observable([]),v=M.observable(!0),w=M.observable(""),L=M.observable(""),$=M.observable(l.peek().defaultFilter),f=M.observable(""),y=M.observable(l.peek().defaultPriority),h=M.observable(""),O=M.observable(!1),R=M.observable(!1),k=ct("todo","quick-add");try{const t=k&&S.get(k);t?.text&&(f.value=t.text,y.value=C.includes(t.priority)?t.priority:l.peek().defaultPriority,h.value=t.due||"")}catch{}r.add(M.effect(()=>{const t={text:f.value,priority:y.value,due:h.value};try{k&&(t.text?S.set(k,t):S.remove(k))}catch{}}));const P=M.computed(()=>ht(n.value)),X=M.computed(()=>["open","all","not-started","in-progress","completed","overdue"].map(t=>({value:t,label:`${p[t]} (${P.value[t]})`}))),T=M.observable([]);r.add(M.effect(()=>{const t=l.value.relativeDue;T.value=yt(n.value,{filter:$.value,query:L.value,sort:l.value.sort}).map(e=>{const o=kt(e.dueAt),s=wt(e);return{id:e.id,text:e.text,status:e.status,priority:e.priority,statusLabel:p[e.status]??e.status,priorityLabel:p[e.priority]??e.priority,doneClass:e.status==="completed"?" is-done":"",isDone:e.status==="completed",due:Mt(e.dueAt,{relative:t,format:i=>D(i).format("D MMM")}),dueClass:s?" is-overdue":o===0&&e.status!=="completed"?" is-today":"",dueTitle:o===null?"":`Due ${D(gt(e.dueAt)).format("dddd D MMMM YYYY")}`}})}));const Z={rows:T,loading:v,loadError:w,query:L,filter:$,filterOptions:X,counts:P,draft:f,draftPriority:y,draftDue:h,addFocus:O,searchFocus:R,cannotAdd:M.computed(()=>!f.value.trim()),isEmpty:M.computed(()=>!v.value&&!w.value&&T.value.length===0),emptyText:M.computed(()=>n.value.length?$.value==="open"&&!L.value.trim()?"Nothing open - everything is done.":"No tasks match. Change the filter or clear the search.":"No tasks yet. Add one above."),countText:M.computed(()=>{if(v.value)return"";const t=T.value.length,e=n.value.length;return t===e?`${e} task${e===1?"":"s"}`:`${t} of ${e}`})};r.add(M.effect(()=>V.write(l.value))),r.add(M.effect(()=>{n.value,v.peek()||vt("#/todo")}));const tt=(t,e)=>{l.value=_({...l.peek(),[t]:e})},q=t=>n.peek().find(e=>e.id===t),et=t=>{n.value=n.peek().map(e=>e.id===t.id?t:e)};async function N(){v.value=!0;try{const t=await g("/todo/items");n.value=Array.isArray(t)?t:t.data??[],w.value=""}catch{w.value="Could not load this list. Your items have not been removed.",E.toast("Failed to load tasks",{type:"error"})}finally{v.value=!1}}async function u(t,e,o){try{return et(await g(`/todo/items/${t}`,"PUT",e)),o&&E.toast(o,{type:"success"}),!0}catch{return E.toast("Failed to update task",{type:"error"}),!1}}async function ot(){const t=f.peek().trim();if(t)try{const e=await g("/todo/items","POST",{text:t,priority:y.peek(),status:"not-started",dueAt:h.peek()||null});n.value=[...n.peek(),e],f.value="",h.value="",y.value=l.peek().defaultPriority,O.value=!0}catch{E.toast("Failed to add task",{type:"error"})}}const at=()=>(ot(),!1);async function H(t){if(l.peek().confirmDelete&&!await E.confirm("Move this task to Trash?"))return!1;try{return await g(`/todo/items/${t}`,"DELETE"),n.value=n.peek().filter(e=>e.id!==t),E.toast("Task moved to Trash",{type:"success"}),!0}catch{return E.toast("Failed to delete task",{type:"error"}),!1}}async function st(){const t=P.peek().completed;if(!(!t||!await E.confirm(`Delete ${t} completed task${t===1?"":"s"}?`)))try{await g("/todo/completed","DELETE"),n.value=n.peek().filter(e=>e.status!=="completed"),E.toast("Completed tasks moved to Trash",{type:"success"})}catch{E.toast("Failed to clear completed tasks",{type:"error"})}}const B=t=>{const e=q(t);if(!e)return;const o=e.status==="completed"?"not-started":"completed";u(t,{status:o},o==="completed"?"Task completed":"Task reopened")};function U(t){const e=q(t);if(!e)return;const o=E.slideover({title:"Edit task",size:"md",position:"right"}),s=Q(`
+</div>`;function pt(r){if(r){try{r.close=Object.getPrototypeOf(r).close?.bind(r)??r.close,r.destroy?.()}catch{}try{r.element?.remove()}catch{}}}function ft(r){const d=document.createElement("template");return d.innerHTML=r.trim(),d.content.firstElementChild}const u=Ft(/^#\/todo\b/);export const todoView={templateUrl:"/admin/js/templates/todo.html",async onMount(r){u.reset();const d=r.get(0);let x=!1;u.add(()=>{x=!0});const l=()=>!x&&d.isConnected,p=M.observable(ut.read()),i=M.observable([]),A=M.observable(!0),R=M.observable(!1),q=M.observable(!1);let B=!1;const C=M.observable(""),U=M.observable(""),z=M.observable(p.peek().defaultFilter),y=M.observable(""),k=M.observable(p.peek().defaultPriority),w=M.observable(""),G=M.observable(!1),at=M.observable(!1),f=Lt("todo","quick-add");try{const t=f&&S.get(f);t?.text&&(y.value=t.text,k.value=$.includes(t.priority)?t.priority:p.peek().defaultPriority,w.value=t.due||"")}catch{}u.add(M.effect(()=>{const t={text:y.value,priority:k.value,due:w.value};try{f&&(t.text?S.set(f,t):S.remove(f))}catch{}}));const W=M.computed(()=>Kt(i.value)),vt=M.computed(()=>["open","all","not-started","in-progress","completed","overdue"].map(t=>({value:t,label:`${m[t]} (${W.value[t]})`}))),F=M.observable([]);u.add(M.effect(()=>{const t=p.value.relativeDue;F.value=jt(i.value,{filter:z.value,query:U.value,sort:p.value.sort}).map(e=>{const o=Ht(e.dueAt),a=Ut(e);return{id:e.id,text:e.text,status:e.status,priority:e.priority,statusLabel:m[e.status]??e.status,priorityLabel:m[e.priority]??e.priority,doneClass:e.status==="completed"?" is-done":"",isDone:e.status==="completed",due:Bt(e.dueAt,{relative:t,format:s=>D(s).format("D MMM")}),dueClass:a?" is-overdue":o===0&&e.status!=="completed"?" is-today":"",dueTitle:o===null?"":`Due ${D(Rt(e.dueAt)).format("dddd D MMMM YYYY")}`}})}));const bt={rows:F,loading:A,busy:R,loadError:C,query:U,filter:z,filterOptions:vt,counts:W,draft:y,draftPriority:k,draftDue:w,addFocus:G,searchFocus:at,cannotAdd:M.computed(()=>q.value||!y.value.trim()),isEmpty:M.computed(()=>!A.value&&!C.value&&F.value.length===0),emptyText:M.computed(()=>i.value.length?z.value==="open"&&!U.value.trim()?"Nothing open - everything is done.":"No tasks match. Change the filter or clear the search.":"No tasks yet. Add one above."),countText:M.computed(()=>{if(A.value)return"";const t=F.value.length,e=i.value.length;return t===e?`${e} task${e===1?"":"s"}`:`${t} of ${e}`})};u.add(M.effect(()=>ut.write(p.value))),u.add(M.effect(()=>{i.value,B&&It("#/todo")}));const mt=(t,e)=>{p.value=ct({...p.peek(),[t]:e})},N=t=>i.peek().find(e=>e.id===t),yt=t=>{i.value=i.peek().map(e=>e.id===t.id?t:e)};let L=null,_=!1;function J(){return L?(_=!0,L):(R.value=!0,L=(async()=>{do _=!1,await ht();while(_&&l())})().finally(()=>{L=null,l()&&(R.value=!1)}),L)}async function ht(){const t=!B;t&&(A.value=!0,C.value="");try{const e=P("/todo/items"),o=t?await Yt(d.querySelector(".todo-loading"),e,Nt.rows):await e;if(!l())return;i.value=Array.isArray(o)?o:o.data??[],B=!0,C.value=""}catch{if(!l())return;C.value="Could not load this list. Your items have not been removed.",E.toast("Failed to load tasks",{type:"error"})}finally{l()&&(A.value=!1)}}async function b(t,e,o){try{const a=await P(`/todo/items/${t}`,"PUT",e);return l()&&(yt(a),o&&E.toast(o,{type:"success"})),!0}catch{return l()&&E.toast("Failed to update task",{type:"error"}),!1}}async function gt(){const t=y.peek().trim();if(!t||q.peek())return;const e={text:t,priority:k.peek(),due:w.peek()};q.value=!0;try{const o=await P("/todo/items","POST",{text:t,priority:e.priority,status:"not-started",dueAt:e.due||null}),a=l()?{text:y.peek(),priority:k.peek(),due:w.peek()}:(()=>{try{return f&&S.get(f)}catch{return null}})(),s=Gt(e,a);if(!l()){if(!s)try{f&&S.remove(f)}catch{}return}i.value=[...i.peek(),o],s||(y.value="",w.value="",k.value=p.peek().defaultPriority),G.value=!0}catch{l()&&E.toast("Failed to add task",{type:"error"})}finally{l()&&(q.value=!1)}}const kt=()=>(gt(),!1);function st(t){c&&t.includes(c.id)&&(c.recovery?.discard(),c.so.close())}async function nt(t){if(p.peek().confirmDelete&&!await E.confirm("Move this task to Trash?")||!l())return!1;try{return await P(`/todo/items/${t}`,"DELETE"),l()&&(i.value=i.peek().filter(e=>e.id!==t),st([t]),E.toast("Task moved to Trash",{type:"success"})),!0}catch{return E.toast("Failed to delete task",{type:"error"}),!1}}async function wt(){const t=W.peek().completed;if(!(!t||!await E.confirm(`Move ${t} completed task${t===1?"":"s"} to Trash?`))&&l())try{if(await P("/todo/completed","DELETE"),!l())return;const e=i.peek().filter(o=>o.status==="completed").map(o=>o.id);i.value=i.peek().filter(o=>o.status!=="completed"),st(e),E.toast("Completed tasks moved to Trash",{type:"success"})}catch{E.toast("Failed to clear completed tasks",{type:"error"})}}const V=new Set;async function lt(t){const e=N(t);if(!e||V.has(t))return!1;V.add(t);const o=e.status==="completed"?"not-started":"completed";try{return await b(t,{status:o},o==="completed"?"Task completed":"Task reopened")}finally{V.delete(t)}}let c=null,Q=!1;async function X(t){if(!(Q||c?.id===t)){Q=!0;try{if(c&&!await c.so.close()||!l()||c)return;const e=N(t);e&&Mt(e)}catch(e){pt(c?.so),c=null,console.error("[todo] editor failed to open",e),E.toast("Could not open the task",{type:"error"})}finally{Q=!1}}}function Mt(t){const e=t.id,o=E.slideover({title:"Edit task",size:"md",position:"right"});c={so:o,id:e,recovery:null};const a=ft(`
                 <div class="todo-panel">
                     <div>
                         <label class="form-label" for="todo-edit-text">Task</label>
@@ -16,13 +16,13 @@ import{protectToolEditor as dt,mountToolTrash as rt,toolDraftKey as ct}from"../l
                         <div>
                             <label class="form-label" for="todo-edit-status">Status</label>
                             <select id="todo-edit-status" class="form-input" data-model="status.value">
-                                ${J.map(a=>`<option value="${a}">${p[a]}</option>`).join("")}
+                                ${ot.map(n=>`<option value="${n}">${m[n]}</option>`).join("")}
                             </select>
                         </div>
                         <div>
                             <label class="form-label" for="todo-edit-priority">Priority</label>
                             <select id="todo-edit-priority" class="form-input" data-model="priority.value">
-                                ${C.map(a=>`<option value="${a}">${p[a]}</option>`).join("")}
+                                ${$.map(n=>`<option value="${n}">${m[n]}</option>`).join("")}
                             </select>
                         </div>
                     </div>
@@ -48,7 +48,7 @@ import{protectToolEditor as dt,mountToolTrash as rt,toolDraftKey as ct}from"../l
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="save"
                                 data-bind-disabled="cannotSave.value">Save</button>
                     </div>
-                </div>`),i={text:M.observable(e.text||""),status:M.observable(e.status),priority:M.observable(e.priority),due:M.observable(e.dueAt?String(e.dueAt).slice(0,10):""),created:e.createdAt?D(e.createdAt).format("D MMM YYYY"):"earlier"};i.cannotSave=M.computed(()=>!i.text.value.trim());const x=async()=>{await u(e.id,{text:i.text.peek().trim(),status:i.status.peek(),priority:i.priority.peek(),dueAt:i.due.peek()||null},"Task saved")&&(b.saved(),o.close())};o.element.appendChild(s);const Y=j(s),c=M.applyBindings(i,s,{methods:{save:x,cancel:()=>o.close(),del:async()=>{await H(e.id)&&(b.discard(),o.close())},dueIn:a=>{i.due.value=A(Number(a.currentTarget.dataset.days))},clearDue:()=>{i.due.value=""}}});s.addEventListener("keydown",a=>{(a.ctrlKey||a.metaKey)&&a.key==="Enter"&&(a.preventDefault(),x())}),G(o,()=>{c.dispose(),Y()});const b=dt({so:o,panel:s,tool:"todo",id:t,lifetime:r,read:()=>Object.fromEntries(["text","status","priority","due"].map(a=>[a,i[a].peek()])),write:a=>{for(const K of["text","status","priority","due"])K in a&&(i[K].value=a[K])}});o.open(),setTimeout(()=>s.querySelector("#todo-edit-text")?.focus(),60)}function lt(){const t=E.slideover({title:"Todo settings",size:"sm",position:"right"}),e=c=>c.map(b=>`<option value="${b}">${p[b]}</option>`).join(""),o=Q(`
+                </div>`),s={text:M.observable(t.text||""),status:M.observable(t.status),priority:M.observable(t.priority),due:M.observable(t.dueAt?String(t.dueAt).slice(0,10):""),created:t.createdAt?D(t.createdAt).format("D MMM YYYY"):"earlier"};s.saving=M.observable(!1),s.cannotSave=M.computed(()=>s.saving.value||!s.text.value.trim());const Z={text:(t.text||"").trim(),status:t.status,priority:t.priority,dueAt:s.due.peek()||null},Y=async()=>{if(s.saving.peek()||!s.text.peek().trim())return;const n=zt(Z,{text:s.text.peek().trim(),status:s.status.peek(),priority:s.priority.peek(),dueAt:s.due.peek()||null});if(!Object.keys(n).length){j.saved(),o.close();return}s.saving.value=!0,a.inert=!0;const g=await b(t.id,n,"Task saved");s.saving.value=!1,g?(j.saved(),o.close()):a.inert=!1};for(const[n,g]of[["status",ot],["priority",$]]){const K=t[n];if(K&&!g.includes(K)){const tt=document.createElement("option");tt.value=K,tt.textContent=K,a.querySelector(`#todo-edit-${n}`).prepend(tt)}}o.element.appendChild(a);const v=et(a),T=M.applyBindings(s,a,{methods:{save:Y,cancel:()=>o.close(),del:async()=>{await nt(t.id)&&(j.discard(),o.close())},dueIn:n=>{s.due.value=H(Number(n.currentTarget.dataset.days))},clearDue:()=>{s.due.value=""}}});a.addEventListener("keydown",n=>{(n.ctrlKey||n.metaKey)&&n.key==="Enter"&&(n.preventDefault(),Y())}),rt(o,()=>{T.dispose(),v(),c?.so===o&&(c=null)});const j=At({so:o,panel:a,tool:"todo",id:e,lifetime:u,read:()=>Object.fromEntries(["text","status","priority","due"].map(n=>[n,s[n].peek()])),write:n=>{for(const g of["text","status","priority","due"])g in n&&(s[g].value=n[g])}});c.recovery=j,o.open(),setTimeout(()=>a.querySelector("#todo-edit-text")?.focus(),60)}let h=null;function Et(){if(!h)try{Tt()}catch(t){pt(h),h=null,console.error("[todo] settings failed to open",t)}}u.add(()=>h?.close());function Tt(){const t=E.slideover({title:"Todo settings",size:"sm",position:"right"});h=t;const e=v=>v.map(T=>`<option value="${T}">${m[T]}</option>`).join(""),o=ft(`
                 <div class="todo-panel">
                     <div>
                         <label class="form-label" for="todo-set-filter">Show on opening
@@ -72,7 +72,7 @@ import{protectToolEditor as dt,mountToolTrash as rt,toolDraftKey as ct}from"../l
                     <div>
                         <label class="form-label" for="todo-set-priority">Priority for new tasks</label>
                         <select id="todo-set-priority" class="form-input" data-model="defaultPriority.value">
-                            ${e(C)}
+                            ${e($)}
                         </select>
                     </div>
                     <div class="todo-setting-row">
@@ -93,4 +93,4 @@ import{protectToolEditor as dt,mountToolTrash as rt,toolDraftKey as ct}from"../l
                         <span class="spacer"></span>
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="done">Done</button>
                     </div>
-                </div>`),s=c=>M.computed({read:()=>l.value[c],write:b=>tt(c,b)}),i=Object.fromEntries(Object.keys(W).map(c=>[c,s(c)]));t.element.appendChild(o);const x=j(o),Y=M.applyBindings(i,o,{methods:{done:()=>t.close(),reset:()=>{l.value={...W}}}});G(t,()=>{Y.dispose(),x()}),t.open()}pt(m,{id:"todo-settings",icon:"settings",title:"Todo settings",onClick:lt}),d.querySelector(".todo-rows").innerHTML=Tt,r.add(j(d,{position:"bottom"}));const nt=M.applyBindings(Z,d,{methods:{retry:N,add:at,clearCompleted:st}});r.add(()=>nt.dispose()),rt({root:d,toolbar:d.querySelector(".todo-bar"),tool:"todo",endpoint:"/todo",itemPath:"/items",label:"Todo",titleOf:t=>t.text,reload:N,lifetime:r});const F=d.querySelector(".todo-list"),it=E.contextMenu(F,{cursor:"glyph",match:".todo-row",inherit:!1,density:"compact",items:t=>{const e=t.dataset.id,o=q(e);return o?[{label:"Edit\u2026",icon:"edit",action:()=>U(e)},{label:o.status==="completed"?"Reopen":"Complete",icon:"check",action:()=>B(e)},{type:"divider"},{label:"Status",icon:"circle",submenu:J.map(s=>({label:p[s],disabled:o.status===s,action:()=>u(e,{status:s})}))},{label:"Priority",icon:"flag",submenu:C.map(s=>({label:p[s],disabled:o.priority===s,action:()=>u(e,{priority:s})}))},{label:"Due",icon:"calendar",submenu:[{label:"Today",action:()=>u(e,{dueAt:A(0)})},{label:"Tomorrow",action:()=>u(e,{dueAt:A(1)})},{label:"Next week",action:()=>u(e,{dueAt:A(7)})},{type:"divider"},{label:"No due date",disabled:!o.dueAt,action:()=>u(e,{dueAt:null})}]},{type:"divider"},{label:"Delete",icon:"trash",danger:!0,action:()=>H(e)}]:[]}});r.add(()=>it?.destroy?.()),F.addEventListener("click",t=>{const e=t.target.closest(".todo-row");if(e){if(t.target.closest(".todo-kebab, .todo-pill"))return bt(t.target.closest(".todo-kebab, .todo-pill"));t.target.closest(".todo-text")&&U(e.dataset.id)}}),F.addEventListener("change",t=>{t.target.matches(".todo-check")&&B(t.target.closest(".todo-row").dataset.id)});const z=t=>{t.ctrlKey||t.metaKey||t.altKey||t.target.closest?.("input, textarea, select, [contenteditable], .dm-slideover")||(t.key==="/"?(t.preventDefault(),R.value=!0):(t.key==="n"||t.key==="N")&&(t.preventDefault(),O.value=!0))};document.addEventListener("keydown",z),r.add(()=>document.removeEventListener("keydown",z)),I.scan(d),await N()}};
+                </div>`),a=v=>M.computed({read:()=>p.value[v],write:T=>mt(v,T)}),s=Object.fromEntries(Object.keys(dt).map(v=>[v,a(v)]));t.element.appendChild(o);const Z=et(o),Y=M.applyBindings(s,o,{methods:{done:()=>t.close(),reset:()=>{p.value={...dt}}}});rt(t,()=>{Y.dispose(),Z(),h===t&&(h=null)}),t.open()}$t(r,{id:"todo-settings",icon:"settings",title:"Todo settings",onClick:Et}),d.querySelector(".todo-rows").innerHTML=Wt,u.add(et(d,{position:"bottom"}));const xt=M.applyBindings(bt,d,{methods:{retry:J,add:kt,clearCompleted:wt}});u.add(()=>xt.dispose()),Ct({root:d,toolbar:d.querySelector(".todo-bar"),tool:"todo",endpoint:"/todo",itemPath:"/items",label:"Todo",titleOf:t=>t.text,reload:J,lifetime:u});const O=d.querySelector(".todo-list"),St=E.contextMenu(O,{cursor:"glyph",match:".todo-row",inherit:!1,density:"compact",items:t=>{const e=t.dataset.id,o=N(e);return o?[{label:"Edit\u2026",icon:"edit",action:()=>X(e)},{label:o.status==="completed"?"Reopen":"Complete",icon:"check",action:()=>lt(e)},{type:"divider"},{label:"Status",icon:"circle",submenu:ot.map(a=>({label:m[a],disabled:o.status===a,action:()=>b(e,{status:a})}))},{label:"Priority",icon:"flag",submenu:$.map(a=>({label:m[a],disabled:o.priority===a,action:()=>b(e,{priority:a})}))},{label:"Due",icon:"calendar",submenu:[{label:"Today",action:()=>b(e,{dueAt:H(0)})},{label:"Tomorrow",action:()=>b(e,{dueAt:H(1)})},{label:"Next week",action:()=>b(e,{dueAt:H(7)})},{type:"divider"},{label:"No due date",disabled:!o.dueAt,action:()=>b(e,{dueAt:null})}]},{type:"divider"},{label:"Delete",icon:"trash",danger:!0,action:()=>nt(e)}]:[]}});u.add(()=>St?.destroy?.()),O.addEventListener("click",t=>{const e=t.target.closest(".todo-row");if(e){if(t.target.closest(".todo-kebab, .todo-pill"))return Pt(t.target.closest(".todo-kebab, .todo-pill"));t.target.closest(".todo-text")&&X(e.dataset.id)}}),O.addEventListener("keydown",t=>{const e=t.target.closest?.(".todo-row");e&&t.key==="Enter"&&t.target===e&&(t.preventDefault(),X(e.dataset.id))});const Dt=t=>{t.target.closest?.("input, textarea, select")&&t.stopPropagation()};O.addEventListener("contextmenu",Dt),O.addEventListener("change",async t=>{if(!t.target.matches(".todo-check"))return;const e=t.target,o=e.closest(".todo-row").dataset.id;!await lt(o)&&l()&&e.isConnected&&(e.checked=N(o)?.status==="completed")});const it=t=>{t.ctrlKey||t.metaKey||t.altKey||t.target.closest?.("input, textarea, select, [contenteditable], .dm-slideover")||(t.key==="/"?(t.preventDefault(),at.value=!0):(t.key==="n"||t.key==="N")&&(t.preventDefault(),G.value=!0))};document.addEventListener("keydown",it),u.add(()=>document.removeEventListener("keydown",it)),I.scan(d),await J()}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "1.6.55",
+  "version": "1.6.57",
   "description": "File-based CMS powered by Domma and Fastify. Run npx domma-cms my-site to create a new project.",
   "type": "module",
   "main": "server/server.js",