mirror of
https://github.com/JanDeDobbeleer/oh-my-posh.git
synced 2024-12-28 20:39:40 -08:00
177 lines
4.2 KiB
Plaintext
177 lines
4.2 KiB
Plaintext
---
|
|
id: segment
|
|
title: Add Segment
|
|
sidebar_label: Add Segment
|
|
---
|
|
|
|
## Create the logic (Writer)
|
|
|
|
Add a new file in the `./src/segments` folder: `new.go`.
|
|
Ensure `New` is a single verb indicating the context the segment renders.
|
|
|
|
You can use the following template as a guide.
|
|
|
|
```go
|
|
package segments
|
|
|
|
import (
|
|
"oh-my-posh/platform"
|
|
"oh-my-posh/properties"
|
|
)
|
|
|
|
type New struct {
|
|
props properties.Properties
|
|
env platform.Environment
|
|
|
|
Text string
|
|
}
|
|
|
|
const (
|
|
//NewProp enables something
|
|
NewProp properties.Property = "newprop"
|
|
)
|
|
|
|
func (n *new) Enabled() bool {
|
|
return true
|
|
}
|
|
|
|
func (n *new) Template() string {
|
|
return " {{.Text}} world "
|
|
}
|
|
|
|
func (n *new) Init(props properties.Properties, env platform.Environment) {
|
|
n.props = props
|
|
n.env = env
|
|
|
|
n.Text = props.GetString(NewProp, "Hello")
|
|
}
|
|
```
|
|
|
|
When it comes to icon Properties, make sure to use the UTF32 representation (e.g. "\uEFF1") rather than the icon itself.
|
|
This will facilitate the review process as not all environments display the icons based on the font being used.
|
|
You can find these values and query for icons easily at [Nerd Fonts][nf-icons].
|
|
|
|
For each segment, there's a single test file ensuring the functionality going forward. The convention
|
|
is `new_test.go`, have a look at [existing segment tests][tests] for inspiration. Oh My Posh makes
|
|
use of the test tables pattern for all newly added tests. See [this][tables] blog post for more information.
|
|
|
|
## Create a name for your Segment
|
|
|
|
[`segment.go`][segment-go] contains the list of available `SegmentType`'s, which gives them a name we can map from the
|
|
`.json` [themes][themes].
|
|
|
|
Add your segment.
|
|
|
|
```go
|
|
// NEW is brand new
|
|
NEW SegmentType = "new"
|
|
```
|
|
|
|
## Add the SegmentType mapping
|
|
|
|
Add your `SegmentType` and `Writer` to the `Segments` map (respect the alphabetical order).
|
|
|
|
```go
|
|
NEW: func() SegmentWriter { return &segments.New{} },
|
|
```
|
|
|
|
## Test your functionality
|
|
|
|
Even with unit tests, it's a good idea to build and validate the changes:
|
|
|
|
```shell
|
|
go build -o $GOPATH/bin/oh-my-posh
|
|
```
|
|
|
|
## Add the documentation
|
|
|
|
Create a new `markdown` file underneath the [`website/docs/segments`][docs] folder called `new.md`.
|
|
Use the following template as a guide.
|
|
|
|
````markdown
|
|
---
|
|
id: new
|
|
title: New
|
|
sidebar_label: New
|
|
---
|
|
|
|
## What
|
|
|
|
Display something new.
|
|
|
|
## Sample Configuration
|
|
|
|
import Config from '@site/src/components/Config.js';
|
|
|
|
<Config data={{
|
|
"type": "new",
|
|
"style": "powerline",
|
|
"powerline_symbol": "\uE0B0",
|
|
"foreground": "#193549",
|
|
"background": "#ffeb3b",
|
|
"properties": {
|
|
"newprop": "\uEFF1"
|
|
}
|
|
}}/>
|
|
|
|
## Properties
|
|
|
|
| Name | Type | Description |
|
|
| --------- | -------- | ------------------------------------------- |
|
|
| `newprop` | `string` | the new text to show - defaults to `\uEFF1` |
|
|
````
|
|
|
|
## Map the new documentation in the sidebar
|
|
|
|
Open [`sidebars.js`][sidebars] and add your document id (`new`) to the items of the Segments category.
|
|
|
|
## Add the JSON schema
|
|
|
|
Edit the `themes/schema.json` file to add your segment.
|
|
|
|
At `$.definitions.segment.properties.type.enum`, add your `SegmentType` to the array:
|
|
|
|
```json
|
|
new,
|
|
```
|
|
|
|
At `$.definitions.segment.allOf`, add your segment details:
|
|
|
|
```json
|
|
{
|
|
"if": {
|
|
"properties": {
|
|
"type": { "const": "new" }
|
|
}
|
|
},
|
|
"then": {
|
|
"title": "Display something new",
|
|
"description": "https://ohmyposh.dev/docs/new",
|
|
"properties": {
|
|
"properties": {
|
|
"properties": {
|
|
"newprop": {
|
|
"type": "string",
|
|
"title": "New Property",
|
|
"description": "the default text to display",
|
|
"default": "Hello"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
## Create a pull request
|
|
|
|
And be patient, I'm going as fast as I can 🏎
|
|
|
|
[segment-go]: https://github.com/JanDeDobbeleer/oh-my-posh/blob/main/src/engine/segment.go
|
|
[themes]: https://github.com/JanDeDobbeleer/oh-my-posh/tree/main/themes
|
|
[docs]: https://github.com/JanDeDobbeleer/oh-my-posh/tree/main/website/docs/segments
|
|
[sidebars]: https://github.com/JanDeDobbeleer/oh-my-posh/blob/main/website/sidebars.js
|
|
[nf-icons]: https://www.nerdfonts.com/cheat-sheet
|
|
[tests]: https://github.com/JanDeDobbeleer/oh-my-posh/blob/main/src/segments/az_test.go
|
|
[tables]: https://blog.alexellis.io/golang-writing-unit-tests/
|