@cronwatch/sdk 0.12.1 → 0.12.3

package/dist/index.cjs

@@ -1040,6 +1040,10 @@ function staticAsset(path, base) {
   return Object.hasOwn(ICONS, path) ? ICONS[path]() : null;
 }
 
+// src/version.ts
+var VERSION = "0.12.3";
+var API_VERSION = 1;
+
 // src/routes/timeline.ts
 var HOUR = 36e5;
 var DAY = 24 * HOUR;
@@ -1350,6 +1354,7 @@ function weekRunsLimit(job, now) {
 
 // src/routes/html.ts
 var h = escapeHtml;
+var VERSION_LINK = `<a class="version" href="https://github.com/phillips-jon/cronwatch/blob/main/CHANGELOG.md">@cronwatch/sdk ${VERSION}</a>`;
 var CSS = `
 :root{color-scheme:light dark;--paper:#f4f4f5;--sheet:#fff;--sunk:#fafafa;--rule:#e4e4e7;--rule-2:#d4d4d8;--tick:#909098;--ink:#000;--body:#18181b;--muted:#71717a;--ok:#15803d;--warn:#a16207;--bad:#b91c1c;--serif:"Newsreader",ui-serif,Georgia,Cambria,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--who:200px}
 @media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#09090b;--sheet:#111113;--sunk:#18181b;--rule:#27272a;--rule-2:#3f3f46;--tick:#66666f;--ink:#fff;--body:#e4e4e7;--muted:#a1a1aa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}}
@@ -1367,14 +1372,14 @@ code,pre,.mono{font-family:var(--mono)}
 .brand .crumb{font:500 15px/1.2 var(--mono);color:var(--body);overflow-wrap:anywhere}.brand .slash{color:var(--rule-2);font-weight:400}
 .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
 .meta{font:400 12px/1.4 var(--mono);color:var(--muted)}
-button,select,details.confirm>summary{font:500 12.5px/1 var(--mono);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-2);border-radius:3px;padding:8px 11px;cursor:pointer}
-select{padding:7px 8px}
-button:hover,select:hover,details.confirm>summary:hover{border-color:var(--muted)}
-button.primary{background:var(--ink);border-color:var(--ink);color:var(--sheet)}button.primary:hover{opacity:.86}
+button,a.button,details.confirm>summary{font:500 12.5px/1 var(--mono);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-2);border-radius:3px;height:32px;padding:0 11px;cursor:pointer}
+a.button{display:inline-flex;align-items:center;text-decoration:none}
+button:hover,a.button:hover,details.confirm>summary:hover{border-color:var(--muted)}
+button.primary{background:var(--ink);border-color:var(--ink);color:var(--sheet)}button.primary:hover{opacity:.86}button.danger{color:var(--bad)}button.danger:hover{border-color:var(--bad)}
 form.inline{display:inline-flex;align-items:center;gap:6px;margin:0}
-details.confirm{display:inline-flex;align-items:center;gap:8px;margin:0}details.confirm>summary{list-style:none;display:inline-block}
+details.confirm{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}details.confirm>summary{list-style:none;display:inline-flex;align-items:center}
 details.confirm>summary::-webkit-details-marker{display:none}details.confirm[open]>summary{border-color:var(--muted)}
-details.confirm form{margin-left:8px;font-size:14px;color:var(--muted)}
+details.confirm form{flex-wrap:wrap;font-size:14px;color:var(--muted)}.delete details{margin-top:16px}
 .sec{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 40px;padding:30px 0;border-top:1px solid var(--rule)}
 .top+main>.sec:first-child{border-top:0}
 .sec>h2{margin:0;font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:5px}
@@ -1423,8 +1428,8 @@ dl.def dd{margin:0;font:400 13.5px/1.7 var(--mono);color:var(--body);overflow-wr
 .message p{margin:14px auto 0;max-width:52ch;color:var(--muted);text-wrap:pretty}
 .signin{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;max-width:420px}
 .signin label{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
-.signin input{flex:1 1 180px;min-width:0;font:400 16px/1.2 var(--mono);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-2);border-radius:3px;padding:8px 10px}
-footer{display:flex;flex-wrap:wrap;gap:6px 18px;padding:20px 0 40px;border-top:1px solid var(--rule);font:400 12px/1.5 var(--mono);color:var(--muted)}
+.signin input{flex:1 1 180px;min-width:0;font:400 16px/1.2 var(--mono);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-2);border-radius:3px;height:32px;padding:0 10px}
+footer{display:flex;flex-wrap:wrap;gap:6px 18px;padding:20px 0 40px;border-top:1px solid var(--rule);font:400 12px/1.5 var(--mono);color:var(--muted)}footer .version{margin-left:auto}
 .timeline{margin:18px 0 0}
 .timeline .axis,.timeline .under,.timeline .over,.timeline .lane{display:grid;grid-template-columns:var(--who) minmax(0,1fr)}
 .timeline .hours{position:relative;height:22px;font:400 11px/1 var(--mono);color:var(--muted);letter-spacing:.04em}
@@ -1618,13 +1623,13 @@ ${jobs.length ? `<section class="sec" aria-label="Last 24 hours">
 </section>
 <section class="sec" aria-label="Jobs">
   <h2>Jobs</h2>
-  <p class="lede">Every job in the store. Open one for its week, its runs and their output.</p>
+  <p class="lede">Every job in the store. Open one for its week, its runs, and their output.</p>
   <div class="wide"><table class="board">
 <thead><tr><th>Job</th><th>Health</th><th class="hide-sm">Schedule</th><th>Last run</th><th class="hide-sm">Next due</th><th class="hide-sm">Recent runs</th></tr></thead>
 <tbody>${rows}</tbody></table></div>
 </section>` : ""}
 </main>
-<footer><span>Refreshes every minute. Times are UTC.</span><a href="${h(base)}/api/jobs">JSON</a></footer>`;
+<footer><span>Refreshes every minute. Times are UTC.</span><a href="${h(base)}/api/jobs">JSON</a>${VERSION_LINK}</footer>`;
   return layout("CronWatch", body, base, { refresh: 60 });
 }
 function jobPage(job, runs, now, base, complete = true) {
@@ -1662,8 +1667,7 @@ function jobPage(job, runs, now, base, complete = true) {
     ${d.description ? `<p class="desc">${h(d.description)}</p>` : ""}
     <p class="stateline">${healthState(job)}${why ? `<span class="why">${h(why)}</span>` : ""}</p>
     <div class="actions">
-      ${silenced ? `<form class="inline" method="post" action="${path}/unsilence"><button type="submit">Unsilence (until ${h(formatRelative(job.silencedUntil, now))})</button></form>` : `<form class="inline" method="post" action="${path}/silence"><select name="for" aria-label="Silence for"><option value="1h">1 hour</option><option value="4h">4 hours</option><option value="1d">1 day</option><option value="7d">1 week</option></select><button type="submit">Silence</button></form>`}
-      <details class="confirm"><summary>Forget</summary><form class="inline" method="post" action="${path}/forget"><span>Remove this job and its runs from the store?</span> <button type="submit">Forget</button></form></details>
+      ${silenced ? `<form class="inline" method="post" action="${path}/unsilence"><button type="submit">Unsilence (until ${h(formatRelative(job.silencedUntil, now))})</button></form>` : `<details class="confirm"><summary>Silence</summary><form class="inline" method="post" action="${path}/silence"><span>for</span> <button type="submit" name="for" value="1h">1 hour</button><button type="submit" name="for" value="4h">4 hours</button><button type="submit" name="for" value="1d">1 day</button><button type="submit" name="for" value="7d">1 week</button></form></details>`}
     </div>
     <dl class="figures">
       <div><dt>Last run</dt><dd>${job.lastRun ? h(formatRelative(job.lastRun.startedAt, now)) : "never"}</dd></div>
@@ -1701,8 +1705,15 @@ function jobPage(job, runs, now, base, complete = true) {
   ${job.consecutiveFailures > 0 ? `<dt>Failures in a row</dt><dd>${h(job.consecutiveFailures)}</dd>` : ""}
   </dl>
 </section>
+<section class="sec delete" aria-label="Delete">
+  <h2>Delete</h2>
+  <div>
+  <p class="lede">Removes this job and all its runs from the store, which cannot be undone. A job still in your code comes back on its next run, with no history.</p>
+  <details class="confirm"><summary>Delete history</summary><form class="inline" method="post" action="${path}/forget"><span>Delete this job and all its runs?</span> <button class="danger" type="submit">Delete</button><a class="button" href="${path}">Cancel</a></form></details>
+  </div>
+</section>
 </main>
-<footer><span>Refreshes every minute. Times are UTC.</span><a href="${h(base)}/api/jobs/${encodeURIComponent(job.name)}">JSON</a></footer>`;
+<footer><span>Refreshes every minute. Times are UTC.</span><a href="${h(base)}/api/jobs/${encodeURIComponent(job.name)}">JSON</a>${VERSION_LINK}</footer>`;
   return layout(`${job.name}: CronWatch`, body, base, { refresh: 60 });
 }
 function messagePage(title, message, base, signIn = false) {
@@ -1710,10 +1721,6 @@ function messagePage(title, message, base, signIn = false) {
   return layout(title, `<header class="top">${brand(base)}</header><main class="message"><h1>${h(title)}</h1><p>${h(message)}</p>${form}</main>`, base);
 }
 
-// src/version.ts
-var VERSION = "0.12.1";
-var API_VERSION = 1;
-
 // src/routes/index.ts
 var COOKIE = "cronwatch_token";
 var LIBRARY = "@cronwatch/sdk";