Git Product home page Git Product logo

hyper-tabs-enhanced's Introduction

hyper-tabs-enhanced hyper npm npm

Enhanced Tabs Plugin for Hyper. Matches any theme.

hyper-tabs-enhanced

Install

Add following to your ~/.hyper.js config.

module.exports = {
  ...
  plugins: ['hyper-tabs-enhanced']
  ...
}

Config

Add following to ~/.hyper.js

hyper-tabs-enhanced-traffic

Enable Traffic Buttons

Default value is false

module.exports = {
  config: {
    ...
      hyperTabs: {
        trafficButtons: true,
      }
    ...
  }
}

hyper-tabs-enhanced-border

Enable Border

Default value is false

module.exports = {
  config: {
    ...
      hyperTabs: {
        border: true,
      }
    ...
  }
}

hyper-tabs-enhanced-icons

Disable Tab Icons

Default value is true

module.exports = {
  config: {
    ...
      hyperTabs: {
        tabIcons: false,
      }
    ...
  }
}

hyper-tabs-enhanced-colored

Enable Colored Tab Icons

Default value is false

module.exports = {
  config: {
    ...
      hyperTabs: {
        tabIconsColored: true,
      }
    ...
  }
}

hyper-tabs-enhanced-activity

Change Activity Color

Expected value is CSS color

module.exports = {
  config: {
    ...
      hyperTabs: {
        activityColor: 'salmon',
      }
    ...
  }
}

hyper-tabs-enhanced-align

Align Close Button Right

Default value is 'left'

module.exports = {
  config: {
    ...
      hyperTabs: {
        closeAlign: 'right',
      }
    ...
  }
}

Disable Activity Pulse

Default value is true

module.exports = {
  config: {
    ...
      hyperTabs: {
        activityPulse: false,
      }
    ...
  }
}

Theme

License

MIT © Henrik

hyper-tabs-enhanced's People

Contributors

jaggad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

hyper-tabs-enhanced's Issues

Broken on macOS High Sierra

I'm assuming Apple changed some APIs because all I see is the default window bar and it's covering my tabs.

Tab Icons not working with TMUX

I am running 'node' in a window with TMUX and another one with just zsh bash terminal.

Let me know if you need anything.

OS : Windows 10
HyperJS : 3.0.2 (stable)

image

Does nothing on Hyper 3.1.0canary on Windows 10 1909 WSL1

  • Windows 10 1909
  • Ubuntu 20.04
  • WSL1
  • Hyper 3.1.0 canary.

I added the plugin with this config:

      hyperTabs: {
        trafficButtons: true,
        border: true,
        tabIconsColored: true,
      }

But my tabs look exactly the same (the rocket icon comes from hyper-active-tab:

image

This is a react folder and i don't see anything special in the tabs.

These are the plugins I am currently using:

    plugins: [
      'hyper-search',
      'hyper-opacity',
      'hyperlinks',
      'hyperborder',
      'hyper-tabs-enchanced',
      'hyper-pane',
      'hyperline',
    ],

trafficButtons seem broken

Whatever I do, I cannot make Mac OS button appears. Since I am often putting my terminal in full screen mode, losing the button is an issue for me.

Config error

When I try to config the plug-in the get an error when saving hyper.js

skaermbillede 2017-07-05 kl 22 11 17

I have placed the override rule here:

skaermbillede 2017-07-05 kl 23 32 00

Am I doing it wrong? :)

Not getting traffic buttons

Just installed hyperTabs and am seeing an issue with no traffic buttons showing up.

screenshot 2017-05-10 10 24 47

Here's my config:

hyperTabs: {
    trafficButtons: true,
    border: true,
    tabIconsColored: true,
    activityColor: 'salmon'
}

macOS Sierra 10.12.4
Hyper Version 1.3.2 (1.3.2.1744)

Hyper plugins installed:

plugins: [
    'hyper-snazzy',
    'hyperlinks',
    'hyper-tabs-enhanced'
],

Create new tab with a command

Is there a way to open a tab with a command?

I want to create a script that opens my regular workspace, involving a few tabs with certain commands inside them. Is this possible?

High CPU usage on windows

Just started Hyper Terminal uses about 13% of CPU on Windows 10.

Hyper 1.0.0
Electron 1.4.7
win32 x64 10.0.14393


On vercel/hyper#1221 it was established that the issue is fixed when hyper-tabs-enhanced is disabled.

Support opacity for background tabs

I'm using a hyper config where my window is transparent and vibrant:

screen shot 2017-02-20 at 12 29 04 pm

hyper-tabs-enhanced sets the background tab to opaque black, instead of a darker but still transparent look that I would expect. Perhaps for transparent black tabs, it should just increase background tab opacity?

Icons seem to be broken in Hyper 2

Hey just thought I should let you know. I did a clean install of Hyper 2 on Windows WSL and it seems that icons are not working. When I have hyper-tabs turned on with all defaults it throws a yarn error.

Here's my yarn error. The hyperterm icons issue is mentioned at the bottom.

Arguments: 
  C:\Users\David\AppData\Local\hyper\app-2.0.0\Hyper.exe C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin\yarn-standalone.js install --no-emoji --no-lockfile --cache-folder C:\Users\David\.hyper_plugins\cache

PATH: 
  C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\intel64\compiler;C:\Python37\Scripts\;C:\Python37\;C:\ProgramData\Boxstarter;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;C:\ProgramData\chocolatey\bin;C:\Program Files\Microsoft VS Code\bin;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Git\cmd;C:\Program Files\Git LFS;C:\Program Files\TortoiseGit\bin;C:\Program Files\nodejs\;C:\Program Files (x86)\Yarn\bin\;C:\Users\David\AppData\Local\Microsoft\WindowsApps;C:\Users\David\AppData\Local\Pandoc\;C:\Users\David\AppData\Roaming\npm;C:\Users\David\AppData\Local\Yarn\bin;C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin

Yarn version: 
  1.3.2

Node version: 
  8.2.1

Platform: 
  win32 x64

npm manifest: 
  {
    "name": "hyper-plugins",
    "description": "Auto-generated from `~/.hyper.js`!",
    "private": true,
    "version": "0.0.1",
    "repository": "zeit/hyper",
    "license": "MIT",
    "homepage": "https://hyper.is",
    "dependencies": {
      "hyperterm-tabs": "latest",
      "hypertheme": "latest",
      "hyperterm-blink": "latest",
      "hyperborder": "latest",
      "hyperterm-icons": "latest",
      "hyperterm-paste": "latest",
      "hyperterm-alternatescroll": "latest",
      "hyperterm-bold-tab": "latest",
      "hyperterm-dibdabs": "latest",
      "hyperlinks": "latest",
      "hyper-alt-click": "latest",
      "hyper-match": "latest",
      "hyperterm-crosshair": "latest",
      "hyper-autohide-tabs": "latest",
      "hyper-tabs-enhanced": "latest",
      "hyper-pane": "latest",
      "hyper-hover-header": "latest",
      "hyper-background": "latest",
      "gitrocket": "latest",
      "space-pull": "latest",
      "hyperatompunk": "latest"
    }
  }

yarn manifest: 
  No manifest

Lockfile: 
  No lockfile

Trace: 
  Error: https://registry.yarnpkg.com/hyperterm-icons: Not found
      at Request.params.callback [as _callback] (C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin\yarn-standalone.js:65368:18)
      at Request.self.callback (C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin\yarn-standalone.js:121753:22)
      at emitTwo (events.js:125:13)
      at Request.emit (events.js:213:7)
      at Request.<anonymous> (C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin\yarn-standalone.js:122736:10)
      at emitOne (events.js:115:13)
      at Request.emit (events.js:210:7)
      at IncomingMessage.<anonymous> (C:\Users\David\AppData\Local\hyper\app-2.0.0\resources\bin\yarn-standalone.js:122656:12)
      at Object.onceWrapper (events.js:314:30)
      at emitNone (events.js:110:20)

TypeError: title.match is not a function

Hi there, I'm on WSL running canary build, below is the error I get:

TypeError: title.match is not a function
    at getIcon (C:\Users\alicanb\.hyper_plugins\node_modules\hyper-tabs-enhanced\index.js:306:27)
    at Object.render (C:\Users\alicanb\.hyper_plugins\node_modules\hyper-tabs-enhanced\index.js:314:26)

Plugin & Config

Thanks for the plugin! It might be just me but I can't get the plugin to work. I have the hyper-chesterish and -statusline plugins installed. Oddly the ~/.hyper.js config cmd doesn't seem to be working properly either which may be the root of the problem... Running it on Windows 10 through git-cmd.exe shell with shellArgs: ['--command=usr/bin/bash.exe', '-l', '-i'],

hyper

Disables Windows Hot-edge/corner Snapping

Hello,

When I install hyper-tabs-enhanced, Window's 10's Hot Corner Snapping breaks.

Replacing hyper-tabs-enhanced with hyperterm-tab-icons fixes this issue.

Thank you!

Python3 icon

Hi

Is it possible to have the same Python icon when Python3 is running in a tab?

TypeError: Cannot read property 'lightYellow' of undefined

When installing this plugin, I get the error TypeError: Cannot read property 'lightYellow' of undefined:

screen shot 2017-05-23 at 1 19 24 am

Worse, thereafter, I cannot successfully open Hyper; when trying to, no window appears, and Hyper's menubar never loads:

screen shot 2017-05-23 at 1 21 15 am

If I launch it from the Terminal, I get this on stdout:

