demo works for server and client

Dockerfile

@@ -0,0 +1,12 @@
+# init a base image (Alpine is small Linux distro)
+FROM python:3.10-alpine
+# update pip to minimize dependency errors 
+RUN pip install --upgrade pip
+# define the present working directory
+WORKDIR /docker-flask-test
+# copy the contents into the working dir
+ADD . /docker-flask-test
+# run pip to install the dependencies of the flask app
+RUN pip install -r requirements.txt
+# define the command to start the container
+CMD ["python","app.py"]

app.py

@@ -1,26 +1,99 @@
 from flask import Flask, render_template
-from flask_socketio import SocketIO
+from flask_sock import Sock
+import flask
+import hot_reload_mod_i2
+import gmod
 
 app = Flask(__name__)
-app.config['SECRET_KEY'] = 'your_secret_key'  # Replace with your own secret key
+sock = Sock(app)
+
+
+
+
+gmod.glob["sock"] = sock
+gmod.glob["app"] = app
+
+class Eobj():
+	pass
+
+eobj = Eobj()
+gmod.gx =eobj
+
+import rld_m0
+import rld_m1
+import rld_m2
+import rld_m3
+import rld_m4
+import rld_m5
+
+p=print
 
-socketio = SocketIO(app)
 
 @app.route('/')
 def index():
-    return render_template('index.html')
+	print("::::::::::::::;")
+	return render_template('jsyncdb_index_v5.html')
+	return render_template('index.html')
+@app.route('/shared_libs/<path:path>')
+def send_report2(path):
+	return flask.send_file('templates/jquery-3.5.1.min.js')
+
+@app.route('/<path:path>')
+def send_report(path):
+	return flask.send_from_directory('templates', path)
+
+
+@sock.route('/echo')
+def echo(sock):
+	while True:
+		data = sock.receive()
+		sock.send(data)
+
 
-@socketio.on('connect')
-def handle_connect():
-    print('Client connected')
 
-@socketio.on('message')
-def handle_message(data):
-    print('Received message:', data)
-    socketio.emit('response', 'Server received your message: ' + data)
+# @sock.route('/echo_c1')
+# def echo_coll(sock):
+# 	p("echo_coll app")
+# 	while True:
+# 		data = sock.receive()
+# 		sock.send(data)
 
 
 
+
+
+# @sock.route('/<path:path>')
+# def echo23(sock,*a,**kw):
+#	 p("E2",a,kw)
+#	 while True:
+#		 data = sock.receive()
+#		 sock.send(data)
+#		 for en in dir(sock):
+#			 p(en)
+# p("echo23",echo23)
+
+
+# p("~83293298383838383")
+r'''
+for en in dir(sock):
+	print(".",en)
+
+for en in dir(app):
+	print("~",en)
+'''
+
+
+
+import inspect
+print("APP_ORIG",sock.route)
+print("APP_ORIG",app.route)
+print("APP_ORIG",inspect.getfile(app.route))
+print("APP_ORIG",app.url_map)
 if __name__ == '__main__':
-    # socketio.run(app, debug=True)
-    socketio.run(app,host='0.0.0.0', debug=True,allow_unsafe_werkzeug=True)
+	pass
+	# socketio.run(app, debug=True)
+	app.run(debug=True,host='0.0.0.0')
+	# sock.run(app,host='0.0.0.0', debug=True,allow_unsafe_werkzeug=True)
+
+
+

app_socketio.py

@@ -0,0 +1,26 @@
+from flask import Flask, render_template
+from flask_socketio import SocketIO
+
+app = Flask(__name__)
+app.config['SECRET_KEY'] = 'your_secret_key'  # Replace with your own secret key
+
+socketio = SocketIO(app)
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@socketio.on('connect')
+def handle_connect():
+    print('Client connected')
+
+@socketio.on('message')
+def handle_message(data):
+    print('Received message:', data)
+    socketio.emit('response', 'Server received your message: ' + data)
+
+
+print("APP_ORIG")
+if __name__ == '__main__':
+    # socketio.run(app, debug=True)
+    socketio.run(app,host='0.0.0.0', debug=True,allow_unsafe_werkzeug=True)

gmod.py

@@ -0,0 +1,78 @@
+# import gmod2
+
+
+print("===========================================================================================================================================")
+
+
+OKBLUE = '\033[94m'
+ENDC = '\033[0m'
+
+# print("GLOBA_REINIT" ,OKBLUE,"###################################################################",ENDC)
+
+glob = {}
+dbg_glob = {}
+
+
+
+
+
+glob["WSGI_RLD_HANDLERS"] = []
+def before_mod_rld(mod,*a,**kw):
+	h = getattr(mod,"MOD_RLD_HANDLERS",None)
+	print("before_mod_rld:",mod,h)
+	cnt=0
+	while h:
+		fn=h.pop()
+		print(cnt)
+		cnt+=1
+
+		fn()
+
+def reg_mod_rld_handler(mod,fn,*a,**kw):
+	h = getattr(mod,"MOD_RLD_HANDLERS",None)
+	if h is None:
+		mod.MOD_RLD_HANDLERS = []
+		h= mod.MOD_RLD_HANDLERS
+	h.append(fn)
+	print("reg_mod_rld_handler:",h,mod)
+
+
+
+def unreg_rld_handler(fn,*a,**kw):
+	if fn in glob["WSGI_RLD_HANDLERS"]:
+		print("unreg_rld_handler",fn)
+		glob["WSGI_RLD_HANDLERS"].remove(fn)
+	else:
+		print("unreg_rld_handler~~~",fn)
+		# print()
+
+
+def reg_rld_handler(fn,*a,**kw):
+	glob["WSGI_RLD_HANDLERS"].append(fn)
+def before_wsgi_rld(s=""):
+	print("before_wsgi_rld:",s)
+	cnt=0
+	while glob["WSGI_RLD_HANDLERS"]:
+		fn=glob["WSGI_RLD_HANDLERS"].pop()
+		print(cnt)
+		cnt+=1
+
+		fn()
+
+
+
+
+
+
+# or should we do import
+# is this better or the worst way we shall find out
+def W():
+	return glob
+
+
+
+
+
+
+
+

hot_reload_mod_i2.py

@@ -0,0 +1,170 @@
+
+
+from werkzeug import _reloader
+p=print
+
+import typing as t
+import threading
+
+import sys
+import os
+import importlib
+import traceback
+
+
+custom_rld_substr = "rld"
+custom_rld_list = []
+mscope={
+	"ReloaderLoop_trigger_reload": _reloader.ReloaderLoop.trigger_reload,
+	"WatchdogReloaderLoop_trigger_reload": _reloader.WatchdogReloaderLoop.trigger_reload,
+}
+
+def reset_mtime(reloader,file_path):
+		old_time = reloader.mtimes.get(file_path)
+		mtime = os.stat(file_path).st_mtime
+		reloader.mtimes[file_path]=mtime
+
+		return {
+			"old_time":old_time,
+			"new_time":mtime,
+		}
+
+
+def search_for_mod_by_path(file_path):
+	# for module in list(sys.modules.values()):
+	for mod_name,module in list(sys.modules.items()):
+		mod_path = getattr(module, "__file__", None) 
+		if file_path == mod_path:
+			return module
+		# if not module:
+			# p("iojdwoqjdqoidjqwoidj")
+		# if not name:
+			# p(mod_name,module,type(module))
+		# p("~",name)
+
+
+
+
+def path_match_rld_mod(file_path):
+	if file_path is None:
+		return file_path
+	return file_path in custom_rld_list or custom_rld_substr in file_path
+def maybe_custom_reload(reloader,file_path):
+
+	# if file_path in custom_rld_list or custom_rld_substr in file_path:
+	if path_match_rld_mod(file_path):
+
+		# p(dir(reloader))
+		st= reset_mtime(reloader,file_path)
+		mod = search_for_mod_by_path(file_path)
+
+		#TODO: this is the important part refactor out later
+		if mod:
+			# gmod.before_mod_rld(mod)
+			# reimp = importlib.reload(mod)
+			try:
+				pass
+				reimp = importlib.reload(mod)
+			except Exception as E:
+				p("EXC@@@@@@@@@@@@")
+				print(traceback.format_exc())
+
+		else:
+			reimp="~~"
+			p("module not found with path:",file_path)
+		# importlib.reload(None)
+		# module==type(sys.modules["rld_m1"])
+		# p(type(sys.modules["rld_m1"]),)
+
+		# p("maybe_custom_reload!!!",st,reimp)
+		return 1
+		
+
+	r'''
+	try:
+		cnt=0
+		while gmod.glob["on_before_app_reload"]:
+			gmod.glob["on_before_app_reload"].pop()()
+			print("BEFORE RELOAD,,",cnt,OKBLUE3,"###################################################################",ENDC)
+		pass
+	except Exception as E:
+		print("I WOULD PANIC BUT PANIC HAS NOT BEEN IMPLIMENTED",E)
+
+	pass
+	# '''
+
+
+
+def t_rld1(self,file_path,*args,**kwargs):
+	# p("extra_files",args[0].extra_files)
+
+	p("t_rld1",self,file_path,args,kwargs)
+	p("```````````````````````````````````````")
+	p()
+	# if (file_path == r"C:\ws\repos\flask_apps\flask_example\rld_m2.py"):
+		# p("~~~%%%%%%%%%%%%%%%%%%%%%%5")
+		# return
+
+
+	if maybe_custom_reload(self,file_path):
+		pass
+	else:
+		# gmod.before_wsgi_rld("will rld")
+		p("...................")
+		mscope["ReloaderLoop_trigger_reload"](self,file_path,*args,**kwargs)
+		p("...................>")
+	# p("exclude_patterns",args[0].exclude_patterns)
+
+
+	
+def t_rld2(*args,**kwargs):
+	p("t_rld2",args,kwargs)
+	mscope["WatchdogReloaderLoop_trigger_reload"](*args,**kwargs)
+
+_reloader.ReloaderLoop.trigger_reload = t_rld1
+_reloader.WatchdogReloaderLoop.trigger_reload = t_rld2
+
+
+def run_with_reloader2(
+	main_func: t.Callable[[], None],
+	extra_files: t.Iterable[str] | None = None,
+	exclude_patterns: t.Iterable[str] | None = None,
+	interval: int | float = 1,
+	reloader_type: str = "auto",
+) -> None:
+	"""Run the given function in an independent Python interpreter."""
+	import signal
+	import os
+	print("")
+	print("")
+	print("")
+	print("")
+	print("run_with_reloader2!")
+	print("RLDI",main_func,extra_files,exclude_patterns,interval,reloader_type)
+
+	signal.signal(signal.SIGTERM, lambda *args: sys.exit(0))
+	reloader = _reloader.reloader_loops[reloader_type](
+		extra_files=extra_files, exclude_patterns=exclude_patterns, interval=interval
+	)
+	mscope["reloader"]=reloader
+
+	try:
+		if os.environ.get("WERKZEUG_RUN_MAIN") == "true":
+			_reloader.ensure_echo_on()
+			t = threading.Thread(target=main_func, args=())
+			t.daemon = True
+
+			# Enter the reloader to set up initial state, then start
+			# the app thread and reloader update loop.
+			with reloader:
+				t.start()
+				reloader.run()
+		else:
+			# gmod.before_wsgi_rld("restart_with_reloader")
+			sys.exit(reloader.restart_with_reloader())
+	except KeyboardInterrupt:
+		# gmod.before_wsgi_rld("um actually exiting")
+		pass
+
+
+_reloader.run_with_reloader = run_with_reloader2

requirements.old.txt

@@ -0,0 +1,17 @@
+async-timeout==4.0.3
+bidict==0.23.1
+blinker==1.7.0
+click==8.1.7
+colorama==0.4.6
+Flask==3.0.3
+Flask-SocketIO==5.3.6
+h11==0.14.0
+itsdangerous==2.1.2
+Jinja2==3.1.3
+MarkupSafe==2.1.5
+python-engineio==4.9.0
+python-socketio==5.11.2
+redis==5.0.3
+simple-websocket==1.0.0
+Werkzeug==3.0.2
+wsproto==1.2.0

requirements.txt

@@ -1,17 +1,12 @@
-async-timeout==4.0.3
-bidict==0.23.1
 blinker==1.7.0
 click==8.1.7
 colorama==0.4.6
 Flask==3.0.3
-Flask-SocketIO==5.3.6
+flask-sock==0.7.0
 h11==0.14.0
 itsdangerous==2.1.2
 Jinja2==3.1.3
 MarkupSafe==2.1.5
-python-engineio==4.9.0
-python-socketio==5.11.2
-redis==5.0.3
 simple-websocket==1.0.0
 Werkzeug==3.0.2
 wsproto==1.2.0

rld_m0.py

@@ -0,0 +1,19 @@
+
+from simple_websocket import Server
+from simple_websocket.ws import Base
+
+
+p=print
+
+
+
+def _srv_rec(self,msg,*a,**kw):
+	# print("QQQQQQQQQQQQQQQQQQQQQQQQQKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK")
+	# p("_srv_rec","FROM_GROUPFROM_GROUPFROM_GROUPFROM_GROUP",self.connected,a,kw)
+	# p("_srv_rec","FROM_GROUPFROM_GROUPFROM_GROUPFROM_GROUP",self.connected,msg)
+	# self.send("FROM_GROUP")
+	self.send(msg[1])
+
+
+
+Server._srv_rec =_srv_rec

rld_m1.py

