Function usePersistence

src/persistence.ts:26–56

(
  options: UsePersistenceOptions
)

 * ```
 */
export function usePersistence(
  options: UsePersistenceOptions
): [number[], (sizes: number[]) => void] {
  const { key, storage = localStorage, debounce = 300 } = options;

  const [sizes, setSizes] = useState<number[]>(() => {
    try {
      const stored = storage.getItem(key);
      return stored ? JSON.parse(stored) : [];
    } catch {
      return [];
    }
  });

  // Debounced save to storage
  useEffect(() => {
    if (sizes.length === 0) return;

    const timeout = setTimeout(() => {
      try {
        storage.setItem(key, JSON.stringify(sizes));
      } catch (error) {
        console.warn('Failed to persist pane sizes:', error);
      }
    }, debounce);

    return () => clearTimeout(timeout);
  }, [sizes, key, storage, debounce]);

  return [sizes, setSizes];
}