domma-cms 0.92.1 → 0.94.0

package/admin/js/templates/pro-docs.html

@@ -1,259 +1,78 @@
 <div class="view-header">
   <h1><span data-icon="zap"></span> Pro Documentation</h1>
+  <a href="#/documentation" class="btn btn-ghost btn-sm"><span data-icon="arrow-left"></span> All usage topics</a>
 </div>
 
 <div class="tabs" id="pro-docs-tabs">
   <div class="tab-list">
-    <button class="tab-item active">Views</button>
+    <button class="tab-item active">What needs Pro</button>
+    <button class="tab-item">Views</button>
     <button class="tab-item">Actions</button>
-    <button class="tab-item">CTA Shortcode</button>
   </div>
+
   <div class="tab-content">
 
-    <!-- ── Views tab ─────────────────────────────────────── -->
+    <!-- What needs Pro -->
     <div class="tab-panel active">
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="eye"></span> What is a View?</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <p>A <strong>View</strong> is a saved MongoDB aggregation pipeline that runs against a collection and returns shaped results. Views are created under <strong>Data → Views</strong> and exposed via a REST endpoint that respects role-level and row-level access.</p>
-          <p>Views require a MongoDB connection configured in <code>config/connections.json</code>.</p>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="layers"></span> Allowed Pipeline Stages</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
+      <div class="card mb-4">
         <div class="card-body docs-body">
-          <table class="table table-sm">
-            <thead><tr><th>Stage</th><th>Purpose</th></tr></thead>
-            <tbody>
-              <tr><td><code>$match</code></td><td>Filter documents by field values</td></tr>
-              <tr><td><code>$sort</code></td><td>Order results</td></tr>
-              <tr><td><code>$project</code></td><td>Include, exclude, or rename fields</td></tr>
-              <tr><td><code>$lookup</code></td><td>Join from another collection</td></tr>
-              <tr><td><code>$unwind</code></td><td>Flatten an array field</td></tr>
-              <tr><td><code>$addFields</code></td><td>Compute new fields</td></tr>
-              <tr><td><code>$group</code></td><td>Aggregate (count, sum, etc.)</td></tr>
-              <tr><td><code>$limit</code></td><td>Cap results</td></tr>
-              <tr><td><code>$skip</code></td><td>Skip N results</td></tr>
-              <tr><td><code>$count</code></td><td>Return a document count</td></tr>
-            </tbody>
-          </table>
-          <p class="text-muted" style="margin-top:.75rem;">Blocked: <code>$out</code>, <code>$merge</code>, <code>$function</code>, <code>$accumulator</code>, <code>$graphLookup</code></p>
-          <p>Collections are prefixed <code>cms_</code> in MongoDB - use this prefix in <code>$lookup</code> <code>from</code> values.</p>
+          <p>Pro, for the data features, means one thing: a working <strong>MongoDB connection</strong>
+            (the <strong>Database connections</strong> tab on Data &gt; Collections, stored in <code>config/connections.json</code>). With one, a site gets:</p>
+          <ul>
+            <li><strong>Actions</strong> - workflow buttons, transitions and <code>[cta]</code>. Without MongoDB,
+              Data &gt; Actions says so and nothing can be run.</li>
+            <li><strong>MongoDB storage</strong> for any collection, chosen on its Storage tab. Moving a collection
+              either way keeps every entry's id.</li>
+            <li><strong>Notes and Todo on MongoDB</strong>, as their collections declare. A site whose files
+              still hold notes or to-dos stays on files until the Storage move settles it.</li>
+          </ul>
+          <p>Everything else works without it: collections on files, <strong>Views</strong> (a built-in
+            evaluator runs the same pipeline stages), forms, <code>[collection]</code> and <code>[view]</code>
+            displays, the Collection Browser, the API and API Builder.</p>
+          <p>Pro plugins (SEO Pro, Analytics Pro, Security Pro, Blog Pro and others) are a separate matter: they come
+            from the Marketplace with a licence. See <a href="#/docs/usage/editions">Editions &amp; Licences</a> and
+            <a href="#/docs/plugins">Plugin guides</a>.</p>
         </div>
       </div>
+    </div>
 
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="code"></span> Example Pipeline</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <p>Match active entries and count related submissions:</p>
-          <pre class="code-block"><code>[
-  { "$match": { "data.isActive": true } },
-  {
-    "$lookup": {
-      "from": "cms_feedback",
-      "localField": "_id",
-      "foreignField": "data.userId",
-      "as": "submissions"
-    }
-  },
-  { "$addFields": { "submissionCount": { "$size": "$submissions" } } },
-  { "$project": { "data.name": 1, "data.email": 1, "submissionCount": 1 } },
-  { "$sort": { "submissionCount": -1 } }
-]</code></pre>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="lock"></span> Access Control</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <table class="table table-sm">
-            <thead><tr><th>Setting</th><th>Description</th></tr></thead>
-            <tbody>
-              <tr><td>Allowed Roles</td><td>Which roles can call <code>GET /api/views/:slug/public</code></td></tr>
-              <tr><td>Public</td><td>No authentication required when checked</td></tr>
-              <tr><td>Row-Level - Owner</td><td>User sees only entries they created</td></tr>
-              <tr><td>Row-Level - Field Match</td><td>A specified entry field must match a user property</td></tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-
-    </div><!-- /Views tab -->
-
-    <!-- ── Actions tab ───────────────────────────────────── -->
+    <!-- Views -->
     <div class="tab-panel">
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="zap"></span> What is an Action?</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <p>An <strong>Action</strong> is a named sequence of steps that runs against a single collection entry. Actions are defined under <strong>Data → Actions</strong> and can be triggered from the entry list or via the <code>[cta]</code> shortcode on any public page.</p>
-          <p>Actions require a MongoDB connection configured in <code>config/connections.json</code>.</p>
-          <p>Steps run in order. If a step fails, execution stops and a partial result is returned with a <code>stepsCompleted</code> count.</p>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="list"></span> Step Types</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
+      <div class="card mb-4">
         <div class="card-body docs-body">
