instiki/public/svg-edit/wave/wave.js

var shapetime = {};
var nodelete = false;

function stateUpdated() {

  // 'state' is an object of key-value pairs that map ids to JSON serialization of SVG elements
  // 'keys' is an array of all the keys in the state
  var state = wave.getState();
  var keys = state.getKeys();
  svgCanvas.each(function(e) {
    // 'this' is the SVG DOM element node (ellipse, rect, etc)
    // 'e' is an integer describing the position within the document
    var k = this.id;
    var v = state.get(k);
    if(k == "selectorParentGroup" || k == "svgcontent"){
      //meh
    }else if (v) {
      var ob = JSON.parse(v);
      if (ob) {
        // do nothing
      } else {
        //var node = document.getElementById(k);
        //if (node) node.parentNode.removeChild(node);
      }
      //keys.remove(k);
      
    } else if(!nodelete){
    
      this.parentNode.removeChild(this);
    }
  });

  // New nodes
  for (var k in keys) {
    var v = state.get(keys[k]);
    var ob = JSON.parse(v);
    if (ob){
      if(!shapetime[k] || ob.time > shapetime[k]){
        var a;
        if(a = document.getElementById(k)){
          var attrs = get_attrs(a);
          if(JSON.stringify(attrs) != JSON.stringify(ob.attr)){
            shapetime[k] = ob.time
            svgCanvas.updateElementFromJson(ob)
          }
        }else{
          shapetime[k] = ob.time
          svgCanvas.updateElementFromJson(ob)
        }

      }
    }
  }
}


function getId(canvas, objnum) {
  var id = wave.getViewer().getId().split("@")[0];
  var extra = SHA256(wave.getViewer().getId()); //in case the next step kills all the characters
  for(var i = 0, l = id.length, n = ""; i < l; i++){
    if("abcdefghijklmnopqrstuvwxyz0123456789".indexOf(id[i]) != -1){
      n+=id[i];
    }
  }
  return "svg_"+n+"_"+extra.substr(0,5)+"_"+objnum;
}

function get_attrs(a){
  var attrs = {};
    for(var i = a.length; i--;){
      var attr = a.item(i).nodeName;
      if(",style,".indexOf(","+attr+",") == -1){
        attrs[attr] = a.item(i).nodeValue;
      }
    }
    return attrs
}

function main() {
  $(document).ready(function(){
    if (wave && wave.isInWaveContainer()) {
      wave.setStateCallback(function(){setTimeout(stateUpdated,10)});
    }
    
    var oldchanged = svgCanvas.bind("changed", function(canvas, elem){
      if(oldchanged)oldchanged.apply(this, [canvas,elem]);
      
      var delta = {}
      $.each(elem, function(){
        
        var attrs = {};
        var a = this.attributes;
        if(a){
          var attrs = get_attrs(a)
          var ob = {element: this.nodeName, attr: attrs};
          
          ob.time = shapetime[this.id] = (new Date).getTime()
          delta[this.id] = JSON.stringify(ob);
        }
      })
      
      wave.getState().submitDelta(delta)
      //sendDelta(canvas, elem)
      
    });
    //*
    
    var oldselected = svgCanvas.bind("selected", function(canvas, elem){
      
      if(oldselected)oldselected.apply(this, [canvas,elem]);
      
      
      var delta = {}
      var deletions = 0;
      $.each(elem, function(){
        if(!this.parentNode && this != window){
          delta[this.id] = null;
          deletions ++
        }
      });
      if(deletions > 0){
        wave.getState().submitDelta(delta)
      }
    });
    ///
    svgCanvas.bind("cleared", function(){
      //alert("cleared")
        var state = {}, keys = wave.getState().getKeys()
        for(var i = 0; i < keys.length; i++){
          state[keys[i]] = null;
        }
        wave.getState().submitDelta(state)
    });
    //*/
    svgCanvas.bind("getid", getId);
  })
}



if(window.gadgets) gadgets.util.registerOnLoadHandler(main);

//$(main)

//and why not use my stuff?
function SHA256(b){function h(j,k){return(j>>e)+(k>>e)+((p=(j&o)+(k&o))>>e)<<e|p&o}function f(j,k){return j>>>k|j<<32-k}var g=[],d,c=3,l=[2],p,i,q,a,m=[],n=[];i=b.length*8;for(var e=16,o=65535,r="";c<312;c++){for(d=l.length;d--&&c%l[d]!=0;);d<0&&l.push(c)}b+="\u0080";for(c=0;c<=i;c+=8)n[c>>5]|=(b.charCodeAt(c/8)&255)<<24-c%32;n[(i+64>>9<<4)+15]=i;for(c=8;c--;)m[c]=parseInt(Math.pow(l[c],0.5).toString(e).substr(2,8),e);for(c=0;c<n.length;c+=e){a=m.slice(0);for(b=0;b<64;b++){g[b]=b<e?n[b+c]:h(h(h(f(g[b-2],17)^f(g[b-2],19)^g[b-2]>>>10,g[b-7]),f(g[b-15],7)^f(g[b-15],18)^g[b-15]>>>3),g[b-e]);i=h(h(h(h(a[7],f(a[4],6)^f(a[4],11)^f(a[4],25)),a[4]&a[5]^~a[4]&a[6]),parseInt(Math.pow(l[b],1/3).toString(e).substr(2,8),e)),g[b]);q=(f(a[0],2)^f(a[0],13)^f(a[0],22))+(a[0]&a[1]^a[0]&a[2]^a[1]&a[2]);for(d=8;--d;)a[d]=d==4?h(a[3],i):a[d-1];a[0]=h(i,q)}for(d=8;d--;)m[d]+=a[d]}for(c=0;c<8;c++)for(b=8;b--;)r+=(m[c]>>>b*4&15).toString(e);return r}