update

i4/lobby.js

 	clog("This is lobby2")
 var mod_path ="ign/rf/i4m/"
 
-mtx_2 ={	
+var mtx_2 ={	
 	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
 	js:[`${mod_path}m0.js`,`${mod_path}m.js`,],
 	css:[`${mod_path}m.css`],
 	// clog("This is lobby2")
 var mod_path ="ign/rf/i4n/"
 
-mtx_2 ={	
+var mtx_2 ={	
 	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
-	js:[`${mod_path}m0.js`,`${mod_path}m.js`,],
+	js:[
+	`${mod_path}m0.js`,
+	`${mod_path}m.js`,
+	`${mod_path}popup_template.js`,
+	],
 	css:[`${mod_path}m.css`],
 	html:[{url:`${mod_path}m.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_not_lobby"}]
 	}
 
 }
 
+function svg_dev() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="ign/rf/svg_dev/"
+
+var mtx_2 ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	js:[
+	// `${mod_path}m0.js`,
+	`${mod_path}m.js`,],
+	css:[`${mod_path}m.css`],
+	html:[
+	{url:`${mod_path}m.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_svg"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	{url:`ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	{url:`ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler2"},
+	]
+	}
+
+	setTimeout(add_module,300,mtx_2)
+
+
+
+}
+
+function ovf_vid() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="ign/rf/ovf_vid/"
+
+var mtx_2 ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	js:[
+	// `${mod_path}m0.js`,
+	`${mod_path}n.js`,],
+	css:[`${mod_path}n.css`],
+	html:[
+	{url:`${mod_path}n.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_ovf_vid"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	// {url:`ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	// {url:`ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler2"},
+	]
+	}
+
+	setTimeout(add_module,300,mtx_2)
+
+
+
+}
+
+
+function ui_msg() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="ign/rf/ui_msg/"
+var n ="r"
+
+var mtx_2 ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	js:[
+	// `${mod_path}m0.js`,
+	`${mod_path}${n}.js`,],
+	css:[`${mod_path}${n}.css`],
+	html:[
+	{url:`${mod_path}${n}.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_ui_msg"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	// {url:`ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	// {url:`ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler2"},
+	]
+	}
+
+	setTimeout(add_module,300,mtx_2)
+
+
+
+}
+
+
+function ui_svg() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="ign/rf/ui_msg/"
+var n ="r"
+
+var mtx_2 ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	// js:[
+	// `${mod_path}m0.js`,
+	// `${mod_path}${n}.js`,],
+	// css:[`${mod_path}${n}.css`],
+	html:[
+	// {url:`${mod_path}${n}.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_ui_msg"},
+	{url:`react/features/base/icons/svg/close.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_ui_msg"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	// {url:`ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	// {url:`ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler2"},
+	]
+	}
+
+	setTimeout(add_module,300,mtx_2)
 
 
 
+}
 
 
 
 if (location.pathname.endsWith("/")){
 insert_lobby()
+ovf_vid()
 } else {
 not_lobby()
+ui_msg()
 }
+svg_dev()
 
 
 

rf/filmstrip_mod/m.js

 clog("ff_mm")
 glob_dbg.ff.mmc += 1
 }
