domma-cms 1.6.34 → 1.6.35

package/admin/js/views/pages.js

@@ -1,4 +1,4 @@
-import{api as K}from"../api.js";import{SHAPES as be,whileLoading as ye}from"../lib/loading.js";import{addBannerAction as we}from"../lib/plugin-chrome.js";import{helpPopovers as X}from"../lib/help-popover.js";import{onceClosed as ke,openMenuAt as Z,settingsStore as xe,sidebarCount as Me,viewLifetime as Pe}from"../lib/tool-kit.js";import{filterByProject as Ee,getProjectFromHash as Se}from"../lib/project-context.js";import{arrangePages as Ce,checkPrune as $e,normaliseSettings as ee,pageRow as Te,statusCounts as Le,treeRows as Ae}from"../lib/pages-arrange.js";const te=/^#\/(pages|projects\/[^/?#]+\/pages)\/?(\?.*)?$/,De="#/pages",P="pages.prune.draft",je=`
+import{api as y}from"../api.js";import{SHAPES as ke,whileLoading as Pe}from"../lib/loading.js";import{addBannerAction as Me}from"../lib/plugin-chrome.js";import{helpPopovers as Z}from"../lib/help-popover.js";import{onceClosed as Ee,openMenuAt as ee,settingsStore as xe,sidebarCount as te,viewLifetime as Se}from"../lib/tool-kit.js";import{filterByProject as Ce,getProjectFromHash as $e}from"../lib/project-context.js";import{arrangePages as Te,checkPrune as Le,normaliseSettings as ae,pageRow as De,statusCounts as Ae,treeRows as Re}from"../lib/pages-arrange.js";const se=/^#\/(pages|projects\/[^/?#]+\/pages)\/?(\?.*)?$/,ne="#/pages",C="pages.prune.draft",je=`
 <div class="pgx-row" data-path="{{urlPath}}" tabindex="0" data-bind-class="rowCls">
     <span class="pgx-main"><strong>{{title}}</strong><small>{{meta}} <span class="pgx-tags">{{tagsText}}</span></small></span>
     <span class="pgx-chips">
@@ -9,7 +9,7 @@ import{api as K}from"../api.js";import{SHAPES as be,whileLoading as ye}from"../l
         <span class="pgx-chip" data-bind-class="statusCls">{{statusText}}</span>
     </span>
     <button type="button" class="pgx-kebab" aria-label="Actions for {{title}}" title="Actions">\u22EE</button>
-</div>`,y=l=>String(l??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Re(l){const o=document.createElement("template");return o.innerHTML=l.trim(),o.content.firstElementChild}const ae=xe("pages.settings",ee),s=Pe(te),Be=l=>`#/pages/edit${l}`;export const pagesView={templateUrl:"/admin/js/templates/pages.html",async onMount(l){s.reset();const o=l.get(0).querySelector(".pgx")||l.get(0),C=()=>te.test(location.hash)&&o.isConnected,d=Se(),$=ae.read(),r=M.observable([]),q=M.observable(0),H=M.observable(!0),T=M.observable(""),p=M.observable($.status),L=M.observable($.sort),g=M.observable($.mode),N=M.observable("");s.add(M.effect(()=>ae.write(ee({status:p.value,sort:L.value,mode:g.value}))));const A=M.observable([]);s.add(M.effect(()=>{A.value=Ce(r.value,{status:p.value,query:N.value,sort:L.value})}));const U=M.observable([]);s.add(M.effect(()=>{U.value=A.value.map(e=>Te(e))}));const ne=M.computed(()=>Le(r.value)),se=M.computed(()=>r.value.length?"No pages match.":"No pages yet - New page in the banner makes one."),oe=M.computed(()=>{const e=q.value;return!d||!e?"":`Showing only pages in ${d}. ${e} other page${e===1?" is":"s are"} filed elsewhere.`}),_=e=>r.peek().find(t=>t.urlPath===e);async function re(){try{const e=await ye(o.querySelector(".dm-loading-slot"),K.pages.list(),be.rows);if(!C())return;const t=Array.isArray(e)?e:[],a=d?Ee(t,d):t;q.value=t.length-a.length,r.value=a,T.value=""}catch(e){T.value=`Could not load the pages: ${e.message||e}`}finally{H.value=!1}}const w=e=>{location.hash=Be(e)},ie=()=>{location.hash=d?`#/pages/new?project=${encodeURIComponent(d)}`:"#/pages/new"};async function le(e){const t=e.plugin?`"${y(e.title||e.urlPath)}" is managed by the <strong>${y(e.plugin)}</strong> plugin - deleting it may stop that plugin working. Delete it anyway?`:`Delete the page at <strong>${y(e.urlPath)}</strong>? This cannot be undone.`;if(await E.confirm(t))try{await K.pages.delete(e.urlPath),E.toast("Page deleted.",{type:"success"}),r.value=r.peek().filter(a=>a.urlPath!==e.urlPath),Me(De)}catch(a){E.toast(`Not deleted: ${a.message||a}`,{type:"error"})}}async function ce(e){const t=new URL(e.urlPath,location.origin).href;try{await navigator.clipboard.writeText(t),E.toast("Address copied.",{type:"success",duration:2e3})}catch{E.toast(t,{type:"info",duration:8e3})}}let c=null;const D=new Set;let F=!1;function V(e,t=null){const a=e.versionCount||0,v=M.observable(String(t?.keep??Math.min(5,a))),x=M.observable(!1),f=M.computed(()=>$e(v.value,a)),Y={keep:v,saving:x,err:M.computed(()=>f.value.error),summary:M.computed(()=>{const n=f.value;return n.error?"":n.deletes?`Deletes the ${n.deletes} oldest, keeps the newest ${Math.min(n.keep,a)}.`:"Nothing to delete - that keeps them all."}),cannot:M.computed(()=>x.value||!!f.value.error||f.value.deletes===0),intro:`${e.title||e.urlPath} has ${a} saved revision${a===1?"":"s"} - earlier versions you can compare with and restore from the editor's History.`},he=String(v.peek()),G=()=>String(v.peek())!==he||!!t,i=E.slideover({title:`Trim revisions - ${y(e.title||e.urlPath)}`,size:"sm",position:"right"}),h=Re(`
+</div>`,w=l=>String(l??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Be(l){const r=document.createElement("template");return r.innerHTML=l.trim(),r.content.firstElementChild}const oe=xe("pages.settings",ae),o=Se(se),Ke=l=>`#/pages/edit${l}`;export const pagesView={templateUrl:"/admin/js/templates/pages.html",async onMount(l){o.reset();const r=l.get(0).querySelector(".pgx")||l.get(0),$=()=>se.test(location.hash)&&r.isConnected,u=$e(),T=oe.read(),n=M.observable([]),H=M.observable(0),N=M.observable(!0),L=M.observable(""),p=M.observable(T.status),D=M.observable(T.sort),m=M.observable(T.mode),U=M.observable("");o.add(M.effect(()=>oe.write(ae({status:p.value,sort:D.value,mode:m.value}))));const A=M.observable([]);o.add(M.effect(()=>{A.value=Te(n.value,{status:p.value,query:U.value,sort:D.value})}));const _=M.observable([]);o.add(M.effect(()=>{_.value=A.value.map(e=>De(e))}));const re=M.computed(()=>Ae(n.value)),ie=M.computed(()=>n.value.length?"No pages match.":"No pages yet - New page in the banner makes one."),le=M.computed(()=>{const e=H.value;return!u||!e?"":`Showing only pages in ${u}. ${e} other page${e===1?" is":"s are"} filed elsewhere.`}),F=e=>n.peek().find(t=>t.urlPath===e);async function ce(){try{const e=await Pe(r.querySelector(".dm-loading-slot"),y.pages.list(),ke.rows);if(!$())return;const t=Array.isArray(e)?e:[],a=u?Ce(t,u):t;H.value=t.length-a.length,n.value=a,L.value=""}catch(e){L.value=`Could not load the pages: ${e.message||e}`}finally{N.value=!1}}const k=e=>{location.hash=Ke(e)},de=()=>{location.hash=u?`#/pages/new?project=${encodeURIComponent(u)}`:"#/pages/new"};async function ue(e){const t=e.plugin?`"${w(e.title||e.urlPath)}" is managed by the <strong>${w(e.plugin)}</strong> plugin - deleting it may stop that plugin working. Delete it anyway?`:`Delete the page at <strong>${w(e.urlPath)}</strong>? This cannot be undone.`;if(await E.confirm(t))try{await y.pages.delete(e.urlPath),E.toast("Page deleted.",{type:"success"}),n.value=n.peek().filter(a=>a.urlPath!==e.urlPath),te(ne)}catch(a){E.toast(`Not deleted: ${a.message||a}`,{type:"error"})}}async function pe(e){const t=new URL(e.urlPath,location.origin).href;try{await navigator.clipboard.writeText(t),E.toast("Address copied.",{type:"success",duration:2e3})}catch{E.toast(t,{type:"info",duration:8e3})}}async function R(e,t){if(e.status!==t)try{const a=await y.pages.get(e.urlPath);await y.pages.update(e.urlPath,{frontmatter:{status:t},body:a.content||""}),n.value=n.peek().map(c=>c.urlPath===e.urlPath?{...c,status:t}:c),E.toast(t==="published"?"Page published.":t==="review"?"Page moved to review.":"Page moved to drafts.",{type:"success"}),te(ne)}catch(a){E.toast(`Could not change page status: ${a.message||a}`,{type:"error"})}}let d=null;const j=new Set;let V=!1;function O(e,t=null){const a=e.versionCount||0,c=M.observable(String(t?.keep??Math.min(5,a))),x=M.observable(!1),f=M.computed(()=>Le(c.value,a)),G={keep:c,saving:x,err:M.computed(()=>f.value.error),summary:M.computed(()=>{const s=f.value;return s.error?"":s.deletes?`Deletes the ${s.deletes} oldest, keeps the newest ${Math.min(s.keep,a)}.`:"Nothing to delete - that keeps them all."}),cannot:M.computed(()=>x.value||!!f.value.error||f.value.deletes===0),intro:`${e.title||e.urlPath} has ${a} saved revision${a===1?"":"s"} - earlier versions you can compare with and restore from the editor's History.`},ve=String(c.peek()),J=()=>String(c.peek())!==ve||!!t,i=E.slideover({title:`Trim revisions - ${w(e.title||e.urlPath)}`,size:"sm",position:"right"}),g=Be(`
                 <div class="pgx-form">
                     <p class="pgx-note" data-bind-text="intro"></p>
                     <div>
