jfinn
/
jsyncdb_flask
Tarkkaile 1
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commitit
1 Haara
Puu: 2401c04204
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '2401c04204'
${ noResults }
jsyncdb_flask/templates/jsyncdb_index_v1.html

jsyncdb_index_v1.html 4.7KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 
  1. <html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">

  2.   <head>

  3. 

  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />

  5. 

  6. 

  7. <script class="win_keys2 win_keys_glob_attrs" src="/ign/j9/dbg/glob_attrs.js?c=00x"></script>

  8. 

  9. 

  10. <script src="/ign/libs/jquery-3.5.1.min.js"></script>

  11. 

  12. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  13. <!-- 

  14. <script class="rld" src="jsync_dep.js"></script>

  15. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  16. <script class="rld" src="jsync_ord.js"></script>

  17. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  18. <script class="rld" src="jsync_ws.js"></script>

  19. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  20. <script class="rld" src="jsync_sto.js"></script>

  21. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  22. <script class="rld" src="jsync_init.js"></script>

  23. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  24. <script class="rld" src="jsync_test.js"></script>

  25. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  26. <script class="rld" src="jsync_demo.js"></script>

  27.  -->

  28. 

  29. 

  30. 

  31. 

  32. <script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>

  33. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  34. <script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>

  35. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  36. <script class="rld" src="/ign/indx/jsyncdb/jsync_ws.js"></script>

  37. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  38. <script class="rld" src="/ign/indx/jsyncdb/jsync_sto.js"></script>

  39. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  40. <script class="rld" src="/ign/indx/jsyncdb/jsync_init.js"></script>

  41. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  42. <script class="rld" src="/ign/indx/jsyncdb/jsync_test.js"></script>

  43. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  44. <script class="rld" src="/ign/indx/jsyncdb/jsync_demo.js"></script>

  45. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>                             

  46. 

  47. 

  48. 

  49. 

  50. 

  51. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  52. 

  53. <script src="/ign/j7/rldjs/rldjs5.js?v=139"></script>

  54. <script class="rld rrld" src="/ign/rls.js?<!--#echo var='rtqs'-->"></script>

  55. <script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var='rtqs'-->"></script>

  56. <!-- 

  57.  -->

  58. 

  59. <script class="rld" src="/ign/indx/jsyncdb/jsync_test2.js"></script>

  60. <script class="win_keys" src="/ign/j9/dbg/win_keys.js?c=00x"></script>

  61. 

  62. 

  63. <style type="text/css">

  64. 

  65. 

  66. </style>

  67.  <link  class="rld" rel="stylesheet" href="/ign/indx/jsyncdb/jsync_demo.css">

  68. 

  69. </head>

  70. <body>

  71. 

  72. <div id="root_div">

  73.   <span class="iblock_2"></span>

  74.   <span class="iblock_1"></span>

  75. </div>

  76. <div id="oops_i_lied"><div class="code_container">

  77.   in this demo the global variable msto_prx is the root of the database.

  78. we will use the global variable msto because it is a little nicer (has shortcuts to the parts you have exclusive write permissions to).

  79. 

  80. <b>open devtools on two pages connected to the same database to begin</b>

  81. to get a copy of the datastructure without the Proxies:

  82. <code>jc(msto)

  83. 

  84. </code> set values<code>

  85. 

  86. msto.key = "value"

  87. 

  88.   msto.example = {

  89.     str:"these are supported data types",

  90.     number:12.7,

  91.     arr:["val0",1,{z:1},["a","b"]],

  92.     obj:{d:"there is a max depth of 15"},

  93.     str2:"null isn't fully supported yet and can break things",

  94.   }

  95. </code>

  96.   you can paste this shorter statement to avoid newlines in your devtools history :)

  97. 

  98. <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>

  99. 

  100.   get values

  101.   <code>

  102. msto.example.arr[0]

  103. // "val0"

  104. 

  105. msto.example.arr[2]

  106. // {z:2}</code>

  107. the datastructure should have syncronized msto & msto_prx on both webpages 

  108. <span class="db_desc">

  109. values can be strings,numbers,objects or arrays

  110. null and undefined are not supported yet

  111. local changes are immediate

  112. and deletes are local only (for now)

  113. after a value is set is pushed to everyone else who is connected

  114. 

  115. msto.ws_channels and msto.participants are write protected 

  116. msto.my_data links to the path you have write access to as does msto.my_channel

  117. participants and channels write only data are automatically deleted after they leave

  118. the data is not persistent it exists in the webpages of those connected

  119. if everyone leaves a room the datastructure is destroyed

  120. </span></div></div>

  121. 

  122. </body>

  123. </html>