From 09727496c4905f58f147943ce317222616043423 Mon Sep 17 00:00:00 2001
From: Viktoriia <1>
Date: Wed, 15 Nov 2023 10:40:03 +0100
Subject: [PATCH] Delete some changes

---
 package-lock.json                | 199 ++-----------------------------
 package.json                     |   4 -
 src/App.tsx                      |  29 ++---
 src/hooks/useMultiplayerState.ts |  21 ----
 4 files changed, 25 insertions(+), 228 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 85ddaa4e..fa8b66f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,15 +17,11 @@
 				"@y-presence/client": "^2.0.1",
 				"@y-presence/react": "^2.0.1",
 				"eslint": "^8.45.0",
-				"mongodb": "^5.2.0",
-				"mongodb-provider": "^0.1.1",
-				"mongoose": "^7.0.3",
 				"prettier": "^3.0.0",
 				"react": "^18.2.0",
 				"react-cookie": "^6.1.1",
 				"react-dom": "^18.2.0",
 				"react-scripts": "5.0.1",
-				"socket.io-client": "^4.7.1",
 				"typescript": "^4.9.5",
 				"web-vitals": "^2.1.4",
 				"y-mongodb-provider": "^0.1.6",
@@ -5154,11 +5150,6 @@
 				"@sinonjs/commons": "^3.0.0"
 			}
 		},
-		"node_modules/@socket.io/component-emitter": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
-			"integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
-		},
 		"node_modules/@stitches/react": {
 			"version": "1.2.8",
 			"resolved": "https://registry.npmjs.org/@stitches/react/-/react-1.2.8.tgz",
@@ -6051,12 +6042,14 @@
 		"node_modules/@types/webidl-conversions": {
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-			"integrity": "sha512-xTE1E+YF4aWPJJeUzaZI5DRntlkY3+BCVJi0axFptnjGmAoWxkyREIh/XMrfxVLejwQxMCfDXdICo0VLxThrog=="
+			"integrity": "sha512-xTE1E+YF4aWPJJeUzaZI5DRntlkY3+BCVJi0axFptnjGmAoWxkyREIh/XMrfxVLejwQxMCfDXdICo0VLxThrog==",
+			"dev": true
 		},
 		"node_modules/@types/whatwg-url": {
 			"version": "8.2.2",
 			"resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-8.2.2.tgz",
 			"integrity": "sha512-FtQu10RWgn3D9U4aazdwIE2yzphmTJREDqNdODHrbrZmmMqI0vMheC/6NE/J1Yveaj8H+ela+YwWTjq5PGmuhA==",
+			"dev": true,
 			"dependencies": {
 				"@types/node": "*",
 				"@types/webidl-conversions": "*"
@@ -7643,6 +7636,7 @@
 			"version": "5.4.0",
 			"resolved": "https://registry.npmjs.org/bson/-/bson-5.4.0.tgz",
 			"integrity": "sha512-WRZ5SQI5GfUuKnPTNmAYPiKIof3ORXAF4IRU5UcgmivNIon01rWQlw5RUH954dpu8yGL8T59YShVddIPaU/gFA==",
+			"dev": true,
 			"engines": {
 				"node": ">=14.20.1"
 			}
@@ -9366,26 +9360,6 @@
 				"node": ">=6"
 			}
 		},
-		"node_modules/engine.io-client": {
-			"version": "6.5.1",
-			"resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.1.tgz",
-			"integrity": "sha512-hE5wKXH8Ru4L19MbM1GgYV/2Qo54JSMh1rlJbfpa40bEWkCKNo3ol2eOtGmowcr+ysgbI7+SGL+by42Q3pt/Ng==",
-			"dependencies": {
-				"@socket.io/component-emitter": "~3.1.0",
-				"debug": "~4.3.1",
-				"engine.io-parser": "~5.1.0",
-				"ws": "~8.11.0",
-				"xmlhttprequest-ssl": "~2.0.0"
-			}
-		},
-		"node_modules/engine.io-parser": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.1.0.tgz",
-			"integrity": "sha512-enySgNiK5tyZFynt3z7iqBR+Bto9EVVVvDFuTT0ioHCGbzirZVGDGiQjZzEp8hWl6hd5FSVytJGuScX1C1C35w==",
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
 		"node_modules/enhanced-resolve": {
 			"version": "5.15.0",
 			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
@@ -11851,7 +11825,8 @@
 		"node_modules/ip": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
-			"integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ=="
+			"integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
+			"dev": true
 		},
 		"node_modules/ipaddr.js": {
 			"version": "2.1.0",
@@ -15296,14 +15271,6 @@
 				"node": ">=4.0"
 			}
 		},