@@ -25,4 +25,4 @@ import{api as K}from"../api.js";import{SHAPES as be,whileLoading as ye}from"../l
                         <button type="button" class="btn btn-sm btn-danger" data-on-click="trim" data-bind-disabled="cannot.value">
                             <span data-icon="archive" data-icon-size="13"></span> Trim</button>
                     </div>
-                </div>`);async function J(){if(!Y.cannot.peek()){x.value=!0;try{const n=await K.versions.prune(e.urlPath,f.peek().keep);E.toast(`Removed ${n.deleted} revision${n.deleted===1?"":"s"}; kept ${n.kept}.`,{type:"success"}),r.value=r.peek().map(b=>b.urlPath===e.urlPath?{...b,versionCount:n.kept}:b),R=!0,i.close()}catch(n){E.toast(n.message||"Could not trim the revisions.",{type:"error"})}finally{x.value=!1}}}i.element.appendChild(h);const ge=X(h),me=M.applyBindings(Y,h,{methods:{trim:J,cancel:()=>i.close()}}),ve=n=>{n.key==="Enter"&&n.target.id==="pgx-f-keep"&&(n.preventDefault(),J())};h.addEventListener("keydown",ve);const Q={path:e.urlPath,dirty:G,values:()=>({keep:v.peek()})};c=Q,D.add(i),ke(i,()=>{me.dispose(),ge(),D.delete(i),c===Q&&(c=null)});const fe=i.close.bind(i);let R=!1,B=!1;i.close=async n=>{if(!R&&n!==!0&&!F&&G()){if(B)return;B=!0;const b=await E.confirm("Discard the change you have not applied?");if(B=!1,!b)return}return R=!0,fe()},I.scan(h),i.open(),h.querySelector("#pgx-f-keep")?.select()}function de(e){const t=_(e);if(!t)return[];const a=t.versionCount||0;return[{header:t.title||t.urlPath},{label:"Edit",icon:"edit",action:()=>w(t.urlPath)},{label:t.status==="published"?"View on the site":"Preview (draft)",icon:"external-link",action:()=>window.open(t.urlPath,"_blank","noopener")},{label:"Copy address",icon:"copy",action:()=>ce(t)},{type:"divider"},{label:a?`Trim revisions (${a})\u2026`:"No revisions to trim",icon:"archive",disabled:!a,action:()=>V(t)},{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:()=>le(t)}]}const u=o.querySelector(".pgx-list");u.innerHTML=je;const pe=M.applyBindings({pages:r,loading:H,loadError:T,status:p,sort:L,mode:g,query:N,rows:U,counts:ne,emptyText:se,projectNote:oe},o,{methods:{showAll:()=>{p.value="all"},showPublished:()=>{p.value="published"},showDrafts:()=>{p.value="draft"},showList:()=>{g.value="list"},showTree:()=>{g.value="tree"}}});s.add(()=>pe.dispose()),s.add(X(o,{position:"bottom"}));const j=o.querySelector(".pgx-tree");let k=null;s.add(M.effect(()=>{const e=g.value==="tree",t=e?Ae(A.value):null;try{k?.destroy?.()}catch{}k=null,j.replaceChildren(),!(!e||!t.length)&&(k=E.treeView(j,{data:t,idKey:"id",parentKey:"parent_id",labelKey:"name",iconKey:"icon",expandedByDefault:!0,onSelect:a=>w(a)}),I.scan(j))})),s.add(()=>{try{k?.destroy?.()}catch{}});const ue=E.contextMenu(u,{cursor:"glyph",match:".pgx-row",inherit:!1,density:"compact",items:e=>de(e.dataset.path)});s.add(()=>ue?.destroy?.());const O=e=>{const t=e.target.closest(".pgx-row");if(!t)return;const a=e.target.closest(".pgx-kebab");if(a){Z(a);return}w(t.dataset.path)},z=e=>{const t=e.target.closest(".pgx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),Z(t)):e.key==="Enter"&&e.target===t&&w(t.dataset.path))};u.addEventListener("click",O),u.addEventListener("keydown",z),s.add(()=>{u.removeEventListener("click",O),u.removeEventListener("keydown",z)}),we(l,{id:"pages-new",icon:"plus",title:"New page",onClick:ie});const W=e=>{c?.dirty()&&(e.preventDefault(),e.returnValue="")};if(window.addEventListener("beforeunload",W),s.add(()=>window.removeEventListener("beforeunload",W)),s.add(()=>{if(c?.dirty())try{S.set(P,{path:c.path,values:c.values(),at:new Date().toISOString()})}catch{}F=!0,[...D].forEach(e=>{try{e.close(!0)}catch{}})}),I.scan(o),await re(),!C())return;let m=null;try{m=S.get(P)}catch{}if(m?.path&&m.values){try{S.remove?S.remove(P):S.set(P,null)}catch{}const e=_(m.path);e&&(e.versionCount||0)>0&&await E.confirm(`You left trimming the revisions of "${y(e.title||e.urlPath)}" unfinished. Pick up where you left off?`)&&C()&&V(e,m.values)}}};
+                </div>`);async function Q(){if(!G.cannot.peek()){x.value=!0;try{const s=await y.versions.prune(e.urlPath,f.peek().keep);E.toast(`Removed ${s.deleted} revision${s.deleted===1?"":"s"}; kept ${s.kept}.`,{type:"success"}),n.value=n.peek().map(b=>b.urlPath===e.urlPath?{...b,versionCount:s.kept}:b),K=!0,i.close()}catch(s){E.toast(s.message||"Could not trim the revisions.",{type:"error"})}finally{x.value=!1}}}i.element.appendChild(g);const fe=Z(g),be=M.applyBindings(G,g,{methods:{trim:Q,cancel:()=>i.close()}}),ye=s=>{s.key==="Enter"&&s.target.id==="pgx-f-keep"&&(s.preventDefault(),Q())};g.addEventListener("keydown",ye);const X={path:e.urlPath,dirty:J,values:()=>({keep:c.peek()})};d=X,j.add(i),Ee(i,()=>{be.dispose(),fe(),j.delete(i),d===X&&(d=null)});const we=i.close.bind(i);let K=!1,q=!1;i.close=async s=>{if(!K&&s!==!0&&!V&&J()){if(q)return;q=!0;const b=await E.confirm("Discard the change you have not applied?");if(q=!1,!b)return}return K=!0,we()},I.scan(g),i.open(),g.querySelector("#pgx-f-keep")?.select()}function he(e){const t=F(e);if(!t)return[];const a=t.versionCount||0;return[{header:t.title||t.urlPath},{label:"Edit",icon:"edit",action:()=>k(t.urlPath)},{label:t.status==="published"?"View on the site":"Preview (draft)",icon:"external-link",action:()=>window.open(t.urlPath,"_blank","noopener")},{label:"Copy address",icon:"copy",action:()=>pe(t)},{label:"Transition",icon:"circle",submenu:[{label:"Published",disabled:t.status==="published",action:()=>R(t,"published")},{label:"Draft",disabled:t.status==="draft",action:()=>R(t,"draft")},{label:"Review",disabled:t.status==="review",action:()=>R(t,"review")}]},{type:"divider"},{label:a?`Trim revisions (${a})\u2026`:"No revisions to trim",icon:"archive",disabled:!a,action:()=>O(t)},{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:()=>ue(t)}]}const h=r.querySelector(".pgx-list");h.innerHTML=je;const ge=M.applyBindings({pages:n,loading:N,loadError:L,status:p,sort:D,mode:m,query:U,rows:_,counts:re,emptyText:ie,projectNote:le},r,{methods:{showAll:()=>{p.value="all"},showPublished:()=>{p.value="published"},showDrafts:()=>{p.value="draft"},showList:()=>{m.value="list"},showTree:()=>{m.value="tree"}}});o.add(()=>ge.dispose()),o.add(Z(r,{position:"bottom"}));const B=r.querySelector(".pgx-tree");let P=null;o.add(M.effect(()=>{const e=m.value==="tree",t=e?Re(A.value):null;try{P?.destroy?.()}catch{}P=null,B.replaceChildren(),!(!e||!t.length)&&(P=E.treeView(B,{data:t,idKey:"id",parentKey:"parent_id",labelKey:"name",iconKey:"icon",expandedByDefault:!0,onSelect:a=>k(a)}),I.scan(B))})),o.add(()=>{try{P?.destroy?.()}catch{}});const me=E.contextMenu(h,{cursor:"glyph",match:".pgx-row",inherit:!1,density:"compact",items:e=>he(e.dataset.path)});o.add(()=>me?.destroy?.());const z=e=>{const t=e.target.closest(".pgx-row");if(!t)return;const a=e.target.closest(".pgx-kebab");if(a){ee(a);return}k(t.dataset.path)},W=e=>{const t=e.target.closest(".pgx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),ee(t)):e.key==="Enter"&&e.target===t&&k(t.dataset.path))};h.addEventListener("click",z),h.addEventListener("keydown",W),o.add(()=>{h.removeEventListener("click",z),h.removeEventListener("keydown",W)}),Me(l,{id:"pages-new",icon:"plus",title:"New page",onClick:de});const Y=e=>{d?.dirty()&&(e.preventDefault(),e.returnValue="")};if(window.addEventListener("beforeunload",Y),o.add(()=>window.removeEventListener("beforeunload",Y)),o.add(()=>{if(d?.dirty())try{S.set(C,{path:d.path,values:d.values(),at:new Date().toISOString()})}catch{}V=!0,[...j].forEach(e=>{try{e.close(!0)}catch{}})}),I.scan(r),await ce(),!$())return;let v=null;try{v=S.get(C)}catch{}if(v?.path&&v.values){try{S.remove?S.remove(C):S.set(C,null)}catch{}const e=F(v.path);e&&(e.versionCount||0)>0&&await E.confirm(`You left trimming the revisions of "${w(e.title||e.urlPath)}" unfinished. Pick up where you left off?`)&&$()&&O(e,v.values)}}};

package/admin/js/views/theme.js

@@ -1,11 +1,11 @@
-import{api as N}from"../api.js";import{addBannerAction as je}from"../lib/plugin-chrome.js";import{helpPopovers as Ie}from"../lib/help-popover.js";import{onceClosed as rt,openMenuAt as Pe,sidebarCount as lt}from"../lib/tool-kit.js";import{populateThemeSelect as Ke}from"../lib/themes.js";import{cloneOverride as G,dayOrNight as it,formFromConfig as Q,knownThemeIds as ct,moveItem as Fe,overrideRow as dt,payloadFromForm as X,snapshot as ue,swatchColour as ze,themeDiff as mt,themeLabel as ht,themeProblems as ut}from"../lib/theme-settings-arrange.js";import{fmtDateTime as pt}from"../lib/dates.js";const pe=/^\/theme(\?.*)?$/,ft="#/theme",D="theme.draft",vt=[{value:"#site-navbar",label:"Navigation bar"},{value:"#site-footer",label:"Footer"},{value:".site-content",label:"Page content area"},{value:".page-body",label:"Page body (inside the container)"},{value:".site-sidebar",label:"Sidebar"},{value:".card",label:"Every card"},{value:".cms-form-embed",label:"Embedded forms"},{value:".cms-collection",label:"Collection displays"}],bt=`
+import{api as x}from"../api.js";import{applyAdminTheme as dt,refreshAdminTheme as Pe}from"../lib/admin-theme.js";import{addBannerAction as Ke}from"../lib/plugin-chrome.js";import{helpPopovers as Fe}from"../lib/help-popover.js";import{onceClosed as mt,openMenuAt as ze,sidebarCount as ht}from"../lib/tool-kit.js";import{populateThemeSelect as Be}from"../lib/themes.js";import{cloneOverride as G,dayOrNight as ut,formFromConfig as Q,knownThemeIds as pt,moveItem as _e,overrideRow as ft,payloadFromForm as X,snapshot as pe,swatchColour as He,themeDiff as vt,themeLabel as bt,themeProblems as yt}from"../lib/theme-settings-arrange.js";import{fmtDateTime as kt}from"../lib/dates.js";const fe=/^\/theme(\?.*)?$/,gt="#/theme",D="theme.draft",wt=[{value:"#site-navbar",label:"Navigation bar"},{value:"#site-footer",label:"Footer"},{value:".site-content",label:"Page content area"},{value:".page-body",label:"Page body (inside the container)"},{value:".site-sidebar",label:"Sidebar"},{value:".card",label:"Every card"},{value:".cms-form-embed",label:"Embedded forms"},{value:".cms-collection",label:"Collection displays"}],xt=`
 <div class="thx-row" data-id="{{id}}" tabindex="0" data-bind-class="off && 'is-off'">
     <span class="thx-main"><strong>{{name}}</strong><small>{{meta}}</small></span>
     <span class="thx-chip is-danger" data-bind-hidden="!missing" title="Its theme no longer exists">Theme gone</span>
     <span class="thx-chip is-warn" data-bind-hidden="!empty" title="No theme, token or CSS - it changes nothing">Empty</span>
     <span class="thx-chip" data-bind-hidden="!off">Off</span>
     <button type="button" class="thx-kebab" aria-label="Actions for {{name}}" title="Actions">\u22EE</button>
-</div>`,fe=m=>String(m??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function yt(m){const y=document.createElement("template");return y.innerHTML=m.trim(),y.content.firstElementChild}let x=null,Be=!1;function kt(){Be||!window.R?.use||(Be=!0,R.use((m,y,u)=>!(pe.test(y?.path||"")&&!pe.test(m?.path||""))||!x?.dirty()?u():E.confirm("You have unsaved theme changes. Leave anyway? They are kept as a draft for your next visit.").then(p=>{p?u():history.replaceState(null,"","#/theme")})),M.subscribe("router:afterChange",({to:m}={})=>{if(x&&!pe.test(m?.path||"")){const y=x;x=null,y.dispose()}}))}export const themeView={templateUrl:"/admin/js/templates/theme.html",async onMount(m){if(kt(),x){const e=x;x=null,e.dispose()}const y=[],u=e=>(y.push(e),e);let Z=!1;const p=m.get(0).querySelector(".thx")||m.get(0),q=()=>!Z&&p.isConnected,ve=E.loader(m.get(0),{type:"dots"});let j,L;try{[j,L]=await Promise.all([N.theme.get(),N.theme.catalog().catch(()=>({themes:[],tokens:[],custom:[]}))])}catch(e){ve.destroy(),E.toast(`Could not load the theme settings: ${e.message||e}`,{type:"error"});return}if(ve.destroy(),!p.isConnected)return;const ee=L.tokens||[],P=Array.isArray(L.custom)?L.custom:[],be=ct(L),f=M.observable(j),$=Q(j),s={};for(const[e,t]of Object.entries($))s[e]=M.observable(t);const ye=()=>Object.fromEntries(Object.keys(s).map(e=>[e,s[e].value])),te=()=>Object.fromEntries(Object.keys(s).map(e=>[e,s[e].peek()])),K=M.observable(ue($,j)),F=M.observable(!1),z=M.observable([]),oe=M.observable("(nothing yet)"),ne=M.observable(!1),_e=M.computed(()=>ue(ye(),f.value)),B=M.computed(()=>_e.value!==K.value),ke=M.computed(()=>ut(ye(),be)),ge=M.observable([]);u(M.effect(()=>{ge.value=s.overrides.value.map((e,t)=>dt(e,t,{custom:P,known:be}))}));const _=e=>ht(e,P),He={...s,saving:F,rows:ge,cssText:oe,cssError:ne,dirty:B,errorsText:M.computed(()=>z.value.join(" \xB7 ")),problemsText:M.computed(()=>ke.value.length?`${ke.value.map(e=>`${e.where}: "${e.id}"`).join(", ")} - no longer available, so its base theme shows. Pick another.`:""),liveSite:M.computed(()=>{const e=f.value;if(e.autoTheme?.enabled){const t=it(e.autoTheme)==="day"?"day":"night";return`Site: ${_(e.autoTheme.dayTheme)} by day, ${_(e.autoTheme.nightTheme)} by night (${t} now)`}return`Site: ${_(e.theme||"charcoal-dark")}`}),liveAdmin:M.computed(()=>`Admin: ${_(f.value.adminTheme||"charcoal-dark")}`),liveOverrides:M.computed(()=>{const e=f.value.overrides||[],t=e.filter(o=>o.enabled!==!1).length;return e.length?`${t} override${t===1?"":"s"} on`:""}),liveSwitcher:M.computed(()=>f.value.switcher?.enabled?"Theme switcher on":"")};function we(e){if(!P.length)return;const t=document.createElement("optgroup");t.label="Custom themes";for(const o of P){const a=document.createElement("option");a.value=o.id,a.textContent=`${o.label} (on ${o.baseTheme})`,t.appendChild(a)}e.appendChild(t)}function xe(e,t){if(t&&![...e.options].some(o=>o.value===t)){const o=document.createElement("option");o.value=t,o.textContent=`${t} (not available)`,e.appendChild(o)}}const H=(e,t,o)=>{const a=p.querySelector(e);return Ke(a,o),we(a),xe(a,t),a};H("#thx-site",$.theme),H("#thx-admin",$.adminTheme,{includeAdmin:!0}),H("#thx-day",$.dayTheme),H("#thx-night",$.nightTheme);let ae=null,se=0;async function V(){const e=++se;try{const t=await N.theme.compile(X(te(),f.peek()));if(e!==se||!q())return;oe.value=t.css?.trim()||"(no overrides - nothing is injected)",ne.value=!1}catch(t){if(e!==se||!q())return;oe.value=t.message||String(t),ne.value=!0}}u(M.effect(()=>{s.overrides.value,clearTimeout(ae),ae=setTimeout(V,400)})),u(()=>clearTimeout(ae));async function re(){if(!F.peek()){F.value=!0,z.value=[];try{const e=await N.theme.save(X(te(),f.peek()));if(!q())return;f.value=e;const t=Q(e);for(const[a,l]of Object.entries(t))s[a].value=l;K.value=ue(t,e);try{S.remove?S.remove(D):S.set(D,null)}catch{}const{refreshAdminTheme:o}=await import("../lib/admin-theme.js");await o(N),lt(ft),E.toast("Theme saved.",{type:"success"}),V()}catch(e){z.value=e.validation||[e.message||"Could not save the theme."],E.toast("Theme not saved - see the message at the top.",{type:"error"})}finally{F.value=!1}}}async function Ve(){if(!await E.confirm("Throw away your unsaved theme changes?"))return;const e=Q(f.peek());for(const[t,o]of Object.entries(e))s[t].value=o;z.value=[]}const Ee=e=>s.overrides.peek().find(t=>t.id===e),C=e=>{s.overrides.value=e},le=(e,t)=>C(s.overrides.peek().map(o=>o.id===e?t:o)),Ye=e=>s.overrides.peek().findIndex(t=>t.id===e),ie=new Map;async function Se(e){if(!e)return null;if(ie.has(e))return ie.get(e);const o=(await N.theme.themeTokens(e).catch(()=>null))?.tokens||null;return ie.set(e,o),o}const Ue=()=>(s.autoEnabled.peek()?s.dayTheme.peek():s.theme.peek())||"charcoal-dark",Y=new Set;function U(e){const t=e?Ee(e):G({});if(!t)return;const o=!e,a=G(t),l={label:M.observable(a.label),scope:M.observable(a.scope),enabled:M.observable(a.enabled),theme:M.observable(a.theme),css:M.observable(a.css),tokenErr:M.observable("")},c=E.slideover({title:o?"New override":`Override: ${fe(t.label||t.scope||"untitled")}`,size:"md",position:"right"}),v=yt(`
+</div>`,ve=h=>String(h??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Et(h){const y=document.createElement("template");return y.innerHTML=h.trim(),y.content.firstElementChild}let T=null,Ue=!1;function St(){Ue||!window.R?.use||(Ue=!0,R.use((h,y,m)=>!(fe.test(y?.path||"")&&!fe.test(h?.path||""))||!T?.dirty()?m():E.confirm("You have unsaved theme changes. Leave anyway? They are kept as a draft for your next visit.").then(f=>{f?m():history.replaceState(null,"","#/theme")})),M.subscribe("router:afterChange",({to:h}={})=>{if(T&&!fe.test(h?.path||"")){const y=T;T=null,y.dispose()}}))}export const themeView={templateUrl:"/admin/js/templates/theme.html",async onMount(h){if(St(),T){const e=T;T=null,e.dispose()}const y=[],m=e=>(y.push(e),e);let Z=!1;const f=h.get(0).querySelector(".thx")||h.get(0),L=()=>!Z&&f.isConnected,be=E.loader(h.get(0),{type:"dots"});let j,q;try{[j,q]=await Promise.all([x.theme.get(),x.theme.catalog().catch(()=>({themes:[],tokens:[],custom:[]}))])}catch(e){be.destroy(),E.toast(`Could not load the theme settings: ${e.message||e}`,{type:"error"});return}if(be.destroy(),!f.isConnected)return;const ee=q.tokens||[],P=Array.isArray(q.custom)?q.custom:[],ye=pt(q),p=M.observable(j),O=Q(j),n={};for(const[e,t]of Object.entries(O))n[e]=M.observable(t);const ke=()=>Object.fromEntries(Object.keys(n).map(e=>[e,n[e].value])),te=()=>Object.fromEntries(Object.keys(n).map(e=>[e,n[e].peek()])),K=M.observable(pe(O,j)),F=M.observable(!1),z=M.observable([]),oe=M.observable("(nothing yet)"),ne=M.observable(!1),Ve=M.computed(()=>pe(ke(),p.value)),B=M.computed(()=>Ve.value!==K.value),ge=M.computed(()=>yt(ke(),ye)),we=M.observable([]);m(M.effect(()=>{we.value=n.overrides.value.map((e,t)=>ft(e,t,{custom:P,known:ye}))}));const _=e=>bt(e,P),Ye={...n,saving:F,rows:we,cssText:oe,cssError:ne,dirty:B,errorsText:M.computed(()=>z.value.join(" \xB7 ")),problemsText:M.computed(()=>ge.value.length?`${ge.value.map(e=>`${e.where}: "${e.id}"`).join(", ")} - no longer available, so its base theme shows. Pick another.`:""),liveSite:M.computed(()=>{const e=p.value;if(e.autoTheme?.enabled){const t=ut(e.autoTheme)==="day"?"day":"night";return`Site: ${_(e.autoTheme.dayTheme)} by day, ${_(e.autoTheme.nightTheme)} by night (${t} now)`}return`Site: ${_(e.theme||"charcoal-dark")}`}),liveAdmin:M.computed(()=>`Admin: ${_(p.value.adminTheme||"charcoal-dark")}`),liveOverrides:M.computed(()=>{const e=p.value.overrides||[],t=e.filter(o=>o.enabled!==!1).length;return e.length?`${t} override${t===1?"":"s"} on`:""}),liveSwitcher:M.computed(()=>p.value.switcher?.enabled?"Theme switcher on":"")};function xe(e){if(!P.length)return;const t=document.createElement("optgroup");t.label="Custom themes";for(const o of P){const s=document.createElement("option");s.value=o.id,s.textContent=`${o.label} (on ${o.baseTheme})`,t.appendChild(s)}e.appendChild(t)}function Ee(e,t){if(t&&![...e.options].some(o=>o.value===t)){const o=document.createElement("option");o.value=t,o.textContent=`${t} (not available)`,e.appendChild(o)}}const H=(e,t,o)=>{const s=f.querySelector(e);return Be(s,o),xe(s),Ee(s,t),s};H("#thx-site",O.theme),H("#thx-admin",O.adminTheme,{includeAdmin:!0}),H("#thx-day",O.dayTheme),H("#thx-night",O.nightTheme);let ae=0;async function Je(e){const t=++ae;try{const o=await x.theme.admin(e);if(t!==ae||!L())return;dt(o)}catch{}}let Se=!0;m(M.effect(()=>{const e=n.adminTheme.value||"charcoal-dark";if(Se){Se=!1;return}Je(e)})),m(()=>{ae++,(n.adminTheme.peek()||"charcoal-dark")!==(p.peek().adminTheme||"charcoal-dark")&&Pe(x)});let se=null,re=0;async function U(){const e=++re;try{const t=await x.theme.compile(X(te(),p.peek()));if(e!==re||!L())return;oe.value=t.css?.trim()||"(no overrides - nothing is injected)",ne.value=!1}catch(t){if(e!==re||!L())return;oe.value=t.message||String(t),ne.value=!0}}m(M.effect(()=>{n.overrides.value,clearTimeout(se),se=setTimeout(U,400)})),m(()=>clearTimeout(se));async function le(){if(!F.peek()){F.value=!0,z.value=[];try{const e=await x.theme.save(X(te(),p.peek()));if(!L())return;p.value=e;const t=Q(e);for(const[o,s]of Object.entries(t))n[o].value=s;K.value=pe(t,e);try{S.remove?S.remove(D):S.set(D,null)}catch{}await Pe(x),ht(gt),E.toast("Theme saved.",{type:"success"}),U()}catch(e){z.value=e.validation||[e.message||"Could not save the theme."],E.toast("Theme not saved - see the message at the top.",{type:"error"})}finally{F.value=!1}}}async function We(){if(!await E.confirm("Throw away your unsaved theme changes?"))return;const e=Q(p.peek());for(const[t,o]of Object.entries(e))n[t].value=o;z.value=[]}const Te=e=>n.overrides.peek().find(t=>t.id===e),C=e=>{n.overrides.value=e},ie=(e,t)=>C(n.overrides.peek().map(o=>o.id===e?t:o)),Ge=e=>n.overrides.peek().findIndex(t=>t.id===e),ce=new Map;async function Ce(e){if(!e)return null;if(ce.has(e))return ce.get(e);const o=(await x.theme.themeTokens(e).catch(()=>null))?.tokens||null;return ce.set(e,o),o}const Qe=()=>(n.autoEnabled.peek()?n.dayTheme.peek():n.theme.peek())||"charcoal-dark",V=new Set;function Y(e){const t=e?Te(e):G({});if(!t)return;const o=!e,s=G(t),i={label:M.observable(s.label),scope:M.observable(s.scope),enabled:M.observable(s.enabled),theme:M.observable(s.theme),css:M.observable(s.css),tokenErr:M.observable("")},c=E.slideover({title:o?"New override":`Override: ${ve(t.label||t.scope||"untitled")}`,size:"md",position:"right"}),v=Et(`
                 <div class="thx-form">
                     <div class="thx-grid">
                         <div>
@@ -22,7 +22,7 @@ import{api as N}from"../api.js";import{addBannerAction as je}from"../lib/plugin-
                         <label class="form-label" for="thx-o-scope">Target selector
                             <span data-help-title="Target selector" data-help="The region to re-theme - a CSS selector. Everything inside it follows. Pick a common region from the list or type your own (#site-navbar, .card, .page-body \u2026)."></span></label>
                         <input id="thx-o-scope" type="text" class="form-input font-mono" list="thx-scope-options" placeholder="#site-navbar" data-model="scope.value">
-                        <datalist id="thx-scope-options">${vt.map(n=>`<option value="${n.value}" label="${n.label}"></option>`).join("")}</datalist>
+                        <datalist id="thx-scope-options">${wt.map(a=>`<option value="${a.value}" label="${a.label}"></option>`).join("")}</datalist>
                     </div>
                     <div>
                         <label class="form-label" for="thx-o-theme">Adopt a theme here
@@ -39,7 +39,7 @@ import{api as N}from"../api.js";import{addBannerAction as je}from"../lib/plugin-
                             <span data-icon="plus" data-icon-size="13"></span> Add token</button>
                         <small class="thx-err" data-bind-hidden="!tokenErr.value" data-bind-text="tokenErr.value"></small>
                     </div>
-                    <details class="thx-o-css"${a.css?" open":""}>
+                    <details class="thx-o-css"${s.css?" open":""}>
                         <summary>Custom CSS for this override</summary>
                         <textarea class="form-input font-mono" rows="4" style="margin-top:.5rem" placeholder="#site-navbar .brand { letter-spacing: .04em; }" data-model="css.value"></textarea>
                         <small class="thx-hint">Appended verbatim after the generated rule - you own these selectors. Prefer tokens: they survive a Domma upgrade; hand-written rules fight the cascade.</small>
@@ -52,4 +52,4 @@ import{api as N}from"../api.js";import{addBannerAction as je}from"../lib/plugin-
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="done">
                             <span data-icon="check" data-icon-size="13"></span> ${o?"Add":"Done"}</button>
                     </div>
-                </div>`),ce=v.querySelector("#thx-o-theme");Ke(ce,{includeDefault:!0,defaultLabel:"Keep the site theme"}),we(ce),xe(ce,a.theme);const Qe=v.querySelector("#thx-token-names");for(const n of ee){const i=document.createElement("option");i.value=n,Qe.appendChild(i)}const de=v.querySelector(".thx-toks");function Ae(n="",i=""){const b=document.createElement("div");b.className="thx-tok";const r=document.createElement("input");r.type="text",r.className="form-input font-mono thx-tok-name",r.placeholder="--dm-primary",r.setAttribute("list","thx-token-names"),r.value=n,r.setAttribute("aria-label","Token");const h=document.createElement("input");h.type="text",h.className="form-input thx-tok-value",h.placeholder="#0096c7",h.value=i,h.setAttribute("aria-label","Value");const k=document.createElement("input");k.type="color",k.title="Pick a colour";const g=ze(i);/^#[0-9a-f]{6}$/i.test(g)&&(k.value=g),k.addEventListener("input",()=>{h.value=k.value});const w=document.createElement("button");return w.type="button",w.className="btn btn-sm btn-ghost",w.textContent="\xD7",w.title="Remove this token",w.addEventListener("click",()=>b.remove()),b.append(r,h,k,w),b}for(const[n,i]of Object.entries(a.tokens))de.appendChild(Ae(n,i));function Ne(){const n={},i=[];return de.querySelectorAll(".thx-tok").forEach(b=>{const r=b.querySelector(".thx-tok-name").value.trim(),h=b.querySelector(".thx-tok-value").value.trim();!r||!h||(ee.length&&!ee.includes(r)&&i.push(r),n[r]=h)}),{tokens:n,bad:i}}const De=()=>({...a,label:l.label.peek(),scope:l.scope.peek(),enabled:l.enabled.peek(),theme:l.theme.peek(),css:l.css.peek(),tokens:Ne().tokens}),Xe=JSON.stringify(X({overrides:[a]}).overrides),Ze=()=>JSON.stringify(X({overrides:[De()]}).overrides)!==Xe,me=v.querySelector(".thx-diff-host");let Le=0;async function et(){const n=++Le;me.replaceChildren();const i=l.theme.peek();if(!i)return;const b=Ue(),r=document.createElement("div");if(r.className="thx-diff",r.style.marginTop=".5rem",i===b){const d=document.createElement("p");d.textContent="That is already the site theme, so this changes nothing on its own. Set a token below instead.",r.appendChild(d),me.appendChild(r);return}const[h,k]=await Promise.all([Se(b),Se(i)]);if(n!==Le||!h||!k)return;const g=mt(h,k),w=document.createElement("p");if(w.textContent=`Changes ${g.changed} of ${g.total} tokens here.`,r.appendChild(w),g.keepsFill){const d=document.createElement("p");d.className="is-warn",d.textContent="Both themes use the same surface colour, so this region keeps the fill it has now. Set --dm-card-bg (a card) or --dm-surface (most other regions) below to change it.",r.appendChild(d)}const W=document.createElement("div");W.className="thx-diff-list";const qe=d=>{const A=document.createElement("span");return A.className="thx-sw",A.style.background=ze(d)||"transparent",A};for(const d of g.shown){const A=document.createElement("span");A.append(qe(d.from),document.createTextNode(`${d.name} `),qe(d.to)),W.appendChild(A)}if(g.more){const d=document.createElement("span");d.textContent=`+${g.more} more`,W.appendChild(d)}r.appendChild(W),me.appendChild(r)}const tt=M.effect(()=>{l.theme.value,et()});let J=!1,he=!1;const Re={addToken:()=>{const n=Ae();de.appendChild(n),n.querySelector("input").focus()},cancel:()=>c.close(),async remove(){await E.confirm(`Remove the override "${fe(t.label||t.scope||"untitled")}"? It goes when you save.`)&&(C(s.overrides.peek().filter(n=>n.id!==t.id)),J=!0,c.close())},done(){const{bad:n}=Ne();if(n.length){l.tokenErr.value=`Not a token this Domma defines: ${n.join(", ")}. Pick one from the list.`;return}const i=De();o?C([...s.overrides.peek(),i]):le(t.id,i),J=!0,c.close()}};c.element.appendChild(v);const ot=Ie(v),nt=M.applyBindings(l,v,{methods:Re}),at=n=>{(n.ctrlKey||n.metaKey)&&n.key==="Enter"&&(n.preventDefault(),Re.done())};v.addEventListener("keydown",at),Y.add(c),rt(c,()=>{tt(),nt.dispose(),ot(),Y.delete(c)});const st=c.close.bind(c);c.close=async n=>{if(!J&&n!==!0&&Ze()){if(he)return;he=!0;const i=await E.confirm("Discard your changes to this override?");if(he=!1,!i)return}return J=!0,st()},I.scan(v),c.open(),v.querySelector(o?"#thx-o-scope":"#thx-o-label")?.focus()}function Je(e){const t=Ee(e);if(!t)return[];const o=Ye(e),a=s.overrides.peek().length;return[{header:t.label||t.scope||`Override ${o+1}`},{label:"Edit\u2026",icon:"edit",action:()=>U(e)},t.enabled?{label:"Switch off",icon:"pause",action:()=>le(e,{...t,enabled:!1})}:{label:"Switch on",icon:"play",action:()=>le(e,{...t,enabled:!0})},{label:"Duplicate",icon:"copy",action:()=>{const l=G({...t,id:"",label:t.label?`${t.label} copy`:""}),c=[...s.overrides.peek()];c.splice(o+1,0,l),C(c)}},{type:"divider"},{label:"Move up",icon:"arrow-up",disabled:o<=0,action:()=>C(Fe(s.overrides.peek(),o,-1))},{label:"Move down",icon:"arrow-down",disabled:o>=a-1,action:()=>C(Fe(s.overrides.peek(),o,1))},{type:"divider"},{label:"Remove\u2026",icon:"trash",danger:!0,action:async()=>{await E.confirm(`Remove the override "${fe(t.label||t.scope||"untitled")}"? It goes when you save.`)&&C(s.overrides.peek().filter(l=>l.id!==e))}}]}const O=p.querySelector(".thx-list");O.innerHTML=bt,E.tabs(p.querySelector(".thx-tabs"),{tabSelector:".tab-item",panelSelector:".tab-panel"});const We=M.applyBindings(He,p,{methods:{save:re,discard:Ve,refreshCss:V,addOverride:()=>U(null)}});u(()=>We.dispose()),u(Ie(p,{position:"bottom"}));const Ge=E.contextMenu(O,{cursor:"glyph",match:".thx-row",inherit:!1,density:"compact",items:e=>Je(e.dataset.id)});u(()=>Ge?.destroy?.());const Ce=e=>{const t=e.target.closest(".thx-row");if(t){if(e.target.closest(".thx-kebab")){Pe(e.target.closest(".thx-kebab"));return}U(t.dataset.id)}},Te=e=>{const t=e.target.closest(".thx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),Pe(t)):e.key==="Enter"&&e.target===t&&U(t.dataset.id))};O.addEventListener("click",Ce),O.addEventListener("keydown",Te),u(()=>{O.removeEventListener("click",Ce),O.removeEventListener("keydown",Te)}),je(m,{id:"theme-view-site",icon:"external-link",title:"View site",onClick:()=>window.open("/","_blank","noopener")}),je(m,{id:"theme-save",icon:"save",title:"Save (Ctrl+S)",onClick:()=>re()});const Me=e=>{!(e.ctrlKey||e.metaKey)||e.key!=="s"||Y.size||(e.preventDefault(),e.stopImmediatePropagation(),re())};document.addEventListener("keydown",Me,!0),u(()=>document.removeEventListener("keydown",Me,!0));const $e=()=>{if(B.peek())try{S.set(D,{form:te(),base:K.peek(),at:new Date().toISOString()})}catch{}},Oe=e=>{B.peek()&&($e(),e.preventDefault(),e.returnValue="")};window.addEventListener("beforeunload",Oe),u(()=>window.removeEventListener("beforeunload",Oe)),x={dirty:()=>B.peek(),dispose(){Z=!0,$e(),[...Y].forEach(e=>{try{e.close(!0)}catch{}}),y.splice(0).reverse().forEach(e=>{try{e()}catch{}})}},I.scan(p),V();let T=null;try{T=S.get(D)}catch{}if(T?.form){try{S.remove?S.remove(D):S.set(D,null)}catch{}const e=T.base&&T.base!==K.peek(),t=T.at?` (${pt(T.at)})`:"",o=e?`You left unsaved theme changes${t}, but the saved settings have changed since. Restore your version anyway?`:`You left unsaved theme changes${t}. Restore them?`;if(await E.confirm(o)&&q()){const a={...Q(f.peek()),...T.form};a.overrides=(a.overrides||[]).map(l=>G(l));for(const[l,c]of Object.entries(a))s[l]&&(s[l].value=c)}}}};
+                </div>`),de=v.querySelector("#thx-o-theme");Be(de,{includeDefault:!0,defaultLabel:"Keep the site theme"}),xe(de),Ee(de,s.theme);const tt=v.querySelector("#thx-token-names");for(const a of ee){const l=document.createElement("option");l.value=a,tt.appendChild(l)}const me=v.querySelector(".thx-toks");function De(a="",l=""){const b=document.createElement("div");b.className="thx-tok";const r=document.createElement("input");r.type="text",r.className="form-input font-mono thx-tok-name",r.placeholder="--dm-primary",r.setAttribute("list","thx-token-names"),r.value=a,r.setAttribute("aria-label","Token");const u=document.createElement("input");u.type="text",u.className="form-input thx-tok-value",u.placeholder="#0096c7",u.value=l,u.setAttribute("aria-label","Value");const k=document.createElement("input");k.type="color",k.title="Pick a colour";const g=He(l);/^#[0-9a-f]{6}$/i.test(g)&&(k.value=g),k.addEventListener("input",()=>{u.value=k.value});const w=document.createElement("button");return w.type="button",w.className="btn btn-sm btn-ghost",w.textContent="\xD7",w.title="Remove this token",w.addEventListener("click",()=>b.remove()),b.append(r,u,k,w),b}for(const[a,l]of Object.entries(s.tokens))me.appendChild(De(a,l));function Le(){const a={},l=[];return me.querySelectorAll(".thx-tok").forEach(b=>{const r=b.querySelector(".thx-tok-name").value.trim(),u=b.querySelector(".thx-tok-value").value.trim();!r||!u||(ee.length&&!ee.includes(r)&&l.push(r),a[r]=u)}),{tokens:a,bad:l}}const Re=()=>({...s,label:i.label.peek(),scope:i.scope.peek(),enabled:i.enabled.peek(),theme:i.theme.peek(),css:i.css.peek(),tokens:Le().tokens}),ot=JSON.stringify(X({overrides:[s]}).overrides),nt=()=>JSON.stringify(X({overrides:[Re()]}).overrides)!==ot,he=v.querySelector(".thx-diff-host");let qe=0;async function at(){const a=++qe;he.replaceChildren();const l=i.theme.peek();if(!l)return;const b=Qe(),r=document.createElement("div");if(r.className="thx-diff",r.style.marginTop=".5rem",l===b){const d=document.createElement("p");d.textContent="That is already the site theme, so this changes nothing on its own. Set a token below instead.",r.appendChild(d),he.appendChild(r);return}const[u,k]=await Promise.all([Ce(b),Ce(l)]);if(a!==qe||!u||!k)return;const g=vt(u,k),w=document.createElement("p");if(w.textContent=`Changes ${g.changed} of ${g.total} tokens here.`,r.appendChild(w),g.keepsFill){const d=document.createElement("p");d.className="is-warn",d.textContent="Both themes use the same surface colour, so this region keeps the fill it has now. Set --dm-card-bg (a card) or --dm-surface (most other regions) below to change it.",r.appendChild(d)}const W=document.createElement("div");W.className="thx-diff-list";const Ie=d=>{const N=document.createElement("span");return N.className="thx-sw",N.style.background=He(d)||"transparent",N};for(const d of g.shown){const N=document.createElement("span");N.append(Ie(d.from),document.createTextNode(`${d.name} `),Ie(d.to)),W.appendChild(N)}if(g.more){const d=document.createElement("span");d.textContent=`+${g.more} more`,W.appendChild(d)}r.appendChild(W),he.appendChild(r)}const st=M.effect(()=>{i.theme.value,at()});let J=!1,ue=!1;const je={addToken:()=>{const a=De();me.appendChild(a),a.querySelector("input").focus()},cancel:()=>c.close(),async remove(){await E.confirm(`Remove the override "${ve(t.label||t.scope||"untitled")}"? It goes when you save.`)&&(C(n.overrides.peek().filter(a=>a.id!==t.id)),J=!0,c.close())},done(){const{bad:a}=Le();if(a.length){i.tokenErr.value=`Not a token this Domma defines: ${a.join(", ")}. Pick one from the list.`;return}const l=Re();o?C([...n.overrides.peek(),l]):ie(t.id,l),J=!0,c.close()}};c.element.appendChild(v);const rt=Fe(v),lt=M.applyBindings(i,v,{methods:je}),it=a=>{(a.ctrlKey||a.metaKey)&&a.key==="Enter"&&(a.preventDefault(),je.done())};v.addEventListener("keydown",it),V.add(c),mt(c,()=>{st(),lt.dispose(),rt(),V.delete(c)});const ct=c.close.bind(c);c.close=async a=>{if(!J&&a!==!0&&nt()){if(ue)return;ue=!0;const l=await E.confirm("Discard your changes to this override?");if(ue=!1,!l)return}return J=!0,ct()},I.scan(v),c.open(),v.querySelector(o?"#thx-o-scope":"#thx-o-label")?.focus()}function Xe(e){const t=Te(e);if(!t)return[];const o=Ge(e),s=n.overrides.peek().length;return[{header:t.label||t.scope||`Override ${o+1}`},{label:"Edit\u2026",icon:"edit",action:()=>Y(e)},t.enabled?{label:"Switch off",icon:"pause",action:()=>ie(e,{...t,enabled:!1})}:{label:"Switch on",icon:"play",action:()=>ie(e,{...t,enabled:!0})},{label:"Duplicate",icon:"copy",action:()=>{const i=G({...t,id:"",label:t.label?`${t.label} copy`:""}),c=[...n.overrides.peek()];c.splice(o+1,0,i),C(c)}},{type:"divider"},{label:"Move up",icon:"arrow-up",disabled:o<=0,action:()=>C(_e(n.overrides.peek(),o,-1))},{label:"Move down",icon:"arrow-down",disabled:o>=s-1,action:()=>C(_e(n.overrides.peek(),o,1))},{type:"divider"},{label:"Remove\u2026",icon:"trash",danger:!0,action:async()=>{await E.confirm(`Remove the override "${ve(t.label||t.scope||"untitled")}"? It goes when you save.`)&&C(n.overrides.peek().filter(i=>i.id!==e))}}]}const A=f.querySelector(".thx-list");A.innerHTML=xt,E.tabs(f.querySelector(".thx-tabs"),{tabSelector:".tab-item",panelSelector:".tab-panel"});const Ze=M.applyBindings(Ye,f,{methods:{save:le,discard:We,refreshCss:U,addOverride:()=>Y(null)}});m(()=>Ze.dispose()),m(Fe(f,{position:"bottom"}));const et=E.contextMenu(A,{cursor:"glyph",match:".thx-row",inherit:!1,density:"compact",items:e=>Xe(e.dataset.id)});m(()=>et?.destroy?.());const Me=e=>{const t=e.target.closest(".thx-row");if(t){if(e.target.closest(".thx-kebab")){ze(e.target.closest(".thx-kebab"));return}Y(t.dataset.id)}},$e=e=>{const t=e.target.closest(".thx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),ze(t)):e.key==="Enter"&&e.target===t&&Y(t.dataset.id))};A.addEventListener("click",Me),A.addEventListener("keydown",$e),m(()=>{A.removeEventListener("click",Me),A.removeEventListener("keydown",$e)}),Ke(h,{id:"theme-view-site",icon:"external-link",title:"View site",onClick:()=>window.open("/","_blank","noopener")}),Ke(h,{id:"theme-save",icon:"save",title:"Save (Ctrl+S)",onClick:()=>le()});const Oe=e=>{!(e.ctrlKey||e.metaKey)||e.key!=="s"||V.size||(e.preventDefault(),e.stopImmediatePropagation(),le())};document.addEventListener("keydown",Oe,!0),m(()=>document.removeEventListener("keydown",Oe,!0));const Ae=()=>{if(B.peek())try{S.set(D,{form:te(),base:K.peek(),at:new Date().toISOString()})}catch{}},Ne=e=>{B.peek()&&(Ae(),e.preventDefault(),e.returnValue="")};window.addEventListener("beforeunload",Ne),m(()=>window.removeEventListener("beforeunload",Ne)),T={dirty:()=>B.peek(),dispose(){Z=!0,Ae(),[...V].forEach(e=>{try{e.close(!0)}catch{}}),y.splice(0).reverse().forEach(e=>{try{e()}catch{}})}},I.scan(f),U();let $=null;try{$=S.get(D)}catch{}if($?.form){try{S.remove?S.remove(D):S.set(D,null)}catch{}const e=$.base&&$.base!==K.peek(),t=$.at?` (${kt($.at)})`:"",o=e?`You left unsaved theme changes${t}, but the saved settings have changed since. Restore your version anyway?`:`You left unsaved theme changes${t}. Restore them?`;if(await E.confirm(o)&&L()){const s={...Q(p.peek()),...$.form};s.overrides=(s.overrides||[]).map(i=>G(i));for(const[i,c]of Object.entries(s))n[i]&&(n[i].value=c)}}}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "1.6.34",
+  "version": "1.6.35",
   "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",

package/plugins/_lib/outreach/audience.js

@@ -0,0 +1,76 @@
+/**
+ * The shared outreach audience: one store of contacts and named groups,
+ * imported from the Contacts Tool once and targeted by every outreach Tool
+ * (Surveys, Campaigns, Onboard...). Collections default to the shared
+ * `outreach-contacts` / `outreach-groups` (schemas in ./collections - each
+ * consuming plugin ships a copy; setupPlugin skips a slug that already
+ * exists, so the first Tool on the site creates them and the rest share).
+ *
+ * Lifted from Surveys 1.4 (lib/audience.js), generalised. A contact's
+ * `groups` holds group NAMES, not ids - a group row is a label with a
+ * description, membership lives on the contact.
+ *
+ * @module _lib/outreach/audience
+ */
+
+function parseGroups(raw) {
+    if (Array.isArray(raw)) return raw;
+    if (typeof raw === 'string') { try { return JSON.parse(raw); } catch { return raw ? [raw] : []; } }
+    return [];
+}
+
+/**
+ * @param {{createEntry,listEntries,getEntry,deleteEntry?}} col collections service
+ * @param {{contactsSlug?: string, groupsSlug?: string}} [opts]
+ */
+export function createAudience(col, {contactsSlug = 'outreach-contacts', groupsSlug = 'outreach-groups'} = {}) {
+    async function listContacts() {
+        const {entries} = await col.listEntries(contactsSlug, {limit: 100000});
+        return entries.map(e => ({id: e.id, name: e.data.name ?? '', email: e.data.email ?? '', groups: parseGroups(e.data.groups)}));
+    }
+
+    async function contactIdsForGroups(groupNames) {
+        const want = new Set(groupNames);
+        const contacts = await listContacts();
+        return contacts.filter(c => c.groups.some(g => want.has(g))).map(c => c.id);
+    }
+
+    async function importFromContacts(sourceContacts) {
+        let imported = 0;
+        for (const c of sourceContacts) {
+            const email = (c.email ?? '').trim();
+            if (!email) continue;
+            await col.createEntry(contactsSlug, {
+                name: (c.name ?? '').trim(),
+                email,
+                groups: parseGroups(c.groups)
+            }, {source: 'import-contacts'});
+            imported++;
+        }
+        return {imported};
+    }
+
+    /** Add one contact by hand. Email required by the schema. */
+    async function addContact({name, email, groups} = {}, source = 'admin') {
+        return col.createEntry(contactsSlug, {
+            name: name ?? '', email, groups: Array.isArray(groups) ? groups : []
+        }, {source});
+    }
+
+    async function removeContact(id) {
+        if (typeof col.deleteEntry !== 'function') return false;
+        await col.deleteEntry(contactsSlug, id);
+        return true;
+    }
+
+    async function listGroups() {
+        const {entries} = await col.listEntries(groupsSlug, {limit: 10000});
+        return entries.map(e => ({id: e.id, name: e.data.name, description: e.data.description ?? ''}));
+    }
+
+    async function addGroup({name, description} = {}, source = 'admin') {
+        return col.createEntry(groupsSlug, {name, description: description ?? ''}, {source});
+    }
+
+    return {listContacts, contactIdsForGroups, importFromContacts, addContact, removeContact, listGroups, addGroup, contactsSlug, groupsSlug};
+}

package/plugins/_lib/outreach/collections/outreach-contacts.schema.json

@@ -0,0 +1,12 @@
+{
+  "slug": "outreach-contacts",
+  "title": "Outreach Contacts",
+  "description": "The shared outreach audience - contacts targeted by Surveys, Campaigns and other outreach Tools.",
+  "storage": {"adapter": "mongodb", "connection": "default"},
+  "fields": [
+    {"name": "name",  "label": "Name",  "type": "text",     "required": false},
+    {"name": "email", "label": "Email", "type": "text",     "required": true},
+    {"name": "groups","label": "Groups","type": "text",     "required": false},
+    {"name": "meta",  "label": "Meta",  "type": "textarea", "required": false}
+  ]
+}

package/plugins/_lib/outreach/collections/outreach-groups.schema.json

@@ -0,0 +1,10 @@
+{
+  "slug": "outreach-groups",
+  "title": "Outreach Groups",
+  "description": "Named audience groups for the shared outreach contacts.",
+  "storage": {"adapter": "mongodb", "connection": "default"},
+  "fields": [
+    {"name": "name",        "label": "Name",        "type": "text",     "required": true},
+    {"name": "description", "label": "Description", "type": "textarea", "required": false}
+  ]
+}

package/plugins/_lib/outreach/collections/outreach-unsubscribes.schema.json

@@ -0,0 +1,11 @@
+{
+  "slug": "outreach-unsubscribes",
+  "title": "Outreach Unsubscribes",
+  "description": "The shared suppression list - addresses no outreach Tool may email.",
+  "storage": {"adapter": "mongodb", "connection": "default"},
+  "fields": [
+    {"name": "email",  "label": "Email",  "type": "text", "required": true},
+    {"name": "at",     "label": "At",     "type": "text", "required": false},
+    {"name": "source", "label": "Source", "type": "text", "required": false}
+  ]
+}

package/plugins/_lib/outreach/expiry.js

@@ -0,0 +1,46 @@
+/**
+ * Shared expiry state: a thing that closes by a DATE or by a USAGE TALLY,
+ * whichever is reached first. The vocabulary is deliberately the same as
+ * Cart Pro's discount codes (shopping-cart-pro/lib/codes.js):
+ *
+ *   {active, startsAt, endsAt, limit, uses}
+ *
+ * Dates are 'YYYY-MM-DD', inclusive, '' for open; `limit` is null for
+ * unlimited; `uses` is the server's counter. The two modules must never
+ * disagree about what "expired" means - change one, change both.
+ *
+ * One deliberate difference: an entry that never carried `active` (a
+ * campaign offer, say) is treated as active; Cart Pro's cleanCode always
+ * writes the field, so its rows never hit that branch.
+ *
+ * @module _lib/outreach/expiry
+ */
+
+/** 'YYYY-MM-DD' for a time, in the server's zone. */
+export const dayOf = (t) => {
+    const d = new Date(t);
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+};
+
+/**
+ * Live, scheduled, ended, used up or paused - for state chips and refusals.
+ *
+ * @param {{active?: boolean, startsAt?: string, endsAt?: string, limit?: number|null, uses?: number}} c
+ * @param {number} [now]
+ * @returns {'paused'|'scheduled'|'ended'|'used'|'live'}
+ */
+export function codeState(c, now = Date.now()) {
+    const today = dayOf(now);
+    const active = c.active === undefined ? true : Boolean(c.active);
+    if (!active) return 'paused';
+    if (c.startsAt && today < c.startsAt) return 'scheduled';
+    if (c.endsAt && today > c.endsAt) return 'ended';
+    if (c.limit !== null && c.limit !== undefined && (Number(c.uses) || 0) >= c.limit) return 'used';
+    return 'live';
+}
+
+/** Why a thing is not live now, or null when it is. */
+export function closedReason(c, now = Date.now()) {
+    const state = codeState(c, now);
+    return state === 'live' ? null : state;
+}

package/plugins/_lib/outreach/index.js

@@ -0,0 +1,15 @@
+/**
+ * The outreach library: the audience, token, ledger, sending, suppression
+ * and expiry plumbing shared by every Tool that emails people and follows
+ * up (Surveys, Campaigns, Onboard). See each module's header; collection
+ * schemas the consuming plugins copy are in ./collections.
+ *
+ * @module _lib/outreach
+ */
+export {generateToken, hashToken, formatCode, normaliseCode} from './tokens.js';
+export {createAudience} from './audience.js';
+export {createLedger} from './ledger.js';
+export {createSuppression, normaliseEmail} from './suppression.js';
+export {escapeHtml, escapeAttr, outreachBaseUrl, renderInvite, sendBatch} from './sending.js';
+export {dayOf, codeState, closedReason} from './expiry.js';
+export {UNSUBSCRIBE_PATH, mintSecret, signEmail, unsubscribeUrl, verifyUnsubscribe} from './unsubscribe.js';

package/plugins/_lib/outreach/ledger.js

@@ -0,0 +1,127 @@
+/**
+ * The outreach send ledger: one row per (thing, contact) with a hashed
+ * per-recipient token and a status - the record that makes sends resumable
+ * (the row is written before the email goes) and reminders targetable.
+ *
+ * Generic over what is being sent: `refField` names the column tying a row
+ * to its campaign/survey/journey. Surveys passes
+ * `{slug: 'surveys-invites', refField: 'surveyId', source: 'surveys'}` so its stored data is
+ * unchanged. Lifted from Surveys 1.4 (lib/ledger.js).
+ *
+ * Statuses: pending -> sent -> completed, or bounced (any send failure,
+ * including a suppressed address - deliberately excluded from reminders).
+ *
+ * @module _lib/outreach/ledger
+ */
+import {generateToken, hashToken, normaliseCode} from './tokens.js';
+
+/**
+ * @param {{createEntry,listEntries,getEntry,updateEntry}} col collections service
+ * @param {{slug?: string, refField?: string}} [opts]
+ */
+export function createLedger(col, {slug = 'outreach-invites', refField = 'ref', source = 'outreach'} = {}) {
+    async function allInvites() {
+        const {entries} = await col.listEntries(slug, {limit: 100000});
+        return entries;
+    }
+
+    async function invitesFor(refId) {
+        return (await allInvites()).filter(e => e.data[refField] === refId);
+    }
+
+    /** Issue pending invites for contacts that don't already have one. Returns [{id, contactId, token}]. */
+    async function issueInvites(refId, contactIds) {
+        const existing = await invitesFor(refId);
+        const seen = new Set(existing.map(e => e.data.contactId));
+        const out = [];
+        for (const contactId of contactIds) {
+            if (seen.has(contactId)) continue;
+            const token = generateToken();
+            const entry = await col.createEntry(slug, {
+                [refField]: refId, contactId,
+                tokenHash: hashToken(normaliseCode(token)),
+                status: 'pending', sentAt: null, completedAt: null, responseId: null
+            }, {source});
+            out.push({id: entry.id, contactId, token});
+            seen.add(contactId);
+        }
+        return out;
+    }
+
+    /**
+     * Ensure every listed contact has a FRESH token to email. New contacts get
+     * a created invite; existing non-completed invites are re-issued with a
+     * new token (so re-sends and reminders carry a working personalised link);
+     * contacts who already completed are skipped. The previous token for a
+     * re-issued invite stops working - latest link wins.
+     *
+     * Returns [{id, contactId, token}] for the invites to email.
+     */
+    async function issueOrReissue(refId, contactIds) {
+        const existing = await invitesFor(refId);
+        const byContact = new Map(existing.map(e => [e.data.contactId, e]));
+        const out = [];
+        for (const contactId of contactIds) {
+            const ex = byContact.get(contactId);
+            if (ex && ex.data.status === 'completed') continue;
+            const token = generateToken();
+            const tokenHash = hashToken(normaliseCode(token));
+            if (ex) {
+                await col.updateEntry(slug, ex.id, {...ex.data, tokenHash});
+                out.push({id: ex.id, contactId, token});
+            } else {
+                const entry = await col.createEntry(slug, {
+                    [refField]: refId, contactId, tokenHash,
+                    status: 'pending', sentAt: null, completedAt: null, responseId: null
+                }, {source});
+                out.push({id: entry.id, contactId, token});
+            }
+        }
+        return out;
+    }
+
+    /** Find an invite by submitted code (any format). Null if unknown. */
+    async function findByCode(refId, code) {
+        const hash = hashToken(normaliseCode(code));
+        const invites = await invitesFor(refId);
+        return invites.find(e => e.data.tokenHash === hash) ?? null;
+    }
+
+    /** Mark sent / bounced. */
+    async function markSent(inviteId, ok, nowIso) {
+        const entry = await col.getEntry(slug, inviteId);
+        if (!entry) return null;
+        return col.updateEntry(slug, inviteId, {
+            ...entry.data,
+            status: ok ? 'sent' : 'bounced',
+            sentAt: ok ? nowIso : entry.data.sentAt
+        });
+    }
+
+    /** Mark completed with the stored response id. */
+    async function markCompleted(inviteId, responseId, nowIso) {
+        const entry = await col.getEntry(slug, inviteId);
+        if (!entry) return null;
+        return col.updateEntry(slug, inviteId, {
+            ...entry.data, status: 'completed', completedAt: nowIso, responseId: responseId ?? null
+        });
+    }
+
+    /** Invites that are neither completed nor bounced. */
+    async function outstanding(refId) {
+        const invites = await invitesFor(refId);
+        return invites.filter(e => e.data.status !== 'completed' && e.data.status !== 'bounced');
+    }
+
+    /** Sent invites, not yet completed, whose sentAt is older than afterDays before now. */
+    async function dueForReminder(refId, afterDays, now) {
+        const cutoff = now.getTime() - Number(afterDays) * 86400000;
+        const invites = await invitesFor(refId);
+        return invites.filter(e =>
+            e.data.status === 'sent' &&
+            e.data.sentAt && new Date(e.data.sentAt).getTime() <= cutoff
+        );
+    }
+
+    return {allInvites, invitesFor, issueInvites, issueOrReissue, findByCode, markSent, markCompleted, outstanding, dueForReminder, slug, refField};
+}