I installed hyperline and am using the default configuration from the readme, but the line is not showing up, there is no information displayed (I'm using a 2015 MacBook Pro with Mac OS Sierra 10.12 and Hyper 0.8.3). Am I doing something wrong?

I think this is because whenever I switch between the tabs, Hyperline recalculates all of the values such as RAM being used (and how much there is, for that matter) so that it can display itself.

I had to remove the extension. But maybe instead I'll try and hack on a fix for it.

I've come across some column rendering issues in vim 8.0 on macOS Sierra.
This was in a tmux session, but it also occurs outside the session. You can see the 80 col ruler is misaligned 3/4 page down.

Thanks for hyper, it's an awesome app. Enjoying playing with it.

I wrote this before for the plugins but didn't get a reply from the maintainer, so thought it would make far more sense as an explicit feature request.

In my fork of hyperline the hostname plugin is displayed in the format user@hostname. There's an option to switch the username on or off, with off as default.

If you think that's what other people might be interested in using I can swing a PR over.

Occasionally hyperline will be duplicated in my HyperTerm sessions after resizing the window or unplugging a monitor. I'm having trouble reproducing the issue consistently, but it can be quite bothersome when it does occur.

I am on the beta build of macOS, but a friend who is on the latest supported build has confirmed that they are seeing the issue as well.

I am using Node v6.3.1

Currently there is no link from npm back to this repo because the package.json doesn't contain a repo.

The attached screenshot says it all. NOTE: this is intermittent (it flickers between this and 0KB/s at times)

It's a much more useful measure of processor load. The last three numbers of uptime show load:

15:30  up 1 day,  2:52, 1 user, load averages: 7.48 18.32 11.88

(5 min, 10 min, 15 min)

Hyperline overlaps with prompt at bottom of hyperterm (default size), I don't know if retina display resolution has something to do with this. Please let me know if I can do anything to help.

Overview

Builder and linter version info:

Node v6.11.0
NPM v3.10.10
XO v0.18.2

• In file: src/lib/plugins/battery.js
• Issue: XO throwing lint error due to absent navigator object in import list

If you run npm run lint XO will throw an error:

  src/lib/plugins/battery.js:40:5
  ✖  40:5   navigator is not defined.      no-undef
  ✖  54:5   navigator is not defined.      no-undef

Issue

navigator is not being accessed despite being inside the componentDidMount() and componentWilUnmount() methods (see this article).

Temporary/Permanent fix implementation

I did add eslint no-undef: 0 to the top of battery.js and that resolved the issue, so until We/I are certain that this issue is caused by XO doing its job or if this is an issue with navigator, in any case this serves as a fix.

TODO

Work on figuring out why navigator is not being accessed properly inside the two aforementioned methods.

Note

It should be noted that the battery plugin is still working, so perhaps navigator is being accessed and XO is just freaking out because it's not an 'imported' module.

@davegomez Might be nice to implement pure css icons 😏
http://cssicon.space/#/icon/search

I'm fine with the current solution though. But it might cleanup markup a bit 👍

My idea would be to separate related sections of git info into separate hyperline plugins.

• git-diff : Shows the additions and deletions (in # of lines) of the current working directory
• git-path-status : Shows stats about the current working directory (is staged, is ignored, is modified, is new)
• git-branch : Shows the name of the current branch

I'd be interesting in implementing this and submitting a PR if that is okay with the maintainers.

We could possibly use this library.

In system monitor:

In htop:

In hyperline:

Whats going on? 😰

Linux Ubuntu 16.04.
hyperline 0.6.0

Seeing this a lot when I npm install on a project. The traffic reader gets in a weird state where it alternates between 0 and NaNkb/s.

Is there a way to tweak this so it's not always floating absolute?

If I open developer pane, it seems to align properly.

I'm using agnoster theme with vim-solarized and a handful of plugins from vim-spf-13

Following the instructions in README.md I installed hyperline locally. Whenever I start hyperterm or refresh the window I see the following error: Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node' on line 134 of index.js. This is triggered because this._canvas is null. Doing some debugging I found out _onTerminal is not triggered. Did you see this before?

systeminformation doesn't work on windows :(

Hello! :) I really like you extension. The idea of doing something like this came to mind a couple years back, but I didn't know how to really accomplish it haha. Powerline, and patched fonts were along the lines of what I was thinking, but now that we have HyperTerm I feel like so much is possible.

I just wanted to see if you have any ideas beyond what you have now? If so, what are they? I would love to see and help. I've always wanted something like this to display important info for me based on different factors or on what I'm currently doing.

Do you have a great idea for a new plugin? Post it below please 😄

Need an option to pull it to the bottom right of the window.

I'm on windows 10.0.14393 Build 14393.

I most commonly use Hyper to login to remote systems using mosh. It would be awesome if the status bar could be configured to show the system status of the remote system (rather than the local system) of the active tab's remote (ssh/mosh/telnet) session.

Is the project going to be updated to match the changes made to Hyper?

hey! i'm getting the following error when i specify anything in hyperline config in .hyper.js., even when thee hyperline is copied and pasted from the README. here's my conf file:

module.exports = {
  config: {
    hyperBorder: {
      borderColors: ['#ff3186', '#83c482', '#481ea4'],
      borderWidth: '7px',
      borderAngle: '45deg'
    },
    
    hyperline: {
     background: 'transparent',
     color: 'black',
     plugins: [
       {
         name: 'hostname',
         options: {
           color: 'lightBlue'
         }
       },
       {
         name: 'ip',
         options: {
           color: 'magenta'
         }
       },
       {
         name: 'memory',
         options: {
           color: 'white'
         }
       },
       {
         name: 'uptime',
         options: {
           color: 'lightYellow'
         }
       },
       {
         name: 'cpu',
         options: {
           colors: {
             high: 'lightRed',
             moderate: 'lightYellow',
             low: 'lightGreen'
           }
         }
       },
       {
         name: 'network',
         options: {
           color: 'lightCyan'
         }
       },
       {
         name: 'battery',
         options: {
           colors: {
             fine: 'lightGreen',
             critical: 'lightRed'
           }
         }
       }
     ]
   },
    fontSize: 16,
    fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
    cursorColor: 'rgba(248,28,229,0.8)',
    cursorShape: 'BEAM',
    foregroundColor: '#fff',
    backgroundColor: '#000',
    borderColor: '#333',
    css: '',
    termCSS: '',
    showHamburgerMenu: '',
    showWindowControls: '',
    padding: '12px 14px',
    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },
    shell: '',
    shellArgs: ['--login'],
    env: {},
    bell: false,
    copyOnSelect: false
  },
  plugins: [
    "hypercwd",
    "hyperborder",
    "hyperterm-tab-icons",
    "hyperlayout",
    "hyperline"
  ]
};

opened dev tools in the app, and got the following error:

Uncaught TypeError: Cannot read property 'options' of undefined from hyperline.js:331.

thanks!

Hello,
sorry if this is already possible (and mentioned somewhere), but I couldn't find something about this.
It would be great if there was a way to disable the battery display, as it's pretty much useless for desktops.

I'm pretty new in js and react development, so I may be confusing something, but it seems to me that for now so called "plugins" can be defined only in src/lib/plugins and thus can't be called "plugins" at all. It's just internal modules of hyperline plugin.
It would be great to have an option to create plugin as separate npm package and define it in hyperline config like:

{
  "hyperline": {
    "plugins": [
      // ...
      {
        "name": "my-plugin-package-name",
        "options": {
          // ...
        }
      }
    ]
  }
}

See image:

https://www.evernote.com/l/AFk1AUHEIZ5HBKHWR2vaezbJNOzQdPUFvlA

Here's my current configuration:

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: '"Source Code Pro", Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color (hex)
    cursorColor: '#F81CE5',

    // color of the text
    foregroundColor: '#fff',

    // terminal background color
    backgroundColor: '#000',

    // border color (window, tabs)
    borderColor: '#333',

    // custom css to embed in the main window
    css: '',

    // custom padding (css format, i.e.: `top right bottom left`)
    termCSS: '',

    // custom padding
    padding: '0 5px',

    // some color overrides. see http://bit.ly/29k1iU2 for
    // the full list
    colors: [
      '#000000',
      '#ff0000',
      '#33ff00',
      '#ffff00',
      '#0066ff',
      '#cc00ff',
      '#00ffff',
      '#d0d0d0',
      '#808080',
      '#ff0000',
      '#33ff00',
      '#ffff00',
      '#0066ff',
      '#cc00ff',
      '#00ffff',
      '#ffffff'
    ],

    overlay: {
      animate: true,
      alwaysOnTop: true,
      hasShadow: true,
      hideOnBlur: true,
      hideDock: true,
      hotkeys: ['Ctrl+`'],
      resizable: true,
      position: 'top',
      primaryDisplay: true,
      startup: true,
      size: 0.4,
      tray: true,
      unique: true
    }
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hypersolar`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: ["hyperterm-overlay", "hypercwd", "hyperline"],

  // in development, you can create a directory under
  // `~/.hyperterm_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: []
};

