Command Prompt Directory Styling

Question

I have a particular need for adjusting the command prompt. At the moment i am using Holmans Dotfiles and I want to further customize it in order to create a prompt that's more readable and clear. What I would like is described below using image, plz note that these are photoshopped in order to look as i want them to ;). This is also an issue on github, with inline images!

Let's say you have this file structure as in this image:

At the moment, when I am in lets say map3 my prompt only shows:

I want to extend this but with alternative styling. At the moment the current map (map3) i am in is highlighted with cyan. I want to be able to see it's parents but those not being highlighted in the same color. Plz look at the image below:

from what i know, is that %3 gives the last 3 dir. However I don't know how to style each dir individually.

--------------------------- the other optional idea ----------------------------------------

The other idea I had, but which is of inferior importance to the problem described above is to have a relative prompt based on if a dir is a git repository yes or no. (so the dirtree is always visible up to the rootmap of the git repo)

that is say that map0 is the root of the git repository and i am in map3, then I would like my prompt to be like this:

when i am in map5 like this:

optionally it would be nice to be able to style the rootgit map like this for example:

at the moment my prompt is the same as in holmans dotfiles

Answer 1

Multi-color path in prompt

 directory_name() {
    PROMPT_PATH=""

    CURRENT=`dirname ${PWD}`
    if [[ $CURRENT = / ]]; then
        PROMPT_PATH=""
    elif [[ $PWD = $HOME ]]; then
        PROMPT_PATH=""
    else
        if [[ -d $(git rev-parse --show-toplevel 2>/dev/null) ]]; then
            # We're in a git repo.
            BASE=$(basename $(git rev-parse --show-toplevel))
            if [[ $PWD = $(git rev-parse --show-toplevel) ]]; then
                # We're in the root.
                PROMPT_PATH=""
            else
                # We're not in the root. Display the git repo root.
                GIT_ROOT="%{$fg_bold[magenta]%}${BASE}%{$reset_color%}"

                PATH_TO_CURRENT="${PWD#$(git rev-parse --show-toplevel)}"
                PATH_TO_CURRENT="${PATH_TO_CURRENT%/*}"

                PROMPT_PATH="${GIT_ROOT}${PATH_TO_CURRENT}/"
            fi
        else
            PROMPT_PATH=$(print -P %3~)
            PROMPT_PATH="${PROMPT_PATH%/*}/"
        fi
    fi

    echo "%{$fg_bold[cyan]%}${PROMPT_PATH}%{$reset_color%}%{$fg[red]%}%1~%{$reset_color%}"
}

This'll show the path to the git root (git root in magenta, unless you're in the git root, in which case it'll just show the current directory in red):

Possible Improvements:

1. This shows the root directory of the git repo in magenta, unless you're in the root, in which case it's red, like every other directory you're in. Always-coloring a git root (even when it's the current directory) might be nice (currently it may be confusing?).

2. I show the path relative to the root of the git repo, if it exists. Another option may be to display the full path, coloring the root of the git repo, like the example below:

   ~/repositories/config-files/zshrc.d
   ^-------------^
      White
                  ^-----------^
                    Magenta
                               ^------^
                                 Red
   

3. Submodule coloring: Note in the screenshot that the path root gets reset to the deepest git repo (so when in a submodule, we don't see config-files/oh-my-zsh, but only oh-my-zsh). I'm not sure how to detect submodules, but it could be a further improvement.

Further Details:

There's a reasonably in-depth look [it's my notes] of how I did all this here. It doesn't yet have the final touch (path between git root and PWD), but everything else is there. It may be useful if you're trying to modify this and want a better understanding.