Time expire persist data

[sturtus]

I would like to suggest a built in expiry mechanism for data created with persist.

Something similar to this method, built into Zustand, would be helpful: https://www.sohamkamani.com/javascript/localstorage-with-ttl-expiry/

[dai-shi]

This should be an opportunity for third-party packages. I would suggest someone take on this challenge!

[notflip]

I have this implementation working, which clears the localStorage cart after 24 hrs

import { Product } from "@/payload-types";
import { create } from "zustand";
import { persist } from "zustand/middleware";

interface CartState {
  items: Product[];
  timestamp: number;
  addToCart: (item: Product) => void;
  removeFromCart: (itemId: number) => void;
  clearCart: () => void;
}

const CART_TTL = 1000 * 60 * 60 * 24; // 24 hours

export const useCartStore = create<CartState>()(
  persist(
    (set) => ({
      items: [],
      timestamp: Date.now(),

      addToCart: (item) =>
        set((state) => {
          const productAlreadyInCart = state.items.find(
            (i) => i.id === item.id,
          );

          if (productAlreadyInCart) {
            return state;
          }

          return { items: [...state.items, item], timestamp: Date.now() };
        }),

      removeFromCart: (itemId) =>
        set((state) => ({
          items: state.items.filter((item) => item.id !== itemId),
          timestamp: Date.now(),
        })),

      clearCart: () => set({ items: [], timestamp: Date.now() }),
    }),
    {
      name: "hm-cart",
      onRehydrateStorage: () => (state) => {
        if (state) {
          if (Date.now() - (state.timestamp ?? 0) > CART_TTL) {
            state.items = [];
            state.timestamp = Date.now();
            useCartStore.persist.clearStorage();
          }
        }
      },
    },
  ),
);