domma-cms 0.7.1 → 0.7.6

package/admin/js/app.js

@@ -1,6 +1,6 @@
-import{getSidebarConfig as J}from"./config/sidebar-config.js";import{views as K}from"./views/index.js";import{api as o,getUser as r,isAuthenticated as l,logout as H}from"./api.js";$(()=>{(async()=>{try{const t=l()?await o.settings.get():null;Domma.theme.init({theme:t?.adminTheme||"charcoal-dark",persist:!0})}catch{Domma.theme.init({theme:"charcoal-dark",persist:!0})}})();const k=["jb-company","jb-agent","jb-candidate"],P=["/job-board","/my-profile"];function d(t){return t&&k.includes(t.role)}function m(t){return P.some(e=>t===e||t.startsWith(e+"/"))}R.use(async(t,e,i)=>{if(t.path==="/login"||t.path==="/reset-password")return i();if(!l()){R.navigate("/login");return}if(d(r())&&!m(t.path)){R.navigate("/job-board");return}i()});let c=null;async function x(){if(!l())return{};try{const[t,e,i,a,s,n,W,B,T,V,I,U,_]=await Promise.all([o.pages.list().catch(()=>[]),o.media.list().catch(()=>[]),o.users.list().catch(()=>[]),o.plugins.list().catch(()=>[]),o.collections.list().catch(()=>[]),o.forms.list().catch(()=>[]),o.themes.list().catch(()=>[]),o.views.list().catch(()=>[]),o.actions.list().catch(()=>[]),o.blocks.list().catch(()=>[]),o.navigation.get().catch(()=>({})),o.layouts.get().catch(()=>({})),o.get("/collections/roles/entries?limit=100").catch(()=>({entries:[]}))]),C=I.items||[],O=C.filter(h=>!h.hidden).length,D=C.length,F=a.filter(h=>h.enabled).length,y=a.length;return{pages:t.length,media:e.length,users:i.length,plugins:y>0?`${F}/${y}`:null,collections:s.length,forms:n.length,themes:W.length,views:B.length,actions:T.length,blocks:V.length,navigation:D>0?`${O}/${D}`:null,layouts:Object.keys(U).length,roles:(_.entries||[]).length}}catch{return{}}}async function u(){try{return(await o.get("/auth/permissions")).permissions||[]}catch{return[]}}async function j(){try{return await o.get("/settings/db-status")}catch{return{configured:!1}}}async function g(t){c&&$("#admin-sidebar").empty();const[e,i]=await Promise.all([x(),j()]),a=w.map(s=>{if(!s.countKey)return s;const n=e[s.countKey];return{...s,badge:n!=null&&n>0?String(n):null}});if(c=Domma.elements.sidebar("#admin-sidebar",{header:{title:"CMS Admin",icon:"layout"},items:J(t,e,a),collapsible:!0,collapseAt:992,push:!0,contentSelector:".dashboard-main",top:"60px"}),A(),L(),i?.configured){const s=$("#admin-sidebar").find(".sidebar-header-title").first();s.length&&!s.find(".db-badge").length&&s.append('<span class="db-badge" title="MongoDB connected" style="display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;letter-spacing:.5px;margin-left:6px;vertical-align:middle;line-height:1;">DB</span>')}}function A(){$("#admin-sidebar .sidebar-link").each(function(){const t=$(this).find(".sidebar-text").text().trim();t&&$(this).attr("data-tooltip",t)}),E.tooltip("#admin-sidebar [data-tooltip]",{placement:"right"})}function L(){$("#admin-sidebar .sidebar-heading").each(function(){const t=$(this);t.addClass("sidebar-heading--collapsible"),t.append('<span class="sidebar-heading-toggle"><span data-icon="chevron-down"></span></span>'),t.on("click",function(){const e=!t.hasClass("is-collapsed");t.toggleClass("is-collapsed",e);let i=t.next();for(;i.length&&!i.hasClass("sidebar-heading")&&!i.hasClass("sidebar-divider");)i.toggle(!e),i=i.next()})}),Domma.icons.scan("#admin-sidebar")}M.subscribe("router:afterChange",({to:t})=>{c&&t.path!=="/login"&&t.path!=="/reset-password"&&c.setActive("#"+t.path)});const N=[{path:"/",view:"dashboard",title:"Dashboard - Domma CMS"},{path:"/pages",view:"pages",title:"Pages - Domma CMS"},{path:"/pages/new",view:"pageEditor",title:"New Page - Domma CMS"},{path:"/pages/edit/*",view:"pageEditor",title:"Edit Page - Domma CMS"},{path:"/media",view:"media",title:"Media - Domma CMS"},{path:"/navigation",view:"navigation",title:"Navigation - Domma CMS"},{path:"/layouts",view:"layouts",title:"Layouts - Domma CMS"},{path:"/settings",view:"settings",title:"Settings - Domma CMS"},{path:"/users",view:"users",title:"Users - Domma CMS"},{path:"/users/new",view:"userEditor",title:"New User - Domma CMS"},{path:"/users/edit/:id",view:"userEditor",title:"Edit User - Domma CMS"},{path:"/plugins",view:"plugins",title:"Plugins - Domma CMS"},{path:"/documentation",view:"documentation",title:"Usage - Domma CMS"},{path:"/tutorials",view:"tutorials",title:"Tutorials - Domma CMS"},{path:"/api-reference",view:"apiReference",title:"API Reference - Domma CMS"},{path:"/collections",view:"collections",title:"Collections - Domma CMS"},{path:"/collections/new",view:"collectionEditor",title:"New Collection - Domma CMS"},{path:"/collections/edit/:slug",view:"collectionEditor",title:"Edit Collection - Domma CMS"},{path:"/collections/:slug/entries",view:"collectionEntries",title:"Entries - Domma CMS"},{path:"/forms",view:"forms",title:"Forms - Domma CMS"},{path:"/forms/new",view:"formEditor",title:"New Form - Domma CMS"},{path:"/forms/edit/:slug",view:"formEditor",title:"Edit Form - Domma CMS"},{path:"/forms/:slug/submissions",view:"formSubmissions",title:"Submissions - Domma CMS"},{path:"/views",view:"viewsList",title:"Views - Domma CMS"},{path:"/views/new",view:"viewEditor",title:"New View - Domma CMS"},{path:"/views/edit/:slug",view:"viewEditor",title:"Edit View - Domma CMS"},{path:"/views/:slug/preview",view:"viewPreview",title:"View Preview - Domma CMS"},{path:"/actions",view:"actionsList",title:"Actions - Domma CMS"},{path:"/actions/new",view:"actionEditor",title:"New Action - Domma CMS"},{path:"/actions/edit/:slug",view:"actionEditor",title:"Edit Action - Domma CMS"},{path:"/pro/docs",view:"proDocs",title:"Pro Documentation - Domma CMS"},{path:"/blocks",view:"blocks",title:"Blocks - Domma CMS"},{path:"/blocks/new",view:"blockEditor",title:"New Block - Domma CMS"},{path:"/blocks/edit/:name",view:"blockEditor",title:"Edit Block - Domma CMS"},{path:"/my-profile",view:"myProfile",title:"My Profile - Domma CMS"},{path:"/roles",view:"roles",title:"Roles & Permissions - Domma CMS"},{path:"/roles/edit/:id",view:"roleEditor",title:"Edit Role - Domma CMS"},{path:"/login",view:"login",title:"Sign in - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}},{path:"/reset-password",view:"login",title:"Reset Password - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}}];M.subscribe("router:afterChange",async({to:t,from:e})=>{if(!(t.path==="/login"||t.path==="/reset-password")){if(d(r())&&!m(t.path)){R.navigate("/job-board");return}if($("#admin-sidebar").show(),$("#admin-topbar").show(),e?.path==="/login"||e?.path==="/reset-password"){$("#topbar-user-name").remove(),await f();const i=await u();g(i)}v()}}),M.subscribe("router:afterChange",()=>{setTimeout(()=>{$(".btn-primary, .btn-danger").length&&Domma.effects.reveal(".btn-primary, .btn-danger",{animation:"fade",stagger:40,duration:300})},50)}),$("#view-container").on("click",".card-collapsible .card-header",function(t){$(t.target).closest("button, a").length||$(this).closest(".card").toggleClass("card-collapsed")}),document.addEventListener("keydown",t=>{if(!(t.ctrlKey||t.metaKey)||t.key!=="s"||window.location.hash==="#/login"||window.location.hash.startsWith("#/reset-password"))return;const e=document.querySelector("#view-container .view-header button.btn-primary");e&&(t.preventDefault(),e.click())});const b={...K},p=[...N];let w=[];async function f(){if(l())try{const t=await o.plugins.adminConfig();w=t.sidebar||[],t.routes?.length&&p.push(...t.routes);for(const[e,i]of Object.entries(t.views||{}))try{const a=await import(`/plugins/${i.entry}`);b[e]=a[i.exportName]}catch{}}catch{}}function v(){const t=r();if(!t||$("#topbar-user-name").length)return;const i={admin:"Admin",manager:"Manager",editor:"Editor",subscriber:"Subscriber","jb-company":"Company","jb-agent":"Agent","jb-candidate":"Candidate"}[t.role]||t.role;$("#topbar-user").html(`
-            <span id="topbar-user-name" class="topbar-user-name">${S(t.name)}</span>
-            <span class="topbar-role-badge topbar-role-badge--${S(t.role)}">${i}</span>
+import{getSidebarConfig as J}from"./config/sidebar-config.js";import{views as H}from"./views/index.js";import{api as o,getUser as l,isAuthenticated as r,logout as q}from"./api.js";$(()=>{(async()=>{try{const t=r()?await o.settings.get():null;Domma.theme.init({theme:t?.adminTheme||"charcoal-dark",persist:!0})}catch{Domma.theme.init({theme:"charcoal-dark",persist:!0})}})();const P=["jb-company","jb-agent","jb-candidate"],x=["/job-board","/my-profile"];function d(t){return t&&P.includes(t.role)}function m(t){return x.some(i=>t===i||t.startsWith(i+"/"))}R.use(async(t,i,a)=>{if(t.path==="/login"||t.path==="/reset-password")return a();if(!r()){R.navigate("/login");return}if(d(l())&&!m(t.path)){R.navigate("/job-board");return}a()});let c=null;async function j(){if(!r())return{};try{const[t,i,a,s,e,n,_,B,T,V,I,O,U]=await Promise.all([o.pages.list().catch(()=>[]),o.media.list().catch(()=>[]),o.users.list().catch(()=>[]),o.plugins.list().catch(()=>[]),o.collections.list().catch(()=>[]),o.forms.list().catch(()=>[]),o.themes.list().catch(()=>[]),o.views.list().catch(()=>[]),o.actions.list().catch(()=>[]),o.blocks.list().catch(()=>[]),o.navigation.get().catch(()=>({})),o.layouts.get().catch(()=>({})),o.get("/collections/roles/entries?limit=100").catch(()=>({entries:[]}))]),D=I.items||[],K=D.filter(h=>!h.hidden).length,y=D.length,F=s.filter(h=>h.enabled).length,k=s.length;return{pages:t.length,media:i.length,users:a.length,plugins:k>0?`${F}/${k}`:null,collections:e.length,forms:n.length,themes:_.length,views:B.length,actions:T.length,blocks:V.length,navigation:y>0?`${K}/${y}`:null,layouts:Object.keys(O).length,roles:(U.entries||[]).length}}catch{return{}}}async function g(){try{return(await o.get("/auth/permissions")).permissions||[]}catch{return[]}}async function A(){try{return await o.get("/settings/db-status")}catch{return{configured:!1}}}async function u(t){c&&$("#admin-sidebar").empty();const[i,a]=await Promise.all([j(),A()]),s=w.map(e=>{if(!e.countKey)return e;const n=i[e.countKey];return{...e,badge:n!=null&&n>0?String(n):null}});if(c=Domma.elements.sidebar("#admin-sidebar",{header:{title:"CMS Admin",icon:"layout"},items:J(t,i,s),collapsible:!0,collapseAt:992,push:!0,contentSelector:".dashboard-main",top:"60px"}),L(),N(),a?.configured){const e=$("#admin-sidebar").find(".sidebar-header-title").first();e.length&&!e.find(".db-badge").length&&e.append('<span class="db-badge" title="MongoDB connected" style="display:inline-flex;align-items:center;background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;letter-spacing:.5px;margin-left:6px;vertical-align:middle;line-height:1;">DB</span>')}}function L(){$("#admin-sidebar .sidebar-link").each(function(){const t=$(this).find(".sidebar-text").text().trim();t&&$(this).attr("data-tooltip",t)}),E.tooltip("#admin-sidebar [data-tooltip]",{placement:"right"})}function N(){const t="sidebar_collapsed_sections",i=new Set(S.get(t)||[]);$("#admin-sidebar .sidebar-heading").each(function(){const a=$(this);a.addClass("sidebar-heading--collapsible"),a.append('<span class="sidebar-heading-toggle"><span data-icon="chevron-down"></span></span>');const s=a.text().trim();if(i.has(s)){a.addClass("is-collapsed");let e=a.next();for(;e.length&&!e.hasClass("sidebar-heading")&&!e.hasClass("sidebar-divider");)e.hide(),e=e.next()}a.on("click",function(){const e=!a.hasClass("is-collapsed");a.toggleClass("is-collapsed",e);let n=a.next();for(;n.length&&!n.hasClass("sidebar-heading")&&!n.hasClass("sidebar-divider");)n.toggle(!e),n=n.next();e?i.add(s):i.delete(s),S.set(t,[...i])})}),Domma.icons.scan("#admin-sidebar")}M.subscribe("router:afterChange",({to:t})=>{c&&t.path!=="/login"&&t.path!=="/reset-password"&&c.setActive("#"+t.path)});const W=[{path:"/",view:"dashboard",title:"Dashboard - Domma CMS"},{path:"/pages",view:"pages",title:"Pages - Domma CMS"},{path:"/pages/new",view:"pageEditor",title:"New Page - Domma CMS"},{path:"/pages/edit/*",view:"pageEditor",title:"Edit Page - Domma CMS"},{path:"/media",view:"media",title:"Media - Domma CMS"},{path:"/navigation",view:"navigation",title:"Navigation - Domma CMS"},{path:"/layouts",view:"layouts",title:"Layouts - Domma CMS"},{path:"/settings",view:"settings",title:"Settings - Domma CMS"},{path:"/users",view:"users",title:"Users - Domma CMS"},{path:"/users/new",view:"userEditor",title:"New User - Domma CMS"},{path:"/users/edit/:id",view:"userEditor",title:"Edit User - Domma CMS"},{path:"/plugins",view:"plugins",title:"Plugins - Domma CMS"},{path:"/documentation",view:"documentation",title:"Usage - Domma CMS"},{path:"/tutorials",view:"tutorials",title:"Tutorials - Domma CMS"},{path:"/api-reference",view:"apiReference",title:"API Reference - Domma CMS"},{path:"/collections",view:"collections",title:"Collections - Domma CMS"},{path:"/collections/new",view:"collectionEditor",title:"New Collection - Domma CMS"},{path:"/collections/edit/:slug",view:"collectionEditor",title:"Edit Collection - Domma CMS"},{path:"/collections/:slug/entries",view:"collectionEntries",title:"Entries - Domma CMS"},{path:"/forms",view:"forms",title:"Forms - Domma CMS"},{path:"/forms/new",view:"formEditor",title:"New Form - Domma CMS"},{path:"/forms/edit/:slug",view:"formEditor",title:"Edit Form - Domma CMS"},{path:"/forms/:slug/submissions",view:"formSubmissions",title:"Submissions - Domma CMS"},{path:"/views",view:"viewsList",title:"Views - Domma CMS"},{path:"/views/new",view:"viewEditor",title:"New View - Domma CMS"},{path:"/views/edit/:slug",view:"viewEditor",title:"Edit View - Domma CMS"},{path:"/views/:slug/preview",view:"viewPreview",title:"View Preview - Domma CMS"},{path:"/actions",view:"actionsList",title:"Actions - Domma CMS"},{path:"/actions/new",view:"actionEditor",title:"New Action - Domma CMS"},{path:"/actions/edit/:slug",view:"actionEditor",title:"Edit Action - Domma CMS"},{path:"/pro/docs",view:"proDocs",title:"Pro Documentation - Domma CMS"},{path:"/blocks",view:"blocks",title:"Blocks - Domma CMS"},{path:"/blocks/new",view:"blockEditor",title:"New Block - Domma CMS"},{path:"/blocks/edit/:name",view:"blockEditor",title:"Edit Block - Domma CMS"},{path:"/my-profile",view:"myProfile",title:"My Profile - Domma CMS"},{path:"/roles",view:"roles",title:"Roles & Permissions - Domma CMS"},{path:"/roles/edit/:id",view:"roleEditor",title:"Edit Role - Domma CMS"},{path:"/login",view:"login",title:"Sign in - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}},{path:"/reset-password",view:"login",title:"Reset Password - Domma CMS",onEnter:()=>{$("#admin-sidebar").hide(),$("#admin-topbar").hide()}}];M.subscribe("router:afterChange",async({to:t,from:i})=>{if(!(t.path==="/login"||t.path==="/reset-password")){if(d(l())&&!m(t.path)){R.navigate("/job-board");return}if($("#admin-sidebar").show(),$("#admin-topbar").show(),i?.path==="/login"||i?.path==="/reset-password"){$("#topbar-user-name").remove(),await f();const a=await g();u(a)}v()}}),M.subscribe("router:afterChange",()=>{setTimeout(()=>{$(".btn-primary, .btn-danger").length&&Domma.effects.reveal(".btn-primary, .btn-danger",{animation:"fade",stagger:40,duration:300})},50)}),$("#view-container").on("click",".card-collapsible .card-header",function(t){$(t.target).closest("button, a").length||$(this).closest(".card").toggleClass("card-collapsed")}),document.addEventListener("keydown",t=>{if(!(t.ctrlKey||t.metaKey)||t.key!=="s"||window.location.hash==="#/login"||window.location.hash.startsWith("#/reset-password"))return;const i=document.querySelector("#view-container .view-header button.btn-primary");i&&(t.preventDefault(),i.click())});const b={...H},p=[...W];let w=[];async function f(){if(r())try{const t=await o.plugins.adminConfig();w=t.sidebar||[],t.routes?.length&&p.push(...t.routes);for(const[i,a]of Object.entries(t.views||{}))try{const s=await import(`/plugins/${a.entry}`);b[i]=s[a.exportName]}catch{}}catch{}}function v(){const t=l();if(!t||$("#topbar-user-name").length)return;const a={admin:"Admin",manager:"Manager",editor:"Editor",subscriber:"Subscriber","jb-company":"Company","jb-agent":"Agent","jb-candidate":"Candidate"}[t.role]||t.role;$("#topbar-user").html(`
+            <span id="topbar-user-name" class="topbar-user-name">${C(t.name)}</span>
+            <span class="topbar-role-badge topbar-role-badge--${C(t.role)}">${a}</span>
         `),$("#topbar-actions").html(`
             <a href="#/my-profile" class="topbar-action-link" data-tooltip="My Profile" data-tooltip-placement="bottom">
                 <span data-icon="user"></span>
@@ -14,4 +14,4 @@ import{getSidebarConfig as J}from"./config/sidebar-config.js";import{views as K}
                 <span data-icon="log-out"></span>
                 <span>Sign out</span>
             </a>
-        `),$("#topbar-logout-btn").on("click",a=>{a.preventDefault(),H()}),Domma.icons.scan("#admin-topbar"),E.tooltip("#topbar-actions [data-tooltip]",{placement:"bottom"})}function S(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}(async()=>{if(!l()&&!window.location.hash.startsWith("#/reset-password"))window.location.hash="#/login";else{const a=(window.location.hash||"#/").slice(1)||"/";if(d(r())&&!m(a)&&(window.location.hash="#/job-board"),await f(),r()){const n=await u();await g(n),v()}}R.init({container:"#view-container",routes:p,views:b,default:"/",transitions:{enter:"fadeIn",leave:"fadeOut",duration:150}});const t=R._extractParams.bind(R);R._extractParams=function(a,s){if(a.endsWith("/*")){const n=a.slice(0,-2);return s.startsWith(n+"/")?{}:null}return t(a,s)};const e=(window.location.hash||"#/").slice(1)||"/";p.filter(a=>a.path.endsWith("/*")).some(a=>e.startsWith(a.path.slice(0,-2)+"/"))&&R._handleRouteChange()})()});
+        `),$("#topbar-logout-btn").on("click",s=>{s.preventDefault(),q()}),Domma.icons.scan("#admin-topbar"),E.tooltip("#topbar-actions [data-tooltip]",{placement:"bottom"})}function C(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}(async()=>{if(!r()&&!window.location.hash.startsWith("#/reset-password"))window.location.hash="#/login";else{const s=(window.location.hash||"#/").slice(1)||"/";if(d(l())&&!m(s)&&(window.location.hash="#/job-board"),await f(),l()){const n=await g();await u(n),v()}}R.init({container:"#view-container",routes:p,views:b,default:"/",transitions:{enter:"fadeIn",leave:"fadeOut",duration:150}});const t=R._extractParams.bind(R);R._extractParams=function(s,e){if(s.endsWith("/*")){const n=s.slice(0,-2);return e.startsWith(n+"/")?{}:null}return t(s,e)};const i=(window.location.hash||"#/").slice(1)||"/";p.filter(s=>s.path.endsWith("/*")).some(s=>i.startsWith(s.path.slice(0,-2)+"/"))&&R._handleRouteChange()})()});