-          <table class="table table-sm">
-            <thead><tr><th>Type</th><th>What it does</th></tr></thead>
-            <tbody>
-              <tr><td><code>updateField</code></td><td>Sets a field on the entry to a new value</td></tr>
-              <tr><td><code>deleteEntry</code></td><td>Permanently deletes the target entry</td></tr>
-              <tr><td><code>moveToCollection</code></td><td>Moves the entry to a different collection</td></tr>
-              <tr><td><code>webhook</code></td><td>POSTs entry data to an external URL</td></tr>
-              <tr><td><code>email</code></td><td>Sends an email via the configured SMTP server</td></tr>
-            </tbody>
-          </table>
+          <p>A <strong>View</strong> is a saved pipeline over a collection (<code>$match</code>,
+            <code>$lookup</code>, <code>$sort</code>, <code>$project</code>, <code>$unwind</code>,
+            <code>$addFields</code>, <code>$group</code>, <code>$count</code>, <code>$skip</code>,
+            <code>$limit</code>). Views do <strong>not</strong> need MongoDB: a MongoDB collection runs a native
+            aggregation, any other runs the built-in evaluator.</p>
+          <p>Who may read a view is set on its Access tab: public, any listed role and everyone more senior, or -
+            with no roles - the admin tier. A row-level rule (Owner or Field match) shows each user only their
+            results.</p>
+          <p>Full guide: <a href="#/docs/usage/views">Views</a> and the <a href="#/docs/api/views">Views API</a>.</p>
         </div>
       </div>
+    </div>
 
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="tag"></span> Template Variables</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <p>All step field values support <code>&#123;&#123;...&#125;&#125;</code> interpolation:</p>
-          <table class="table table-sm">
-            <thead><tr><th>Variable</th><th>Value</th></tr></thead>
-            <tbody>
-              <tr><td><code>&#123;&#123;entry.data.fieldName&#125;&#125;</code></td><td>Any field from the target entry</td></tr>
-              <tr><td><code>&#123;&#123;entry.id&#125;&#125;</code></td><td>The entry's UUID</td></tr>
-              <tr><td><code>&#123;&#123;now&#125;&#125;</code></td><td>Current ISO 8601 timestamp</td></tr>
-              <tr><td><code>&#123;&#123;user.name&#125;&#125;</code></td><td>Name of the triggering user</td></tr>
-              <tr><td><code>&#123;&#123;user.email&#125;&#125;</code></td><td>Email of the triggering user</td></tr>
-              <tr><td><code>&#123;&#123;user.id&#125;&#125;</code></td><td>UUID of the triggering user</td></tr>
-              <tr><td><code>&#123;&#123;env.CMS_PUBLIC_*&#125;&#125;</code></td><td>Public environment variables</td></tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="code"></span> Step Examples</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <p><strong>updateField</strong> - mark an entry as approved:</p>
-          <pre class="code-block"><code>{ "field": "status", "value": "approved" }</code></pre>
-          <p><strong>webhook</strong> - notify an external service:</p>
-          <pre class="code-block"><code>{
-  "url": "https://hooks.example.com/notify",
-  "headers": { "X-Secret": "{{env.CMS_PUBLIC_HOOK_SECRET}}" }
-}</code></pre>
-          <p><strong>email</strong> - send confirmation to applicant:</p>
-          <pre class="code-block"><code>{
-  "to": "{{entry.data.email}}",
-  "subject": "Your application was approved",
-  "body": "Hi {{entry.data.name}}, your application has been approved."
-}</code></pre>
-        </div>
-      </div>
-
-    </div><!-- /Actions tab -->
-
-    <!-- ── CTA Shortcode tab ──────────────────────────────── -->
+    <!-- Actions -->
     <div class="tab-panel">
-
-      <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> What is the CTA shortcode?</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.</p>
-          <p>If the user is not logged in, a warning toast is shown instead.</p>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="code"></span> Syntax &amp; Attributes</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <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>
-        </div>
-      </div>
-
-      <div class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="grid"></span> Collection Integration</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
-        <div class="card-body docs-body">
-          <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 class="card card-collapsible mb-4">
-        <div class="card-header" role="button" tabindex="0">
-          <div class="card-header-content"><h2><span data-icon="book-open"></span> Full Reference</h2></div>
-          <span class="card-collapse-icon" data-icon="chevron-down"></span>
-        </div>
+      <div class="card mb-4">
         <div class="card-body docs-body">
-          <p>See the public documentation for live examples and the complete attribute reference:</p>
-          <a href="/resources/pro/cta" target="_blank" class="btn btn-ghost btn-sm">
-            <span data-icon="external-link"></span> CTA Shortcode Reference
-          </a>
+          <p>An <strong>Action</strong> is a named sequence of steps (update a field, delete, move to or create in
+            another collection, webhook, email, notify) run against one entry. Actions need MongoDB.</p>
+          <ul>
+            <li>Any role the action lists is enough to run it, and everyone more senior. No roles means admins
+              only; a role the site does not have admits only the level-0 role.</li>
+            <li>A transition makes the action a workflow step, offered only in the states it starts from. An
+              interactive <code>[collection ... transitions]</code> shows the buttons that apply to each row,
+              including on a <code>scope="mine"</code> block. A move that no longer applies is refused with 409.</li>
+            <li>Steps are not rolled back if a later one fails - put deletes and emails last.</li>
+          </ul>
+          <p>Full guides: <a href="#/docs/usage/actions">Actions</a>,
+            <a href="#/docs/usage/cta-shortcode">CTA Shortcode</a> and the
+            <a href="#/docs/api/actions">Actions API</a>.</p>
         </div>
       </div>
+    </div>
 
-    </div><!-- /CTA tab -->
-
-  </div><!-- .tab-content -->
-</div><!-- .tabs -->
+  </div>
+</div>

package/admin/js/templates/tutorials.html

@@ -28,8 +28,8 @@
           <div class="card-body">
             <h3 style="margin-top:0;"><span data-icon="package"></span> Writing a Plugin</h3>
             <p class="text-muted" style="margin-bottom:0;">
-              Extend the CMS with your own server routes, admin pages and page-injection snippets.
-              The three required files, the Fastify entry point, and how to register and test.
+              Extend the CMS with your own server routes, admin pages and page-injection snippets:
+              the manifest, the Fastify entry point, switching it on and testing it.
             </p>
           </div>
         </a>
