Add swipe for list

src/index.js

@@ -1,5 +1,4 @@
 import { Filesystem } from '@capacitor/filesystem';
-import { App as NativeApp } from '@capacitor/app';
 import { Preferences } from '@capacitor/preferences';
 import { get } from 'idb-keyval';
 import { createRoot } from 'react-dom/client';
@@ -59,12 +58,6 @@ async function load() {
 
 	registerCoreBlocks();
 	root.render(app({ selectedFolderURL, canUseNativeFilesystem }));
-
-	NativeApp.addListener('appStateChange', ({ isActive }) => {
-		if (!isActive) {
-			// save
-		}
-	});
 }
 
 load();

src/list.jsx

@@ -102,6 +102,39 @@ export default function Frame({ selectedFolderURL, setSelectedFolderURL }) {
 		);
 	}, []);
 
+	useEffect(() => {
+		if (isSidebarOpen) {
+			return;
+		}
+
+		let startTouchX = 0;
+
+		document.addEventListener('touchstart', handleTouchStart);
+		document.addEventListener('touchmove', handleTouchMove);
+
+		function handleTouchStart(event) {
+			startTouchX = event.touches[0].clientX;
+		}
+
+		function handleTouchMove(event) {
+			if (event.touches.length > 1) {
+				return;
+			}
+
+			const touchX = event.touches[0].clientX;
+			const deltaX = touchX - startTouchX;
+
+			if (deltaX > 50 && startTouchX < 20) {
+				setIsSidebarOpen(true);
+			}
+		}
+
+		return () => {
+			document.removeEventListener('touchstart', handleTouchStart);
+			document.removeEventListener('touchmove', handleTouchMove);
+		};
+	}, [isSidebarOpen, setIsSidebarOpen]);
+
 	useEffect(() => {
 		setItems([]);
 		setCurrentId();