package/admin/js/config/sidebar-config.js

@@ -1 +1 @@
-export function getSidebarConfig(o=[],t={},l=[]){const e=n=>o.includes(n)||["read","create","update","delete"].some(r=>o.includes(`${n}.${r}`)),s=n=>n==null?null:typeof n=="string"?n.length>0?n:null:n>0?String(n):null,i=[],u=o.length>0&&o.every(n=>n.startsWith("jb-"));u||i.push({heading:"Overview"},{id:"dashboard",text:"Dashboard",icon:"home",url:"#/",section:"#/"},{divider:!0}),(e("navigation")||e("layouts"))&&i.push({heading:"Structure"},...e("navigation")?[{id:"navigation",text:"Navigation",icon:"menu",url:"#/navigation",section:"#/navigation",badge:s(t.navigation)}]:[],...e("layouts")?[{id:"layouts",text:"Layouts",icon:"layout",url:"#/layouts",section:"#/layouts",badge:s(t.layouts)}]:[],{divider:!0}),(e("pages")||e("media"))&&(i.push({heading:"Content"}),e("pages")&&i.push({id:"pages",text:"Pages",icon:"file-text",url:"#/pages",section:"#/pages",badge:s(t.pages)}),e("media")&&i.push({id:"media",text:"Media",icon:"image",url:"#/media",section:"#/media",badge:s(t.media)})),(e("collections")||e("views")||e("actions"))&&(i.push({divider:!0},{heading:"Data"}),e("collections")&&(i.push({id:"collections",text:"Collections",icon:"database",url:"#/collections",section:"#/collections",badge:s(t.collections)}),i.push({id:"forms",text:"Forms",icon:"layout",url:"#/forms",section:"#/forms",badge:s(t.forms)})),e("views")&&i.push({id:"views",text:"Views",icon:"eye",url:"#/views",section:"#/views",badge:s(t.views)}),e("actions")&&i.push({id:"actions",text:"Actions",icon:"zap",url:"#/actions",section:"#/actions",badge:s(t.actions)}),e("pages")&&i.push({id:"blocks",text:"Blocks",icon:"box",url:"#/blocks",section:"#/blocks",badge:s(t.blocks)})),(e("plugins")||e("users")||e("settings"))&&(i.push({divider:!0},{heading:"Configuration"}),e("plugins")&&i.push({id:"roles",text:"Roles",icon:"shield",url:"#/roles",section:"#/roles",badge:s(t.roles)}),e("users")&&i.push({id:"users",text:"Users",icon:"users",url:"#/users",section:"#/users",badge:s(t.users)}),e("settings")&&i.push({id:"settings",text:"Site Settings",icon:"settings",url:"#/settings",section:"#/settings"}));const a=l.filter(n=>n.permissions?.length?n.permissions.some(r=>o.includes(r)):!0);return e("plugins")?i.push({divider:!0},{heading:"Plugins"},{id:"plugins",text:"Plugins",icon:"package",url:"#/plugins",section:"#/plugins",badge:s(t.plugins)},...a):a.length&&i.push({divider:!0},...a),(e("navigation")||e("layouts")||e("settings"))&&i.push({divider:!0},{heading:"Pro"},{id:"pro-docs",text:"Documentation",icon:"zap",url:"#/pro/docs",section:"#/pro/docs"}),i.push({divider:!0},{heading:"Account"},{id:"my-profile",text:"My Profile",icon:"user",url:"#/my-profile",section:"#/my-profile"}),u||i.push({divider:!0},{heading:"View Site"},{id:"view-site",text:"View Site",icon:"external-link",url:"/",section:"/"}),(e("pages")||e("collections")||e("plugins")||e("settings"))&&i.push({divider:!0},{heading:"Documentation"},{id:"documentation",text:"Usage",icon:"book",url:"#/documentation",section:"#/documentation",badge:s(t.documents)},{id:"tutorials",text:"Tutorials",icon:"document",url:"#/tutorials",section:"#/documentation",badge:s(t.tutorials)},{id:"api-reference",text:"API Reference",icon:"code",url:"#/api-reference",section:"#/documentation"}),i}
+export function getSidebarConfig(o=[],t={},r=[]){const e=n=>o.includes(n)||["read","create","update","delete"].some(l=>o.includes(`${n}.${l}`)),s=n=>n==null?null:typeof n=="string"?n.length>0?n:null:n>0?String(n):null,i=[],u=o.length>0&&o.every(n=>n.startsWith("jb-"));u||i.push({heading:"Overview"},{id:"dashboard",text:"Dashboard",icon:"home",url:"#/",section:"#/"},{divider:!0}),(e("navigation")||e("layouts"))&&i.push({heading:"Structure"},...e("navigation")?[{id:"navigation",text:"Navigation",icon:"menu",url:"#/navigation",section:"#/navigation",badge:s(t.navigation)}]:[],...e("layouts")?[{id:"layouts",text:"Layouts",icon:"layout",url:"#/layouts",section:"#/layouts",badge:s(t.layouts)}]:[],{divider:!0}),(e("pages")||e("media"))&&(i.push({heading:"Content"}),e("pages")&&i.push({id:"pages",text:"Pages",icon:"file-text",url:"#/pages",section:"#/pages",badge:s(t.pages)}),e("media")&&i.push({id:"media",text:"Media",icon:"image",url:"#/media",section:"#/media",badge:s(t.media)})),(e("collections")||e("views")||e("actions"))&&(i.push({divider:!0},{heading:"Data"}),e("collections")&&(i.push({id:"collections",text:"Collections",icon:"database",url:"#/collections",section:"#/collections",badge:s(t.collections)}),i.push({id:"forms",text:"Forms",icon:"layout",url:"#/forms",section:"#/forms",badge:s(t.forms)})),e("views")&&i.push({id:"views",text:"Views",icon:"eye",url:"#/views",section:"#/views",badge:s(t.views)}),e("actions")&&i.push({id:"actions",text:"Actions",icon:"zap",url:"#/actions",section:"#/actions",badge:s(t.actions)}),e("pages")&&i.push({id:"blocks",text:"Blocks",icon:"box",url:"#/blocks",section:"#/blocks",badge:s(t.blocks)})),(e("plugins")||e("users")||e("settings"))&&(i.push({divider:!0},{heading:"Configuration"}),e("plugins")&&i.push({id:"roles",text:"Roles",icon:"shield",url:"#/roles",section:"#/roles",badge:s(t.roles)}),e("users")&&i.push({id:"users",text:"Users",icon:"users",url:"#/users",section:"#/users",badge:s(t.users)}),e("settings")&&i.push({id:"settings",text:"Site Settings",icon:"settings",url:"#/settings",section:"#/settings"}));const a=r.filter(n=>n.permissions?.length?n.permissions.some(l=>o.includes(l)):!0);return e("plugins")?i.push({divider:!0},{heading:"Plugins"},{id:"plugins",text:"Plugins",icon:"package",url:"#/plugins",section:"#/plugins",badge:s(t.plugins)},...a):a.length&&i.push({divider:!0},...a),i.push({divider:!0},{heading:"Account"},{id:"my-profile",text:"My Profile",icon:"user",url:"#/my-profile",section:"#/my-profile"}),u||i.push({divider:!0},{heading:"View Site"},{id:"view-site",text:"View Site",icon:"external-link",url:"/",section:"/"}),(e("pages")||e("collections")||e("plugins")||e("settings"))&&i.push({divider:!0},{heading:"Documentation"},{id:"documentation",text:"Usage",icon:"book",url:"#/documentation",section:"#/documentation",badge:s(t.documents)},{id:"tutorials",text:"Tutorials",icon:"document",url:"#/tutorials",section:"#/documentation",badge:s(t.tutorials)},{id:"api-reference",text:"API Reference",icon:"code",url:"#/api-reference",section:"#/documentation"}),i}

