editor: Handling backspace/delete on the text boundries

[fnpeditor.git] / src / smartxml / core.js

diff --git a/src/smartxml/core.js b/src/smartxml/core.js
index bab584e..65b7852 100644 (file)
--- a/src/smartxml/core.js
+++ b/src/smartxml/core.js
@@ -1,30 +1,38 @@
-define([
-
-], function() {
+define(function(require) {

     
 'use strict';
     
 'use strict';

+/* globals Node */
+
+var _ = require('libs/underscore');

 
 
 var INSERTION = function(implementation) {
 
 
 var INSERTION = function(implementation) {

-    var toret = function(node) {
+    var toret = function(node, options) {

         var insertion = this.getNodeInsertion(node),
             nodeWasContained = this.document.containsNode(insertion.ofNode),
         var insertion = this.getNodeInsertion(node),
             nodeWasContained = this.document.containsNode(insertion.ofNode),

-            nodeParent;
+            nodeParent,
+            returned;
+        options = options || {};

         if(!(this.document.containsNode(this))) {
             nodeParent = insertion.ofNode.parent();
         }
         if(!(this.document.containsNode(this))) {
             nodeParent = insertion.ofNode.parent();
         }

-        implementation.call(this, insertion.ofNode.nativeNode);
-        this.triggerChangeEvent(insertion.insertsNew ? 'nodeAdded' : 'nodeMoved', {node: insertion.ofNode}, nodeParent, nodeWasContained);
-        return insertion.ofNode;
+        returned = implementation.call(this, insertion.ofNode);
+        if(!options.silent && returned.sameNode(insertion.ofNode)) {
+            this.triggerChangeEvent(insertion.insertsNew ? 'nodeAdded' : 'nodeMoved', {node: insertion.ofNode}, nodeParent, nodeWasContained);
+        }
+        return returned;

     };
     return toret;
 };
 
 var documentNodeTransformations = {
     detach: function() {
     };
     return toret;
 };
 
 var documentNodeTransformations = {
     detach: function() {

-        var parent = this.parent();
+        var parent = this.parent(),
+            existed = this.document.containsNode(this);

         this._$.detach();
         this._$.detach();

-        this.triggerChangeEvent('nodeDetached', {parent: parent});
+        if(existed) {
+            this.triggerChangeEvent('nodeDetached', {parent: parent});
+        }

         return this;
     },
 
         return this;
     },
 


@@ -38,12 +46,26 @@ var documentNodeTransformations = {
         return toret;
     },
 
         return toret;
     },
 

-    after: INSERTION(function(nativeNode) {
-        return this._$.after(nativeNode);
+    after: INSERTION(function(node) {
+        var next = this.next();
+        if(next && next.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+            next.setText(node.getText() + next.getText());
+            node.detach();
+            return next;
+        }
+        this._$.after(node.nativeNode);
+        return node;

     }),
 
     }),
 

-    before: INSERTION(function(nativeNode) {
-        return this._$.before(nativeNode);
+    before: INSERTION(function(node) {
+        var prev = this.prev();
+        if(prev && prev.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+            prev.setText(prev.getText() + node.getText());
+            node.detach();
+            return prev;
+        }
+        this._$.before(node.nativeNode);
+        return node;

     }),
 
     wrapWith: function(node) {
     }),
 
     wrapWith: function(node) {


@@ -81,7 +103,7 @@ var elementNodeTransformations = {
             this.prev().appendText(next.getText());
             next.detach();
         }
             this.prev().appendText(next.getText());
             next.detach();
         }

-        return DocumentNode.prototype.detach.call(this);
+        return this.__super__.detach();

     },
 
     setTag: function(tagName) {
     },
 
     setTag: function(tagName) {


@@ -97,6 +119,8 @@ var elementNodeTransformations = {
         if(this.sameNode(this.document.root)) {
             this.document._defineDocumentProperties(node._$);
         }
         if(this.sameNode(this.document.root)) {
             this.document._defineDocumentProperties(node._$);
         }

+
+        /* TODO: This invalidates old references to this node. Caching instances on nodes would fix this. */

         this._$.replaceWith(node._$);
         this._setNativeNode(node._$[0]);
         this._$.append(myContents);
         this._$.replaceWith(node._$);
         this._setNativeNode(node._$[0]);
         this._$.append(myContents);


@@ -112,12 +136,28 @@ var elementNodeTransformations = {
         }
     },
 
         }
     },
 

-    append: INSERTION(function(nativeNode) {
-        this._$.append(nativeNode);
+    append: INSERTION(function(node) {
+        var last = _.last(this.contents());
+        if(last && last.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+            last.setText(last.getText() + node.getText());
+            node.detach();
+            return last;
+        } else {
+            this._$.append(node.nativeNode);
+            return node;
+        }

     }),
 
     }),
 

-    prepend: INSERTION(function(nativeNode) {
-        this._$.prepend(nativeNode);
+    prepend: INSERTION(function(node) {
+        var first = this.contents()[0];
+        if(first && first.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+            first.setText(node.getText() + first.getText());
+            node.detach();
+            return first;
+        } else {
+            this._$.prepend(node.nativeNode);
+            return node;
+        }

     }),
 
     insertAtIndex: function(nativeNode, index) {
     }),
 
     insertAtIndex: function(nativeNode, index) {


@@ -143,38 +183,23 @@ var elementNodeTransformations = {
             return this.detach();
         }
 
             return this.detach();
         }
 

-        var prev = this.prev(),
-            next = this.next(),
-            moveLeftRange, moveRightRange, leftMerged;
-
-        if(prev && (prev.nodeType === TEXT_NODE) && (myContents[0].nodeType === TEXT_NODE)) {
-            prev.appendText(myContents[0].getText());
-            myContents[0].detach();
-            moveLeftRange = true;
-            leftMerged = true;
-        } else {
-            leftMerged = false;
-        }

 
 

-        if(!(leftMerged && myContents.length === 1)) {
-            var lastContents = _.last(myContents);
-            if(next && (next.nodeType === TEXT_NODE) && (lastContents.nodeType === TEXT_NODE)) {
-                next.prependText(lastContents.getText());
-                lastContents.detach();
-                moveRightRange = true;
-            }
-        }
-
-        var childrenLength = this.contents().length;
+        var childrenLength = this.contents().length,
+            first = true,
+            shiftRange = false;

         this.contents().forEach(function(child) {
         this.contents().forEach(function(child) {

-            this.before(child);
+            var returned = this.before(child);
+            if(first && !(returned.sameNode(child))) {
+                shiftRange = true;
+                first = false;
+            }

         }.bind(this));
 
         this.detach();
 
         return {
         }.bind(this));
 
         this.detach();
 
         return {

-            element1: parent.contents()[myIdx + (moveLeftRange ? -1 : 0)],
-            element2: parent.contents()[myIdx + childrenLength-1 + (moveRightRange ? 1 : 0)]
+            element1: parent.contents()[myIdx + (shiftRange ? -1 : 0)],
+            element2: parent.contents()[myIdx + childrenLength-1 + (shiftRange ? -1 : 0)]

         };
     },
 
         };
     },
 


@@ -184,10 +209,50 @@ var elementNodeTransformations = {
 };
 
 var textNodeTransformations = {
 };
 
 var textNodeTransformations = {

-    setText: function(text) {
-        //console.log('smartxml: ' + text);
-        this.nativeNode.data = text;
-        this.triggerTextChangeEvent();
+    setText: {
+        impl: function(t, text) {
+            t.oldText = this.getText();
+            this.nativeNode.data = text;
+            this.triggerTextChangeEvent();
+        },
+        undo: function(t) {
+            this.setText(t.oldText);
+        }
+    },
+
+    before: INSERTION(function(node) {
+        if(node.nodeType === Node.TEXT_NODE) {
+            this.prependText(node.getText());
+            node.detach();
+            return this;
+        } else {
+            return this.__super__.before(node, {silent:true});
+        }
+    }),
+
+    after: INSERTION(function(node) {
+        if(node.nodeType === Node.TEXT_NODE) {
+            this.appendText(node.getText());
+            node.detach();
+            return this;
+        } else {
+            return this.__super__.after(node, {silent:true});
+        }
+    }),
+
+    append: function(node) {
+        if(node.nodeType === Node.TEXT_NODE) {
+            this.appendText(node.getText());
+            node.detach();
+            return this;
+        }
+    },
+    prepend: function(node) {
+        if(node.nodeType === Node.TEXT_NODE) {
+            this.prependText(node.getText());
+            node.detach();
+            return this;
+        }

     },
 
     appendText: function(text) {
     },
 
     appendText: function(text) {


@@ -210,7 +275,7 @@ var textNodeTransformations = {
                 _with: {tagName: desc.tagName, attrs: desc.attrs}
             });
         } else {
                 _with: {tagName: desc.tagName, attrs: desc.attrs}
             });
         } else {

-            return DocumentNode.prototype.wrapWith.call(this, desc);
+            return this.__super__.wrapWith.call(this, desc);

         }
     },
 
         }
     },
 


