A Neovim bufferline for people with addictive personalities
The goal of this plugin is not to be an opinionated bufferline with (more or less) limited customization options. Rather, it tries to provide a general framework allowing you to build your ideal bufferline, whatever that might look like.
nvim-cokeline aims to be the most customizable bufferline plugin around. If
you have an idea in mind of what your bufferline should look like, you should
be able to make it look that way. If you can't, open an issue and we'll try to
make it happen!
Here's a (very limited) showcase of what it can be configured to look like (check out Example configs for more examples):
Click to see configuration
local get_hex = require('cokeline/utils').get_hex
require('cokeline').setup({
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('ColorColumn', 'bg')
or get_hex('Normal', 'fg')
end,
bg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('ColorColumn', 'bg')
end,
},
components = {
{
text = function(buffer) return ' ' .. buffer.devicon.icon end,
fg = function(buffer) return buffer.devicon.color end,
},
{
text = function(buffer) return buffer.unique_prefix end,
fg = get_hex('Comment', 'fg'),
style = 'italic',
},
{
text = function(buffer) return buffer.filename .. ' ' end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = ' ',
}
},
})
Click to see configuration
local get_hex = require('cokeline/utils').get_hex
local green = vim.g.terminal_color_2
local yellow = vim.g.terminal_color_3
require('cokeline').setup({
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
components = {
{
text = '๏ฝ',
fg = function(buffer)
return
buffer.is_modified and yellow or green
end
},
{
text = function(buffer) return buffer.devicon.icon .. ' ' end,
fg = function(buffer) return buffer.devicon.color end,
},
{
text = function(buffer) return buffer.index .. ': ' end,
},
{
text = function(buffer) return buffer.unique_prefix end,
fg = get_hex('Comment', 'fg'),
style = 'italic',
},
{
text = function(buffer) return buffer.filename .. ' ' end,
style = function(buffer) return buffer.is_focused and 'bold' or nil end,
},
{
text = ' ',
},
},
})
Click to see configuration
local get_hex = require('cokeline/utils').get_hex
require('cokeline').setup({
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = 'NONE',
},
components = {
{
text = function(buffer) return (buffer.index ~= 1) and 'โ' or '' end,
fg = get_hex('Normal', 'fg')
},
{
text = function(buffer) return ' ' .. buffer.devicon.icon end,
fg = function(buffer) return buffer.devicon.color end,
},
{
text = function(buffer) return buffer.filename .. ' ' end,
style = function(buffer) return buffer.is_focused and 'bold' or nil end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = ' ',
},
},
})
Even when you have a lot of buffers open, nvim-cokeline is rendered to always
keep the focused buffer visible and in the middle of the bufferline. Also, if a
buffer doesn't fit entirely we still try to include as much of it as possible
before cutting off the rest.
If a buffer has an LSP client attached to it, you can configure the style of a component to change based on how many errors, warnings, infos and hints are reported by the LSP.
You can focus and close any buffer by typing its pick_letter. Letters are
assigned by filename by default (e.g. foo.txt gets the letter f), and by
keyboard reachability if the letter is already assigned to another buffer.
Click to see configuration
local is_picking_focus = require('cokeline/mappings').is_picking_focus
local is_picking_close = require('cokeline/mappings').is_picking_close
local get_hex = require('cokeline/utils').get_hex
local red = vim.g.terminal_color_1
local yellow = vim.g.terminal_color_3
require('cokeline').setup({
default_hl = {
focused = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
components = {
{
text = function(buffer) return (buffer.index ~= 1) and 'โ' or '' end,
},
{
text = ' ',
},
{
text = function(buffer)
return
(is_picking_focus() or is_picking_close())
and buffer.pick_letter .. ' '
or buffer.devicon.icon
end,
fg = function(buffer)
return
(is_picking_focus() and yellow)
or (is_picking_close() and red)
or buffer.devicon.color
end,
style = function(_)
return
(is_picking_focus() or is_picking_close())
and 'italic,bold'
or nil
end,
},
{
text = ' ',
},
{
text = function(buffer) return buffer.filename .. ' ' end,
style = function(buffer) return buffer.is_focused and 'bold' or nil end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = ' ',
},
},
})
You can add a left sidebar to integrate nicely with file explorer plugins like nvim-tree.lua, CHADTree or NERDTree.
Click to see configuration
local get_hex = require('cokeline/utils').get_hex
local yellow = vim.g.terminal_color_3
require('cokeline').setup({
default_hl = {
focused = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
sidebar = {
filetype = 'NvimTree',
components = {
{
text = ' NvimTree',
fg = yellow,
bg = get_hex('NvimTreeNormal', 'bg'),
style = 'bold',
},
}
},
components = {
{
text = function(buffer) return (buffer.index ~= 1) and 'โ' or '' end,
},
{
text = ' ',
},
{
text = function(buffer)
return buffer.devicon.icon
end,
fg = function(buffer)
return buffer.devicon.color
end,
},
{
text = ' ',
},
{
text = function(buffer) return buffer.filename .. ' ' end,
style = function(buffer)
return buffer.is_focused and 'bold' or nil
end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = ' ',
},
},
})
When files with the same filename belonging to different directories are opened simultaneously, you can include a unique filetree prefix to distinguish between them:
You can switch focus between buffers with a left click and you can delete them with a right click:
The two main requirements are Neovim 0.5+ and the termguicolors option to be
set. If you want to display devicons in your bufferline you'll also need the
kyazdani42/nvim-web-devicons
plugin and a patched font (see Nerd Fonts).
If you ported your Neovim config to Lua and use packer.nvim as your plugin manager you can install this plugin with:
vim.opt.termguicolors = true
require('packer').startup(function()
-- ...
use({
'noib3/nvim-cokeline',
requires = 'kyazdani42/nvim-web-devicons', -- If you want devicons
config = function()
require('cokeline').setup()
end
})
-- ...
end)If your config is still written in Vimscript and you use vim-plug:
call plug#begin('~/.config/nvim/plugged')
" ...
Plug 'kyazdani42/nvim-web-devicons' " If you want devicons
Plug 'noib3/nvim-cokeline'
" ...
call plug#end()
set termguicolors
lua << EOF
require('cokeline').setup()
EOFAll the configuration is done by changing the contents of the Lua table passed to
the setup function.
The valid keys are:
require('cokeline').setup({
-- Only show the bufferline when there are at least this many visible buffers.
-- default: `1`.
show_if_buffers_are_at_least = int,
buffers = {
-- A function to filter out unwanted buffers. Takes a buffer table as a
-- parameter (see the following section for more infos) and has to return
-- either `true` or `false`.
-- default: `false`.
filter_valid = function(buffer) -> true | false,
-- A looser version of `filter_valid`, use this function if you still
-- want the `cokeline-{switch,focus}-{prev,next}` mappings to work for
-- these buffers without displaying them in your bufferline.
-- default: `false`.
filter_visible = function(buffer) -> true | false,
-- Which buffer to focus when a buffer is deleted, `prev` focuses the
-- buffer to the left of the deleted one while `next` focuses the one the
-- right. Turned off by default.
-- default: `false`
focus_on_delete = 'prev' | 'next',
-- If set to `last` new buffers are added to the end of the bufferline,
-- if `next` they are added next to the current buffer.
-- default: 'last',
new_buffers_position = 'last' | 'next',
},
mappings = {
-- Controls what happens when the first (last) buffer is focused and you
-- try to focus/switch the previous (next) buffer. If `true` the last
-- (first) buffers gets focused/switched, if `false` nothing happens.
-- default: `true`.
cycle_prev_next = true | false,
},
rendering = {
-- The maximum number of characters a rendered buffer is allowed to take
-- up. The buffer will be truncated if its width is bigger than this
-- value.
-- default: `999`.
max_buffer_width = int,
},
-- The default highlight group values.
-- The `fg` and `bg` keys are either colors in hexadecimal format or
-- functions taking a `buffer` parameter and returning a color in
-- hexadecimal format. Similarly, the `style` key is either a string
-- containing a comma separated list of items in `:h attr-list` or a
-- function returning one.
default_hl = {
-- default: `ColorColumn`'s background color for focused buffers,
-- `Normal`'s foreground color for unfocused ones.
fg = '#rrggbb' | function(buffer) -> '#rrggbb',
-- default: `Normal`'s foreground color for focused buffers,
-- `ColorColumn`'s background color for unfocused ones.
-- default: `Normal`'s foreground color.
bg = '#rrggbb' | function(buffer) -> '#rrggbb',
-- default: `'NONE'`.
style = 'attr1,attr2,...' | function(buffer) -> 'attr1,attr2,...',
},
-- A list of components to be rendered for each buffer. Check out the section
-- below explaining what this value can be set to.
-- default: see `/lua/cokeline/defaults.lua`
components = {..},
-- Left sidebar to integrate nicely with file explorer plugins.
-- This is a table containing a `filetype` key and a list of `components` to
-- be rendered in the sidebar.
-- The last component will be automatically space padded if necessary
-- to ensure the sidebar and the window below it have the same width.
sidebar = {
filetype = '<filetype>',
components = {..},
},
})Some of the configuration options can be functions that take a buffer as a
single parameter. This is useful as it allows users to set the values of
components dynamically based on the buffer that component is being rendered
for.
The buffer parameter is just a Lua table with the following keys:
buffer = {
-- The buffer's order in the bufferline (1 for the first buffer, 2 for the
-- second one, etc.).
index = int,
-- The buffer's internal number as reported by `:ls`.
number = int,
is_focused = true | false,
is_modified = true | false,
is_readonly = true | false,
-- The buffer is the first visible buffer in the tab bar
is_first = true | false,
-- The buffer is the last visible buffer in the tab bar
is_last = true | false,
-- The buffer's type as reported by `:echo &buftype`.
type = 'string',
-- The buffer's filetype as reported by `:echo &filetype`.
filetype = 'string',
-- The buffer's full path.
path = 'string',
-- The buffer's filename.
filename = 'string',
-- A unique prefix used to distinguish buffers with the same filename
-- stored in different directories. For example, if we have two files
-- `bar/foo.md` and `baz/foo.md`, then the first will have `bar/` as its
-- unique prefix and the second one will have `baz/`.
unique_prefix = 'string',
-- The letter that is displayed when picking a buffer to either focus or
-- close it.
pick_letter = 'char',
-- This needs the `kyazdani42/nvim-web-devicons` plugin to be installed.
devicon = {
-- An icon representing the buffer's filetype.
icon = 'string',
-- The colors of the devicon in hexadecimal format (useful to be passed
-- to a component's `fg` field (see the `Components` section).
color = '#rrggbb',
},
-- The values in this table are the ones reported by Neovim's built in
-- LSP interface.
diagnostics = {
errors = int,
warnings = int,
infos = int,
hints = int,
},
}You can configure what each buffer in your bufferline will be composed of by
passing a list of components to the setup function.
For example, let's imagine we want to construct a very minimal bufferline where the only things we're displaying for each buffer are its index, its filename and a close button.
Then in our setup function we'd have:
require('cokeline').setup({
-- ...
components = {
{
text = function(buffer) return ' ' .. buffer.index end,
},
{
text = function(buffer) return ' ' .. buffer.filename .. ' ' end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = ' ',
}
}
}in this case every buffer would be composed of four components: the first
displaying a space followed by the buffer index, the second one the filename
padded by a space on each side, then a close button that allows us to
:bdelete the buffer by left-clicking on it, and finally an extra space.
This way of dividing each buffer into distinct components, combined with the ability to define every component's text and color depending on some property of the buffer we're rendering, allows for great customizability.
Every component passed to the components list has to be a table of the form:
{
text = 'string' | function(buffer) -> 'string',
-- The foreground, backgrond and style of the component. `style` is a
-- comma-separated string of values defined in `:h attr-list`.
fg = '#rrggbb' | function(buffer) -> '#rrggbb',
bg = '#rrggbb' | function(buffer) -> '#rrggbb',
style = 'attr1,attr2,...' | function(buffer) -> 'attr1,attr2,...',
-- If `true` the buffer will be deleted when this component is
-- left-clicked (usually used to implement close buttons).
delete_buffer_on_left_click = true | false,
truncation = {
-- default: index of the component in the `components` table (1 for the
-- first component, 2 for the second, etc.).
priority = int,
-- default: `right`.
direction = 'left' | 'middle' | 'right',
},
}the text key is the only one that has to be set, all the others are optional
and can be omitted.
The truncation table controls what happens when a buffer is too long to be
displayed in its entirety.
More specifically, if a buffer's width (given by the sum of the widths of all
its components) is bigger than the rendering.max_buffer_width config option,
the buffer will be truncated.
The default behaviour is truncate the buffer by dropping components from right
to left, with the text of the last component that's included also being
shortened from right to left. This can be modified by changing the values of
the truncation.priority and truncation.direction keys.
The truncation.priority controls the order in which components are dropped:
the first component to be dropped will be the one with the lowest priority. If
that's still not enough to bring the width of the buffer within the
rendering.max_buffer_width limit, the component with the second lowest
priority will be dropped, and so on. Note that a higher priority means a
smaller integer value: a component with a priority of 5 will be dropped
after a component with a priority of 6, even though 6 > 5.
The truncation.direction key simply controls from which direction a component
is shortened. For example, you might want to set the truncation.direction of
a component displaying a filename to 'middle' or 'left', so that if
the filename has to be shortened you'll still be able to see its extension,
like in the following example (where it's set to 'left'):
We expose the following <Plug> mappings which can be used as the right hand
side of other mappings:
-- Focus the previous/next buffer
<Plug>(cokeline-focus-prev)
<Plug>(cokeline-focus-next)
-- Switch the position of the current buffer with the previous/next buffer.
<Plug>(cokeline-switch-prev)
<Plug>(cokeline-switch-next)
-- Focuses the buffer with index `i`.
<Plug>(cokeline-focus-i)
-- Switches the position of the current buffer with the buffer of index `i`.
<Plug>(cokeline-switch-i)
-- Focus a buffer by its `pick_letter`.
<Plug>(cokeline-pick-focus)
-- Close a buffer by its `pick_letter`.
<Plug>(cokeline-pick-close)A possible configuration could be:
local map = vim.api.nvim_set_keymap
map('n', '<S-Tab>', '<Plug>(cokeline-focus-prev)', { silent = true })
map('n', '<Tab>', '<Plug>(cokeline-focus-next)', { silent = true })
map('n', '<Leader>p', '<Plug>(cokeline-switch-prev)', { silent = true })
map('n', '<Leader>n', '<Plug>(cokeline-switch-next)', { silent = true })
for i = 1,9 do
map('n', ('<F%s>'):format(i), ('<Plug>(cokeline-focus-%s)'):format(i), { silent = true })
map('n', ('<Leader>%s'):format(i), ('<Plug>(cokeline-switch-%s)'):format(i), { silent = true })
endOpen a new issue or send a PR if you'd like to have your configuration featured here!
author: @noib3
Click to see configuration
local get_hex = require('cokeline/utils').get_hex
local mappings = require('cokeline/mappings')
local comments_fg = get_hex('Comment', 'fg')
local errors_fg = get_hex('DiagnosticError', 'fg')
local warnings_fg = get_hex('DiagnosticWarn', 'fg')
local red = vim.g.terminal_color_1
local yellow = vim.g.terminal_color_3
local components = {
space = {
text = ' ',
truncation = { priority = 1 }
},
two_spaces = {
text = ' ',
truncation = { priority = 1 },
},
separator = {
text = function(buffer)
return buffer.index ~= 1 and 'โ' or ''
end,
truncation = { priority = 1 }
},
devicon = {
text = function(buffer)
return
(mappings.is_picking_focus() or mappings.is_picking_close())
and buffer.pick_letter .. ' '
or buffer.devicon.icon
end,
fg = function(buffer)
return
(mappings.is_picking_focus() and yellow)
or (mappings.is_picking_close() and red)
or buffer.devicon.color
end,
style = function(_)
return
(mappings.is_picking_focus() or mappings.is_picking_close())
and 'italic,bold'
or nil
end,
truncation = { priority = 1 }
},
index = {
text = function(buffer)
return buffer.index .. ': '
end,
truncation = { priority = 1 }
},
unique_prefix = {
text = function(buffer)
return buffer.unique_prefix
end,
fg = comments_fg,
style = 'italic',
truncation = {
priority = 3,
direction = 'left',
},
},
filename = {
text = function(buffer)
return buffer.filename
end,
style = function(buffer)
return
((buffer.is_focused and buffer.diagnostics.errors ~= 0)
and 'bold,underline')
or (buffer.is_focused and 'bold')
or (buffer.diagnostics.errors ~= 0 and 'underline')
or nil
end,
truncation = {
priority = 2,
direction = 'left',
},
},
diagnostics = {
text = function(buffer)
return
(buffer.diagnostics.errors ~= 0 and ' ๏ ' .. buffer.diagnostics.errors)
or (buffer.diagnostics.warnings ~= 0 and ' ๏ฉ ' .. buffer.diagnostics.warnings)
or ''
end,
fg = function(buffer)
return
(buffer.diagnostics.errors ~= 0 and errors_fg)
or (buffer.diagnostics.warnings ~= 0 and warnings_fg)
or nil
end,
truncation = { priority = 1 },
},
close_or_unsaved = {
text = function(buffer)
return buffer.is_modified and 'โ' or '๏'
end,
fg = function(buffer)
return buffer.is_modified and green or nil
end,
delete_buffer_on_left_click = true,
truncation = { priority = 1 },
},
}
require('cokeline').setup({
show_if_buffers_are_at_least = 2,
buffers = {
-- filter_valid = function(buffer) return buffer.type ~= 'terminal' end,
-- filter_visible = function(buffer) return buffer.type ~= 'terminal' end,
new_buffers_position = 'next',
},
rendering = {
max_buffer_width = 30,
},
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
components = {
components.space,
components.separator,
components.space,
components.devicon,
components.space,
components.index,
components.unique_prefix,
components.filename,
components.diagnostics,
components.two_spaces,
components.close_or_unsaved,
components.space,
},
})
This config shows how you configure buffers w/ rounded corners.
local get_hex = require('cokeline/utils').get_hex
require('cokeline').setup({
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
components = {
{
text = ' ',
bg = get_hex('Normal', 'bg'),
},
{
text = '๎ถ',
fg = get_hex('ColorColumn', 'bg'),
bg = get_hex('Normal', 'bg'),
},
{
text = function(buffer)
return buffer.devicon.icon
end,
fg = function(buffer)
return buffer.devicon.color
end,
},
{
text = ' ',
},
{
text = function(buffer) return buffer.filename .. ' ' end,
style = function(buffer)
return buffer.is_focused and 'bold' or nil
end,
},
{
text = '๏',
delete_buffer_on_left_click = true,
},
{
text = '๎ด',
fg = get_hex('ColorColumn', 'bg'),
bg = get_hex('Normal', 'bg'),
},
},
})
This config shows how to get equally sized buffers. All the buffers are 23 characters wide, adding padding spaces left and right if a buffer is too short and cutting it off if it's too long.
local get_hex = require('cokeline/utils').get_hex
local mappings = require('cokeline/mappings')
local str_rep = string.rep
local green = vim.g.terminal_color_2
local yellow = vim.g.terminal_color_3
local comments_fg = get_hex('Comment', 'fg')
local errors_fg = get_hex('DiagnosticError', 'fg')
local warnings_fg = get_hex('DiagnosticWarn', 'fg')
local min_buffer_width = 23
local components = {
separator = {
text = ' ',
bg = get_hex('Normal', 'bg'),
truncation = { priority = 1 },
},
space = {
text = ' ',
truncation = { priority = 1 },
},
left_half_circle = {
text = '๎ถ',
fg = get_hex('ColorColumn', 'bg'),
bg = get_hex('Normal', 'bg'),
truncation = { priority = 1 },
},
right_half_circle = {
text = '๎ด',
fg = get_hex('ColorColumn', 'bg'),
bg = get_hex('Normal', 'bg'),
truncation = { priority = 1 },
},
devicon = {
text = function(buffer)
return buffer.devicon.icon
end,
fg = function(buffer)
return buffer.devicon.color
end,
truncation = { priority = 1 },
},
index = {
text = function(buffer)
return buffer.index .. ': '
end,
fg = function(buffer)
return
(buffer.diagnostics.errors ~= 0 and errors_fg)
or (buffer.diagnostics.warnings ~= 0 and warnings_fg)
or nil
end,
truncation = { priority = 1 },
},
unique_prefix = {
text = function(buffer)
return buffer.unique_prefix
end,
fg = comments_fg,
style = 'italic',
truncation = {
priority = 3,
direction = 'left',
},
},
filename = {
text = function(buffer)
return buffer.filename
end,
fg = function(buffer)
return
(buffer.diagnostics.errors ~= 0 and errors_fg)
or (buffer.diagnostics.warnings ~= 0 and warnings_fg)
or nil
end,
style = function(buffer)
return
((buffer.is_focused and buffer.diagnostics.errors ~= 0)
and 'bold,underline')
or (buffer.is_focused and 'bold')
or (buffer.diagnostics.errors ~= 0 and 'underline')
or nil
end
truncation = {
priority = 2,
direction = 'left',
},
},
close_or_unsaved = {
text = function(buffer)
return buffer.is_modified and 'โ' or '๏'
end,
fg = function(buffer)
return buffer.is_modified and green or nil
end
delete_buffer_on_left_click = true,
truncation = { priority = 1 },
},
}
local get_remaining_space = function(buffer)
local used_space = 0
for _, component in pairs(components) do
used_space = used_space + vim.fn.strwidth(
(type(component.text) == 'string' and component.text)
or (type(component.text) == 'function' and component.text(buffer))
)
end
return math.max(0, min_buffer_width - used_space)
end
local left_padding = {
text = function(buffer)
local remaining_space = get_remaining_space(buffer)
return str_rep(' ', remaining_space / 2 + remaining_space % 2)
end,
}
local right_padding = {
text = function(buffer)
local remaining_space = get_remaining_space(buffer)
return str_rep(' ', remaining_space / 2)
end,
}
require('cokeline').setup({
show_if_buffers_are_at_least = 2,
buffers = {
-- filter_valid = function(buffer) return buffer.type ~= 'terminal' end,
-- filter_visible = function(buffer) return buffer.type ~= 'terminal' end,
focus_on_delete = 'next',
new_buffers_position = 'next',
},
rendering = {
max_buffer_width = 23,
},
default_hl = {
fg = function(buffer)
return
buffer.is_focused
and get_hex('Normal', 'fg')
or get_hex('Comment', 'fg')
end,
bg = get_hex('ColorColumn', 'bg'),
},
sidebar = {
filetype = 'NvimTree',
components = {
{
text = ' NvimTree',
fg = yellow,
bg = get_hex('NvimTreeNormal', 'bg'),
style = 'bold',
},
}
},
components = {
components.separator,
components.left_half_circle,
left_padding,
components.devicon,
components.index,
components.unique_prefix,
components.filename,
components.space,
right_padding,
components.close_or_unsaved,
components.right_half_circle,
},
})
author: @olimorris
Click to see configuration
local M = {}
function M.setup()
local present, cokeline = pcall(require, "cokeline")
if not present then
return
end
local colors = require("colors").get()
cokeline.setup({
show_if_buffers_are_at_least = 2,
mappings = {
cycle_prev_next = true,
},
default_hl = {
fg = function(buffer)
return buffer.is_focused and colors.purple or colors.gray
end,
bg = "NONE",
style = function(buffer)
return buffer.is_focused and "bold" or nil
end,
},
components = {
{
text = function(buffer)
return buffer.index ~= 1 and " "
end,
},
{
text = function(buffer)
return buffer.index .. ": "
end,
style = function(buffer)
return buffer.is_focused and "bold" or nil
end,
},
{
text = function(buffer)
return buffer.unique_prefix
end,
fg = function(buffer)
return buffer.is_focused and colors.purple or colors.gray
end,
style = "italic",
},
{
text = function(buffer)
return buffer.filename .. " "
end,
style = function(buffer)
return buffer.is_focused and "bold" or nil
end,
},
{
text = function(buffer)
return buffer.is_modified and " โ"
end,
fg = function(buffer)
return buffer.is_focused and colors.red
end,
},
{
text = " ",
},
},
})
end
return M
author: @alex-popov-tech
Click to see configuration
return function()
local get_hex = require("cokeline/utils").get_hex
local space = {text = " "}
require("cokeline").setup(
{
mappings = {
cycle_prev_next = true,
},
default_hl = {
fg = function(buffer)
return
buffer.is_focused and nil or get_hex("Comment", "fg")
end,
bg = "none",
},
components = {
space,
{
text = function(buffer)
return buffer.devicon.icon
end,
fg = function(buffer)
return buffer.devicon.color
end
},
{
text = function(buffer)
return buffer.filename
end,
fg = function(buffer)
if buffer.is_focused then
return "#78dce8"
end
if buffer.is_modified then
return "#e5c463"
end
if buffer.lsp.errors ~= 0 then
return "#fc5d7c"
end
end,
style = function(buffer)
if buffer.is_focused then
return "underline"
end
return nil
end
},
{
text = function(buffer)
if buffer.is_readonly then
return " ๐"
end
return ""
end
},
space
}
}
)
end
author: @danielnieto
This configuration shows Powerline styled tabline, and the basic stuff: just the devicons and the filename with unique prefixes. It also shows the pick buffer character.
local is_picking_focus = require("cokeline/mappings").is_picking_focus
local is_picking_close = require("cokeline/mappings").is_picking_close
local get_hex = require("cokeline/utils").get_hex
local red = vim.g.terminal_color_1
local yellow = vim.g.terminal_color_4
local space = {text = " "}
local dark = get_hex("Normal", "bg")
local text = get_hex("Comment", "fg")
local grey = get_hex("ColorColumn", "bg")
local light = get_hex("Comment", "fg")
local high = "#a6d120"
require("cokeline").setup(
{
default_hl = {
fg = function(buffer)
if buffer.is_focused then
return dark
end
return text
end,
bg = function(buffer)
if buffer.is_focused then
return high
end
return grey
end
},
components = {
{
text = function(buffer)
if buffer.index ~= 1 then
return "๎ฐ"
end
return ""
end,
bg = function(buffer)
if buffer.is_focused then
return high
end
return grey
end,
fg = dark
},
space,
{
text = function(buffer)
if is_picking_focus() or is_picking_close() then
return buffer.pick_letter .. " "
end
return buffer.devicon.icon
end,
fg = function(buffer)
if is_picking_focus() then
return yellow
end
if is_picking_close() then
return red
end
if buffer.is_focused then
return dark
else
return light
end
end,
style = function(_)
return (is_picking_focus() or is_picking_close()) and "italic,bold" or nil
end
},
{
text = function(buffer)
return buffer.unique_prefix .. buffer.filename .. "โ "
end,
style = function(buffer)
return buffer.is_focused and "bold" or nil
end
},
{
text = "๎ฐ",
fg = function(buffer)
if buffer.is_focused then
return high
end
return grey
end,
bg = dark
}
}
}
)
author: @miversen33
This configuration shows the `is_first` and `is_last` buffer options and how to create a cokeline with different components based on if the component is the first, last, or neither Additionally, this config has some integration with the lsp.
local get_hex = require("cokeline.utils").get_hex
local active_bg_color = '#931E9E'
local inactive_bg_color = get_hex('Normal', 'bg')
local bg_color = get_hex('ColorColumn', 'bg')
require('cokeline').setup({
show_if_buffers_are_at_least = 1,
mappings = {
cycle_prev_next = true
},
default_hl = {
bg = function(buffer)
if buffer.is_focused then
return active_bg_color
end
end,
},
components = {
{
text = function(buffer)
local _text = ''
if buffer.index > 1 then _text = ' ' end
if buffer.is_focused or buffer.is_first then
_text = _text .. '๎ถ'
end
return _text
end,
fg = function(buffer)
if buffer.is_focused then
return active_bg_color
elseif buffer.is_first then
return inactive_bg_color
end
end,
bg = function(buffer)
if buffer.is_focused then
if buffer.is_first then
return bg_color
else
return inactive_bg_color
end
elseif buffer.is_first then
return bg_color
end
end
},
{
text = function(buffer)
local status = ''
if buffer.is_readonly then
status = 'โ'
elseif buffer.is_modified then
status = '๏'
end
return status
end,
},
{
text = function(buffer)
return " " .. buffer.devicon.icon
end,
fg = function(buffer)
if buffer.is_focused then
return buffer.devicon.color
end
end
},
{
text = function(buffer)
return buffer.unique_prefix .. buffer.filename
end,
fg = function(buffer)
if(buffer.diagnostics.errors > 0) then
return '#C95157'
end
end,
style = function(buffer)
local text_style = 'NONE'
if buffer.is_focused then
text_style = 'bold'
end
if buffer.diagnostics.errors > 0 then
if text_style ~= 'NONE' then
text_style = text_style .. ',underline'
else
text_style = 'underline'
end
end
return text_style
end
},
{
text = function(buffer)
local errors = buffer.diagnostics.errors
if(errors <= 9) then
errors = '๏'
else
errors = "๐"
end
return errors .. ' '
end,
fg = function(buffer)
if buffer.diagnostics.errors == 0 then
return '#3DEB63'
elseif buffer.diagnostics.errors <= 9 then
return '#DB121B'
end
end
},
{
text = '๏ง',
delete_buffer_on_left_click = true
},
{
text = function(buffer)
if buffer.is_focused or buffer.is_last then
return '๎ด'
else
return ' '
end
end,
fg = function(buffer)
if buffer.is_focused then
return active_bg_color
elseif buffer.is_last then
return inactive_bg_color
else
return bg_color
end
end,
bg = function(buffer)
if buffer.is_focused then
if buffer.is_last then
return bg_color
else
return inactive_bg_color
end
elseif buffer.is_last then
return bg_color
end
end
}
},
})
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent