[DevTools] Support JQuery event listeners

Source/devtools/front_end/framework_support/EventListeners.js

+/*
+ * Copyright 2015 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+WebInspector.FrameworksSupport = {}

[dgozman, 2015/08/14 19:02:25]

EventListenersFrameworkSupport

[kozy, 2015/08/14 20:20:38]

Done.

+
+/**
+ * @return {string}
+ */
+WebInspector.FrameworksSupport.eventListenersInitializeFunction = function()

[dgozman, 2015/08/14 19:02:25]

Let's make this |initializeOnExecutionContext(context)|.

[kozy, 2015/08/14 20:20:38]

Done.

+{
+    return ["(function(){",
+        WebInspector.FrameworksSupport.initializeFrameworkUserEventListeners.toString(),
+        "initializeFrameworkUserEventListeners();",
+        WebInspector.FrameworksSupport.initializeFrameworkInternalEventHandlers.toString(),
+        "initializeFrameworkInternalEventHandlers();",
+        "})();"].join("\n");
+}
+
+WebInspector.FrameworksSupport.initializeFrameworkUserEventListeners = function initializeFrameworkUserEventListeners()
+{
+    // We should call this function once per context.
+    self.devtoolsFrameworkUserEventListeners = self.devtoolsFrameworkUserEventListeners || [];
+    self.devtoolsFrameworkUserEventListeners.push(jQueryUserEventListeners);
+
+    /**
+     * @param {!Object} node
+     * @return {!Array<!{type: string, listener: function(), useCapture: boolean}>}
+     */
+    function jQueryUserEventListeners(node)
+    {
+        if (!(node instanceof Node))
+            return [];
+        var hasJQuery = (typeof jQuery !== 'undefined') && jQuery.fn;
+        if (!hasJQuery)
+            return [];
+        var listeners = [];
+        var data = jQuery._data || jQuery.data;
+        if (typeof data === "function") {
+            var events = data(node, "events");
+            for (var type in events) {
+                for (var key in events[type]) {
+                    var frameworkListener = events[type][key];
+                    if (typeof frameworkListener === "object" || typeof frameworkListener === "function") {
+                        var listener = {
+                            handler: frameworkListener.handler || frameworkListener,
+                            useCapture: true,
+                            type: type
+                        };
+                        listeners.push(listener);
+                    }
+                }
+            }
+        }
+        var entry = jQuery(node)[0];
+        if (entry) {
+            var entryEvents = entry["$events"];
+            for (var type in entryEvents) {
+                var events = entryEvents[type];
+                for (var key in events) {
+                    if (typeof events[key] === "function") {
+                        var listener = {
+                            handler: events[key],
+                            useCapture: true,
+                            type: type
+                        };
+                        listeners.push(listener);
+                    }
+                }
+            }
+        }
+        return listeners;
+    }
+}
+
+WebInspector.FrameworksSupport.initializeFrameworkInternalEventHandlers = function initializeFrameworkInternalEventHandlers()
+{
+    // We should call this function once per context.
+    self.devtoolsFrameworkInternalEventHandlers = self.devtoolsFrameworkInternalEventHandlers || [];
+    self.devtoolsFrameworkInternalEventHandlers.push(jQueryInternalEventHandlers);
+
+    /**
+     * @param {!Object} node
+     * @return {!Array<function()>}
+     */
+    function jQueryInternalEventHandlers(node)
+    {
+        if (!(node instanceof Node))
+            return [];
+        var hasJQuery = (typeof jQuery !== 'undefined') && jQuery.fn;
+        if (!hasJQuery)
+            return [];
+        var handlers = [];
+        var data = jQuery._data || jQuery.data;
+        if (typeof data === "function") {
+            var nodeData = data(node);
+            if (typeof nodeData.handle === "function")
+                handlers.push(nodeData.handle);
+        }
+        var entry = jQuery(node)[0];
+        if (entry && entry["$handle"])
+            handlers.push(entry["$handle"]);
+        return handlers;
+    }
+}