package/admin/js/templates/documentation.html

@@ -627,5 +627,126 @@ Step 3: email        to={{entry.data.email}}
       </div>
     </div>
 
+      <!-- CTA Shortcode -->
+      <div class="card card-collapsible mb-4">
+          <div class="card-header" role="button" tabindex="0">
+              <div class="card-header-content"><h2><span data-icon="mouse-pointer"></span> CTA Shortcode <span
+                      class="badge badge-warning" style="font-size:.7rem;">Pro</span></h2></div>
+              <span class="card-collapse-icon" data-icon="chevron-down"></span>
+          </div>
+          <div class="card-body docs-body">
+              <p>The <code>[cta]</code> shortcode places an action-trigger button in any public page. Clicking it calls
+                  <code>POST /api/actions/:slug/public</code> with the entry ID, using the logged-in user's JWT.
+                  If the user is not logged in, a warning toast is shown instead.</p>
+
+              <h3>Syntax &amp; Attributes</h3>
+              <p><strong>Wrapping form:</strong></p>
+              <pre class="code-block"><code>[cta action="slug" entry="entry-id" icon="check" confirm="Are you sure?"]Button label[/cta]</code></pre>
+              <p><strong>Self-closing form:</strong></p>
+              <pre class="code-block"><code>[cta action="slug" entry="entry-id" label="Button label" /]</code></pre>
+              <table class="table table-sm" style="margin-top:1rem;">
+                  <thead>
+                  <tr>
+                      <th>Attribute</th>
+                      <th>Required</th>
+                      <th>Default</th>
+                      <th>Description</th>
+                  </tr>
+                  </thead>
+                  <tbody>
+                  <tr>
+                      <td><code>action</code></td>
+                      <td>Yes</td>
+                      <td>—</td>
+                      <td>Action slug</td>
+                  </tr>
+                  <tr>
+                      <td><code>entry</code></td>
+                      <td>Yes</td>
+                      <td>—</td>
+                      <td>Entry UUID to act on</td>
+                  </tr>
+                  <tr>
+                      <td><code>label</code></td>
+                      <td>No</td>
+                      <td><code>"Run"</code></td>
+                      <td>Button text (self-closing only)</td>
+                  </tr>
+                  <tr>
+                      <td><code>style</code></td>
+                      <td>No</td>
+                      <td><code>"primary"</code></td>
+                      <td>primary · secondary · ghost · danger</td>
+                  </tr>
+                  <tr>
+                      <td><code>icon</code></td>
+                      <td>No</td>
+                      <td>—</td>
+                      <td>Domma icon name</td>
+                  </tr>
+                  <tr>
+                      <td><code>size</code></td>
+                      <td>No</td>
+                      <td>—</td>
+                      <td>sm · md · lg</td>
+                  </tr>
+                  <tr>
+                      <td><code>confirm</code></td>
+                      <td>No</td>
+                      <td>—</td>
+                      <td>Confirmation prompt before executing</td>
+                  </tr>
+                  </tbody>
+              </table>
+
+              <h3>Collection Integration</h3>
+              <p>Add per-entry buttons to any <code>[collection]</code> shortcode:</p>
+              <pre class="code-block"><code>[collection slug="applications" display="cards" title-field="name"
+  cta="approve-application"
+  cta-label="Approve"
+  cta-icon="check"
+  cta-style="primary"
+  cta-confirm="Approve this application?" /]</code></pre>
+              <table class="table table-sm" style="margin-top:1rem;">
+                  <thead>
+                  <tr>
+                      <th>Attribute</th>
+                      <th>Default</th>
+                      <th>Description</th>
+                  </tr>
+                  </thead>
+                  <tbody>
+                  <tr>
+                      <td><code>cta</code></td>
+                      <td>—</td>
+                      <td>Action slug — enables per-entry buttons</td>
+                  </tr>
+                  <tr>
+                      <td><code>cta-label</code></td>
+                      <td><code>"Run"</code></td>
+                      <td>Button label</td>
+                  </tr>
+                  <tr>
+                      <td><code>cta-icon</code></td>
+                      <td>—</td>
+                      <td>Domma icon name</td>
+                  </tr>
+                  <tr>
+                      <td><code>cta-style</code></td>
+                      <td><code>"primary"</code></td>
+                      <td>Button variant</td>
+                  </tr>
+                  <tr>
+                      <td><code>cta-confirm</code></td>
+                      <td>—</td>
+                      <td>Confirmation prompt</td>
+                  </tr>
+                  </tbody>
+              </table>
+              <p>All three display modes support CTA buttons: <strong>cards</strong> (card footer),
+                  <strong>list</strong> (inline), <strong>table</strong> (dedicated column).</p>
+          </div>
+      </div>
+
   </div>
 </div>