@@ -0,0 +1,229 @@
+
+
+import gmod
+
+import inspect
+import flask.sansio.scaffold
+
+print(",,,")
+
+p=print
+
+sock = gmod.glob["sock"] 
+app = gmod.glob["app"] 
+
+# if not "" in gmod.glob
+
+OKBLUE = '\033[94m'
+ENDC = '\033[0m'
+
+gx = gmod.gx
+
+def um_info(o):
+	p()
+	# return
+	for en in dir(o):
+		# if "url" not in en:continue
+		attr = getattr(o,en,"NO ATTR")
+		p(OKBLUE,en,ENDC)
+		p(attr)
+	p()
+	# for r in app.url_map.iter_rules:
+		# p(:)
+	# for en in o:
+		# p(en)
+
+def what(*a,**kw):
+	p("WHAT",a,kw)
+
+def what2(*a,**kw):
+	p("WHAT2",a,kw)
+
+def route_or_replace_v0(*a,**kw):
+	o ={
+	"rld":0
+	}
+	p("QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ.")
+	def dec(fn):
+		p("QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ")
+		p(fn.__name__,fn)
+		p(inspect.getsource(fn))
+		# if app._got_first_request or fn.__name__ in app.view_functions:
+		if fn.__name__ in app.view_functions:
+			o["rld"]=1
+			# if started and not app.view_functions no real change??
+			p("...fr 0",fn,a,kw)
+
+			# app.view_functions[fn.__name__] = fn
+			app.view_functions[fn.__name__] = flask.sansio.scaffold.setupmethod(what2)
+			return fn
+		else:
+			return sock.route(*a,**kw)(fn)
+			pass
+	if o["rld"]:
+		return what
+	else:
+		return dec
+
+# def 
+
+
+
+
+
+def route_or_replace(path,*a,**kw):
+	o = {"rld":0}
+	def dec(fn):
+		if fn.__name__ in app.view_functions:
+			o["rld"]=1
+			p("RLD!!!")
+		else:
+			return sock.route(path,*a,**kw)(fn)
+	p("route_or_replace",o,path,a,kw)
+	if o["rld"]:
+		return what
+	else:
+		return dec
+
+
+
+
+def sinfo(o):
+	for en in dir(o):
+		attr = getattr(o,en,"NO ATTR")
+		p(OKBLUE,en,ENDC)
+		# p("\033[48;5;57m",en,ENDC)
+		# p("\033[36m",en,ENDC)
+		p(attr)		
+		# p(en)
+
+def oinfo(o,n="!"):
+	for en in dir(o):
+		attr = getattr(o,en,"NO ATTR")
+		p('\033[33m',en,ENDC,sep='')
+		p(attr)		
+		# p(en)
+# @sock.route('/echo_c1')
+
+
+def gmod_once():
+	if not app._got_first_request:
+		gmod.glob["all_ws_conn"] = set()
+		gmod.glob["groups"] = {}
+
+gmod_once()
+
+p()
+
+
+p("app._got_first_request",app._got_first_request)
+
+
+# um_info(app)
+
+# p(app.view_functions)
+
+
+
+def echo_coll(sock,*a,**kw):
+	p("echo_coll m7",sock,sock.connected,a,kw)
+	gmod.gx.ws_conn(sock,*a,**kw)
+	# sinfo(sock.sock)
+	# gmod.glob["all_ws_conn"].add(sock)
+	# gx.add_to_channel(sock,"N1")
+	# gx.add_to_channel(sock,"N4")
+	# gmod.glob["all_ws_conn"].add(sock)
+	# p(type(sock))
+
+	# p(inspect.getsource(sock.accept))
+	# p(inspect.getsource(sock.sock.send))
+	# p(inspect.getsource(sock.sock.__class__))
+	# p(inspect.getfile(sock.sock.__class__))
+	# p(sock.sock.send)
+	# oinfo(sock.sock)
+	while True:
+		data = sock.receive()
+		gx.handle_msg(sock,data,z=[a,kw])
+		# p(inspect.getfile(sock.__class__),data)
+		# p(":",inspect.getfile(sock.receive),data)
+		if data == "throw_err":
+			p("throwing_err")
+			raise data
+		elif data == "s2":
+			p("::::s2...")
+			# cls_abc.abc123()
+		sock.send(data)
+	p("ENDIIII")
+
+
+app.config['SOCK_SERVER_OPTIONS'] = {'ping_interval': 10}
+# r'''
+@route_or_replace('/echo_c1')
+def _echo_coll(*a,**kw):
+	# p("_echo_coll")
+	return echo_coll(*a,**kw)
+	# p("echo_coll m1")
+	# while True:
+	# 	data = sock.receive()
+	# 	sock.send(data)
+
+# '''
+for en,fn in app.view_functions.items():
+	p(en,"\n\t.",fn)
+
+
+
+r'''
+
+# def echo234(*a,**kw):
+# @route_or_replace('/<path:path>')
+
+
+
+@sock.route('/<path:path>')
+def echo234(sock,*a,**kw):
+	p("E2.2sa2............................",a,kw)
+	# return
+	while True:
+		data = sock.receive()
+		sock.send(data)
+		for en in dir(sock):
+			p(en)
+
+gmod.glob["echo234"]  = app.view_functions["echo234"]
+# '''
+
+
+
+
+r'''
+def echo2345(*a,**kw):
+	try:
+		p("zzz",__class__)
+	except Exception as E:
+		p(":",E)
+	p("E2.2sa2...........................?",sock,a,kw)
+	# return
+	while True:
+		data = sock.receive()
+		sock.send(data)
+		for en in dir(sock):
+			p(en)
+
+
+# p(gmod.glob["echo234"])
+p("***********************************************************")
+p(inspect.getsource(app.view_functions["echo234"]))
+p("***********************************************************..............")
+
+# app.view_functions["echo234"] = gmod.glob["echo234"]
+app.view_functions["echo234"] = echo2345
+# '''
+
+# p(inspect.getsource(echo234))
+# p(echo234)
+
+
+# um_info(app.url_map)
+# p(app.url_map)
+# p(app.url_map.iter_rules)

rld_m2.py

@@ -0,0 +1,158 @@
+
+
+import gmod
+
+import inspect
+import flask.sansio.scaffold
+
+import threading
+import base64
+
+print(",,,")
+
+p=print
+
+sock = gmod.glob["sock"] 
+app = gmod.glob["app"] 
+
+
+def um_info(o):
+	p()
+	# return
+	for en in dir(o):
+		# if "url" not in en:continue
+		p(en)
+	p()
+	# for en in o:
+		# p(en)
+
+r'''
+@sock.route('/<path:path>')
+def echo2345(sock,*a,**kw):
+	p("E2..",a,kw)
+	while True:
+		data = sock.receive()
+		sock.send(data)
+		for en in dir(sock):
+			p(en)
+# '''
+import json
+def group_jsend(group,o,sender):
+	# if type(sender=="")
+		# sock.slf["channel_id"]
+	slf = getattr(sender,"slf",None)
+	_from = "IDK"
+	if slf:
+		_from= slf["channel_name"]
+	# _from = "IDK"
+	# slf["group"]
+	o["from"]=_from
+	p("SLF:",slf,sender)
+	msg = json.dumps(o)
+	send_to_channel(group,msg,sender)
+
+def send_to_channel(name,message,sender):
+	group = gmod.glob["groups"].get(name,set())
+
+	for en in group:
+		pass
+		p("....",en._srv_rec)
+		# en._group_send(name,message)
+		# en._srv_rec(name,message)
+		en._srv_rec([name,message,sender])
+		# en.(name,message)
+
+
+
+
+
+def add_to_channel(sock,name):
+	pass
+	gmod.glob["groups"].setdefault(name,set())
+	group = gmod.glob["groups"].get(name)
+	old_group_size = len(group)
+	group.add(sock)
+	return old_group_size
+
+	# gmod.glob["groups"].setdefault
+
+def dicard_on_close(sock):
+	gmod.glob["all_ws_conn"].discard(sock)
+	for name,group in gmod.glob["groups"].items():
+		group.discard(sock)
+def discard_closed():
+	cnt = 0
+	doomed = []
+	p("~~~~~~~~~~~~~~~~~~~~~~~~~~")
+	p(gmod.glob["all_ws_conn"])
+	for en in gmod.glob["all_ws_conn"]:
+		cnt +=1
+		if not en.connected:
+			# doomed.append(en)
+			doomed += (en,)
+		p(en,cnt,en.connected)
+		# gmod.glob["all_ws_conn"].discard(en)
+	gmod.glob["all_ws_conn"].difference_update(doomed)
+	doomed_groups = []
+	groups = gmod.glob["groups"]
+	for name,group in groups.items():
+		group.difference_update(doomed)
+		if not len(group):
+			doomed_groups.append(name)
+	for name in doomed_groups:
+		print("EMPTY:",name)
+		del groups[name]
+
+	p(doomed)
+def runinfo():
+	# gmod.glob["groups"]={}
+	
+	# p("..",gmod.glob["groups"])
+
+	# return
+	# p("Q",gmod.glob["groups"])
+	for name,group in gmod.glob["groups"].items():
+		p(name,":::",len(group))
+	if app._got_first_request:
+		p(len(gmod.glob["all_ws_conn"]))
+		for en in gmod.glob["all_ws_conn"]:
+			p(en,en.connected)
+			p(hash(1),hash(2),hash(en))
+		# for e2 in dir(en):
+			# p(e2)
+		discard_closed()
+
+# empty str if no =
+# overwrites for multiple vals
+def parse_qs(s):
+	o={}
+	for param in s.split("&"):
+		kv = (*param.split("=",1),"")
+		o[kv[0]]=kv[1]
+	return o
+
+try:
+	runinfo()
+except Exception as E:
+	p("ERR:",E)
+
+class cls_abc:
+	def abc123(*a,**kw):
+		p("abc123",a,kw)
+
+gmod.gx.group_jsend = group_jsend
+gmod.gx.send_to_channel = send_to_channel
+gmod.gx.add_to_channel = add_to_channel
+gmod.gx.dicard_on_close = dicard_on_close
+gmod.gx.discard_closed = discard_closed
+gmod.gx.parse_qs = parse_qs
+
+
+
+# class flask_channels
+
+
+cnt=0
+for thread in threading.enumerate(): 
+	print(cnt,thread.name)
+	cnt+=1

rld_m3.py

@@ -0,0 +1,232 @@
+import gmod
+p=print
+
+
+# should this really be a class
+# class Eobj:pass
+
+
+gx = gmod.gx
+import json
+
+from simple_websocket import Server
+from simple_websocket.ws import Base
+
+import base64
+
+OKBLUE = '\033[94m'
+ENDC = '\033[0m'
+
+import inspect
+
+def ws_disconn(sock,*a,**kw):
+	gx.dicard_on_close(sock)
+	ending = json.dumps({
+			"type":"jm_tmp_dev_sto_rec","from":"self.channel_name",
+			"CLIENT_KEY":"ws_sto",
+			"sto_event_type": "user_disconnected",
+			"group_name":sock.slf["channel_name"],
+			"from????":sock.slf["channel_name"],
+			# "group_name":"self.group_name",
+			"channel_name":sock.slf["channel_name"],
+
+			})
+
+	p("ending:::::::::::::::::::::::::")
+	p(ending)
+
+
+	# gx.send_to_channel("all_groups",ending,"SENED")
+	gx.send_to_channel(sock.slf["group_name"],ending,"SENED")
+
+		# await self.channel_layer.group_send(self.group_name,)
+
+	# sock.send(json.dumps({"type":"jm_tmp_dev_sto_rec","from":"self.channel_name",
+	# gx.send_to_channel("all_groups",json.dumps({"type":"jm_tmp_dev_sto_rec","from":"self.channel_name",
+	# 		"CLIENT_KEY":"ws_sto",
+	# 		"sto_event_type": "user_disconnected",
+	# 		"group_name":"self.group_name",
+	# 		"channel_name":"self.channel_name",
+
+	# 		}),"sender")
+
+	# p("DISCONNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN",a,kw)
+	
+
+	pass
+
+
+
+
+def ws_conn(sock,*a,**kw):
+
+	# return
+
+	sock.slf = {}
+	sock.slf["channel_id"] = hash(sock)
+	sock.slf["channel_name"] = str(sock.slf["channel_id"])
+	sock.slf["group_name"] =  gx.parse_qs(sock.environ["QUERY_STRING"]).get("room","NO_ROOM")
+
+	gmod.glob["all_ws_conn"].add(sock)
+	
+	# gx.parse_qs
+
+	gx.add_to_channel(sock,"all_groups")
+	old_group_size = gx.add_to_channel(sock,sock.slf["group_name"])
+
+	p(OKBLUE,"ws_conn",a,kw,ENDC)
+	# return
+	sock_info(sock)
+	# my_int = sock.slf["channel_id"]
+
+
+	# p(struct.pack("<i",my_int))
+	# p(base64.b64encode(bytes(str(sock.slf["channel_id"]),"ascii")))
+	# p(sock.slf["channel_id"].to_bytes(8,"big"))
+	# p(base64.b64encode(bytes(sock.slf["channel_id"])))
+	# p(base64.b64encode((sock.slf["channel_id"]).to_bytes(1)))
+	p(sock.slf)
+	p()
+	p()
+
+
+
+	sock.send(json.dumps({
+		"CLIENT_KEY":"ws_sto",
+		"sto_event_type": "connection_info",
+		"channel_name":sock.slf["channel_name"],
+		"group_name":"group_name",
+		"z":"z",
+	}))
+
+
+	# r'''
+	sock.send(json.dumps(
+		{
+		"CLIENT_KEY": "ws_sto",
+		"group_count": old_group_size+1,
+		"sto_event_type": "group_count",
+		# "ws_conn":"???",
+
+
+		}))
+	# '''
+	# r'''
+
+	# '''
+# _check_sendfile_params
+# OKBLUE = '\033[94m'
+# ENDC = '\033[0m'
+c2 =  '\033[34m'
+c1 =  '\033[32m'
+def oinfo(o):
+	p(o)
+
+	for en in dir(o):
+		if en[:2]=="__":continue
+		attr=getattr(o,en,"NO ATTR")
+		p((en + "\t").expandtabs(21),c1,type(attr),"'\033[0m'")
+		# p(en)
+	p()
+def sock_info(sock):
+	p('\033[31m',"sock_info",ENDC)
+	p("[[")
+	oinfo(sock)
+	oinfo(sock.sock)
+	p("]]")
+	p(sock.environ)
+	for k,v in sock.environ.items():
+		p(k)
+		# p(c2,k,ENDC)
+		p(c2,v,ENDC)
+		# p(v)
+	p(sock.environ["QUERY_STRING"])
+	p(gx.parse_qs(sock.environ["QUERY_STRING"]).get("room","NO_ROOM"))
+	p(type(sock),"....")
+
+	for en in dir(sock):
+
+		# p(en)
+		# p("\033[36m",type(attr),ENDC,sep="")
+		attr=getattr(sock,en,"NO ATTR")
+		sock.sock.__class__
+
+		# p()
+
+	# p("WS.",inspect.getfile(sock.ws.__class__))
+	# p("SOCK.",inspect.getfile(sock.sock.__class__))
+	# p("SOCK.",inspect.getfile(sock.sock.send))
+
+def handle_msg(sock,txt_msg,*a,**kw):
+	# [a,kw]
+	# p(":::::",sock.environ)
+	# p("handle_msg!!!!!!!!!!!!!!!!!!",sock,txt_msg)
+	# sock_info(sock)
+	# gx.send_to_channel("all_groups",txt_msg,"sender")
+	try:
+		data = json.loads(txt_msg)
+		# gx.send_to_channel("all_groups",txt_msg,"sender")
+		# gx.group_jsend("",data,sock)
+
+
+		gx.group_jsend(sock.slf["group_name"],data,sock)
+		# gx.send_to_channel(sock.slf["group_name"],txt_msg,"sender")
+		
+
+
+		# p("J",type(data),data)
+	except Exception as Err:
+		p("handle_msg ERR:",Err)
+
+
+
+
+
+# def _custom_close(*a,**kw):
+def _custom_close(self,reason=None, message=None):
+	p("_custom_close",reason,message)
+	if True:
+		gx.ws_disconn(self,reason=reason, message=message)
+		Base.close(self,reason=reason, message=message)
+	# try:
+	# except Exception as E:
+		# p("_custom_close EXCEPTION!",E)
+
+	# p(Base.close)
+	# p(super().close(*a,**kw))
+# Base.close("self",reason="reason?", message="..message")
+Server.close =_custom_close
+
+
+
+
+def msgtest():
+	p("msgtest")
+	p(len(gmod.glob["all_ws_conn"]))
+	for en in gmod.glob["all_ws_conn"]:
+		p(en)
+		# en.close()
+		p(en.sock)
+		for en2 in dir(en.sock):pass
+			# p(en2)
+			# en.send("::CLOSE::")
+		en.send("::CLOSE::")
+
+		# p(inspect.getsource(en.sock.close))
+		# p(inspect.getfile(en.sock.close))
+
+		# en.sock.close()
+		# en.connected =0
+
+
+
+msgtest()
+
+gmod.gx.ws_disconn = ws_disconn
+gmod.gx.ws_conn = ws_conn
+gmod.gx.handle_msg = handle_msg
+
+
+# _group_msg("ZZZ",1,2,3,4,5,6)
+
+# msg="q"