-function toggle_ff(){
+function toggle_ff_dflt(){
+// function toggle_ff(){
     clog("TOGGLEFF")
     // glob_dbg.ytp.playVideo()
     // return
     dispatch_resize()
 
 }
+// # toggle_ff_dflt
+
+if (window.toggle_ff_mod){
+    window.toggle_ff = toggle_ff_mod
+} else {
+    window.toggle_ff = toggle_ff_dflt
+}
+
+
+
+
+
+
+
+
+
+
 function allow_autoplay(){
     glob_dbg.ytp.playVideo()
     // clog("ALA")

rf/filmstrip_mod/m0.js

 };
 
 
+color_palette=[
+    "#fff",
+    "#ff0",
+    "#f0f",
+    "#0ff",
+    "#f00",
+    "#0f0",
+    "#00f",
+    "#800",
+    "#080",
+    "#008",
+    "#880",
+    "#088",
+    "#808",
+    "#888",
+    "#f44",
+    "#4f4",
+    "#44f",
+    // "#44f",
+    "#ff4",
+    "#4ff",
+    "#f4f",
+ 
+
+    "#f84",
+    "#8f4",
+    "#84f",
+    "#f48",
+    "#4f8",
+    "#48f",
+
+    "#400",
+    "#040",
+    "#004",
+
+    "#440",
+    "#044",
+    "#404", 
+    // "#444",
+    // "#444",
+    // "#000",
+]
+
 
 function mod_sort(){
     var arr = []
         // clog(k)
         $(k).css({"--v_index":`"I: ${cnt}"`})
         $(k).css({"--v_id":`"pseudo_${cnt}"`})
+        // $(k).css({"--v_id2":`"pseudoxxx_${cnt}"`})
+        $(k).css({"--v_cpal":color_palette[cnt]})
+        $(k).addClass(`pseudo_num_${cnt}`)
         parr.push(k)
         $(k)[0].dataset.v_index = cnt
         cnt += 1

rf/i4n/m.js

 	// text_input_template
 }
 
+function build_popup_generic(){
+	saftly_remove(".plugin_top_v2.popup_root")
+	var i,j,k,n
+	var pop_root = mod_templates_4n.find(".popup_root")
+	n = pop_root[0].outerHTML
+
+	var ntxt = mod_templates_4n.find(".text_input_template")
+	j = $(n)
+	// popup_body
+	// ntxt
 
+	// add_node(ntxt[0].outerHTML,j.find(".popup_body"),"append")
+	// j.text("z")
+	j.find(".popup_txt").text("the moderator request you turn on your camera")
+
+	add_node(j,".dev_hook.vspace","append")
+
+	// text_input_template
+}
 
 function add_event_callback(j,cb,event){
 	// j.on()
 	saftly_remove(".plugin_top_v2.popup_root")
 	add_vid_overlay()
 	build_popup()
+
+	// build_popup_av()
+	// show_popup()
 }
 
 
 clog("....")
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

rf/i4n/popup_template.js

+// C:\bspace\repos\jc4\ign4\rf\i4n\popup_template.js

rf/img/full-frame.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generated by IcoMoon.io -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   id="svg6"
+   sodipodi:docname="full-frame.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="971"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="11.313709"
+     inkscape:cx="6.1318021"
+     inkscape:cy="20.336523"
+     inkscape:window-x="1272"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g826">
+    <inkscape:grid
+       type="xygrid"
+       id="grid816" />
+  </sodipodi:namedview>
+  <title
+     id="title2">full-frame</title>
+  <g
+     id="g826"
+     transform="matrix(1.0516432,0,0,1.0738255,-0.82681685,-1.1817449)">
+    <path
+       sodipodi:nodetypes="ccccccccccccccccccccccccccc"
+       inkscape:connector-curvature="0"
+       id="path4"
+       d="m 20.754964,6.688 8.558036,0 0,6.51875 h -2.852679 v -3.725 h -5.705357 z m 5.705357,15.83125 v -3.725 H 29.313 l 0,6.51875 -8.558036,0 -4e-6,-2.79375 z M 2.688,6.688 l 8.558036,0 4e-6,2.79375 H 5.5406785 v 3.725 H 2.6879999 m 2.8526786,5.5875 v 3.725 H 11.246036 V 25.313 H 2.688 l -1e-7,-6.51875 z" />
+  </g>
+</svg>

rf/img/full-frame0.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generated by IcoMoon.io -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   id="svg6"
+   sodipodi:docname="full-frame0.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>full-screen</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="971"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="6.224086"
+     inkscape:cy="26.719107"
+     inkscape:window-x="1272"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <title
+     id="title2">full-screen</title>
+  <path
+     d="m 20.688,6.688 h 8.625 v 6.625 h -2.625 v -4 h -6 z m 6,16 v -4 h 2.625 v 6.625 h -8.625 v -2.625 z m -24,-9.375 V 6.688 h 8.625 v 2.625 h -6 v 4 z m 2.625,5.375 v 4 h 6 v 2.625 H 2.688 v -6.625 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccccccccccccccccccc" />
+</svg>

rf/img/full-frame_24.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generated by IcoMoon.io -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg6"
+   sodipodi:docname="full-frame_24.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>full-screen</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="971"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="16"
+     inkscape:cx="15.611845"
+     inkscape:cy="15.864852"
+     inkscape:window-x="1272"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-bbox="true"
+     fit-margin-top="-0.1" />
+  <title
+     id="title2">full-screen</title>
+  <path
+     d="m 15.515625,5.015625 h 6.46875 v 4.96875 h -1.96875 v -3 h -4.5 z m 4.5,12 v -3 h 1.96875 v 4.96875 h -6.46875 v -1.96875 z m -18,-7.03125 v -4.96875 h 6.46875 v 1.96875 h -4.5 v 3 z m 1.96875,4.03125 v 3 h 4.5 v 1.96875 h -6.46875 v -4.96875 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccccccccccccccccccc"
+     style="stroke-width:0.75" />
+</svg>

rf/m/m_api_v2.js

+
+
+
+// this file enables loading modules after pageload
+
+
+
+
+
+function get_cui_html(file) {
+	clog("get_cui_html",this,arguments)
+	// console.trace("~IX~ ixr")
+	clog("~IX~ ixr")
+	// for (var file of this.arr){
+		var aii 
+		aii= $.ajax({
+			// url: "ign/cui.html",
+			url: file.url,
+			// data: file.qs,
+			cache:false,
+			// complete:complete_html,
+			success: file.success || proc_cui_html,
+			// error: err_html,
+			// dataType: "text"
+			dataType: "html"
+		})
+		aii.file = file
+		// aii.rldh=file
+	// }
+}
+
+
+
+function cui_respH(){
+	clog("cui_respH")
+}
+
+function cui_diffH(file){
+	clog("cui_diffH",this,arguments)
+	// get_cui_html(file)	
+}
+
+
+
+
+
+
+function proc_cui_html(rsp,status,xhr){
+	clog("proc_cui_html",this,arguments)
+	/*
+	gxh.success = {
+		that:this,
+		rsp,status,xhr,
+		args:arguments,
+	}
+	*/
+	// insert_cui_html(rsp)
+	// rsp
+}
+function insert_cui_html(innerHTML){
+	clog("insert_cui_html....")
+	window.cui_html = innerHTML
+	t5i2.crnr_init()
+	// t5i2.crnr_refresh()
+
+	// var n
+	//  n = document.createElement("div")
+	// n = document.querySelector("#xh_root")
+	// n ? n.innerHTML = innerHTML : 0
+	// event_html(n)
+}
+
+
+function dflt_api_handler(){
+	clog("dflt_api_handler NOT IMPLIMENTED")
+}
+
+function add_rld_html(){
+	// js files
+	// html
+	// css
+
+
+
+
+rldi.files["ign/m/timer/rhtml.html"]=  {url: "ign/m/timer/rhtml.html",
+ qs: {v:1}, respH: cui_respH, diffH: cui_diffH,
+ cached:"z z",
+ success:proc_cui_html,
+}
+
+
+
+}
+
+/*
+var reqt = {
+	url:"",
+	respH:dflt_handler,
+	diffH:diff_handler,
+}
+
+*/
+
+
+
+
+// jsrh
+// cssrh
+api_dflts = {
+	dflt:window.reqt || {url:"", respH:dflt_handler, diffH:diff_handler,},
+	js:{
+		diffH:jsrh,
+		// diffH:jsrh,
+		qs:{v:1},
+	},
+	css:{
+		diffH:cssrh,
+		qs:{v:1},
+
+	},
+	html:{
+
+		diffH:html_rld_cb,
+		qs:{v:1},
+	},
+}
+
+
+api_test = {}
+
+// <script class="rld" src="ign/m/m_api.js?c=023"></script>
+function insert_js(file){
+	var n = document.createElement("SCRIPT")
+	n.classList.add("rld")
+	n.src=file.url + "?_="+new Date().getTime()
+	// n.rel="stylesheet"
+	$(`script.rld[src^="`+file.url+`"]`).remove()
+	$(".m0.module").after(n)
+}
+function remove_css(file_url){
+	$(`link.rld[href^="`+file_url+`"]`).remove()
+}
+function insert_css(file){
+	var url = file.url
+	var n = document.createElement("LINK")
+	n.classList.add("rld")
+	n.href=file.url + "?_="+new Date().getTime()
+	n.rel="stylesheet"
+	remove_css(file.url)
+	 // $(`link.rld[href^="`+file.url+`"]`).remove()
+	$(".m0.module").before(n)
+}
+function html_rld_cb(){
+	clog("html_rld_cb!")
+
+}
+
+
+function html_rld_cb2(){
+	clog("html_rld_cb2!",this,[...arguments])
+
+}
+function html_rld_cb3(){
+	clog("html_rld_cb3!",this,[...arguments])
+}
+function html_rld_cb4(rsp,status,xhr){
+	clog("html_rld_cb4!",this,[...arguments])
+	// window[this.success_js](rsp,status,xhr)
+	window[xhr.file.success_js](rsp,status,xhr)
+}
+
+
+function register_rld(file){
+	clog("RR",file)
+	file.cached = rls[file.url]
+	rldi.files[file.url] =  file
+
+}
+
+
+window.qto_stop = 0
+window.qto_cnt = 0
+function qto_init(){
+	window.qto_stop = 0
+window.qto_cnt = 0
+	// setTimeout(qto_stop_fn,1000)
+	setTimeout(qto_stop_fn,100)
+	qto()
+
+}
+function qto_stop_fn(){
+	clog("qto_stop_fn")
+	window.qto_stop =1
+}
+function qto(){
+	clog("QTO",window.qto_cnt)
+	// clog("QTO",window.qto_cnt,$(`script.rld[src^="ign/m/timer/m.js"]`))
+	window.qto_cnt += 1
+	if (!window.qto_stop){
+		setTimeout(qto,1)
+	}
+
+}
+
+
+
+	// $(`script.rld[src^="ign/m/timer/m.js"]`).remove()
+	// ign/m/timer/m.js
+
+
+
+
+// mtx ={js:["ign/m/timer/m.js"],css:["ign/m/timer/m.css"],html:["ign/m/timer/m.html"]}
+// mtx ={js:["ign/m/timer/m.js"],css:["ign/m/timer/m.css"],html:[{url:"ign/m/timer/m.html",diffH:html_rld_cb2,success:html_rld_cb4,}]}
+
+// function 
+
+
+
+
+function add_module(o){
+	var k,v
+	let file 
+		// qto_init()
+		// file = jclone(api_dflts.css)
+	for (k of o.css || []){
+		if (typeof(k) == "string"){
+			 file = $.extend(true,{},api_dflts.css, {url:k})
+		} else {
+			 file = $.extend(true,{},api_dflts.css, k)
+		}
+		// file = jclone(api_dflts.css)
+		// file.url = k
+		file.m = {mod:o.name}
+
+		register_rld(file)
+		insert_css(file)
+
+		api_test[file.url]=file
+		clog("~",k)
+	}
+	for (k of o.js || []){
+		if (typeof(k) == "string"){
+			 file = $.extend(true,{},api_dflts.js, {url:k})
+		} else {
+			 file = $.extend(true,{},api_dflts.js, k)
+		}
+		// file = jclone(api_dflts.js)
+		// file.url = k
+
+		file.m = {mod:o.name}
+		register_rld(file)
+		insert_js(file)
+
+		api_test[file.url]=file
+		clog("~",k)
+	}
+	for (k of o.html || []){
+		if (typeof(k) == "string"){
+			 file = $.extend(true,{},api_dflts.html, {url:k})
+		} else {
+			 file = $.extend(true,{},api_dflts.html, k)
+		}
+		// file = jclone(api_dflts.html)
+		// file.url = k
+		file.m = {mod:o.name}
+		register_rld(file)
+		api_test[file.url]=file
+		clog("~",k)
+		rfile = file
+		get_cui_html(file)
+	}
+
+
+}
+
+
+
+
+
+
+// jquery helper
+function add_node(n,rn,i) {
+	$(rn)[i](n)
+}
+
+mod_path ="ign/rf/filmstrip_mod/"
+
+mtx ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	js:[`${mod_path}m0.js`,`${mod_path}m.js`,],
+	css:[`${mod_path}m.css`],
+	html:[{url:`${mod_path}m.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler"}]
+	}
+
+setTimeout(add_module,300,mtx)
+
+
+// add_module(mtx )

rf/m2/interface_config_dev.js

 
 var interfaceConfigDev = {
 	DISABLE_VIDEO_BACKGROUND:true,
-    TOOLBAR_ALWAYS_VISIBLE: false,
+    // TOOLBAR_ALWAYS_VISIBLE: false,
     SHOW_DEEP_LINKING_IMAGE: false,
     // SHOW_DEEP_LINKING_IMAGE: "images/logo-deep-linking.png",
     APP_NAME:"",

rf/m2/m2.js

 		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"videobackgroundblur")
 		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"fullscreen")
 		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"shortcuts")
-		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"tileview")
+		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"tileview")
 		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"filmstrip")
 		clog("MODx",isMod,interfaceConfig.TOOLBAR_BUTTONS)
 	// interfaceConfig_obj

rf/ovf_vid/n.css

+ 

rf/ovf_vid/n.html

+ 

rf/ovf_vid/n.js

+mod_templates_ovf_vid = window.mod_templates_ovf_vid || $("")
+
+function html_js_handler_ovf_vid(rsp) {
+	// saftly_remove(".svg_plugin")
+	// clog("html_js_handler_svg",[...arguments])
+	// mod_templates_svg = $(`<span>${rsp}</span>`)
+}
+
+

rf/svg_dev/m.css

+ 
+.svg_plugin {
+	position: absolute;
+	z-index: 150;
+	background-color: #fff9;
+	padding: 100px;
+}
+
+.svg_plugin svg {
+	zoom:3;
+	background-color: #fff5;
+}
+
+.ff_svg svg {
+	/*background-color: red;*/
+	zoom: 1.5;
+}
+
+
+
+.lvov_container {
+	display: none;
+}
+
+.small_vid .m2.xbox2:after{
+	background-color: var(--v_cpal)
+}

rf/svg_dev/m.html

+ <div class="svg_plugin2">
+ 	
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20" height="1.3333466pc" width="1.3333467pc" style="fill:none;stroke:#373a4a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round">
+  <path d="m 6,1 -3,0 a 2,2 0 0 0 -2,2 l 0,3 "/>
+  <!-- m 18,0 0,-3 a 2,2 0 0 0 -2,-2 l -3,0 m 0,18 3,0 a 2,2 0 0 0 2,-2 l 0,-3 m -18,0 0,3 a 2,2 0 0 0 2,2 l 3,0 -->
+  <!-- <path d="m 6,1 -3,0 a 2,2 0 0 0 -2,2 l 0,3 m 18,0 0,-3 a 2,2 0 0 0 -2,-2 l -3,0 m 0,18 3,0 a 2,2 0 0 0 2,-2 l 0,-3 m -18,0 0,3 a 2,2 0 0 0 2,2 l 3,0"/> -->
+</svg>
+ </div>
+
+
+ <div class="svg_plugin">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>full-screen</title>
+<path d="M18.688 6.688h6.625v6.625h-2.625v-4h-4v-2.625zM22.688 22.688v-4h2.625v6.625h-6.625v-2.625h4zM6.688 13.313v-6.625h6.625v2.625h-4v4h-2.625zM9.313 18.688v4h4v2.625h-6.625v-6.625h2.625z"></path>
+</svg>
+ </div>
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>full-screen</title>
+<path d="M18.688 6.688h6.625v6.625h-2.625v-4h-4v-2.625zM22.688 22.688v-4h2.625v6.625h-6.625v-2.625h4zM6.688 13.313v-6.625h6.625v2.625h-4v4h-2.625zM9.313 18.688v4h4v2.625h-6.625v-6.625h2.625z"></path>
+</svg>
+
+
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.0002 20.000198" height="1.3333466pc" width="1.3333467pc" style="fill:none;stroke:#373a4a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round">
+  <path d="m 6.0001,1.0001 -3,0 a 2,2 0 0 0 -2,2 l 0,2.9999997 m 18,0 0,-2.9999997 a 2,2 0 0 0 -2,-2 l -3,0 m 0,18 3,0 a 2,2 0 0 0 2,-2 l 0,-3 m -18,0 0,3 a 2,2 0 0 0 2,2 l 3,0"/>
+</svg>
+
+
+<div aria-label="Toggle tile view" class="plugin_top_cls plugin_icon_template toolbox-button tb otb"><div><div class="toolbox-icon  "><div class="jitsi-icon ">
+</div></div></div></div>
+
+
+
+<div aria-label="Toggle tile view" class="plugin_top_cls plugin_icon toolbox-button tb otb"><div><div class="toolbox-icon  "><div class="jitsi-icon "><svg height="24" width="24" viewBox="0 0 24 24"><path d="M2.667 0H8a2.667 2.667 0 012.667 2.667V8A2.667 2.667 0 018 10.667H2.667A2.667 2.667 0 010 8V2.667A2.667 2.667 0 012.667 0zM4 2.667c-.736 0-1.333.597-1.333 1.333v2.667C2.667 7.403 3.264 8 4 8h2.667C7.403 8 8 7.403 8 6.667V4c0-.736-.597-1.333-1.333-1.333H4zM2.667 13.333H8A2.667 2.667 0 0110.667 16v5.333A2.667 2.667 0 018 24H2.667A2.667 2.667 0 010 21.333V16a2.667 2.667 0 012.667-2.667zM4 16c-.736 0-1.333.597-1.333 1.333V20c0 .736.597 1.333 1.333 1.333h2.667C7.403 21.333 8 20.736 8 20v-2.667C8 16.597 7.403 16 6.667 16H4zM16 0h5.333A2.667 2.667 0 0124 2.667V8a2.667 2.667 0 01-2.667 2.667H16A2.667 2.667 0 0113.333 8V2.667A2.667 2.667 0 0116 0zm1.333 2.667C16.597 2.667 16 3.264 16 4v2.667C16 7.403 16.597 8 17.333 8H20c.736 0 1.333-.597 1.333-1.333V4c0-.736-.597-1.333-1.333-1.333h-2.667zM16 13.333h5.333A2.667 2.667 0 0124 16v5.333A2.667 2.667 0 0121.333 24H16a2.667 2.667 0 01-2.667-2.667V16A2.667 2.667 0 0116 13.333zM17.333 16c-.736 0-1.333.597-1.333 1.333V20c0 .736.597 1.333 1.333 1.333H20c.736 0 1.333-.597 1.333-1.333v-2.667c0-.736-.597-1.333-1.333-1.333h-2.667z"></path></svg></div></div></div></div>
+

rf/svg_dev/m.js

+ 
+mod_templates_svg = window.mod_templates_svg || $("")
+mod_templates_svg_icon = window.mod_templates_svg_icon || $("")
+mod_templates_svg_icon2 = window.mod_templates_svg_icon2 || $("")
+
+// reload templates
+function html_js_handler_svg(rsp) {
+	saftly_remove(".svg_plugin")
+	clog("html_js_handler_svg",[...arguments])
+	mod_templates_svg = $(`<span>${rsp}</span>`)
+	init_svg_icon()
+	// init_lobby()
+	// init_svg()
+	// show_popup()
+	// build_popup()
+
+	// init_api6()
+}
+
+function svg_icon_handler(rsp) {
+	// saftly_remove(".svg_plugin")
+	clog("mod_templates_svg_icon",[...arguments])
+	mod_templates_svg_icon = $(`<span>${rsp}</span>`)
+	// mod_templates_svg_icon = $(`${rsp}`)
+	clog("mod_templates_svg_icon")
+	init_svg_icon()
+
+	// plugin_icon_template
+	// mod_templates_svg_icon
+
+
+
+	// init_lobby()
+	// init_svg()
+	// show_popup()
+	// build_popup()
+
+	// init_api6()
+}
+
+function svg_icon_handler2(rsp) {
+	// saftly_remove(".svg_plugin")
+	clog("mod_templates_svg_icon",[...arguments])
+	mod_templates_svg_icon2 = $(`<span>${rsp}</span>`)
+	// mod_templates_svg_icon = $(`${rsp}`)
+	clog("mod_templates_svg_icon")
+	init_svg_icon()
+
+	// plugin_icon_template
+	// mod_templates_svg_icon
+
+
+
+	// init_lobby()
+	// init_svg()
+	// show_popup()
+	// build_popup()
+
+	// init_api6()
+}
+
+function init_svg_icon(){
+		saftly_remove(".svg_plugin")
+	saftly_remove(".plugin_icon")
+	saftly_remove(".plugin_icon_template")
+	clog("...")
+
+	var icon_template = $(mod_templates_svg[0].outerHTML)
+	var svg_content = $(mod_templates_svg_icon[0].outerHTML)
+	var n,svg
+
+	n = icon_template.find(".plugin_icon_template")
+	// n = mod_templates.find(".plugin_icon_template")
+	// svg = mod_templates_svg_icon.find("svg")
+	
+	svg = svg_content.find("svg")
+	if (!(n.length) || !(svg.length) ){
+		return
+	}
+
+
+	// n.find(".jitsi-icon").addpen
+	add_node(svg,n.find(".jitsi-icon"),"prepend")
+	// n.addClass("fullframe_icon")
+	n.addClass("ff_icon")
+	n.click(toggle_ff_mod)
+	add_node(n,".button-group-right","prepend")
+	clog("...",n)
+	// init_svg_icon2()
+}
+function init_svg_icon2(){
+		saftly_remove(".svg_plugin")
+
+	// saftly_remove(".plugin_icon")
+	// saftly_remove(".plugin_icon_template")
+	clog("...")
+
+	var icon_template = $(mod_templates_svg[0].outerHTML)
+	var svg_content = $(mod_templates_svg_icon2[0].outerHTML)
+	var n,svg
+
+	n = icon_template.find(".plugin_icon_template")
+	// n = mod_templates.find(".plugin_icon_template")
+	// svg = mod_templates_svg_icon.find("svg")
+	
+	svg = svg_content.find("svg")
+
+
+	// n.find(".jitsi-icon").addpen
+	add_node(svg,n.find(".jitsi-icon"),"prepend")
+	n.addClass("ff_svg")
+	add_node(n,".button-group-right","prepend")
+	clog("...",n)
+}
+
+
+function init_svg(){
+	clog("init_svg")
+	saftly_remove(".svg_plugin")
+	saftly_remove(".plugin_icon")
+	// return
+
+	// var n = mod_templates_svg.find(".svg_plugin")
+	var mod_templates = $(mod_templates_svg[0].outerHTML)
+	var n = mod_templates.find(".plugin_icon")
+	// add_node(n,"body","prepend")
+	add_node(n,".button-group-right","prepend")
+	clog("init_svg...fin",n)
+	// button-group-right
+
+
+}
+function toggle_ff_mod(){
+    clog("TOGGLEFF")
+    // glob_dbg.ytp.playVideo()
+    // return
+    glob_mx.dims.fullframe = !glob_mx.dims.fullframe
+    if (glob_mx.dims.fullframe){
+        $(".ff_icon .toolbox-icon").addClass("toggled")
+        // $(".ff_icon").addClass("checked")
+        $(".vspace").addClass("_hide")
+        $(".toggle_ff")[0].innerHTML = "shrink"
+        $(".toggle_ff")[0].innerHTML = "exit fullframe"
+        // $(".ff_icon").addClass
+        // ._hide
+    } else {
+        $(".ff_icon .toolbox-icon").removeClass("toggled")
+        $(".toggle_ff")[0].innerHTML = "enter fullframe"
+        $(".vspace").removeClass("_hide")
+    }
+    dispatch_resize()
+
+}
+
+
+// init_svg()
+init_svg_icon()
+
+clog(":zzz")

rf/ui_msg/r.css

+ 

rf/ui_msg/r.html

+ 
+
+

rf/ui_msg/r.js

+mod_templates_ui_msg = window.mod_templates_ui_msg || $("")
+
+// html_js_handler_ui_msg 
+function html_js_handler_ui_msg(rsp) {
+	clog("html_js_handler_ui_msg",[...arguments])
+	mod_templates_ui_msg = $(`<span>${rsp}</span>`)
+	// clog("html_js_handler_lobby2")
+	// init_lobby()
+	// clog("html_js_handler_lobby3")
+	// init_api6()
+}
+glob_mx.svg = window.glob_mx.svg || {}
+
+function load_svg(url,name){
+
+}
+
+
+function load_svg_handler(url,name){
+
+}