package/admin/js/views/documentation.js

@@ -1 +1 @@
-export const documentationView={templateUrl:"/admin/js/templates/documentation.html",async onMount(n){Domma.icons.scan(),Domma.syntax.scan()}};
+export const documentationView={templateUrl:"/admin/js/templates/documentation.html",async onMount(t){Domma.elements.collapsible(t.get(0)),Domma.icons.scan(),Domma.syntax.scan()}};

package/config/navigation.json

@@ -72,6 +72,11 @@
           "icon": "mouse-pointer"
         }
       ]
+    },
+    {
+      "text": "Scratch",
+      "url": "/scratch",
+      "icon": "home"
     }
   ],
   "variant": "dark",

package/config/plugins.json

@@ -17,15 +17,6 @@
       "debounceMs": 300
     }
   },
-  "domma-effects": {
-    "enabled": true,
-    "settings": {
-      "respectMotion": false,
-      "defaultDuration": 600,
-      "defaultAnimation": "fade",
-      "defaultThreshold": 0.1
-    }
-  },
   "job-board": {
     "enabled": false,
     "settings": {}
@@ -45,5 +36,13 @@
   "docs": {
     "enabled": false,
     "settings": {}
+  },
+  "garage": {
+    "enabled": true,
+    "settings": {}
+  },
+  "data-transfer": {
+    "enabled": true,
+    "settings": {}
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "0.7.1",
+  "version": "0.7.6",
   "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/analytics/stats.json

@@ -1,8 +1,8 @@
 {
-  "/": 161,
+  "/": 162,
   "/about": 88,
-  "/blog": 36,
-  "/contact": 30,
+  "/blog": 42,
+  "/contact": 31,
   "/resources/typography": 4,
   "/resources": 13,
   "/resources/shortcodes": 14,
@@ -11,12 +11,12 @@
   "/resources/grid": 6,
   "/forms": 14,
   "/resources/effects": 6,
-  "/blog/hello-world": 23,
+  "/blog/hello-world": 28,
   "/feedback": 42,
   "/resources/dependencies": 2,
   "/resources/components": 6,
   "/gdpr": 3,
-  "/scratch": 70,
+  "/scratch": 84,
   "/getting-started": 3,
   "/resources/pro": 1,
   "/todo": 23,

package/plugins/data-transfer/admin/templates/data-transfer.html

@@ -0,0 +1,172 @@
+<div class="data-transfer-plugin">
+
+    <div class="mb-4" style="display:flex;align-items:center;gap:0.75rem;">
+        <span data-icon="hard-drive" style="width:28px;height:28px;opacity:0.8;"></span>
+        <div>
+            <h1 style="font-size:1.25rem;font-weight:600;margin:0;">Data Transfer</h1>
+            <p style="font-size:0.875rem;color:var(--dm-text-muted);margin:0;">Bulk transfer, backup, restore, and clone
+                collections.</p>
+        </div>
+    </div>
+
+    <div id="dt-tabs" class="tabs">
+        <div class="tab-list" role="tablist">
+            <button class="tab-item active" data-tab="transfer">Transfer</button>
+            <button class="tab-item" data-tab="backups">Backups</button>
+            <button class="tab-item" data-tab="clone">Clone</button>
+        </div>
+
+        <div class="tab-content">
+
+            <!-- ===== Transfer ===== -->
+            <div class="tab-panel active" data-panel="transfer">
+                <div class="card mt-4">
+                    <div class="card-header">
+                        <strong>Move Collections Between Storage Adapters</strong>
+                    </div>
+                    <div class="card-body">
+
+                        <div id="dt-mongo-warning" class="card mb-3"
+                             style="display:none;border-left:3px solid var(--dm-warning);">
+                            <div class="card-body"
+                                 style="display:flex;align-items:center;gap:0.5rem;padding:0.65rem 0.875rem;">
+                                <span data-icon="alert-triangle" style="width:16px;height:16px;flex-shrink:0;"></span>
+                                <span style="font-size:0.875rem;">MongoDB is not connected. File &rarr; MongoDB transfers are unavailable.</span>
+                            </div>
+                        </div>
+
+                        <div class="form-group mb-4">
+                            <label class="form-label">Direction</label>
+                            <div style="display:flex;gap:1.5rem;margin-top:0.25rem;">
+                                <label style="display:flex;align-items:center;gap:0.5rem;cursor:pointer;">
+                                    <input type="radio" name="dt-direction" value="file-to-mongo" id="dt-dir-ftm"
+                                           checked class="form-check-input">
+                                    File &rarr; MongoDB
+                                </label>
+                                <label style="display:flex;align-items:center;gap:0.5rem;cursor:pointer;">
+                                    <input type="radio" name="dt-direction" value="mongo-to-file" id="dt-dir-mtf"
+                                           class="form-check-input">
+                                    MongoDB &rarr; File
+                                </label>
+                            </div>
+                        </div>
+
+                        <div id="dt-collections-loading" style="font-size:0.875rem;color:var(--dm-text-muted);">Loading
+                            collections…
+                        </div>
+
+                        <div id="dt-collections-wrap" style="display:none;">
+                            <table class="table mb-3" id="dt-collections-table">
+                                <thead>
+                                <tr>
+                                    <th style="width:36px;">
+                                        <input type="checkbox" id="dt-select-all" class="form-check-input"
+                                               title="Select all">
+                                    </th>
+                                    <th>Collection</th>
+                                    <th>Slug</th>
+                                    <th>Adapter</th>
+                                    <th>Entries</th>
+                                </tr>
+                                </thead>
+                                <tbody id="dt-collections-body"></tbody>
+                            </table>
+
+                            <button class="btn btn-primary" id="dt-transfer-btn">
+                                <span data-icon="arrow-left-right" style="width:14px;height:14px;"></span>
+                                Transfer Selected
+                            </button>
+                        </div>
+
+                        <div id="dt-transfer-results" style="display:none;margin-top:1.5rem;">
+                            <strong style="display:block;margin-bottom:0.5rem;">Results</strong>
+                            <div id="dt-transfer-results-body"></div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+
+            <!-- ===== Backups ===== -->
+            <div class="tab-panel" data-panel="backups">
+                <div class="card mt-4">
+                    <div class="card-header" style="display:flex;align-items:center;justify-content:space-between;">
+                        <strong>Backup Snapshots</strong>
+                        <button class="btn btn-primary btn-sm" id="dt-create-backup-btn">
+                            <span data-icon="download" style="width:14px;height:14px;"></span>
+                            Create Backup
+                        </button>
+                    </div>
+                    <div class="card-body">
+                        <div id="dt-backups-loading" style="font-size:0.875rem;color:var(--dm-text-muted);">Loading
+                            backups…
+                        </div>
+                        <div id="dt-backups-wrap" style="display:none;">
+                            <table class="table" id="dt-backups-table">
+                                <thead>
+                                <tr>
+                                    <th>Timestamp</th>
+                                    <th>Collections</th>
+                                    <th>Total Entries</th>
+                                    <th style="width:180px;">Actions</th>
+                                </tr>
+                                </thead>
+                                <tbody id="dt-backups-body"></tbody>
+                            </table>
+                            <p id="dt-backups-empty"
+                               style="display:none;font-size:0.875rem;color:var(--dm-text-muted);">No backups yet.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- ===== Clone ===== -->
+            <div class="tab-panel" data-panel="clone">
+                <div class="card mt-4" style="max-width:520px;">
+                    <div class="card-header">
+                        <strong>Clone a Collection</strong>
+                    </div>
+                    <div class="card-body">
+
+                        <div class="form-group mb-3">
+                            <label class="form-label" for="dt-clone-source">Source Collection</label>
+                            <select class="form-input" id="dt-clone-source">
+                                <option value="">— select —</option>
+                            </select>
+                        </div>
+
+                        <div class="form-group mb-3">
+                            <label class="form-label" for="dt-clone-title">New Title</label>
+                            <input type="text" class="form-input" id="dt-clone-title"
+                                   placeholder="e.g. My Collection Copy">
+                        </div>
+
+                        <div class="form-group mb-3">
+                            <label class="form-label" for="dt-clone-slug">
+                                New Slug
+                                <span style="font-size:0.8rem;color:var(--dm-text-muted);">(auto-generated)</span>
+                            </label>
+                            <input type="text" class="form-input" id="dt-clone-slug"
+                                   placeholder="e.g. my-collection-copy">
+                        </div>
+
+                        <div class="form-group mb-4">
+                            <label style="display:flex;align-items:center;gap:0.5rem;cursor:pointer;">
+                                <input type="checkbox" class="form-check-input" id="dt-clone-entries">
+                                Copy entries (with new IDs)
+                            </label>
+                        </div>
+
+                        <button class="btn btn-primary" id="dt-clone-btn">
+                            <span data-icon="copy" style="width:14px;height:14px;"></span>
+                            Clone Collection
+                        </button>
+
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+</div>