TCAD = {};

TCAD.App = function() {

  this.id = "DEFAULT";
  this.viewer = new TCAD.Viewer();
  this.ui = new TCAD.UI(this);

  function storage_handler(evt) {
      console.log('The modified key was '+evt.key);
      console.log('The original value was '+evt.oldValue);
      console.log('The new value is '+evt.newValue);
      console.log('The URL of the page that made the change was '+evt.url);
      console.log('The window where the change was made was '+evt.source);
  }

  window.addEventListener('storage', storage_handler, false);
};

TCAD.App.prototype.faceStorageKey = function(polyFaceId) {
  return "TCAD.projects."+this.id+".sketch." + polyFaceId;
};

TCAD.App.prototype.sketchFace = function() {
  if (this.viewer.selectionMgr.selection.length == 0) {
    return;
  }
  var polyFace = this.viewer.selectionMgr.selection[0];
  var faceStorageKey = this.faceStorageKey(polyFace.id);

  var savedFace = localStorage.getItem(faceStorageKey);
  var data;
  if (savedFace == null) {
    data = {};
  } else {
    data = JSON.parse(savedFace);
  }
  data.boundary = polyFace.polygon.to2D();
  localStorage.setItem(faceStorageKey, JSON.stringify(data));

  window.open("http://localhost:8080/canvas.html#" + faceStorageKey.substring(14), "Edit Sketch", "height=700,width=700");
};