consume generator in batches of 16 (#742)

* consume generator in batches of 16

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* bugfix, zeroth frame from default room

* remove comment

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

app/src/components/api.tsx

@@ -340,6 +340,9 @@ export const setupFrames = (
 	};
 
 	const currentRoomCon = useMemo(() => {
+		if (token === "") {
+			return undefined;
+		}
 		return new znsocket.List({
 			client,
 			key: `room:${token}:frames`,
@@ -445,7 +448,7 @@ export const setupFrames = (
 		return () => {
 			clearTimeout(debounceTimeout);
 		};
-	}, [step, updateStepInPlace]);
+	}, [step, updateStepInPlace, defaultRoomCon, currentRoomCon]);
 
 	// Sending edits from ZnDraw to the server
 	useEffect(() => {

zndraw/upload.py

@@ -21,6 +21,7 @@ def upload(
     append: bool,
     plots: list[str],
     browser: bool,
+    batch_size: int = 16,
 ):
     """Upload a file to ZnDraw."""
     if token is None:
@@ -34,12 +35,15 @@ def upload(
 
     generator = get_generator_from_filename(fileio)
 
-    frames = list(generator)
-    vis.append(frames[0])
     if browser:
         webbrowser.open(f"{url}/token/{vis.token}")
 
-    if len(frames) > 1:
-        vis.extend(frames[1:])
+    frames = []
+    for frame in generator:
+        frames.append(frame)
+        if len(frames) == batch_size:
+            vis.extend(frames)
+            frames = []
+    vis.extend(frames)
 
     vis.figures.update(load_plots_to_dict(plots, fileio.remote, fileio.rev))