Use kind_icons from mini.icons icon provider

[the-fuckin-nobody]

So this is how I setup up blink.cmp to use lsp kind_icons from mini.icons to make the completion menu look

from this :

to this:

Here is the configuration:

draw = {
...
    components = {
        kind_icon = {
            ellipsis = false,
            text = function(ctx)
                local kind_icon, _, _ = require('mini.icons').get('lsp', ctx.kind)
                return kind_icon
            end,
...

If you also would like to use hl_groups from mini.icons, add the uncommented part in the highlight option:

            highlight = function(ctx)
                -- return (
                -- require("blink.cmp.completion.windows.render.tailwind").get_hl(ctx)
                -- or "BlinkCmpKind"
                -- ) .. ctx.kind
                local _, hl, _ = require('mini.icons').get('lsp', ctx.kind)
                return hl
                end,				

Note

Be Sure to also configure the highlight options for the kind field too, so the colors get synchronized with kind_icon.

You can also do something similar to above, if you want to use kind_icons from nvim-web-devicons.

[azdanov]

Hey.

Is there some way to replicate this?

{
      "onsails/lspkind.nvim",
      -- Adds icon for copilot using lspkind
      opts = function(_, opts) opts.symbol_map.Copilot = "" end,
}

[Davey-Hughes]

I'm having trouble with the kind_icons stuff for supermaven. Here's my full blink.cmp setup

{
    "saghen/blink.cmp",
    dependencies = {
      "onsails/lspkind.nvim",
      {
        "saghen/blink.compat",
        -- use the latest release, via version = '*', if you also use the latest release for blink.cmp
        version = "*",
        -- lazy.nvim will automatically load the plugin when it's required by blink.cmp
        lazy = true,
        -- make sure to set opts so that lazy.nvim calls blink.compat's setup
        opts = {},
      },
    },

    build = "cargo build --release",
    lazy = true,

    opts = {
      completion = {
        menu = {
          draw = {
            columns = { { "label", "label_description", gap = 1 }, { "kind_icon", "kind", gap = 1 } },
            components = {
              kind_icon = {
                ellipsis = false,
                text = function(ctx)
                  return require("lspkind").symbolic(ctx.kind, {
                    mode = "symbol",
                    symbol_map = { Copilot = "", Supermaven = "" },
                  })
                end,
              },
            },
          },
        },
      },

      keymap = {
        ["<cr>"] = { "select_and_accept", "fallback" },
        ["<C-space>"] = { "show", "show_documentation", "hide_documentation" },
        ["<C-e>"] = { "hide", "fallback" },

        ["<Tab>"] = { "select_next", "fallback" },
        ["<S-Tab>"] = { "select_prev", "fallback" },

        ["<Up>"] = { "select_prev", "fallback" },
        ["<Down>"] = { "select_next", "fallback" },

        ["<C-b>"] = { "scroll_documentation_up", "fallback" },
        ["<C-f>"] = { "scroll_documentation_down", "fallback" },

        cmdline = {
          ["<cr>"] = { "select_and_accept", "fallback" },

          ["<C-space>"] = { "show", "show_documentation", "hide_documentation" },
          ["<C-e>"] = { "hide", "fallback" },

          ["<Tab>"] = { "select_next", "fallback" },
          ["<S-Tab>"] = { "select_prev", "fallback" },

          ["<Up>"] = { "select_prev", "fallback" },
          ["<Down>"] = { "select_next", "fallback" },

          ["<C-b>"] = { "scroll_documentation_up", "fallback" },
          ["<C-f>"] = { "scroll_documentation_down", "fallback" },
        },
      },

      sources = {
        default = { "path", "lsp", "buffer", "supermaven" },
        cmdline = {},

        providers = {
          supermaven = {
            name = "supermaven",
            module = "blink.compat.source",

            score_offset = -3,
          },
        },
      },

      -- experimental signature help support
      signature = { enabled = true },
    },

    opts_extend = { "sources.default" },
},

The issue is that any item from supermaven has the "kind" of just "text", so the kind_icon is just the text icon. Is there anywhere where I should be explicitly setting "kind"?

[the-fuckin-nobody]

I did not quite understand that? Do you want to use kind_icons from lspkind or you want to add the Copilot kind_icon to Mini.icons?

[Davey-Hughes]

I actually don't use copilot anymore, just supermaven, but figured the setup should be the same. I'm using lspkind with nvim-cmp so I figured I'd start with that, but maybe just using your mini.icons setup would fix things.

[the-fuckin-nobody]

Okay, just make sure, your plugin spec for mini.icons looks like this:

local Plugin = {
	"echasnovski/mini.icons",
    lazy = true,
	opts = function()
		require("mini.icons").mock_nvim_web_devicons()
		return {
			lsp = {
                            supermaven = { glyph = '', hl = 'your_hl_group'  }
                }
	end,
}

return Plugin

Make sure to replace supermaven with the AI kind name that blink returns.
Then just replicate my config above and things should look fine ;-)

[the-fuckin-nobody]

Sorry for the messed up indentation

[Saghen]

Included in the recipes documentation: https://cmp.saghen.dev/recipes.html#mini-icons
Thanks!

[daUnknownCoder]

hey @the-fuckin-nobody, im having some problems with mini.icons general colors and as it seems we cannot pass custom colors like #ffffff or orange to text = { glyph = "", hl = "MiniIconsAzure" }, in mini.icons's config,

and i want to use custom colors, i came up with this:

local kind = tostring(ctx.kind)
local lsp_icons = require("NeutronVim.plugins.configs.icons").lsp
local hl = (lsp_icons[kind] and lsp_icons[kind].hl) or select(2, require('mini.icons').get('lsp', kind))

which doesnt works ofc, afaik, the it becomes like lsp_icons["kind"] instead of lsp_icons["snippet"] or whatever and returns nil and the require('mini.icons').get('lsp', kind) is used, the problem here is that if i use #<hex> then mini.icons returns an error and it doesnt wanna load, but if i use orange or red or something, it doesnt throw any error but my blink.cmp also doesnt look good, ig @Saghen the highlight is not using named colors and hex colors, but only named groups like pmenusel or maybe blinkcmpborder?