Weather/app/store/weatherStore.ts

import { create } from 'zustand'
import {persist,createJSONStorage}  from 'zustand/middleware'
import { WeatherApi } from '@/services/weatherApi';
const CACHE_EXPIRY = 10 * 60 * 1000;

export interface Location {
    name: string;      
    country: string;   
    region: string;     
    lat: string;     
    lon: string;     
    timezone_id: string
    localtime: string;     
    localtime_epoch: number; 
    utc_offset: string;     
}

export interface Current {
    observation_time: string;      
    temperature: number;          
    weather_code: number;        
    weather_icons: string[];       
    weather_descriptions: string[]; 
    wind_speed: number;          
    wind_degree: number;           
    wind_dir: string;             
    pressure: number;            
    precip: number;               
    humidity: number;           
    cloudcover: number;         
    feelslike: number;         
    uv_index: number;           
    visibility: number;           
    is_day: string;                
}

export interface WeatherData {
    request?: {
        type: string;
        query: string;
        language: string;
        unit: string;
    };
    location: Location;
    current: Current;
}

export interface WeatherCache {
    data: WeatherData;
    timestamp: number;
}


export interface WeatherStore {

    currentWeather: WeatherData | null;
    weatherCache: Map<string, WeatherCache>; 
    isLoading: boolean;
    error: string | null;

    // Actions
    setCurrentWeather: (weather: WeatherData | null) => void;
    getWeatherFromCache: (city: string) => WeatherData | null;
    cacheWeather: (city: string, weather: WeatherData) => void;
    setLoading: (loading: boolean) => void;
    setError: (error: string | null) => void;
    reset: () => void;

    // API Actions
    searchWeather: (city: string) => Promise<void>;
    refreshWeather: () => Promise<void>;
}


export const useWeatherStore = create<WeatherStore>()(
    persist(
        (set,get)=>({
            currentWeather:null,weatherCache:new Map(),isLoading:false,error:null,
            setCurrentWeather:(weather)=>set({currentWeather:weather}),
            getWeatherFromCache:(city)=>{
                const cashe = get().weatherCache.get(city.toLowerCase());
                if(!cashe)return null;
                const isExpired = Date.now()-cashe.timestamp>CACHE_EXPIRY;
                return isExpired?null:cashe.data;
            },
            cacheWeather:(city,weather)=>set((state)=>{
                const newCache = new Map(state.weatherCache);
                newCache.set(city.toLowerCase(),{data:weather,timestamp:Date.now()});
                return{weatherCache:newCache}
            }),
            setLoading:(loading)=>set({isLoading:loading}),
            setError:(error)=>set({error,isLoading:false}),
            reset:()=>set({currentWeather:null,weatherCache:new Map(),isLoading:false,error:null}),
            searchWeather:async(city:string)=>{
                try{
                    set({isLoading:true,error:null});
                    const cachedWeather = get().getWeatherFromCache(city);
                    if(cachedWeather){
                        set({currentWeather:cachedWeather,isLoading:false});
                        return;
                    }
                    const WeatherData = await WeatherApi.getCurrentWeather(city);
                    set({currentWeather:WeatherData,isLoading:false});
                    get().cacheWeather(city,WeatherData);
                }catch(error){
                    set({error:'获取失败',isLoading:false});
                }
            },
            refreshWeather:async()=>{
                const currentWeather = get().currentWeather;
                if(!currentWeather)return;
                try{
                    set({isLoading:true,error:null});
                    const city = currentWeather.location.name;
                    const WeatherData = await WeatherApi.getCurrentWeather(city);
                    set({currentWeather:WeatherData,isLoading:false});
                    get().cacheWeather(city,WeatherData);
                }catch(error){
                    set({error:'刷新失败',isLoading:false});
                }
            }
        }),
        {
            name:'weather-strorage',
            storage:createJSONStorage(()=>localStorage),
            partialize:(state)=>({
                weatherCache:Array.from(state.weatherCache.entries())
            }),
            onRehydrateStorage:(state)=>{
                if(state && Array.isArray(state.weatherCache)){
                    state.weatherCache = new Map(state.weatherCache as any);
                }
            }
        }
    )
)