Support for function source in tooltips.

Author: Chris K

src/ecma-debugger/objectinspection.6.0/inspectiontooltip.js

@@ -23,6 +23,8 @@ cls.JSInspectionTooltip = function()
       _cur_ctx = ctx;
       _cur_ctx.target.addClass(CLASS_TOOLTIP_SELECTED);
       _tooltip.show(ctx.template);
+      if (ctx.type.after_render)
+        ctx.type.after_render();
     }
     else
       _hide_tooltip();

src/ecma-debugger/objectinspection.6.0/prettyprinter.js

@@ -109,10 +109,60 @@ cls.PrettyPrinter.types[cls.PrettyPrinter.FUNCTION] =
   script: "object.toString()",
   template: function(message, ctx)
   {
-    var VALUE = 2;
-    var tmpl = templates.highlight_js_source(message[VALUE]);
-    tmpl.push("class", "pretty-printed-code mono");
+    var tmpl = [];
+    if (ctx.function_definition)
+    {
+      var script = ctx.script;
+      var start_line = ctx.function_definition.start_line;
+      var end_line = ctx.function_definition.end_line;
+      var line_numbers = ["ul"];
+      var lines = ["div"];
+      for (var i = start_line; i <= end_line; i++)
+      {
+        var data = script.get_line(i);
+        var start_state = script.state_arr[i - 1];
+        var line_tmpl = ["div"];
+        window.templates.highlight_js_source(data, null, start_state, line_tmpl);
+        lines.push(line_tmpl);
+        var num_templ = ["li"];
+        num_templ.push(["input", "value", String(i)]);
+        num_templ.push(["span", "handler", "set-break-point"]);
+        line_numbers.push(num_templ);
+      }
+      lines.push("class", "js-source-content js-source mono");
+      line_numbers.push("class", "js-source-line-numbers");
+      tmpl = ["div", 
+                lines, 
+                line_numbers, 
+                "class", "tooltip-function-source",
+                "data-script-id", String(script.script_id)];
+    }
+    else
+    {
+      var VALUE = 2;
+      tmpl = templates.highlight_js_source(message[VALUE]);
+      tmpl.push("class", "pretty-printed-code mono");
+    }
     return tmpl;
+  },
+  after_render: function()
+  {
+    var fn_tooltip = document.querySelector(".tooltip-function-source");
+    if (fn_tooltip)
+    {
+      var line_numbers = fn_tooltip.querySelector(".js-source-line-numbers");
+      var script_id = line_numbers && line_numbers.get_ancestor_attr("data-script-id");
+      var script = window.runtimes.getScript(Number(script_id));
+      cls.JsSourceView.update_breakpoints(script, line_numbers);
+    }
+  },
+  init: function()
+  {
+    if (!this._is_initialized)
+    {
+      this._is_initialized = true;
+      window.messages.addListener("breakpoint-updated", this.after_render);
+    }
   }
 };
 
@@ -148,6 +198,8 @@ cls.PrettyPrinter.types[cls.PrettyPrinter.REGEXP] =
 
 cls.PrettyPrinter.prototype = new function()
 {
+  var SUCCESS = 0;
+
   this.register_types = function(list) {};
   this.unregister_types = function(list) {};
   /**
@@ -169,6 +221,8 @@ cls.PrettyPrinter.prototype = new function()
           !this._types.contains(cls.PrettyPrinter.types[type]))
       {
         this._types.push(cls.PrettyPrinter.types[type]);
+        if (cls.PrettyPrinter.types[type].init)
+          cls.PrettyPrinter.types[type].init();
       }
     }, this);  
   };
@@ -230,12 +284,56 @@ cls.PrettyPrinter.prototype = new function()
     ctx.callback(ctx);
   };
 
+  this._print_function = function(ctx)
+  {
+    if (services["ecmascript-debugger"].requestGetFunctionPositions)
+    {
+      var tag = tagManager.set_callback(this, this._handle_function, [ctx]);
+      var msg = [ctx.rt_id, [ctx.obj_id]];
+      services["ecmascript-debugger"].requestGetFunctionPositions(tag, msg);
+    }
+    else
+      this._print_object(ctx);
+  };
+
+  this._handle_function = function(status, message, ctx)
+  {
+    var FUNCTION_POSITION_LIST = 0;
+    var POSITION = 1;
+    var SCRIPT_ID = 0;
+    var LINE_NUMBER = 1;
+    var pos = null;
+    if (status === SUCCESS && 
+        (pos = message[FUNCTION_POSITION_LIST]) &&
+        (pos = pos[0]) &&
+        (pos = pos[POSITION]))
+    {
+      var script = window.runtimes.getScript(pos[SCRIPT_ID]);
+      if (script)
+      {
+        var funcion_definition = script.get_function(pos[LINE_NUMBER]);
+        if (funcion_definition)
+        {
+          ctx.function_definition = funcion_definition;
+          ctx.script = script;
+          ctx.template = ctx.type.template(message, ctx);
+          ctx.callback(ctx);
+          return;
+        }
+      }
+    }
+    
+    this._print_object(ctx);
+  };
+
   this.print = function(ctx) 
   {
     if (ctx.type = this._get_type(ctx.class_name))
     {
       if (ctx.type.traversal)
         this._print_element(ctx);
+      else if (ctx.type.type == cls.PrettyPrinter.FUNCTION)
+        this._print_function(ctx);
       else
         this._print_object(ctx);
     }