@cronwatch/sdk 0.12.0 → 0.12.2

package/dist/index.cjs

@@ -1367,14 +1367,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,7 +1423,7 @@ 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}
+.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)}
 .timeline{margin:18px 0 0}
 .timeline .axis,.timeline .under,.timeline .over,.timeline .lane{display:grid;grid-template-columns:var(--who) minmax(0,1fr)}
@@ -1618,7 +1618,7 @@ ${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>
@@ -1662,8 +1662,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,6 +1700,13 @@ 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>`;
   return layout(`${job.name}: CronWatch`, body, base, { refresh: 60 });
@@ -1711,7 +1717,7 @@ function messagePage(title, message, base, signIn = false) {
 }
 
 // src/version.ts
-var VERSION = "0.12.0";
+var VERSION = "0.12.2";
 var API_VERSION = 1;
 
 // src/routes/index.ts