-		"node_modules/kareem": {
-			"version": "2.5.1",
-			"resolved": "https://registry.npmjs.org/kareem/-/kareem-2.5.1.tgz",
-			"integrity": "sha512-7jFxRVm+jD+rkq3kY0iZDJfsO2/t4BBPeEb2qKn2lR/9KhuksYk5hxzfRYWMPV8P/x2d0kHD306YyWLzjjH+uA==",
-			"engines": {
-				"node": ">=12.0.0"
-			}
-		},
 		"node_modules/kind-of": {
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -15998,6 +15965,7 @@
 			"version": "5.7.0",
 			"resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.7.0.tgz",
 			"integrity": "sha512-zm82Bq33QbqtxDf58fLWBwTjARK3NSvKYjyz997KSy6hpat0prjeX/kxjbPVyZY60XYPDNETaHkHJI2UCzSLuw==",
+			"dev": true,
 			"dependencies": {
 				"bson": "^5.4.0",
 				"mongodb-connection-string-url": "^2.6.0",
@@ -16038,22 +16006,12 @@
 			"version": "2.6.0",
 			"resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-2.6.0.tgz",
 			"integrity": "sha512-WvTZlI9ab0QYtTYnuMLgobULWhokRjtC7db9LtcVfJ+Hsnyr5eo6ZtNAt3Ly24XZScGMelOcGtm7lSn0332tPQ==",
+			"dev": true,
 			"dependencies": {
 				"@types/whatwg-url": "^8.2.1",
 				"whatwg-url": "^11.0.0"
 			}
 		},
-		"node_modules/mongodb-provider": {
-			"version": "0.1.1",
-			"resolved": "https://registry.npmjs.org/mongodb-provider/-/mongodb-provider-0.1.1.tgz",
-			"integrity": "sha512-qfcxbVx68n6CPlPu5abg+SV0OVcxvyMkbpKkqRBk2yfLWK2k9WmjiP4Dayile01DHehqEGh9/JB7Ivf9O4xIGQ==",
-			"dependencies": {
-				"mongodb": ">=0.9.1"
-			},
-			"engines": {
-				"node": ">=0.4.0"
-			}
-		},
 		"node_modules/mongoist": {
 			"version": "2.7.0",
 			"resolved": "https://registry.npmjs.org/mongoist/-/mongoist-2.7.0.tgz",
@@ -16173,83 +16131,6 @@
 				}
 			}
 		},
