@acms-subir/core 0.3.41 → 0.3.42

package/src/pages/api/v1/devices/[token]/staff-link.ts

@@ -0,0 +1,20 @@
+import type { APIRoute } from 'astro';
+import { getRepo } from '../../../../../lib/repo';
+import { linkDevice, unlinkDevice } from '../../../../../lib/push/api';
+import { failure, limitRequest, methodNotAllowed, response } from '../../../../../lib/mobile/http';
+export { preflight as OPTIONS } from '../../../../../lib/mobile/http';
+// POST: link this phone to a staff member (a code from the admin's Test phones) for test pushes. DELETE: unlink (idempotent).
+function handler(run: (repo: Awaited<ReturnType<typeof getRepo>>, request: Request, token: string, address: string, locals: unknown) => Promise<unknown>): APIRoute {
+  return async context => {
+    try {
+      const repo = await getRepo(context.locals);
+      let address = 'unknown';
+      try { address = context.clientAddress || address; } catch { /* shared fallback bucket */ }
+      await limitRequest(repo, address, true);
+      return response(await run(repo, context.request, context.params.token ?? '', address, context.locals));
+    } catch (error) { return failure(error); }
+  };
+}
+export const POST = handler((repo, request, token, address, locals) => linkDevice(repo, request, token, address, locals));
+export const DELETE = handler((repo, _request, token) => unlinkDevice(repo, token));
+export const ALL = () => methodNotAllowed('POST, DELETE, OPTIONS');

package/src/styles/test-phones.css

@@ -0,0 +1,30 @@
+/* Test phones panel and "Send test to my phone" (Admin → Announcements and
+   Admin → Mobile app). Scoped under .tp; admin.css tokens only. */
+.tp { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; scroll-margin-top: 72px; }
+.tp > * { align-self: stretch; }
+.tp > .btn { align-self: flex-start; }
+.tp-head h2 { font-size: 14.5px; margin: 0; letter-spacing: -0.01em; }
+.tp-head p { margin: 2px 0 0; color: var(--muted); font-size: 13px; max-width: 64ch; }
+.tp-note { margin: 0; max-width: 64ch; }
+.tp-intro { margin: 0 0 14px; max-width: 64ch; }
+.tp-empty { margin: 0; color: var(--text-2); font-size: 13px; }
+.tp-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
+.tp-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
+.tp-phone { display: flex; flex-direction: column; min-width: 0; }
+.tp-phone b { font-size: 13.5px; }
+.tp-phone small { color: var(--muted); font-size: 12px; }
+.tp-code { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 16px; background: var(--panel-2); border-radius: var(--r-md); padding: 12px 14px; }
+.tp-code p { margin: 0; color: var(--text-2); font-size: 13px; max-width: 52ch; }
+.tp-code .btn { grid-column: 2; justify-self: start; margin-top: 4px; }
+.tp-digits { grid-row: span 2; font: 700 30px/1.1 ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: 0.18em; font-variant-numeric: tabular-nums; }
+.tp-flash .flash { margin: 0; }
+/* an always-present live region; no gap while empty */
+.tp > .tp-flash:empty { margin-top: -12px; }
+.tp-send > .tp-flash:empty { margin-top: -8px; }
+.tp-send { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; }
+.tp-send .tp-flash { align-self: stretch; text-align: center; }
+@media (max-width: 560px) {
+  .tp-code { grid-template-columns: minmax(0, 1fr); }
+  .tp-digits { grid-row: auto; }
+  .tp-code .btn { grid-column: 1; }
+}