Function useOptimizer

hooks/useOptimizer.tsx:75–420

(settings: OptimizerConfiguration)

};

export const useOptimizer = (settings: OptimizerConfiguration) => {
  const [jobs, setJobs] = useState<ImageJob[]>([]);
  const [activeJobCount, setActiveJobCount] = useState(0);
  const [isRestoring, setIsRestoring] = useState(true);

  const resourceManager = useRef(new ResourceManager());

  const activeCountRef = useRef(0);
  const settingsRef = useRef(settings);

  useEffect(() => {
    activeCountRef.current = activeJobCount;
  }, [activeJobCount]);
  useEffect(() => {
    settingsRef.current = settings;
  }, [settings]);

  useEffect(() => {
    if (settings.disableStorage) {
      setIsRestoring(false);
      return;
    }

    const restoreSession = async () => {
      try {
        const persistedJobs = await getAllJobsFromDb();

        if (persistedJobs.length > 0) {
          const hydratedJobs = persistedJobs.map(job => ({
            ...job,
            previewUrl: resourceManager.current.allocateView(job.id, job.file),
          }));
          setJobs(hydratedJobs);
        }
      } catch (e) {
        console.error('Failed to restore session', e);
      } finally {
        setIsRestoring(false);
      }
    };
    void restoreSession();

    return () => resourceManager.current.garbageCollect();
  }, [settings.disableStorage]);

  useEffect(() => {
    if (settings.disableStorage) {
      void clearDb();
    }
  }, [settings.disableStorage]);

  useEffect(() => {
    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
      if (activeJobCount > 0) {
        e.preventDefault();
        e.returnValue = '';
        return '';
      }