From 8a0613baae6dbe0f9f3456674d10fa152c53e1bb Mon Sep 17 00:00:00 2001
From: a-Sansara <dev@a-sansara.net>
Date: Thu, 17 Dec 2015 00:32:36 +0100
Subject: [PATCH] decouple code between bt and svan with refacto, manage frame
 context and callback - update version to 0.5

---
 README.md       |  34 ++++---
 demo.html       |  31 +++---
 src/bt-min.js   |   7 +-
 src/bt.js       | 257 ++++++++++++++++++++++++++----------------------
 src/svan-min.js |   1 +
 5 files changed, 180 insertions(+), 150 deletions(-)
 create mode 100644 src/svan-min.js

diff --git a/README.md b/README.md
index 369cf60..0960196 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,19 @@
 # bt
-manage communication between browser tabs
+
+    Manage commnunication between browser tabs.
+    this js lib can perform several actions on browser tabs like :
+        - append/rewrite/synchro node on all (other) tabs or a specific tab (and possibly on specific frame context) eventually with callback.
+        - reload all tabs or a specific tab with specified url or tab 's current url
+        - perform your custom actions on all tabs or specific tab
 
 ### require
 
-  html5 localStorage
+    html5 localStorage svan (pluie.org small vanilla jquery-like lib)
 
 
 ### Initialize
 
