mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 21:54:47 +08:00
Joel Einbinder
bfa65b0162
It makes more sense for the filesystem icon to show the file path, and for the file tab itself to continue to refer to the network URL. Change-Id: I1e5c4fce1733efe841ad6912b17905f49b959071 Reviewed-on: https://chromium-review.googlesource.com/1040825 Reviewed-by: Dmitry Gozman <dgozman@chromium.org> Commit-Queue: Joel Einbinder <einbinder@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#555604} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 85fe18c6237f0262b2556ce92049970f5fa62695
75 lines
2.6 KiB
JavaScript
75 lines
2.6 KiB
JavaScript
// Copyright 2016 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.
|
|
|
|
Persistence.PersistenceUtils = class {
|
|
/**
|
|
* @param {!Workspace.UISourceCode} uiSourceCode
|
|
* @return {string}
|
|
*/
|
|
static tooltipForUISourceCode(uiSourceCode) {
|
|
const binding = Persistence.persistence.binding(uiSourceCode);
|
|
if (!binding)
|
|
return '';
|
|
if (uiSourceCode === binding.network) {
|
|
const path = Common.ParsedURL.urlToPlatformPath(binding.fileSystem.url(), Host.isWin()).trimMiddle(150);
|
|
return ls`Linked to ${path}`;
|
|
}
|
|
if (binding.network.contentType().isFromSourceMap())
|
|
return Common.UIString('Linked to source map: %s', binding.network.url().trimMiddle(150));
|
|
return Common.UIString('Linked to %s', binding.network.url().trimMiddle(150));
|
|
}
|
|
|
|
/**
|
|
* @param {!Workspace.UISourceCode} uiSourceCode
|
|
* @return {?UI.Icon}
|
|
*/
|
|
static iconForUISourceCode(uiSourceCode) {
|
|
const binding = Persistence.persistence.binding(uiSourceCode);
|
|
if (binding) {
|
|
const icon = UI.Icon.create('mediumicon-file-sync');
|
|
icon.title = Persistence.PersistenceUtils.tooltipForUISourceCode(binding.network);
|
|
// TODO(allada) This will not work properly with dark theme.
|
|
if (Persistence.networkPersistenceManager.project() === binding.fileSystem.project())
|
|
icon.style.filter = 'hue-rotate(160deg)';
|
|
return icon;
|
|
}
|
|
if (uiSourceCode.project().type() !== Workspace.projectTypes.FileSystem)
|
|
return null;
|
|
const icon = UI.Icon.create('mediumicon-file');
|
|
icon.title = Persistence.PersistenceUtils.tooltipForUISourceCode(uiSourceCode);
|
|
return icon;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @extends {Common.Object}
|
|
* @implements {Components.LinkDecorator}
|
|
*/
|
|
Persistence.PersistenceUtils.LinkDecorator = class extends Common.Object {
|
|
/**
|
|
* @param {!Persistence.Persistence} persistence
|
|
*/
|
|
constructor(persistence) {
|
|
super();
|
|
persistence.addEventListener(Persistence.Persistence.Events.BindingCreated, this._bindingChanged, this);
|
|
persistence.addEventListener(Persistence.Persistence.Events.BindingRemoved, this._bindingChanged, this);
|
|
}
|
|
|
|
/**
|
|
* @param {!Common.Event} event
|
|
*/
|
|
_bindingChanged(event) {
|
|
const binding = /** @type {!Persistence.PersistenceBinding} */ (event.data);
|
|
this.dispatchEventToListeners(Components.LinkDecorator.Events.LinkIconChanged, binding.network);
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
* @param {!Workspace.UISourceCode} uiSourceCode
|
|
* @return {?UI.Icon}
|
|
*/
|
|
linkIcon(uiSourceCode) {
|
|
return Persistence.PersistenceUtils.iconForUISourceCode(uiSourceCode);
|
|
}
|
|
}; |