@@ -250,6 +315,27 @@ var textNodeTransformations = {
         });
 
         return {first: parentElement, second: newElement};
         });
 
         return {first: parentElement, second: newElement};

+    },
+
+    divideWithElementNode: function(node, params) {
+        var insertion = this.getNodeInsertion(node),
+            myText = this.getText();
+
+        if(params.offset === myText.length) {
+            return this.after(node);
+        }
+        if(params.offset === 0) {
+            return this.before(node);
+        }
+
+        var lhsText = myText.substr(0, params.offset),
+            rhsText = myText.substr(params.offset),
+            rhsTextNode = this.document.createDocumentNode({text: rhsText});
+
+        this.setText(lhsText);
+        this.after(insertion.ofNode);
+        insertion.ofNode.after(rhsTextNode);
+        return insertion.ofNode;

     }
 };
 
     }
 };
 


@@ -342,11 +428,11 @@ var documentTransformations = {
     replaceRoot: function(node) {
         var insertion = this.getNodeInsertion(node);
         this.root.detach();
     replaceRoot: function(node) {
         var insertion = this.getNodeInsertion(node);
         this.root.detach();

-        defineDocumentProperties(this, insertion.ofNode._$);
+        this._defineDocumentProperties(insertion.ofNode._$);

         insertion.ofNode.triggerChangeEvent('nodeAdded');
         return insertion.ofNode;
     }
         insertion.ofNode.triggerChangeEvent('nodeAdded');
         return insertion.ofNode;
     }

-}
+};

 
 return {
     document: {
 
 return {
     document: {