It's possible this is caused by a conflict w/ hyperterm-overlay, but not sure.

Hyperline is not showing up i have installed it and have configured it however doesn't show up in the console.

module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 15,

// font family with optional fallbacks
fontFamily: 'Miso Light,Hack, "DejaVu Sans Mono", "Lucida Console", monospace',

// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
cursorColor: 'rgba(248,28,229,0.8)',

// `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
cursorShape: 'BEAM',

// color of the text
foregroundColor: '#fff',

// terminal background color
backgroundColor: '#000',

// border color (window, tabs)
borderColor: '#333',

// custom css to embed in the main window
css: '',

// custom css to embed in the terminal window
termCSS: '',

// custom padding (css format, i.e.: `top right bottom left`)
padding: '12px 14px',

// the full list. if you're going to provide the full color palette,
// including the 6 x 6 color cubes and the grayscale map, just provide
// an array here instead of a color map object
colors: {
  black: '#000000',
  red: '#ff0000',
  green: '#33ff00',
  yellow: '#ffff00',
  blue: '#0066ff',
  magenta: '#cc00ff',
  cyan: '#00ffff',
  white: '#d0d0d0',
  lightBlack: '#808080',
  lightRed: '#ff0000',
  lightGreen: '#33ff00',
  lightYellow: '#ffff00',
  lightBlue: '#0066ff',
  lightMagenta: '#cc00ff',
  lightCyan: '#00ffff',
  lightWhite: '#ffffff'
},

// the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
// if left empty, your system's login shell will be used by default
shell: '',

// for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
// by default ['--login'] will be used
shellArgs: ['--login'],

// for environment variables
env: {},

// set to false for no bell
bell: 'SOUND',

// if true, selected text will automatically be copied to the clipboard
copyOnSelect: false,

// URL to custom bell
// bellSoundURL: 'http://example.com/bell.mp3',

hyperline: {
color: 'black',
plugins: [
{
name: 'hostname',
options: { color: 'lightBlue' }
},
{
name: 'memory',
options: { color: 'white' }
},
{
name: 'uptime',
options: { color: 'lightYellow' }
},
{
name: 'cpu',
options: {
colors: {
high: 'lightRed',
moderate: 'lightYellow',
low: 'lightGreen'
}
}
},
{
name: 'network',
options: { color: 'lightCyan' }
},
{
name: 'battery',
options: {
colors: { fine: 'lightGreen', critical: 'lightRed' }
}
}
]
}

// for advanced config flags please refer to https://hyper.is/#cfg

},

// a list of plugins to fetch and install from npm
// format: [@org/]project[#version]
// examples:
// hyperpower
// @company/project
// project#1.0.1
plugins: [
"hypertheme",
"hyperline",
"hyperterm-paste",
"hyper-materialshell",
'hyperterm-tabs',
'hypertitle',
'hyperterm-tab-icons',
'hyper-font-smoothing',
'hyper-simple-vibrancy'
],

// in development, you can create a directory under
// ~/.hyper_plugins/local/ and include it here
// to load it and avoid it being npm installed
localPlugins:[]
};

thats my config file