rld_m4.py

@@ -0,0 +1,36 @@
+
+p=print
+# p()
+p("RLD_M4")
+
+
+
+
+def qs_test(s):
+	p(s.split("&"))
+	p("~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~")
+	o={}
+	for en in s.split("&"):
+		# z = [*en.split("=",1),"NO_ATTR"][:2]
+		# z = [*en.split("=",1),"NO_ATTR"]
+		z = (*en.split("=",1),"NO_ATTR")
+		z = (*en.split("=",1),)
+		# p([*en.split("=",1),"NO_ATTR"][:2])
+		# o
+
+		# p(":","|"+en+"|")
+		# p("]",z)
+		p(":",z[:2])
+	return o
+	pass
+
+
+
+# s = r"room=a&abc=123,a&&&&"
+s = r"room=a&abc=123,a&z"
+s = r"room=a&abc=123,a&z&&=zs&=12345678===&=p"
+
+qs_test(s)
+
+
+# p(parse_qs(s))

templates/ev_inc.css

@@ -0,0 +1,24 @@
+
+textarea{
+  display: inline;
+  width: 70%;
+
+
+}
+.evl_cnt {
+  position: relative;
+}
+
+.evl_btn3 {
+  margin-top: 1em;
+  /*margin-bottom: 1em;*/
+}
+
+
+.btn_cnt {
+  position: absolute;
+  top: 0px;
+  display: inline-block;
+  background: #eee;
+  width: 5em;
+}

templates/ev_inc.js

@@ -0,0 +1,149 @@
+clog=console.log
+
+
+function eval_txtarea(){
+	var exe = $(".eval_txt")[0].value
+	// if ()
+	var is_empty = exe.replace(/\s/g,"")
+	if (!is_empty){return}
+
+	var r = {
+		exe
+	}
+
+	// r.exe = exe
+    try {
+      // eval($(".eval_txt")[0].value)
+      r.result = eval(exe)
+      r.status = 0
+    } catch (err){
+    	r.err=err
+      r.result = err
+      console.error(err)
+      // clog(err + "...")
+      // $(".eval_result")[0].innerHTML=err+""
+      r.status = "error"
+    }
+    glob_u.data.eval_history.unshift(r)
+    $(".eval_txt")[0].value = ""
+    glob_u.data.eval_tmp = ""
+    glob_u.data.eval_index = -1
+    $(".eval_result")[0].innerHTML =r.result
+
+
+}
+
+function set_text_area(index){
+
+	if(index == -1){
+		$(".eval_txt")[0].value = glob_u.data.eval_tmp 
+	} else {
+		var o = glob_u.data.eval_history[index]
+		$(".eval_txt")[0].value = o.exe
+		if (o.status == "err"){
+
+		} else {
+
+		}
+		$(".eval_result")[0].innerHTML = `[${index}] result when run:\n` + o.result
+	}
+}
+
+function mv_eval_index(chr){
+	// if (chr == "b")
+	var eval_len = glob_u.data.eval_index.length 
+  	switch (chr){
+  		case "b":
+  		if (glob_u.data.eval_index >= eval_len-1){
+  			// no_further
+  			clog("no_further +")
+  		} else if(glob_u.data.eval_index == -1) {
+  			glob_u.data.eval_tmp = $(".eval_txt")[0].value
+  			glob_u.data.eval_index += 1
+  			set_text_area(glob_u.data.eval_index)
+
+
+  		} else {
+  			glob_u.data.eval_index += 1
+  			set_text_area(glob_u.data.eval_index)
+  		}
+  		break
+  		case "f":
+  			if (glob_u.data.eval_index == 0){
+  				glob_u.data.eval_index -= 1
+  			set_text_area(glob_u.data.eval_index)
+  			$(".eval_result")[0].innerHTML = ""
+
+  			} else if (glob_u.data.eval_index == -1){
+  			clog("no_further -")
+
+  			} else{
+  				glob_u.data.eval_index -= 1
+  			set_text_area(glob_u.data.eval_index)
+
+  			}
+  		break
+  	}
+
+}
+
+
+  function _evl_btn_h(event,node){
+  	clog("_evl_btn_h",event,node,[event,node])
+  	// clog(node.dataset.)
+  	switch (node.dataset.ev_type){
+  		case "b":
+  		clog("case b")
+  		mv_eval_index(node.dataset.ev_type)
+  		break
+  		case "f":
+  		clog("case f")
+  		mv_eval_index(node.dataset.ev_type)
+  		break
+  		case "e":
+  		clog("case e")
+  		eval_txtarea()
+  		break
+  		case "keyup":
+  		if (event.keyCode == 13){
+  		eval_txtarea()
+
+  		}
+  		clog("case keydown")
+  		break
+  	}
+
+  }
+  function _eval_h(event,node){
+  	clog("_eval_h",event,node)
+  }
+  function _eval_h2(event,node){
+
+    clog([event,node,this])
+    $(".eval_result")[0].innerHTML +="."
+    try {
+      // eval($(".eval_txt")[0].value)
+      clog("e",eval(node.value))
+    } catch (err){
+      console.error(err)
+      clog(err + "...")
+      $(".eval_result")[0].innerHTML=err+""
+    }
+
+   $(".eval_result")[0].innerHTML += event.code+ " : " + (event.shiftKey+0) + " : " + (event.altKey+0)
+  }
+
+
+
+function add_xtra_shortcut(){
+	window.m=msto
+}
+glob_u.cb.ws.reg_cb(add_xtra_shortcut,"WS_MSTO_INITED","add_xtra_shortcut")
+
+
+
+glob_u.data.eval_history = []
+
+glob_u.data.eval_index = -1
+glob_u.data.eval_tmp = ""
+

templates/fj_js.sublime-project

@@ -0,0 +1,2 @@
+{
+}

templates/index.html

@@ -3,7 +3,21 @@
 <head>
     <title>WebSocket Example</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.3/socket.io.js"></script>
+
+<script src="https://rld.jfidev.com/ign/libs/jquery-3.5.1.min.js"></script>
+
+    <script src="https://rld.jfidev.com/ign/j7/rldjs/rldjs5.js?v=139"></script>
+    <script class="rld rrld" src="https://rld.jfidev.com/ign/rls.js?c=00x"></script>
+    <script class="rld rrld_u" src="https://rld.jfidev.com/ign/rls_u.js?c=c50fb605ecc3903a40c4b4e8a41ab12c"></script>
+
+    <script class="rld" src="https://rld.jfidev.com/ign/indx/jsyncdb/qflask/qflask_dev.js?c=00x"></script>
+    
     <script type="text/javascript">
+
+
+
+
+
         var socket = io.connect('http://' + document.domain + ':' + location.port);
 
 
@@ -46,7 +60,7 @@
     </script>
 </head>
 <body>
-    <h1>WebSocket Example</h1>
+    <h1>WebSocket Example...~</h1>
     <input type="text" id="message" placeholder="Type a message">
     <button onclick="sendMessage()">Send</button>
 </body>

templates/jsync_2nd_db.js

@@ -0,0 +1,53 @@
+
+clog=console.log
+
+clog("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!")
+
+
+function jsyncdb_init_helper_v2(){
+	// clog("WS_HELPER")
+	var fns = window.glob_u.ws.fns
+	var room_name=glob_u.fns.get_room_name()
+
+	let ws_protocol = "wss:"
+	location.protocol == "https:" ?  "was already set to wss:" : ws_protocol = "ws:"
+	var o = {
+
+		include_participants_data:1, 
+		include_ws_channel_data:1, // required for participants_data to work
+		// msto.participants and msto.ws_channels will be defined in either case so we don't need to handle cases where some users enable this and some don't
+		AutoReconnect:false,
+
+
+		// the following options attributes 
+
+
+		url:'wss://' + window.location.hostname  +`/djc_srv/ws/chat/${room_name}`,
+		url: `${ws_protocol}//${location.hostname}:5000/echo_c1${location.search}`,
+		url: `${ws_protocol}//${location.hostname}:5000/echo_c1?room=a2z`,
+
+		socket_name:"a2z",
+		ord:glob_u.cb.ws,
+
+
+		methods:{
+		onmessage:fns.onmessage,
+		onclose:fns.onclose,
+		onerror:fns.onerror,
+		onopen:fns.onopen,
+		},
+
+
+		fns:{
+
+
+		},
+	}
+
+
+	var socket = window.glob_u.fns.connect_ws(o)
+	// clog({socket})
+	return socket
+}
+
+	// var socket = new WebSocket(http://127.0.0.1:5000/?room=ax3)

templates/jsync_demo.css

@@ -0,0 +1,106 @@
+code {
+background: #eee;
+  font-size: 1.05em;
+    white-space: pre-wrap;
+}
+ul{
+    white-space: normal;
+
+}
+
+
+  .code_container{
+    white-space: pre-wrap;
+  }
+
+  a{
+    margin-left: .7em;
+
+  }
+  #root_div{
+    margin-top: 1.5em;
+    margin-left: 1em;
+    display: inline-block;
+  background: #eef;
+  padding: .2em;
+  min-width: 10em;
+
+  }
+  #oops_i_lied{
+    margin-top: .7em;
+    margin-left: 1.5em;
+  }
+  body {
+  font-family:Verdana,sans-serif;
+  }
+  #templates{
+    display: none;
+  }
+
+  .db_desc {
+    display: inline-block;
+    padding-left: 1em;
+    
+    /*padding: 5em;*/
+    /*padding-left: 1em;*/
+    /*margin: 5em;*/
+  }
+
+.hidden-boundary {
+  position: absolute;
+}
+
+      .unselectable {
+        -webkit-user-select: none;
+        -webkit-touch-callout: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        color: #cc0000;
+        position: absolute;
+      }
+
+.jd_state {
+  background: #fff;
+  font-size: 1.0em;
+}
+
+
+.db_disp{
+  font-weight: bold;
+  background-color: #fff;
+  /*background-color: #fefefe;*/
+  /*background-color: #fdfdfd;*/
+}
+
+
+
+
+.wperm {
+  color: #900;
+  color: #008;
+  color: #FF8000;
+}
+
+
+.wperm2 {
+  color: #0a4;
+}
+
+
+.hide_demo .color_legend{
+  display: none;
+  
+}
+.hide_demo .db_disp{
+  display: none;
+
+}
+.hide_demo .demo_hide_btn{
+  display: none;
+
+}
+
+.show_demo .demo_show_btn{
+  display: none;
+}

templates/jsync_demo.js

@@ -0,0 +1,120 @@
+function html_info(){
+	var get_room_name = window.get_room_name || glob_u.fns.get_room_name
+
+	window?.rldi?.setint?.(400)
+	var domain_prefix = location.hostname.split(".").slice(0,-2).join(".")
+	var root_div= document.querySelector("#root_div")
+	root_div.innerHTML=""
+	var n =document.createElement("SPAN",{})
+	n.innerHTML = `<div>${domain_prefix}</div><div>room name: ${get_room_name()}</div>
+<div><span>jsyncdb:</span><span id="jsyncdb_state">uninitialized</span></div>
+	`
+	root_div.append(n)
+}
+
+
+function ds_test2(){
+	// clog("ds_test2!")
+	// window.ds_test ?ds_test():glob_u.fns.ds_test()
+	jsyncdb_init_helper()
+	// glob_u.fns.ds_test
+	// ds_test()
+}
+
+
+// 
+
+
+function jsyncdb_init_helper(){
+	// clog("WS_HELPER")
+	var fns = window.glob_u.ws.fns
+	var room_name=glob_u.fns.get_room_name()
+	// z2="z"
+
+	let ws_protocol = "wss:"
+	location.protocol == "https:" ?  "was already set to wss:" : ws_protocol = "ws:"
+
+	// location.protocol ? 
+
+	var o = {
+
+		include_participants_data:1, 
+		include_ws_channel_data:1, // required for participants_data to work
+		// msto.participants and msto.ws_channels will be defined in either case so we don't need to handle cases where some users enable this and some don't
+		AutoReconnect:false,
+
+
+		// the following options attributes 
+
+
+		url:'wss://' + window.location.hostname  +`/djc_srv/ws/chat/${room_name}`,
+		url: `wss://${location.hostname}:5000/echo_c1${location.search}`,
+		url: `${ws_protocol}//${location.hostname}:5000/echo_c1${location.search}`,
+		// o.url = 
+		socket_name:"ws1",
+		ord:glob_u.cb.ws,
+
+
+		methods:{
+		onmessage:fns.onmessage,
+		onclose:fns.onclose,
+		onerror:fns.onerror,
+		onopen:fns.onopen,
+		},
+
+
+		fns:{
+
+
+		},
+	}
+
+	var socket = window.glob_u.fns.connect_ws(o)
+	// clog({socket})
+}
+
+
+
+
+
+// if 
+
+window.dev_flag = 1
+addEventListener("load",html_info)
+
+addEventListener("load",ds_test2)
+
+
+function update_ui(o,scope,info){
+	var clog =console.log
+	clog("update_ui",{o,scope,info})
+	// hard coding stuff that will probably change here
+	switch(info.hkey) {
+		case "WS_OPEN:":
+		$("#jsyncdb_state").text("connecting...")
+		break;
+		case "WS_CLOSE:":
+		$("#jsyncdb_state").text("disconnected")
+		break;
+		case "WS_MSTO_INITED":
+		$("#jsyncdb_state").text("connected")
+		break;
+		default:
+	}
+ 
+
+}
+
+// function get_room_name() {
+// 	// return "room/name"
+// 	return "room_name"
+// }
+
+glob_u.cb.ws.reg_cb(update_ui,"WS_OPEN:","update_ui")
+glob_u.cb.ws.reg_cb(update_ui,"WS_CLOSE:","update_ui")
+glob_u.cb.ws.reg_cb(update_ui,"WS_MSTO_INITED","update_ui")
+
+// addEventListener("load",db_display)
+
+// msto.example = {key:"val",z:"undefined"}
+// clog("??")