@@ -50,8 +50,9 @@
 
       <p class="text-muted" style="font-size:.9rem;">
         Looking for reusable custom elements? See <a href="#/docs/components">Documentation → Components</a>.
-        For task-by-task usage, see <a href="#/documentation">Usage</a>; for the REST surface, see
-        <a href="#/api-reference">API Reference</a>.
+        For task-by-task usage, see <a href="#/documentation">Documentation</a>; for the REST surface, see
+        <a href="#/api-reference">API Reference</a>; for installed Marketplace plugins, see
+        <a href="#/docs/plugins">Plugin guides</a>.
       </p>
 
     </div>

package/admin/js/views/actions-list.js

@@ -11,7 +11,7 @@ import{apiRequest as $}from"../api.js";import{addBannerAction as ge}from"../lib/
         <span class="acx-chip" title="Project" data-bind-hidden="!project">{{project}}</span>
     </span>
     <button type="button" class="acx-kebab" aria-label="Actions for {{title}}" title="Actions">\u22EE</button>
-</div>`,C=u=>String(u??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Ce(u){const l=document.createElement("template");return l.innerHTML=u.trim(),l.content.firstElementChild}const o=be(ee);export const actionsListView={templateUrl:"/admin/js/templates/actions-list.html",async onMount(u){o.reset();const l=u.get(0).querySelector(".acx")||u.get(0),f=()=>ee.test(location.hash)&&l.isConnected,v=we(),i=M.observable([]),q=M.observable(0),U=M.observable(!0),L=M.observable(""),h=M.observable(!1),H=M.observable(""),b=M.observable(""),y=M.observable([]);o.add(M.effect(()=>{y.value=Ee(i.value,{query:H.value,collection:b.value}).map(xe)}));const P=M.computed(()=>Me(i.value)),ae=M.computed(()=>{const e=y.value.length,t=i.value.length;return e===t?`${t} action${t===1?"":"s"}`:`${e} of ${t}`}),ne=M.computed(()=>i.value.length?"No actions match.":"No actions yet - New action in the banner makes one."),se=M.computed(()=>$e(q.value,i.value.length,v)),w=e=>i.peek().find(t=>t.slug===e);async function A(){try{const e=await $("/actions/_count",{method:"GET"}).catch(()=>null);if(!f())return;if(e?.available===!1){h.value=!0;return}const t=await $("/actions",{method:"GET"});if(!f())return;const a=Array.isArray(t)?t:[];q.value=a.length,i.value=v?ye(a,v):a,h.value=!1,L.value=""}catch(e){if(!f())return;Se(e)?h.value=!0:L.value=`Could not load the actions: ${e.message||e}`}finally{U.value=!1}}const D=e=>{location.hash=`#/actions/edit/${encodeURIComponent(e)}`},oe=()=>{location.hash=v?`#/actions/new?project=${encodeURIComponent(v)}`:"#/actions/new"};async function le(e){if(await E.confirm(`Delete the action "${C(e.title||e.slug)}"? Its button disappears from the "${C(e.collection)}" entries. This cannot be undone.`))try{await $(`/actions/${encodeURIComponent(e.slug)}`,{method:"DELETE"}),E.toast(`Deleted "${e.title||e.slug}".`,{type:"success"}),Z(te),await A()}catch(t){E.toast(`Not deleted: ${t.message||t}`,{type:"error"})}}async function ie(e){try{await navigator.clipboard.writeText(e.slug),E.toast(`Copied "${e.slug}".`,{type:"success"})}catch{E.toast("The browser would not copy it - the slug is in the row.",{type:"warning"})}}let d=null;const O=new Set;function B(e,t=null){const a=w(e);if(!a){E.toast(`There is no action "${e}" here.`,{type:"warning"});return}const R={title:t?.title??`${a.title||a.slug} copy`,slug:t?.slug??""},g={title:M.observable(R.title),slug:M.observable(R.slug)},_=()=>({title:g.title.peek(),slug:g.slug.peek()}),de=JSON.stringify(R),J=()=>JSON.stringify(_())!==de||!!t,k=M.observable(!1),p=M.computed(()=>ke(a,{title:g.title.value,slug:g.slug.value},i.value.map(n=>n.slug))),W={...g,saving:k,titleErr:M.computed(()=>p.value.errors.title||""),slugErr:M.computed(()=>p.value.errors.slug||""),slugHint:M.computed(()=>p.value.errors.slug?"":`Will be created as "${p.value.payload.slug}".`),cannot:M.computed(()=>k.value||Object.keys(p.value.errors).length>0)},s=E.slideover({title:`Duplicate ${C(a.title||a.slug)}`,size:"sm",position:"right"}),m=Ce(`
+</div>`,C=u=>String(u??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");function Ce(u){const l=document.createElement("template");return l.innerHTML=u.trim(),l.content.firstElementChild}const o=be(ee);export const actionsListView={templateUrl:"/admin/js/templates/actions-list.html",async onMount(u){o.reset();const l=u.get(0).querySelector(".acx")||u.get(0),f=()=>ee.test(location.hash)&&l.isConnected,v=we(),c=M.observable([]),q=M.observable(0),P=M.observable(!0),A=M.observable(""),h=M.observable(!1),U=M.observable(""),b=M.observable(""),y=M.observable([]);o.add(M.effect(()=>{y.value=Ee(c.value,{query:U.value,collection:b.value}).map(xe)}));const H=M.computed(()=>Me(c.value)),ae=M.computed(()=>{const e=y.value.length,t=c.value.length;return e===t?`${t} action${t===1?"":"s"}`:`${e} of ${t}`}),ne=M.computed(()=>c.value.length?"No actions match.":"No actions yet - New action in the banner makes one."),se=M.computed(()=>$e(q.value,c.value.length,v)),w=e=>c.peek().find(t=>t.slug===e);async function L(){try{const e=await $("/actions/_count",{method:"GET"}).catch(()=>null);if(!f())return;if(e?.available===!1){h.value=!0;return}const t=await $("/actions",{method:"GET"});if(!f())return;const a=Array.isArray(t)?t:[];q.value=a.length,c.value=v?ye(a,v):a,h.value=!1,A.value=""}catch(e){if(!f())return;Se(e)?h.value=!0:A.value=`Could not load the actions: ${e.message||e}`}finally{P.value=!1}}const D=e=>{location.hash=`#/actions/edit/${encodeURIComponent(e)}`},oe=()=>{location.hash=v?`#/actions/new?project=${encodeURIComponent(v)}`:"#/actions/new"};async function le(e){if(await E.confirm(`Delete the action "${C(e.title||e.slug)}"? Its button disappears from the "${C(e.collection)}" entries. This cannot be undone.`))try{await $(`/actions/${encodeURIComponent(e.slug)}`,{method:"DELETE"}),E.toast(`Deleted "${e.title||e.slug}".`,{type:"success"}),Z(te),await L()}catch(t){E.toast(`Not deleted: ${t.message||t}`,{type:"error"})}}async function ce(e){try{await navigator.clipboard.writeText(e.slug),E.toast(`Copied "${e.slug}".`,{type:"success"})}catch{E.toast("The browser would not copy it - the slug is in the row.",{type:"warning"})}}let d=null;const O=new Set;function B(e,t=null){const a=w(e);if(!a){E.toast(`There is no action "${e}" here.`,{type:"warning"});return}const R={title:t?.title??`${a.title||a.slug} copy`,slug:t?.slug??""},g={title:M.observable(R.title),slug:M.observable(R.slug)},_=()=>({title:g.title.peek(),slug:g.slug.peek()}),de=JSON.stringify(R),J=()=>JSON.stringify(_())!==de||!!t,k=M.observable(!1),p=M.computed(()=>ke(a,{title:g.title.value,slug:g.slug.value},c.value.map(n=>n.slug))),W={...g,saving:k,titleErr:M.computed(()=>p.value.errors.title||""),slugErr:M.computed(()=>p.value.errors.slug||""),slugHint:M.computed(()=>p.value.errors.slug?"":`Will be created as "${p.value.payload.slug}".`),cannot:M.computed(()=>k.value||Object.keys(p.value.errors).length>0)},s=E.slideover({title:`Duplicate ${C(a.title||a.slug)}`,size:"sm",position:"right"}),m=Ce(`
                 <div class="acx-form">
                     <p class="acx-note">The copy runs on the same collection, with the same button, steps, roles and
                         transition. Edit it afterwards to make it different.</p>