Using the following config:

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: '#918EF4',

    // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
    cursorShape: 'BEAM',

    // set to true for blinking cursor
    cursorBlink: true,

    // color of the text
    foregroundColor: '#fefefe',

    // terminal background color
    backgroundColor: '#1a1a1a',

    // border color (window, tabs)
    borderColor: '#262626',

    // custom css to embed in the main window
    css: '',

    // custom css to embed in the terminal window
    termCSS: '',

    // set to `true` (without backticks) if you're using a Linux setup that doesn't show native menus
    // default: `false` on Linux, `true` on Windows (ignored on macOS)
    showHamburgerMenu: '',

    // set to `false` if you want to hide the minimize, maximize and close buttons
    // additionally, set to `'left'` if you want them on the left, like in Ubuntu
    // default: `true` on windows and Linux (ignored on macOS)
    showWindowControls: '',

    // custom padding (css format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#E15554',
      green: '#3BB273',
      yellow: '#F7CE83',
      blue: '#4D9DE0',
      magenta: '#B33C86',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#CC72A9',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },

    // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    // make sure to use a full path if the binary name doesn't work
    // (e.g `C:\\Windows\\System32\\bash.exe` instead of just `bash.exe`)
    // if you're using powershell, make sure to remove the `--login` below
    shell: '/bin/zsh',

    // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
    // by default ['--login'] will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to false for no bell
    bell: 'SOUND',

    // if true, selected text will automatically be copied to the clipboard
    copyOnSelect: false

    // if true, on right click selected text will be copied or pasted if no
    // selection is present (true by default on Windows)
    // quickEdit: true

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg
  },
  hyperline: {
    plugins: [
      {
        name: 'hostname',
        options: {
          color: 'lightWhite'
        }
      },
      {
        name: 'memory',
        options: {
          color: 'white'
        }
      },
      {
        name: 'uptime',
        options: {
          color: 'white'
        }
      },
      {
        name: 'network',
        options: {
          color: 'red'
        }
      },
      {
        name: 'battery',
        options: {
          color: 'white'
        }
      }
    ]
  },

  termCSS: `
    x-screen a {
      color: #F7CE83;
    }

    x-screen a.hover {
      text-decoration: none;
    }
  `,

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: [
    'hyperterm-1password',
    'hyperlinks',
    'hypercwd',
    // 'hyper-snazzy',
    'hyperline-magus',
    'hyperterm-final-say'
  ],

  // in development, you can create a directory under
  // `~/.hyper_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: []
};

Colors aren't applying, nothing happens on save/hyper reload.

Hey!

Not sure what repo to report this in but this plugin seems to conflict with Hyperborder

Screenshot attached:

No matter which color I configure, it always keeps a black background.

I'm using cobalt2 theme, which changes the terminal background color to #193549.

Tried to change both color and background attribute, with no success.

There shouldn't be a divider for the leftmost plugin, but there is one, as can be seen below, both through the image itself and the devtools (border-left-width is 1px).

need 5 more seconds to launch a new windows

Looking at code, you have a few plugins like:

spotify
ip
time
party-parrot
git-status

but when I add these to they hyper.js config as so:

{
  name: 'git-status'
},
{
  name: 'time'
},
{
  name: 'ip'
}

Breaks loading of hyper.js

I'm on macOS Sierra latest

This issue's purpose is to discuss how Hyperline will be configured by it's users. A means of customising and configuring Hyperline would be really useful, especially as we have more and more plugins available. Users should be able to:

• Select which plugins they want to see
• Change the color associated with each plugin
• Change the font size of all plugins (or perhaps size relative to the terminal font size)
• Change the order of plugins
• Have the configuration available in a file, for easy backup

This is easily achievable through an object in .hyperterm.js that the user can edit. While this is a great first step, I think we could have a more intuitive interface as well. The two ideas I've got are a plugin configuration tab in the terminal, or alternatively, drag and drop functionality coupled with right-click menus for each plugin. Either option would make changes to .hyperterm.js to reflect the changes made using the UI.

Whatever we choose, this will be an awesome feature to ship with the next release 😄 Would love to hear your thoughts!

Hey, awesome plugin! Thanks for making it!

