mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-03 10:31:10 +08:00
Wolfgang Beyer
cdedf581e5
This reverts commit ecc4ecb65c.
Reason for revert: This CL is suspected of breaking the roll into
chromium (https://crbug.com/1121242#c2).
Original change's description:
> Update Mocha and rollup-plugin-terser
>
> These two packages had NPM advisories filed against them. Luckily,
> we can upgrade to versions where they are fixed.
>
> The upgrade of rollup-plugin-terser includes the upgrade to Terser 5.
> Looking at its changelog (https://github.com/terser/terser/blob/master/CHANGELOG.md#v500-beta0)
> we seem to not be affected. Our build also works as expected.
>
> DISABLE_THIRD_PARTY_CHECK=Update node modules
> R=petermarshall@chromium.org
>
> Change-Id: I6974a73d92a1a210b705246053be5c2af268605b
> Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2372148
> Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org>
> Commit-Queue: Peter Marshall <petermarshall@chromium.org>
> Reviewed-by: Peter Marshall <petermarshall@chromium.org>
TBR=petermarshall@chromium.org,tvanderlippe@chromium.org
Change-Id: I969ca281c77d299038332f93ffd477925e191073
No-Presubmit: true
No-Tree-Checks: true
No-Try: true
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2374207
Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
120 lines
2.2 KiB
JavaScript
120 lines
2.2 KiB
JavaScript
'use strict';
|
|
|
|
/**
|
|
* Expose `Progress`.
|
|
*/
|
|
|
|
module.exports = Progress;
|
|
|
|
/**
|
|
* Initialize a new `Progress` indicator.
|
|
*/
|
|
function Progress() {
|
|
this.percent = 0;
|
|
this.size(0);
|
|
this.fontSize(11);
|
|
this.font('helvetica, arial, sans-serif');
|
|
}
|
|
|
|
/**
|
|
* Set progress size to `size`.
|
|
*
|
|
* @public
|
|
* @param {number} size
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.size = function(size) {
|
|
this._size = size;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Set text to `text`.
|
|
*
|
|
* @public
|
|
* @param {string} text
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.text = function(text) {
|
|
this._text = text;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Set font size to `size`.
|
|
*
|
|
* @public
|
|
* @param {number} size
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.fontSize = function(size) {
|
|
this._fontSize = size;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Set font to `family`.
|
|
*
|
|
* @param {string} family
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.font = function(family) {
|
|
this._font = family;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Update percentage to `n`.
|
|
*
|
|
* @param {number} n
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.update = function(n) {
|
|
this.percent = n;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Draw on `ctx`.
|
|
*
|
|
* @param {CanvasRenderingContext2d} ctx
|
|
* @return {Progress} Progress instance.
|
|
*/
|
|
Progress.prototype.draw = function(ctx) {
|
|
try {
|
|
var percent = Math.min(this.percent, 100);
|
|
var size = this._size;
|
|
var half = size / 2;
|
|
var x = half;
|
|
var y = half;
|
|
var rad = half - 1;
|
|
var fontSize = this._fontSize;
|
|
|
|
ctx.font = fontSize + 'px ' + this._font;
|
|
|
|
var angle = Math.PI * 2 * (percent / 100);
|
|
ctx.clearRect(0, 0, size, size);
|
|
|
|
// outer circle
|
|
ctx.strokeStyle = '#9f9f9f';
|
|
ctx.beginPath();
|
|
ctx.arc(x, y, rad, 0, angle, false);
|
|
ctx.stroke();
|
|
|
|
// inner circle
|
|
ctx.strokeStyle = '#eee';
|
|
ctx.beginPath();
|
|
ctx.arc(x, y, rad - 1, 0, angle, true);
|
|
ctx.stroke();
|
|
|
|
// text
|
|
var text = this._text || (percent | 0) + '%';
|
|
var w = ctx.measureText(text).width;
|
|
|
|
ctx.fillText(text, x - w / 2 + 1, y + fontSize / 2 - 1);
|
|
} catch (ignore) {
|
|
// don't fail if we can't render progress
|
|
}
|
|
return this;
|
|
};
|