> /Applications/Hyper.app/Contents/MacOS/Hyper
running in prod mode
electron will open file:///Applications/Hyper.app/Contents/Resources/app/index.html
Error while loading devtools extensions TypeError: Cannot read property 'lightYellow' of undefined
    at Object.exports.decorateConfig (/Users/ec/.hyper_plugins/node_modules/hyper-tabs-enhanced/index.js:19:37)
    at modules.forEach.plugin (/Applications/Hyper.app/Contents/Resources/app/plugins.js:345:30)
    at Array.forEach (native)
    at decorateObject (/Applications/Hyper.app/Contents/Resources/app/plugins.js:343:11)
    at Object.exports.getDecoratedConfig (/Applications/Hyper.app/Contents/Resources/app/plugins.js:367:10)
    at createWindow (/Applications/Hyper.app/Contents/Resources/app/index.js:107:23)
    at installDevExtensions.then (/Applications/Hyper.app/Contents/Resources/app/index.js:379:3)

Remove Shell Icon

Is there a way to remove the default shell icon, as I prefer to have it just the current directory.

Not working properly while using cobalt2 theme

Hey,

First of all, I like your plugin, It's highly customizable.

By the way, I'm using hyperterm-cobalt2-theme and it seems alongside this plugin, they do not look nice.

image

These are my config for your plugin:

hyperTabs: {
  border: true,
  tabIconsColored: true,
  closeAlign: 'right'
},

[Icon] WSL

If you can find the distro used, then use the logo of the distro, OR
use Tux!

Borrowing icons from devicon

devicon.fr as a lot of icons that this repo can take advantage of. What are your thoughts on adding some kind of integration for them? I am willing to make a PR for this

Icons not displaying

Icons are not displaying in the latest version of hyper. Any idea of what's causing this?

Icons not changing

Tab icons don't seem to want to change to running process when using bash as shell. Works fine if you change shell to fish or zsh in ~/.hyper.js or during Terminal session. Running latest version (1.3.3.1754) on OS X El Capitan 10.11.6

[Enhancement Idea] processIconsOnly

This would work in conjunction with tabIcons.

For example,

tabIcons: true,
processIconsOnly: true,

would result in all icons being shown EXCEPT for the default no-process lightning bolt icon.

Tabs won't appear

Hey,

I'm having issues making your plugin work with my conf. Symptoms are when firing the hotkey, new shell won't appear as new tab, but as invisible instances (which i can cmd+w). When inspecting the console: title.match is not a function
I'm using osx->hyper->oh-my-zsh (agnoster theme)

Here are the plugins i use:

plugins: [
    'hyper-sync-settings',
    'hyperterm-summon',
    'hyper-match',
    // 'hpm-cli',
    // 'hyper-tab-icons',
    'hyper-tabs-enhanced',
    'hyper-statusline',
    'hyper-chesterish',
    'hyperborder',
    'hyperpower',
    'gitrocket',
    'hyperterm-alternatescroll',
  ],

And here comes the stacktrace:

capture d ecran 2018-02-03 a 14 14 56

Logging title revealed it happens to be an Object in my case:

capture d ecran 2018-02-03 a 14 36 59

Gotta admit i don't understand how dependencies work in this project (if i comment statusline in .hyper.js it won't appear, while if i comment tabs-enhanced it would) and how to set up a config for tabs-enhanced if it's bundled with chesterish.

Let me know if i can help with that,

Bests

Tab background remains black

Hey there!
Thanks for your awesome work - I'm currently having an issue since installing your plugin where the background of inactive tabs are black:

image

Here's my current config

Here's the CSS for the tab (I'm guessing this is a class built-in to hyper?):

.tab_tab {
    color: hsl(0, 0%, 36%);
    border-color: transparent !important;
    background-color: hsl(0, 0%, 0%);
    transition: background 150ms ease;
}

close/min/max buttons disappear on Hyper v3

I only noticed this after upgrading to Hyper v3.0; see the attached screenshots with and without the plugin enabled. This also affects Hyper's interaction with window managers like Magnet.

With hyper-tabs-enhanced

57249549-3fe25d80-7013-11e9-9db0-ec8d3f579864

Without hyper-tabs-enhanced

57249516-2a6d3380-7013-11e9-8d41-57352c8bb42d

Breaks Hyper when using split panes

This plugin behaves errornous with Hyper split panes.

When using ⌘W to close a split pane (opened for example with ⌘D), the split pane is correctly closed and other split panes stay open, however the tab from the tab bar is disappearing.

hyper-clean compatibility

hi,

despite the fact this plugin "Matches any theme" 😉 i have some issues with hyper-clean.

hyper 1.3.3 + hyper-clean:
screen shot 2017-05-31 at 22 35 20

hyper 1.3.3 + hyper-clean + hyper-tabs-enhanced:
screen shot 2017-05-31 at 22 35 48

i don't use any other plugin:

  ...
  plugins: [
    'hyper-tabs-enhanced',
    'hyper-clean'
  ],
  ...

macOS Sierra 10.12.5

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.