webpeerjs 0.0.7 → 0.0.8

package/README.md

@@ -3,9 +3,28 @@
 
 WebpeerJS enables browser to browser connectivity without a central server.
 
-[Demo](https://nuzulul.github.io/webpeerjs/demo/)
+[Live Demo](https://nuzulul.github.io/webpeerjs/demo/)
 
-## Example
+## Features
+
+* ✅ Decentralized Network
+* ✅ Broadcast Message
+
+## Install
+
+NPM :
+
+```
+npm i webpeerjs
+```
+
+CDN :
+
+```
+<script src="https://cdn.jsdelivr.net/npm/webpeerjs@0.0/dist/umd/webpeerjs.min.js"></script>
+```
+
+## Usage
 
 ```
 import { webpeerjs } from 'webpeerjs'
@@ -16,7 +35,7 @@ void async function main() {
 	
 	console.log(`My node id : ${node.id}`)
 	
-	const [send,listen,members] = node.joinRoom('myroom')
+	const [broadcast,listen,members] = node.joinRoom('myroom')
 	
 	listen((message,id) => {
 		console.log(`Message from ${id} : ${message}`)
@@ -24,35 +43,26 @@ void async function main() {
 	
 	members((data) => {
 		console.log(`Members : ${data}`)
-		send('hello')
+		broadcast('hello')
 	})
 	
 }()
 ```
 
-## Install
-
-NPM :
-
-```
-npm i webpeerjs
-```
-
-CDN :
-
-```
-<script src="https://cdn.jsdelivr.net/npm/webpeerjs@0.0/dist/umd/webpeerjs.min.js"></script>
-```
-
 ## API
 
-- `createWebpeer()` Create a new local node.
-- `id` The unique ID of the local node as an identity in the global network.
-- `joinRoom()` Adding a local node to the room, returns an array of three functions (Sender, onListen, onMembers).
+- `createWebpeer()` Create a new node.
+- `id` The unique ID of the node as an identity in the global network.
+- `joinRoom()` Adding the node to the room, returns an array of three functions (Broadcaster, onListenMessage, onMembersUpdate).
 - `peers` Get all connected peers.
+- `status` Get the node status, returns `connected` or `unconnected`.
+
+## Related
 
-## License
+- [simple-peer](https://github.com/feross/simple-peer) - Simple WebRTC video, voice, and data channels.
+- [peerjs](https://github.com/peers/peerjs) - Simple peer-to-peer with WebRTC.
+- [trystero](https://github.com/dmotz/trystero) - Build instant multiplayer webapps, no server required.
 
-MIT License
+## Maintainers
 
-Copyright (c) 2024 [Nuzulul Zulkarnain](https://github.com/nuzulul)
+[Nuzulul Zulkarnain](https://github.com/nuzulul)

package/dist/esm/webpeerjs.d.ts

@@ -2,7 +2,7 @@ export class webpeerjs {
     static createWebpeer(): Promise<webpeerjs>;
     constructor(libp2p: any, dbstore: any, onMetrics: any);
     id: any;
-    status: any;
+    status: string;
     IPFS: {
         libp2p: any;
         discoveredPeers: Map<any, any>;

package/dist/esm/webpeerjs.js

@@ -30,10 +30,7 @@ const CONFIG_PEER_DISCOVERY_WEBPEERJS= prefix$1+'-peer-discovery';
 const CONFIG_PUBSUB_PEER_DISCOVERY = [CONFIG_PEER_DISCOVERY_GLOBAL, CONFIG_PEER_DISCOVERY_UNIVERSAL_CONNECTIVITY, CONFIG_PEER_DISCOVERY_WEBPEERJS];
 const CONFIG_DELEGATED_API = 'https://delegated-ipfs.dev';
 
-const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
-];
-
-const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = [
+const CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS = [
 	'QmNnooDu7bfjPFoTZYxMNLWUQJyrVwtbZg5gBMjTezGAJN',
 	'QmbLHAnMoJPWSCR5Zhtx6BHJX9KiKNN6tpvbUcqanj75Nb',
 	'QmcZf59bWwK5XFi76CZX8cbJ4BhTzzA3gU1ZjYZcYW3dwt',
@@ -45,12 +42,16 @@ const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = [
 	'12D3KooWS79EhkPU7ESUwgG4vyHHzW9FDNZLoWVth9b5N5NSrvaj',
 	'12D3KooWBbkCD5MpJhMc1mfPAVGEyVkQnyxPKGS7AHwDqQM2JUsk',
 	'12D3KooWKLdecs31Zmo2pLBjR9HY2vWo3VwM4eBm21Czeucbe6FL',
-	'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H',
-	'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+	'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H'
 	];
 
 const CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS = [
 	'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+];
+
+const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS.concat(CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS);
+
+const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
 ];
 
 /* eslint-disable import/export */
@@ -368,6 +369,8 @@ class webpeerjs{
 		this.status = (function(libp2p) {
 			return libp2p.status
 		})(this.#libp2p);
+		
+		this.status = 'unconnected';
 
 		this.IPFS = (function(libp2p,discoveredPeers) {
 			const obj = {libp2p,discoveredPeers};
@@ -423,11 +426,7 @@ class webpeerjs{
 					const now = new Date().getTime();
 					const metadata = {addrs:address,last:now};
 					this.#connectedPeers.set(id,metadata);
-					this.#connectedPeersArr.length = 0;
-					for(const peer of this.#connectedPeers){	
-						const item = {id:peer[0],address:peer[1].addrs};
-						this.#connectedPeersArr.push(item);
-					}
+					this.#updatePeers();
 				}
 
 			}
@@ -468,11 +467,7 @@ class webpeerjs{
 								const now = new Date().getTime();
 								const metadata = {addrs:address,last:now};
 								this.#connectedPeers.set(senderPeerId,metadata);
-								this.#connectedPeersArr.length = 0;
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs};
-									this.#connectedPeersArr.push(item);
-								}
+								this.#updatePeers();
 							}
 
 							//dial if not connected
@@ -536,11 +531,7 @@ class webpeerjs{
 								const metadata = {addrs:address,last:now};
 								this.#connectedPeers.set(id,metadata);
 								this.#webPeersAddrs.set(id,address);
-								this.#connectedPeersArr.length = 0;
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs};
-									this.#connectedPeersArr.push(item);
-								}
+								this.#updatePeers();
 							}
 
 							
@@ -586,17 +577,6 @@ class webpeerjs{
 								if(signal == 'ping'){
 									//console.log('rooms',rooms)
 								}
-								
-								//update connected webpeers
-								/*const now = new Date().getTime()
-								const metadata = {addrs:address,last:now}
-								this.#connectedPeers.set(id,metadata)
-								this.#webPeersAddrs.set(id,address)
-								this.#connectedPeersArr.length = 0
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs}
-									this.#connectedPeersArr.push(item)
-								}*/
 									
 							}
 						}
@@ -761,11 +741,7 @@ class webpeerjs{
 					const now = new Date().getTime();
 					const metadata = {addrs:address,last:now};
 					this.#connectedPeers.set(id,metadata);
-					this.#connectedPeersArr.length = 0;
-					for(const peer of this.#connectedPeers){	
-						const item = {id:peer[0],address:peer[1].addrs};
-						this.#connectedPeersArr.push(item);
-					}
+					this.#updatePeers();
 				}
 
 			}
@@ -860,6 +836,20 @@ class webpeerjs{
 	/*
 	PRIVATE FUNCTION
 	*/
+
+	#updatePeers(){
+		this.#connectedPeersArr.length = 0;
+		for(const peer of this.#connectedPeers){	
+			const item = {id:peer[0],address:peer[1].addrs};
+			this.#connectedPeersArr.push(item);
+		}
+		if(this.#connectedPeers.size > 0){
+			this.status = 'connected';
+		}
+		else {
+			this.status = 'unconnected';
+		}
+	}
 	
 	async #registerProtocol(){
 		const handler = ({ connection, stream, protocol }) => {
@@ -921,6 +911,7 @@ class webpeerjs{
 	//check the last seen in web peer
 	#trackLastSeen(){
 		const timeout = 25*1000;
+		const forcetimeout = 60*1000;
 		const now = new Date().getTime();
 		
 		//if webpeer last seen grather then timeout send onDisconnect
@@ -928,13 +919,10 @@ class webpeerjs{
 			const id = peer[0];
 			const last = peer[1].last;
 			const time = now-last;
-			if(time>timeout){
+			if((time>timeout && !this.#isConnected(id))||(time>forcetimeout)){
+				
 				this.#connectedPeers.delete(id);
-				this.#connectedPeersArr.length = 0;
-				for(const peer of this.#connectedPeers){	
-					const item = {id:peer[0],address:peer[1].addrs};
-					this.#connectedPeersArr.push(item);
-				}
+				this.#updatePeers();
 				this.#onDisconnectFn(id);
 				
 				//remove id from room member
@@ -946,6 +934,7 @@ class webpeerjs{
 						this.#rooms[room].onMembers(this.#rooms[room].members);
 					}
 				}
+				
 			}
 		}
 	}
@@ -1390,8 +1379,12 @@ class webpeerjs{
 	}
 	
 	async #dialUpdateSavedKnownID(){
+		let firsttime = true;
 		for(const target of CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS){
-			if(!this.#connections.has(target) && this.#isDialEnabled && this.#dbstoreData.has(target)){
+			if(this.#dbstoreData.has(target)){
+				firsttime = false;
+			}
+			if(!this.#connections.has(target) && this.#isDialEnabled && (this.#dbstoreData.has(target) || firsttime)){
 				//console.log('#dialUpdateSavedKnownID()',target)
 				const api = CONFIG_DELEGATED_API;
 				const delegatedClient = createDelegatedRoutingV1HttpApiClient(api);

package/dist/umd/webpeerjs.js

@@ -17,10 +17,7 @@
 	const CONFIG_PUBSUB_PEER_DISCOVERY = [CONFIG_PEER_DISCOVERY_GLOBAL, CONFIG_PEER_DISCOVERY_UNIVERSAL_CONNECTIVITY, CONFIG_PEER_DISCOVERY_WEBPEERJS];
 	const CONFIG_DELEGATED_API = 'https://delegated-ipfs.dev';
 
-	const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
-	];
-
-	const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = [
+	const CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS = [
 		'QmNnooDu7bfjPFoTZYxMNLWUQJyrVwtbZg5gBMjTezGAJN',
 		'QmbLHAnMoJPWSCR5Zhtx6BHJX9KiKNN6tpvbUcqanj75Nb',
 		'QmcZf59bWwK5XFi76CZX8cbJ4BhTzzA3gU1ZjYZcYW3dwt',
@@ -32,12 +29,16 @@
 		'12D3KooWS79EhkPU7ESUwgG4vyHHzW9FDNZLoWVth9b5N5NSrvaj',
 		'12D3KooWBbkCD5MpJhMc1mfPAVGEyVkQnyxPKGS7AHwDqQM2JUsk',
 		'12D3KooWKLdecs31Zmo2pLBjR9HY2vWo3VwM4eBm21Czeucbe6FL',
-		'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H',
-		'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+		'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H'
 		];
 
 	const CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS = [
 		'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+	];
+
+	const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS.concat(CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS);
+
+	const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
 	];
 
 	/**
@@ -46153,6 +46154,8 @@
 			this.status = (function(libp2p) {
 				return libp2p.status
 			})(this.#libp2p);
+			
+			this.status = 'unconnected';
 
 			this.IPFS = (function(libp2p,discoveredPeers) {
 				const obj = {libp2p,discoveredPeers};
@@ -46208,11 +46211,7 @@
 						const now = new Date().getTime();
 						const metadata = {addrs:address,last:now};
 						this.#connectedPeers.set(id,metadata);
-						this.#connectedPeersArr.length = 0;
-						for(const peer of this.#connectedPeers){	
-							const item = {id:peer[0],address:peer[1].addrs};
-							this.#connectedPeersArr.push(item);
-						}
+						this.#updatePeers();
 					}
 
 				}
@@ -46253,11 +46252,7 @@
 									const now = new Date().getTime();
 									const metadata = {addrs:address,last:now};
 									this.#connectedPeers.set(senderPeerId,metadata);
-									this.#connectedPeersArr.length = 0;
-									for(const peer of this.#connectedPeers){	
-										const item = {id:peer[0],address:peer[1].addrs};
-										this.#connectedPeersArr.push(item);
-									}
+									this.#updatePeers();
 								}
 
 								//dial if not connected
@@ -46321,11 +46316,7 @@
 									const metadata = {addrs:address,last:now};
 									this.#connectedPeers.set(id,metadata);
 									this.#webPeersAddrs.set(id,address);
-									this.#connectedPeersArr.length = 0;
-									for(const peer of this.#connectedPeers){	
-										const item = {id:peer[0],address:peer[1].addrs};
-										this.#connectedPeersArr.push(item);
-									}
+									this.#updatePeers();
 								}
 
 								
@@ -46371,17 +46362,6 @@
 									if(signal == 'ping'){
 										//console.log('rooms',rooms)
 									}
-									
-									//update connected webpeers
-									/*const now = new Date().getTime()
-									const metadata = {addrs:address,last:now}
-									this.#connectedPeers.set(id,metadata)
-									this.#webPeersAddrs.set(id,address)
-									this.#connectedPeersArr.length = 0
-									for(const peer of this.#connectedPeers){	
-										const item = {id:peer[0],address:peer[1].addrs}
-										this.#connectedPeersArr.push(item)
-									}*/
 										
 								}
 							}
@@ -46546,11 +46526,7 @@
 						const now = new Date().getTime();
 						const metadata = {addrs:address,last:now};
 						this.#connectedPeers.set(id,metadata);
-						this.#connectedPeersArr.length = 0;
-						for(const peer of this.#connectedPeers){	
-							const item = {id:peer[0],address:peer[1].addrs};
-							this.#connectedPeersArr.push(item);
-						}
+						this.#updatePeers();
 					}
 
 				}
@@ -46645,6 +46621,20 @@
 		/*
 		PRIVATE FUNCTION
 		*/
+
+		#updatePeers(){
+			this.#connectedPeersArr.length = 0;
+			for(const peer of this.#connectedPeers){	
+				const item = {id:peer[0],address:peer[1].addrs};
+				this.#connectedPeersArr.push(item);
+			}
+			if(this.#connectedPeers.size > 0){
+				this.status = 'connected';
+			}
+			else {
+				this.status = 'unconnected';
+			}
+		}
 		
 		async #registerProtocol(){
 			const handler = ({ connection, stream, protocol }) => {
@@ -46706,6 +46696,7 @@
 		//check the last seen in web peer
 		#trackLastSeen(){
 			const timeout = 25*1000;
+			const forcetimeout = 60*1000;
 			const now = new Date().getTime();
 			
 			//if webpeer last seen grather then timeout send onDisconnect
@@ -46713,13 +46704,10 @@
 				const id = peer[0];
 				const last = peer[1].last;
 				const time = now-last;
-				if(time>timeout){
+				if((time>timeout && !this.#isConnected(id))||(time>forcetimeout)){
+					
 					this.#connectedPeers.delete(id);
-					this.#connectedPeersArr.length = 0;
-					for(const peer of this.#connectedPeers){	
-						const item = {id:peer[0],address:peer[1].addrs};
-						this.#connectedPeersArr.push(item);
-					}
+					this.#updatePeers();
 					this.#onDisconnectFn(id);
 					
 					//remove id from room member
@@ -46731,6 +46719,7 @@
 							this.#rooms[room].onMembers(this.#rooms[room].members);
 						}
 					}
+					
 				}
 			}
 		}
@@ -47175,8 +47164,12 @@
 		}
 		
 		async #dialUpdateSavedKnownID(){
+			let firsttime = true;
 			for(const target of CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS){
-				if(!this.#connections.has(target) && this.#isDialEnabled && this.#dbstoreData.has(target)){
+				if(this.#dbstoreData.has(target)){
+					firsttime = false;
+				}
+				if(!this.#connections.has(target) && this.#isDialEnabled && (this.#dbstoreData.has(target) || firsttime)){
 					//console.log('#dialUpdateSavedKnownID()',target)
 					const api = CONFIG_DELEGATED_API;
 					const delegatedClient = createDelegatedRoutingV1HttpApiClient(api);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpeerjs",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Simple peer-to-peer with IPFS",
   "main": "./dist/umd/webpeerjs.js",
   "module": "./dist/esm/webpeerjs.js",

package/src/config.js

@@ -17,10 +17,7 @@ export const CONFIG_DNS_RESOLVER = 'https://dns.google/resolve'
 export const CONFIG_KNOWN_BOOTSTRAP_DNS = '_dnsaddr.bootstrap.libp2p.io'
 export const CONFIG_JOIN_ROOM_VERSION = 1
 
-export const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
-]
-
-export const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = [
+export const CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS = [
 	'QmNnooDu7bfjPFoTZYxMNLWUQJyrVwtbZg5gBMjTezGAJN',
 	'QmbLHAnMoJPWSCR5Zhtx6BHJX9KiKNN6tpvbUcqanj75Nb',
 	'QmcZf59bWwK5XFi76CZX8cbJ4BhTzzA3gU1ZjYZcYW3dwt',
@@ -32,10 +29,14 @@ export const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = [
 	'12D3KooWS79EhkPU7ESUwgG4vyHHzW9FDNZLoWVth9b5N5NSrvaj',
 	'12D3KooWBbkCD5MpJhMc1mfPAVGEyVkQnyxPKGS7AHwDqQM2JUsk',
 	'12D3KooWKLdecs31Zmo2pLBjR9HY2vWo3VwM4eBm21Czeucbe6FL',
-	'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H',
-	'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+	'12D3KooWBdF3g6vSJFRPoZQo7BNnkNzaWb59gpyaVzsgtNTVeu8H'
 	]
 
 export const CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS = [
 	'12D3KooWFhXabKDwALpzqMbto94sB7rvmZ6M28hs9Y9xSopDKwQr'
+]
+
+export const CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS = CONFIG_KNOWN_BOOTSTRAP_PUBLIC_IDS.concat(CONFIG_KNOWN_BOOTSTRAP_HYBRID_IDS)
+
+export const CONFIG_KNOWN_BOOTSTRAP_PEERS_ADDRS = [
 ]

package/src/webpeerjs.js

@@ -120,6 +120,8 @@ class webpeerjs{
 		this.status = (function(libp2p) {
 			return libp2p.status
 		})(this.#libp2p);
+		
+		this.status = 'unconnected'
 
 		this.IPFS = (function(libp2p,discoveredPeers) {
 			const obj = {libp2p,discoveredPeers}
@@ -175,11 +177,7 @@ class webpeerjs{
 					const now = new Date().getTime()
 					const metadata = {addrs:address,last:now}
 					this.#connectedPeers.set(id,metadata)
-					this.#connectedPeersArr.length = 0
-					for(const peer of this.#connectedPeers){	
-						const item = {id:peer[0],address:peer[1].addrs}
-						this.#connectedPeersArr.push(item)
-					}
+					this.#updatePeers()
 				}
 
 			}
@@ -220,11 +218,7 @@ class webpeerjs{
 								const now = new Date().getTime()
 								const metadata = {addrs:address,last:now}
 								this.#connectedPeers.set(senderPeerId,metadata)
-								this.#connectedPeersArr.length = 0
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs}
-									this.#connectedPeersArr.push(item)
-								}
+								this.#updatePeers()
 							}
 
 							//dial if not connected
@@ -288,11 +282,7 @@ class webpeerjs{
 								const metadata = {addrs:address,last:now}
 								this.#connectedPeers.set(id,metadata)
 								this.#webPeersAddrs.set(id,address)
-								this.#connectedPeersArr.length = 0
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs}
-									this.#connectedPeersArr.push(item)
-								}
+								this.#updatePeers()
 							}
 
 							
@@ -338,17 +328,6 @@ class webpeerjs{
 								if(signal == 'ping'){
 									//console.log('rooms',rooms)
 								}
-								
-								//update connected webpeers
-								/*const now = new Date().getTime()
-								const metadata = {addrs:address,last:now}
-								this.#connectedPeers.set(id,metadata)
-								this.#webPeersAddrs.set(id,address)
-								this.#connectedPeersArr.length = 0
-								for(const peer of this.#connectedPeers){	
-									const item = {id:peer[0],address:peer[1].addrs}
-									this.#connectedPeersArr.push(item)
-								}*/
 									
 							}
 						}
@@ -521,11 +500,7 @@ class webpeerjs{
 					const now = new Date().getTime()
 					const metadata = {addrs:address,last:now}
 					this.#connectedPeers.set(id,metadata)
-					this.#connectedPeersArr.length = 0
-					for(const peer of this.#connectedPeers){	
-						const item = {id:peer[0],address:peer[1].addrs}
-						this.#connectedPeersArr.push(item)
-					}
+					this.#updatePeers()
 				}
 
 			}
@@ -620,6 +595,20 @@ class webpeerjs{
 	/*
 	PRIVATE FUNCTION
 	*/
+
+	#updatePeers(){
+		this.#connectedPeersArr.length = 0
+		for(const peer of this.#connectedPeers){	
+			const item = {id:peer[0],address:peer[1].addrs}
+			this.#connectedPeersArr.push(item)
+		}
+		if(this.#connectedPeers.size > 0){
+			this.status = 'connected'
+		}
+		else{
+			this.status = 'unconnected'
+		}
+	}
 	
 	async #registerProtocol(){
 		const handler = ({ connection, stream, protocol }) => {
@@ -681,6 +670,7 @@ class webpeerjs{
 	//check the last seen in web peer
 	#trackLastSeen(){
 		const timeout = 25*1000
+		const forcetimeout = 60*1000
 		const now = new Date().getTime()
 		
 		//if webpeer last seen grather then timeout send onDisconnect
@@ -688,13 +678,10 @@ class webpeerjs{
 			const id = peer[0]
 			const last = peer[1].last
 			const time = now-last
-			if(time>timeout){
+			if((time>timeout && !this.#isConnected(id))||(time>forcetimeout)){
+				
 				this.#connectedPeers.delete(id)
-				this.#connectedPeersArr.length = 0
-				for(const peer of this.#connectedPeers){	
-					const item = {id:peer[0],address:peer[1].addrs}
-					this.#connectedPeersArr.push(item)
-				}
+				this.#updatePeers()
 				this.#onDisconnectFn(id)
 				
 				//remove id from room member
@@ -706,6 +693,7 @@ class webpeerjs{
 						this.#rooms[room].onMembers(this.#rooms[room].members)
 					}
 				}
+				
 			}
 		}
 	}
@@ -1154,8 +1142,12 @@ class webpeerjs{
 	}
 	
 	async #dialUpdateSavedKnownID(){
+		let firsttime = true
 		for(const target of config.CONFIG_KNOWN_BOOTSTRAP_PEERS_IDS){
-			if(!this.#connections.has(target) && this.#isDialEnabled && this.#dbstoreData.has(target)){
+			if(this.#dbstoreData.has(target)){
+				firsttime = false
+			}
+			if(!this.#connections.has(target) && this.#isDialEnabled && (this.#dbstoreData.has(target) || firsttime)){
 				//console.log('#dialUpdateSavedKnownID()',target)
 				const api = config.CONFIG_DELEGATED_API
 				const delegatedClient = createDelegatedRoutingV1HttpApiClient(api)