@hienlh/ppm 0.23.20 → 0.23.22

package/src/web/lib/web-push-client.ts

@@ -6,11 +6,15 @@ import { api } from "@/lib/api-client";
 import type { PushDeviceInfo } from "../../shared/notification-settings";
 import {
   PUSH_BLOCKED_MESSAGE,
+  PUSH_SUBSCRIBE_DEADLINE_MS,
   base64UrlToBytes,
+  browserNameFrom,
   bytesToBase64Url,
   deviceLabelFrom,
   isIosDevice,
+  pushServiceFailureMessage,
   pushSupportFrom,
+  withinDeadline,
   type PushSupport,
 } from "./web-push-support";
 
@@ -18,6 +22,20 @@ function ipadOs(): boolean {
   return navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
 
+/**
+ * The browser a push failure names. Brave says "Chrome" in its user agent; Vivaldi and Chromium
+ * do too, but list no Chrome brand, so they get "This browser" rather than a guess.
+ * `userAgentData` exists only in a secure context, and so does every use of this answer:
+ * `pushSupportFrom` stops at plain HTTP before it reads the browser.
+ */
+function thisBrowser(): string {
+  if ("brave" in navigator) return "Brave";
+  const name = browserNameFrom(navigator.userAgent);
+  const brands = (navigator as Navigator & { userAgentData?: { brands: { brand: string }[] } }).userAgentData?.brands;
+  if (name === "Chrome" && brands && !brands.some((b) => b.brand === "Google Chrome")) return "Browser";
+  return name;
+}
+
 export function pushSupport(): PushSupport {
   return pushSupportFrom({
     secure: window.isSecureContext,
@@ -28,11 +46,17 @@ export function pushSupport(): PushSupport {
     standalone: window.matchMedia?.("(display-mode: standalone)").matches
       || (navigator as Navigator & { standalone?: boolean }).standalone === true,
     permission: "Notification" in window ? Notification.permission : null,
+    browser: thisBrowser(),
   });
 }
 
+/**
+ * Not `thisBrowser()`: a device list wants a name the user recognises, so a Chromium build with
+ * no Chrome brand (Vivaldi, Chromium) stays "Chrome" here. A push failure names the browser's
+ * push service, and there a wrong guess sends the user after the wrong one.
+ */
 export function thisDeviceLabel(): string {
-  return deviceLabelFrom(navigator.userAgent, ipadOs());
+  return deviceLabelFrom(navigator.userAgent, ipadOs(), "brave" in navigator ? "Brave" : undefined);
 }
 
 /** This browser's subscription, if it has one. Never prompts. */
@@ -68,10 +92,16 @@ export async function enablePush(publicKey: string): Promise<PushDeviceInfo> {
     await subscription.unsubscribe();
     subscription = null;
   }
-  subscription ??= await registration.pushManager.subscribe({
-    userVisibleOnly: true,
-    applicationServerKey: base64UrlToBytes(publicKey),
-  });
+  try {
+    subscription ??= await withinDeadline(registration.pushManager.subscribe({
+      userVisibleOnly: true,
+      applicationServerKey: base64UrlToBytes(publicKey),
+    }), PUSH_SUBSCRIBE_DEADLINE_MS);
+  } catch (e) {
+    const hint = pushServiceFailureMessage(thisBrowser(), e);
+    if (hint) throw new Error(hint);
+    throw e;
+  }
   return api.post<PushDeviceInfo>("/api/notifications/push/subscribe", {
     subscription: subscription.toJSON(),
     label: thisDeviceLabel(),

package/src/web/lib/web-push-support.ts

@@ -14,6 +14,8 @@ export interface PushEnvironment {
   /** Opened from the Home Screen rather than in a browser tab. */
   standalone: boolean;
   permission: NotificationPermission | null;
+  /** `browserNameFrom`, or "Brave". */
+  browser?: string;
 }
 
 export type PushSupport =
@@ -40,27 +42,78 @@ export function pushSupportFrom(env: PushEnvironment): PushSupport {
     };
   }
   if (!env.serviceWorker || !env.pushManager || !env.notification) {
+    // Firefox hides PushManager, and nothing else, when `dom.push.enabled` is false.
+    if (env.browser === "Firefox" && env.serviceWorker && env.notification) {
+      return {
+        state: "unavailable",
+        message: "Push is turned off in this browser. Open about:config, set dom.push.enabled to true, then restart the browser.",
+      };
+    }
     return { state: "unavailable", message: "This browser cannot receive push notifications." };
   }
   if (env.permission === "denied") return { state: "blocked", message: PUSH_BLOCKED_MESSAGE };
   return { state: "available" };
 }
 
+/**
+ * The first subscribe after a browser starts took ~30 s in Chrome and Brave (3 s once
+ * running). A push service the network blocks may never answer: with Google's hosts
+ * unresolvable, Chrome kept retrying for minutes and never rejected.
+ */
+export const PUSH_SUBSCRIBE_DEADLINE_MS = 60_000;
+
+export function withinDeadline<T>(promise: Promise<T>, ms: number): Promise<T> {
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  const deadline = new Promise<never>((_, reject) => {
+    timer = setTimeout(() => reject(new DOMException("The push service did not answer.", "TimeoutError")), ms);
+  });
+  return Promise.race([promise, deadline]).finally(() => clearTimeout(timer));
+}
+
+/** Whose push service each browser registers with, where that is the same on every platform. */
+const PUSH_SERVICE_OWNER: Record<string, string> = { Brave: "Google", Chrome: "Google", Firefox: "Mozilla", Safari: "Apple" };
+
+/**
+ * What to do when `pushManager.subscribe` fails because of the push service, or null for
+ * any other failure. A browser reports a service it cannot use as an AbortError.
+ */
+export function pushServiceFailureMessage(browser: string, error: unknown): string | null {
+  const { name, message } = (error ?? {}) as { name?: unknown; message?: unknown };
+  if (name !== "AbortError" && name !== "TimeoutError") return null;
+  // Brave turns Google's push service off by default and rejects at once.
+  if (browser === "Brave" && name === "AbortError") {
+    return "Brave keeps push off until you allow it: open brave://settings/privacy, turn on “Use Google services for push messaging”, restart Brave, then turn this on again.";
+  }
+  const owner = PUSH_SERVICE_OWNER[browser];
+  const service = owner ? `${owner}'s push service` : "its push service";
+  const failed = name === "TimeoutError" ? `got no answer from ${service} within a minute` : `could not register with ${service}`;
+  const said = name === "AbortError" && typeof message === "string" && message ? ` (${message})` : "";
+  return `${browser === "Browser" ? "This browser" : browser} ${failed}${said}. `
+    + `A firewall, VPN, DNS filter or ad blocker may be blocking it${owner ? "" : ", or push is turned off in this browser"}. `
+    + "Telegram and ntfy below work without it.";
+}
+
 /** iPadOS reports itself as a Mac; a Mac has no touch screen. */
 export function isIosDevice(userAgent: string, platform: string, maxTouchPoints: number): boolean {
   return /iPhone|iPad|iPod/.test(userAgent) || (platform === "MacIntel" && maxTouchPoints > 1);
 }
 
-/** "Chrome on Android" — enough to tell a phone from a laptop in the list. */
-export function deviceLabelFrom(userAgent: string, ipadOs = false): string {
-  const browser =
-    /Edg(A|iOS)?\//.test(userAgent) ? "Edge"
+/** Brave and most other Chromium builds say "Chrome"; the user agent cannot tell them apart. */
+export function browserNameFrom(userAgent: string): string {
+  return /Edg(A|iOS)?\//.test(userAgent) ? "Edge"
     : /OPR\//.test(userAgent) ? "Opera"
     : /SamsungBrowser\//.test(userAgent) ? "Samsung Internet"
     : /Firefox\/|FxiOS\//.test(userAgent) ? "Firefox"
     : /Chrome\/|CriOS\//.test(userAgent) ? "Chrome"
     : /Safari\//.test(userAgent) ? "Safari"
     : "Browser";
+}
+
+/**
+ * "Chrome on Android" — enough to tell a phone from a laptop in the list. `browser` is for
+ * what the user agent cannot say: Brave's is Chrome's.
+ */
+export function deviceLabelFrom(userAgent: string, ipadOs = false, browser = browserNameFrom(userAgent)): string {
   const os =
     /Android/.test(userAgent) ? "Android"
     : /iPhone|iPod/.test(userAgent) ? "iPhone"

package/dist/web/assets/chat-tab-BG0M1D3d.js.br

@@ -1,3 +0,0 @@
-� ���r�'��i���le�X�vD.�(����r��\Σ$�b
-E���cX�t:�����J��I(tqY�쓽ӈT�J���Y|>��d�$Pǹ]
-���Q���e�>~�3I&�@[�is��Mu {~Kíi�Զ�`�@Wj|�y�99�['o��$j��{O[��Wg���0dTz���l.�`Y�+�r���7�_���BW�u�ޱ�gйN��	���B��R�)y2��?ym��LhB=?Z�rD���m2$�g/���Q/��I�X��D�[��'��k]�y�^B'8�^��2J���*�uo���gnV�+p
3e��4��ǡش�󰑂��V�g�vq�,=IhoP�Fj�c�ǘؾX��n�a���mf��g�;�og4v�7~����Z�C-y�����h1���D�

package/dist/web/assets/notifications-settings-section-D7fIVFHe.js

@@ -1 +0,0 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{Ar as r,Kr as i,Ln as a,P as o,Sr as s,gt as c,xn as l}from"./icons-BwyIKaTT.js";import{k as u,r as d}from"./api-client-xQDlhUTu.js";import{n as f}from"./utils-Bslrbb-G.js";import{t as p}from"./format-date-CSHaU2wN.js";import{n as m,t as h}from"./button-C9ZXWb3b.js";import{t as g}from"./input-C3oVNCMq.js";import{t as _}from"./separator-DmU9aJwq.js";import{n as v,r as y,t as b}from"./settings-rows-ChKBHk07.js";import{i as x,n as S,r as C,t as w}from"./telegram-bot-token-field-DF7zq7_h.js";var T=e(t(),1),E=`Notifications are blocked for this site. Allow them in the browser's site settings, then turn this on again.`;function D(e){return e.secure?e.ios&&!e.standalone?{state:`unavailable`,message:`On iPhone and iPad, push works only in PPM added to the Home Screen: tap Share → Add to Home Screen, open PPM from there, then turn this on.`}:!e.serviceWorker||!e.pushManager||!e.notification?{state:`unavailable`,message:`This browser cannot receive push notifications.`}:e.permission===`denied`?{state:`blocked`,message:E}:{state:`available`}:{state:`unavailable`,message:`Push needs PPM on HTTPS or localhost. Browsers turn it off on a plain HTTP address like this one.`}}function O(e,t,n){return/iPhone|iPad|iPod/.test(e)||t===`MacIntel`&&n>1}function k(e,t=!1){let n=/Edg(A|iOS)?\//.test(e)?`Edge`:/OPR\//.test(e)?`Opera`:/SamsungBrowser\//.test(e)?`Samsung Internet`:/Firefox\/|FxiOS\//.test(e)?`Firefox`:/Chrome\/|CriOS\//.test(e)?`Chrome`:/Safari\//.test(e)?`Safari`:`Browser`,r=/Android/.test(e)?`Android`:/iPhone|iPod/.test(e)?`iPhone`:/iPad/.test(e)||t?`iPad`:/Mac OS X/.test(e)?`macOS`:/Windows/.test(e)?`Windows`:/CrOS/.test(e)?`ChromeOS`:/Linux/.test(e)?`Linux`:``;return r?`${n} on ${r}`:n}function A(e){let t=e.replace(/-/g,`+`).replace(/_/g,`/`).padEnd(Math.ceil(e.length/4)*4,`=`),n=atob(t),r=new Uint8Array(n.length);for(let e=0;e<n.length;e++)r[e]=n.charCodeAt(e);return r}function j(e){let t=``;for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}function M(){return navigator.platform===`MacIntel`&&navigator.maxTouchPoints>1}function N(){return D({secure:window.isSecureContext,serviceWorker:`serviceWorker`in navigator,pushManager:`PushManager`in window,notification:`Notification`in window,ios:O(navigator.userAgent,navigator.platform,navigator.maxTouchPoints),standalone:window.matchMedia?.(`(display-mode: standalone)`).matches||navigator.standalone===!0,permission:`Notification`in window?Notification.permission:null})}function P(){return k(navigator.userAgent,M())}async function F(){return N().state===`unavailable`?null:await(await navigator.serviceWorker.getRegistration())?.pushManager.getSubscription()??null}function I(e,t){let n=e.options.applicationServerKey;return!!n&&j(new Uint8Array(n))===t}async function L(e){let t=await Notification.requestPermission();if(t!==`granted`)throw Error(t===`denied`?E:`Notifications were not allowed.`);if(!await navigator.serviceWorker.getRegistration())throw Error(`PPM's service worker is not running on this page, so it cannot receive push.`);let n=await navigator.serviceWorker.ready,r=await n.pushManager.getSubscription();return r&&!I(r,e)&&(await d.post(`/api/notifications/push/unsubscribe`,{endpoint:r.endpoint}).catch(()=>{}),await r.unsubscribe(),r=null),r??=await n.pushManager.subscribe({userVisibleOnly:!0,applicationServerKey:A(e)}),d.post(`/api/notifications/push/subscribe`,{subscription:r.toJSON(),label:P(),origin:window.location.origin})}async function R(){let e=await F();if(e)try{await d.post(`/api/notifications/push/unsubscribe`,{endpoint:e.endpoint})}finally{await e.unsubscribe()}}var z=[`done`,`approval_request`,`question`,`schedule`,`jira`,`design_review`],B=[{seconds:0,label:`Right away`},{seconds:30,label:`After 30 seconds`},{seconds:60,label:`After 1 minute`},{seconds:120,label:`After 2 minutes`},{seconds:300,label:`After 5 minutes`}],V={done:{label:`Chat finished`,note:`The AI finished answering.`},approval_request:{label:`Needs approval`,note:`A tool is waiting for your permission.`},question:{label:`AI has a question`,note:`The AI asked you something and is waiting.`},schedule:{label:`Scheduled run finished`,note:`A schedule completed or failed.`},jira:{label:`Jira`,note:`A watcher found new issues, or a debug run finished.`},design_review:{label:`Reviewer comments`,note:`Someone commented on a design you shared.`}};function H(e,t){return{events:{...e.events,...t.events??{}},delay_seconds:t.delay_seconds??e.delay_seconds,telegram:t.telegram??e.telegram,ntfy:t.ntfy??e.ntfy}}function U(e){let t=e.trim();if(!t)return null;try{let e=new URL(/^[a-z][a-z0-9+.-]*:\/\//i.test(t)?t:`https://${t}`);return e.protocol!==`https:`&&e.protocol!==`http:`||!e.hostname||e.username||e.password?null:`${e.origin}${e.pathname.replace(/\/+$/,``)}`}catch{return null}}var W=n(),G=`https://ntfy.sh`;function K(){let e=crypto.getRandomValues(new Uint8Array(12));return`ppm-${Array.from(e,e=>`abcdefghijklmnopqrstuvwxyz0123456789`[e%36]).join(``)}`}function q(e){try{return new URL(e).host}catch{return e}}function J({status:e,onSaved:t,onRemove:n}){let r=(0,T.useId)(),i=(0,T.useId)(),a=(0,T.useId)(),[s,l]=(0,T.useState)(e.server||G),[u,p]=(0,T.useState)(()=>e.topic||K()),[_,v]=(0,T.useState)(``),[y,b]=(0,T.useState)(!1),[x,S]=(0,T.useState)(null),[C,w]=(0,T.useState)(!e.configured),E=U(s),D=e.tokenSet&&E===e.server,O=!e.configured||E!==e.server||u.trim()!==e.topic||_.trim()!==``,k=e=>t=>{e(t.target.value),S(null)},A=async()=>{b(!0),S(null);try{let e=await d.put(`/api/notifications/ntfy`,{server:s,topic:u,..._.trim()?{token:_.trim()}:{}});v(``),w(!1),t(e)}catch(e){S(e instanceof Error?e.message:String(e))}finally{b(!1)}};return(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsxs)(`form`,{className:`space-y-3`,onSubmit:e=>{e.preventDefault(),A()},children:[(0,W.jsx)(Y,{id:r,label:`Server`,children:(0,W.jsx)(g,{id:r,inputMode:`url`,autoCapitalize:`none`,autoCorrect:`off`,autoComplete:`off`,spellCheck:!1,placeholder:G,value:s,onChange:k(l),className:`h-11 w-full text-sm md:h-9`})}),(0,W.jsx)(Y,{id:i,label:`Topic`,children:(0,W.jsx)(g,{id:i,autoCapitalize:`none`,autoCorrect:`off`,autoComplete:`off`,spellCheck:!1,value:u,onChange:k(p),className:`h-11 w-full font-mono text-sm md:h-9`})}),(0,W.jsx)(Y,{id:a,label:`Access token — only if the server requires sign-in`,children:(0,W.jsx)(g,{id:a,type:`password`,autoComplete:`off`,spellCheck:!1,placeholder:D?`••••••  (saved)`:`tk_…`,value:_,onChange:k(v),className:`h-11 w-full font-mono text-sm md:h-9`})}),e.tokenSet&&!D&&!_.trim()&&(0,W.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`The saved token is for `,q(e.server),` and is not sent to another server.`]}),x&&(0,W.jsx)(`p`,{className:`text-xs text-error`,children:x}),(0,W.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row`,children:[(0,W.jsx)(h,{type:`submit`,disabled:y||!O,className:`min-h-11 cursor-pointer md:min-h-9`,children:y?`Checking…`:`Save`}),e.configured&&(0,W.jsx)(h,{type:`button`,variant:`ghost`,onClick:n,className:`min-h-11 cursor-pointer text-error hover:text-error md:min-h-9`,children:`Remove ntfy`})]})]}),(0,W.jsxs)(`button`,{type:`button`,onClick:()=>w(e=>!e),"aria-expanded":C,className:`flex min-h-11 cursor-pointer items-center gap-1 text-xs text-primary md:min-h-8`,children:[(0,W.jsx)(o,{className:f(`size-3.5 transition-transform`,!C&&`-rotate-90`)}),`How to set up ntfy`]}),C&&(0,W.jsxs)(`div`,{className:`space-y-3 rounded-lg border border-border px-4 py-3`,children:[(0,W.jsxs)(`ol`,{className:`list-decimal space-y-1.5 pl-4 text-sm leading-relaxed`,children:[(0,W.jsx)(`li`,{children:`Install the ntfy app on your phone, or open the server in a browser.`}),(0,W.jsxs)(`li`,{children:[`Subscribe to the topic above. For a server other than ntfy.sh, turn on `,(0,W.jsx)(`b`,{children:`Use another server`}),` and enter its address.`]}),(0,W.jsxs)(`li`,{children:[`If the server asks you to sign in, create a token in its web app under `,(0,W.jsx)(`b`,{children:`Account → Access tokens`}),` and paste it above. Its user needs permission to publish to the topic.`]}),(0,W.jsx)(`li`,{children:`Save, then send a test.`})]}),(0,W.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`On ntfy.sh anyone who knows a topic's name can read it, so keep the name hard to guess. An iPhone gets instant alerts from a server of your own only when that server sets`,` `,(0,W.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5`,children:`upstream-base-url: "https://ntfy.sh"`}),`.`]}),(0,W.jsxs)(`a`,{href:`https://docs.ntfy.sh/subscribe/phone/`,target:`_blank`,rel:`noopener noreferrer`,className:f(m({variant:`outline`}),`min-h-11 w-full gap-2 md:min-h-9 sm:w-auto`),children:[`The ntfy app guide`,(0,W.jsx)(c,{className:`size-3.5`})]})]})]})}function Y({id:e,label:t,children:n}){return(0,W.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,W.jsx)(`label`,{htmlFor:e,className:`text-xs text-muted-foreground`,children:t}),n]})}var X=e=>e instanceof Error?e.message:String(e),Z=e=>p(new Date(e).toISOString());function Q(){let[e,t]=(0,T.useState)(null),[n,r]=(0,T.useState)(null),i=(0,T.useCallback)(async()=>{try{t(await d.get(`/api/notifications/settings`)),r(null)}catch(e){r(X(e))}},[]);(0,T.useEffect)(()=>{i()},[i]);let a=(0,T.useCallback)(async e=>{t(t=>t&&H(t,e));try{await d.put(`/api/notifications/settings`,e)}catch(e){u.error(`Could not save`,{description:X(e)}),await i()}},[i]);return e?(0,W.jsxs)(`div`,{className:`space-y-6`,children:[(0,W.jsx)(ee,{settings:e,update:a}),(0,W.jsx)(_,{}),(0,W.jsx)(te,{}),(0,W.jsx)(_,{}),(0,W.jsx)(ne,{settings:e,update:a}),(0,W.jsx)(_,{}),(0,W.jsx)(re,{settings:e,update:a})]}):(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:n??`Loading…`})}function ee({settings:e,update:t}){let n=(0,T.useId)(),r=B.some(t=>t.seconds===e.delay_seconds)?B:[...B,{seconds:e.delay_seconds,label:`After ${e.delay_seconds} seconds`}];return(0,W.jsxs)(`section`,{className:`space-y-3`,children:[(0,W.jsx)(v,{title:`When to notify`,children:`For every channel below, on every device.`}),(0,W.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,W.jsx)(`label`,{htmlFor:n,className:`text-xs text-muted-foreground`,children:`Send a notification`}),(0,W.jsx)(`select`,{id:n,value:e.delay_seconds,onChange:e=>void t({delay_seconds:Number(e.target.value)}),className:`h-11 w-full rounded-md border border-input bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9`,children:r.map(e=>(0,W.jsx)(`option`,{value:e.seconds,children:e.label},e.seconds))}),(0,W.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:e.delay_seconds===0?`Sent the moment it happens, even while you are looking at the chat.`:`Sent only if the chat is still unread by then. Opening it in PPM on any device cancels the notification, and so does answering an approval.`})]}),(0,W.jsx)(`div`,{className:`divide-y divide-border rounded-lg border border-border`,children:z.map(n=>(0,W.jsx)(y,{label:V[n].label,note:V[n].note,checked:e.events[n],onChange:e=>void t({events:{[n]:e}})},n))})]})}function te(){let[e,t]=(0,T.useState)(null),[n,o]=(0,T.useState)(null),[c,f]=(0,T.useState)(null),[p,m]=(0,T.useState)(!1),[h,g]=(0,T.useState)(null),_=N(),x=(0,T.useCallback)(async()=>{try{let[e,n]=await Promise.all([d.get(`/api/notifications/push`),F().catch(()=>null)]);t(e),o(n),f(null)}catch(e){f(X(e))}},[]);(0,T.useEffect)(()=>{x()},[x]);let S=n&&e&&I(n,e.publicKey)?e.devices.find(e=>e.endpoint===n.endpoint)??null:null,C=async t=>{if(e){m(!0);try{t?(await L(e.publicKey),u.success(`Push is on for this device`)):await R()}catch(e){u.error(t?`Could not turn push on`:`Could not turn push off`,{description:X(e)})}finally{m(!1),await x()}}},w=async e=>{g(e.id);try{await d.post(`/api/notifications/push/test`,{id:e.id}),u.success(`Test sent to ${e.label}`)}catch(e){u.error(`Test not delivered`,{description:X(e)})}finally{g(null),await x()}},E=async e=>{if(e.id===S?.id)return C(!1);try{await d.post(`/api/notifications/push/unsubscribe`,{id:e.id})}catch(e){u.error(`Could not remove it`,{description:X(e)})}finally{await x()}},D=_.state===`unavailable`||_.state===`blocked`&&!S;return(0,W.jsxs)(`section`,{className:`space-y-3`,children:[(0,W.jsx)(v,{title:`Push notifications`,children:`Alerts on this phone or computer, even with PPM closed. Turn it on in each browser that should get them.`}),(0,W.jsx)(`div`,{className:`rounded-lg border border-border`,children:(0,W.jsx)(y,{label:`This device`,note:P(),checked:!!S,disabled:p||!e||D,onChange:e=>void C(e)})}),_.state!==`available`&&(0,W.jsx)(`p`,{className:`text-xs leading-relaxed text-warning`,children:_.message}),c&&(0,W.jsx)(`p`,{className:`text-xs text-error`,children:c}),e&&e.devices.length>0&&(0,W.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Receiving push`}),(0,W.jsx)(`ul`,{className:`divide-y divide-border rounded-lg border border-border`,children:e.devices.map(e=>(0,W.jsxs)(`li`,{className:`flex items-center gap-3 py-1.5 pl-4 pr-1`,children:[(0,W.jsx)(/Android|iPhone|iPad/.test(e.label)?r:a,{className:`size-4 shrink-0 text-muted-foreground`}),(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`p`,{className:`flex min-w-0 items-center gap-1.5 text-sm`,children:[(0,W.jsx)(`span`,{className:`truncate`,children:e.label}),e.id===S?.id&&(0,W.jsx)(`span`,{className:`shrink-0 rounded bg-primary/10 px-1.5 py-0.5 text-[10px] text-primary`,children:`This device`})]}),(0,W.jsxs)(`p`,{className:`truncate text-xs text-muted-foreground`,children:[$(e.origin),` · `,e.lastSuccessAt?`delivered ${Z(e.lastSuccessAt)}`:`added ${Z(e.createdAt)}`]}),e.lastError&&(0,W.jsx)(`p`,{className:`break-words text-xs text-error`,children:e.lastError})]}),(0,W.jsx)(b,{label:`Send a test to ${e.label}`,disabled:h!==null,onClick:()=>void w(e),children:h===e.id?(0,W.jsx)(l,{className:`size-4 animate-spin`}):(0,W.jsx)(s,{className:`size-4`})}),(0,W.jsx)(b,{label:`Stop push to ${e.label}`,danger:!0,disabled:p,onClick:()=>void E(e),children:(0,W.jsx)(i,{className:`size-4`})})]},e.id))})]})]})}function $(e){try{return new URL(e).host}catch{return e}}function ne({settings:e,update:t}){let[n,r]=(0,T.useState)(null),[i,a]=(0,T.useState)(null),[o,c]=(0,T.useState)(!1),f=(0,T.useCallback)(async()=>{try{let e=await d.get(`/api/notifications/telegram`);return r(e),a(null),e}catch(e){return a(X(e)),null}},[]);(0,T.useEffect)(()=>{f()},[f]);let{link:p,starting:m,connect:g,cancel:_}=x(`/api/notifications/telegram/connect`,n,f),b=async e=>{try{await d.del(`/api/notifications/telegram/chats/${encodeURIComponent(e.chatId)}`),u.success(`Disconnected ${e.name}`,{description:`It no longer gets alerts.`})}catch(e){u.error(`Could not disconnect`,{description:X(e)})}finally{await f()}},E=async()=>{c(!0);try{await d.post(`/api/settings/telegram/test`,{}),u.success(`Test sent to Telegram`)}catch(e){u.error(`Test not delivered`,{description:X(e)})}finally{c(!1)}},D=n?.chats??[];return(0,W.jsxs)(`section`,{className:`space-y-3`,children:[(0,W.jsx)(v,{title:`Telegram`,children:`Alerts in a chat with your own Telegram bot. A chat connected here gets alerts and nothing else — PPMBot has its own bot and chats.`}),i&&(0,W.jsx)(`p`,{className:`text-xs text-error`,children:i}),n?.configured&&(0,W.jsxs)(W.Fragment,{children:[n.sharedWithPPMBot&&(0,W.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:`PPMBot answers through this bot too, so alerts arrive in your PPMBot chats. Give PPMBot a bot of its own in Settings → PPMBot to keep them apart.`}),(0,W.jsx)(`div`,{className:`rounded-lg border border-border`,children:(0,W.jsx)(y,{label:`Send notifications to Telegram`,note:D.length===0?`No chat connected yet`:D.length===1?`1 chat connected`:`${D.length} chats connected`,checked:e.telegram,onChange:e=>void t({telegram:e})})}),(0,W.jsx)(C,{chats:D,onDisconnect:e=>void b(e)}),p?(0,W.jsx)(S,{link:p,botUsername:n.botUsername,error:n.connect.error,onCancel:()=>void _()}):(0,W.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row`,children:[(0,W.jsxs)(h,{onClick:()=>void g(),disabled:m,className:`min-h-11 cursor-pointer gap-2 md:min-h-9`,children:[m?(0,W.jsx)(l,{className:`size-4 animate-spin`}):(0,W.jsx)(s,{className:`size-4`}),D.length===0?`Connect Telegram`:`Connect another chat`]}),D.length>0&&(0,W.jsx)(h,{variant:`outline`,onClick:()=>void E(),disabled:o,className:`min-h-11 cursor-pointer md:min-h-9`,children:o?`Sending…`:`Send a test`})]})]}),n&&(0,W.jsx)(w,{configured:n.configured,botUsername:n.botUsername,onSaved:()=>void f()})]})}function re({settings:e,update:t}){let[n,r]=(0,T.useState)(null),[i,a]=(0,T.useState)(null),[o,s]=(0,T.useState)(!1),l=(0,T.useCallback)(async()=>{try{r(await d.get(`/api/notifications/ntfy`)),a(null)}catch(e){a(X(e))}},[]);(0,T.useEffect)(()=>{l()},[l]);let p=async()=>{s(!0);try{await d.post(`/api/notifications/ntfy/test`,{}),u.success(`Test sent to ntfy`)}catch(e){u.error(`Test not delivered`,{description:X(e)})}finally{s(!1)}},g=async()=>{try{await d.del(`/api/notifications/ntfy`),u.success(`ntfy removed`)}catch(e){u.error(`Could not remove ntfy`,{description:X(e)})}finally{await l()}};return(0,W.jsxs)(`section`,{className:`space-y-3`,children:[(0,W.jsx)(v,{title:`ntfy`,children:`Alerts through an ntfy server — ntfy.sh or one of your own — on every phone and computer subscribed to your topic.`}),i&&(0,W.jsx)(`p`,{className:`text-xs text-error`,children:i}),n?.configured&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`rounded-lg border border-border`,children:(0,W.jsx)(y,{label:`Send notifications to ntfy`,note:(0,W.jsxs)(W.Fragment,{children:[`Topic `,(0,W.jsx)(`span`,{className:`font-mono`,children:n.topic}),` on `,$(n.server)]}),checked:e.ntfy,onChange:e=>void t({ntfy:e})})}),(0,W.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row`,children:[(0,W.jsx)(h,{variant:`outline`,onClick:()=>void p(),disabled:o,className:`min-h-11 cursor-pointer md:min-h-9`,children:o?`Sending…`:`Send a test`}),(0,W.jsxs)(`a`,{href:`${n.server}/${n.topic}`,target:`_blank`,rel:`noopener noreferrer`,className:f(m({variant:`outline`}),`min-h-11 gap-2 md:min-h-9`),children:[`Open the topic`,(0,W.jsx)(c,{className:`size-3.5`})]})]})]}),n&&(0,W.jsx)(J,{status:n,onSaved:r,onRemove:()=>void g()},`${n.server}/${n.topic}`)]})}export{Q as NotificationsSettingsSection};

package/dist/web/assets/settings-section-content-BOh2jaWV.js

@@ -1 +0,0 @@
-import"./vendor-markdown-C-P1aR4p.js";import"./icons-BwyIKaTT.js";import{r as e}from"./settings-section-content-DdVdyPVX.js";export{e as preloadSettingsSections};