mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-21 16:38:23 +01:00
reorganize AI presets, make the other docs consistent (#1477)
This commit is contained in:
Mike Sawka
GitHub
parent
677ecc3ef8
commit
d3d8f9492e
177
docs/docs/ai-presets.mdx
Normal file
177
docs/docs/ai-presets.mdx
Normal file
@ -0,0 +1,177 @@
|
|||||||
|
---
|
||||||
|
sidebar_position: 3.6
|
||||||
|
id: "ai-presets"
|
||||||
|
title: "AI Presets"
|
||||||
|
---
|
||||||
|
|
||||||
|
<img
|
||||||
|
title="AI Presets Menu"
|
||||||
|
style={{ float: "right", margin: "0 0 10px 10px" }}
|
||||||
|
src="./img/ai-presets.png"
|
||||||
|
width="300"
|
||||||
|
/>
|
||||||
|
|
||||||
|
Wave's AI widget can be configured to work with various AI providers and models through presets. Presets allow you to define multiple AI configurations and easily switch between them using the dropdown menu in the AI widget.
|
||||||
|
|
||||||
|
## How AI Presets Work
|
||||||
|
|
||||||
|
AI presets are defined in `~/.config/waveterm/presets/ai.json`. You can easily edit this file using:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
wsh editconfig presets/ai.json
|
||||||
|
```
|
||||||
|
|
||||||
|
Each preset defines a complete set of configuration values for the AI widget. When you select a preset from the dropdown menu, those configuration values are applied to the widget. If no preset is selected, the widget uses the default values from `settings.json`.
|
||||||
|
|
||||||
|
Here's a basic example using Claude:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@claude-sonnet": {
|
||||||
|
"display:name": "Claude 3 Sonnet",
|
||||||
|
"display:order": 1,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "anthropic",
|
||||||
|
"ai:model": "claude-3-5-sonnet-latest",
|
||||||
|
"ai:apitoken": "<your anthropic API key>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
To make a preset your default, add this single line to your `settings.json`:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai:preset": "ai@claude-sonnet"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
:::info
|
||||||
|
You can quickly set your default preset using the `setconfig` command:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
wsh setconfig ai:preset=ai@claude-sonnet
|
||||||
|
```
|
||||||
|
|
||||||
|
This is easier than editing settings.json directly!
|
||||||
|
:::
|
||||||
|
|
||||||
|
## Provider-Specific Configurations
|
||||||
|
|
||||||
|
### Anthropic (Claude)
|
||||||
|
|
||||||
|
To use Claude models, create a preset like this:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@claude-sonnet": {
|
||||||
|
"display:name": "Claude 3 Sonnet",
|
||||||
|
"display:order": 1,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "anthropic",
|
||||||
|
"ai:model": "claude-3-5-sonnet-latest",
|
||||||
|
"ai:apitoken": "<your anthropic API key>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Local LLMs (Ollama)
|
||||||
|
|
||||||
|
To connect to a local Ollama instance:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@ollama-llama": {
|
||||||
|
"display:name": "Ollama - Llama2",
|
||||||
|
"display:order": 2,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:baseurl": "http://localhost:11434/v1",
|
||||||
|
"ai:name": "llama2",
|
||||||
|
"ai:model": "llama2",
|
||||||
|
"ai:apitoken": "ollama"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
Note: The `ai:apitoken` is required but can be any value as Ollama ignores it. See [Ollama OpenAI compatibility docs](https://github.com/ollama/ollama/blob/main/docs/openai.md) for more details.
|
||||||
|
|
||||||
|
### Azure OpenAI
|
||||||
|
|
||||||
|
To connect to Azure AI services:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@azure-gpt4": {
|
||||||
|
"display:name": "Azure GPT-4",
|
||||||
|
"display:order": 3,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "azure",
|
||||||
|
"ai:baseurl": "<your Azure AI base URL>",
|
||||||
|
"ai:model": "<your model deployment name>",
|
||||||
|
"ai:apitoken": "<your Azure API key>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
Note: Do not include query parameters or `api-version` in the `ai:baseurl`. The `ai:model` should be your model deployment name in Azure.
|
||||||
|
|
||||||
|
### Perplexity
|
||||||
|
|
||||||
|
To use Perplexity's models:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@perplexity-sonar": {
|
||||||
|
"display:name": "Perplexity Sonar",
|
||||||
|
"display:order": 4,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "perplexity",
|
||||||
|
"ai:model": "llama-3.1-sonar-small-128k-online",
|
||||||
|
"ai:apitoken": "<your perplexity API key>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Multiple Presets Example
|
||||||
|
|
||||||
|
You can define multiple presets in your `ai.json` file:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai@claude-sonnet": {
|
||||||
|
"display:name": "Claude 3 Sonnet",
|
||||||
|
"display:order": 1,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "anthropic",
|
||||||
|
"ai:model": "claude-3-5-sonnet-latest",
|
||||||
|
"ai:apitoken": "<your anthropic API key>"
|
||||||
|
},
|
||||||
|
"ai@ollama-llama": {
|
||||||
|
"display:name": "Ollama - Llama2",
|
||||||
|
"display:order": 2,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:baseurl": "http://localhost:11434/v1",
|
||||||
|
"ai:name": "llama2",
|
||||||
|
"ai:model": "llama2",
|
||||||
|
"ai:apitoken": "ollama"
|
||||||
|
},
|
||||||
|
"ai@perplexity-sonar": {
|
||||||
|
"display:name": "Perplexity Sonar",
|
||||||
|
"display:order": 3,
|
||||||
|
"ai:*": true,
|
||||||
|
"ai:apitype": "perplexity",
|
||||||
|
"ai:model": "llama-3.1-sonar-small-128k-online",
|
||||||
|
"ai:apitoken": "<your perplexity API key>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
The `display:order` value determines the order in which presets appear in the dropdown menu.
|
||||||
|
|
||||||
|
Remember to set your default preset in `settings.json`:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"ai:preset": "ai@claude-sonnet"
|
||||||
|
}
|
||||||
|
```
|
||||||
@ -6,86 +6,11 @@ title: "FAQ"
|
|||||||
|
|
||||||
# FAQ
|
# FAQ
|
||||||
|
|
||||||
### How do I set up my own LLM?
|
### How do I configure Wave to use different AI models/providers?
|
||||||
|
|
||||||
Open your [config file](./config) in Wave using `wsh editconfig` (the config file is normally located
|
Wave supports various AI providers including local LLMs (via Ollama), Azure OpenAI, Anthropic's Claude, and Perplexity. The recommended way to configure these is through AI presets, which let you set up and easily switch between different providers and models.
|
||||||
at `~/.config/waveterm/settings.json`).
|
|
||||||
|
|
||||||
| Key Name | Type | Function |
|
See our [AI Presets documentation](/ai-presets) for detailed setup instructions for each provider.
|
||||||
| ------------ | ------ | ----------------------------------------------- |
|
|
||||||
| ai:baseurl | string | Set the AI Base Url (must be OpenAI compatible) |
|
|
||||||
| ai:apitoken | string | your AI api token |
|
|
||||||
| ai:name | string | string to display in the Wave AI block header |
|
|
||||||
| ai:model | string | model name to pass to API |
|
|
||||||
| ai:maxtokens | int | max tokens to pass to API |
|
|
||||||
| ai:timeoutms | int | timeout (in milliseconds) for AI calls |
|
|
||||||
|
|
||||||
Here's an example of pointing it to a local Ollama instance. Note that to get the text in the header of the AI block
|
|
||||||
to update, you'll need to set the "ai:name" key. For ollama, you'll also need to provide something for the
|
|
||||||
apitoken (even though it is ignored).
|
|
||||||
|
|
||||||
Here are the ollma open AI compatibility docs: https://github.com/ollama/ollama/blob/main/docs/openai.md
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"ai:*": true,
|
|
||||||
"ai:baseurl": "http://localhost:11434/v1",
|
|
||||||
"ai:name": "llama3.2",
|
|
||||||
"ai:model": "llama3.2",
|
|
||||||
"ai:apitoken": "ollama"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Note: we set the `ai:*` key to true to clear all the existing "ai" keys so this config is a clean slate.
|
|
||||||
|
|
||||||
To switch between multiple models, consider [adding AI Presets](./presets) instead.
|
|
||||||
|
|
||||||
### How can I connect to Azure AI?
|
|
||||||
|
|
||||||
Open your [config file](./config) in Wave using `wsh editconfig` (the config file is normally located
|
|
||||||
at `~/.config/waveterm/settings.json`).
|
|
||||||
|
|
||||||
You'll need to set your `ai:baseurl` to your Azure AI Base URL (do not include query parameters or `api-version`).
|
|
||||||
You'll also need to set `ai:apitype` to `azure`. You can then set the `ai:model`, and `ai:apitoken` appropriately
|
|
||||||
for your setup.
|
|
||||||
|
|
||||||
### How can I connect to Claude?
|
|
||||||
|
|
||||||
Open your [config file](./config) in Wave using `wsh editconfig`.
|
|
||||||
|
|
||||||
Set these keys:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"ai:*": true,
|
|
||||||
"ai:apitype": "anthropic",
|
|
||||||
"ai:model": "claude-3-5-sonnet-latest",
|
|
||||||
"ai:apitoken": "<your anthropic API key>"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Note: we set the `ai:*` key to true to clear all the existing "ai" keys so this config is a clean slate.
|
|
||||||
|
|
||||||
<a name="perplexity" />
|
|
||||||
|
|
||||||
### How can I connect to Perplexity?
|
|
||||||
|
|
||||||
Open your [config file](./config) in Wave using `wsh editconfig`.
|
|
||||||
|
|
||||||
Set these keys:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"ai:*": true,
|
|
||||||
"ai:apitype": "perplexity",
|
|
||||||
"ai:model": "llama-3.1-sonar-small-128k-online",
|
|
||||||
"ai:apitoken": "<your perplexity API key>"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Note: we set the `ai:*` key to true to clear all the existing "ai" keys so this config is a clean slate.
|
|
||||||
|
|
||||||
To switch between models, consider [adding AI Presets](./presets) instead.
|
|
||||||
|
|
||||||
### How can I see the block numbers?
|
### How can I see the block numbers?
|
||||||
|
|
||||||
|
|||||||
@ -1,30 +1,41 @@
|
|||||||
---
|
---
|
||||||
sidebar_position: 3
|
sidebar_position: 3.5
|
||||||
id: "presets"
|
id: "presets"
|
||||||
title: "Presets"
|
title: "Presets"
|
||||||
---
|
---
|
||||||
|
|
||||||
Presets can be used to apply multiple setting overrides at once to either a tab or a block. They are currently supported in two scenarios: tab backgrounds and AI models.
|
# Presets
|
||||||
|
|
||||||
You can set presets either by placing them in `~/.config/waveterm/presets.json` or by placing them in a JSON file in the `~/.config/waveterm/presets/` directory. All presets will be aggregated regardless of which file they're placed in so you can use the `presets` directory to organize them as you see fit.
|
Wave's preset system allows you to save and apply multiple configuration settings at once. Presets can be used in two different scenarios:
|
||||||
|
|
||||||
|
- AI models: Configure different AI providers and models (see [AI Presets](/ai-presets))
|
||||||
|
- Tab backgrounds: Apply visual styles to your tabs
|
||||||
|
|
||||||
|
## Managing Presets
|
||||||
|
|
||||||
|
You can store presets in two locations:
|
||||||
|
|
||||||
|
- `~/.config/waveterm/presets.json`: Main presets file
|
||||||
|
- `~/.config/waveterm/presets/`: Directory for organizing presets into separate files
|
||||||
|
|
||||||
|
All presets are aggregated regardless of which file they're in, so you can use the `presets` directory to organize them (e.g., `presets/backgrounds.json`, `presets/ai.json`).
|
||||||
|
|
||||||
:::info
|
:::info
|
||||||
|
You can easily edit your presets using the built-in editor:
|
||||||
|
|
||||||
You can open up the main presets config file in Wave by running:
|
```bash
|
||||||
|
wsh editconfig presets.json # Edit main presets file
|
||||||
```
|
wsh editconfig presets/ai.json # Edit AI presets
|
||||||
wsh editconfig presets.json
|
|
||||||
```
|
```
|
||||||
|
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## File format
|
## File Format
|
||||||
|
|
||||||
Presets follow the following format:
|
Presets follow this format:
|
||||||
|
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
...
|
|
||||||
"<preset-type>@<preset-key>": {
|
"<preset-type>@<preset-key>": {
|
||||||
"display:name": "<Preset name>",
|
"display:name": "<Preset name>",
|
||||||
"display:order": "<number>", // optional
|
"display:order": "<number>", // optional
|
||||||
@ -34,94 +45,50 @@ Presets follow the following format:
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
A complete example of a preset for a tab background is the following:
|
The `preset-type` determines where the preset appears in Wave's interface:
|
||||||
|
|
||||||
```json
|
- `ai`: Appears in the models dropdown in the "Wave AI" widget header (see [AI Presets](/ai-presets))
|
||||||
{
|
- `bg`: Appears in the "Backgrounds" submenu when right-clicking a tab
|
||||||
"bg@rainbow": {
|
|
||||||
"display:name": "Rainbow",
|
|
||||||
"display:order": 2.1,
|
|
||||||
"bg:*": true,
|
|
||||||
"bg": "linear-gradient( 226.4deg, rgba(255,26,1,1) 28.9%, rgba(254,155,1,1) 33%, rgba(255,241,0,1) 48.6%, rgba(34,218,1,1) 65.3%, rgba(0,141,254,1) 80.6%, rgba(113,63,254,1) 100.1% )",
|
|
||||||
"bg:opacity": 0.3
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
A complete example of a preset for an AI model is the following:
|
### Common Keys
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"ai@wave": {
|
|
||||||
"display:name": "Ollama - llama3.1",
|
|
||||||
"display:order": 0,
|
|
||||||
"ai:baseurl": "http://localhost:11434",
|
|
||||||
"ai:model": "llama3.1:latest"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Preset Types
|
|
||||||
|
|
||||||
The type of the preset determines where it can be discovered in the app. Currently, the two types that will be discovered in the app are `bg` and `ai`.
|
|
||||||
|
|
||||||
`bg` will be served in the "Backgrounds" submenu of the Tab context menu (which can be found by right-clicking on a tab).
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
`ai` will be served in the models dropdown in the block header of the "Wave AI" widget.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### Available configuration keys
|
|
||||||
|
|
||||||
The following configuration keys are available for use in presets:
|
|
||||||
|
|
||||||
#### Common keys
|
|
||||||
|
|
||||||
| Key Name | Type | Function |
|
| Key Name | Type | Function |
|
||||||
| ------------- | ------ | ---------------------------------------------------------------------- |
|
| ------------- | ------ | ----------------------------------------- |
|
||||||
| display:name | string | the name to use when displaying the preset in a menu (required) |
|
| display:name | string | Name shown in the UI menu (required) |
|
||||||
| display:order | float | the order in which the preset should be displayed in a menu (optional) |
|
| display:order | float | Controls the order in the menu (optional) |
|
||||||
|
|
||||||
:::info
|
:::info
|
||||||
|
When a preset is applied, it overrides the default configuration values for that tab or block. Using `bg:*` or `ai:*` will clear any previously overridden values, setting them back to defaults. It's recommended to include these keys in your presets to ensure a clean slate.
|
||||||
Configs in a preset are applied in order to override the default config values, which will persist for the remainder of the tab or block's lifetime. Setting `bg:*` or `ai:*` to `"true"` will clear the values of any previously overridden Background or AI configurations, respectively, setting them back to their defaults. You almost always want to add these keys to your presets in order to create a clean slate and prevent previously set values from leaking in.
|
|
||||||
|
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## AI Configurations
|
## AI Presets
|
||||||
|
|
||||||
| Key Name | Type | Function |
|
For configuring AI providers and models, see our dedicated [AI Presets](/ai-presets) documentation. It covers setting up presets for:
|
||||||
| ------------- | ------ | -------------------------------------------------------------------------------------------------- |
|
|
||||||
| ai:\* | bool | reset all existing ai keys |
|
|
||||||
| ai:preset | string | the default AI preset to use |
|
|
||||||
| ai:baseurl | string | Set the AI Base Url (must be OpenAI compatible) |
|
|
||||||
| ai:apitoken | string | your AI api token |
|
|
||||||
| ai:apitype | string | defaults to "open_ai", but can also set to "azure" (for special Azure AI handling), or "anthropic" |
|
|
||||||
| ai:name | string | string to display in the Wave AI block header |
|
|
||||||
| ai:model | string | model name to pass to API |
|
|
||||||
| ai:apiversion | string | for Azure AI only (when apitype is "azure", this will default to "2023-05-15") |
|
|
||||||
| ai:orgid | string | |
|
|
||||||
| ai:maxtokens | int | max tokens to pass to API |
|
|
||||||
| ai:timeoutms | int | timeout (in milliseconds) for AI calls |
|
|
||||||
|
|
||||||
<a name="background-configurations" />
|
- Local LLMs via Ollama
|
||||||
|
- Azure OpenAI
|
||||||
|
- Anthropic's Claude
|
||||||
|
- Perplexity
|
||||||
|
- And more
|
||||||
|
|
||||||
## Background Configurations
|
## Background Presets
|
||||||
|
|
||||||
Wave's background system harnesses the full power of CSS backgrounds, letting you create rich visual effects through the "background" attribute. You can apply solid colors, gradients (both linear and radial), images, and even blend multiple elements together. The system offers preset configurations while maintaining the flexibility of pure CSS, making it both powerful and easy to use.
|
Wave's background system harnesses the full power of CSS backgrounds, letting you create rich visual effects through the "background" attribute. You can apply solid colors, gradients (both linear and radial), images, and even blend multiple elements together.
|
||||||
|
|
||||||
|
### Configuration Keys
|
||||||
|
|
||||||
| Key Name | Type | Function |
|
| Key Name | Type | Function |
|
||||||
| -------------------- | ------ | ------------------------------------------------------------------------------------------------------- |
|
| -------------------- | ------ | ------------------------------------------------------------------------------------------------------- |
|
||||||
| bg:\* | bool | reset all existing bg keys (recommended to prevent any existing background settings from carrying over) |
|
| bg:\* | bool | Reset all existing bg keys (recommended to prevent any existing background settings from carrying over) |
|
||||||
| bg | string | CSS `background` attribute for the tab (supports colors, gradients images, etc.) |
|
| bg | string | CSS `background` attribute for the tab (supports colors, gradients images, etc.) |
|
||||||
| bg:opacity | float | the opacity of the background (defaults to 0.5) |
|
| bg:opacity | float | The opacity of the background (defaults to 0.5) |
|
||||||
| bg:blendmode | string | the [blend mode](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode) of the background |
|
| bg:blendmode | string | The [blend mode](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode) of the background |
|
||||||
| bg:bordercolor | string | the color of the border when a block is not active (rarely used) |
|
| bg:bordercolor | string | The color of the border when a block is not active (rarely used) |
|
||||||
| bg:activebordercolor | string | the color of the border when a block is active |
|
| bg:activebordercolor | string | The color of the border when a block is active |
|
||||||
|
|
||||||
### Simple solid color with opacity:
|
### Examples
|
||||||
|
|
||||||
|
#### Simple solid color:
|
||||||
|
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
@ -135,7 +102,7 @@ Wave's background system harnesses the full power of CSS backgrounds, letting yo
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Complex gradient combining multiple effects:
|
#### Complex gradient:
|
||||||
|
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
@ -149,24 +116,11 @@ Wave's background system harnesses the full power of CSS backgrounds, letting yo
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Repeating pattern background:
|
#### Background image:
|
||||||
|
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
"bg@pattern": {
|
"bg@ocean": {
|
||||||
"display:name": "Diamond Pattern",
|
|
||||||
"bg:*": true,
|
|
||||||
"bg": "url('/path/to/pattern.png') repeat",
|
|
||||||
"bg:opacity": 0.15
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Full-cover background image:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"bg@cover": {
|
|
||||||
"display:name": "Ocean Scene",
|
"display:name": "Ocean Scene",
|
||||||
"bg:*": true,
|
"bg:*": true,
|
||||||
"bg": "url('/path/to/ocean.jpg') center/cover no-repeat",
|
"bg": "url('/path/to/ocean.jpg') center/cover no-repeat",
|
||||||
@ -175,25 +129,23 @@ Wave's background system harnesses the full power of CSS backgrounds, letting yo
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Replace image URLs with your own assets. All examples use reduced opacity to work well with dark themes.
|
|
||||||
|
|
||||||
:::info
|
:::info
|
||||||
Background images can be specified using URLs or local file paths. While URLs are supported, it's recommended to download and serve images locally for better reliability. For local files, you must use absolute paths or paths starting with `~` (e.g. `~/Downloads/background.png`). The system will automatically rewrite local paths to ensure proper access. We support all common web image formats: PNG, JPEG/JPG, WebP, GIF, and SVG.
|
Background images support both URLs and local file paths. For better reliability, we recommend using local files. Local paths must be absolute or start with `~` (e.g., `~/Downloads/background.png`). We support common web formats: PNG, JPEG/JPG, WebP, GIF, and SVG.
|
||||||
:::
|
:::
|
||||||
|
|
||||||
:::tip
|
:::tip
|
||||||
You can use `wsh setbg --print` to help generate the JSON for your background presets. For example:
|
The `setbg` command can help generate background preset JSON:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# Preview the metadata for a gradient background
|
# Preview a solid color preset
|
||||||
wsh setbg --print "#ff0000"
|
wsh setbg --print "#ff0000"
|
||||||
{
|
{
|
||||||
"bg:*": true,
|
"bg:*": true,
|
||||||
"bg": "#ff0000",
|
"bg": "#ff0000",
|
||||||
"bg:opacity": 0.5
|
"bg:opacity": 0.5
|
||||||
}
|
}
|
||||||
|
|
||||||
# Preview a centered logo configuration
|
# Preview a centered image preset
|
||||||
wsh setbg --print --center --opacity 0.3 ~/logo.png
|
wsh setbg --print --center --opacity 0.3 ~/logo.png
|
||||||
{
|
{
|
||||||
"bg:*": true,
|
"bg:*": true,
|
||||||
@ -202,9 +154,5 @@ wsh setbg --print --center --opacity 0.3 ~/logo.png
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Copy the output and use it as a starting point for your preset configuration, just add the required `display:name` field!
|
Just add the required `display:name` field to complete your preset!
|
||||||
:::
|
:::
|
||||||
|
|
||||||
#### Unset a default value
|
|
||||||
|
|
||||||
To unset a default value in a preset, add an override that sets it to an empty string, like `""`.
|
|
||||||
|
|||||||
BIN
docs/static/img/ai-presets.png
vendored
Normal file
BIN
docs/static/img/ai-presets.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Loading…
Reference in New Issue
Block a user