wip

Author: noituri

ts/smelter-web-client/src/hooks/useSmelter.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import Smelter from '../smelter/live';
 import type { SmelterInstanceOptions } from '../manager';
 
-export function useSmelter2(options: SmelterInstanceOptions): Smelter | undefined {
+export function useSmelter(options: SmelterInstanceOptions): Smelter | undefined {
   const [smelter, setSmelter] = useState<Smelter>();
   const [_, setPromiseQueue] = useState<Promise<void>>(Promise.resolve());
 
@@ -30,45 +30,50 @@ export function useSmelter2(options: SmelterInstanceOptions): Smelter | undefine
   return smelter;
 }
 
-export function useSmelter(options: SmelterInstanceOptions): Smelter | undefined {
-  const [smelter, setSmelter] = useState<Smelter>();
-  const [cleanupPromise, setCleanupPromise] = useState<Promise<void>>();
-  const [instanceOptions, setInstanceOptions] = useState<SmelterInstanceOptions>();
-
-  useEffect(() => {
-    void (async () => {
-      await cleanupPromise;
-      setInstanceOptions(options);
-    })();
-
-  }, [options, cleanupPromise]);
-
-  useEffect(() => {
-    if (!instanceOptions) {
-      return;
-    }
-
-    const smelter = new Smelter(options);
-
-    // TODO(noituri): Restart smelter instance
-    let cancel = false;
-    const promise = (async () => {
-      await smelter.init();
-      await smelter.start();
-      if (!cancel) {
-        setSmelter(smelter);
-      }
-    })();
-
-    return () => {
-      cancel = true;
-      setCleanupPromise((prevCleanup) => (async () => {
-        await prevCleanup;
-        await promise.catch(() => { });
-        await smelter.terminate();
-      })());
-    }
-  }, [instanceOptions]);
-
-  return smelter;
-}
+// export function useSmelter(options: SmelterInstanceOptions): Smelter | undefined {
+//   const [smelter, setSmelter] = useState<Smelter>();
+//   const [cleanupPromise, setCleanupPromise] = useState<Promise<void>>();
+//   const [instanceOptions, setInstanceOptions] = useState<SmelterInstanceOptions>();
+//   const count = useRef(0);
+//
+//   useEffect(() => {
+//     void (async () => {
+//       await cleanupPromise;
+//       setInstanceOptions(options);
+//     })();
+//
+//   }, [options, cleanupPromise]);
+//
+//   useEffect(() => {
+//     if (!instanceOptions) {
+//       return;
+//     }
+//
+//     const smelter = new Smelter(options);
+//     count.current++;
+//     let c = count.current;
+//
+//     // TODO(noituri): Restart smelter instance
+//     let cancel = false;
+//     const promise = (async () => {
+//       console.log('init', c);
+//       await smelter.init();
+//       await smelter.start();
+//       if (!cancel) {
+//         setSmelter(smelter);
+//       }
+//     })();
+//
+//     return () => {
+//       cancel = true;
+//       setCleanupPromise((prevCleanup) => (async () => {
+//         await prevCleanup;
+//         await promise.catch(() => { });
+//         await smelter.terminate();
+//         console.log("cleanup", c);
+//       })());
+//     }
+//   }, [instanceOptions,]);
+//
+//   return smelter;
+// }