@howone/sdk 0.3.7 → 0.3.9

package/dist/index.mjs

@@ -202,6 +202,22 @@ function useAuth() {
     setTokenState(null);
     setUser(null);
     notifyAuthStateChanged();
+    if (typeof window !== "undefined") {
+      const loc = window.location.href;
+      const pid = getDefaultProjectId();
+      try {
+        const root = env2.baseUrl;
+        const authUrl = new URL("/auth", String(root));
+        authUrl.searchParams.set("redirect_uri", String(loc));
+        if (pid) authUrl.searchParams.set("project_id", String(pid));
+        window.location.href = authUrl.toString();
+      } catch {
+        const encoded = encodeURIComponent(String(loc));
+        const pidParam = pid ? `&project_id=${encodeURIComponent(String(pid))}` : "";
+        const root = env2.baseUrl;
+        window.location.href = `${root}/auth?redirect_uri=${encoded}${pidParam}`;
+      }
+    }
   };
   return {
     token,
@@ -230,11 +246,14 @@ function notifyAuthStateChanged() {
     }
   }
 }
-var AUTH_TOKEN_KEY, authSubscribers;
+var AUTH_TOKEN_KEY, envValue, env2, authSubscribers;
 var init_auth = __esm({
   "src/auth/index.ts"() {
     "use strict";
+    init_config();
     AUTH_TOKEN_KEY = "auth_token";
+    envValue = getGlobalEnvironment() || "prod";
+    env2 = setEnvironment(envValue);
     authSubscribers = /* @__PURE__ */ new Set();
   }
 });