-		"node_modules/mongoose": {
-			"version": "7.3.3",
-			"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-7.3.3.tgz",
-			"integrity": "sha512-g4NrRGIUEUYLeScaSChQR8i4Dlk9lR0UJzkK3r6TPJyqJ6ZWdRVP3oXfOG9Yn+hNeKcCJKfVEHo+jsU1rh3YTA==",
-			"dependencies": {
-				"bson": "^5.3.0",
-				"kareem": "2.5.1",
-				"mongodb": "5.6.0",
-				"mpath": "0.9.0",
-				"mquery": "5.0.0",
-				"ms": "2.1.3",
-				"sift": "16.0.1"
-			},
-			"engines": {
-				"node": ">=14.20.1"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/mongoose"
-			}
-		},
-		"node_modules/mongoose/node_modules/mongodb": {
-			"version": "5.6.0",
-			"resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.6.0.tgz",
-			"integrity": "sha512-z8qVs9NfobHJm6uzK56XBZF8XwM9H294iRnB7wNjF0SnY93si5HPziIJn+qqvUR5QOff/4L0gCD6SShdR/GtVQ==",
-			"dependencies": {
-				"bson": "^5.3.0",
-				"mongodb-connection-string-url": "^2.6.0",
-				"socks": "^2.7.1"
-			},
-			"engines": {
-				"node": ">=14.20.1"
-			},
-			"optionalDependencies": {
-				"saslprep": "^1.0.3"
-			},
-			"peerDependencies": {
-				"@aws-sdk/credential-providers": "^3.201.0",
-				"mongodb-client-encryption": ">=2.3.0 <3",
-				"snappy": "^7.2.2"
-			},
-			"peerDependenciesMeta": {
-				"@aws-sdk/credential-providers": {
-					"optional": true
-				},
-				"mongodb-client-encryption": {
-					"optional": true
-				},
-				"snappy": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/mongoose/node_modules/ms": {
-			"version": "2.1.3",
-			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-		},
-		"node_modules/mpath": {
-			"version": "0.9.0",
-			"resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
-			"integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
-			"engines": {
-				"node": ">=4.0.0"
-			}
-		},
-		"node_modules/mquery": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
-			"integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
-			"dependencies": {
-				"debug": "4.x"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
 		"node_modules/ms": {
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -21437,11 +21318,6 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
-		"node_modules/sift": {
-			"version": "16.0.1",
-			"resolved": "https://registry.npmjs.org/sift/-/sift-16.0.1.tgz",
-			"integrity": "sha512-Wv6BjQ5zbhW7VFefWusVP33T/EM0vYikCaQ2qR8yULbsilAT8/wQaXvuQ3ptGLpoKx+lihJE3y2UTgKDyyNHZQ=="
-		},
 		"node_modules/signal-exit": {
 			"version": "3.0.7",
 			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -21492,37 +21368,12 @@
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
 			"integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+			"dev": true,
 			"engines": {
 				"node": ">= 6.0.0",
 				"npm": ">= 3.0.0"
 			}
 		},
-		"node_modules/socket.io-client": {
-			"version": "4.7.1",
-			"resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.7.1.tgz",
-			"integrity": "sha512-Qk3Xj8ekbnzKu3faejo4wk2MzXA029XppiXtTF/PkbTg+fcwaTw1PlDrTrrrU4mKoYC4dvlApOnSeyLCKwek2w==",
-			"dependencies": {
-				"@socket.io/component-emitter": "~3.1.0",
-				"debug": "~4.3.2",
-				"engine.io-client": "~6.5.1",
-				"socket.io-parser": "~4.2.4"
-			},
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
-		"node_modules/socket.io-parser": {
-			"version": "4.2.4",
-			"resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-			"integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-			"dependencies": {
-				"@socket.io/component-emitter": "~3.1.0",
-				"debug": "~4.3.1"
-			},
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
 		"node_modules/sockjs": {
 			"version": "0.3.24",
 			"resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -21537,6 +21388,7 @@
 			"version": "2.7.1",
 			"resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
 			"integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==",
+			"dev": true,
 			"dependencies": {
 				"ip": "^2.0.0",
 				"smart-buffer": "^4.2.0"
@@ -22484,6 +22336,7 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
 			"integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+			"dev": true,
 			"dependencies": {
 				"punycode": "^2.1.1"
 			},
@@ -23051,6 +22904,7 @@
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
 			"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+			"dev": true,
 			"engines": {
 				"node": ">=12"
 			}
@@ -23408,6 +23262,7 @@
 			"version": "11.0.0",
 			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
 			"integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+			"dev": true,
 			"dependencies": {
 				"tr46": "^3.0.0",
 				"webidl-conversions": "^7.0.0"
@@ -23835,26 +23690,6 @@
 				"node": "^12.13.0 || ^14.15.0 || >=16.0.0"
 			}
 		},
-		"node_modules/ws": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-			"integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-			"engines": {
-				"node": ">=10.0.0"
-			},
-			"peerDependencies": {
-				"bufferutil": "^4.0.1",
-				"utf-8-validate": "^5.0.2"
-			},
-			"peerDependenciesMeta": {
-				"bufferutil": {
-					"optional": true
-				},
-				"utf-8-validate": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/xml-name-validator": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
@@ -23865,14 +23700,6 @@
 			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
 			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
 		},
-		"node_modules/xmlhttprequest-ssl": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
-			"integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==",
-			"engines": {
-				"node": ">=0.4.0"
-			}
-		},
 		"node_modules/xtend": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index 2c27fdc9..cbe028e0 100644
--- a/package.json
+++ b/package.json
@@ -12,15 +12,11 @@
 		"@y-presence/client": "^2.0.1",
 		"@y-presence/react": "^2.0.1",
 		"eslint": "^8.45.0",
-		"mongodb": "^5.2.0",
-		"mongodb-provider": "^0.1.1",
-		"mongoose": "^7.0.3",
 		"prettier": "^3.0.0",
 		"react": "^18.2.0",
 		"react-cookie": "^6.1.1",
 		"react-dom": "^18.2.0",
 		"react-scripts": "5.0.1",
-		"socket.io-client": "^4.7.1",
 		"typescript": "^4.9.5",
 		"web-vitals": "^2.1.4",
 		"y-mongodb-provider": "^0.1.6",
diff --git a/src/App.tsx b/src/App.tsx
index 45544e8f..a5ffced4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,21 +1,15 @@
+import React, { useEffect } from 'react';
 import { Tldraw, useFileSystem } from '@tldraw/tldraw';
 import { useUsers } from 'y-presence';
-import './App.css';
-import { awareness, roomID } from './store/store';
-import { useEffect } from 'react';
 import { useCookies } from 'react-cookie';
 import { useMultiplayerState } from './hooks/useMultiplayerState';
+import { awareness, roomID } from './store/store';
+import './App.css';
 
 function Editor({ roomId }: { roomId: string }) {
 	const fileSystemEvents = useFileSystem();
-	const {
-		onMount,
-		// onAssetCreate,
-		// onAssetDelete,
-		saveUserSettings,
-		getDarkMode,
-		...events
-	} = useMultiplayerState(roomId);
+	const { onMount, saveUserSettings, getDarkMode, ...events } =
+		useMultiplayerState(roomId);
 
 	return (
 		<Tldraw
@@ -24,8 +18,6 @@ function Editor({ roomId }: { roomId: string }) {
 			onMount={onMount}
 			onPatch={saveUserSettings}
 			darkMode={getDarkMode()}
-			// onAssetCreate={onAssetCreate}
-			// onAssetDelete={onAssetDelete}
 			{...fileSystemEvents}
 			{...events}
 		/>
@@ -44,7 +36,7 @@ function Info() {
 	);
 }
 
-export default function App() {
+function App() {
 	const [cookies] = useCookies(['jwt']);
 	const token = cookies.jwt;
 
@@ -52,15 +44,18 @@ export default function App() {
 		if (!token) {
 			window.location.href = '/login';
 		}
-	}, []);
+	}, [token]);
+
 	return (
 		<div>
-			{token ? (
+			{token && (
 				<div className="tldraw">
 					<Info />
 					<Editor roomId={roomID} />
 				</div>
-			) : null}
+			)}
 		</div>
 	);
 }
+
+export default App;
diff --git a/src/hooks/useMultiplayerState.ts b/src/hooks/useMultiplayerState.ts
index 53e3686f..767d8af9 100644
--- a/src/hooks/useMultiplayerState.ts
+++ b/src/hooks/useMultiplayerState.ts
@@ -106,25 +106,6 @@ export function useMultiplayerState(roomId: string) {
 		room.setPresence({ id: app.room.userId, tdUser: user });
 	}, []);
 
-	// const onAssetCreate = useCallback(
-	// 	async (app: TldrawApp, file: File, assetId: string) => {
-	// 		const mockUrl = generateMockUrl(file.name);
-	// 		console.log(mockUrl);
-	// 		return mockUrl;
-	// 	},
-	// 	[],
-	// );
-
-	// const onAssetDelete = useCallback(async (app: TldrawApp, assetId: string) => {
-	// 	console.log(assetId);
-	// 	return;
-	// }, []);
-
-	// function generateMockUrl(fileName: string): string {
-	// 	const baseUrl = 'http://localhost:3046';
-	// 	return `${baseUrl}/mocked-images/${fileName}`;
-	// }
-
 	const saveUserSettings = useCallback(
 		(app: TldrawApp, _patch: TldrawPatch, reason: string | undefined) => {
 			if (reason?.includes('settings')) {
@@ -211,8 +192,6 @@ export function useMultiplayerState(roomId: string) {
 		onRedo,
 		loading,
 		onChangePresence,
-		// onAssetCreate,
-		// onAssetDelete,
 		saveUserSettings,
 		getDarkMode,
 	};