feat: add auth + google auth provider for web (#6505)

* handle google auth

* fix lint

* fix auto login button type

* update i18 language + userprofilemenu position

* minor api rename for consistency

Author: dinhlongviolin1

extensions-web/src/index.ts

@@ -9,6 +9,15 @@ export { default as ConversationalExtensionWeb } from './conversational-web'
 export { default as JanProviderWeb } from './jan-provider-web'
 export { default as MCPExtensionWeb } from './mcp-web'
 
+// Re-export auth functionality
+export {
+  JanAuthService,
+  getSharedAuthService,
+  AUTH_STORAGE_KEYS,
+  AUTH_EVENTS,
+  AUTH_BROADCAST_CHANNEL,
+} from './shared/auth'
+
 // Re-export types
 export type {
   WebExtensionRegistry,
@@ -17,12 +26,21 @@ export type {
   WebExtensionLoader,
   ConversationalWebModule,
   JanProviderWebModule,
-  MCPWebModule
+  MCPWebModule,
 } from './types'
 
+// Re-export auth types
+export type {
+  User,
+  AuthTokens,
+  AuthProvider,
+  AuthProviderRegistry,
+  ProviderType,
+} from './shared/auth'
+
 // Extension registry for dynamic loading
 export const WEB_EXTENSIONS: WebExtensionRegistry = {
   'conversational-web': () => import('./conversational-web'),
   'jan-provider-web': () => import('./jan-provider-web'),
   'mcp-web': () => import('./mcp-web'),
-}
+}

extensions-web/src/shared/auth.ts

@@ -0,0 +1,68 @@
+/**
+ * Generic Authentication API Layer
+ * Generic API calls for authentication (not provider-specific)
+ */
+
+import { AuthTokens } from './types'
+import { AUTH_ENDPOINTS } from './const'
+
+declare const JAN_API_BASE: string
+
+/**
+ * Logout user on server
+ */
+export async function logoutUser(): Promise<void> {
+  const response = await fetch(`${JAN_API_BASE}${AUTH_ENDPOINTS.LOGOUT}`, {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  })
+
+  if (!response.ok) {
+    console.warn(`Logout failed with status: ${response.status}`)
+  }
+}
+
+/**
+ * Guest login
+ */
+export async function guestLogin(): Promise<AuthTokens> {
+  const response = await fetch(`${JAN_API_BASE}${AUTH_ENDPOINTS.GUEST_LOGIN}`, {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  })
+
+  if (!response.ok) {
+    throw new Error(
+      `Guest login failed: ${response.status} ${response.statusText}`
+    )
+  }
+
+  return response.json() as Promise<AuthTokens>
+}
+
+/**
+ * Refresh token (works for both guest and authenticated users)
+ */
+export async function refreshToken(): Promise<AuthTokens> {
+  const response = await fetch(
+    `${JAN_API_BASE}${AUTH_ENDPOINTS.REFRESH_TOKEN}`,
+    {
+      method: 'GET',
+      credentials: 'include',
+    }
+  )
+
+  if (!response.ok) {
+    throw new Error(
+      `Token refresh failed: ${response.status} ${response.statusText}`
+    )
+  }
+
+  return response.json() as Promise<AuthTokens>
+}