cyphertap/dist/stores/navigation.js

Nostr, Lightning and Ecash on a single Button component

// src/lib/client/stores/wallet-navigation.ts
import { writable, get } from 'svelte/store';
import { isLoggedIn } from './nostr.js';
import { createDebug } from '../utils/debug.js';
// Create debug logger for navigation 
const debug = createDebug('navigation');
// View hierarchy for animation direction
const viewHierarchy = {
    'onboarding': -1,
    'login': 0,
    'login-private-key': 1,
    'login-link-device': 1,
    'login-nip-07': 1,
    'login-generate-key': 1,
    'main': 2,
    'receive': 3,
    'send': 3,
    'settings': 3,
    'transaction-history': 3,
    'transaction-details': 4,
    'qr-scanner': 4
};
// Create the stores
export const currentView = writable('login');
export const isUserMenuOpen = writable(false);
export const direction = writable(1);
export const context = writable({ sourceView: 'login' });
export const inTransition = writable(false);
export function initNavigation() {
    const d = debug.extend('initNavigation');
    //inTransition.set(false)
    if (get(isLoggedIn)) {
        d.log("User is logged in, current view set to main");
        currentView.set('main');
    }
    else {
        d.log("User is not logged in, current view set to login");
        currentView.set('onboarding');
    }
    //inTransition.set(false)
}
/**
 * Navigate to a specific view
 */
export function navigateTo(view, navigationContext) {
    const d = debug.extend('navigateTo');
    const current = get(currentView);
    // Handle reset view (go to main if logged in, login otherwise)
    if (view === 'reset') {
        const loggedIn = get(isLoggedIn);
        view = loggedIn ? 'main' : 'onboarding';
    }
    // Don't navigate if it's the same view
    if (view === current)
        return;
    // Set animation direction based on view hierarchy
    direction.set(viewHierarchy[view] > viewHierarchy[current] ? 1 : -1);
    // Set source view as current view
    context.update((ctx) => ({ ...ctx, sourceView: current }));
    d.log(`setting navigation context to: `, get(context));
    // Update context if provided
    if (navigationContext) {
        context.update((ctx) => ({ ...ctx, ...navigationContext }));
    }
    // Update current view
    d.log(`Setting current view to: ${view}`);
    currentView.set(view);
}
export function openMenu(view) {
    const d = debug.extend('openMenu');
    inTransition.set(false);
    d.log("reset current view");
    navigateTo('reset');
    if (view) {
        d.log('setting current view to ', view);
        currentView.set(view);
    }
}
// export function openMenuAtCurrentView() {
//   inTransition.set(false)
//   const current = get(currentView)
//   console.log("[openMenuAt] navigate to reset")
//   navigateTo('reset');
//   console.log('[openMenuAt] set current view to ', current)
//   currentView.set(current)
// }
/**
 * Start a view transition animation
 */
export function startTransition() {
    // console.log("start transition")
    inTransition.set(true);
}
/**
 * End a view transition animation
 */
export function endTransition() {
    // console.log('end transition')
    inTransition.set(false);
}
/**
 * Navigate to transaction details view
 */
export function viewTransactionDetails(transaction, sourceView = 'main') {
    context.update((ctx) => ({
        ...ctx,
        transaction,
        transactionSourceView: sourceView
    }));
    navigateTo('transaction-details');
}