composer require djurovicigoor/app-lifecycle

// app/Providers/NativeServiceProvider.php
 
public function plugins(): array
{
    return [
        // ...other plugins
        \Djurovicigoor\AppLifecycle\AppLifecycleServiceProvider::class,
    ];
}

// app/Providers/AppServiceProvider.php
 
use Djurovicigoor\AppLifecycle\Events\AppForegrounded;
use Djurovicigoor\AppLifecycle\Events\AppBackgrounded;
use Illuminate\Support\Facades\Event;
 
public function boot(): void
{
    // Fires every time the user returns to the app
    Event::listen(AppForegrounded::class, function (AppForegrounded $event) {
        // make an API call, refresh data, etc.
    });
 
    // Fires every time the user leaves the app
    Event::listen(AppBackgrounded::class, function (AppBackgrounded $event) {
        // flush pending writes, pause timers, etc.
    });
}

// app/Listeners/SyncOnForeground.php
 
namespace App\Listeners;
 
use Djurovicigoor\AppLifecycle\Events\AppForegrounded;
use Illuminate\Support\Facades\Http;
 
class SyncOnForeground
{
    public function handle(AppForegrounded $event): void
    {
 
    }
}

// app/Providers/AppServiceProvider.php
 
Event::listen(AppForegrounded::class, SyncOnForeground::class);

use Livewire\Attributes\On;
use Livewire\Component;
 
class Dashboard extends Component
{
    #[On('native:Djurovicigoor\AppLifecycle\Events\AppForegrounded')]
    public function handleForegrounded(int $timestamp): void
    {
        // Refresh data when app returns to foreground
        $this->loadLatestData();
    }
 
    #[On('native:Djurovicigoor\AppLifecycle\Events\AppBackgrounded')]
    public function handleBackgrounded(int $timestamp): void
    {
        // Save state when app goes to background
        $this->saveCurrentState();
    }
}

import { onAppForegrounded, onAppBackgrounded } from '@djurovicigoor/app-lifecycle';
import { onMounted, onUnmounted } from 'vue';
 
export default {
    setup() {
        let stopFg, stopBg;
 
        onMounted(() => {
            stopFg = onAppForegrounded(({ timestamp }) => {
                console.log('App is active again', new Date(timestamp));
                // fetch fresh data, restart polling, etc.
            });
 
            stopBg = onAppBackgrounded(({ timestamp }) => {
                console.log('App went to background', new Date(timestamp));
                // pause timers, cancel requests, etc.
            });
        });
 
        onUnmounted(() => {
            stopFg?.();
            stopBg?.();
        });
    },
};

import { onAppForegrounded, onAppBackgrounded } from '@djurovicigoor/app-lifecycle';
import { useEffect } from 'react';
 
export function Dashboard() {
    useEffect(() => {
        const stopFg = onAppForegrounded(({ timestamp }) => {
            console.log('App foregrounded at', timestamp);
        });
 
        const stopBg = onAppBackgrounded(({ timestamp }) => {
            console.log('App backgrounded at', timestamp);
        });
 
        return () => {
            stopFg();
            stopBg();
        };
    }, []);
}

import { onAppForegrounded, onAppBackgrounded } from '@djurovicigoor/app-lifecycle';
 
// Returns an unsubscribe function — call it to clean up
const stopFg = onAppForegrounded(({ timestamp }) => syncData());
const stopBg = onAppBackgrounded(({ timestamp }) => saveState());
 
// Later, when tearing down:
stopFg();
stopBg();

import { onAppForegrounded, onAppBackgrounded, Events } from '@djurovicigoor/app-lifecycle';