@@ -22,7 +22,7 @@ import{apiRequest as $}from"../api.js";import{addBannerAction as ge}from"../lib/
                     </div>
                     <div>
                         <label class="form-label" for="acx-f-slug">Slug
-                            <span data-help="The action's id - in its address and in the [transitions] shortcode. Leave it empty to make one from the title."></span></label>
+                            <span data-help="The action's id - in its address and in API calls. Leave it empty to make one from the title."></span></label>
                         <input id="acx-f-slug" type="text" class="form-input font-mono" maxlength="100" placeholder="from the title" data-model="slug.value">
                         <small class="acx-err" data-bind-hidden="!slugErr.value" data-bind-text="slugErr.value"></small>
                         <small class="acx-hint" data-bind-hidden="!slugHint.value" data-bind-text="slugHint.value"></small>
@@ -34,4 +34,4 @@ import{apiRequest as $}from"../api.js";import{addBannerAction as ge}from"../lib/
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="save" data-bind-disabled="cannot.value">
                             <span data-icon="copy" data-icon-size="13"></span> Duplicate</button>
                     </div>
-                </div>`);let j=!1;async function G(){if(!W.cannot.peek()){k.value=!0;try{const n=await $("/actions",{method:"POST",body:JSON.stringify(p.peek().payload)});E.toast(`Made "${n?.title||p.peek().payload.title}".`,{type:"success"}),j=!0,s.close(),Z(te),f()&&await A()}catch(n){E.toast(`Not duplicated: ${n.message||n}`,{type:"error"})}finally{k.value=!1}}}s.element.appendChild(m);const pe=Q(m),fe=M.applyBindings(W,m,{methods:{save:G,cancel:()=>s.close()}});m.addEventListener("keydown",n=>{(n.ctrlKey||n.metaKey)&&n.key==="Enter"&&(n.preventDefault(),G())});const V={source:a.slug,dirty:J,values:_};d=V,O.add(s),he(s,()=>{fe.dispose(),pe(),O.delete(s),d===V&&(d=null)});const me=s.close.bind(s);let N=!1;s.close=async n=>{if(!j&&n!==!0&&J()){if(N)return;N=!0;const ve=await E.confirm("Discard the changes you have not saved?");if(N=!1,!ve)return}return j=!0,me()},I.scan(m),s.open();const Y=m.querySelector("#acx-f-title");Y?.focus(),Y?.select()}function ce(e){const t=w(e);return t?[{header:t.title||t.slug},{label:"Edit",icon:"edit",action:()=>D(t.slug)},{label:"Duplicate\u2026",icon:"copy",action:()=>B(t.slug)},{type:"divider"},{label:`Open ${t.collection||"collection"} entries`,icon:"database",disabled:!t.collection,action:()=>{location.hash=`#/collections/${encodeURIComponent(t.collection)}/entries`}},{label:"Copy slug",icon:"clipboard",action:()=>ie(t)},{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:()=>le(t)}]:[]}const c=l.querySelector(".acx-list");c.innerHTML=Te;const re=M.applyBindings({loading:U,loadError:L,needsMongo:h,query:H,collection:b,collections:P,rows:y,countText:ae,emptyText:ne,notice:se},l);o.add(()=>re.dispose()),o.add(Q(l,{position:"bottom"}));const x=l.querySelector(".acx-filter");o.add(M.effect(()=>{const e=P.value,t=b.peek();x.replaceChildren(new Option("All collections",""),...e.map(a=>new Option(a,a))),x.value=e.includes(t)?t:"",x.value!==t&&(b.value=x.value)})),o.add(M.effect(()=>{y.value,requestAnimationFrame(()=>{c.isConnected&&I.scan(c)})}));const ue=E.contextMenu(c,{cursor:"glyph",match:".acx-row",inherit:!1,density:"compact",items:e=>ce(e.dataset.slug)});o.add(()=>ue?.destroy?.());const F=e=>{const t=e.target.closest(".acx-row");if(!t)return;const a=e.target.closest(".acx-kebab");if(a){X(a);return}D(t.dataset.slug)},K=e=>{const t=e.target.closest(".acx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),X(t)):e.key==="Enter"&&e.target===t&&D(t.dataset.slug))};c.addEventListener("click",F),c.addEventListener("keydown",K),o.add(()=>{c.removeEventListener("click",F),c.removeEventListener("keydown",K)}),ge(u,{id:"actions-new",icon:"plus",title:"New action",onClick:oe});const z=e=>{d?.dirty()&&(e.preventDefault(),e.returnValue="")};if(window.addEventListener("beforeunload",z),o.add(()=>window.removeEventListener("beforeunload",z)),o.add(()=>{if(d?.dirty())try{S.set(T,{source:d.source,values:d.values(),at:new Date().toISOString()})}catch{}[...O].forEach(e=>{try{e.close(!0)}catch{}})}),I.scan(l),await A(),!f())return;let r=null;try{r=S.get(T)}catch{}if(r?.values&&r.source){try{S.remove?S.remove(T):S.set(T,null)}catch{}w(r.source)&&await E.confirm(`You left a copy of "${C(w(r.source).title||r.source)}" unfinished. Pick up where you left off?`)&&f()&&B(r.source,r.values)}}};
+                </div>`);let j=!1;async function G(){if(!W.cannot.peek()){k.value=!0;try{const n=await $("/actions",{method:"POST",body:JSON.stringify(p.peek().payload)});E.toast(`Made "${n?.title||p.peek().payload.title}".`,{type:"success"}),j=!0,s.close(),Z(te),f()&&await L()}catch(n){E.toast(`Not duplicated: ${n.message||n}`,{type:"error"})}finally{k.value=!1}}}s.element.appendChild(m);const pe=Q(m),fe=M.applyBindings(W,m,{methods:{save:G,cancel:()=>s.close()}});m.addEventListener("keydown",n=>{(n.ctrlKey||n.metaKey)&&n.key==="Enter"&&(n.preventDefault(),G())});const V={source:a.slug,dirty:J,values:_};d=V,O.add(s),he(s,()=>{fe.dispose(),pe(),O.delete(s),d===V&&(d=null)});const me=s.close.bind(s);let N=!1;s.close=async n=>{if(!j&&n!==!0&&J()){if(N)return;N=!0;const ve=await E.confirm("Discard the changes you have not saved?");if(N=!1,!ve)return}return j=!0,me()},I.scan(m),s.open();const Y=m.querySelector("#acx-f-title");Y?.focus(),Y?.select()}function ie(e){const t=w(e);return t?[{header:t.title||t.slug},{label:"Edit",icon:"edit",action:()=>D(t.slug)},{label:"Duplicate\u2026",icon:"copy",action:()=>B(t.slug)},{type:"divider"},{label:`Open ${t.collection||"collection"} entries`,icon:"database",disabled:!t.collection,action:()=>{location.hash=`#/collections/${encodeURIComponent(t.collection)}/entries`}},{label:"Copy slug",icon:"clipboard",action:()=>ce(t)},{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:()=>le(t)}]:[]}const i=l.querySelector(".acx-list");i.innerHTML=Te;const re=M.applyBindings({loading:P,loadError:A,needsMongo:h,query:U,collection:b,collections:H,rows:y,countText:ae,emptyText:ne,notice:se},l);o.add(()=>re.dispose()),o.add(Q(l,{position:"bottom"}));const x=l.querySelector(".acx-filter");o.add(M.effect(()=>{const e=H.value,t=b.peek();x.replaceChildren(new Option("All collections",""),...e.map(a=>new Option(a,a))),x.value=e.includes(t)?t:"",x.value!==t&&(b.value=x.value)})),o.add(M.effect(()=>{y.value,requestAnimationFrame(()=>{i.isConnected&&I.scan(i)})}));const ue=E.contextMenu(i,{cursor:"glyph",match:".acx-row",inherit:!1,density:"compact",items:e=>ie(e.dataset.slug)});o.add(()=>ue?.destroy?.());const F=e=>{const t=e.target.closest(".acx-row");if(!t)return;const a=e.target.closest(".acx-kebab");if(a){X(a);return}D(t.dataset.slug)},K=e=>{const t=e.target.closest(".acx-row");t&&(e.key==="F10"&&e.shiftKey?(e.preventDefault(),X(t)):e.key==="Enter"&&e.target===t&&D(t.dataset.slug))};i.addEventListener("click",F),i.addEventListener("keydown",K),o.add(()=>{i.removeEventListener("click",F),i.removeEventListener("keydown",K)}),ge(u,{id:"actions-new",icon:"plus",title:"New action",onClick:oe});const z=e=>{d?.dirty()&&(e.preventDefault(),e.returnValue="")};if(window.addEventListener("beforeunload",z),o.add(()=>window.removeEventListener("beforeunload",z)),o.add(()=>{if(d?.dirty())try{S.set(T,{source:d.source,values:d.values(),at:new Date().toISOString()})}catch{}[...O].forEach(e=>{try{e.close(!0)}catch{}})}),I.scan(l),await L(),!f())return;let r=null;try{r=S.get(T)}catch{}if(r?.values&&r.source){try{S.remove?S.remove(T):S.set(T,null)}catch{}w(r.source)&&await E.confirm(`You left a copy of "${C(w(r.source).title||r.source)}" unfinished. Pick up where you left off?`)&&f()&&B(r.source,r.values)}}};