@@ -300,8 +319,8 @@ var detectEnvironmentFromHostname = () => {
   }
 };
 var resolveApiBaseUrl = () => {
-  const env2 = detectEnvironmentFromHostname();
-  return API_BASE_URLS[env2] ?? API_BASE_URLS.dev;
+  const env3 = detectEnvironmentFromHostname();
+  return API_BASE_URLS[env3] ?? API_BASE_URLS.dev;
 };
 var UnifiedAuthService = class {
   constructor() {
@@ -932,7 +951,7 @@ var LoginForm = ({
 
 // src/components/auth/HowoneProvider.tsx
 init_auth();
-import { createContext as createContext2, useContext as useContext2, useState as useState7, useEffect as useEffect6, useMemo } from "react";
+import { createContext as createContext2, useContext as useContext2, useState as useState7, useEffect as useEffect6, useMemo, useCallback as useCallback4 } from "react";
 
 // src/components/theme/ThemeProvider.tsx
 import { createContext, useContext, useEffect as useEffect3, useState as useState3 } from "react";
@@ -1304,8 +1323,8 @@ var HowOneProvider = ({
     }
   }, []);
   const resolvedAuthUrl = useMemo(() => {
-    const env2 = getGlobalEnvironment() ?? "dev";
-    switch (env2) {
+    const env3 = getGlobalEnvironment() ?? "dev";
+    switch (env3) {
       case "local":
         return "http://localhost:3000/auth";
       case "prod":
@@ -1325,34 +1344,42 @@ var HowOneProvider = ({
       injectRedirectOverlayStyles();
     }
   }, [pendingRedirect]);
-  useEffect6(() => {
-    if (!hasCheckedUrlToken) {
-      return;
-    }
-    if (redirectOnUnauthenticated && !token && !user) {
+  const redirectToAuth = useCallback4(() => {
+    if (!redirectOnUnauthenticated || typeof window === "undefined") return;
+    try {
       const currentUrl = new URL(window.location.href);
-      if (!currentUrl.pathname.includes("/auth")) {
-        try {
-          const authUrlObj = new URL(resolvedAuthUrl);
-          const redirectUri = window.location.href;
-          authUrlObj.searchParams.set("redirect_uri", redirectUri);
-          if (projectId) {
-            authUrlObj.searchParams.set("project_id", projectId);
-          }
-          setPendingRedirect(true);
-          requestAnimationFrame(() => {
-            window.location.href = authUrlObj.toString();
-          });
-        } catch (error) {
-          console.error("[HowOneProvider] Failed to build auth URL:", error);
-          setPendingRedirect(true);
-          requestAnimationFrame(() => {
-            window.location.href = resolvedAuthUrl;
-          });
+      if (currentUrl.pathname.includes("/auth")) return;
+      try {
+        const authUrlObj = new URL(resolvedAuthUrl);
+        authUrlObj.searchParams.set("redirect_uri", window.location.href);
+        if (projectId) {
+          authUrlObj.searchParams.set("project_id", projectId);
         }
+        setPendingRedirect(true);
+        requestAnimationFrame(() => {
+          window.location.href = authUrlObj.toString();
+        });
+        return;
+      } catch (error) {
+        console.error("[HowOneProvider] Failed to build auth URL:", error);
       }
+      setPendingRedirect(true);
+      requestAnimationFrame(() => {
+        window.location.href = resolvedAuthUrl;
+      });
+    } catch {
+      setPendingRedirect(true);
+      requestAnimationFrame(() => {
+        window.location.href = resolvedAuthUrl;
+      });
     }
-  }, [token, user, redirectOnUnauthenticated, resolvedAuthUrl, projectId, hasCheckedUrlToken]);
+  }, [redirectOnUnauthenticated, resolvedAuthUrl, projectId]);
+  useEffect6(() => {
+    if (!hasCheckedUrlToken) return;
+    if (!token && !user) {
+      redirectToAuth();
+    }
+  }, [token, user, hasCheckedUrlToken, redirectToAuth]);
   const logout = () => {
     try {
       setToken(null);
@@ -1360,6 +1387,7 @@ var HowOneProvider = ({
     }
     setTokenState(null);
     setUser(null);
+    redirectToAuth();
   };
   const value = {
     user,
@@ -1678,7 +1706,7 @@ import React8 from "react";
 import { Icon as Icon5 } from "@iconify/react";
 
 // src/components/ui/Toast/ClayxToast.tsx
-import React7, { useCallback as useCallback4 } from "react";
+import React7, { useCallback as useCallback5 } from "react";
 import { Bounce, toast } from "react-toastify";
 import { Icon as Icon4 } from "@iconify/react";
 
@@ -1828,7 +1856,7 @@ var TOAST_ICONS = {
 };
 var CloseButton = React7.memo(({ closeToast }) => {
   const { theme } = useTheme();
-  const handleClick = useCallback4((e) => {
+  const handleClick = useCallback5((e) => {
     e.preventDefault();
     e.stopPropagation();
     closeToast?.();
@@ -1865,7 +1893,7 @@ CloseButton.displayName = "CloseButton";
 var ToastContent = ({ type, title, message, component, closeToast }) => {
   const iconConfig = TOAST_ICONS[type];
   const { theme } = useTheme();
-  const handleClose = useCallback4(() => {
+  const handleClose = useCallback5(() => {
     closeToast?.();
   }, [closeToast]);
   const getTextColor = () => {
@@ -2012,7 +2040,7 @@ var createToast = (type) => {
         theme: getToastifyTheme(),
         // 确保圆角样式不被覆盖，添加 rounded-xl 类
         className: "!p-0 !shadow-none !rounded-xl",
-        style: { padding: 0, borderRadius: "0.75rem" }
+        style: { padding: 0, borderRadius: "0.75rem", backgroundColor: "transparent" }
       }
     );
   };
@@ -2392,6 +2420,7 @@ function createArtifactsClient(req) {
 }
 
 // src/services/sse-executor.ts
+init_config();
 async function executeSSEWorkflow(request, options = {}) {
   const startTime = Date.now();
   const result = {
@@ -2480,6 +2509,18 @@ async function executeSSEWorkflow(request, options = {}) {
             if (rawEvent.type === "stream" && rawEvent.delta && options.onStreamContent) {
               options.onStreamContent(rawEvent.delta);
             }
+            if (rawEvent.type === "key_limit_exceed") {
+              const errorMsg = rawEvent.data.content;
+              result.errors.push(errorMsg);
+              showLimitUpgradeToast(
+                "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
+                () => window.open(`${getEnvs().AUTH_ROOT_VALUE}/price`, "_blank")
+              );
+              if (options.onError) {
+                options.onError(new Error(errorMsg));
+              }
+              throw new Error(errorMsg);
+            }
             if (rawEvent.type === "execution_complete" && rawEvent.data) {
               const eventData = rawEvent.data;
               const eventResult = eventData.result;
@@ -2894,6 +2935,7 @@ async function executeWorkflowStreamPost(baseUrl, projectId, workflowId, request
 }
 
 // src/services/workflow-executor.ts
+init_config();
 var WorkflowExecutor = class {
   constructor(baseUrl, projectId, authToken) {
     this.baseUrl = baseUrl.replace(/\/$/, "");
@@ -2999,6 +3041,17 @@ var WorkflowExecutor = class {
                     options.onCostUpdate(result.costStats);
                   }
                 }
+              } else if (event.type === "key_limit_exceed") {
+                const errorMsg = event.data?.content;
+                result.errors.push(errorMsg);
+                showLimitUpgradeToast(
+                  "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
+                  () => window.open(`${getEnvs().AUTH_ROOT_VALUE}/price`, "_blank")
+                );
+                if (options?.onError) {
+                  options.onError(new Error(errorMsg));
+                }
+                throw new Error(errorMsg);
               } else if (event.type === "execution_complete" && event.data) {
                 const completeData = event.data;
                 const originalMessage = completeData.result?.original_message;
@@ -3138,9 +3191,9 @@ function wrapRequestWithProjectPrefix(biz, projectId) {
   return wrapped;
 }
 function createClient(opts) {
-  const envValue = opts.env || getGlobalEnvironment() || "prod";
-  const env2 = setEnvironment(envValue);
-  const actualAiBaseUrl = opts.baseUrl || env2.aiBaseUrl;
+  const envValue2 = opts.env || getGlobalEnvironment() || "prod";
+  const env3 = setEnvironment(envValue2);
+  const actualAiBaseUrl = opts.baseUrl || env3.aiBaseUrl;
   function makeRequestFromBase(base) {
     return new request_default({
       baseURL: base,
@@ -3172,8 +3225,8 @@ function createClient(opts) {
       }
     });
   }
-  const biz = makeRequestFromBase(env2.baseUrl);
-  const ai = makeRequestFromBase(env2.aiBaseUrl);
+  const biz = makeRequestFromBase(env3.baseUrl);
+  const ai = makeRequestFromBase(env3.aiBaseUrl);
   const bizWrapped = wrapRequestWithProjectPrefix(biz, opts?.projectId);
   let token = null;
   const bootstrapToken = getGlobalAvailableToken();
@@ -3187,9 +3240,7 @@ function createClient(opts) {
     return getGlobalAvailableToken();
   }
   try {
-    if (opts?.projectId) {
-      setDefaultProjectId(String(opts.projectId));
-    }
+    setDefaultProjectId(opts?.projectId ? String(opts.projectId) : null);
   } catch {
   }
   function applyToken(t) {
@@ -3473,7 +3524,7 @@ function createClient(opts) {
         if (typeof window === "undefined") return;
         const loc = redirect || window.location.href;
         try {
-          const root = env2.baseUrl;
+          const root = env3.baseUrl;
           const authUrl = new URL("/auth", String(root));
           authUrl.searchParams.set("redirect_uri", String(loc));
           if (opts?.projectId) authUrl.searchParams.set("project_id", String(opts.projectId));
@@ -3481,7 +3532,7 @@ function createClient(opts) {
         } catch {
           const encoded = encodeURIComponent(String(loc));
           const pid = opts?.projectId ? `&project_id=${encodeURIComponent(String(opts.projectId))}` : "";
-          const root = env2.baseUrl;
+          const root = env3.baseUrl;
           window.location.href = `${root}/auth?redirect_uri=${encoded}${pid}`;
         }
       },
@@ -3490,6 +3541,21 @@ function createClient(opts) {
         applyToken(null);
         rememberExternalToken(null, 0);
         pendingExternalTokenPromise = null;
+        if (typeof window !== "undefined") {
+          const loc = window.location.href;
+          try {
+            const root = env3.baseUrl;
+            const authUrl = new URL("/auth", String(root));
+            authUrl.searchParams.set("redirect_uri", String(loc));
+            if (opts?.projectId) authUrl.searchParams.set("project_id", String(opts.projectId));
+            window.location.href = authUrl.toString();
+          } catch {
+            const encoded = encodeURIComponent(String(loc));
+            const pid = opts?.projectId ? `&project_id=${encodeURIComponent(String(opts.projectId))}` : "";
+            const root = env3.baseUrl;
+            window.location.href = `${root}/auth?redirect_uri=${encoded}${pid}`;
+          }
+        }
       }
     },
     sanitizeUrl: (o) => {
@@ -3535,7 +3601,7 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/use-workflow-stream.ts
-import { useState as useState11, useCallback as useCallback5, useRef as useRef2 } from "react";
+import { useState as useState11, useCallback as useCallback6, useRef as useRef2 } from "react";
 function useWorkflowStream() {
   const [state, setState] = useState11({
     loading: false,
@@ -3546,7 +3612,7 @@ function useWorkflowStream() {
     error: null
   });
   const abortControllerRef = useRef2(null);
-  const execute = useCallback5(async (executeWorkflowStream, workflowId, inputs) => {
+  const execute = useCallback6(async (executeWorkflowStream, workflowId, inputs) => {
     setState({
       loading: true,
       progress: 0,
@@ -3599,7 +3665,7 @@ function useWorkflowStream() {
       throw error;
     }
   }, []);
-  const cancel = useCallback5(() => {
+  const cancel = useCallback6(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
       setState((prev) => ({
@@ -3609,7 +3675,7 @@ function useWorkflowStream() {
       }));
     }
   }, []);
-  const reset = useCallback5(() => {
+  const reset = useCallback6(() => {
     setState({
       loading: false,
       progress: 0,