Custom status bar

[og900aero]

I rearranged the order and location of the statusbar, and I find that there is often no space as a separator.
Example:

function Status:render(area)
	self.area = area

	local left = ui.Line { self:permissions(), self:owner(), self:modified() }
	local right = ui.Line { self:position() }
	return {
		ui.Paragraph(area, { left }),
		ui.Paragraph(area, { right }):align(ui.Paragraph.RIGHT),
		table.unpack(Progress:render(area, right:width())),
	}
end

Here, no space as separator between permissions and owner.

1. How can I insert space?
2. How can set foreground and background color each section? (permissions, owner etc)

[SolitudeSF]

add ui.Span(" ")
call :fg("color") or :bg("color") on ui.Span to modify colors.

[og900aero]

ui.Span(" ")

Thx, working great, but I have a problem with permission section:

function Status:permissions()
	local h = cx.active.current.hovered
	if not h then
		return ui.Line {}
	end

	local perm = h.cha:permissions()
	if not perm then
		return ui.Line {}
	end

	local spans = {}
	for i = 1, #perm do
		local c = perm:sub(i, i)
		local style = THEME.status.permissions_t
		if c == "-" then
			style = THEME.status.permissions_s
		elseif c == "r" then
			style = THEME.status.permissions_r
		elseif c == "w" then
			style = THEME.status.permissions_w
		elseif c == "x" or c == "s" or c == "S" or c == "t" or c == "T" then
			style = THEME.status.permissions_x
		end
		spans[i] = ui.Span(c):style(style):fg("black"):bg("red")
	end
	return ui.Line(spans)
end

How could space be implemented here?Because I tried that way

return ui.Line {
ui.Span(" "):fg("black"):bg("red"),
spans,
ui.Span(" "):fg("black"):bg("red"),
}

But doesnt work.

[sxyazi]

What's the error in your log? https://yazi-rs.github.io/docs/plugins/overview#debugging

[og900aero]

What's the error in your log? https://yazi-rs.github.io/docs/plugins/overview#debugging

My log file conatins the following lines:

  2024-06-05T05:38:07.716043Z  WARN yazi_adaptor::emulator: [Adaptor] No special environment variables detected
    at yazi-adaptor/src/emulator.rs:69

  2024-06-05T05:38:07.716085Z  WARN yazi_adaptor::emulator: [Adaptor] Unknown TERM_PROGRAM: 
    at yazi-adaptor/src/emulator.rs:83

  2024-06-05T05:38:07.716104Z  WARN yazi_adaptor::emulator: [Adaptor] Unknown TERM: st-256color
    at yazi-adaptor/src/emulator.rs:91

  2024-06-05T05:38:07.718133Z  WARN yazi_adaptor::adaptor: [Adaptor] Could not identify XDG_SESSION_TYPE
    at yazi-adaptor/src/adaptor.rs:98

  2024-06-05T05:38:07.726765Z ERROR yazi::components::status: runtime error: [string "yazi-plugin/src/lua.rs:50:13"]:127: attempt to index a nil value (field 'hovered')
stack traceback:
	[C]: in metamethod 'index'
	[string "yazi-plugin/src/lua.rs:50:13"]:127: in method 'modified'
	[string "yazi-plugin/src/lua.rs:50:13"]:66: in function <[string "yazi-plugin/src/lua.rs:50:13"]:62>
    at yazi-fm/src/components/status.rs:17

  2024-06-05T05:38:07.728180Z ERROR yazi::components::status: runtime error: [string "yazi-plugin/src/lua.rs:50:13"]:127: attempt to index a nil value (field 'hovered')
stack traceback:
	[C]: in metamethod 'index'
	[string "yazi-plugin/src/lua.rs:50:13"]:127: in method 'modified'
	[string "yazi-plugin/src/lua.rs:50:13"]:66: in function <[string "yazi-plugin/src/lua.rs:50:13"]:62>
    at yazi-fm/src/components/status.rs:17

  2024-06-05T05:38:07.739378Z ERROR yazi::components::status: runtime error: [string "yazi-plugin/src/lua.rs:50:13"]:127: attempt to index a nil value (field 'hovered')
stack traceback:
	[C]: in metamethod 'index'
	[string "yazi-plugin/src/lua.rs:50:13"]:127: in method 'modified'
	[string "yazi-plugin/src/lua.rs:50:13"]:66: in function <[string "yazi-plugin/src/lua.rs:50:13"]:62>
    at yazi-fm/src/components/status.rs:17

But it doesn't contain anything about my change under function Status:permissions(). I just want the permission section in the status to have a space before and after it, because I moved it to the left side as the first element, so there is no space for separation. I was able to solve the other sections.

[og900aero]

Anyone can help me?

[lpnh]

Hi! Try this:

function Status:permissions()
	local h = cx.active.current.hovered
	if not h then
		return ui.Line {}
	end

	local perm = h.cha:permissions()
	if not perm then
		return ui.Line {}
	end

	local spans = {}
	for i = 1, #perm do
		local c = perm:sub(i, i)
		local style = THEME.status.permissions_t
		if c == "-" then
			style = THEME.status.permissions_s
		elseif c == "r" then
			style = THEME.status.permissions_r
		elseif c == "w" then
			style = THEME.status.permissions_w
		elseif c == "x" or c == "s" or c == "S" or c == "t" or c == "T" then
			style = THEME.status.permissions_x
		end
		spans[i] = ui.Span(c):style(style):fg("black"):bg("red")
	end

	table.insert(spans, 1, ui.Span(" "):fg("black"):bg("red"))
	table.insert(spans, ui.Span(" "):fg("black"):bg("red"))

	return ui.Line(spans)
end

[og900aero]

Whoaaa! Working, thx!