-    $v(document).ready(function() {
+    $(document).ready(function() {
         $bt.init();
     }
 
@@ -17,21 +22,30 @@ manage communication between browser tabs
 
     // append data on node to other browser tabs
     $bt.append('#test', "<b>it's cool to append</b>");
-    
+
     // rewrite content on node to other browser tabs
     $bt.html('#test', "<b>it's cool to rewrite</b>");
 
-    // rewrite content to specific browser tabs
-    $bt.html('#test', "<b>it's cool to rewrite</b>", '1449974562012');
+    // append content to specific browser tab
+    $bt.append('#test', "<b>it's cool to rewrite</b>", null, null, '1449974562012');
+
+    // rewrite content to specified browser tab with callback
+    $bt.html('#test', "<b>it's cool to rewrite</b>", null, function() { alert('callback'); }, '1449974562012');
+
+    // append content to specified browser tab on specific frame
+    $bt.append('#test', "<b>it's cool to rewrite</b>", 'frameName', null, '1449974562012');
 
     // perform a node synchro to other browser tabs
     $bt.sync('#test');
 
+    // perform a node synchro to specified browser tab on specific frame with callback
+    $bt.sync('#test', 'frameName', callback, '1449974562012');
+
     // reload other browser tabs
     $bt.reload();
 
-    // reload other browser tabs to specific url
-    $bt.reload(window.location.path+"?reloaded=1");
+    // reload specific browser tab to specific url
+    $bt.reload(window.location.path+"?reloaded=1", '1449974562012');
 
     // get browser tab list
     $bt.list;
@@ -61,11 +75,9 @@ manage communication between browser tabs
 ### Bonus
 
     // alias localStorage : clear|rem|get|set
-    $l;
+    $l
     // alias json : str|obj
     $j
-    // minimal vanilla jquery style : ready|on|html|append|attr|val|foreach
-    $v
 
 
 ### Demo
diff --git a/demo.html b/demo.html
index 35d95f8..fd3c0cb 100644
--- a/demo.html
+++ b/demo.html
@@ -19,8 +19,12 @@
 <h2>pluie.org bt demo : </h2>
 <span>author : a-sansara - version : 0.4</span>
 <div>
-<p>
-    this js lib can perform several actions on browser tabs.
+<p> Manage commnunication between browser tabs.</p>
+<p> this js lib can perform several actions on browser tabs like :<br/>
+    <ul><li>append/rewrite/synchro node on all (other) tabs or a specific tab (and possibly on specific frame context) eventually with callback.</li>
+        <li>reload all tabs or a specific tab with specified url or tab 's current url</li>
+        <li>perform your custom actions on all tabs or specific tab</li>
+    </ul>
 </p>
 <h3>Static actions</h3>
 <button class="cmd-sta-append" title="$bt.append('#test', '<b>it\'s cool to append</b><br/>');">static dom append</button>
@@ -41,6 +45,7 @@ enter txt or html : <br/>
 <h3>Target output</h3>
 <div id="test"></div>
 </div>
+<script type="text/javascript" src="src/svan-min.js"></script>
 <script type="text/javascript" src="src/bt-min.js"></script>
 <script type="text/javascript">
 // define a new custom cmd
@@ -56,42 +61,42 @@ $bt.on = function(cmd) {
     }
 }
 //
-$v(document).ready(function() {
+$(document).ready(function() {
     $bt.init();
     var bind = function(call) {
-        var html = $v('#data').val();
+        var html = $('#data').val();
         if (html.length > 0) call(html)
-        else $v('#data').attr('placeholder', 'insert data first !');
+        else $('#data').attr('placeholder', 'insert data first !');
     }
-    $v('.cmd-append').on('click', function(){
+    $('.cmd-append').on('click', function(){
         bind(function(data) {
             $bt.append('#test', data);
         });
     });
-    $v('.cmd-html').on('click', function(){
+    $('.cmd-html').on('click', function(){
         bind(function(data) {
             $bt.html('#test', data);
         });
     });
-    $v('.cmd-custom').on('click', function(){
+    $('.cmd-custom').on('click', function(){
         bind(function(data) {
             $bt.send({ name : $bt.CMD_CUSTOM, customKey : data });
         });
     });
-    $v('.cmd-sync').on('click', function(){
+    $('.cmd-sync').on('click', function(){
         $v('h2').html('pluie.org bt demo (sync on '+(new Date).getTime()+') :');
         $bt.sync('h2');
     });
-    $v('.cmd-reload').on('click', function(){
+    $('.cmd-reload').on('click', function(){
         $bt.reload(window.location.pathname+"?reload="+(new Date).getTime());
     });
-    $v('.cmd-tarsync').on('click', function(){
+    $('.cmd-tarsync').on('click', function(){
         $bt.sync('#test');
     });
-    $v('.cmd-sta-append').on('click', function(){
+    $('.cmd-sta-append').on('click', function(){
         eval(this.title);
     });
-    $v('.cmd-sta-html').on('click', function(){
+    $('.cmd-sta-html').on('click', function(){
         eval(this.title);
     });
 });
diff --git a/src/bt-min.js b/src/bt-min.js
index a2f09ac..5e0d201 100644
--- a/src/bt-min.js
+++ b/src/bt-min.js
@@ -1,6 +1 @@
-/* by a-sansara - https://github.com/pluie-org/bt */var $bt={TRACE:true&&typeof console!="undefined",LS_TABS:'bt.tabs',LS_CURTAB:'bt.ctab',LS_CMD:'bt.cmd',CMD_SYNC:'bt.sync',CMD_APPEND:'dom.append',CMD_HTML:'dom.html',CMD_RELOAD:'bt.reload',init:function(fn){this._init(fn);},on:function(cmd){this.log(cmd);},log:function(data){if(this.TRACE)console.log(data);},send:function(cmd){cmd.uid=this.id+Math.random();cmd.from=this.id;if(typeof cmd.to=="undefined")cmd.to="*";$l.set(this.LS_CMD,$j.str(cmd));$l.rem(this.LS_CMD);},append:function(selector,data,btid){this._dom(this.CMD_APPEND,selector,data,btid);},html:function(selector,data,btid){this._dom(this.CMD_HTML,selector,data,btid);},sync:function(selector,btid){this._dom(this.CMD_HTML,selector,$v(selector).html(),btid);},reload:function(url,btid){$bt.send({name:$bt.CMD_RELOAD,url:url,to:!btid?'*':btid});},_refresh:function(){$bt.list=$j.obj($l.get($bt.LS_TABS));},_broadcast:function(){$bt.send({name:$bt.CMD_SYNC});},_remove:function(id){if(!id)id=$bt.id;var i=$bt.list.indexOf(id);if(i>-1)$bt.list.splice(i,1);},_init:function(fn){$v(window).on('beforeunload',$bt._unload);$v(window).on('storage',$bt._cmd);$v(window).on('focus',$bt._focus);$bt.id=(new Date).getTime();var t=$l.get($bt.LS_TABS);$bt.list=t==null?[]:$j.obj(t);$bt.list.push($bt.id);$l.set($bt.LS_TABS,$j.str($bt.list));$bt._broadcast();$bt.log($bt.list);if(typeof fn=="function")fn();},_dom:function(n,s,d,id){$bt.send({name:n,selector:s,data:d,to:!id?'*':id});},_unload:function(e){$bt._refresh();$bt._remove();$l.set($bt.LS_TABS,$j.str($bt.list));$bt._broadcast();return null;},_focus:function(e){$l.set($bt.LS_CURTAB,$bt.id);},_cmd:function(e){if(e.key!=$bt.LS_CMD)return;var cmd=$j.obj(e.newValue);if(!cmd)return;if(cmd.to=="*"||cmd.to==$bt.id){$bt.log("do "+cmd.name);$bt.log(cmd);switch(cmd.name){case $bt.CMD_SYNC:$bt._refresh();$bt.log($bt.list);break;case $bt.CMD_APPEND:$v(cmd.selector).append(cmd.data);break;case $bt.CMD_HTML:$v(cmd.selector).html(cmd.data);break;case $bt.CMD_RELOAD:window.location=typeof cmd.url!="undefined"?cmd.url:window.location;break;default:if(typeof $bt.on=="function")$bt.on(cmd);}}}}
-var $v=function(p){var s=typeof p=="string";var c=s?document.querySelectorAll(p):null;var a=s?[].slice.call(c):[p];delete(s);if(p==localStorage){return{clear:function(){return p.clear();},get:function(k){return p.getItem(k);},rem:function(k){return p.removeItem(k);},set:function(k,v){return p.setItem(k,v);}};}
-else if(p==JSON){return{str:function(o){return p.stringify(o);},obj:function(s){return p.parse(s);}};}
-else{this.foreach=function(f){[].forEach.call(c,f);};this.html=function(d){if(arguments.length==0)return a[0].innerHTML;else a[0].innerHTML=d;};this.append=function(d){this.foreach(function(n){n.innerHTML+=d;});};this.on=function(t,f,u){if(c!=null){this.foreach(function(n){n.addEventListener(t,f,u===true);});}
-else a[0].addEventListener(t,f,u===true);};this.val=function(d){if(arguments.length==0)return a[0].value;else a[0].value=d;};this.attr=function(k,v){if(arguments.length==1)return a[0].getAttribute(k);else a[0].setAttribute(k,v);};this.ready=function(f){document.addEventListener('DOMContentLoaded',f);};return this;}}
-var $l=$v(localStorage);var $j=$v(JSON);
+/* by a-sansara - v 0.5 - https://github.com/pluie-org/bt */var $l=function(){var t=localStorage;return{clear:function(){return t.clear()},get:function(n){return t.getItem(n)},rem:function(n){return t.removeItem(n)},set:function(n,e){return t.setItem(n,e)}}}(),$j=function(){var t=JSON;return{str:function(n){return t.stringify(n)},obj:function(n){return t.parse(n)}}}(),$bt={VERSION:.5,TRACE:!0&&!$.isNone(console),LS_TABS:"bt.tabs",LS_CURTAB:"bt.ctab",LS_CMD:"bt.cmd",CMD_SYNC:"bt.sync",CMD_VAR_SET:"var.set",CMD_VAR_GET:"var.get",CMD_APPEND:"dom.append",CMD_HTML:"dom.html",CMD_RELOAD:"bt.reload",vars:[],init:function(t){this._init(t)},on:function(t){this.log(t)},log:function(t){this.TRACE&&console.log(t)},send:function(t){t.uid=this.id+Math.random(),t.from=this.id,$.isNone(t.to)&&(t.to="*"),t=$j.str(t),$bt.log("sending cmd : "+this.LS_CMD+" : "+t),$l.set(this.LS_CMD,t),$l.rem(this.LS_CMD)},append:function(t,n,e,o,c){this._dom(this.CMD_APPEND,e,t,n,o,c)},html:function(t,n,e,o,c){this._dom(this.CMD_HTML,e,t,n,o,c)},sync:function(t,n,e,o){var c=$.isNone(n)||null==n?document:parent.frames[n].document;this._dom(this.CMD_HTML,n,t,$(t,c).html(),e,o)},reload:function(t,n){$bt.send({name:$bt.CMD_RELOAD,url:t,to:n?n:"*"})},varset:function(t,n){$bt.vars[t]=n,$bt.send({name:$bt.CMD_VAR_SET,data:{k:t,v:n}})},varget:function(t){if($bt.list.length>1){var n=$bt.list[0]==$bt.id?$bt.list[1]:$bt.list[0];$bt.send({name:$bt.CMD_VAR_GET,data:{k:t},to:n})}return $bt.vars[t]},_refresh:function(){$bt.list=$j.obj($l.get($bt.LS_TABS))},_broadcast:function(){$bt.send({name:$bt.CMD_SYNC})},_remove:function(t){t||(t=$bt.id);var n=$bt.list.indexOf(t);n>-1&&$bt.list.splice(n,1)},_init:function(t){$(window).on("beforeunload",$bt._unload),$(window).on("storage",$bt._cmd),$(window).on("focus",$bt._focus),$bt.id=(new Date).getTime();var n=$l.get($bt.LS_TABS);$bt.list=null==n?[]:$j.obj(n),$bt.list.push($bt.id),$l.set($bt.LS_TABS,$j.str($bt.list)),$bt._broadcast(),$bt.log($bt.list),$.isFunc(t)&&t()},_dom:function(t,n,e,o,c,i){$bt.send({name:t,context:n,selector:e,data:o,fn:c,to:i?i:"*"})},_unload:function(){return $bt._refresh(),$bt._remove(),$l.set($bt.LS_TABS,$j.str($bt.list)),$bt._broadcast(),null},_focus:function(){$l.set($bt.LS_CURTAB,$bt.id)},_cmd:function(e){if($.isNone(e.originalEvent)||(e=e.originalEvent),e.key==$bt.LS_CMD){var cmd=$j.obj(e.newValue);if(cmd)if($bt.log("RECEIVING cmd "+cmd.name+" : "),"*"==cmd.to||cmd.to==$bt.id){$bt.log("do "+cmd.name),$bt.log(cmd);try{$.isNone(cmd.context)||($bt.log(cmd.context),cmd.context=window.parent.frames[cmd.context].document,$bt.log(cmd.context))}catch(e){$bt.log("bad context "+cmd.context+" : "+e.message)}switch(cmd.name){case $bt.CMD_SYNC:$bt._refresh(),$bt.log($bt.list);break;case $bt.CMD_APPEND:$(cmd.selector,cmd.context).append(cmd.data);break;case $bt.CMD_HTML:$(cmd.selector,cmd.context).html(cmd.data);break;case $bt.CMD_RELOAD:window.location=$.isNone(cmd.url)?window.location:cmd.url;break;case $bt.CMD_VAR_GET:$bt.varset(cmd.data.k,$bt.vars[cmd.data.k],cmd.from);break;case $bt.CMD_VAR_SET:$bt.vars[cmd.data.k]=cmd.data.v;break;default:$.isFunc($bt.on)&&$bt.on(cmd)}if($.isStr(cmd.fn)&&cmd.fn.length>0){$bt.log(cmd.fn);var f=eval("window."+cmd.fn);$.isFunc(f)&&f()}}else $bt.log("ignoring (not target)")}}};
diff --git a/src/bt.js b/src/bt.js
index 9314459..6cdf6d7 100644
--- a/src/bt.js
+++ b/src/bt.js
@@ -3,19 +3,21 @@
  * @contributors  :
  * @copyright     : pluie.org
  * @date          : 2015-12-10 22:22:34
- * @version       : 0.4
+ * @version       : 0.5
  * @license       : MIT
- * @require       : html5 localStorage
- * @desc          :
+ * @require       : html5 localStorage svan (small vanilla jquery-like lib)
+ * @desc          : manage communication between browser tabs
  *
  *  USAGE :
  *
  *
  *  Initialize
  *
- *      $v(document).ready(function() {
+ *
+ *      $(document).ready(function() {
  *          $bt.init();
- *      }
+ *      });
+ *
  *
  *
  *  Internal Commands
@@ -26,17 +28,26 @@
  *      // rewrite content on node to other browser tabs
  *      $bt.html('#test', "<b>it's cool to rewrite</b>");
  *
- *      // rewrite content to specific browser tabs
- *      $bt.html('#test', "<b>it's cool to rewrite</b>", '1449974562012');
+ *      // append content to specific browser tab
+ *      $bt.append('#test', "<b>it's cool to rewrite</b>", null, null, '1449974562012');
+ *
+ *      // rewrite content to specified browser tab with callback
+ *      $bt.html('#test', "<b>it's cool to rewrite</b>", null, function() { alert('callback'); }, '1449974562012');
+ *
+ *      // append content to specified browser tab on specific frame
+ *      $bt.append('#test', "<b>it's cool to rewrite</b>", 'frameName', null, '1449974562012');
  *
  *      // perform a node synchro to other browser tabs
  *      $bt.sync('#test');
  *
+ *      // perform a node synchro to specified browser tab on specific frame with callback
+ *      $bt.sync('#test', 'frameName', callback, '1449974562012');
+ *
  *      // reload other browser tabs
  *      $bt.reload();
  *
- *      // reload other browser tabs to specific url
- *      $bt.reload(window.location.path+"?reloaded=1");
+ *      // reload specific browser tab to specific url
+ *      $bt.reload(window.location.path+"?reloaded=1", '1449974562012');
  *
  *      // get browser tab list
  *      $bt.list;
@@ -68,34 +79,58 @@
  *      $l;
  *      // alias json : str|obj
  *      $j
- *      // minimal vanilla jquery style : ready|on|html|append|attr|val|foreach
- *      $v
  *
  *  enjoy !
  */
+
+var $l = (function alias() {
+    var a = localStorage;
+    return {
+        clear : function() { return a.clear(); },
+        get   : function(k) { return a.getItem(k); },
+        rem   : function(k) { return a.removeItem(k); },
+        set   : function(k, v) { return a.setItem(k, v); }
+    };
+}());
+
+var $j = (function alias() {
+    var a = JSON;
+    return {
+        str : function(o) { return a.stringify(o); },
+        obj : function(s) { return a.parse(s); }
+    };
+}());
+
 var $bt  = {
-    TRACE      : true && typeof console != "undefined",
+    VERSION      : 0.5,
+    TRACE        : true && !$.isNone(console),
     /*! @constant LS_TABS localStorage key for browsertabs list  */
-    LS_TABS    : 'bt.tabs',
+    LS_TABS      : 'bt.tabs',
     /*! @constant LS_CURTAB localStorage key for current browsertab */
-    LS_CURTAB  : 'bt.ctab',
+    LS_CURTAB    : 'bt.ctab',
     /*! @constant LS_CMD localStorage key command to interact with other tabs */
-    LS_CMD     : 'bt.cmd',
+    LS_CMD       : 'bt.cmd',
     /*! @constant CMD_SYNC internal command to perform a browser tab synchro */
-    CMD_SYNC   : 'bt.sync',
+    CMD_SYNC     : 'bt.sync',
+    /*! @constant CMD_VAR_SET internal command to perform a browser tab var set */
+    CMD_VAR_SET  : 'var.set',
+    /*! @constant CMD_VAR_GET internal command to perform a browser tab var get */
+    CMD_VAR_GET  : 'var.get',
     /*! @constant CMD_APPEND internal command to perform a dom append */
-    CMD_APPEND : 'dom.append',
+    CMD_APPEND   : 'dom.append',
     /*! @constant CMD_HTML internal command to perform a dom html */
-    CMD_HTML   : 'dom.html',
+    CMD_HTML     : 'dom.html',
     /*! @constant CMD_RELOAD internal command to perform a browser tab reload */
-    CMD_RELOAD : 'bt.reload',
+    CMD_RELOAD   : 'bt.reload',
+    /*! @var vars */
+    vars         : [],
     /*!
      * @desc    initialize on dom ready
      * @public
      * @method  init
      * @param   string  fn          a function to call on initializing on dom ready
      */
-    init       : function(fn) {
+    init         : function(fn) {
         this._init(fn);
     },
     /*!
@@ -104,7 +139,7 @@ var $bt  = {
      * @method  on
      * @param   string  cmd         a cmd to treat
      */
-    on         : function(cmd) {
+    on           : function(cmd) {
         // custom
         this.log(cmd);
     },
@@ -114,7 +149,7 @@ var $bt  = {
      * @method  on
      * @param   mix     data        data to log
      */
-    log        : function(data) {
+    log          : function(data) {
         if (this.TRACE) console.log(data);
     },
     /*!
@@ -123,75 +158,93 @@ var $bt  = {
      * @method  send
      * @param   object  cmd         the cmd to send
      */
-    send       : function(cmd) {
+    send         : function(cmd) {
         cmd.uid  = this.id+Math.random();
         cmd.from = this.id;
-        if (typeof cmd.to == "undefined") cmd.to = "*";
-        $l.set(this.LS_CMD, $j.str(cmd));
+        if ($.isNone(cmd.to)) cmd.to = "*";
+        cmd = $j.str(cmd);
+        $bt.log('sending cmd : '+this.LS_CMD+' : '+cmd);
+        $l.set(this.LS_CMD, cmd);
         $l.rem(this.LS_CMD);
     },
     /*!
-     * @desc    perform an dom append command on other tabs
+     * @desc    perform a dom append command on other tabs
      * @public
      * @method  append
      * @param   string  selector    the selector wich target the node(s)
      * @param   string  data        the data to append
+     * @param   string  ctx         context name of selector (frame name relative to document wich match specified selector) or if not defined or null current document
      * @param   int     btid        target browser tab id (if not defined all target all tabs)
      */
-    append     : function(selector, data, btid) {
-        this._dom(this.CMD_APPEND, selector, data, btid);
+    append       : function(selector, data, ctx, fn, btid) {
+        this._dom(this.CMD_APPEND, ctx, selector, data, fn, btid);
     },
     /*!
-     * @desc    perform an dom html command on other tabs
+     * @desc    perform a dom html command on other tabs
      * @public
      * @method  append
      * @param   string  selector    the selector wich target the node(s)
      * @param   string  data        the data to append
+     * @param   string  ctx         context name of selector (frame name relative to document wich match specified selector) or if not defined or null current document
      * @param   int     btid        target browser tab id (if not defined all target all tabs)
      */
-    html       : function(selector, data, btid) {
-        this._dom(this.CMD_HTML, selector, data, btid);
+    html         : function(selector, data, ctx, fn, btid) {
+        this._dom(this.CMD_HTML, ctx, selector, data, fn, btid);
     },
     /*!
-     * @desc    perform an dom synchro command on other tabs
+     * @desc    perform a dom synchro command on other tabs
      * @public
      * @method  sync
      * @param   string  selector    the selector wich target the node(s) to synchro
+     * @param   string  ctx         context name of selector (frame name relative to document wich match specified selector) or if not defined or null current document
      * @param   int     btid        target browser tab id (if not defined all target all tabs)
      */
-    sync       : function(selector, btid) {
-        this._dom(this.CMD_HTML, selector, $v(selector).html(), btid);
+    sync         : function(selector, ctx, fn, btid) {
+        var c = !$.isNone(ctx) && ctx != null ? parent.frames[ctx].document : document;
+        this._dom(this.CMD_HTML, ctx, selector, $(selector, c).html(), fn, btid);
     },
     /*!
-     * @desc    perform an reload command on other tabs with specified url
+     * @desc    perform a reload command on other tabs with specified url
      * @public
      * @method  reload
      * @param   string  url         the url to load (if not defined load current page)
      * @param   int     btid        target browser tab id (if not defined all target all tabs)
      */
-    reload     : function(url, btid) {
+    reload       : function(url, btid) {
         $bt.send({ name : $bt.CMD_RELOAD, url : url, to : !btid ? '*' : btid });
     },
+    /*! */
+    varset       : function(k, v) {
+        $bt.vars[k] = v;
+        $bt.send({ name : $bt.CMD_VAR_SET, data : { k : k, v : v } });
+    },
+    /*! */
+    varget       : function(k) {
+        if ($bt.list.length >1) {
+            var to = $bt.list[0] == $bt.id ? $bt.list[1] : $bt.list[0];
+            $bt.send({ name : $bt.CMD_VAR_GET, data : { k : k }, to : to });
+        }
+        return $bt.vars[k];
+    },
     /*! @private */
-    _refresh   : function() {
+    _refresh     : function() {
         $bt.list = $j.obj($l.get($bt.LS_TABS));
     },
     /*! @private */
-    _broadcast : function() {
+    _broadcast   : function() {
         $bt.send({ name : $bt.CMD_SYNC });
     },
     /*! @private */
-    _remove    : function(id) {
+    _remove      : function(id) {
         if (!id) id = $bt.id;
         var i = $bt.list.indexOf(id);
         if (i > -1) $bt.list.splice(i, 1);
     },
     /*! @private */
-    _init      : function(fn) {
-        $v(window).on('beforeunload', $bt._unload);
-        $v(window).on('storage', $bt._cmd);
-        $v(window).on('focus', $bt._focus);
-        //~ $l.clear();
+    _init        : function(fn) {
+        $(window).on('beforeunload', $bt._unload);
+        $(window).on('storage', $bt._cmd);
+        $(window).on('focus', $bt._focus);
         $bt.id   = (new Date).getTime();
         var t    = $l.get($bt.LS_TABS);
         $bt.list = t==null ? [] : $j.obj(t);
@@ -199,14 +252,14 @@ var $bt  = {
         $l.set($bt.LS_TABS, $j.str($bt.list));
         $bt._broadcast();
         $bt.log($bt.list);
-        if (typeof fn == "function") fn();
+        if ($.isFunc(fn)) fn();
     },
     /*! @private */
-    _dom       : function(n, s, d, id) {
-        $bt.send({ name : n, selector : s, data : d, to : !id ? '*' : id });
+    _dom         : function(n, c, s, d, fn, id) {
+        $bt.send({ name : n, context : c, selector : s, data : d, fn : fn, to : !id ? '*' : id });
     },
     /*! @private */
-    _unload    : function(e) {
+    _unload      : function(e) {
         $bt._refresh();
         $bt._remove();
         $l.set($bt.LS_TABS, $j.str($bt.list));
@@ -214,17 +267,29 @@ var $bt  = {
         return null;
     },
     /*! @private */
-    _focus     : function(e) {
+    _focus       : function(e) {
         $l.set($bt.LS_CURTAB, $bt.id);
     },
     /*! @private */
-    _cmd       : function(e) {
+    _cmd         : function(e) {
+        if (!$.isNone(e.originalEvent)) e = e.originalEvent;
         if (e.key!=$bt.LS_CMD) return;
         var cmd = $j.obj(e.newValue);
         if (!cmd) return;
+        $bt.log('RECEIVING cmd '+cmd.name+' : ');
         if (cmd.to == "*" || cmd.to == $bt.id) {
             $bt.log("do "+cmd.name);
             $bt.log(cmd);
+            try {
+                if (!$.isNone(cmd.context)) {
+                    $bt.log(cmd.context);
+                    cmd.context = window.parent.frames[cmd.context].document;
+                    $bt.log(cmd.context);
+                }
+            }
+            catch(e) {
+                $bt.log("bad context "+cmd.context+" : "+e.message);
+            }
             switch(cmd.name) {
 
                 case $bt.CMD_SYNC : 
@@ -233,87 +298,39 @@ var $bt  = {
                     break;
 
                 case $bt.CMD_APPEND :
-                    $v(cmd.selector).append(cmd.data);
+                    $(cmd.selector, cmd.context).append(cmd.data);
                     break;
 
                 case $bt.CMD_HTML :
-                    $v(cmd.selector).html(cmd.data);
+                    $(cmd.selector, cmd.context).html(cmd.data);
                     break;
 
                 case $bt.CMD_RELOAD :
-                    window.location = typeof cmd.url != "undefined" ? cmd.url : window.location;
+                    window.location = !$.isNone(cmd.url) ? cmd.url : window.location;
+                    break;
+
+                case $bt.CMD_VAR_GET :
+                    $bt.varset(cmd.data.k, $bt.vars[cmd.data.k], cmd.from);
+                    break;
+
+                case $bt.CMD_VAR_SET :
+                    $bt.vars[cmd.data.k] = cmd.data.v;
                     break;
 
                 default :
                     // do your stuff here
-                    if (typeof $bt.on == "function") $bt.on(cmd);
+                    if ($.isFunc($bt.on)) $bt.on(cmd);
             }
+            if ($.isStr(cmd.fn) && cmd.fn.length>0) {
+                $bt.log(cmd.fn);
+                var f = eval("window."+cmd.fn);
+                if ($.isFunc(f)) {
+                    f();
+                }
+            }
+        }
+        else {
+            $bt.log("ignoring (not target)");
         }
     }
 }
-// vanilla minimal jquery style
-var $v = function(p) {
-    var s  = typeof p == "string";
-    var c = s ? document.querySelectorAll(p) : null;
-    var a = s ? [].slice.call(c) : [p];
-    delete(s);
-    // alias 
-    if (p==localStorage) {
-        return {
-            clear : function() { return p.clear(); },
-            get   : function(k) { return p.getItem(k); },
-            rem   : function(k) { return p.removeItem(k); },
-            set   : function(k, v) { return p.setItem(k, v); }
-        };
-    }
-    // alias 
-    else if (p==JSON) {
-        // alias JSON
-        return {
-            str : function(o) { return p.stringify(o); },
-            obj : function(s) { return p.parse(s); }
-        };
-    }
-    else {
-        this.foreach = function(f) {
-            [].forEach.call(c, f);
-        };
-        // assume uniq selector
-        // Living Standard cf https://w3c.github.io/DOM-Parsing/#innerhtml
-        this.html = function(d) {
-            if (arguments.length == 0) return a[0].innerHTML;
-            else a[0].innerHTML = d;
-        };
-        this.append = function(d) {
-            this.foreach(function(n) {
-                n.innerHTML += d;
-            });
-        };
-        this.on = function(t, f, u) {
-            if (c != null) {
-                this.foreach(function(n) {
-                    n.addEventListener(t, f, u===true);
-                });
-            }
-            else a[0].addEventListener(t, f, u===true);
-        };
-        // assume uniq selector
-        this.val = function(d) {
-            if (arguments.length == 0) return a[0].value;
-            else a[0].value = d;
-        };
-        // assume uniq selector
-        this.attr = function(k, v) {
-            if (arguments.length == 1) return a[0].getAttribute(k);
-            else a[0].setAttribute(k, v);
-        };
-        this.ready = function(f) {
-            document.addEventListener('DOMContentLoaded', f);
-        };
-    return this;
-    }
-}
-// alias localStorage : clear|rem|get|set
-var $l = $v(localStorage);
-// alias json : str|obj
-var $j = $v(JSON);
diff --git a/src/svan-min.js b/src/svan-min.js
new file mode 100644
index 0000000..23499c0
--- /dev/null
+++ b/src/svan-min.js
@@ -0,0 +1 @@
+/* by a-sansara - v 0.3 - https://github.com/pluie-org/svan */!function(){{var t=function(t,n){return typeof t==n},n=function(t,i){return new n.init(t,i)},i=n.isNone=function(n){return t(n,"undefined")},o=n.isStr=function(n){return t(n,"string")},e=n.isFunc=function(n){return t(n,"function")},s=n.isObj=function(n){return t(n,"object")};n.isNode=function(t){return s(t)&&!i(t.nodeType)},n.isWin=function(t){return!i(t.window)&&t.window==t}}n.prototype={regsan:function(t){return t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")},first:function(){return this.found?this.list[0]:null},last:function(){return this.found?this.list[this.list.length-1]:b},index:function(t){return this.found&&t>0&&t<this.list.length?this.list[t]:b},all:function(){return this.list},find:function(t){return this.found?[].slice.call(this.list[0].querySelectorAll(t)):[]},foreach:function(t){this.found&&this.list.forEach(t)},html:function(t){return t?void this.foreach(function(n){n.innerHTML=t}):this.found?this.list[0].innerHTML:""},append:function(t){this.foreach(function(n){n.innerHTML+=t})},on:function(t,n,i){console.log("ON START "+t+" - capture ? "+i),console.log("node"),console.log(this.first()),console.log("context"),console.log(this.context),console.log("list"),console.log(this.list),console.log("found"),console.log(this.found),this.foreach(function(o){console.log("inside foreach loop"),o.addEventListener(t,n,i===!0)})},val:function(t){return t?void this.foreach(function(n){n.value=t}):this.found?this.list[0].value:null},attr:function(t,n){return 1==arguments.length?this.found?this.list[0].getAttribute(t):null:void this.foreach(function(i){i.setAttribute(t,n)})},toggle:function(t){this.foreach(function(n){n.classList.toggle(t)})},hasClass:function(t){return this.found?this.list[0].contains(t):this.found},removeClass:function(t){this.foreach(function(n){n.classList.contains(t)&&n.classList.toggle(t)})},addClass:function(t){this.foreach(function(n){n.classList.contains(t)||n.classList.toggle(t)})},fadeIn:function(t,n,i){if(this.found){t||(t=this.FADE_DURATION);var o=parseFloat(1/t*20),e=this.first();e.style.opacity=0,e.style.display=i||"block",function t(){var i=parseFloat(e.style.opacity);(i+=o)<1?(e.style.opacity=i,requestAnimationFrame(t)):"function"==typeof n&&n.call(e)}(t)}},fadeOut:function(t,n){if(this.found){t||(t=this.FADE_DURATION);var i=parseFloat(1/t*20),o=this.first();o.style.opacity=1,function t(){var e=parseFloat(o.style.opacity);(e-=i)<0?(o.style.display="none","function"==typeof n&&n.call(o)):(o.style.opacity=e,requestAnimationFrame(t))}(t)}},ready:function(t){this.context.addEventListener("DOMContentLoaded",t)}},n.eachObj=function(t,n,i){for(var o in t)t.hasOwnProperty(o)&&n.call(i,o,t[o])},n.ajax=function(t){this.eachObj(t,function(t,n){console.log(t),console.log(n)});var n=new XMLHttpRequest;n.onreadystatechange=function(n){4==this.readyState&&(200==this.status?e(t.done)&&t.done.call(t.context,n,this.responseText,this.statusText):e(t.fail)&&t.fail.call(t.context,n,this.responseText,this.statusText),e(t.always)&&t.always.call(t.context,n,this.responseText,this.statusText))},!i(t.timeout)&&t.async&&(n.timeout=t.timeout),e(t.before)&&t.before.call(n),n.open(t.method,t.url,t.async),n.setRequestHeader("Content-Type","application/x-www-form-urlencoded");var o="";s(t.data)&&this.eachObj(t.data,function(t,n){o+=t+"="+encodeURIComponent(n)}),n.send(o)};var c=n.init=function(t,e){return this.FADE_DURATION=700,this.VERSION=.3,this.context=i(e)?document:e,this.list=o(t)?[].slice.call(this.context.querySelectorAll(t)):n.isNode(t)||n.isWin(t)?[t]:[],this.found=this.list.length>0,this};c.prototype=n.prototype,window.Svan=n,i(window.$)&&(window.$=n)}();