package/admin/js/views/analytics.js

@@ -1,4 +1,4 @@
-import{apiRequest as v,getToken as Z,refreshAccessToken as Q}from"../api.js";import{addBannerAction as X}from"../lib/plugin-chrome.js";import{helpPopovers as V}from"../lib/help-popover.js";import{onceClosed as ee,openMenuAt as te,settingsStore as ae,sidebarCount as se,viewLifetime as ne}from"../lib/tool-kit.js";import{DEFAULT_SETTINGS as oe,journeyRows as le,kpis as ie,LIMITS as re,normaliseSettings as O,RANGE_LABEL as B,RANGES as ce,seriesRange as de,topRows as pe}from"../lib/analytics-shape.js";const ue="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js",me=3e4,q=ae("analytics.settings",O),ve=`
+import{apiRequest as v,getToken as K,refreshAccessToken as Z}from"../api.js";import{addBannerAction as Q}from"../lib/plugin-chrome.js";import{helpPopovers as V}from"../lib/help-popover.js";import{onceClosed as X,openMenuAt as ee,settingsStore as te,sidebarCount as ae,viewLifetime as se}from"../lib/tool-kit.js";import{DEFAULT_SETTINGS as ne,journeyRows as oe,kpis as le,LIMITS as ie,normaliseSettings as O,RANGE_LABEL as D,RANGES as re,seriesRange as ce,topRows as de}from"../lib/analytics-shape.js";import{fmtDate as pe}from"../lib/dates.js";const ue="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js",me=3e4,B=te("analytics.settings",O),ve=`
 <div class="an-row" data-url="{{url}}">
     <span class="an-bar-fill" style="width: {{bar}}"></span>
     <span class="an-rank">{{rank}}</span>
