The Great Blink mv for source files, part 2.
Move and rename files.
NOAUTOREVERT=true
NOPRESUBMIT=true
NOTREECHECKS=true
Bug: 768828
[email protected]
NOTRY=true
Change-Id: I66d3b155808bc5bdbf237b80208e1e552bcf7f28
Reviewed-on: https://chromium-review.googlesource.com/1001153
Reviewed-by: Blink Reformat <[email protected]>
Commit-Queue: Blink Reformat <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#549061}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 0aee4434a4dba42a42abaea9bfbc0cd196a63bc1diff --git a/front_end/help/Help.js b/front_end/help/Help.js
new file mode 100644
index 0000000..38e2ca0
--- /dev/null
+++ b/front_end/help/Help.js
@@ -0,0 +1,84 @@
+// Copyright 2017 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.
+
+/**
+ * @return {!Help.ReleaseNote}
+ */
+Help.latestReleaseNote = function() {
+ if (!Help._latestReleaseNote) {
+ /** @type {!Help.ReleaseNote} */
+ Help._latestReleaseNote = Help.releaseNoteText.reduce((acc, note) => note.version > acc.version ? note : acc);
+ }
+ return Help._latestReleaseNote;
+};
+
+Help._showReleaseNoteIfNeeded = function() {
+ Help._innerShowReleaseNoteIfNeeded(
+ Help._releaseNoteVersionSetting.get(), Help.latestReleaseNote().version,
+ Common.settings.moduleSetting('help.show-release-note').get());
+};
+
+/**
+ * @param {number} lastSeenVersion
+ * @param {number} latestVersion
+ * @param {boolean} showReleaseNote
+ */
+Help._innerShowReleaseNoteIfNeeded = function(lastSeenVersion, latestVersion, showReleaseNote) {
+ if (!lastSeenVersion) {
+ Help._releaseNoteVersionSetting.set(latestVersion);
+ return;
+ }
+ if (!showReleaseNote)
+ return;
+ if (lastSeenVersion >= latestVersion)
+ return;
+ Help._releaseNoteVersionSetting.set(latestVersion);
+ UI.viewManager.showView(Help.releaseNoteViewId, true);
+};
+
+/**
+ * @const
+ * @type {string}
+ */
+Help.releaseNoteViewId = 'release-note';
+
+/** @typedef {!{title: string, subtitle: string, link: string}} */
+Help.ReleaseNoteHighlight;
+
+/**
+ * @typedef {!{version: number, header: string, highlights: !Array<!Help.ReleaseNoteHighlight>,
+ * link: string}}
+ */
+Help.ReleaseNote;
+
+/**
+ * @implements {Common.Runnable}
+ */
+Help.HelpLateInitialization = class {
+ /**
+ * @override
+ */
+ run() {
+ Help._showReleaseNoteIfNeeded();
+ }
+};
+
+/**
+ * @implements {UI.ActionDelegate}
+ */
+Help.ReleaseNotesActionDelegate = class {
+ /**
+ * @override
+ * @param {!UI.Context} context
+ * @param {string} actionId
+ * @return {boolean}
+ */
+ handleAction(context, actionId) {
+ InspectorFrontendHost.openInNewTab(Help.latestReleaseNote().link);
+ return true;
+ }
+};
+
+/** @type {!Common.Setting} */
+Help._releaseNoteVersionSetting = Common.settings.createSetting('releaseNoteVersionSeen', 0);
diff --git a/front_end/help/ReleaseNoteText.js b/front_end/help/ReleaseNoteText.js
new file mode 100644
index 0000000..9ede40f
--- /dev/null
+++ b/front_end/help/ReleaseNoteText.js
@@ -0,0 +1,302 @@
+// Copyright 2017 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.
+
+// NOTE: need to be careful about adding release notes early otherwise it'll
+// be shown in Canary (e.g. make sure the release notes are accurate).
+// https://github.com/ChromeDevTools/devtools-frontend/wiki/Release-Notes
+
+const continueToHereShortcut = Host.isMac() ? 'Command' : 'Control';
+const commandMenuShortcut = Host.isMac() ? 'Command + Shift + P' : 'Control + Shift + P';
+
+/** @type {!Array<!Help.ReleaseNote>} */
+Help.releaseNoteText = [
+ {
+ version: 9,
+ header: 'Highlights from the Chrome 66 update',
+ highlights: [
+ {
+ title: 'Pretty-printing in the Preview and Response tabs',
+ subtitle: 'The Preview tab now pretty-prints by default, and you can force ' +
+ 'pretty-printing in the Response tab via the new Format button.',
+ link: 'https://developers.google.com/web/updates/2018/02/devtools#pretty-printing',
+ },
+ {
+ title: 'Previewing HTML content in the Preview tab',
+ subtitle: 'The Preview tab now always does a basic rendering of HTML content.',
+ link: 'https://developers.google.com/web/updates/2018/02/devtools#previews',
+ },
+ {
+ title: 'Local Overrides with styles defined in HTML',
+ subtitle: 'Local Overrides now works with styles defined in HTML, with one exception.',
+ link: 'https://developers.google.com/web/updates/2018/02/devtools#overrides',
+ },
+ {
+ title: 'Blackboxing in the Initiator column',
+ subtitle: 'Hide framework scripts in order to see the app code that caused a request.',
+ link: 'https://developers.google.com/web/updates/2018/02/devtools#blackboxing',
+ },
+ ],
+ link: 'https://developers.google.com/web/updates/2018/02/devtools',
+ },
+ {
+ version: 8,
+ header: 'Highlights from the Chrome 65 update',
+ highlights: [
+ {
+ title: 'Local overrides',
+ subtitle: 'Override network requests and serve local resources instead.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#overrides',
+ },
+ {
+ title: 'Changes tab',
+ subtitle: 'Track changes that you make locally in DevTools via the Changes tab.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#changes',
+ },
+ {
+ title: 'New accessibility tools',
+ subtitle: 'Inspect the accessibility properties and contrast ratio of elements.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#a11y',
+ },
+ {
+ title: 'New audits',
+ subtitle: 'New performance audits, a whole new category of SEO audits, and more.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#audits',
+ },
+ {
+ title: 'Code stepping updates',
+ subtitle: 'Reliably step into web worker and asynchronous code.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#stepping',
+ },
+ {
+ title: 'Multiple recordings in the Performance panel',
+ subtitle: 'Temporarily save up to 5 recordings.',
+ link: 'https://developers.google.com/web/updates/2018/01/devtools#recordings',
+ },
+ ],
+ link: 'https://developers.google.com/web/updates/2018/01/devtools',
+ },
+ {
+ version: 7,
+ header: 'Highlights from the Chrome 64 update',
+ highlights: [
+ {
+ title: 'Performance monitor',
+ subtitle: 'Get a real-time view of various performance metrics.',
+ link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#perf-monitor',
+ },
+ {
+ title: 'Console sidebar',
+ subtitle: 'Reduce console noise and focus on the messages that are important to you.',
+ link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#console-sidebar',
+ },
+ {
+ title: 'Group similar console messages',
+ subtitle: 'The Console now groups similar messages by default.',
+ link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#group-similar',
+ },
+ ],
+ link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes',
+ },
+ {
+ version: 6,
+ header: 'Highlights from the Chrome 63 update',
+ highlights: [
+ {
+ title: 'Multi-client remote debugging',
+ subtitle: 'Use DevTools while debugging your app from an IDE or testing framework.',
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#multi-client',
+ },
+ {
+ title: 'Workspaces 2.0',
+ subtitle: 'Save changes made in DevTools to disk, now with more helpful UI and better auto-mapping.',
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#workspaces',
+ },
+ {
+ title: 'Four new audits',
+ subtitle:
+ 'Including "Appropriate aspect ratios for images", "Avoid JS libraries with known vulnerabilities", and more.',
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#audits',
+ },
+ {
+ title: 'Custom push notifications',
+ subtitle: 'Simulate push notifications with custom data.',
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#push',
+ },
+ {
+ title: 'Custom background sync events',
+ subtitle: 'Trigger background sync events with custom tags.',
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#sync',
+ },
+ ],
+ link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes',
+ },
+ {
+ version: 5,
+ header: 'Highlights from the Chrome 62 update',
+ highlights: [
+ {
+ title: 'Top-level await operators in the Console',
+ subtitle: 'Use await to conveniently experiment with asynchronous functions in the Console.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#await',
+ },
+ {
+ title: 'New screenshot workflows',
+ subtitle: 'Take screenshots of a portion of the viewport, or of specific HTML nodes.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#screenshots',
+ },
+ {
+ title: 'CSS Grid highlighting',
+ subtitle: 'Hover over an element to see the CSS Grid that\'s affecting it.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#css-grid-highlighting',
+ },
+ {
+ title: 'A new Console API for querying objects',
+ subtitle: 'Call queryObjects(Constructor) to get an array of objects instantiated with that constructor.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#query-objects',
+ },
+ {
+ title: 'New Console filters',
+ subtitle: 'Filter out logging noise with the new negative and URL filters.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#console-filters',
+ },
+ {
+ title: 'HAR imports in the Network panel',
+ subtitle: 'Drag-and-drop a HAR file to analyze a previous network recording.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports',
+ },
+ {
+ title: 'Previewable cache resources in the Application panel',
+ subtitle: 'Click a row in a Cache Storage table to see a preview of that resource.',
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#cache-preview',
+ }
+ ],
+ link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes',
+ },
+ {
+ version: 4,
+ header: 'Highlights from the Chrome 61 update',
+ highlights: [
+ {
+ title: 'Mobile device throttling',
+ subtitle: 'Simulate a mobile device\'s CPU and network throttling from Device Mode.',
+ link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#throttling',
+ },
+ {
+ title: 'Storage usage',
+ subtitle: 'See how much storage (IndexedDB, local, session, cache, etc.) an origin is using.',
+ link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#storage',
+ },
+ {
+ title: 'Cache timestamps',
+ subtitle: 'View when a service worker cached a response.',
+ link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#time-cached',
+ },
+ {
+ title: 'ES6 Modules support',
+ subtitle: 'Debug ES6 Modules natively from the Sources panel.',
+ link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#modules',
+ }
+ ],
+ link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes',
+ },
+ {
+ version: 3,
+ header: 'Highlights from the Chrome 60 update',
+ highlights: [
+ {
+ title: 'New Audits panel, powered by Lighthouse',
+ subtitle:
+ 'Find out whether your site qualifies as a Progressive Web App, measure the accessibility and performance of a page, and discover best practices.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#lighthouse',
+ },
+ {
+ title: 'Third-party badges',
+ subtitle:
+ 'See what third-party entities are logging to the Console, making network requests, and causing work during performance recordings.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#badges',
+ },
+ {
+ title: 'New "Continue to Here" gesture',
+ subtitle: 'While paused on a line of code, hold ' + continueToHereShortcut +
+ ' and then click to continue to another line of code.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#continue',
+ },
+ {
+ title: 'Step into async',
+ subtitle: 'Predictably step into a promise resolution or other asynchronous code with a single gesture.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#step-into-async',
+ },
+ {
+ title: 'More informative object previews',
+ subtitle: 'Get a better idea of the contents of objects when logging them to the Console.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#object-previews',
+ },
+ {
+ title: 'Real-time Coverage tab updates',
+ subtitle: 'See what code is being used in real-time.',
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#coverage',
+ }
+ ],
+ link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes',
+ },
+ {
+ version: 2,
+ header: 'Highlights from Chrome 59 update',
+ highlights: [
+ {
+ title: 'CSS and JS code coverage',
+ subtitle: 'Find unused CSS and JS with the new Coverage drawer.',
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage',
+ },
+ {
+ title: 'Full-page screenshots',
+ subtitle: 'Take a screenshot of the entire page, from the top of the viewport to the bottom.',
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots',
+ },
+ {
+ title: 'Block requests',
+ subtitle: 'Manually disable individual requests in the Network panel.',
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests',
+ },
+ {
+ title: 'Step over async await',
+ subtitle: 'Step through async functions predictably.',
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#async',
+ },
+ {
+ title: 'Unified Command Menu',
+ subtitle: 'Execute commands and open files from the newly-unified Command Menu (' + commandMenuShortcut + ').',
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#command-menu',
+ }
+ ],
+ link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes',
+ },
+ {
+ version: 1,
+ header: 'Highlights from Chrome 58 update',
+ highlights: [
+ {
+ title: 'New Performance and Memory panels',
+ subtitle: 'Head to Performance for JavaScript profiling',
+ link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#performance-panel',
+ },
+ {
+ title: 'Editable cookies',
+ subtitle: 'You can edit any existing cookies and create new ones in the Application panel',
+ link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#cookies',
+ },
+ {
+ title: 'Console filtering & settings',
+ subtitle: 'Use the text filter or click the Console settings icon to touch up your preferences',
+ link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#console',
+ },
+ {
+ title: 'Debugger catches out-of-memory errors',
+ subtitle: 'See the stack or grab a heap snapshot to see why the app may crash',
+ link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#out-of-memory-breakpoints',
+ },
+ ],
+ link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes',
+ }
+];
diff --git a/front_end/help/ReleaseNoteView.js b/front_end/help/ReleaseNoteView.js
new file mode 100644
index 0000000..41eb8db
--- /dev/null
+++ b/front_end/help/ReleaseNoteView.js
@@ -0,0 +1,51 @@
+// Copyright 2017 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.
+
+Help.ReleaseNoteView = class extends UI.VBox {
+ constructor() {
+ super(true);
+ this.registerRequiredCSS('help/releaseNote.css');
+ const releaseNoteElement = this._createReleaseNoteElement(Help.latestReleaseNote());
+ const topSection = this.contentElement.createChild('div', 'release-note-top-section');
+ topSection.textContent = Common.UIString(Help.latestReleaseNote().header);
+ this.contentElement.appendChild(releaseNoteElement);
+ }
+
+ /**
+ * @param {!Help.ReleaseNote} releaseNote
+ * @return {!Element}
+ */
+ _createReleaseNoteElement(releaseNote) {
+ const hbox = createElementWithClass('div', 'hbox');
+ const container = hbox.createChild('div', 'release-note-container');
+ const contentContainer = container.createChild('ul');
+ for (const highlight of releaseNote.highlights) {
+ const listItem = contentContainer.createChild('li');
+ const title = UI.XLink.create(highlight.link, highlight.title + ' ', 'release-note-title');
+ title.title = '';
+ listItem.appendChild(title);
+ const subtitle = UI.XLink.create(highlight.link, highlight.subtitle + ' ', 'release-note-subtitle');
+ subtitle.title = '';
+ listItem.appendChild(subtitle);
+ }
+
+ const actionContainer = container.createChild('div', 'release-note-action-container');
+ actionContainer.appendChild(UI.createTextButton(Common.UIString('Learn more'), event => {
+ event.consume(true);
+ InspectorFrontendHost.openInNewTab(releaseNote.link);
+ }));
+ actionContainer.appendChild(UI.createTextButton(Common.UIString('Close'), event => {
+ event.consume(true);
+ UI.inspectorView.closeDrawerTab(Help.releaseNoteViewId, true);
+ }, 'close-release-note'));
+
+ const imageLink = UI.XLink.create(releaseNote.link, ' ');
+ imageLink.classList.add('release-note-image');
+ imageLink.title = '';
+ hbox.appendChild(imageLink);
+ const image = imageLink.createChild('img');
+ image.src = 'Images/whatsnew.png';
+ return hbox;
+ }
+};
diff --git a/front_end/help/module.json b/front_end/help/module.json
new file mode 100644
index 0000000..1c98901
--- /dev/null
+++ b/front_end/help/module.json
@@ -0,0 +1,60 @@
+{
+ "extensions": [
+ {
+ "type": "view",
+ "location": "drawer-view",
+ "id": "release-note",
+ "title": "What's New",
+ "persistence": "closeable",
+ "order": 1,
+ "className": "Help.ReleaseNoteView"
+ },
+ {
+ "type": "setting",
+ "category": "Appearance",
+ "title": "Show What's New after each update",
+ "settingName": "help.show-release-note",
+ "settingType": "boolean",
+ "defaultValue": true,
+ "options": [
+ {
+ "value": true,
+ "title": "Show What's New after each update"
+ },
+ {
+ "value": false,
+ "title": "Do not show What's New after each update"
+ }
+ ]
+ },
+ {
+ "type": "action",
+ "category": "Help",
+ "actionId": "help.release-notes",
+ "title": "Release notes",
+ "className": "Help.ReleaseNotesActionDelegate"
+ },
+ {
+ "type": "context-menu-item",
+ "location": "mainMenuHelp/default",
+ "actionId": "help.release-notes",
+ "order": 10
+ },
+ {
+ "type": "late-initialization",
+ "className": "Help.HelpLateInitialization"
+ }
+ ],
+ "dependencies": [
+ "ui",
+ "host"
+ ],
+ "scripts": [
+ "Help.js",
+ "ReleaseNoteView.js",
+ "ReleaseNoteText.js"
+ ],
+ "resources": [
+ "releaseNote.css"
+ ]
+}
diff --git a/front_end/help/releaseNote.css b/front_end/help/releaseNote.css
new file mode 100644
index 0000000..d0999de7
--- /dev/null
+++ b/front_end/help/releaseNote.css
@@ -0,0 +1,97 @@
+/*
+ * Copyright 2017 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.
+ */
+
+:host {
+}
+
+.hbox {
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+.release-note-top-section {
+ height: 27px;
+ line-height: 27px;
+ padding: 0 15px;
+ flex: none;
+ background-color: var(--toolbar-bg-color);
+ border-bottom: var(--divider-border);
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+:host-context(.-theme-with-dark-background) .release-note-top-section {
+ color: white;
+}
+
+.release-note-container {
+ display: flex;
+ flex-direction: column;
+}
+
+.release-note-container ul {
+ display: flex;
+ padding: 10px 16px;
+ flex-direction: column;
+ flex: none;
+ margin: 4px 12px 0 2px;
+ max-width: 600px;
+}
+
+.release-note-container li {
+ display: flex;
+ flex-direction:column;
+ flex: none;
+ line-height: 24px;
+ font-size: 14px;
+}
+
+
+.release-note-container li:hover {
+ color: #039be5;
+}
+
+.release-note-title,
+.release-note-subtitle {
+ color: inherit;
+ text-decoration: none;
+}
+
+.release-note-subtitle {
+ font-size: 13px;
+ line-height: 13px;
+ padding-bottom: 8px;
+}
+
+.release-note-container li:not(:hover) .release-note-subtitle {
+ color: #999;
+}
+
+.release-note-action-container > button {
+ margin: 10px 0 20px 20px;
+ color: #757575;
+}
+
+.release-note-action-container {
+ flex: none;
+}
+
+.release-note-image {
+ flex-shrink: 2;
+}
+
+img {
+ margin: 20px;
+ width: 260px;
+ height: 200px;
+ flex: none;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
+}
+
+img:hover {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
+}
