-
+
(null)
+const isLoading = ref(false)
+const error = ref(null)
+
+export function useAuth() {
+ const isAuthenticated = computed(() => !!currentUser.value)
+
+ /**
+ * Initialize authentication on app start
+ */
+ async function initialize(): Promise {
+ try {
+ isLoading.value = true
+ error.value = null
+
+ if (lnbitsAPI.isAuthenticated()) {
+ const user = await lnbitsAPI.getCurrentUser()
+ currentUser.value = user
+ }
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : 'Failed to initialize authentication'
+ // Clear invalid token
+ await logout()
+ } finally {
+ isLoading.value = false
+ }
+ }
+
+ /**
+ * Login with username and password
+ */
+ async function login(credentials: LoginCredentials): Promise {
+ try {
+ isLoading.value = true
+ error.value = null
+
+ await lnbitsAPI.login(credentials)
+
+ // Get user details
+ const user = await lnbitsAPI.getCurrentUser()
+ currentUser.value = user
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : 'Login failed'
+ throw err
+ } finally {
+ isLoading.value = false
+ }
+ }
+
+ /**
+ * Register new user
+ */
+ async function register(data: RegisterData): Promise {
+ try {
+ isLoading.value = true
+ error.value = null
+
+ await lnbitsAPI.register(data)
+
+ // Get user details
+ const user = await lnbitsAPI.getCurrentUser()
+ currentUser.value = user
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : 'Registration failed'
+ throw err
+ } finally {
+ isLoading.value = false
+ }
+ }
+
+ /**
+ * Logout and clear user data
+ */
+ async function logout(): Promise {
+ try {
+ await lnbitsAPI.logout()
+ } catch (err) {
+ console.error('Logout error:', err)
+ } finally {
+ currentUser.value = null
+ error.value = null
+ }
+ }
+
+ /**
+ * Update user password
+ */
+ async function updatePassword(currentPassword: string, newPassword: string): Promise {
+ try {
+ isLoading.value = true
+ error.value = null
+
+ const updatedUser = await lnbitsAPI.updatePassword(currentPassword, newPassword)
+ currentUser.value = updatedUser
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : 'Failed to update password'
+ throw err
+ } finally {
+ isLoading.value = false
+ }
+ }
+
+ /**
+ * Update user profile
+ */
+ async function updateProfile(data: Partial): Promise {
+ try {
+ isLoading.value = true
+ error.value = null
+
+ const updatedUser = await lnbitsAPI.updateProfile(data)
+ currentUser.value = updatedUser
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : 'Failed to update profile'
+ throw err
+ } finally {
+ isLoading.value = false
+ }
+ }
+
+ /**
+ * Check if user is authenticated
+ */
+ function checkAuth(): boolean {
+ return lnbitsAPI.isAuthenticated()
+ }
+
+ /**
+ * Get user display info
+ */
+ const userDisplay = computed(() => {
+ if (!currentUser.value) return null
+
+ return {
+ name: currentUser.value.username || currentUser.value.email || 'Anonymous',
+ username: currentUser.value.username,
+ email: currentUser.value.email,
+ id: currentUser.value.id,
+ shortId: currentUser.value.id.slice(0, 8) + '...' + currentUser.value.id.slice(-8)
+ }
+ })
+
+ return {
+ // State
+ currentUser: computed(() => currentUser.value),
+ isAuthenticated,
+ isLoading,
+ error,
+ userDisplay,
+
+ // Actions
+ initialize,
+ login,
+ register,
+ logout,
+ updatePassword,
+ updateProfile,
+ checkAuth
+ }
+}
+
+// Export singleton instance for global state
+export const auth = useAuth()
\ No newline at end of file
diff --git a/src/lib/api/lnbits.ts b/src/lib/api/lnbits.ts
new file mode 100644
index 0000000..5bb8164
--- /dev/null
+++ b/src/lib/api/lnbits.ts
@@ -0,0 +1,132 @@
+interface LoginCredentials {
+ username: string
+ password: string
+}
+
+interface RegisterData {
+ username: string
+ email?: string
+ password: string
+ password_repeat: string
+}
+
+interface AuthResponse {
+ access_token: string
+ user_id: string
+ username?: string
+ email?: string
+}
+
+interface User {
+ id: string
+ username?: string
+ email?: string
+ pubkey?: string
+ created_at: string
+ updated_at: string
+}
+
+import { getApiUrl, getAuthToken, setAuthToken, removeAuthToken } from '@/lib/config/lnbits'
+
+class LnbitsAPI {
+ private accessToken: string | null = null
+
+ constructor() {
+ // Try to load token from localStorage
+ this.accessToken = getAuthToken()
+ }
+
+ private async request(
+ endpoint: string,
+ options: RequestInit = {}
+ ): Promise {
+ const url = getApiUrl(endpoint)
+ const headers: HeadersInit = {
+ 'Content-Type': 'application/json',
+ ...options.headers,
+ }
+
+ if (this.accessToken) {
+ (headers as Record)['Authorization'] = `Bearer ${this.accessToken}`
+ }
+
+ const response = await fetch(url, {
+ ...options,
+ headers,
+ })
+
+ if (!response.ok) {
+ const errorData = await response.json().catch(() => ({}))
+ throw new Error(errorData.detail || `HTTP ${response.status}: ${response.statusText}`)
+ }
+
+ return response.json()
+ }
+
+ async login(credentials: LoginCredentials): Promise {
+ const response = await this.request('/auth', {
+ method: 'POST',
+ body: JSON.stringify(credentials),
+ })
+
+ this.accessToken = response.access_token
+ setAuthToken(response.access_token)
+
+ return response
+ }
+
+ async register(data: RegisterData): Promise {
+ const response = await this.request('/auth/register', {
+ method: 'POST',
+ body: JSON.stringify(data),
+ })
+
+ this.accessToken = response.access_token
+ setAuthToken(response.access_token)
+
+ return response
+ }
+
+ async logout(): Promise {
+ try {
+ await this.request('/auth/logout', {
+ method: 'POST',
+ })
+ } finally {
+ this.accessToken = null
+ removeAuthToken()
+ }
+ }
+
+ async getCurrentUser(): Promise {
+ return this.request('/auth')
+ }
+
+ async updatePassword(currentPassword: string, newPassword: string): Promise {
+ return this.request('/auth/password', {
+ method: 'PUT',
+ body: JSON.stringify({
+ current_password: currentPassword,
+ new_password: newPassword,
+ }),
+ })
+ }
+
+ async updateProfile(data: Partial): Promise {
+ return this.request('/auth/update', {
+ method: 'PUT',
+ body: JSON.stringify(data),
+ })
+ }
+
+ isAuthenticated(): boolean {
+ return !!this.accessToken
+ }
+
+ getAccessToken(): string | null {
+ return this.accessToken
+ }
+}
+
+export const lnbitsAPI = new LnbitsAPI()
+export type { LoginCredentials, RegisterData, AuthResponse, User }
\ No newline at end of file
diff --git a/src/lib/config/lnbits.ts b/src/lib/config/lnbits.ts
new file mode 100644
index 0000000..74a5ead
--- /dev/null
+++ b/src/lib/config/lnbits.ts
@@ -0,0 +1,38 @@
+// LNBits API Configuration
+export const LNBITS_CONFIG = {
+ // Base URL for the LNBits API
+ // This should point to your LNBits instance
+ API_BASE_URL: import.meta.env.VITE_LNBITS_API_URL || '/api/v1',
+
+ // Whether to enable debug logging
+ DEBUG: import.meta.env.VITE_LNBITS_DEBUG === 'true',
+
+ // Timeout for API requests (in milliseconds)
+ REQUEST_TIMEOUT: 10000,
+
+ // Auth token storage key
+ AUTH_TOKEN_KEY: 'lnbits_access_token',
+
+ // User storage key
+ USER_STORAGE_KEY: 'lnbits_user_data'
+}
+
+// Helper function to get the full API URL
+export function getApiUrl(endpoint: string): string {
+ return `${LNBITS_CONFIG.API_BASE_URL}${endpoint}`
+}
+
+// Helper function to get auth token from storage
+export function getAuthToken(): string | null {
+ return localStorage.getItem(LNBITS_CONFIG.AUTH_TOKEN_KEY)
+}
+
+// Helper function to set auth token in storage
+export function setAuthToken(token: string): void {
+ localStorage.setItem(LNBITS_CONFIG.AUTH_TOKEN_KEY, token)
+}
+
+// Helper function to remove auth token from storage
+export function removeAuthToken(): void {
+ localStorage.removeItem(LNBITS_CONFIG.AUTH_TOKEN_KEY)
+}
\ No newline at end of file
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 9644bba..ee10443 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -2,26 +2,23 @@
-
+
-
+
-
-
+
-
@@ -125,28 +121,28 @@ const openIdentityDialog = () => {
-
+
-
-
-
Connected
+ {{ auth.userDisplay.value?.name || 'Anonymous' }}
+ Logged In
@@ -172,7 +168,5 @@ const openIdentityDialog = () => {
-
+
+
+
+ Welcome back!
++ You are logged in as {{ auth.userDisplay.value?.name }} +
+
+
+
+
+
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index 6aafe87..b08cdaa 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,7 @@
import { createRouter, createWebHistory } from 'vue-router'
+import { auth } from '@/composables/useAuth'
import Home from '@/pages/Home.vue'
+import Login from '@/pages/Login.vue'
const router = createRouter({
history: createWebHistory(),
@@ -7,17 +9,47 @@ const router = createRouter({
{
path: '/',
name: 'home',
- component: Home
+ component: Home,
+ meta: {
+ requiresAuth: true
+ }
+ },
+ {
+ path: '/login',
+ name: 'login',
+ component: Login,
+ meta: {
+ requiresAuth: false
+ }
},
{
path: '/events',
name: 'events',
component: () => import('@/pages/events.vue'),
meta: {
- title: 'Events'
+ title: 'Events',
+ requiresAuth: true
}
}
]
})
+// Navigation guard to check authentication
+router.beforeEach(async (to, _from, next) => {
+ // Initialize auth if not already done
+ if (!auth.isAuthenticated.value && auth.checkAuth()) {
+ await auth.initialize()
+ }
+
+ if (to.meta.requiresAuth && !auth.isAuthenticated.value) {
+ // Redirect to login if authentication is required but user is not authenticated
+ next('/login')
+ } else if (to.path === '/login' && auth.isAuthenticated.value) {
+ // Redirect to home if user is already authenticated and trying to access login
+ next('/')
+ } else {
+ next()
+ }
+})
+
export default router
+
+
+
+ Sign In
+
+ Enter your credentials to access your account
+
+
+
+
+
+
+
+
+
+ Create Account
+
+ Create a new account to get started
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Welcome to Ario
++ Your secure platform for events and community management +
+
+
+
+
+
+
+
+
+ + {{ error }} +
+ +
+
+ + Don't have an account? + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ error }} +
+ +
+
+ + Already have an account? + +
+