mirror of
https://gitee.com/onvia/ccc-tnt-psd2ui
synced 2024-12-28 04:27:42 +00:00
403 lines
15 KiB
Markdown
403 lines
15 KiB
Markdown
|
gauge
|
|||
|
=====
|
|||
|
|
|||
|
A nearly stateless terminal based horizontal gauge / progress bar.
|
|||
|
|
|||
|
```javascript
|
|||
|
var Gauge = require("gauge")
|
|||
|
|
|||
|
var gauge = new Gauge()
|
|||
|
|
|||
|
gauge.show("working…", 0)
|
|||
|
setTimeout(() => { gauge.pulse(); gauge.show("working…", 0.25) }, 500)
|
|||
|
setTimeout(() => { gauge.pulse(); gauge.show("working…", 0.50) }, 1000)
|
|||
|
setTimeout(() => { gauge.pulse(); gauge.show("working…", 0.75) }, 1500)
|
|||
|
setTimeout(() => { gauge.pulse(); gauge.show("working…", 0.99) }, 2000)
|
|||
|
setTimeout(() => gauge.hide(), 2300)
|
|||
|
```
|
|||
|
|
|||
|
See also the [demos](demo.js):
|
|||
|
|
|||
|
![](gauge-demo.gif)
|
|||
|
|
|||
|
|
|||
|
### CHANGES FROM 1.x
|
|||
|
|
|||
|
Gauge 2.x is breaking release, please see the [changelog] for details on
|
|||
|
what's changed if you were previously a user of this module.
|
|||
|
|
|||
|
[changelog]: CHANGELOG.md
|
|||
|
|
|||
|
### THE GAUGE CLASS
|
|||
|
|
|||
|
This is the typical interface to the module– it provides a pretty
|
|||
|
fire-and-forget interface to displaying your status information.
|
|||
|
|
|||
|
```
|
|||
|
var Gauge = require("gauge")
|
|||
|
|
|||
|
var gauge = new Gauge([stream], [options])
|
|||
|
```
|
|||
|
|
|||
|
* **stream** – *(optional, default STDERR)* A stream that progress bar
|
|||
|
updates are to be written to. Gauge honors backpressure and will pause
|
|||
|
most writing if it is indicated.
|
|||
|
* **options** – *(optional)* An option object.
|
|||
|
|
|||
|
Constructs a new gauge. Gauges are drawn on a single line, and are not drawn
|
|||
|
if **stream** isn't a tty and a tty isn't explicitly provided.
|
|||
|
|
|||
|
If **stream** is a terminal or if you pass in **tty** to **options** then we
|
|||
|
will detect terminal resizes and redraw to fit. We do this by watching for
|
|||
|
`resize` events on the tty. (To work around a bug in versions of Node prior
|
|||
|
to 2.5.0, we watch for them on stdout if the tty is stderr.) Resizes to
|
|||
|
larger window sizes will be clean, but shrinking the window will always
|
|||
|
result in some cruft.
|
|||
|
|
|||
|
**IMPORTANT:** If you previously were passing in a non-tty stream but you still
|
|||
|
want output (for example, a stream wrapped by the `ansi` module) then you
|
|||
|
need to pass in the **tty** option below, as `gauge` needs access to
|
|||
|
the underlying tty in order to do things like terminal resizes and terminal
|
|||
|
width detection.
|
|||
|
|
|||
|
The **options** object can have the following properties, all of which are
|
|||
|
optional:
|
|||
|
|
|||
|
* **updateInterval**: How often gauge updates should be drawn, in milliseconds.
|
|||
|
* **fixedFramerate**: Defaults to false on node 0.8, true on everything
|
|||
|
else. When this is true a timer is created to trigger once every
|
|||
|
`updateInterval` ms, when false, updates are printed as soon as they come
|
|||
|
in but updates more often than `updateInterval` are ignored. The reason
|
|||
|
0.8 doesn't have this set to true is that it can't `unref` its timer and
|
|||
|
so it would stop your program from exiting– if you want to use this
|
|||
|
feature with 0.8 just make sure you call `gauge.disable()` before you
|
|||
|
expect your program to exit.
|
|||
|
* **themes**: A themeset to use when selecting the theme to use. Defaults
|
|||
|
to `gauge/themes`, see the [themes] documentation for details.
|
|||
|
* **theme**: Select a theme for use, it can be a:
|
|||
|
* Theme object, in which case the **themes** is not used.
|
|||
|
* The name of a theme, which will be looked up in the current *themes*
|
|||
|
object.
|
|||
|
* A configuration object with any of `hasUnicode`, `hasColor` or
|
|||
|
`platform` keys, which if will be used to override our guesses when making
|
|||
|
a default theme selection.
|
|||
|
|
|||
|
If no theme is selected then a default is picked using a combination of our
|
|||
|
best guesses at your OS, color support and unicode support.
|
|||
|
* **template**: Describes what you want your gauge to look like. The
|
|||
|
default is what npm uses. Detailed [documentation] is later in this
|
|||
|
document.
|
|||
|
* **hideCursor**: Defaults to true. If true, then the cursor will be hidden
|
|||
|
while the gauge is displayed.
|
|||
|
* **tty**: The tty that you're ultimately writing to. Defaults to the same
|
|||
|
as **stream**. This is used for detecting the width of the terminal and
|
|||
|
resizes. The width used is `tty.columns - 1`. If no tty is available then
|
|||
|
a width of `79` is assumed.
|
|||
|
* **enabled**: Defaults to true if `tty` is a TTY, false otherwise. If true
|
|||
|
the gauge starts enabled. If disabled then all update commands are
|
|||
|
ignored and no gauge will be printed until you call `.enable()`.
|
|||
|
* **Plumbing**: The class to use to actually generate the gauge for
|
|||
|
printing. This defaults to `require('gauge/plumbing')` and ordinarily you
|
|||
|
shouldn't need to override this.
|
|||
|
* **cleanupOnExit**: Defaults to true. Ordinarily we register an exit
|
|||
|
handler to make sure your cursor is turned back on and the progress bar
|
|||
|
erased when your process exits, even if you Ctrl-C out or otherwise exit
|
|||
|
unexpectedly. You can disable this and it won't register the exit handler.
|
|||
|
|
|||
|
[has-unicode]: https://www.npmjs.com/package/has-unicode
|
|||
|
[themes]: #themes
|
|||
|
[documentation]: #templates
|
|||
|
|
|||
|
#### `gauge.show(section | status, [completed])`
|
|||
|
|
|||
|
The first argument is either the section, the name of the current thing
|
|||
|
contributing to progress, or an object with keys like **section**,
|
|||
|
**subsection** & **completed** (or any others you have types for in a custom
|
|||
|
template). If you don't want to update or set any of these you can pass
|
|||
|
`null` and it will be ignored.
|
|||
|
|
|||
|
The second argument is the percent completed as a value between 0 and 1.
|
|||
|
Without it, completion is just not updated. You'll also note that completion
|
|||
|
can be passed in as part of a status object as the first argument. If both
|
|||
|
it and the completed argument are passed in, the completed argument wins.
|
|||
|
|
|||
|
#### `gauge.hide([cb])`
|
|||
|
|
|||
|
Removes the gauge from the terminal. Optionally, callback `cb` after IO has
|
|||
|
had an opportunity to happen (currently this just means after `setImmediate`
|
|||
|
has called back.)
|
|||
|
|
|||
|
It turns out this is important when you're pausing the progress bar on one
|
|||
|
filehandle and printing to another– otherwise (with a big enough print) node
|
|||
|
can end up printing the "end progress bar" bits to the progress bar filehandle
|
|||
|
while other stuff is printing to another filehandle. These getting interleaved
|
|||
|
can cause corruption in some terminals.
|
|||
|
|
|||
|
#### `gauge.pulse([subsection])`
|
|||
|
|
|||
|
* **subsection** – *(optional)* The specific thing that triggered this pulse
|
|||
|
|
|||
|
Spins the spinner in the gauge to show output. If **subsection** is
|
|||
|
included then it will be combined with the last name passed to `gauge.show`.
|
|||
|
|
|||
|
#### `gauge.disable()`
|
|||
|
|
|||
|
Hides the gauge and ignores further calls to `show` or `pulse`.
|
|||
|
|
|||
|
#### `gauge.enable()`
|
|||
|
|
|||
|
Shows the gauge and resumes updating when `show` or `pulse` is called.
|
|||
|
|
|||
|
#### `gauge.isEnabled()`
|
|||
|
|
|||
|
Returns true if the gauge is enabled.
|
|||
|
|
|||
|
#### `gauge.setThemeset(themes)`
|
|||
|
|
|||
|
Change the themeset to select a theme from. The same as the `themes` option
|
|||
|
used in the constructor. The theme will be reselected from this themeset.
|
|||
|
|
|||
|
#### `gauge.setTheme(theme)`
|
|||
|
|
|||
|
Change the active theme, will be displayed with the next show or pulse. This can be:
|
|||
|
|
|||
|
* Theme object, in which case the **themes** is not used.
|
|||
|
* The name of a theme, which will be looked up in the current *themes*
|
|||
|
object.
|
|||
|
* A configuration object with any of `hasUnicode`, `hasColor` or
|
|||
|
`platform` keys, which if will be used to override our guesses when making
|
|||
|
a default theme selection.
|
|||
|
|
|||
|
If no theme is selected then a default is picked using a combination of our
|
|||
|
best guesses at your OS, color support and unicode support.
|
|||
|
|
|||
|
#### `gauge.setTemplate(template)`
|
|||
|
|
|||
|
Change the active template, will be displayed with the next show or pulse
|
|||
|
|
|||
|
### Tracking Completion
|
|||
|
|
|||
|
If you have more than one thing going on that you want to track completion
|
|||
|
of, you may find the related [are-we-there-yet] helpful. It's `change`
|
|||
|
event can be wired up to the `show` method to get a more traditional
|
|||
|
progress bar interface.
|
|||
|
|
|||
|
[are-we-there-yet]: https://www.npmjs.com/package/are-we-there-yet
|
|||
|
|
|||
|
### THEMES
|
|||
|
|
|||
|
```
|
|||
|
var themes = require('gauge/themes')
|
|||
|
|
|||
|
// fetch the default color unicode theme for this platform
|
|||
|
var ourTheme = themes({hasUnicode: true, hasColor: true})
|
|||
|
|
|||
|
// fetch the default non-color unicode theme for osx
|
|||
|
var ourTheme = themes({hasUnicode: true, hasColor: false, platform: 'darwin'})
|
|||
|
|
|||
|
// create a new theme based on the color ascii theme for this platform
|
|||
|
// that brackets the progress bar with arrows
|
|||
|
var ourTheme = themes.newTheme(themes({hasUnicode: false, hasColor: true}), {
|
|||
|
preProgressbar: '→',
|
|||
|
postProgressbar: '←'
|
|||
|
})
|
|||
|
```
|
|||
|
|
|||
|
The object returned by `gauge/themes` is an instance of the `ThemeSet` class.
|
|||
|
|
|||
|
```
|
|||
|
var ThemeSet = require('gauge/theme-set')
|
|||
|
var themes = new ThemeSet()
|
|||
|
// or
|
|||
|
var themes = require('gauge/themes')
|
|||
|
var mythemes = themes.newThemeSet() // creates a new themeset based on the default themes
|
|||
|
```
|
|||
|
|
|||
|
#### themes(opts)
|
|||
|
#### themes.getDefault(opts)
|
|||
|
|
|||
|
Theme objects are a function that fetches the default theme based on
|
|||
|
platform, unicode and color support.
|
|||
|
|
|||
|
Options is an object with the following properties:
|
|||
|
|
|||
|
* **hasUnicode** - If true, fetch a unicode theme, if no unicode theme is
|
|||
|
available then a non-unicode theme will be used.
|
|||
|
* **hasColor** - If true, fetch a color theme, if no color theme is
|
|||
|
available a non-color theme will be used.
|
|||
|
* **platform** (optional) - Defaults to `process.platform`. If no
|
|||
|
platform match is available then `fallback` is used instead.
|
|||
|
|
|||
|
If no compatible theme can be found then an error will be thrown with a
|
|||
|
`code` of `EMISSINGTHEME`.
|
|||
|
|
|||
|
#### themes.addTheme(themeName, themeObj)
|
|||
|
#### themes.addTheme(themeName, [parentTheme], newTheme)
|
|||
|
|
|||
|
Adds a named theme to the themeset. You can pass in either a theme object,
|
|||
|
as returned by `themes.newTheme` or the arguments you'd pass to
|
|||
|
`themes.newTheme`.
|
|||
|
|
|||
|
#### themes.getThemeNames()
|
|||
|
|
|||
|
Return a list of all of the names of the themes in this themeset. Suitable
|
|||
|
for use in `themes.getTheme(…)`.
|
|||
|
|
|||
|
#### themes.getTheme(name)
|
|||
|
|
|||
|
Returns the theme object from this theme set named `name`.
|
|||
|
|
|||
|
If `name` does not exist in this themeset an error will be thrown with
|
|||
|
a `code` of `EMISSINGTHEME`.
|
|||
|
|
|||
|
#### themes.setDefault([opts], themeName)
|
|||
|
|
|||
|
`opts` is an object with the following properties.
|
|||
|
|
|||
|
* **platform** - Defaults to `'fallback'`. If your theme is platform
|
|||
|
specific, specify that here with the platform from `process.platform`, eg,
|
|||
|
`win32`, `darwin`, etc.
|
|||
|
* **hasUnicode** - Defaults to `false`. If your theme uses unicode you
|
|||
|
should set this to true.
|
|||
|
* **hasColor** - Defaults to `false`. If your theme uses color you should
|
|||
|
set this to true.
|
|||
|
|
|||
|
`themeName` is the name of the theme (as given to `addTheme`) to use for
|
|||
|
this set of `opts`.
|
|||
|
|
|||
|
#### themes.newTheme([parentTheme,] newTheme)
|
|||
|
|
|||
|
Create a new theme object based on `parentTheme`. If no `parentTheme` is
|
|||
|
provided then a minimal parentTheme that defines functions for rendering the
|
|||
|
activity indicator (spinner) and progress bar will be defined. (This
|
|||
|
fallback parent is defined in `gauge/base-theme`.)
|
|||
|
|
|||
|
newTheme should be a bare object– we'll start by discussing the properties
|
|||
|
defined by the default themes:
|
|||
|
|
|||
|
* **preProgressbar** - displayed prior to the progress bar, if the progress
|
|||
|
bar is displayed.
|
|||
|
* **postProgressbar** - displayed after the progress bar, if the progress bar
|
|||
|
is displayed.
|
|||
|
* **progressBarTheme** - The subtheme passed through to the progress bar
|
|||
|
renderer, it's an object with `complete` and `remaining` properties
|
|||
|
that are the strings you want repeated for those sections of the progress
|
|||
|
bar.
|
|||
|
* **activityIndicatorTheme** - The theme for the activity indicator (spinner),
|
|||
|
this can either be a string, in which each character is a different step, or
|
|||
|
an array of strings.
|
|||
|
* **preSubsection** - Displayed as a separator between the `section` and
|
|||
|
`subsection` when the latter is printed.
|
|||
|
|
|||
|
More generally, themes can have any value that would be a valid value when rendering
|
|||
|
templates. The properties in the theme are used when their name matches a type in
|
|||
|
the template. Their values can be:
|
|||
|
|
|||
|
* **strings & numbers** - They'll be included as is
|
|||
|
* **function (values, theme, width)** - Should return what you want in your output.
|
|||
|
*values* is an object with values provided via `gauge.show`,
|
|||
|
*theme* is the theme specific to this item (see below) or this theme object,
|
|||
|
and *width* is the number of characters wide your result should be.
|
|||
|
|
|||
|
There are a couple of special prefixes:
|
|||
|
|
|||
|
* **pre** - Is shown prior to the property, if its displayed.
|
|||
|
* **post** - Is shown after the property, if its displayed.
|
|||
|
|
|||
|
And one special suffix:
|
|||
|
|
|||
|
* **Theme** - Its value is passed to a function-type item as the theme.
|
|||
|
|
|||
|
#### themes.addToAllThemes(theme)
|
|||
|
|
|||
|
This *mixes-in* `theme` into all themes currently defined. It also adds it
|
|||
|
to the default parent theme for this themeset, so future themes added to
|
|||
|
this themeset will get the values from `theme` by default.
|
|||
|
|
|||
|
#### themes.newThemeSet()
|
|||
|
|
|||
|
Copy the current themeset into a new one. This allows you to easily inherit
|
|||
|
one themeset from another.
|
|||
|
|
|||
|
### TEMPLATES
|
|||
|
|
|||
|
A template is an array of objects and strings that, after being evaluated,
|
|||
|
will be turned into the gauge line. The default template is:
|
|||
|
|
|||
|
```javascript
|
|||
|
[
|
|||
|
{type: 'progressbar', length: 20},
|
|||
|
{type: 'activityIndicator', kerning: 1, length: 1},
|
|||
|
{type: 'section', kerning: 1, default: ''},
|
|||
|
{type: 'subsection', kerning: 1, default: ''}
|
|||
|
]
|
|||
|
```
|
|||
|
|
|||
|
The various template elements can either be **plain strings**, in which case they will
|
|||
|
be be included verbatum in the output, or objects with the following properties:
|
|||
|
|
|||
|
* *type* can be any of the following plus any keys you pass into `gauge.show` plus
|
|||
|
any keys you have on a custom theme.
|
|||
|
* `section` – What big thing you're working on now.
|
|||
|
* `subsection` – What component of that thing is currently working.
|
|||
|
* `activityIndicator` – Shows a spinner using the `activityIndicatorTheme`
|
|||
|
from your active theme.
|
|||
|
* `progressbar` – A progress bar representing your current `completed`
|
|||
|
using the `progressbarTheme` from your active theme.
|
|||
|
* *kerning* – Number of spaces that must be between this item and other
|
|||
|
items, if this item is displayed at all.
|
|||
|
* *maxLength* – The maximum length for this element. If its value is longer it
|
|||
|
will be truncated.
|
|||
|
* *minLength* – The minimum length for this element. If its value is shorter it
|
|||
|
will be padded according to the *align* value.
|
|||
|
* *align* – (Default: left) Possible values "left", "right" and "center". Works
|
|||
|
as you'd expect from word processors.
|
|||
|
* *length* – Provides a single value for both *minLength* and *maxLength*. If both
|
|||
|
*length* and *minLength or *maxLength* are specified then the latter take precedence.
|
|||
|
* *value* – A literal value to use for this template item.
|
|||
|
* *default* – A default value to use for this template item if a value
|
|||
|
wasn't otherwise passed in.
|
|||
|
|
|||
|
### PLUMBING
|
|||
|
|
|||
|
This is the super simple, assume nothing, do no magic internals used by gauge to
|
|||
|
implement its ordinary interface.
|
|||
|
|
|||
|
```
|
|||
|
var Plumbing = require('gauge/plumbing')
|
|||
|
var gauge = new Plumbing(theme, template, width)
|
|||
|
```
|
|||
|
|
|||
|
* **theme**: The theme to use.
|
|||
|
* **template**: The template to use.
|
|||
|
* **width**: How wide your gauge should be
|
|||
|
|
|||
|
#### `gauge.setTheme(theme)`
|
|||
|
|
|||
|
Change the active theme.
|
|||
|
|
|||
|
#### `gauge.setTemplate(template)`
|
|||
|
|
|||
|
Change the active template.
|
|||
|
|
|||
|
#### `gauge.setWidth(width)`
|
|||
|
|
|||
|
Change the width to render at.
|
|||
|
|
|||
|
#### `gauge.hide()`
|
|||
|
|
|||
|
Return the string necessary to hide the progress bar
|
|||
|
|
|||
|
#### `gauge.hideCursor()`
|
|||
|
|
|||
|
Return a string to hide the cursor.
|
|||
|
|
|||
|
#### `gauge.showCursor()`
|
|||
|
|
|||
|
Return a string to show the cursor.
|
|||
|
|
|||
|
#### `gauge.show(status)`
|
|||
|
|
|||
|
Using `status` for values, render the provided template with the theme and return
|
|||
|
a string that is suitable for printing to update the gauge.
|