templates/jsync_demo_db_only.js

@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+function jsyncdb_init_helper(){
+	// clog("WS_HELPER")
+	var fns = window.glob_u.ws.fns
+	var room_name=glob_u.fns.get_room_name()
+	var o = {
+
+		include_participants_data:1, 
+		include_ws_channel_data:1, // required for participants_data to work
+		// msto.participants and msto.ws_channels will be defined in either case so we don't need to handle cases where some users enable this and some don't
+		AutoReconnect:false,
+
+
+		// the following options attributes 
+
+		
+		url:'wss://' + window.location.hostname  +`/djc_srv/ws/chat/${room_name}`,
+		socket_name:"ws1",
+		ord:glob_u.cb.ws,
+
+
+		methods:{
+		onmessage:fns.onmessage,
+		onclose:fns.onclose,
+		onerror:fns.onerror,
+		onopen:fns.onopen,
+		},
+
+
+		fns:{
+
+
+		},
+	}
+
+	var socket = window.glob_u.fns.connect_ws(o)
+	// clog({socket})
+}
+// window.dev_flag = 1
+function set_rldi_int(){
+	window?.rldi?.setint?.(400)
+}
+addEventListener("load",set_rldi_int)
+jsyncdb_init_helper()
+
+// window?.rldi?.setint?.(400)
+// window.rldi.setint(400)
+// clog("????")

templates/jsync_dep.js

@@ -0,0 +1,113 @@
+
+// window.w = window.w || {}
+
+
+// w.clog = console.log
+var clog = console.log
+// var clog = w.clog
+
+// clog("??")
+function nop(){}
+
+window.glob_u = window.glob_u || {
+	cb:{},
+	fns:{},
+	cls:{},
+	tvar:{},
+	data:{},
+	prom:{},
+	rrefs:{},
+	xj:{},
+	templates:{},
+}
+
+glob_u.fns.gen_sort_attr = function gen_sort_attr(attr){
+	return function gsort(a0,a1){
+		if (a0[attr] > a1[attr]){
+		return 1
+		} else if (a0[attr] < a1[attr]){
+		return -1
+		} else {
+		return 0
+		}
+	}
+}
+glob_u.fns.find_attr = function find_attr(elm,indx,arr){
+	if (elm && elm[this.attr] == this.val){
+		return 1
+	}
+}
+
+glob_u.fns.splice_out = function splice_out(arr,elm){
+	let i = arr.indexOf(elm)
+	if (i != -1){
+		return arr.splice(i,1)
+	}
+}
+
+
+
+function jclone(obj){
+	return Array.isArray(obj) ?  $.extend(true,[],obj) :  $.extend(true,{},obj)
+}
+function jx(obj){
+	return JSON.parse(JSON.stringify(obj))
+}
+
+function jclone_rval(obj){
+	if (typeof(obj) != "object"){
+		return obj
+	} else if (Array.isArray(obj)) {
+		return $.extend(true,[],obj)
+	} else {
+		return $.extend(true,{},obj)
+	}
+
+}
+
+// window.jc = jclone
+window.jc = jclone_rval
+
+
+
+
+
+// TODO:JFI eventually merge 
+// j9\dev_dep\misc_dev.js
+
+glob_u.fns.gen_ord_decs = function(ord,cb_prefix){
+	var reg_cb = function(cb,key_name,cb_name,override_level,push){
+		return ord.reg_cb(cb,cb_prefix+key_name,cb_name,override_level,push)
+	}
+
+	var run_cbs_lz = function(key,arg_obj,lazy=1){
+		if (lazy && cb_prefix+key in ord.cb_sto){
+			return ord.run_cbs(cb_prefix+key,arg_obj)
+		}
+	}
+	var run_cbs = function(key,arg_obj){
+			return ord.run_cbs(cb_prefix+key,arg_obj)
+		// split out later maybe?
+	}
+	function req_batch_run(key,arg_obj,combine){
+			return ord.req_batch_run(cb_prefix+key,arg_obj)
+
+	}
+
+	reg_cb.ord = ord
+	reg_cb.cb_prefix = cb_prefix
+	run_cbs.ord = ord
+	run_cbs.cb_prefix = cb_prefix
+
+	run_cbs_lz.ord = ord
+	run_cbs_lz.cb_prefix = cb_prefix
+	return {reg_cb,run_cbs,run_cbs_lz,req_batch_run}
+}
+
+
+// duplicated in jdev0
+glob_u.fns.merge_partial_template = function merge_partial_template(main,template){
+	let t = $.extend(true,{},template,main)
+	return $.extend(true,main,t)
+}
+

templates/jsync_init.js

@@ -0,0 +1,299 @@
+function pfnf(o){
+	return  function(resolve, reject){
+		o.resolve=resolve
+		o.reject=reject
+	}
+}
+
+msto_z = {
+	conference:{
+		events:{},
+	},
+	participants:{},
+	ws_channels:{},
+}
+
+
+
+
+
+
+var DBL_Proxy0 = {
+	set(obj, prop, val,receiver){
+		clog({obj, prop, val,receiver})
+		// return Reflect.set(...arguments)
+	
+
+		if (Object.getOwnPropertyNames(obj).includes(prop)){
+		return Reflect.set(...arguments)
+
+	} else {
+		return obj._wrapped_proxy[prop]=val
+		// return Reflect.set(...arguments)
+		
+	}
+
+
+	},
+	get(obj, prop,receiver){
+		clog({obj, prop,receiver},Object.getOwnPropertyNames(obj))
+		if (Object.getOwnPropertyNames(obj).includes(prop)){
+		return Reflect.get(...arguments)
+
+	} else {
+		return obj._wrapped_proxy[prop]
+		// return Reflect.get(...arguments)
+
+	}
+	},
+}
+
+
+
+
+
+
+var DBL_Proxy1 = {
+	set(obj, prop, val,receiver){
+		// clog({obj, prop, val,receiver})
+		// return Reflect.set(...arguments)
+	
+
+		if (Object.getOwnPropertyNames(pf.dbl_proxy_obj).includes(prop)){
+		// if (Object.getOwnPropertyNames(obj).includes(prop)){
+		return pf.dbl_proxy_obj[prop]=val
+
+	} else {
+		return Reflect.set(...arguments)
+		// return Reflect.set(...arguments)
+		
+	}
+
+
+	},
+	get(obj, prop,receiver){
+		// clog({obj, prop,receiver},Object.getOwnPropertyNames(obj))
+		if (Object.getOwnPropertyNames(pf.dbl_proxy_obj).includes(prop)){
+
+		return pf.dbl_proxy_obj[prop]
+	} else {
+		return Reflect.get(...arguments)
+		// return Reflect.get(...arguments)
+
+	}
+	},
+}
+
+
+
+
+
+var DBL_Proxy = {
+	set(obj, prop, val,receiver){
+		// clog({obj, prop, val,receiver})
+		// return Reflect.set(...arguments)
+	
+
+		if (Object.getOwnPropertyNames(pf.dbl_proxy_obj).includes(prop)){
+		// if (Object.getOwnPropertyNames(obj).includes(prop)){
+		return pf.dbl_proxy_obj[prop]=val
+
+	} else {
+		return obj[prop] = val
+		// TODO: make sure this proxy doesn't cause other similar bugs
+		// return Reflect.set(...arguments)		
+	}
+
+
+	},
+	getOwnPropertyDescriptor(obj, prop){
+		if (Object.getOwnPropertyNames(pf.dbl_proxy_obj).includes(prop)){
+
+		return Reflect.getOwnPropertyDescriptor(pf.dbl_proxy_obj, prop)
+		} else {
+		return Reflect.getOwnPropertyDescriptor(obj, prop)
+
+		}
+	},
+	get(obj, prop,receiver){
+		// clog({obj, prop,receiver},Object.getOwnPropertyNames(obj))
+		if (Object.getOwnPropertyNames(pf.dbl_proxy_obj).includes(prop)){
+
+		return pf.dbl_proxy_obj[prop]
+	} else {
+		return Reflect.get(...arguments)
+		// return Reflect.get(...arguments)
+
+	}
+	},
+  ownKeys(target) {
+    var target_keys = Reflect.ownKeys(target);
+    var extra_keys = Reflect.ownKeys(pf.dbl_proxy_obj);
+    // clog("ownKeys",{target_keys,extra_keys})
+  	
+    return [...target_keys,...extra_keys]
+  },
+}
+
+
+
+
+
+
+
+
+function init_db(objx){
+	// clog("init_db~")
+	trc_sto("init_db",{})
+	glob_u.prom.init_db_resolve.resolved=1
+	var glob_mx = glob_u.data
+		var obj
+		// clog("init_dbx",objx,{arguments,that:this})
+	if (objx.participants){
+		obj = objx
+	} else {
+		obj = objx.pl
+	}
+
+	// clog("INIT DB...",objx,obj,jc({obj,objx}))
+pf = new Proxy_Permissions({},"pf")
+msto_prx = new Proxy(obj,pf)
+window.msto_prx=msto_prx
+// window.msto_prx0 =msto_prx
+pf.init(msto_prx)
+msto_prx.walker_start(msto_prx)
+glob_mx.init_db=true
+
+// TODO:JFI make msto a class instance maybe
+   /*
+window.msto = {
+	...pf.root,
+	// participants:pf.root.participants,
+	// conference:pf.root.conference,
+	// my_data:pf.root.participants[glob_mx.local_id],
+
+		get my_channel(){
+			return msto.ws_channels[get_ws_channel_name()]
+			// my_data("pfx get k1")
+		},
+		set my_channel(val){
+			clog("pfx set my_channel")
+			msto.ws_channels[get_ws_channel_name()] = val
+		},
+
+
+		get my_data(){
+			return msto.participants[get_local_sto_id()]
+		},
+		set my_data(val){
+			clog("pfx set my_data")
+			msto.participants[get_local_sto_id()] = val
+
+		},
+
+
+	private_local:{},
+}
+     // */
+// window.msto
+
+var dbl_proxy_obj = {
+	// _wrapped_proxy:pf.root,
+	// _wrapped_proxy2:pf.root,
+		get my_channel(){
+			return msto.ws_channels[get_ws_channel_name()]
+			// my_data("pfx get k1")
+		},
+		set my_channel(val){
+			clog("pfx set my_channel")
+			msto.ws_channels[get_ws_channel_name()] = val
+		},
+
+
+		get my_data(){
+			return msto.participants[get_local_sto_id()]
+		},
+		set my_data(val){
+			clog("pfx set my_data")
+			msto.participants[get_local_sto_id()] = val
+
+		},
+		private_local:{},
+
+
+}
+pf.dbl_proxy_obj=dbl_proxy_obj
+
+
+// window.dbl_proxy=new Proxy(dbl_proxy_obj, DBL_Proxy)
+// window.msto=new Proxy(dbl_proxy_obj, DBL_Proxy)
+window.msto=new Proxy(msto_prx, DBL_Proxy)
+
+
+}
+
+
+
+
+
+function handle_pre_init_msgs(){
+	// clog("handle_pre_init_msgs")
+	var k,v,i
+	var _o
+	glob_u.prom.init_db_resolve.resolved_inited = 1
+	for (v of glob_u.ws.sockets.ws1.pre_init_msgs){
+		if (v.data.sto_event_type == "set_msg"){
+			msto.my_data.rehandle=1
+			_o={...v,data:jc(v.data)}
+			mhndlr_rld_2(_o,{type:"rehandle"})
+		}
+	}
+	glob_u.prom.init_db_resolve.resolved_inited = 2
+}
+
+function ws_sto_connected(a,b){
+
+	glob_u.cb.ws.run_cbs("WS_MSTO_INITED")
+
+handle_pre_init_msgs()
+	// clog("ws_sto_connected",a,b,this)
+}
+
+
+function init_mu(){
+
+	var k,v
+
+	var rr = {}
+	var prom1 = new Promise(pfnf(rr));
+	prom1.then(init_db).then(ws_sto_connected)
+	glob_u.prom.init_db_resolve_timeout_arg = {aaa:"timedout",pl:msto_z}
+
+	setTimeout(rr.resolve,5000,glob_u.prom.init_db_resolve_timeout_arg)
+	var rn = ((Math.random()+"").replace("0.","") - 0).toString(16)
+
+	tmsgx4({sto_event_type:"db_sync_request","CLIENT_KEY":"ws_sto",request_rn:rn})
+	glob_u.prom.init_db_resolve = rr.resolve
+	glob_u.prom.init_db_resolve.rn = rn
+
+}
+
+
+function ord_init_once(o,scope,info){
+	// clog("ord_init_once:",{o,scope,info})
+	init_mu()
+
+	// info.cbs[info.k].remove_after_exe = 1 
+}
+
+glob_u.cb.ws.reg_cb(ord_init_once,"WS_OPEN:","ord_init_once")
+function ds_test(){
+	glob_u.cb.ws.reg_cb(ord_init_once,"WS_OPEN:","ord_init_once")
+	ws_reload()
+}
+
+
+
+glob_u.fns.ds_test=ds_test
+
+

templates/jsync_lib_template.js

@@ -0,0 +1,35 @@
+"use strict";
+
+(function (){
+var isProxy,tlu,msto_z
+var pf,msto_prx
+
+
+// jsync:dep.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_dep}}}
+// jsync:ord.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_ord}}}
+// jsync:ws.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_ws}}}
+// jsync:sto.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_sto}}}
+// jsync:init.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_init}}}
+
+// jsync:test.js
+// ------------------------------------------------------------------------------------------------
+{{{jsync_test}}}
+
+
+
+// glob_u.fns.get_room_name=get_room_name
+// window.ds_test=ds_test
+// glob_u.fns.ds_test=ds_test
+// window.msto_prx=msto_prx
+
+})()

templates/jsync_ord.js

