@breakside/jskit 2022.25.1 → 2022.28.0

package/Root/Frameworks/UIKit/UIDisplayServer.js

@@ -39,6 +39,7 @@ JSClass("UIDisplayServer", JSObject, {
         this.layerAnimationQueue = {};
         this._scheduleQueue = [];
         this._scheduled = [];
+        this._completedAnimations = [];
     },
 
     // -------------------------------------------------------------------------
@@ -100,7 +101,7 @@ JSClass("UIDisplayServer", JSObject, {
         this._scheduled = this._scheduleQueue;
         this._scheduleQueue = [];
         this._isUpdating = true;
-        var completedAnimations = this._updateAnimations(t);
+        this._updateAnimations(t);
         this._flushLayerLayoutQueue();
         this._flushLayerDisplayQueue();
         this._flushLayerRepositionQueue();
@@ -110,9 +111,7 @@ JSClass("UIDisplayServer", JSObject, {
         this._isUpdating = false;
 
         // Call any animation callbacks
-        for (var i = 0, l = completedAnimations.length; i < l; ++i){
-            completedAnimations[i].completionFunction(completedAnimations[i]);
-        }
+        this._flushCompletedAnimations();
 
         // Call any window insert/remove callbacks
         var window;
@@ -228,8 +227,22 @@ JSClass("UIDisplayServer", JSObject, {
         if (this.layerDisplayQueue.remove(layer)){
             layer._needsDisplay = true;
         }
+        var key;
+        var animation;
+        var completedAnimationKeys;
+        var i, l;
         this.layerRepositionQueue.remove(layer);
         if (layer.objectID in this.layerAnimationQueue){
+            completedAnimationKeys = [];
+            for (key in layer.animationsByKey){
+                animation = layer.animationsByKey[key];
+                this.completeAnimation(animation);
+                completedAnimationKeys.push(key);
+            }
+            for (i = 0, l = completedAnimationKeys.length; i < l; ++i){
+                key = completedAnimationKeys[i];
+                layer.removeAnimationForKey(key);
+            }
             delete this.layerAnimationQueue[layer.objectID];
             --this._animationCount;
         }
@@ -246,24 +259,53 @@ JSClass("UIDisplayServer", JSObject, {
         this.setUpdateNeeded();
     },
 
+    _completedAnimations: null,
+
+    completeAnimation: function(animation){
+        this._completedAnimations.push(animation);
+    },
+
+    _flushCompletedAnimations: function(){
+        var i, l;
+        var animation;
+        for (i = 0, l = this._completedAnimations.length; i < l; ++i){
+            animation = this._completedAnimations[i];
+            if (animation.completionFunction){
+                animation.completionFunction(animation);
+            }
+        }
+        this._completedAnimations = [];
+    },
+
     _updateAnimations: function(t){
         t /= this._animationScale;
         var animation;
-        var completedAnimations = [];
         var id, key;
         var layer;
+        var completedAnimationKeys;
+        var i, l;
+        var parts;
         for (id in this.layerAnimationQueue){
             layer = this.layerAnimationQueue[id];
+            completedAnimationKeys = [];
             for (key in layer.animationsByKey){
                 animation = layer.animationsByKey[key];
                 animation.updateForTime(t);
                 if (this.reducedMotionEnabled || animation.isComplete){
-                    layer.removeAnimationForKey(key);
-                    if (animation.completionFunction){
-                        completedAnimations.push(animation);
+                    completedAnimationKeys.push(key);
+                }else{
+                    parts = key.split('.');
+                    if (parts[0] in layer.presentation){
+                        this.layerDidChangeProperty(layer, key);
                     }
                 }
-                var parts = key.split('.');
+            }
+            for (i = 0, l = completedAnimationKeys.length; i < l; ++i){
+                key = completedAnimationKeys[i];
+                animation = layer.animationsByKey[key];
+                layer.removeAnimationForKey(key);
+                this.completeAnimation(animation);
+                parts = key.split('.');
                 if (parts[0] in layer.presentation){
                     this.layerDidChangeProperty(layer, key);
                 }
@@ -273,7 +315,6 @@ JSClass("UIDisplayServer", JSObject, {
                 --this._animationCount;
             }
         }
-        return completedAnimations;
     },
 
     // -------------------------------------------------------------------------

package/Root/Frameworks/UIKit/UIHTMLDisplayServerCanvasContext.js

@@ -79,7 +79,6 @@ JSClass("UIHTMLDisplayServerCanvasContext", UIHTMLDisplayServerContext, {
     // MARK: - Destroying a Context
 
     destroy: function(){
-        this.trackingElement = null;
         this.style = null;
         UIHTMLDisplayServerCanvasContext.$super.destroy.call(this);
     },
@@ -140,11 +139,7 @@ JSClass("UIHTMLDisplayServerCanvasContext", UIHTMLDisplayServerContext, {
             // instead of a separate element.  Needs investigation.  Browser support?  Behavior?
             this.borderElement = this.element.ownerDocument.createElement('div');
             this.borderElement.setAttribute("role", "none presentation");
-            if (this.trackingElement !== null){
-                this.element.insertBefore(this.borderElement, this.trackingElement);
-            }else{
-                this.element.appendChild(this.borderElement);
-            }
+            this.element.appendChild(this.borderElement);
             this.borderElement.style.position = 'absolute';
             this.borderElement.style.top = '0';
             this.borderElement.style.left = '0';
@@ -465,48 +460,7 @@ JSClass("UIHTMLDisplayServerCanvasContext", UIHTMLDisplayServerContext, {
     },
 
     // ----------------------------------------------------------------------
-    // MARK: - Tracking
-
-    trackingElement: null,
-    trackingListener: null,
-
-    startMouseTracking: function(trackingType, listener, layer){
-        if (this.trackingElement === null){
-            this.trackingElement = this.element.ownerDocument.createElement('div');
-            this.trackingElement.setAttribute("role", "none presentation");
-            this.trackingElement.style.position = 'absolute';
-            this.trackingElement.style.top = '0';
-            this.trackingElement.style.left = '0';
-            this.trackingElement.style.bottom = '0';
-            this.trackingElement.style.right = '0';
-            this.trackingElement.dataset.tag = "tracking";
-            this.element.appendChild(this.trackingElement);
-        }else if (this.trackingListener !== null){
-            this.trackingElement.removeEventListener('mouseenter', this.trackingListener);
-            this.trackingElement.removeEventListener('mouseleave', this.trackingListener);
-            this.trackingElement.removeEventListener('mousemove', this.trackingListener);
-        }
-        this.trackingListener = listener;
-        if (trackingType & UIView.MouseTracking.enterAndExit){
-            this.trackingElement.addEventListener('mouseenter', this.trackingListener);
-            this.trackingElement.addEventListener('mouseleave', this.trackingListener);
-        }
-        if (trackingType & UIView.MouseTracking.move){
-            this.trackingElement.addEventListener('mousemove', this.trackingListener);
-        }
-    },
-
-    stopMouseTracking: function(){
-        if (this.trackingElement === null || this.trackingListener === null){
-            return;
-        }
-        this.trackingElement.removeEventListener('mouseenter', this.trackingListener);
-        this.trackingElement.removeEventListener('mouseleave', this.trackingListener);
-        this.trackingElement.removeEventListener('mousemove', this.trackingListener);
-        this.trackingElement.parentNode.removeChild(this.trackingElement);
-        this.trackingElement = null;
-        this.trackingListener = null;
-    },
+    // MARK: - Cursor
 
     setCursor: function(cursor){
         this.element.style.cursor = '';

package/Root/Frameworks/UIKit/UIHTMLDisplayServerContext.js

@@ -43,12 +43,6 @@ JSClass("UIHTMLDisplayServerContext", JSContext, {
     layerDidChangeProperty: function(layer, property){
     },
 
-    startMouseTracking: function(trackingType, listener){
-    },
-
-    stopMouseTracking: function(){
-    },
-
     addExternalElementInRect: function(element, rect){
     },
 

package/Root/Frameworks/UIKit/UIHTMLDisplayServerSVGContext.js

@@ -25,7 +25,6 @@
 // Context element
 // g
 //   shadow?
-//   tracking?
 //   backgroundColor?
 //   backgroundGradient?
 //   customDrawing?
@@ -35,7 +34,6 @@
 
 JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
 
-    _trackingIndex: 0,
     _backgroundIndex: 0,
     _backgroundGradientIndex: 0,
     _sublayersIndex: 0,
@@ -56,15 +54,7 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
         this.element.style.left = '0';
         this._definitions = _UIHTMLDisplayServerSVGContextDefs.initWithSVGElement(this.element);
         this.element.appendChild(this._definitions.element);
-        this._trackingPath = doc.createElementNS(SVGNamespace, "rect");
-        this._trackingPath.x.baseVal.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 0);
-        this._trackingPath.x.baseVal.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 0);
-        this._trackingPath.width.baseVal.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 100);
-        this._trackingPath.height.baseVal.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 100);
-        this._trackingPath.style.pointerEvents = 'all';
-        this._trackingPath.style.visibility = 'hidden';
-        this.element.appendChild(this._trackingPath);
-        this._sublayersIndex = 2;
+        this._sublayersIndex = 1;
     },
 
     initForScreenContext: function(screenContext){
@@ -134,10 +124,6 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
         // only called for the root context, which has an svg element
         this.element.width.baseVal.value = size.width;
         this.element.height.baseVal.value = size.height;
-        if (this._trackingPath){
-            this._trackingPath.width.baseVal.value = size.width;
-            this._trackingPath.height.baseVal.value = size.height;
-        }
     },
 
     originTransform: null,
@@ -195,9 +181,6 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
             if (this._shadowPath !== null){
                 this._updateShadowPath(layer);
             }
-            if (this._trackingPath !== null){
-                this._updateTrackingPath(layer);
-            }
             if (this._boundsClipPath !== null){
                 this._updateBoundsClipPath(layer);
             }
@@ -262,7 +245,6 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
             this._shadowPath.style.fill = 'black';
             this.element.insertBefore(this._shadowPath, this.element.childNodes[0]);
             this._updateShadowPath(layer);
-            ++this._trackingIndex;
             ++this._backgroundIndex;
             ++this._backgroundGradientIndex;
             ++this._sublayersIndex;
@@ -539,68 +521,15 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
     },
 
     // ----------------------------------------------------------------------
-    // MARK: - Tracking
-
-    _trackingPath: null,
-    trackingListener: null,
-
-    startMouseTracking: function(trackingType, listener, layer){
-        this._createTrackingPathIfNeeded(layer);
-        if (this.trackingListener !== null){
-            this._trackingPath.removeEventListener('mouseenter', this.trackingListener);
-            this._trackingPath.removeEventListener('mouseleave', this.trackingListener);
-            this._trackingPath.removeEventListener('mousemove', this.trackingListener);
-        }
-        this.trackingListener = listener;
-        if (trackingType & UIView.MouseTracking.enterAndExit){
-            this._trackingPath.addEventListener('mouseenter', this.trackingListener);
-            this._trackingPath.addEventListener('mouseleave', this.trackingListener);
-        }
-        if (trackingType & UIView.MouseTracking.move){
-            this._trackingPath.addEventListener('mousemove', this.trackingListener);
-        }
-    },
-
-    stopMouseTracking: function(){
-        if (this.trackingElement === null || this.trackingListener === null){
-            return;
-        }
-        this._trackingPath.removeEventListener('mouseenter', this.trackingListener);
-        this._trackingPath.removeEventListener('mouseleave', this.trackingListener);
-        this._trackingPath.removeEventListener('mousemove', this.trackingListener);
-        this.trackingListener = null;
-    },
-
-    _createTrackingPathIfNeeded: function(layer){
-        if (this._trackingPath !== null){
-            return null;
-        }
-        this._trackingPath = this.element.ownerDocument.createElementNS(SVGNamespace, "path");
-        this._trackingPath.style.pointerEvents = 'visible';
-        this._trackingPath.style.fill = 'none';
-        this._trackingPath.style.stroke = 'none';
-        this._updateTrackingPath(layer);
-        this.element.insertBefore(this._trackingPath, this.element.childNodes[this._trackingIndex]);
-        ++this._backgroundIndex;
-        ++this._backgroundGradientIndex;
-        ++this._sublayersIndex;
-    },
-
-    _updateTrackingPath: function(layer){
-        this._trackingPath.pathSegList.clear();
-        this._currentPath = this._trackingPath;
-        this.addBorderPathForLayerProperties(layer.presentation, UILayer.Path.shadow);
-        this._currentPath = null;
-    },
+    // MARK: - Cursor
 
     setCursor: function(cursor, layer){
         if (cursor === null){
-            if (this._trackingPath){
-                this._trackingPath.style.cursor = '';
+            if (this.element){
+                this.element.style.cursor = '';
             }
             return;
         }
-        this._createTrackingPathIfNeeded(layer);
         var cssCursorStrings = cursor.cssStrings();
         // UICursor.cssStrings() returns a set of css strings, one of which
         // should work in our browser, but some of which may fail because they
@@ -608,8 +537,8 @@ JSClass("UIHTMLDisplayServerSVGContext", UIHTMLDisplayServerContext, {
         // style.cursor is an empty string, so we'll keep going until it's
         // not an empty string, or we're out of options
         for (var i = 0, l = cssCursorStrings.length; i < l; ++i){
-            this._trackingPath.style.cursor = cssCursorStrings[i];
-            if (this._trackingPath.style.cursor !== ''){
+            this.element.style.cursor = cssCursorStrings[i];
+            if (this.element.style.cursor !== ''){
                 break;
             }
         }

package/Root/Frameworks/UIKit/UIHTMLTextField.js

@@ -267,6 +267,7 @@ JSClass("UIHTMLTextField", UIControl, {
         this.inputElement.style.margin = "0";
         this.inputElement.style.webkitAppearance = "none";
         this.inputElement.style.backgroundColor = "transparent";
+        this.inputElement.style.webkitTapHighlightColor = "transparent";
         // this.inputElement.style.cursor = "text";
         this.inputElement.style.outline = "none";
         this.inputElement.setAttribute("role", "textbox");
@@ -425,10 +426,15 @@ JSClass("UIHTMLTextField", UIControl, {
 
     drawLayerInContext: function(layer, context){
         UIHTMLTextField.$super.drawLayerInContext.call(this, layer, context);
+        this.inputElement.style.boxSizing = "border-box";
+        this.inputElement.style.paddingLeft = this._textInsets.left + "px";
+        this.inputElement.style.paddingRight = this._textInsets.right + "px";
+        this.inputElement.style.paddingTop = this._textInsets.top + "px";
+        this.inputElement.style.paddingBottom = this._textInsets.bottom + "px";
         this.inputElement.style.width = layer.element.style.width;
         this.inputElement.style.height = layer.element.style.height;
-        this.inputElement.value = this._text;
-        this.inputElement.placeholder = this._placeholder;
+        this.inputElement.value = this._text || "";
+        this.inputElement.placeholder = this._placeholder || "";
         var autocomplete = htmlAutocompleteByTextContentType[this._textContentType];
         if (autocomplete === ""){
             if (this._secureEntry){
@@ -486,7 +492,7 @@ JSClass("UIHTMLTextField", UIControl, {
     },
 
     updateElementInsets: function(){
-        var insets = JSInsets(this._textInsets);
+        var insets = JSInsets.Zero;
         if (this._leftAccessoryView !== null){
             insets.left += this._leftAccessoryInsets.width + this._leftAccessorySize.width;
         }

package/Root/Frameworks/UIKit/UIHTMLTextTypesetter.js

@@ -197,22 +197,7 @@ JSClass("UIHTMLTextTypesetter", JSTextTypesetter, {
         var backgroundColor = attributes[JSAttributedString.Attribute.backgroundColor];
         span.style.color = textColor ? textColor.cssString() : 'black';
         span.style.backgroundColor = backgroundColor ? backgroundColor.cssString() : '';
-
-        // Cursor
-        var cursor = attributes[JSAttributedString.Attribute.cursor];
-        if (cursor){
-            var cssCursorStrings = cursor.cssStrings();
-            for (var i = 0, l = cssCursorStrings.length; i < l; ++i){
-                span.style.cursor = cssCursorStrings[i];
-                if (span.style.cursor !== ''){
-                    break;
-                }
-            }  
-            span.style.pointerEvents = 'all';              
-        }else{
-            span.style.cursor = '';
-            span.style.pointerEvents = 'none';
-        }
+        span.style.pointerEvents = 'none';
     },
 
     _styleAttachmentElementWithAttributes: function(span, attributes, attachment){
@@ -226,18 +211,6 @@ JSClass("UIHTMLTextTypesetter", JSTextTypesetter, {
         span.style.color = '';
         span.style.backgroundColor = '';
         span.style.pointerEvents = 'all';
-        var cursor = attributes[JSAttributedString.Attribute.cursor];
-        if (cursor){
-            var cssCursorStrings = cursor.cssStrings();
-            for (var i = 0, l = cssCursorStrings.length; i < l; ++i){
-                span.style.cursor = cssCursorStrings[i];
-                if (span.style.cursor !== ''){
-                    break;
-                }
-            }
-        }else{
-            span.style.cursor = '';
-        }
     },
 
     // MARK: - Private Helpers for Line Break Suggestion
@@ -272,7 +245,7 @@ JSClass("UIHTMLTextTypesetter", JSTextTypesetter, {
             }
             newline = iterator.isMandatoryLineBreak;
             printable = !newline && !iterator.isWhiteSpace;
-            attachment = runIterator.attachment;
+            attachment = attributes[JSAttributedString.Attribute.attachment] || null;
             if (attachment !== null){
                 attachment.layout(preferredFont, width);
                 usedWidth += attachment.size.width;

package/Root/Frameworks/UIKit/UIHTMLWindowServer.js

@@ -43,7 +43,6 @@ JSClass("UIHTMLWindowServer", UIWindowServer, {
         this.rootElement = rootElement;
         this.domDocument = this.rootElement.ownerDocument;
         this.domWindow = this.domDocument.defaultView;
-        this._cursorViewsById = {};
         this.setupRenderingEnvironment();
         this.setupEventListeners();
         this.startObservingAccessibilityNotifications();
@@ -112,24 +111,9 @@ JSClass("UIHTMLWindowServer", UIWindowServer, {
 
     // --------------------------------------------------------------------
     // MARK: - Cursor Management
-    
-    _cursorViewsById: null,
-    _isOverridingCursor: false,
-
-    viewDidChangeCursor: function(view, cursor){
-        if (cursor === null){
-            delete this._cursorViewsById[view.objecID];
-        }else{
-            this._cursorViewsById[view.objectID] = view;
-        }
-        if (!this._isOverridingCursor){
-            var context = this.displayServer.contextForLayer(view.layer);
-            context.setCursor(cursor, view.layer);
-        }
-    },
 
     hideCursor: function(){
-        this._setCursor(UICursor.none, true);
+        this._setCursor(UICursor.none);
     },
 
     unhideCursor: function(){
@@ -137,60 +121,11 @@ JSClass("UIHTMLWindowServer", UIWindowServer, {
     },
 
     setCursor: function(cursor){
-        this._setCursor(cursor, UICursor._stack.length > 1);
-    },
-
-    _setCursor: function(cursor, isOverride){
-        this.displayServer.screenContext.setCursor(cursor, null);
-        var id;
-        var view;
-        var context;
-        if (isOverride){
-            if (!this._isOverridingCursor){
-                this._isOverridingCursor = true;
-                for (id in this._cursorViewsById){
-                    context = this.displayServer.contextForLayer(this._cursorViewsById[id].layer);
-                    context.setCursor(null, this._cursorViewsById[id].layer);
-                }
-            }
-        }else{
-            if (this._isOverridingCursor){
-                this._isOverridingCursor = false;
-                for (id in this._cursorViewsById){
-                    view = this._cursorViewsById[id];
-                    context = this.displayServer.contextForLayer(view.layer);
-                    context.setCursor(view.cursor, view.layer);
-                }
-            }
-        }
+        this._setCursor(cursor);
     },
 
-    viewDidChangeMouseTracking: function(view, trackingType){
-        var context = this.displayServer.contextForLayer(view.layer);
-        var windowServer = this;
-        if (trackingType === UIView.MouseTracking.none){
-            context.stopMouseTracking();
-        }else{
-            var listener = {
-                handleEvent: function(e){
-                    e.stopPropagation();
-                    this[e.type](e);
-                },
-
-                mouseenter: function(e){
-                    windowServer._createMouseTrackingEventFromDOMEvent(e, UIEvent.Type.mouseEntered, view);
-                },
-
-                mouseleave: function(e){
-                    windowServer._createMouseTrackingEventFromDOMEvent(e, UIEvent.Type.mouseExited, view);
-                },
-
-                mousemove: function(e){
-                    windowServer._createMouseTrackingEventFromDOMEvent(e, UIEvent.Type.mouseMoved, view);
-                }
-            };
-            context.startMouseTracking(trackingType, listener, view.layer);
-        }
+    _setCursor: function(cursor){
+        this.displayServer.screenContext.setCursor(cursor);
     },
 
     // --------------------------------------------------------------------
@@ -395,6 +330,8 @@ JSClass("UIHTMLWindowServer", UIWindowServer, {
         if (this._draggingSession === null || this._draggingSession.source === null){
             this.resetMouseState(e.timeStamp / 1000.0);
         }
+        var modifiers = this._modifiersFromDOMEvent(e);
+        this.mouseDidMove(e.timeStamp / 1000.0, modifiers);
     },
 
     wheel: function(e){
@@ -409,16 +346,6 @@ JSClass("UIHTMLWindowServer", UIWindowServer, {
         this.createMouseEvent(type, timestamp, this.mouseLocation, modifiers);
     },
 
-    _createMouseTrackingEventFromDOMEvent: function(e, type, view){
-        this._updateMouseLocation(e);
-        var timestamp = e.timeStamp / 1000.0;
-        var modifiers = this._modifiersFromDOMEvent(e);
-        if (type === UIEvent.Type.mouseMoved){
-            this.mouseDidMove(timestamp, modifiers);
-        }
-        this.createMouseTrackingEvent(type, timestamp, this.mouseLocation, modifiers, view);
-    },
-
     _createScrollEventFromDOMEvent: function(e, type){
         var timestamp = e.timeStamp / 1000.0;
         var modifiers = this._modifiersFromDOMEvent(e);

package/Root/Frameworks/UIKit/UIKit.js

@@ -28,6 +28,7 @@
 // #import "UIPlatform.js"
 // #import "JSColor+UIKit.js"
 // #import "UIColorSpace.js"
+// #import "UIState.js"
 
 // Layers & Views
 // #import "UIResponder.js"

package/Root/Frameworks/UIKit/UILabel.js

@@ -32,7 +32,6 @@ JSClass('UILabel', UIView, {
     textInsets: UIViewLayerProperty(),
     allowsSelection: JSDynamicProperty('_allowsSelection', false),
     selectionColor: JSDynamicProperty("_selectionColor", null),
-    userInteractionEnabled: false,
     _accessibilityHidden: true,
 
     initWithFrame: function(frame){
@@ -375,6 +374,78 @@ JSClass('UILabel', UIView, {
         this._updateSelectionHighlightLayers();
     },
 
+    // -------------------------------------------------------------------------
+    // MARK: - Layout
+
+    sizeToFitSize: function(maxSize){
+        UILabel.$super.sizeToFitSize.call(this, maxSize);
+        this.updateMouseTrackingAreas();
+    },
+
+    layoutSubviews: function(){
+        UILabel.$super.layoutSubviews.call(this);
+        this.updateMouseTrackingAreas();
+    },
+
+    linkMouseTrackingAreas: null,
+
+    updateMouseTrackingAreas: function(){
+        UILabel.$super.updateMouseTrackingAreas.call(this);
+        if (this.linkMouseTrackingAreas === null && !this._userInteractionEnabled){
+            return;
+        }
+        if (this.linkMouseTrackingAreas === null){
+            this.linkMouseTrackingAreas = [];
+        }
+        var rects;
+        var rectIndex, rectCount;
+        var linkIndex = 0;
+        var range;
+        var attributes;
+        var attributedString = this.attributedText;
+        var end = attributedString.string.length;
+        var rect;
+        var area;
+        if (this._userInteractionEnabled){
+            range = attributedString.longestRangeOfAttributeAtIndex("link", 0);
+            attributes = attributedString.attributesAtIndex(range.location);
+            while (range.length > 0 && range.location < end){
+                if (attributes.link){
+                    rects = this.layer.textLayoutManager.rectsForCharacterRange(range);
+                    for (rectIndex = 0, rectCount = rects.length; rectIndex < rectCount; ++rectIndex, ++linkIndex){
+                        rect = rects[rectIndex];
+                        if (linkIndex < this.linkMouseTrackingAreas.length){
+                            area = this.linkMouseTrackingAreas[linkIndex];
+                            area.rect = rect;
+                        }else{
+                            area = UIMouseTrackingArea.initWithResponder(this, rect, UIMouseTrackingArea.TrackingType.enterAndExit);
+                            area.cursor = UICursor.pointingHand;
+                            this.linkMouseTrackingAreas.push(area);
+                            this.addMouseTrackingArea(area);
+                        }
+                    }
+                }
+                if (range.end == end){
+                    range = JSRange(end, 0);
+                }else{
+                    range = attributedString.longestRangeOfAttributeAtIndex("link", range.end);
+                    attributes = attributedString.attributesAtIndex(range.location);
+                }
+            }
+        }
+        for (var j = this.linkMouseTrackingAreas.length - 1; j >= linkIndex; --j){
+            area = this.linkMouseTrackingAreas.pop();
+            this.removeMouseTrackingArea(area);
+        }
+    },
+
+    userInteractionEnabled: JSDynamicProperty("_userInteractionEnabled", false),
+
+    setUserInteractionEnabled: function(userInteractionEnabled){
+        this._userInteractionEnabled = userInteractionEnabled;
+        this.updateMouseTrackingAreas();
+    },
+
     // -------------------------------------------------------------------------
     // MARK: - Accessibility
 

package/Root/Frameworks/UIKit/UILayer.js

@@ -608,6 +608,9 @@ JSClass("UILayer", JSObject, {
     },
 
     removeAnimationForKey: function(key){
+        if (!(key in this.animationsByKey)){
+            return;
+        }
         --this.animationCount;
         if (this.animationCount === 0){
             // If we're all done with animations, reset our presentation to be identical to our model