@howone/sdk 0.1.23 → 0.1.25

package/dist/index.d.mts

@@ -430,7 +430,7 @@ type HowoneContextValue = {
     isAuthenticated: boolean;
     logout: () => void;
 };
-interface HowoneProviderProps {
+interface HowOneProviderProps {
     children: React$1.ReactNode;
     autoRedirect?: boolean;
     showFloatingButton?: boolean;
@@ -438,28 +438,32 @@ interface HowoneProviderProps {
     defaultTheme?: Theme$1;
     themeStorageKey?: string;
     forceDefaultTheme?: boolean;
+    authUrl?: string;
+    redirectOnUnauthenticated?: boolean;
 }
 /**
- * HowoneProvider - All-in-one application provider
+ * HowOneProvider - All-in-one application provider
  *
  * Includes:
- * - Authentication management
+ * - Authentication management with auto-redirect to auth page
  * - Theme management (dark/light/system)
  * - Toast notifications
- * - Floating button
+ * - Floating button (shows "Login" when unauthenticated)
  *
  * @example
  * ```tsx
- * <HowoneProvider
+ * <HowOneProvider
  *   defaultTheme="dark"
  *   themeStorageKey="my-app-theme"
  *   showFloatingButton={true}
+ *   authUrl="https://howone.dev/auth"
+ *   redirectOnUnauthenticated={true}
  * >
  *   <App />
- * </HowoneProvider>
+ * </HowOneProvider>
  * ```
  */
-declare const HowoneProvider: React$1.FC<HowoneProviderProps>;
+declare const HowOneProvider: React$1.FC<HowOneProviderProps>;
 declare function useHowoneContext(): HowoneContextValue;
 
 type AuthState = {
@@ -569,4 +573,4 @@ declare function useDebounce<T>(value: T, delay: number): T;
  */
 declare function injectEarlyErrorHandler(): void;
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowoneProvider, type HowoneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };

package/dist/index.d.ts

@@ -430,7 +430,7 @@ type HowoneContextValue = {
     isAuthenticated: boolean;
     logout: () => void;
 };
-interface HowoneProviderProps {
+interface HowOneProviderProps {
     children: React$1.ReactNode;
     autoRedirect?: boolean;
     showFloatingButton?: boolean;
@@ -438,28 +438,32 @@ interface HowoneProviderProps {
     defaultTheme?: Theme$1;
     themeStorageKey?: string;
     forceDefaultTheme?: boolean;
+    authUrl?: string;
+    redirectOnUnauthenticated?: boolean;
 }
 /**
- * HowoneProvider - All-in-one application provider
+ * HowOneProvider - All-in-one application provider
  *
  * Includes:
- * - Authentication management
+ * - Authentication management with auto-redirect to auth page
  * - Theme management (dark/light/system)
  * - Toast notifications
- * - Floating button
+ * - Floating button (shows "Login" when unauthenticated)
  *
  * @example
  * ```tsx
- * <HowoneProvider
+ * <HowOneProvider
  *   defaultTheme="dark"
  *   themeStorageKey="my-app-theme"
  *   showFloatingButton={true}
+ *   authUrl="https://howone.dev/auth"
+ *   redirectOnUnauthenticated={true}
  * >
  *   <App />
- * </HowoneProvider>
+ * </HowOneProvider>
  * ```
  */
-declare const HowoneProvider: React$1.FC<HowoneProviderProps>;
+declare const HowOneProvider: React$1.FC<HowOneProviderProps>;
 declare function useHowoneContext(): HowoneContextValue;
 
 type AuthState = {
@@ -569,4 +573,4 @@ declare function useDebounce<T>(value: T, delay: number): T;
  */
 declare function injectEarlyErrorHandler(): void;
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowoneProvider, type HowoneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };

package/dist/index.js

@@ -212,7 +212,7 @@ var AUTH_ROOT_VALUE, DEFAULT_PROJECT_ID, AUTH_ROOT, config_default;
 var init_config = __esm({
   "src/config.ts"() {
     "use strict";
-    AUTH_ROOT_VALUE = "https://howone-dev.fly.dev/";
+    AUTH_ROOT_VALUE = "https://howone.dev";
     DEFAULT_PROJECT_ID = null;
     AUTH_ROOT = getAuthRoot();
     try {
@@ -240,7 +240,7 @@ __export(index_exports, {
   ErrorBoundary: () => ErrorBoundary,
   FloatingButton: () => FloatingButton,
   GlobalToastContainer: () => GlobalToastContainer,
-  HowoneProvider: () => HowoneProvider,
+  HowOneProvider: () => HowOneProvider,
   Loading: () => Loading,
   LoadingSpinner: () => LoadingSpinner,
   LoginForm: () => LoginForm,
@@ -1629,33 +1629,70 @@ function GlobalToastContainer() {
 // src/components/auth/HowoneProvider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var HowoneContext = (0, import_react5.createContext)(null);
-var HowoneProvider = ({
+var HowOneProvider = ({
   children,
   showFloatingButton = true,
+  projectId,
   defaultTheme = "system",
   themeStorageKey = "howone-theme",
-  forceDefaultTheme = false
+  forceDefaultTheme = false,
+  authUrl = "https://howone.dev/auth",
+  redirectOnUnauthenticated = true
 }) => {
   const [user, setUser] = (0, import_react5.useState)(() => parseUserFromToken(getToken()));
   const [token, setTokenState] = (0, import_react5.useState)(() => getToken());
+  const [hasCheckedUrlToken, setHasCheckedUrlToken] = (0, import_react5.useState)(false);
   (0, import_react5.useEffect)(() => {
     try {
       const params = new URLSearchParams(window.location.search);
-      const urlToken = params.get("access_token") || params.get("token");
+      let urlToken = params.get("access_token") || params.get("token");
+      if (!urlToken && window.location.hash) {
+        const hashParams = new URLSearchParams(window.location.hash.slice(1));
+        urlToken = hashParams.get("access_token") || hashParams.get("token");
+      }
       if (urlToken) {
+        console.log("[HowOneProvider] Token captured from URL, storing to localStorage...");
         setToken(urlToken);
         setTokenState(urlToken);
         setUser(parseUserFromToken(urlToken));
         params.delete("access_token");
         params.delete("token");
+        params.delete("project_id");
         const newSearch = params.toString();
-        const newUrl = window.location.pathname + (newSearch ? "?" + newSearch : "") + window.location.hash;
+        const newUrl = window.location.pathname + (newSearch ? "?" + newSearch : "");
         window.history.replaceState({}, "", newUrl);
+        console.log("[HowOneProvider] Token stored successfully, URL cleaned");
       }
     } catch (e) {
-      console.error("[HowoneProvider] Failed to capture token from URL:", e);
+      console.error("[HowOneProvider] Failed to capture token from URL:", e);
+    } finally {
+      setHasCheckedUrlToken(true);
     }
   }, []);
+  (0, import_react5.useEffect)(() => {
+    if (!hasCheckedUrlToken) {
+      return;
+    }
+    if (redirectOnUnauthenticated && !token && !user) {
+      const currentUrl = new URL(window.location.href);
+      if (!currentUrl.pathname.includes("/auth")) {
+        console.log("[HowOneProvider] No token found, redirecting to auth page...");
+        try {
+          const authUrlObj = new URL(authUrl);
+          const redirectUri = window.location.href;
+          authUrlObj.searchParams.set("redirect_uri", redirectUri);
+          if (projectId) {
+            authUrlObj.searchParams.set("project_id", projectId);
+          }
+          console.log("[HowOneProvider] Redirecting to:", authUrlObj.toString());
+          window.location.href = authUrlObj.toString();
+        } catch (error) {
+          console.error("[HowOneProvider] Failed to build auth URL:", error);
+          window.location.href = authUrl;
+        }
+      }
+    }
+  }, [token, user, redirectOnUnauthenticated, authUrl, projectId, hasCheckedUrlToken]);
   const logout = () => {
     try {
       setToken(null);
@@ -2484,7 +2521,7 @@ init_config();
   ErrorBoundary,
   FloatingButton,
   GlobalToastContainer,
-  HowoneProvider,
+  HowOneProvider,
   Loading,
   LoadingSpinner,
   LoginForm,