@hfunlabs/hypurr-connect 0.1.9 → 0.1.11

package/src/LoginModal.tsx

@@ -6,7 +6,6 @@ import {
 } from "framer-motion";
 import {
   useCallback,
-  useEffect,
   useSyncExternalStore,
   type CSSProperties,
   type ReactNode,
@@ -14,8 +13,6 @@ import {
 import { useHypurrConnectInternal } from "./HypurrConnectProvider";
 import { MetaMaskColorIcon } from "./icons/MetaMaskColorIcon";
 import { TelegramColorIcon } from "./icons/TelegramColorIcon";
-import { TelegramLoginWidget } from "./TelegramLoginWidget";
-import type { TelegramLoginData } from "./types";
 
 export interface LoginModalProps {
   onConnectWallet: () => void;
@@ -131,62 +128,13 @@ function HoverButton({
 }
 
 export function LoginModal({ onConnectWallet, walletIcon }: LoginModalProps) {
-  const {
-    loginTelegram,
-    loginModalOpen,
-    closeLoginModal,
-    botId,
-    botUsername,
-    useWidget,
-  } = useHypurrConnectInternal();
-
-  const handleTelegramAuth = useCallback(
-    (user: TelegramLoginData) => {
-      loginTelegram(user);
-      closeLoginModal();
-    },
-    [loginTelegram, closeLoginModal],
-  );
+  const { loginTelegram, loginModalOpen, closeLoginModal } =
+    useHypurrConnectInternal();
 
-  useEffect(() => {
-    if (!loginModalOpen) return;
-    function onMessage(e: MessageEvent) {
-      if (e.origin !== "https://oauth.telegram.org") return;
-      try {
-        const data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
-        if (data?.event === "auth_result" && data.result) {
-          const r = data.result;
-          handleTelegramAuth({
-            id: r.id,
-            first_name: r.first_name ?? "",
-            last_name: r.last_name ?? undefined,
-            username: r.username ?? undefined,
-            photo_url: r.photo_url ?? undefined,
-            auth_date: r.auth_date,
-            hash: r.hash,
-          });
-        }
-      } catch {
-        /* ignore non-JSON */
-      }
-    }
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [loginModalOpen, handleTelegramAuth]);
-
-  const openTelegramOAuth = useCallback(() => {
-    const origin = encodeURIComponent(window.location.origin);
-    const url = `https://oauth.telegram.org/auth?bot_id=${botId}&origin=${origin}&request_access=write`;
-    const w = 550;
-    const h = 470;
-    const left = window.screenX + (window.outerWidth - w) / 2;
-    const top = window.screenY + (window.outerHeight - h) / 2;
-    window.open(
-      url,
-      "telegram_auth",
-      `width=${w},height=${h},left=${left},top=${top}`,
-    );
-  }, [botId]);
+  const handleTelegramAuth = useCallback(() => {
+    closeLoginModal();
+    loginTelegram();
+  }, [loginTelegram, closeLoginModal]);
 
   const isMobile = useIsMobile();
 
@@ -202,17 +150,10 @@ export function LoginModal({ onConnectWallet, walletIcon }: LoginModalProps) {
           overflow: "hidden",
         }}
       >
-        {useWidget && botUsername ? (
-          <TelegramLoginWidget
-            botUsername={botUsername}
-            onAuth={handleTelegramAuth}
-          />
-        ) : (
-          <HoverButton onClick={openTelegramOAuth}>
-            <TelegramColorIcon style={iconSize} />
-            Telegram
-          </HoverButton>
-        )}
+        <HoverButton onClick={handleTelegramAuth}>
+          <TelegramColorIcon style={iconSize} />
+          Telegram
+        </HoverButton>
       </div>
 
       <div style={dividerStyle} />
@@ -258,13 +199,13 @@ export function LoginModal({ onConnectWallet, walletIcon }: LoginModalProps) {
             >
               <motion.div
                 style={modalBoxStyle}
-                initial={{ opacity: 0, scale: 0.95, y: 10 }}
-                animate={{ opacity: 1, scale: 1, y: 0 }}
-                exit={{ opacity: 0, scale: 0.95, y: 10 }}
-                transition={{ duration: 0.2, ease: "easeOut" }}
+                initial={{ scale: 0.96, opacity: 0, y: 8 }}
+                animate={{ scale: 1, opacity: 1, y: 0 }}
+                exit={{ scale: 0.96, opacity: 0, y: 8 }}
+                transition={{ duration: 0.12 }}
                 onClick={(e) => e.stopPropagation()}
               >
-                <p style={headingStyle}>Connect</p>
+                <h2 style={headingStyle}>Connect</h2>
                 {modalContent}
               </motion.div>
             </motion.div>

package/src/grpc.ts

@@ -3,11 +3,11 @@ import { StaticClient } from "hypurr-grpc/ts/hypurr/static/static_service.client
 import { TelegramClient } from "hypurr-grpc/ts/hypurr/telegram/telegram_service.client";
 import type { HypurrConnectConfig } from "./types";
 
-const GRPC_URL = "https://grpc.hypurr.fun";
+const DEFAULT_GRPC_URL = "https://grpc.hypurr.fun";
 
 function createTransport(config: HypurrConnectConfig) {
   return new GrpcWebFetchTransport({
-    baseUrl: GRPC_URL,
+    baseUrl: config.grpcUrl ?? DEFAULT_GRPC_URL,
     timeout: config.grpcTimeout ?? 15_000,
   });
 }

package/src/index.ts

@@ -4,8 +4,6 @@ export {
 } from "./HypurrConnectProvider";
 export { LoginModal } from "./LoginModal";
 export type { LoginModalProps } from "./LoginModal";
-export { TelegramLoginWidget } from "./TelegramLoginWidget";
-export type { TelegramLoginWidgetProps } from "./TelegramLoginWidget";
 export { GrpcExchangeTransport } from "./GrpcExchangeTransport";
 export type { GrpcExchangeTransportConfig } from "./GrpcExchangeTransport";
 export { createTelegramClient, createStaticClient } from "./grpc";

package/src/types.ts

@@ -1,4 +1,5 @@
 import type { ExchangeClient } from "@hfunlabs/hyperliquid";
+import type { RpcOptions } from "@protobuf-ts/runtime-rpc";
 import type { StaticClient } from "hypurr-grpc/ts/hypurr/static/static_service.client";
 import type {
   HyperliquidScaleCreateRequest,
@@ -16,19 +17,33 @@ import type { HyperliquidWallet } from "hypurr-grpc/ts/hypurr/wallet";
 // ─── Config ──────────────────────────────────────────────────────
 
 export interface HypurrConnectConfig {
+  /** gRPC-web base URL. Defaults to https://grpc.hypurr.fun. */
+  grpcUrl?: string;
+  /** Media base URL for user-uploaded assets. Defaults to https://media.hypurr.fun. */
+  mediaUrl?: string;
   grpcTimeout?: number;
   isTestnet?: boolean;
   /** Polling interval in ms for TWAP/Scale session updates. Default 5000. Set 0 to disable. */
   sessionPollInterval?: number;
   telegram: {
-    botUsername: string;
+    /** Deprecated for the hub flow; retained for older consumers. */
+    botUsername?: string;
+    /** Deprecated for the hub flow; retained for older consumers. */
     botId?: string;
-    useWidget: boolean;
+    /** Deprecated: Telegram login is now handled by the auth hub. */
+    useWidget?: boolean;
+    /** Auth hub login URL. Defaults to https://auth.hypurr.fun/login. */
+    authHubUrl?: string;
+    /** Optional callback URL. Defaults to the current page without auth query params. */
+    returnTo?: string | (() => string);
+    /** Requested hub scopes. Defaults to the scopes required by this SDK. */
+    scope?: string | string[];
   };
 }
 
 // ─── Telegram login ──────────────────────────────────────────────
 
+/** @deprecated Telegram login is handled by the auth hub; raw Telegram data is no longer used by the provider. */
 export interface TelegramLoginData {
   id: number;
   first_name: string;
@@ -180,12 +195,18 @@ export interface HypurrConnectState {
   }) => Promise<void>;
 
   // TWAP sessions (Telegram only)
-  createTwap: (params: TwapCreateParams) => Promise<HyperliquidWalletTwapSession>;
-  modifyTwap: (params: TwapModifyParams) => Promise<HyperliquidWalletTwapSession>;
+  createTwap: (
+    params: TwapCreateParams,
+  ) => Promise<HyperliquidWalletTwapSession>;
+  modifyTwap: (
+    params: TwapModifyParams,
+  ) => Promise<HyperliquidWalletTwapSession>;
   cancelTwap: (sessionId: number) => Promise<void>;
 
   // Scale sessions (Telegram only)
-  createScale: (params: ScaleCreateParams) => Promise<HyperliquidWalletScaleSession>;
+  createScale: (
+    params: ScaleCreateParams,
+  ) => Promise<HyperliquidWalletScaleSession>;
   cancelScale: (sessionId: number) => Promise<void>;
 
   // Login modal
@@ -210,7 +231,10 @@ export interface HypurrConnectState {
   botId: string;
 
   // Low-level access
+  /** Deprecated: JWT auth leaves authData empty; use `telegramRpcOptions` for low-level calls. */
   authDataMap: Record<string, string>;
+  authToken: string | null;
+  telegramRpcOptions?: RpcOptions;
   telegramClient: TelegramClient;
   staticClient: StaticClient;
 }