Release 1.1.2

Author: lnikell

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Loopndroll",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "private": true,
   "type": "module",
   "packageManager": "pnpm@10.33.0",

src/bun/index.ts

@@ -1,6 +1,7 @@
 import {
   ApplicationMenu,
   BrowserWindow,
+  Utils,
   Updater,
   defineElectrobunRPC,
   type UpdateStatusEntry,
@@ -528,8 +529,11 @@ function createWindowRpc() {
         createCompletionCheck({ completionCheck }) {
           return createCompletionCheck(completionCheck);
         },
-        getTelegramChats({ botToken }) {
-          return fetchTelegramChats(botToken);
+        getTelegramChats({ botToken, waitForUpdates }) {
+          return fetchTelegramChats(botToken, waitForUpdates);
+        },
+        openExternalUrl({ url }) {
+          return Utils.openExternal(url);
         },
         updateNotification({ notification }) {
           return updateLoopNotification(notification);

src/bun/loopndroll.ts

@@ -3586,79 +3586,6 @@ function getTelegramChatDisplayName(chat: {
   return "Unknown chat";
 }
 
-export async function getTelegramChats(botToken: string): Promise<TelegramChatOption[]> {
-  const normalizedBotToken = botToken.trim();
-  if (normalizedBotToken.length === 0) {
-    return [];
-  }
-
-  const response = await fetch(buildTelegramApiUrl(normalizedBotToken, "getUpdates"));
-  if (!response.ok) {
-    throw new Error(\`Telegram getUpdates failed with status \${response.status}.\`);
-  }
-
-  const payload = (await response.json()) as {
-    ok?: boolean;
-    result?: Array<{
-      message?: {
-        chat?: {
-          id?: number | string;
-          username?: string;
-          first_name?: string;
-          last_name?: string;
-          title?: string;
-        };
-        from?: {
-          username?: string;
-          first_name?: string;
-          last_name?: string;
-        };
-      };
-    }>;
-    description?: string;
-  };
-
-  if (!payload.ok) {
-    throw new Error(payload.description || "Telegram getUpdates failed.");
-  }
-
-  const updates = Array.isArray(payload.result) ? payload.result : [];
-  const uniqueChats = new Map<string, TelegramChatOption>();
-
-  for (const update of [...updates].reverse()) {
-    const message = update.message;
-    const chat = message?.chat;
-    if (!chat || (typeof chat.id !== "number" && typeof chat.id !== "string")) {
-      continue;
-    }
-
-    const rawUsername = chat.username ?? message?.from?.username ?? null;
-    const username =
-      typeof rawUsername === "string" && rawUsername.trim().length > 0 ? rawUsername.trim() : null;
-    const dedupeKey = username?.toLowerCase() ?? \`chat:\${String(chat.id)}\`;
-    if (uniqueChats.has(dedupeKey)) {
-      continue;
-    }
-
-    uniqueChats.set(dedupeKey, {
-      chatId: String(chat.id),
-      username,
-      displayName: getTelegramChatDisplayName({
-        title: chat.title,
-        first_name: chat.first_name ?? message?.from?.first_name,
-        last_name: chat.last_name ?? message?.from?.last_name,
-        username,
-      }),
-    });
-
-    if (uniqueChats.size >= 10) {
-      break;
-    }
-  }
-
-  return [...uniqueChats.values()];
-}
-
 async function main() {
   const input = JSON.parse(await Bun.stdin.text());
   const hookEventName = input.hook_event_name;

src/lib/app-rpc.ts

@@ -38,6 +38,9 @@ type AppRpc = {
     getTelegramChats: (
       params: AppRpcSchema["bun"]["requests"]["getTelegramChats"]["params"],
     ) => Promise<AppRpcSchema["bun"]["requests"]["getTelegramChats"]["response"]>;
+    openExternalUrl: (
+      params: AppRpcSchema["bun"]["requests"]["openExternalUrl"]["params"],
+    ) => Promise<AppRpcSchema["bun"]["requests"]["openExternalUrl"]["response"]>;
     updateNotification: (
       params: AppRpcSchema["bun"]["requests"]["updateNotification"]["params"],
     ) => Promise<AppRpcSchema["bun"]["requests"]["updateNotification"]["response"]>;

src/lib/loopndroll.ts

@@ -55,6 +55,11 @@ export async function getTelegramChats(
   return (await rpc?.request.getTelegramChats({ botToken, waitForUpdates })) ?? [];
 }
 
+export async function openExternalUrl(url: string): Promise<boolean> {
+  const rpc = await getAppRpc();
+  return (await rpc?.request.openExternalUrl({ url })) ?? false;
+}
+
 export async function updateNotification(notification: UpdateLoopNotificationInput) {
   const rpc = await getAppRpc();
   return rpc?.request.updateNotification({ notification });

src/pages/settings.tsx

@@ -1,11 +1,12 @@
 import { ArrowLeft, DotsThree, Plus } from "@phosphor-icons/react";
-import { useEffect, useState } from "react";
+import { type MouseEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { z } from "zod/v4";
 import {
   type CompletionCheck,
   getTelegramChats,
+  openExternalUrl,
   revealHooksFile,
   type LoopNotification,
   type TelegramChatOption,
@@ -194,6 +195,15 @@ function inferTelegramChatKind(chatId: string): TelegramChatOption["kind"] {
   return chatId.trim().startsWith("-") ? "group" : "dm";
 }
 
+async function handleExternalLinkClick(event: MouseEvent<HTMLAnchorElement>, url: string) {
+  event.preventDefault();
+
+  const opened = await openExternalUrl(url);
+  if (!opened) {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+
 function parseCommandsText(commandsText: string) {
   return commandsText
     .split(/\r?\n/)
@@ -662,7 +672,13 @@ export function SettingsRoute() {
                       <FieldDescription>
                         <a
                           className="text-blue-400 transition-colors hover:text-blue-300"
-                          href="https://t.me/BotFather"
+                          href="https://github.com/lnikell/loopndroll?tab=readme-ov-file#telegram-setup"
+                          onClick={(event) => {
+                            void handleExternalLinkClick(
+                              event,
+                              "https://github.com/lnikell/loopndroll?tab=readme-ov-file#telegram-setup",
+                            );
+                          }}
                           rel="noreferrer"
                           target="_blank"
                         >
@@ -963,6 +979,12 @@ export function SettingsRoute() {
                   <a
                     className="text-blue-400 transition-colors hover:text-blue-300"
                     href="https://github.com/lnikell/loopndroll?tab=readme-ov-file#telegram-commands"
+                    onClick={(event) => {
+                      void handleExternalLinkClick(
+                        event,
+                        "https://github.com/lnikell/loopndroll?tab=readme-ov-file#telegram-commands",
+                      );
+                    }}
                     rel="noreferrer"
                     target="_blank"
                   >
@@ -1061,6 +1083,12 @@ export function SettingsRoute() {
                   <a
                     className="text-blue-400 transition-colors hover:text-blue-300"
                     href="https://github.com/lnikell/loopndroll?tab=readme-ov-file#4-completion-checks"
+                    onClick={(event) => {
+                      void handleExternalLinkClick(
+                        event,
+                        "https://github.com/lnikell/loopndroll?tab=readme-ov-file#4-completion-checks",
+                      );
+                    }}
                     rel="noreferrer"
                     target="_blank"
                   >

src/shared/app-rpc.ts

@@ -196,6 +196,12 @@ export type AppRpcSchema = {
         };
         response: TelegramChatOption[];
       };
+      openExternalUrl: {
+        params: {
+          url: string;
+        };
+        response: boolean;
+      };
       updateNotification: {
         params: {
           notification: UpdateLoopNotificationInput;