@@ -0,0 +1,217 @@
+
+
+{
+
+
+
+var dflt_opts = {
+	// sort_fn:gen_sort_attr("override_level"),
+	sort_fn:glob_u.fns.gen_sort_attr("override_level"),
+	log_level:0,
+	// ns:"",
+}
+
+
+
+
+
+class BoundObj{
+	constructor(){
+		this.init()
+	}
+
+    init(){
+        let k,v,i,j
+        for ([k,v] of Object.entries(Object.getOwnPropertyDescriptors(this.__proto__))){
+            if (k.endsWith("_ub") && typeof(v.value) == "function"){
+                // clog("UB",k,k.slice(1,-3))
+                j = v.value.bind(this)
+                j.meta_str = "bound_fn"
+                this[k.slice(1,-3)] = j
+            }
+        }
+        
+
+    }
+    /*
+	mx2_ub(){
+		clog("Mx2")
+	}
+    */
+
+
+}
+function resolveNow(){}  
+async function resolveSoon(){}  
+
+
+// class reg_cb_ord{
+class reg_cb_ord extends BoundObj{
+	// con
+	constructor(opts){
+		super()
+		this.opts = Object.assign({},dflt_opts,opts)
+		this.r = Object.assign(this,dflt_opts,opts)
+
+		// this.sort_fn = this.opts
+
+		this.cb_sto = {}
+		this.batch = {}
+		this._orig_opts = opts
+		// clog("v2 ",this)
+	}
+
+	_promise_test_ub(arg1){
+		// clog()
+		console.log("promise_test",{that:this,arg1})
+		// console.log("promise_test",{that:this,opts:this.opts,arg1})
+	}
+	promise_test_init(){
+		var p = new Promise((resolve,reject)=>{
+			resolve("Promise.~")
+		})
+		p.then(this.promise_test)
+
+		console.log("promise_test_init",{that:this,opts:this.opts})
+
+	}
+	_batch_run_ub(){
+		this.batch.WillRun = false
+		var batched_events = this.batch.batched_events
+		var i,k,v
+		for ([k,v] of Object.entries(batched_events.combinable)){
+			this.run_cbs(v.key,v.arg_obj)
+		}
+		for ([k,v] of Object.entries(batched_events.unique)){
+			this.run_cbs(v.key,v.arg_obj)
+		}
+			this.batch.batched_events = {
+				combinable:{},
+				unique:[],
+			}
+	
+	}
+
+	_req_batch_run_ub(key,arg_obj,combine){
+		if (this.batch.WillRun != true) {
+			this.batch.WillRun = true
+			this.batch.batched_events = {
+				combinable:{},
+				unique:[],
+			}
+			new Promise((resolve,reject)=>{
+				resolve("Promise.~")
+			}).then(this.batch_run)
+
+		}  
+		if (this.batch.WillRun == true){
+			if (combine){
+				this.batch.batched_events.combinable[key] = {key,arg_obj,combine}
+			} else {
+				this.batch.batched_events.unique.push({key,arg_obj,combine})
+	
+			}
+		}
+		if (!(this.batch.WillRun == true ||this.batch.WillRun == false )){
+			console.error("::")
+			throw "req_batch_run err"
+		}
+	}
+
+	_reg_cb_ub(cb,key_name,cb_name,override_level = 100,push=1){
+
+		if (typeof(cb) != "function"){
+			console.error("callback is not a function. setting push=r","\ncb:",cb)
+			push = "r"
+			// console.error("callback:",cb," is not a function")
+		}
+		// var this.cb_sto = {}
+		var cb_sort = nop
+	
+		if (!this.cb_sto[key_name]){
+			this.cb_sto[key_name] = []
+		}
+		// this.cb_sto[key_name].find(find_html_cb,{fn_key:cb_name})
+		// splice_out_ti(this.cb_sto[key_name],this.cb_sto[key_name].find(find_html_cb,{fn_key:cb_name}))
+		// var cbo0= this.cb_sto[key_name].find(glob_td.fn.find_html_cb,{fn_key:cb_name})
+		// var cbo0= this.cb_sto[key_name].find(find_attr,{fn_key:cb_name})
+		var cbo0= this.cb_sto[key_name].find(glob_u.fns.find_attr,{attr:"fn_key",val:cb_name})
+		// clog(cbo0)
+		glob_u.fns.splice_out(this.cb_sto[key_name],cbo0)
+		// tn2t.arr.
+	
+		// splice_out_cb
+		let cb_obj = {
+			cb,
+			hkey:key_name,
+			fn_key:cb_name,
+			override_level,
+		}
+		if (push=="r"){
+	
+		} else if (push){
+			this.cb_sto[key_name].push(cb_obj)
+		} else {
+			this.cb_sto[key_name].unshift(cb_obj)
+		}
+		this.cb_sto[key_name].sort(this.sort_fn)
+
+
+	}
+	_run_cbs_ub(key,arg_obj){
+	
+		var k,v
+		var o = {
+			// html_key:key,cbs:glob_mx.html_cb[key],
+		}
+	
+			// dlog("RUN_HOOK_CB??",key,glob_mx.hook_cb[key])
+			// clog("ORD:RUN",key,arg_obj)
+		try {
+	
+			this.opts.log_level  ? clog("run_cbs",arg_obj,o,{that:this,hkey:key,cbs:this.cb_sto[key]}) : 0
+			var rmv_fns = []
+	
+	
+		for ([k,v] of Object.entries(this.cb_sto[key]|| {}) ) {
+			// dlog("RUN_HOOK_CB:",k)
+			// clog("run_html_cbs:",k,v)
+
+			this.opts.log_level > 1 ? clog("run_cbs_e",arg_obj,o,{that:this,hkey:key,cbs:this.cb_sto[key],k,v}) : 0
+			v.cb(arg_obj,o,{that:this,hkey:key,cbs:this.cb_sto[key],k,v})
+			if (v.remove_after_exe){
+				rmv_fns.push(v)
+			}
+			// v(o)
+		}
+
+		for ([k,v] of Object.entries(rmv_fns|| {}) ) {
+			glob_u.fns.splice_out(this.cb_sto[key],v)
+		}
+
+
+
+
+		// return {arg_obj,o,{that:this,hkey:key,cbs:this.cb_sto[key]}}
+		return {arg_obj,o,info:{that:this,hkey:key,cbs:this.cb_sto[key],rmv_fns}}
+		} catch(err){
+			console.error("ti_v_cb err:",err)
+		}
+
+	}
+
+}
+
+window.glob_u.cls.reg_cb_ord = reg_cb_ord
+
+
+
+
+
+
+}
+
+
+
+
+

templates/jsync_sto.js

@@ -0,0 +1,396 @@
+// FILE:DS0
+var Proxy_Permissions,Proxy_Factory
+
+function mhndlr_rld_2(_o,scope,info){
+	var dlog =nop
+	try {
+		var parsed = _o.data
+		var o = parsed.payload
+		// clog("mhndlr_rld",parsed.sto_event_type,parsed,{_o,scope,info})
+		if (window.mhndlr_rld_dbg){
+			mhndlr_rld_dbg({m,that,n,parsed,ai,o,arguments})
+		}	
+
+		switch (parsed.sto_event_type){
+			case "set_msg":
+			// if (!glob_u.prom.init_db_resolve.resolved){
+			if (!glob_u.prom.init_db_resolve.resolved_inited){
+				_o.event.target.pre_init_msgs.push(_o)
+			}
+				pf._set_recv(o.path,o.key,o.val)
+				// clog("msto_evh?ord")
+				glob_u.fns.msto_evh ? glob_u.fns.msto_evh(o,parsed) : 0
+				
+			break;
+			case "group_count":
+				// clog("mhndlr_rld group_count",parsed)
+				if (parsed.group_count < 2){
+				// clog("mhndlr_rld group_count RESOLVE")
+					glob_u.prom.init_db_resolve(glob_u.prom.init_db_resolve_timeout_arg)
+
+				}
+			break;
+			case "event":
+			/*
+				dlog("~event~",parsed)
+				if (window.dispatch_events){
+				dispatch_events({parsed,ai,m,that})
+				}
+			*/
+			break;
+			case "msg_test":
+				dlog("msg_test",parsed)
+			break;
+			case "db_sync_request":			
+				// tmsgx4({sto_event_type:"db_sync_response",payload:pf.root,"CLIENT_KEY":"ws_sto"})
+				// if (glob_u.prom.init_db_resolve.resolved){
+				if (glob_u.prom.init_db_resolve.resolved_inited == 2){
+
+				tmsgx4({sto_event_type:"db_sync_response",payload:jc(pf.root),request_from:parsed.from,request_rn_from:parsed.request_rn,"CLIENT_KEY":"ws_sto"})
+				}
+
+			break;
+			case "db_sync_response":
+
+					if (glob_u.prom.init_db_resolve && parsed.request_rn_from  == glob_u.prom.init_db_resolve.rn){
+						glob_u.prom.init_db_resolve({aaa:"dsr",pl:parsed.payload})
+					}
+				// clog("db_sync_response",parsed)
+			break;
+
+		}
+	} catch (err) {
+		clog("mhndlr err:",err)
+	}
+}
+
+
+glob_u.fns.msto_evh = function(o,parsed,ai,id){
+	// clog("ord_msto_evh")
+	if (o.path[0]!="conference" || o.path[1]!="events"){
+		return
+	}
+	glob_u.cb.ws.STO_EVENT.run_cbs(":STO_EVENT",{o,parsed,ai,id})
+	if (typeof(o.val) == "object"){
+		glob_u.cb.ws.STO_EVENT.run_cbs(o.val.type,{o,parsed,ai,id})
+	}
+}
+
+glob_u.cb.ws.reg_cb(mhndlr_rld_2,"WS_MESSAGE:ws_sto","WS_MESSAGE:ws_sto")
+
+
+
+
+
+
+
+
+// FILE:DS1
+
+
+
+
+
+
+var dlog = nop
+
+function tmsgx4(m){
+	var socket = glob_u.ws.sockets.ws1
+	var jsend = socket.params.fns.jsend
+	var t = {
+		key:"tmp_dev_sto",
+	}
+	glob_u.fns.merge_partial_template(m,t)
+	// clog("tmsgx4",{key:m.key,sto_event_type:m.sto_event_type,CLIENT_KEY:m.CLIENT_KEY},{m,t})
+	trc_sto("tmsgx4",m)
+	jsend(m)
+}
+
+
+isProxy = Symbol("isProxy")
+
+
+tlu = {
+	object:"",
+	string:true,
+	number:true,
+	undefined:true,
+	boolean:true,
+}
+
+
+
+
+function type_info(o){
+	try {
+
+	var t
+	var flags = {
+		leaf:false,
+		deep_not_prx:false,
+		prx:false,
+		isObj:false,
+		isArr:false,
+		els:false,
+	}
+	t = typeof(o)
+	flags.t=t
+	if (!(o === null)){
+		flags.isArr = Array.isArray(o)
+		flags.isObj = Object.prototype == o.__proto__
+	}
+
+	if (tlu[t] === true || o === null){
+		flags.leaf = true
+	} else if (t == "object" && o.__prx){
+		flags.prx = true
+	} else if (t == "object" && (flags.isArr || flags.isObj)){
+		flags.prx = false
+		flags.deep_not_prx = true
+	} else {
+		clog("ELSE")
+		flags.els = true
+	}
+	return flags
+	} catch (err){
+		clog("type_info err:",err,{flags,o})
+	}
+}
+
+
+function deep_prop_v0(o,p){
+	try {
+	var arr = jc(p)
+	var ret = o
+	while (arr.length){
+		ret = ret[arr.shift()]
+	}
+	return ret
+	} catch(err){console.error("DEEP_PROP ERR:",err)}
+}
+
+
+
+
+// delete Proxy_Factory
+// {
+
+Proxy_Factory = class Proxy_Factory {
+	constructor(o,n="dflt"){
+		this.db = o
+		this.n = n
+		this.hidden_props = ["add_proxy","_set","walker","walker_start","prxy"]
+		this._pub_cb =[]
+		this.__prx = true
+		this.SymPrx = Symbol("SymPrx")
+	}
+	init(o){
+		this.root = o
+	}
+	sync(o){
+		this.root = jc(o.root)
+		o._pub_cb.push(this._set_recv.bind(this))
+	}
+	get prxy(){
+		return this
+	}
+
+	_set(o,k,v,prx,a0){
+		this.obj[k]=prx
+	}
+	set_pub(obj, prop, val,receiver){
+		this._set_pub(obj.__path_arr, prop, jx(val))
+	}
+	_set_pub(path,key,val){
+		var k,v
+			var arg = {
+				"CLIENT_KEY":"ws_sto",
+				"sto_event_type":"set_msg",
+				"payload":{path,key,val},}
+
+			tmsgx4(arg,
+			)
+		for (v of this._pub_cb){
+			v(path,key,val)
+
+		}
+	}
+
+	_set_recv(path,prop,val,id){
+
+		var p = path
+		var nprop = deep_prop_v0(this.root,p)
+		var dpth = nprop.__dpth
+		if (tlu[typeof(val)]){
+		nprop._set(nprop,prop,val,val)
+		} else {
+		nprop._set(nprop,prop,val,new Proxy(val,this))
+		nprop[prop].add_proxy(nprop,prop,val,dpth+1)
+		}
+		this.walker(nprop[prop],{},dpth+2)
+	}
+
+	set(obj, prop, val,receiver){
+		if (obj[prop] === val){
+			return Reflect.set(...arguments)
+		}
+
+		this.set_pub(obj, prop, val,receiver)
+		this.event_proc("set")
+
+		if ("__prx" == prop){
+			this.__prx=val
+			return this.__prx
+		}
+
+		if (typeof(val) === "object" && val != null && !(val.__prx)){
+			var ret = Reflect.set(...arguments)
+			this.set_obj(obj, prop, val,receiver)
+			return ret
+		}
+
+		return Reflect.set(...arguments)
+	}
+	get(obj, prop,receiver){
+		if (this.hidden_props.includes(prop)){
+			switch (prop){
+				case "add_proxy":
+				return this.add_proxy.bind(this)
+			break;
+				case "prxy":
+				return this
+				case "_set":
+				return this._set.bind({that:this,obj, prop,receiver})
+				case "walker_start":
+				return this.walker_start
+				case "walker":
+				return this.walker
+			break;
+			}
+		}
+
+		if (isProxy == prop){ return true }
+		if ("__prx" == prop){ return this.__prx }
+
+		return Reflect.get(...arguments)
+	}
+	add_proxy(o,k,v,dpth){
+		var xpath = o.__path
+		var apath = o.__path_arr
+		this.event_proc("add_proxy")
+		if (!apath){
+			apath=[]
+		}
+
+		if (!xpath){
+			xpath="ROOT!"
+		}
+
+		Object.defineProperty(v,"__path_arr",Object.assign({value:apath.concat(k),},this.baseProp))
+		Object.defineProperty(v,"__path",Object.assign({value:xpath+":"+k,},this.baseProp))
+		Object.defineProperty(v,"__dpth",Object.assign({value:dpth,},this.baseProp))
+		// Object.defineProperty(v,"__dbg",Object.assign({value:{},},this.baseProp))
+
+	}
+	set_obj(obj, prop, val,receiver){
+		var dpth = obj.__dpth
+		var tf = {}
+		var dbg_obj = {}
+		this.walker(receiver,tf,dpth,dbg_obj)
+		if (dbg_obj.depth_err){
+			clog("MAX DEPTH?",dbg_obj,{obj, prop, val,receiver})
+		}
+	}
+
+	walker(o,tfo,dpth=0,dbg_obj={"t":"unused"}){
+		// if (dpth > 7){
+		if (dpth > 15){
+			dbg_obj.depth_err=1
+			console.error("MAX DEPTH",{o,tfo,dpth,dbg_obj})
+			return
+		}
+		var k,v
+		var tf
+			for ([k,v] of Object.entries(o)){
+				tf = type_info(v)
+				if (tf.deep_not_prx){
+					o._set(o,k,v,new Proxy(v,this.prxy))
+					o[k].add_proxy(o,k,v,dpth)
+				this.walker(o[k],tf,dpth+1,dbg_obj)
+				}
+			}
+	}
+	walker_start(o,dpth){
+		var tf = type_info(o)
+		o.add_proxy({},[],o,-1)
+		this.walker(o,tf,0)
+	}
+	event_proc(e){}
+}
+window.Proxy_Factory = Proxy_Factory
+
+Proxy_Factory.prototype.baseProp={
+	writable: true,
+	enumerable: false,
+	// enumerable: true,
+	configurable: true,
+	}
+// }
+
+
+
+
+function arr_match(m,o){
+	var k,v
+	var r = 0
+	for ([k,v] of Object.entries(m || {})){
+		if (o[k] != v.valueOf()){
+			r += 1
+			return !r
+		}
+	}
+	return !r
+}
+
+// permissions_def = {
+window.permissions_def = window.permissions_def || {
+	participants:{
+		m:["participants"],
+		fn(set_scope,match){
+
+			if (match.fp[1] == "rejx")
+				throw "permission err"
+			return
+		},
+	}
+}
+
+
+
+// {
+Proxy_Permissions = class Proxy_Permissions extends Proxy_Factory {
+		constructor(a,a1){
+			super(...arguments)
+		}
+		set(obj, prop, val,receiver){
+			var k,v
+			var r
+			var matched
+			var fp = obj.__path_arr.concat(prop)
+			for ([k,v] of Object.entries(permissions_def)){
+				matched = arr_match(v.m,fp)
+				if (matched){
+					r = v.fn({that:this,obj, prop, val,receiver},{fp,k,v}) || {}
+				}
+			}
+			return super.set(obj, prop, val,receiver)
+		}
+		_set(){
+			super._set(...arguments)
+		}
+	}
+	window.Proxy_Permissions = Proxy_Permissions
+// }
+
+
+// clog("???")

templates/jsync_test.js

@@ -0,0 +1,261 @@
+
+// clog("/////////")
+
+// msto_sc_proxy
+// permissions_def
+// connection_info_handler
+
+//      /*
+function get_local_sto_id(){
+	return glob_u.data.jsync_local_id
+}
+function get_session_sto_id(){
+	return glob_u.data.jsync_session_id
+}
+
+function get_ws_channel_name(){
+	return glob_u.data.channel_name
+
+}
+
+function gen_djc_srv_id(){
+	// I don't know how often this will generate duplicates
+
+	var djc_srv_id = localStorage.djc_srv_id
+	var djc_srv_id_vers =  localStorage.djc_srv_id_vers
+	const current_id_vers = 0.0
+	if (Number(djc_srv_id_vers) < current_id_vers || !(djc_srv_id)){
+		clog("????")
+		localStorage.djc_srv_id = ((Math.random()+"").replace("0.","") - 0).toString(16)
+		localStorage.djc_srv_id_vers = current_id_vers
+	}
+	glob_u.data.djc_srv_id = localStorage.djc_srv_id
+	clog("djc_srv_id:",{version:localStorage.djc_srv_id_vers,id:localStorage.djc_srv_id})
+
+}
+
+
+
+function init_msto_user_data(o,scope,info){
+	var ws_channel_name = get_ws_channel_name()
+
+
+	var local_sto_id = get_local_sto_id()
+	// clog("init_msto_user_data???",{local_sto_id,ws_channel_name,o,scope,info})
+	if (!glob_u.ws.sockets.ws1.params.include_ws_channel_data){return}
+	msto.ws_channels[ws_channel_name]=msto.ws_channels[ws_channel_name] || {id:local_sto_id}
+
+
+	if (!glob_u.ws.sockets.ws1.params.include_participants_data){return}
+	msto.participants[local_sto_id]=msto.participants[local_sto_id] || {}
+	// clog("init_msto_user_dataw???")
+
+
+
+
+}
+
+glob_u.cb.ws.reg_cb(init_msto_user_data,"WS_MSTO_INITED","init_msto_user_data")
+
+
+window.permissions_def = window.permissions_def || {
+	participants:{
+		m:["participants"],
+		fn(set_scope,match){
+
+			if (match.fp[1] == "rejx")
+				throw "permission err"
+			return
+		},
+	}
+}
+//     */
+// jsync_local_id
+// jsync_local_vers
+// jsync_session_id
+// jsync_session_vers
+// jsync_id
+// jsync_vers
+
+
+
+window.permissions_def = {
+	participants:{
+		m:["participants"],
+		fn(set_scope,match){
+			if (match.fp[1] != get_local_sto_id()){
+				console.error("permission err:participants",set_scope,match)
+				// console.trace("permission err:participants")
+				throw "permission err"
+			}
+			return
+		},
+	},
+	ws_channels:{
+		m:["ws_channels"],
+
+		fn(set_scope,match){
+			if (match.fp[1] != get_ws_channel_name()){
+				console.error("permission err:ws_channels",set_scope,match)
+				throw "permission err"
+			}
+		}
+	},
+}
+
+
+
+window.permissions_def0 = {
+	/*
+	ws_channels:{
+		m:["ws_channels"],
+
+		fn(set_scope,match){
+			if (match.fp[1] != window.glob_u.data.channel_name){
+				console.error("permission err:ws_channels",set_scope,match)
+				throw "permission err"
+			}
+		}
+	},
+	*/
+
+	user_channels:{
+		m:["user_channels"],
+
+		fn(set_scope,match){
+			if (match.fp[1] != get_ws_channel_name()){
+				console.error("permission err:user_channels",set_scope,match)
+				throw "permission err"
+			}
+		}
+	},
+
+
+	user_data_sessions:{
+		m:["user_data_sessions"],
+		fn(set_scope,match){
+			if (match.fp[1] != get_session_sto_id()){
+				console.error("permission err:user_data_sessions",set_scope,match)
+				// console.trace("permission err:participants")
+				throw "permission err"
+			}
+			return
+		},
+	},
+	user_data_local:{
+		m:["user_data_local"],
+		fn(set_scope,match){
+			if (match.fp[1] != get_local_sto_id()){
+				console.error("permission err:user_data_local",set_scope,match)
+				// console.trace("permission err:participants")
+				throw "permission err"
+			}
+			return
+		},
+	},
+	/*
+	participants:{
+		m:["participants"],
+		fn(set_scope,match){
+			if (match.fp[1] != window.glob_u.data.djc_srv_id){
+				console.error("permission err:participants",set_scope,match)
+				// console.trace("permission err:participants")
+				throw "permission err"
+			}
+			return
+		},
+	}
+	*/
+
+}
+
+
+
+
+
+
+
+function ensure_jsync_id_is_set(storage_,base_name){
+	var storage = storage_
+	var id_name = base_name + "_id"
+	var vers_name = base_name + "_vers"
+	var djc_srv_id = storage[id_name]
+	var djc_srv_id_vers =  storage[vers_name]
+	const current_id_vers = 0.0
+	if (Number(djc_srv_id_vers) < current_id_vers || !(djc_srv_id)){
+		storage[id_name] = ((Math.random()+"").replace("0.","") - 0).toString(16)
+		storage[vers_name] = current_id_vers
+	}
+	glob_u.data[id_name] = storage[id_name]
+	// clog("djc_srv_id:",{version:localStorage.djc_srv_id_vers,id:localStorage.djc_srv_id})
+
+}
+ensure_jsync_id_is_set(localStorage,"jsync_local")
+ensure_jsync_id_is_set(sessionStorage,"jsync_session")
+
+// function user_disconnected_compatibility_handler(o,scope,info){
+
+
+
+// TODO:Fix bug caused by a user disconnecting before the connection is properly established
+function connection_info_handler(o,scope,info){
+	if (o.data.sto_event_type=="connection_info"){
+	// clog("connection_info_handler:",o,scope,info)
+		glob_u.data.group_name = o.data.group_name
+		glob_u.data.channel_name = o.data.channel_name
+		clog("jsyncdb connected","room name:",glob_u.data.group_name)
+	} else if (o.data.sto_event_type=="user_disconnected"){
+	var last_conn =1
+	var k,v
+	var ws_conn_data = jc(msto.ws_channels[o.data.channel_name])
+	delete msto.ws_channels[o.data.channel_name]
+		for ([k,v] of Object.entries(msto.ws_channels)){
+		if (v.id == ws_conn_data.id){
+			last_conn = 0
+		}
+	}
+	if (last_conn){
+		// clog("DELlast_conn" ,ws_conn_data.id)
+		delete msto.participants[ws_conn_data.id]
+	}
+		clog("user_disconnected:",o.data.channel_name)
+		return
+		if (msto.user_channels){
+			delete msto.user_channels[o.data.channel_name]
+		}
+	
+
+
+		if (msto.user_channels){
+			for ([k,v] of Object.entries(msto.user_channels)){
+				if (v.id == ws_conn_data.id){
+					last_conn = 0
+				}
+			}
+		}
+	if (last_conn){
+		clog("DELlast_conn" ,ws_conn_data.id)
+		delete msto.user_data_local[ws_conn_data.id]
+	}
+
+	}
+}
+
+glob_u.cb.ws.reg_cb(connection_info_handler,"WS_MESSAGE:ws_sto","connection_info_handler")
+
+
+
+function ds_test3(){
+	glob_u.cb.ws.reg_cb(ord_init_once,"WS_OPEN:","ord_init_once")
+	ws_reload()
+}
+
+glob_u.fns.get_local_sto_id = get_local_sto_id
+glob_u.fns.get_ws_channel_name = get_ws_channel_name
+glob_u.fns.get_session_sto_id = get_session_sto_id
+
+// console.log("??...")
+
+
+// clog("???")
+// 

templates/jsync_test2.js

@@ -0,0 +1,81 @@
+function db_display(){
+
+
+	if(!window.msto_prx){
+		return
+	}	
+
+	var db = jc(msto_prx)
+
+	var k,v
+	var pretty = {}
+	var ws_channel = glob_u.fns.get_ws_channel_name()
+	var id = glob_u.fns.get_local_sto_id()
+	for ([k,v] of Object.entries(db)){
+		if (k == "ws_channels"){
+			pretty["SPAN_OPEN"]="1"
+		}
+		if (k == "participants"){
+			pretty["SPAN_A2"]="1"
+		}
+		pretty[k] = v
+		
+		if (k == "ws_channels"){
+			pretty["SPAN_CLOSE"]="1"
+		}
+		if (k == "participants"){
+			pretty["SPAN_B2"]="1"
+		}
+
+
+	}
+	db = jc(pretty)
+	pretty.participants = {}
+	pretty.ws_channels = {}
+	
+	for ([k,v] of Object.entries(db.participants)){
+		if (k == id){
+			pretty.participants["SPAN_2"]="1"
+		}
+		pretty.participants[k] = v
+		if (k == id){
+			pretty.participants["SPAN_C2"]="1"
+		}
+	} 
+	for ([k,v] of Object.entries(db.ws_channels)){
+		if (k == ws_channel){
+			pretty.ws_channels["SPAN_2"]="1"
+		}
+		pretty.ws_channels[k] = v
+		if (k == ws_channel){
+			pretty.ws_channels["SPAN_C2"]="1"
+		}
+	} 
+	
+
+	var json_str = JSON.stringify(pretty,"","   ")
+	json_str = json_str.replaceAll(/\s+"SPAN_OPEN[^\n<]*/g,'<span class="wperm">')
+	json_str = json_str.replaceAll(/\s+"SPAN_A2[^\n<]*/g,'<span class="wperm">')
+	json_str = json_str.replaceAll(/\s+"SPAN_CLOSE[^\n<]*/g,"</span>")
+	json_str = json_str.replaceAll(/\s+"SPAN_B2[^\n<]*/g,"</span>")
+
+
+	json_str = json_str.replaceAll(/\s+"SPAN_2.*/g,'<span class="wperm2">')
+	json_str = json_str.replaceAll(/\s+"SPAN_C2.*/g,"</span>")
+	// clog(json_str)
+	$(".db_disp")[0].innerHTML = json_str
+}
+
+// glob_u.fns.get_ws_channel_name
+
+window.nginx_v1_t2 = {
+	"target_server_name":`<!--#echo var="target_server_name"-->`,
+	"ssl_server_name":`<!--#echo var="ssl_server_name"-->`,
+
+    ssl_certificate: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/fullchain.pem`,
+    ssl_certificate_key: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/privkey.pem`,
+
+}
+
+glob_u.cb.ws.reg_cb(db_display,"WS_MESSAGE:","db_display",101)
+db_display()

templates/jsync_ws.js

@@ -0,0 +1,290 @@
+// FILE:WS0
+
+// TODO:JFI this file probably causes memory leaks
+
+
+window.glob_u.ws = window.glob_u.ws || {
+	sockets:{},
+	fns:{},
+	flags:{},
+} 
+
+window.glob_u.trc = window.glob_u.trc || {
+	arr:[],
+}
+
+
+
+// TODO:JFI I should factor out my development junk
+function trc_sto(s,o){
+	if (!glob_u?.prom?.init_db_resolve?.resolved){
+	var elm = {name:s,o,timestamp:Date.now()}
+	glob_u.trc.arr.push(elm)
+	// clog("_trc:sto",s,o.sto_event_type,elm.timestamp,o)
+	}	
+}
+
+
+
+window.glob_u.ws.fns.reconnect = function reconnect(o,close_event){
+	connect_ws(o.params)
+}
+
+
+// TODO:JFI These event handlers are less generic now
+
+
+window.glob_u.ws.fns.onclose = function onclose(event){
+	clog("WS_CLOSE",{that:this,readyState:this.readyState,args:[...arguments]})
+	// glob_u.ws.sockets.ws1.params.ord.run_cbs("WS_CLOSE:",{event,that:this})
+	glob_u.ws.sockets[this.params.socket_name].params.ord.run_cbs("WS_CLOSE:",{event,that:this})
+	setTimeout(this.params.fns.reconnect,1000)
+}
+
+window.glob_u.ws.fns.onmessage = function onmessage(event){
+	// clog("WS_MESSAGE",{that:this,args:[...arguments]})
+	// glob_u.ws.sockets.ws1.params.ord.run_cbs("WS_MESSAGE:",{event,that:this})
+	glob_u.ws.sockets[this.params.socket_name].params.ord.run_cbs("WS_MESSAGE:",{event,that:this})
+}
+
+window.glob_u.ws.fns.onerror = function onerror(event){
+	// clog("WS_ERROR",{that:this,args:[...arguments]})
+	// glob_u.ws.sockets.ws1.params.ord.run_cbs("WS_ERROR:",{event,that:this})
+	glob_u.ws.sockets[this.params.socket_name].params.ord.run_cbs("WS_ERROR:",{event,that:this})
+
+
+}
+window.glob_u.ws.fns.onopen = function onopen(event){
+
+	// clog("WS_OPEN???",{that:this,args:[...arguments]},{on_open_once:this.on_open_once,on_open_cbs:this.params.on_open_cbs})
+	// glob_u.ws.sockets.ws1.params.ord.run_cbs("WS_OPEN:",{event,that:this})
+	glob_u.ws.sockets[this.params.socket_name].params.ord.run_cbs("WS_OPEN:",{event,that:this})
+	return
+		var cb
+	if (this.on_open_once){
+		for (cb of this.on_open_once){
+			cb(event,this)
+		}
+	if (this?.params?.on_open_cbs){
+		for (cb of this?.params?.on_open_cbs){
+			cb(event,this)
+		}
+	}
+}
+}
+
+
+window.glob_u.ws.fns.ws_fns_factory = function ws_fns_factory(socket_opts){
+	var socket_name = socket_opts.socket_name
+	// const sockets = 
+	var v1 = "init"
+	var fns = {
+		get_socket(o){
+			return glob_u.ws.sockets[socket_name]
+		},
+		reconnect(){
+			var socket = fns.get_socket()
+			clog("RECONNECT",socket_opts,socket,socket?.DoNotReconnect)
+			// if (socket.DoNotReconnect || socket.params.DoNotReconnect || glob_u.ws?.flags?.DoNotReconnect){
+			if (socket.DoNotReconnect || !socket.params.AutoReconnect || glob_u.ws?.flags?.DoNotReconnect){
+				clog("RECONNECTION NOT ATTEMPTED",socket_opts)
+				return
+			} else {
+
+			}
+
+			connect_ws(socket_opts)
+		},
+		log_var(o){
+			clog("var:",v1)
+			return v1
+		},
+		set_var(val){
+			v1 = val
+			return v1
+		},
+		send_text(o){
+			var socket = fns.get_socket()
+			clog("send_text",{that:this,fns})
+			socket.send(JSON.stringify(o));
+		},
+		jsend(o){
+			var socket = fns.get_socket()
+			// clog("!!!",{that:this,fns})
+			socket.send(JSON.stringify(o));
+		},
+	} 
+	return fns
+}
+
+
+function connect_ws(o= {}){
+	// clog("connect_ws:",o,jc(o))
+	glob_u.fns.merge_partial_template(o,{on_open_cbs:[]})
+	var sockets = window.glob_u.ws.sockets
+	var old_socket = sockets[o.socket_name]
+	if (old_socket && old_socket.readyState == 1){
+		clog(`WS ${o.socket_name} is already CONNECTED:`,old_socket , o)
+		return
+
+	} else if (old_socket && (old_socket.readyState != 3 && old_socket.readyState != undefined )){
+		clog(`WS ${o.socket_name} exsists and in not closed:`,old_socket , o)
+		return
+
+	}
+
+	var socket = new WebSocket(o.url)
+	socket.on_open_once = []
+	socket.pre_init_msgs = []
+	socket.params = o
+	// if ()
+	Object.assign(o.fns, window.glob_u.ws.fns.ws_fns_factory(o))
+	// Object.assign(o.fns2, window.glob_u.ws.fns.ws_fns_factory(o))
+
+	Object.assign(socket,o.methods)
+
+	sockets[o.socket_name]=socket
+	// o.jsend ?    socket.jsend = o.jsend: 0
+	// clog("CONNECTING WS:",{o,socket})
+	return [socket,old_socket]
+}
+
+
+
+
+
+// FILE:WS1
+
+
+
+
+
+function create_ws_ord(){
+	if (!glob_u.cb.ws){
+
+	var ord = new glob_u.cls.reg_cb_ord()
+	glob_u.cb.ws = ord
+	glob_u.cb.ws.reg_cb = ord.reg_cb
+	glob_u.cb.ws.run_cbs = ord.run_cbs
+
+		glob_u.cb.ws.STO_EVENT =  glob_u.fns.gen_ord_decs(glob_u.cb.ws,"STO_EVENT:")
+
+	// glob_u.cb.ord_v1.estr =  glob_u.fns.gen_ord_decs(glob_u.cb.ord_v1.ord,"")
+	// glob_u.cb.ord_v1.run_cbs_lz = glob_u.cb.ord_v1.estr.run_cbs_lz
+	// glob_u.cb.ord_v1.ord.run_cbs_lz = glob_u.cb.ord_v1.run_cbs_lz
+
+
+
+	}
+}
+
+
+window.glob_u.ws.fns.dispatch = function dispatch(o,obj_x,info){
+	var event = o.event
+	// socket = o.that
+	var data = JSON.parse(event.data)
+	// clog("WS_dispatch",data,socket.params.ord,data["CLIENT_KEY"])
+	// clog("trc:sto:ws_rec",data.CLIENT_KEY,data.sto_event_type,data)
+
+	trc_sto("ws_rec",data)
+	glob_u.ws.sockets.ws1.params.ord.run_cbs("WS_MESSAGE:"+data["CLIENT_KEY"],{event,that:this,data})
+		return
+	if (e.arguments[0].type == "message"){
+
+	var data = JSON.parse(e.arguments[0].data)
+
+    if ("type" in data && ws_handlers[data.type]){
+		ws_handlers[data.type](data,{that:e.that,event:e.arguments[0]})
+    } else {
+    	clog("NO HANDLER FOR",data.type)
+    }
+
+	clog("~WS",data,e)
+	} else if  (e.arguments[0].type == "open") {
+		ws_handlers.on_open(e)
+	}
+
+}
+
+
+function ws_reload(){
+	try{
+		if ((!glob_u.ws.sockets.ws1 || glob_u.ws.sockets.ws1.readyState == 3 || glob_u.ws.sockets.ws1.readyState == undefined)){
+			ws_helper()
+		} else {
+		glob_u.ws.sockets.ws1.close()
+		clog(glob_u.ws.sockets.ws1,glob_u.ws.sockets.ws1.readyState)
+		glob_u.ws.sockets.ws1.onclose = ws_helper
+		}
+
+	} catch (err){
+		clog(err)
+	}
+}
+
+
+function get_room_name(){
+
+	var room_name=location.pathname.match(/\/loc.([^\/]*)\//)
+	if (room_name){
+		room_name = room_name[1]
+	} else {
+	room_name = location.pathname.split("/").pop()
+
+	}
+	return room_name
+
+}
+
+
+
+
+function ws_helper(){
+	clog("WS_HELPER")
+	var fns = window.glob_u.ws.fns
+	var o = {
+		include_participants_data:1, 
+		include_ws_channel_data:1, // required for participants_data to work
+		// msto.participants and masto.ws_channels will be defined in either case so we don't need to handle cases where some users enable this and some don't
+		AutoReconnect:false,
+		AutoReconnect:true,
+		url:'wss://' + window.location.hostname  +`/djc_srv/ws/chat/${get_room_name()}`,
+		socket_name:"ws1",
+		ord:glob_u.cb.ws,
+
+		methods:{
+		onmessage:fns.dispatch,
+		onclose:fns.onclose,
+		onerror:fns.onerror,
+		onopen:fns.onopen,
+		},
+
+
+
+		methods:{
+		onmessage:fns.onmessage,
+		onclose:fns.onclose,
+		onerror:fns.onerror,
+		onopen:fns.onopen,
+		},
+
+
+		fns:{
+
+
+		// reconnect:fns.reconnect,
+		},
+	}
+	/*
+	if (window.glob_u.ws.ws1 && window.glob_u.ws.ws1.readyState == 1){
+		clog("WS ws1 is CONNECTED:",window.glob_u.ws.ws1)
+		return
+	}
+	*/
+	var socket = connect_ws(o)
+	// clog({socket})
+}
+window.glob_u.fns.connect_ws = connect_ws
+glob_u.fns.get_room_name=get_room_name
+create_ws_ord()
+glob_u.cb.ws.reg_cb(window.glob_u.ws.fns.dispatch,"WS_MESSAGE:","WS_MESSAGE")

templates/jsyncdb_example_lnk.html

@@ -0,0 +1,124 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+<style type="text/css">
+  h4{
+        margin-block-end: .5em;
+  }
+  .w_pre{
+
+    white-space: pre;
+  }
+  .code_container{
+    white-space: pre;
+  }
+  code{
+    white-space: pre;
+  }
+  a{
+    margin-left: .7em;
+
+  }
+  #root_div{
+    margin-top: 2em;
+    margin-left: 1em;
+  }
+  body {
+	font-size: larger;
+  }
+  #templates{
+  	display: none;
+  }
+
+
+</style>
+<script type="text/javascript">
+
+  function generate_name(){
+
+    var room_name = "room_" +Math.floor(Math.random() * 1000)
+    document.querySelector(".room_name").value = room_name
+    update_links()
+  
+  }
+  function update_links(){
+    console.log(">>>>>")
+    // document.querySelector(".user_1")
+    var domain_prefix
+    // var domain_name =  location.host.split(".").slice(-2).join(".") +"/ign/indx/jsyncdb"
+    var domain_name =  location.host.split(".").slice(-2).join(".") 
+    // +"/ign/indx/jsyncdb"
+    var room_name = "Room_1"
+    var room_name = document.querySelector(".room_name").value
+    // document.querySelector(".user_1").innerHTML = `${domain_prefix}<a href="https://${domain_prefix}.${domain_name}/${room_name}">user_1.jsyncdb.com/${room_name}</a>`
+    domain_prefix ="user_1"
+    document.querySelector("."+domain_prefix).innerHTML = `${domain_prefix}: <a href="https://${domain_prefix}.${domain_name}/${room_name}">${domain_prefix}.jsyncdb.com/${room_name}</a>`
+    domain_prefix ="user_2"
+    document.querySelector("."+domain_prefix).innerHTML = `${domain_prefix}: <a href="https://${domain_prefix}.${domain_name}/${room_name}">${domain_prefix}.jsyncdb.com/${room_name}</a>`
+    domain_prefix ="user_3"
+    document.querySelector("."+domain_prefix).innerHTML = `${domain_prefix}: <a href="https://${domain_prefix}.${domain_name}/${room_name}">${domain_prefix}.jsyncdb.com/${room_name}</a>`
+  }
+
+
+</script>
+</head>
+<body>
+<div id="templates">
+  
+<div class="ws_sto_lnk user_1a">
+user_1<a href="https://${domain_prefix}.${domain_name}/${room_name}">user_1.jsyncdb.com/${room_name}</a>
+</div>
+<div class="ws_sto_lnk user_2a">
+user_2<a href="https://${domain_prefix}.${domain_name}/${room_name}">user_1.jsyncdb.com/${room_name}</a>
+</div>
+<div class="ws_sto_lnk user_3a">
+user_3<a href="https://${domain_prefix}.${domain_name}/${room_name}">user_1.jsyncdb.com/${room_name}</a>
+</div>
+
+
+</div>
+
+<div id="root_div">
+
+<div class="">
+  <!-- Generate  -->
+<h4>
+  Jsyncdb
+</h4>
+
+<a href="https://jsyncdb.com/sto_demo"><h4>jsync main demo here</h4></a>
+
+git repos for the client and server will be added soon
+<div class="w_pre">
+Enter a room name <input type="text" class="room_name" oninput="update_links()"><button onclick="generate_name()">generate name</button>
+
+</div>
+the pages below will connect to the same database instance<br>
+to begin open two of devtools in two of these pages 
+<br>
+this demo assumes you are on a <b>desktop browser</b>
+<br>
+
+</div>
+<br>
+
+<div class="ws_sto_lnk user_1">
+user_1: <a href="">enter a room name first</a>
+</div>
+<div class="ws_sto_lnk user_2">
+user_2: <a href="">enter a room name first</a>
+</div>
+<div class="ws_sto_lnk user_3">
+user_3: <a href="">enter a room name first</a>
+<!-- user_3<a href="">enter a room name first</a> -->
+</div>
+
+
+
+
+</body>
+
+
+</html>

templates/jsyncdb_index.html

@@ -0,0 +1,71 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+
+
+
+
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+<!-- 
+ -->
+
+<!-- <script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script> -->
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+</head>
+<body>
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+
+
+</body>
+</html>

templates/jsyncdb_index_v1.html

@@ -0,0 +1,123 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+
+
+
+
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+<!-- 
+ -->
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+
+<style type="text/css">
+
+
+</style>
+ <link  class="rld" rel="stylesheet" href="/ign/indx/jsyncdb/jsync_demo.css">
+
+</head>
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div id="oops_i_lied"><div class="code_container">
+  in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)
+
+</code> set values<code>
+
+msto.key = "value"
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example = {str:"str_val",number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth of 2?"},str2:"yet another string",}</code>
+
+  get values
+  <code>
+msto.example.arr[0]
+// "val0"
+
+msto.example.arr[2]
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings,numbers,objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+</span></div></div>
+
+</body>
+</html>

templates/jsyncdb_index_v2.html

@@ -0,0 +1,59 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+
+<script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+
+
+
+
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+<!-- 
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+ -->
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+</head>
+<body>
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+
+</body>
+</html>

templates/jsyncdb_index_v3.html

@@ -0,0 +1,129 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<!-- <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script> -->
+
+
+<script src="/jquery-3.5.1.min.js"></script>
+
+<!-- <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> -->
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+<!-- 
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+ -->
+
+
+
+
+
+
+<!-- 
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+ -->
+
+<!-- <script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script> -->
+<script class="rld" src="/jsync_lib.js"></script>
+<script class="rld" src="/jsync_demo.js"></script>
+
+
+
+<style type="text/css">
+
+
+</style>
+ <link  class="rld" rel="stylesheet" href="/jsync_demo.css">
+
+</head>
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div id="oops_i_lied"><div class="code_container">
+  in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)
+
+</code> set values<code>
+
+msto.key = "value"
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example = {str:"str_val",number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth of 2?"},str2:"yet another string",}</code>
+
+  get values
+  <code>
+msto.example.arr[0]
+// "val0"
+
+msto.example.arr[2]
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings,numbers,objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+</span></div></div>
+
+</body>
+</html>

templates/jsyncdb_index_v3a.html

@@ -0,0 +1,129 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<!-- <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script> -->
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<!-- <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> -->
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+<!-- 
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+ -->
+
+
+
+
+
+
+<!-- 
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+ -->
+
+<!-- <script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script> -->
+<script class="rld" src="/ign/indx/jsyncdb/jsync_lib.js"></script>
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+
+
+
+<style type="text/css">
+
+
+</style>
+ <link  class="rld" rel="stylesheet" href="/ign/indx/jsyncdb/jsync_demo.css">
+
+</head>
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div id="oops_i_lied"><div class="code_container">
+  in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)
+
+</code> set values<code>
+
+msto.key = "value"
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example = {str:"str_val",number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth of 2?"},str2:"yet another string",}</code>
+
+  get values
+  <code>
+msto.example.arr[0]
+// "val0"
+
+msto.example.arr[2]
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings,numbers,objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+</span></div></div>
+
+</body>
+</html>

templates/jsyncdb_index_v4.html

@@ -0,0 +1,151 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+
+
+
+<script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+
+
+
+
+
+
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<!-- 
+ -->
+
+<!-- <script class="rld" src="/jsync_lib.js"></script> -->
+<!-- <script class="rld" src="/jsync_demo.js"></script> -->
+<!-- <script class="rld z1" src="jsync_demo.js"></script> -->
+
+
+
+<style type="text/css">
+
+
+</style>
+ <!-- <link  class="rld" rel="stylesheet" href="/jsync_demo.css"> -->
+ <!-- <link  class="rld" rel="stylesheet" href="jsync_demo.css"> -->
+ <link  class="rld" rel="stylesheet" href="/ign/indx/jsyncdb/jsync_demo.css">
+
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+
+<script type="text/javascript">
+
+window.nginx_v1 = {
+  "target_server_name":`<!--#echo var="target_server_name"-->`,
+  "ssl_server_name":`<!--#echo var="ssl_server_name"-->`,
+
+    ssl_certificate: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/fullchain.pem`,
+    ssl_certificate_key: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/privkey.pem`,
+
+}
+
+
+  function hide_demo(argument) {
+    clog("hide_demo")
+    $(".show_demo").removeClass("show_demo").addClass("hide_demo")
+
+  }
+  function show_demo(argument) {
+    clog("show_demo")
+    // body...
+    $(".hide_demo").removeClass("hide_demo").addClass("show_demo")
+  }
+</script>
+
+</head>
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div class="json_container hide_demo">
+  <button class="demo_hide_btn" onclick="hide_demo()">hide demo</button>
+  <button class="demo_show_btn" onclick="show_demo()">show demo</button><br>
+  <!-- <div class="db_disp"></div> -->
+  <code class="db_disp"></code>
+</div>
+<div id="oops_i_lied"><div class="code_container">
+in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)</code><div class="hidden-boundary"></div>
+
+ set values<code>
+
+msto.key = "value"<div class="hidden-boundary"></div>
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    bool:true,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example={str:"str_val",bool:true,number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth 2?"},str2:"another string"}</code><div class="hidden-boundary"></div>
+get values
+  <code>
+msto.example.arr[0]<div class="hidden-boundary"></div>
+// "val0"
+
+msto.example.arr[2]<div class="hidden-boundary"></div>
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings, numbers, booleans, objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+
+
+</span></div></div>
+
+</body>
+</html>

templates/jsyncdb_index_v4b.html

@@ -0,0 +1,102 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+
+
+
+<script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>
+
+
+<script src="/ign/libs/jquery-3.5.1.min.js"></script>
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> 
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo_db_only.js"></script>
+
+<!-- 
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+
+
+
+
+
+
+
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+ -->
+<!-- 
+ -->
+
+<!-- <script class="rld" src="/jsync_lib.js"></script> -->
+<!-- <script class="rld" src="/jsync_demo.js"></script> -->
+<!-- <script class="rld z1" src="jsync_demo.js"></script> -->
+
+
+
+<style type="text/css">
+
+
+</style>
+ <!-- <link  class="rld" rel="stylesheet" href="/jsync_demo.css"> -->
+ <!-- <link  class="rld" rel="stylesheet" href="jsync_demo.css"> -->
+ <link  class="rld" rel="stylesheet" href="/ign/indx/jsyncdb/jsync_demo.css">
+
+
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+
+<script type="text/javascript">
+
+window.nginx_v1 = {
+  "target_server_name":`<!--#echo var="target_server_name"-->`,
+  "ssl_server_name":`<!--#echo var="ssl_server_name"-->`,
+
+    ssl_certificate: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/fullchain.pem`,
+    ssl_certificate_key: `/etc/letsencrypt/live/<!--#echo var="target_server_name"-->/privkey.pem`,
+
+}
+
+
+  function hide_demo(argument) {
+    clog("hide_demo")
+    $(".show_demo").removeClass("show_demo").addClass("hide_demo")
+
+  }
+  function show_demo(argument) {
+    clog("show_demo")
+    // body...
+    $(".hide_demo").removeClass("hide_demo").addClass("show_demo")
+  }
+</script>
+
+</head>
+<body>
+
+
+</body>
+</html>

templates/jsyncdb_index_v5.html

@@ -0,0 +1,178 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<!-- <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script> -->
+
+
+<script src="/shared_libs/jquery-3.5.1.min.js"></script>
+
+<!-- <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> -->
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+<!-- 
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+ -->
+
+
+
+
+
+
+
+<!-- <script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script> -->
+<script class="rld" src="/jsync_lib.js"></script>
+<script class="rld" src="/jsync_demo.js"></script>
+<script class="rld" src="/jsync_2nd_db.js"></script>
+<script class="rld" src="/jsync_test2.js"></script>
+<script class="rld" src="/ev_inc.js"></script>
+
+
+<style type="text/css">
+
+
+</style>
+ <link  class="rld" rel="stylesheet" href="/jsync_demo.css">
+  <link  class="rld" rel="stylesheet" href="/ev_inc.css">
+
+
+<script type="text/javascript">
+  function hide_demo(argument) {
+    // clog("hide_demo")
+    $(".show_demo").removeClass("show_demo").addClass("hide_demo")
+
+  }
+  function show_demo(argument) {
+    // clog("show_demo")
+    // body...
+    $(".hide_demo").removeClass("hide_demo").addClass("show_demo")
+  }
+
+function evl_btn_h(event,node){
+  _evl_btn_h(...arguments)
+
+}
+function eval_h(event,node){
+  _eval_h(...arguments)
+}
+
+
+</script>
+
+
+</head>
+
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div class="json_container show_demo">
+  <button class="demo_hide_btn" onclick="hide_demo()">hide demo</button>
+  <button class="demo_show_btn" onclick="show_demo()">show demo</button><br>
+  <span class="color_legend">
+    
+  <span class="wperm2">green: </span>you have write access<br>
+  <span class="wperm">orange: </span>you don't have write access<br>
+  <span >black: </span>everyone has write access<br>
+  </span>
+  <!-- <div class="db_disp"></div> -->
+  <code class="db_disp"></code>
+&#8595; eval m.a={} {enter} &#8595;
+<!-- <br>  <textarea class="eval_txt" onkeypress="eval_h(event,this)"></textarea> -->
+<span class="evl_cnt">
+  
+<br>  <textarea class="eval_txt" onkeyup="evl_btn_h(event,this)" data-ev_type="keyup"></textarea> 
+<span class="btn_cnt">
+  
+<button class="evl_btn evl_btn1" data-ev_type="b" data-btn-type="b" onclick="evl_btn_h(event,this)"><</button>
+<button class="evl_btn evl_btn2" data-ev_type="f" data-btn-type="f" onclick="evl_btn_h(event,this)">></button>
+<button class="evl_btn evl_btn3" data-ev_type="e" data-btn-type="e" onclick="evl_btn_h(event,this)">eval</button>
+</span>
+</span>
+<br>
+<code class="eval_result"></code>
+
+</div>
+<div id="oops_i_lied"><div class="code_container">
+  in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)</code><div class="hidden-boundary"></div>
+
+ set values<code>
+
+msto.key = "value"<div class="hidden-boundary"></div>
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    bool:true,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example={str:"str_val",bool:true,number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth 2?"},str2:"another string"}</code><div class="hidden-boundary"></div>
+get values
+  <code>
+msto.example.arr[0]<div class="hidden-boundary"></div>
+// "val0"
+
+msto.example.arr[2]<div class="hidden-boundary"></div>
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings, numbers, booleans, objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+
+
+</span></div></div>
+
+</body>
+</html>

templates/jsyncdb_index_v5b.html

@@ -0,0 +1,80 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<!-- <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script> -->
+
+
+<script src="/shared_libs/jquery-3.5.1.min.js"></script>
+
+<!-- <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> -->
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+<!-- 
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+ -->
+
+
+
+
+
+
+<!-- 
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>
+<script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>
+<script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>
+
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+ -->
+
+<!-- <script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script> -->
+<script class="rld" src="/jsync_lib.js"></script>
+<script class="rld" src="/jsync_demo_db_only.js"></script>
+<!-- <script class="rld" src="/jsync_demo.js"></script> -->
+<!-- <script class="rld" src="/jsync_test2.js"></script> -->
+
+
+
+ <link  class="rld" rel="stylesheet" href="/jsync_demo.css">
+
+
+
+</head>
+
+<body>
+jsyncdb
+</body>
+</html>

templates/jsyncdb_index_v5c.html

@@ -0,0 +1,181 @@
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+  <head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+
+<!-- <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script> -->
+
+
+<script src="/shared_libs/jquery-3.5.1.min.js"></script>
+
+<!-- <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script> -->
+<!-- 
+<script class="rld" src="jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>
+<script class="rld" src="jsync_demo.js"></script>
+ -->
+
+
+
+<!-- 
+<script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+<script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>
+<script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             
+ -->
+
+
+
+
+
+
+
+<!-- <script class="rld" type="module" src="/ign/indx/jsyncdb/jsync_lib.js"></script> -->
+<script class="rld" src="/jsync_lib.js"></script>
+<!-- 
+<script class="rld" src="/jsync_demo.js"></script>
+<script class="rld" src="/jsync_2nd_db.js"></script>
+<script class="rld" src="/jsync_test2.js"></script>
+<script class="rld" src="/ev_inc.js"></script>
+ -->
+
+
+<style type="text/css">
+
+
+</style>
+ <link  class="rld" rel="stylesheet" href="/jsync_demo.css">
+  <link  class="rld" rel="stylesheet" href="/ev_inc.css">
+
+<!-- 
+<script type="text/javascript">
+  function hide_demo(argument) {
+    // clog("hide_demo")
+    $(".show_demo").removeClass("show_demo").addClass("hide_demo")
+
+  }
+  function show_demo(argument) {
+    // clog("show_demo")
+    // body...
+    $(".hide_demo").removeClass("hide_demo").addClass("show_demo")
+  }
+
+function evl_btn_h(event,node){
+  _evl_btn_h(...arguments)
+
+}
+function eval_h(event,node){
+  _eval_h(...arguments)
+}
+
+
+</script>
+ -->
+
+
+</head>
+
+<body>
+
+<div id="root_div">
+  <span class="iblock_2"></span>
+  <span class="iblock_1"></span>
+</div>
+<div class="json_container show_demo">
+  <button class="demo_hide_btn" onclick="hide_demo()">hide demo</button>
+  <button class="demo_show_btn" onclick="show_demo()">show demo</button><br>
+  <span class="color_legend">
+    
+  <span class="wperm2">green: </span>you have write access<br>
+  <span class="wperm">orange: </span>you don't have write access<br>
+  <span >black: </span>everyone has write access<br>
+  </span>
+  <!-- <div class="db_disp"></div> -->
+  <code class="db_disp"></code>
+&#8595; eval m.a={} {enter} &#8595;
+<!-- <br>  <textarea class="eval_txt" onkeypress="eval_h(event,this)"></textarea> -->
+<span class="evl_cnt">
+  
+<br>  <textarea class="eval_txt" onkeyup="evl_btn_h(event,this)" data-ev_type="keyup"></textarea> 
+<span class="btn_cnt">
+  
+<button class="evl_btn evl_btn1" data-ev_type="b" data-btn-type="b" onclick="evl_btn_h(event,this)"><</button>
+<button class="evl_btn evl_btn2" data-ev_type="f" data-btn-type="f" onclick="evl_btn_h(event,this)">></button>
+<button class="evl_btn evl_btn3" data-ev_type="e" data-btn-type="e" onclick="evl_btn_h(event,this)">eval</button>
+</span>
+</span>
+<br>
+<code class="eval_result"></code>
+
+</div>
+<div id="oops_i_lied"><div class="code_container">
+  in this demo the global variable msto_prx is the root of the database.
+we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).
+
+<b>open devtools on two pages connected to the same database to begin</b>
+to get a copy of the datastructure without the Proxies:
+<code>jc(msto)</code><div class="hidden-boundary"></div>
+
+ set values<code>
+
+msto.key = "value"<div class="hidden-boundary"></div>
+
+  msto.example = {
+    str:"these are supported data types",
+    number:12.7,
+    bool:true,
+    arr:["val0",1,{z:1},["a","b"]],
+    obj:{d:"there is a max depth of 15"},
+    str2:"null isn't fully supported yet and can break things",
+  }
+</code>
+  you can paste this shorter statement to avoid newlines in your devtools history :)
+
+<code>msto.example={str:"str_val",bool:true,number:12.7,arr:["val0",1,{z:2},["a","b"]],obj:{d:"depth 2?"},str2:"another string"}</code><div class="hidden-boundary"></div>
+get values
+  <code>
+msto.example.arr[0]<div class="hidden-boundary"></div>
+// "val0"
+
+msto.example.arr[2]<div class="hidden-boundary"></div>
+// {z:2}</code>
+the datastructure should have syncronized msto & msto_prx on both webpages 
+<span class="db_desc">
+values can be strings, numbers, booleans, objects or arrays
+null and undefined are not supported yet
+local changes are immediate
+and deletes are local only (for now)
+after a value is set is pushed to everyone else who is connected
+
+msto.ws_channels and msto.participants are write protected 
+msto.my_data links to the path you have write access to as does msto.my_channel
+participants and channels write only data are automatically deleted after they leave
+the data is not persistent it exists in the webpages of those connected
+if everyone leaves a room the datastructure is destroyed
+
+
+</span></div></div>
+
+</body>
+</html>