1 files changed, 19 insertions, 605 deletions

diff --git a/js/controllers/clipboard-controller.js b/js/controllers/clipboard-controller.js
index afa9cbdb..259d916e 100644
--- a/js/controllers/clipboard-controller.js
+++ b/js/controllers/clipboard-controller.js
@@ -8,13 +8,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 //
 var Montage =           require("montage/core/core").Montage,
     Component =         require("montage/ui/component").Component,
-    NJUtils     = require("js/lib/NJUtils").NJUtils,
-    World = require("js/lib/drawing/world").World;
+    ElementsClipboardAgent =         require("js/clipboard/internal-ops/elements-clipboard-agent").ElementsClipboardAgent,
+    ExternalAppsClipboardAgent= require("js/clipboard/external-apps-clipboard-agent").ExternalAppsClipboardAgent;
 
 var ClipboardController = exports.ClipboardController = Montage.create(Component, {
-    hasTemplate: {
-        value: false
-    },
 
     deserializedFromTemplate: {
         value: function() {
@@ -30,36 +27,12 @@ var ClipboardController = exports.ClipboardController = Montage.create(Component
         }
     },
 
-    clipboardOperationsAgent:{//appropriate agent instant required for execution of cut/copy/paste
-        value: null
-    },
-
-    //count how many times pasted
-    //used to move multiple pastes of same copy
-    pasteCounter:{
-        value: 0
-    },
-
-    copiedObjects:{
-        value: {}
-    },
-
-    _copyFlag:{
-        value:false
-    },
-
-    copyFlag:{
-        get:function(){return this._copyFlag;},
-        set:function(value){this._copyFlag = value;}
-    },
-
-    _newCopyFlag:{
-        value:true
+    clipboardContext:{
+        value : "stage" /* cleanup: formulate better context representation */
     },
 
-    newCopyFlag:{
-        get:function(){return this._newCopyFlag;},
-        set:function(value){this._newCopyFlag = value;}
+    operationsAgent:{//appropriate agent instant required for execution of cut/copy/paste
+        value: null
     },
 
     handleExecuteCopy:{
@@ -87,7 +60,9 @@ var ClipboardController = exports.ClipboardController = Montage.create(Component
                 return;
             }
 
-            this.copy(clipboardEvent);
+            if(this.clipboardContext === "stage"){
+                ElementsClipboardAgent.copy(clipboardEvent);
+            }
 
             clipboardEvent.preventDefault();
         }
@@ -102,7 +77,9 @@ var ClipboardController = exports.ClipboardController = Montage.create(Component
                 return;
             }
 
-            this.cut(clipboardEvent);
+            if(this.clipboardContext === "stage"){
+                ElementsClipboardAgent.cut(clipboardEvent);
+            }
 
             clipboardEvent.preventDefault();
         }
@@ -111,11 +88,7 @@ var ClipboardController = exports.ClipboardController = Montage.create(Component
     handlePaste:{
         value:function(clipboardEvent){
             var clipboardData = clipboardEvent.clipboardData,
-                ninjaData = clipboardData.getData("ninja"),
-                htmlData = clipboardData.getData("text/html"),
-                textData = clipboardData.getData("text/plain"),
-                i=0,
-                imageMime, imageData, imageElement;
+                ninjaData = clipboardData.getData("ninja");
 
             if(!this.application.ninja.currentDocument
                 || (this.application.ninja.currentDocument && this.application.ninja.currentDocument.currentView === "code")){
@@ -130,577 +103,18 @@ var ClipboardController = exports.ClipboardController = Montage.create(Component
 
             //TODO: return if stage is not focussed
 
-            this.pasteCounter++;
-
-            if(ninjaData){
-                if(this.copiedObjects.copy){
-                    try{
-                        this.pasteFromCopy();
-                    }catch(e){
-                        console.log(""+e.stack);
-                    }
-                }
-                else if(this.copiedObjects.cut){
-                    try{
-                        this.pasteFromCut();
-                    }catch(e){
-                        console.log(""+e.stack);
-                    }
-                }
-            }
-            else{
-
-                //handle image blobs
-                if(clipboardData.items &&  (clipboardData.items.length > 0)){
-                    for(i=0; i < clipboardData.items.length; i++ ){
-                        if((clipboardData.items[i].kind === "file") && (clipboardData.items[i].type.indexOf("image") === 0)){//example type -> "image/png"
-                            imageMime = clipboardData.items[i].type;
-                            imageData = clipboardData.items[i].getAsFile();
-                            try{
-                                imageElement = this.generateImageElement(imageData);
-                            }catch(e){
-                                console.log(""+e.stack);
-                            }
-                            this.application.ninja.selectionController.selectElements(imageElement);
-                            this.application.ninja.currentDocument.model.needsSave = true;
-
-                        }
-                    }
+            if(this.clipboardContext === "stage"){
+                if(ninjaData){
+                    ElementsClipboardAgent.pasteInternal();
                 }
-
-                try{
-                    this.pasteFromExternalSource(htmlData, textData);
-                }catch(e){
-                    console.log(""+e.stack);
+                else{
+                    ExternalAppsClipboardAgent.paste(clipboardEvent);
                 }
             }
 
             clipboardEvent.preventDefault();
         }
-    },
-
-    /*
-    parameters:
-     */
-    copy:{
-        value: function(clipboardEvent){
-            var j=0, htmlToClipboard = "", ninjaClipboardObj = {}, textToClipboard = "";
-            this.copiedObjects = {}; this.pasteCounter = 0;
-            this.copiedObjects["copy"] = [];
-
-            if(clipboardEvent){
-                for(j=0; j < this.application.ninja.selectedElements.length; j++){//copying from stage
-                    this.copiedObjects.copy.push(this.application.ninja.selectedElements[j]);
-
-                    if(this.application.ninja.selectedElements[j].tagName === "CANVAS"){
-                        if(!ninjaClipboardObj.canvas){
-                            ninjaClipboardObj.canvas = true;
-                        }
-                    }else{
-                        htmlToClipboard = htmlToClipboard + this.serializeHTMLElement(this.application.ninja.selectedElements[j]);
-                        if(!ninjaClipboardObj.plainHtml){
-                            ninjaClipboardObj.plainHtml = true;
-                        }
-                        textToClipboard = textToClipboard + this.getText(this.application.ninja.selectedElements[j]) + " ";
-                    }
-
-                }
-                //set clipboard data
-                clipboardEvent.clipboardData.setData('ninja', ''+ JSON.stringify(ninjaClipboardObj));
-                clipboardEvent.clipboardData.setData('text/html', '<HTML><BODY>' + htmlToClipboard + '</BODY></HTML>');
-                clipboardEvent.clipboardData.setData('text/plain', textToClipboard);
-            }
-            else{
-                //TODO: custom copy/paste, ex: css, animation, materials
-            }
-        }
-    },
-
-    pasteFromCopy:{//todo: change to appropriate name
-        value:function(){
-                var i=0, j=0,
-                pastedElements = [],//array of te pastes clones - for selection
-                node = null,
-                styles = null,
-                copiedElement = null;
-
-            //TODO: cleanse HTML
-
-            for(j=0; j< this.copiedObjects.copy.length; j++){
-                copiedElement = this.copiedObjects.copy[j];
-                styles = null;
-
-                if (copiedElement.tagName === "CANVAS"){
-                    //clone copied canvas
-                    var canvas = this.cloneCanvas(copiedElement);
-                    pastedElements.push(canvas);
-                }
-                else {
-                    node = copiedElement.cloneNode(true);
-
-                    if(copiedElement.ownerDocument.defaultView.getComputedStyle(copiedElement).getPropertyValue("position") === "absolute"){
-                        styles = {};