@@ -18,12 +18,12 @@ import{apiRequest as v,getToken as Z,refreshAccessToken as Q}from"../api.js";imp
     <span class="an-num" title="Views per hour today, against the usual {{baseline}}">{{hits}}/h</span>
     <span class="an-share">\xD7{{ratio}}</span>
     <button type="button" class="an-kebab" aria-label="Page actions" title="Actions">\u22EE</button>
-</div>`;function he(){return window.Chart?Promise.resolve():new Promise((r,s)=>{const t=document.createElement("script");t.src=ue,t.async=!0,t.onload=()=>r(),t.onerror=()=>s(new Error("chart.js load failed")),document.head.appendChild(t)})}function fe(r){const s=document.createElement("template");return s.innerHTML=r.trim(),s.content.firstElementChild}async function ye(r){const s=b=>fetch("/api/analytics/export.csv?range="+encodeURIComponent(r),{headers:b?{Authorization:"Bearer "+b}:{}});let t=await s(Z());if(t.status===401&&(t=await s(await Q())),!t.ok)throw new Error("export failed");const c=await t.blob(),d=(t.headers.get("Content-Disposition")||"").match(/filename="?([^"]+)"?/),u=URL.createObjectURL(c),i=document.createElement("a");i.href=u,i.download=d?d[1]:"analytics.csv",document.body.appendChild(i),i.click(),i.remove(),URL.revokeObjectURL(u)}const l=ne(/^#\/analytics\b/);export const analyticsView={templateUrl:"/admin/js/templates/analytics.html",async onMount(r){l.reset();const s=r.get(0),t=M.observable(q.read()),c=M.observable(t.peek().range),d=M.observable("pages"),u=M.observable(""),i=M.observable(null),b=M.observable([]),y=M.observable(null),S=M.observable([]),g=M.observable(null),x=M.observable([]),j=M.observable("");l.add(M.effect(()=>{const e=i.value,{rows:a,matched:n}=pe(e?.top,{filter:u.value,limit:t.value.limit,total:e?.total});x.value=a,j.value=e?e.top.length?n?n>a.length?`Showing ${a.length} of ${n} pages - the cog changes how many.`:"":"No pages match that filter.":"No page views recorded in this range yet.":"Loading\u2026"}));const P=M.observable([]),U=M.observable([]),$=M.observable([]);l.add(M.effect(()=>{const e=le(y.value);P.value=e.entry,U.value=e.exit,$.value=e.paths}));const G={range:c,section:d,filter:u,spikes:S,pageRows:x,pagesNote:j,entryRows:P,exitRows:U,pathRows:$,kpi:M.computed(()=>ie(i.value,y.value)),isAllTime:M.computed(()=>c.value==="all"),sessionsCount:M.computed(()=>y.value?.totalSessions??0),liveText:M.computed(()=>g.value===null?"Active now: -":`${g.value} active now`),liveClass:M.computed(()=>g.value?"is-on":""),liveTitle:M.computed(()=>t.value.live?"Refreshes every 30 seconds":"Live refresh is off - see settings")};l.add(M.effect(()=>q.write(t.value)));const W=(e,a)=>{t.value=O({...t.peek(),[e]:a})};let k=0;async function w(){const e=c.peek(),a=++k;try{const[n,p,m,f]=await Promise.all([v("/analytics/stats?range="+encodeURIComponent(e)),v("/analytics/series?range="+encodeURIComponent(de(e))),v("/analytics/journeys?range="+encodeURIComponent(e)),v("/analytics/spikes")]);if(a!==k)return;i.value=n,b.value=p?.series??[],y.value=m,S.value=(f?.items??[]).map(o=>({...o,key:o.url}))}catch{a===k&&E.toast("Could not load analytics.",{type:"error"})}}async function C(){try{g.value=(await v("/analytics/realtime"))?.activeSessions??0,se("#/analytics")}catch{}}let _=!0;l.add(M.effect(()=>{if(c.value,_){_=!1;return}w()}));let L=null;l.add(M.effect(()=>{clearInterval(L),L=t.value.live?setInterval(()=>{document.hidden||C()},me):null})),l.add(()=>clearInterval(L));const H=s.querySelector(".an-chart");let R=null;l.add(()=>{R?.destroy(),R=null}),l.add(M.effect(()=>{const e=b.value,a=t.value.chart;if(!window.Chart||!H.isConnected)return;const n=getComputedStyle(document.documentElement),p=n.getPropertyValue("--dm-primary").trim()||"rgb(99, 102, 241)",m=n.getPropertyValue("--dm-text-muted").trim()||"#888",f=`color-mix(in srgb, ${n.getPropertyValue("--dm-border").trim()||"#888"} 45%, transparent)`;R?.destroy(),R=new window.Chart(H,{type:a,data:{labels:e.map(o=>D(o.date).format("D MMM")),datasets:[{label:"Page views",data:e.map(o=>o.hits),borderColor:p,backgroundColor:a==="bar"?p:`color-mix(in srgb, ${p} 18%, transparent)`,fill:a==="line",tension:.3,borderWidth:2,pointRadius:e.length>40?0:2,borderRadius:3}]},options:{responsive:!0,maintainAspectRatio:!1,animation:!1,plugins:{legend:{display:!1}},scales:{y:{beginAtZero:!0,ticks:{precision:0,color:m},grid:{color:f}},x:{ticks:{maxRotation:0,autoSkip:!0,maxTicksLimit:10,color:m},grid:{display:!1}}}}})}));function J(){const e=E.slideover({title:"Analytics settings",size:"sm",position:"right"}),a=fe(`
+</div>`;function he(){return window.Chart?Promise.resolve():new Promise((r,s)=>{const t=document.createElement("script");t.src=ue,t.async=!0,t.onload=()=>r(),t.onerror=()=>s(new Error("chart.js load failed")),document.head.appendChild(t)})}function fe(r){const s=document.createElement("template");return s.innerHTML=r.trim(),s.content.firstElementChild}async function ye(r){const s=b=>fetch("/api/analytics/export.csv?range="+encodeURIComponent(r),{headers:b?{Authorization:"Bearer "+b}:{}});let t=await s(K());if(t.status===401&&(t=await s(await Z())),!t.ok)throw new Error("export failed");const c=await t.blob(),d=(t.headers.get("Content-Disposition")||"").match(/filename="?([^"]+)"?/),u=URL.createObjectURL(c),i=document.createElement("a");i.href=u,i.download=d?d[1]:"analytics.csv",document.body.appendChild(i),i.click(),i.remove(),URL.revokeObjectURL(u)}const l=se(/^#\/analytics\b/);export const analyticsView={templateUrl:"/admin/js/templates/analytics.html",async onMount(r){l.reset();const s=r.get(0),t=M.observable(B.read()),c=M.observable(t.peek().range),d=M.observable("pages"),u=M.observable(""),i=M.observable(null),b=M.observable([]),y=M.observable(null),S=M.observable([]),g=M.observable(null),x=M.observable([]),j=M.observable("");l.add(M.effect(()=>{const e=i.value,{rows:a,matched:n}=de(e?.top,{filter:u.value,limit:t.value.limit,total:e?.total});x.value=a,j.value=e?e.top.length?n?n>a.length?`Showing ${a.length} of ${n} pages - the cog changes how many.`:"":"No pages match that filter.":"No page views recorded in this range yet.":"Loading\u2026"}));const P=M.observable([]),U=M.observable([]),$=M.observable([]);l.add(M.effect(()=>{const e=oe(y.value);P.value=e.entry,U.value=e.exit,$.value=e.paths}));const q={range:c,section:d,filter:u,spikes:S,pageRows:x,pagesNote:j,entryRows:P,exitRows:U,pathRows:$,kpi:M.computed(()=>le(i.value,y.value)),isAllTime:M.computed(()=>c.value==="all"),sessionsCount:M.computed(()=>y.value?.totalSessions??0),liveText:M.computed(()=>g.value===null?"Active now: -":`${g.value} active now`),liveClass:M.computed(()=>g.value?"is-on":""),liveTitle:M.computed(()=>t.value.live?"Refreshes every 30 seconds":"Live refresh is off - see settings")};l.add(M.effect(()=>B.write(t.value)));const G=(e,a)=>{t.value=O({...t.peek(),[e]:a})};let k=0;async function w(){const e=c.peek(),a=++k;try{const[n,p,m,f]=await Promise.all([v("/analytics/stats?range="+encodeURIComponent(e)),v("/analytics/series?range="+encodeURIComponent(ce(e))),v("/analytics/journeys?range="+encodeURIComponent(e)),v("/analytics/spikes")]);if(a!==k)return;i.value=n,b.value=p?.series??[],y.value=m,S.value=(f?.items??[]).map(o=>({...o,key:o.url}))}catch{a===k&&E.toast("Could not load analytics.",{type:"error"})}}async function C(){try{g.value=(await v("/analytics/realtime"))?.activeSessions??0,ae("#/analytics")}catch{}}let _=!0;l.add(M.effect(()=>{if(c.value,_){_=!1;return}w()}));let L=null;l.add(M.effect(()=>{clearInterval(L),L=t.value.live?setInterval(()=>{document.hidden||C()},me):null})),l.add(()=>clearInterval(L));const H=s.querySelector(".an-chart");let R=null;l.add(()=>{R?.destroy(),R=null}),l.add(M.effect(()=>{const e=b.value,a=t.value.chart;if(!window.Chart||!H.isConnected)return;const n=getComputedStyle(document.documentElement),p=n.getPropertyValue("--dm-primary").trim()||"rgb(99, 102, 241)",m=n.getPropertyValue("--dm-text-muted").trim()||"#888",f=`color-mix(in srgb, ${n.getPropertyValue("--dm-border").trim()||"#888"} 45%, transparent)`;R?.destroy(),R=new window.Chart(H,{type:a,data:{labels:e.map(o=>pe(o.date).slice(0,5)),datasets:[{label:"Page views",data:e.map(o=>o.hits),borderColor:p,backgroundColor:a==="bar"?p:`color-mix(in srgb, ${p} 18%, transparent)`,fill:a==="line",tension:.3,borderWidth:2,pointRadius:e.length>40?0:2,borderRadius:3}]},options:{responsive:!0,maintainAspectRatio:!1,animation:!1,plugins:{legend:{display:!1}},scales:{y:{beginAtZero:!0,ticks:{precision:0,color:m},grid:{color:f}},x:{ticks:{maxRotation:0,autoSkip:!0,maxTicksLimit:10,color:m},grid:{display:!1}}}}})}));function W(){const e=E.slideover({title:"Analytics settings",size:"sm",position:"right"}),a=fe(`
                 <div class="an-panel-form">
                     <div>
                         <label class="form-label" for="an-set-range">Open on</label>
                         <select id="an-set-range" class="form-input" data-model="range.value">
