DevTools -> Memory Tab -> Allowing to edit a title of a heap snapshot

third_party/WebKit/Source/devtools/front_end/profiler/ProfilesPanel.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 277 matching lines @@
      */
     function profileComplete(event) {
       this.showProfile(/** @type {!Profiler.ProfileHeader} */ (event.data));
     }
 
     profileType.addEventListener(Profiler.ProfileType.Events.ViewUpdated, this._updateProfileTypeSpecificUI, this);
     profileType.addEventListener(Profiler.ProfileType.Events.AddProfileHeader, onAddProfileHeader, this);
     profileType.addEventListener(Profiler.ProfileType.Events.RemoveProfileHeader, onRemoveProfileHeader, this);
     profileType.addEventListener(Profiler.ProfileType.Events.ProfileComplete, profileComplete, this);
 
+

[alph, 2017/07/07 22:37:25]

nuke the extra line.

     var profiles = profileType.getProfiles();
     for (var i = 0; i < profiles.length; i++)
       this._addProfileHeader(profiles[i]);
   }
 
   /**
    * @param {!Event} event
    */
   _handleContextMenuEvent(event) {
     var contextMenu = new UI.ContextMenu(event);
@@ skipping 297 matching lines @@
     this._titleContainer = this._titlesElement.createChild('span', 'title-container');
     this._titleElement = this._titleContainer.createChild('span', 'title');
     this._subtitleElement = this._titlesElement.createChild('span', 'subtitle');
 
     this._titleElement.textContent = profile.title;
     this._className = className;
     this._small = false;
     this._dataDisplayDelegate = dataDisplayDelegate;
     this.profile = profile;
     profile.addEventListener(Profiler.ProfileHeader.Events.UpdateStatus, this._updateStatus, this);
+    profile.addEventListener(Profiler.ProfileHeader.Events.ProfileTitleChanged, this._updateTitle, this);
     if (profile.canSaveToFile())
       this._createSaveLink();
     else
       profile.addEventListener(Profiler.ProfileHeader.Events.ProfileReceived, this._onProfileReceived, this);
   }
 
   _createSaveLink() {
     this._saveLinkElement = this._titleContainer.createChild('span', 'save-link');
     this._saveLinkElement.textContent = Common.UIString('Save');
     this._saveLinkElement.addEventListener('click', this._saveProfile.bind(this), false);
   }
 
   _onProfileReceived(event) {
     this._createSaveLink();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _updateStatus(event) {
     var statusUpdate = event.data;
     if (statusUpdate.subtitle !== null) {
       this._subtitleElement.textContent = statusUpdate.subtitle || '';
       this._titlesElement.classList.toggle('no-subtitle', !statusUpdate.subtitle);
     }
     if (typeof statusUpdate.wait === 'boolean' && this.listItemElement)
       this.listItemElement.classList.toggle('wait', statusUpdate.wait);
   }
 
+  /**
+   * @override
+   * @return {boolean}
+   */
+  ondblclick(event) {

[alph, 2017/07/07 22:37:25]

annotate event plz

+    if (this._editing)

[alph, 2017/07/07 22:37:25]

if (!this._editing)
  this._startEditing();
return false;

+      return false;
+    this._startEditing(/** @type {!Element} */ (event.target));
+    return false;
+  }
+
+  /**
+   * @param {!Element} eventTarget
+   */
+  _startEditing(eventTarget) {
+    var container = eventTarget.enclosingNodeOrSelfWithClass('title-container');

[alph, 2017/07/07 22:37:25]

Can you create the editor on 'title' element, not on 'title-container' to keep
save-link unaffected?

+    if (!container)
+      return;
+    container.textContent = this.profile.title;
+    var config = new UI.InplaceEditor.Config(this._editingCommitted.bind(this), this._editingCancelled.bind(this));
+    this._editing = UI.InplaceEditor.startEditing(container, config);
+  }
+
+  /**
+   * @param {!Element} container
+   * @param {string} newTitle
+   * @param {string} oldTitle
+   */
+  _editingCommitted(container, newTitle, oldTitle) {

[alph, 2017/07/07 22:37:25]

nit: just drop oldTitle if it's not used.

+    delete this._editing;
+
+    this.profile.setTitle(newTitle);
+  }
+
+  _editingCancelled() {
+    delete this._editing;
+    this._updateTitle();
+  }
+
+  _updateTitle() {
+    if (this._titleContainer.getElementsByClassName('save-link').length === 0)
+      this._createSaveLink();
+    this._titleElement.textContent = this.profile.title;
+  }
+
   dispose() {
     this.profile.removeEventListener(Profiler.ProfileHeader.Events.UpdateStatus, this._updateStatus, this);
     this.profile.removeEventListener(Profiler.ProfileHeader.Events.ProfileReceived, this._onProfileReceived, this);
+    this.profile.removeEventListener(Profiler.ProfileHeader.Events.ProfileTitleChanged, this._updateTitle, this);
   }
 
   /**
    * @override
    * @return {boolean}
    */
   onselect() {
     this._dataDisplayDelegate.showProfile(this.profile);
     return true;
   }
@@ skipping 158 matching lines @@
    * @param {string} actionId
    * @return {boolean}
    */
   handleAction(context, actionId) {
     var panel = UI.context.flavor(Profiler.JSProfilerPanel);
     console.assert(panel && panel instanceof Profiler.JSProfilerPanel);
     panel.toggleRecord();
     return true;
   }
 };