One suggestion though. When the cpu percentage changes between 1 digit and 2 digits (e.g.; 9% -> 10%), it creates a rather visually jarring effect when the total width of the status bar grows/shrinks which can be distracting.

What would you think about always using 2 digits (e.g.; 01%, 09%, etc.) ? That way the width the content in the bar would be constant.

We are using inline styles for Hyperline making the resulted code big, confusing, ugly, and difficult to override. I think we should use classes instead to apply the styles.

I'm not sure how this is being done with Hyperterm but it worth to look at it.

Hi there. Great plugin. One thing I've noticed is that on my 13in retina mbp, the text is super blurry. I'm guessing this is due to using canvas w/o adjusting for dpi. http://www.html5rocks.com/en/tutorials/canvas/hidpi/

On Debian 9, uptime and battery charge are stuck at the values they were when Hyper was opened. Opening a new tab refreshes the uptime value but refreshing the battery charge value requires restarting Hyper.

Using default .hyper.js file.

I tried different methods:

• Just add "hyperline" to plugins to .hyper.js file.
• Install by hpm — hpm i hyperline.
• Install to local by hpm — hpm f hyperline.

Nothing to show hyperline. Maybe I something doing wrong?

Node.js 6.9.1
NPM 3.10.8

Hyper 0.8.3
hpm-cli 1.4.0
hyperline 0.6.0

Linux Ubuntu 16.04
Linux kernel 4.4.0-45-generic

So i installed hyperline and added the configurations to the .hyper.js file and reloaded the hyper application using > cmd+shift+r. However this is not working for me and i can't see anything in my terminal how do i fix this please help me.

as the picture, see the last line

Cloned to try and find out why the npm module didn't include plugins available in GH (e.g. Spotify) and encountered the following error trying to run npm run build

ERROR in ./src/lib/plugins/docker.js
ESLintError:
/Users/snowinferno/.hyper_plugins/local/hyperline/src/lib/plugins/docker.js
  51:15  error  'err' is defined but never used  no-unused-vars
  70:25  error  Trailing spaces not allowed      no-trailing-spaces

✖ 2 problems (2 errors, 0 warnings)

Locally changing line 51 to be .catch( () => { and removing trailing space from line 70 fixed the build and everything appears to work as expected.

If anyone is looking for an enhancement I would ask for this feature. I have found the memory checking every 100ms aggressive and ended up hacking the dist bundle. I don't have time to fork and pull request, wish I did. Thanks

I also found the network check aggressive and drives my cpu usage up. On my Mac the fans kick in like I'm running OpenGL rendering in a window. This is on Yosemite. Using the config I just eliminated the network by not including it, thanks for that. It also listed "NaN" intermittently if someone is looking for that.

❯ zsh --version
zsh 5.3.1 (x86_64-apple-darwin16.3.0)

❯ npm --version
3.10.8

npm info --global hyperline
// ...
version: '0.6.1',
// ...

My configuration files looks like:

module.exports = {
  config: {
    // ...
    // Hyperline config
    hyperline: {
      background: 'transparent',
      fontSize: 26,
      color: 'green',
    },
    // ...
  }
   // ...
};

the display of both remains at 0/0 and 0% respectively.
http://imgur.com/a/zvhpR

working with macos sierra,

Something that I'm currently working on but figured I'd put it here is:

Exposing the plugins list to be customizable by the user; currently a user has to open src/lib/plguins/index.js and remove the plugin from the

export default []

list, and then comment out the import statement so the linter won't complain.

I did notice in src/lib/utils/config.js this seems to be an in-dev implementation of what I'm describing, I'd love confirmation on whether or not this is correct.

While installing the plugin using hpm-cli I have no issues and works perfectly. It fails to load when I clone the repo for development. Here is a screenshot of the issue.

The cloned repo is at

My .hyperterm.js

Is there something else I must do in order to make it work, besides cloning the repo at the hyperterm_plugins/local folder?

I am getting the following error when I try to install the plugin:

[Notification] Plugin load error: "hyperline" failed to load in the renderer process. Check Developer Tools for details.

Here is the full error in the Developer Tools console: