refactor required: jsync core needs to store its connection,init etc state sensibly

flask_server/app.py

@@ -134,9 +134,9 @@ for en in dir(app):
 	print("~",en)
 '''
 
-import inspect
+# import inspect
 
-p(inspect.getsource(app.route))
+# p(inspect.getsource(app.route))
 
 
 
@@ -144,9 +144,14 @@ p(inspect.getsource(app.route))
 # generated by bing seems to work
 @app.route("/ldir")
 def list_directory():
+	orig_path = os.getcwd()
+
+
 	# Get the list of files and directories
 	# items = os.listdir(DIRECTORY_PATH)
+	os.chdir(app.root_path)
 	items = os.listdir("../js_client")
+	os.chdir(orig_path)
 
 	# Filter out hidden files and directories
 	items = [item for item in items if not item.startswith(".")]
@@ -185,18 +190,19 @@ def list_directory():
 
 
 
-
 import inspect
+r'''
 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__':
 	pass
 	# socketio.run(app, debug=True)
 	# app.run(debug=True,host='0.0.0.0')
-	# app.run(debug=True,host='0.0.0.0',port="5001")
-	app.run(debug=True,host='0.0.0.0',port="5000")
+	app.run(debug=True,host='0.0.0.0',port="5001")
+	# app.run(debug=True,host='0.0.0.0',port="5000")
 	# sock.run(app,host='0.0.0.0', debug=True,allow_unsafe_werkzeug=True)
 
 

flask_server/app_sio.py

@@ -1,7 +1,9 @@
 from flask import Flask, render_template
 from flask_socketio import SocketIO
 
+import flask_socketio
 import flask
+import os
 
 app = Flask(__name__,template_folder = r"../js_client")
 app.config['SECRET_KEY'] = 'secret!'
@@ -27,22 +29,198 @@ def r2(path):
 @app.route('/<path:path>')
 def r1(path):
     p("????,aaaa,...",path)
+    if ("shared_libs/jquery-3.5.1.min.js" in path):
+        return flask.send_from_directory(r"../js_client", "jquery-3.5.1.min.js")
+
     return flask.send_from_directory(r"../js_client", path)
     return flask.send_file('../js_client/jquery-3.5.1.min.js')
     # return flask.send_from_directory('templates', path)
     return flask.send_from_directory('./', path)
 
+# @socketio.on('connect',namespace="/rx2/")
+
+
+r'''
+@socketio.on('connect',namespace="/rx2")
+def handle_message_a(*a,**kw):
+    print('received connect: ',a,kw)
+
+@socketio.on('connect',namespace="rx2")
+def handle_message_b(*a,**kw):
+    print('received connect: ',a,kw)
+
+@socketio.on('connect',namespace="rx2/")
+def handle_message_c(*a,**kw):
+    print('received connect: ',a,kw)
+@socketio.on('connect',namespace="/rx2/")
+def handle_message_d(*a,**kw):
+    print('received connect: ',a,kw)
+
+
+
+
+
+
+@socketio.on('connect',"/rx2")
+def handle_message__a(*a,**kw):
+    print('received connect: ',a,kw)
+
+@socketio.on('connect',"rx2")
+def handle_message__b(*a,**kw):
+    print('received connect: ',a,kw)
+
+@socketio.on('connect',"rx2/")
+def handle_message__c(*a,**kw):
+    print('received connect: ',a,kw)
+@socketio.on('connect',"/rx2/")
+def handle_message__d(*a,**kw):
+    print('received connect: ',a,kw)
+
+
+'''
+
+# @socketio.onAny('connect',namespace="/rx2")
+# def fn1(*a,**kw):
+    # p("\n\t\t~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~")
+
+
+
+
+# @socketio.on('connect<path>',"/<path:path>")
+# @socketio.on('connect',"/<path:path>")
+@socketio.on('connect',"/")
+def handle_message(*a,**kw):
+    print('received connect:?? ',a,kw)
+    # p(flask.request.sid)
+    #
+    # for en in dir(flask.request):
+        # p(en)
+
+    # p(":")
+    # p(flask.request.args)
+
+    # p(flask.request.url)
+    room = flask.request.args.get("room","no_room")
+    p("+",room)
+    join_room(room)
+    # p(flask.request.event)
+    # p(socketio.server.get_environ())
+@socketio.on('disconnect')
+def test_disconnect():
+    print('Client disconnected')
+    room = flask.request.args.get("room","no_room")
+    p("}}}}}}}}}}",room)
+
+
 
 @socketio.on('message')
 def handle_message(data):
 	print('received message: ' + data)
 
 
+
+@socketio.on('jsync.io2')
+def handle_message(data):
+    print('received jsync.io message: ' + data)
+    room = flask.request.args.get("room","no_room")
+    p("io2+",room)
+
+    # flask_socketio.emit('jsync.io', data, broadcast=True)
+    flask_socketio.emit('jsync.io2', data,room=room, broadcast=True)
+
+
+
+
+@socketio.on('jsync.io')
+def handle_message(data):
+    print('received jsync.io message: ' + data)
+    room = flask.request.args.get("room","no_room")
+    p("io+",room)
+    # flask_socketio.send(data, to=room)
+    flask_socketio.emit('jsync.io2', data+"?", broadcast=True)
+
+    # flask_socketio.emit('jsync.io', data, broadcast=True)
+    # flask_socketio.emit('jsync.io2', data+"?", broadcast=True)
+
+
+@socketio.on('jsync.io.all')
+def handle_message(data):
+    print('received jsync.io message: ' + data)
+    flask_socketio.emit('jsync.io', data, broadcast=True)
+    flask_socketio.emit('jsync.io2', data, broadcast=True)
+
+
+
+from flask_socketio import join_room, leave_room
+@socketio.on('join')
+def on_join(data):
+    username = data['username']
+    room = data['room']
+    join_room(room)
+    flask_socketio.send(username + ' has entered the room.', to=room)
+
+@socketio.on('leave')
+def on_leave(data):
+    username = data['username']
+    room = data['room']
+    leave_room(room)
+    flask_socketio.send(username + ' has left the room.', to=room)
+
+
+
+    
+
+
+
 @socketio.on('json')
 def handle_json(json):
 	print('received json: ' + str(json))
 
 
+# generated by bing seems to work
+@app.route("/ldir")
+def list_directory():
+    orig_path = os.getcwd()
+
+
+    # Get the list of files and directories
+    # items = os.listdir(DIRECTORY_PATH)
+    os.chdir(app.root_path)
+    items = os.listdir("../js_client")
+    os.chdir(orig_path)
+
+    # Filter out hidden files and directories
+    items = [item for item in items if not item.startswith(".")]
+
+    # Create an HTML string with the list of items as links
+    html_content = "<h1>Contents of the Directory</h1><ul>"
+    html_links = ""
+    html_src_links = ""
+    other_links = ""
+    for item in items:
+        p([item])
+        if "html" in item:
+            html_src_links += f"<li><a href='viewsrc2/{item}'>src:{item}</a></li>"
+            html_links += f"<li><a href='{item}'>{item}</a></li>"
+        else:
+            other_links += f"<li><a href='{item}'>{item}</a></li>"
+        # link = (request.path + '/' if request.path != '/' else '') + item
+    html_content+=html_links
+    html_content+="<br>"
+    html_content+=other_links
+    html_content+="<br>"
+    html_content+="VIEW SRC: its actually < pre >"
+    html_content+="<br>"
+    html_content+="<br>"
+    html_content+=html_src_links
+    html_content += "</ul>"
+
+    # Return the HTML content directly
+    return html_content
+# end generated by bing
+
+for en in dir(socketio):
+    p("~~",en)
 
 
 if __name__ == '__main__':

js_client/index_sep.html

@@ -0,0 +1,209 @@
+<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="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.3/socket.io.js"></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_dep.js"></script>
+
+<script class="rld" src="/jsync_ord.js"></script>
+
+<script class="rld" src="/jsync_ws.js"></script>
+
+<script class="rld" src="/jsync_sto.js"></script>
+
+<script class="rld" src="/jsync_init.js"></script>
+
+<script class="rld" src="/jsync_test.js"></script>
+
+<!-- <script class="rld" src="/jsync_demo.js"></script> -->
+
+
+
+<script class="rld" src="/io_misc1.js"></script>
+<script class="rld" src="/jsync_io_demo.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://jfidev.com/ign/indx/jsyncdb/qflask/jsync_info.js"></script>
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr0.js"></script>
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr1.js"></script>
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr2.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>

js_client/index_v5s.html

@@ -0,0 +1,198 @@
+<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_dep.js"></script>
+
+<script class="rld" src="/jsync_ord.js"></script>
+
+<script class="rld" src="/jsync_ws.js"></script>
+
+<script class="rld" src="/jsync_sto.js"></script>
+
+<script class="rld" src="/jsync_init.js"></script>
+
+<script class="rld" src="/jsync_test.js"></script>
+
+<!-- <script class="rld" src="/jsync_demo.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>

js_client/io_misc1.js

@@ -0,0 +1,123 @@
+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:"
+	var port = location.port || "5000"
+
+	// 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}:${port}/echo_c1${location.search}`,
+		url: `${ws_protocol}//${location.hostname}:${port}/echo_c1${location.search}`,
+		// url: `${ws_protocol}//${location.hostname}:5000/echo${location.search}`,
+		// url: `${ws_protocol}//${location.hostname}:5000/echo_all${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("??")

js_client/jsync_demo_db_only.js

@@ -13,8 +13,10 @@ function jsyncdb_init_helper(){
 	var room_name=glob_u.fns.get_room_name()
 
 	let ws_protocol = "wss:"
+	var port = location.port || "5000"
 	location.protocol == "https:" ?  "was already set to wss:" : ws_protocol = "ws:"
 
+
 	var o = {
 
 		include_participants_data:1, 
@@ -28,6 +30,8 @@ function jsyncdb_init_helper(){
 		
 		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}:${port}/echo_c1${location.search}`,
+
 		socket_name:"ws1",
 		ord:glob_u.cb.ws,
 

js_client/jsync_info.js

@@ -0,0 +1,4 @@
+
+clog("JSYNC INFO PLACEHOLDER")
+
+// get_ord_info()

js_client/jsync_init.js

@@ -143,7 +143,8 @@ var DBL_Proxy = {
 
 
 function init_db(objx){
-	// clog("init_db~")
+	clog("init_db~",arguments,this)
+	console.trace("init_db")
 	trc_sto("init_db",{})
 	glob_u.prom.init_db_resolve.resolved=1
 	var glob_mx = glob_u.data
@@ -241,7 +242,8 @@ function 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){
+	// TODOL FIX HARDCODEING
+	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)}
@@ -265,6 +267,7 @@ function init_mu(){
 	var k,v
 
 	var rr = {}
+	console.trace("init_mu")
 	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}

js_client/jsync_io_demo.js

@@ -0,0 +1,103 @@
+
+
+
+
+
+function on_sio_msg(){
+	clog("on_sio_msg",arguments,this)
+
+}
+function on_jio_msg(msg){
+	clog("on_jio_msg",arguments,this)
+	var scope="PLACEHOLDER_scope" 
+	var info="PLACEHOLDER_info" 
+	var _o={
+		msg,
+		data:JSON.parse(msg),
+	} 
+	mhndlr_rld_2(_o,scope,info)
+
+}
+function onAny(){
+	clog("onAny",arguments,this)
+
+}
+function on_sio_open(){
+	clog("on_sio_open",arguments,this)
+}
+
+function get_room_name(){
+	// return 
+	var s=location.search
+	// if s[0]=="?"){}
+	s[0]=="?" ?  s = s.slice(1):0
+	var param
+	for (param of s.split("&")){
+
+		let kv = param.split("=")
+		if (kv[0]=="room"){
+			return kv[1]
+		}
+		clog("::",param,kv)
+		// clog("::",param,kv,"")
+	}
+return "rx1"
+}
+
+function create_sio_conn(){
+	var conn = {
+
+	}
+	// var socket = io.connect('http://' + document.domain + ':' + location.port + "/echo");
+	// namespace
+	opts = {
+		// path:"rx2",
+
+		"qstr":"QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ"
+	}
+	var socket = io.connect('http://' + document.domain + ':' + location.port + `?room=${get_room_name()}`,opts);
+	// var socket = io.connect('http://' + document.domain + ':' + location.port + `?room=z`,opts);
+	// var socket = io.connect('http://' + document.domain + ':' + location.port ,opts);
+	conn.socket = socket
+
+        socket.on('connect', on_sio_open);
+        socket.on('response', on_sio_msg);
+        socket.on('jsync.io', on_jio_msg);
+        socket.on('jsync.io2', on_jio_msg);
+        socket.on('message', on_sio_msg);
+        socket.onAny( onAny);
+
+
+	return conn
+
+}
+// mhndlr_rld_2
+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)
+	// JSON.stringify(m)
+	// glob_u.ws.sockets.sio1.socket.emit("jsync.io",JSON.stringify(m))
+	glob_u.ws.sockets.sio1.socket.emit("jsync.io2",JSON.stringify(m))
+	// glob_u.ws.sockets.sio1.socket.emit("jsync.io.all",JSON.stringify(m))
+
+}
+
+
+
+
+window.glob_u.ws = window.glob_u.ws || {
+	sockets:{},
+	fns:{},
+	flags:{},
+} 
+
+
+glob_u.ws.sockets.sio1 = create_sio_conn()

js_client/jsync_lib.js

@@ -545,6 +545,7 @@ function create_ws_ord(){
 window.glob_u.ws.fns.dispatch = function dispatch(o,obj_x,info){
 	var event = o.event
 	// socket = o.that
+	// clog("jtx dispatch",{o,obj_x,info,that:this})
 	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)
@@ -687,6 +688,7 @@ glob_u.cb.ws.reg_cb(window.glob_u.ws.fns.dispatch,"WS_MESSAGE:","WS_MESSAGE")
 var Proxy_Permissions,Proxy_Factory
 
 function mhndlr_rld_2(_o,scope,info){
+	// clog("jtx mhndlr_rld_2",{_o,scope,info,that:this})
 	var dlog =nop
 	try {
 		var parsed = _o.data
@@ -699,7 +701,8 @@ function mhndlr_rld_2(_o,scope,info){
 		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){
+			// if (!glob_u.prom.init_db_resolve.resolved_inited){
+			if (!glob_u.prom.init_db_resolve.resolved_inited && _o?.event?.target?.pre_init_msgs){
 				_o.event.target.pre_init_msgs.push(_o)
 			}
 				pf._set_recv(o.path,o.key,o.val)
@@ -1228,6 +1231,7 @@ var DBL_Proxy = {
 
 function init_db(objx){
 	// clog("init_db~")
+	console.trace("init_db")
 	trc_sto("init_db",{})
 	glob_u.prom.init_db_resolve.resolved=1
 	var glob_mx = glob_u.data
@@ -1321,7 +1325,7 @@ window.msto=new Proxy(msto_prx, DBL_Proxy)
 
 
 function handle_pre_init_msgs(){
-	// clog("handle_pre_init_msgs")
+	clog("handle_pre_init_msgs")
 	var k,v,i
 	var _o
 	glob_u.prom.init_db_resolve.resolved_inited = 1

js_client/jsync_sto.js

@@ -14,7 +14,7 @@ function mhndlr_rld_2(_o,scope,info){
 		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){
+			if (!glob_u.prom.init_db_resolve.resolved_inited && _o?.event?.target?.pre_init_msgs){
 				_o.event.target.pre_init_msgs.push(_o)
 			}
 				pf._set_recv(o.path,o.key,o.val)
@@ -217,6 +217,7 @@ Proxy_Factory = class Proxy_Factory {
 	}
 
 	_set_recv(path,prop,val,id){
+		console.trace("_set_recv",{path,prop,val,id})
 
 		var p = path
 		var nprop = deep_prop_v0(this.root,p)

js_client/sto_only.html

@@ -8,6 +8,7 @@
 
 
 <!-- <script src="/shared_libs/jquery-3.5.1.min.js"></script> -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.3/socket.io.js"></script>
 <script src="/jquery-3.5.1.min.js"></script>
 
 
@@ -18,8 +19,20 @@
 <script class="rld" src="/jsync_dep.js"></script>
 <script class="rld" src="/jsync_t1.js"></script>
 <script class="rld" src="/jsync_sto.js"></script>
-<script class="rld" src="/jsync_init.js"></script>
+<!-- <script class="rld" src="/jsync_init.js"></script> -->
 
+<!-- <script class="rld" src="/io_misc1.js"></script> -->
+<script class="rld" src="/jsync_io_demo.js"></script>
+
+
+
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsync_info.js"></script>
+
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsto0.js"></script>
+
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr0.js"></script>
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr1.js"></script>
+<script class="rld" src="https://jfidev.com/ign/indx/jsyncdb/qflask/jsr2.js"></script>