-                            ${ce.map(o=>`<option value="${o}">${B[o]}</option>`).join("")}
+                            ${re.map(o=>`<option value="${o}">${D[o]}</option>`).join("")}
                         </select>
                     </div>
                     <div>
@@ -31,7 +31,7 @@ import{apiRequest as v,getToken as Z,refreshAccessToken as Q}from"../api.js";imp
                             <span data-help="How many pages the Top pages list shows. The filter still searches all of them, and the CSV export always has every page."></span>
                         </label>
                         <select id="an-set-limit" class="form-input" data-model="limit.value">
-                            ${re.map(o=>`<option value="${o}">${o||"All"}</option>`).join("")}
+                            ${ie.map(o=>`<option value="${o}">${o||"All"}</option>`).join("")}
                         </select>
                     </div>
                     <div>
@@ -59,4 +59,4 @@ import{apiRequest as v,getToken as Z,refreshAccessToken as Q}from"../api.js";imp
                         <span class="spacer"></span>
                         <button type="button" class="btn btn-sm btn-primary" data-on-click="done">Done</button>
                     </div>
-                </div>`),n=(o,K=T=>T)=>M.computed({read:()=>t.value[o],write:T=>W(o,K(T))}),p={range:n("range"),limit:n("limit",Number),chart:n("chart"),live:n("live"),confirmReset:n("confirmReset")};e.element.appendChild(a);const m=V(a),f=M.applyBindings(p,a,{methods:{done:()=>e.close(),reset:()=>{t.value={...oe}}}});ee(e,()=>{f.dispose(),m()}),e.open()}X(r,{id:"analytics-settings",icon:"settings",title:"Analytics settings",onClick:J});const h=[...s.querySelectorAll(".an-list")];h[0].innerHTML=ve,h[1].innerHTML=A,h[2].innerHTML=A,h[3].innerHTML=A,h[4].innerHTML=be,l.add(V(s,{position:"bottom"}));const z=M.applyBindings(G,s,{methods:{refresh:()=>{w(),C()},showPages:()=>{d.value="pages"},showJourneys:()=>{d.value="journeys"},showSpikes:()=>{d.value="spikes"}}});l.add(()=>z.dispose());const N=e=>new URL(e,location.origin).href,Y=E.contextMenu(s,{cursor:"glyph",match:".an-row",inherit:!1,density:"compact",items:e=>{const a=e.dataset.url;return[{label:"Open on the site",icon:"external-link",action:()=>window.open(N(a),"_blank","noopener")},{label:"Copy address",icon:"copy",action:async()=>{try{await navigator.clipboard.writeText(N(a)),E.toast("Address copied",{type:"success"})}catch{E.toast("The browser would not allow copying",{type:"error"})}}},{label:"Show only this page",icon:"filter",action:()=>{d.value="pages",u.value=a}}]}});l.add(()=>Y?.destroy?.());const F=E.contextMenu(s.querySelector(".an-bar-end"),{cursor:"glyph",match:".an-more",inherit:!1,density:"compact",items:()=>[{label:`Export ${B[c.peek()].toLowerCase()} as CSV`,icon:"download",action:async()=>{try{await ye(c.peek())}catch{E.toast("Export failed.",{type:"error"})}}},{type:"divider"},{label:"Reset all statistics\u2026",icon:"trash",danger:!0,action:async()=>{if(!(t.peek().confirmReset&&!await E.confirm("Delete every analytics counter for this site? This cannot be undone.")))try{await v("/analytics/stats",{method:"DELETE"}),E.toast("Analytics reset.",{type:"success"}),w()}catch{E.toast("Reset failed.",{type:"error"})}}}]});l.add(()=>F?.destroy?.()),s.addEventListener("click",e=>{const a=e.target.closest(".an-kebab, .an-more");a&&te(a)}),I.scan(s);try{await he()}catch{E.toast("The chart library could not be loaded; figures still work.",{type:"warning"})}await Promise.all([w(),C()])}};
+                </div>`),n=(o,F=T=>T)=>M.computed({read:()=>t.value[o],write:T=>G(o,F(T))}),p={range:n("range"),limit:n("limit",Number),chart:n("chart"),live:n("live"),confirmReset:n("confirmReset")};e.element.appendChild(a);const m=V(a),f=M.applyBindings(p,a,{methods:{done:()=>e.close(),reset:()=>{t.value={...ne}}}});X(e,()=>{f.dispose(),m()}),e.open()}Q(r,{id:"analytics-settings",icon:"settings",title:"Analytics settings",onClick:W});const h=[...s.querySelectorAll(".an-list")];h[0].innerHTML=ve,h[1].innerHTML=A,h[2].innerHTML=A,h[3].innerHTML=A,h[4].innerHTML=be,l.add(V(s,{position:"bottom"}));const J=M.applyBindings(q,s,{methods:{refresh:()=>{w(),C()},showPages:()=>{d.value="pages"},showJourneys:()=>{d.value="journeys"},showSpikes:()=>{d.value="spikes"}}});l.add(()=>J.dispose());const N=e=>new URL(e,location.origin).href,z=E.contextMenu(s,{cursor:"glyph",match:".an-row",inherit:!1,density:"compact",items:e=>{const a=e.dataset.url;return[{label:"Open on the site",icon:"external-link",action:()=>window.open(N(a),"_blank","noopener")},{label:"Copy address",icon:"copy",action:async()=>{try{await navigator.clipboard.writeText(N(a)),E.toast("Address copied",{type:"success"})}catch{E.toast("The browser would not allow copying",{type:"error"})}}},{label:"Show only this page",icon:"filter",action:()=>{d.value="pages",u.value=a}}]}});l.add(()=>z?.destroy?.());const Y=E.contextMenu(s.querySelector(".an-bar-end"),{cursor:"glyph",match:".an-more",inherit:!1,density:"compact",items:()=>[{label:`Export ${D[c.peek()].toLowerCase()} as CSV`,icon:"download",action:async()=>{try{await ye(c.peek())}catch{E.toast("Export failed.",{type:"error"})}}},{type:"divider"},{label:"Reset all statistics\u2026",icon:"trash",danger:!0,action:async()=>{if(!(t.peek().confirmReset&&!await E.confirm("Delete every analytics counter for this site? This cannot be undone.")))try{await v("/analytics/stats",{method:"DELETE"}),E.toast("Analytics reset.",{type:"success"}),w()}catch{E.toast("Reset failed.",{type:"error"})}}}]});l.add(()=>Y?.destroy?.()),s.addEventListener("click",e=>{const a=e.target.closest(".an-kebab, .an-more");a&&ee(a)}),I.scan(s);try{await he()}catch{E.toast("The chart library could not be loaded; figures still work.",{type:"warning"})}await Promise.all([w(),C()])}};