Files
sn0w12-ComfyUI-Syntax-Highl…/web/js/settings.js
T
2025-01-24 22:28:12 +01:00

78 lines
3.0 KiB
JavaScript

import { SettingsHelper } from "./settings/ComfyHelper.js";
export const API_PREFIX = "/SyntaxHighlighting";
export const settingsHelper = new SettingsHelper("SyntaxHighlighting");
const settingsDefinitions = [
{
name: "Textbox Colors",
category: ["Syntax Highlighting", "Textbox", "TextboxColors"],
defaultValue: "#559c22\n#229c57\n#229c8b\n#226f9c\n#22479c",
tooltip: "A list of either rgb or hex colors, one color per line.",
type: SettingsHelper.ST.MULTILINE,
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Textbox Highlight Type",
category: ["Syntax Highlighting", "Textbox", "TextboxHighlightType"],
defaultValue: "strength",
tooltip:
"If strength, only the first and last colors will be used. If nesting, all colors will be used.",
type: SettingsHelper.ST.COMBO(
{ text: "Strength", value: "strength" },
{ text: "Nesting", value: "nesting" }
),
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Favorite On Top",
category: ["Syntax Highlighting", "Combo", "FavoriteOnTop"],
defaultValue: true,
tooltip: "Put favorite items over all other items.",
type: SettingsHelper.ST.BOOLEAN,
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Combo Highlight Color",
category: ["Syntax Highlighting", "Combo", "ComboHighlightColor"],
defaultValue: "#008000",
type: SettingsHelper.ST.COLORPICKER,
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Preview Image Hover Delay",
category: ["Syntax Highlighting", "Preview Image", "PreviewImageDelay"],
defaultValue: 200,
type: SettingsHelper.ST.SLIDER(0, 1000, 1),
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Preview Image Padding",
category: [
"Syntax Highlighting",
"Preview Image",
"PreviewImagePadding",
],
defaultValue: 20,
type: SettingsHelper.ST.SLIDER(0, 100, 1),
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Preview Image Side",
category: ["Syntax Highlighting", "Preview Image", "PreviewImageSide"],
defaultValue: "left",
type: SettingsHelper.ST.COMBO(
{ text: "Left", value: "left" },
{ text: "Right", value: "right" }
),
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
{
name: "Preview Image Size",
category: ["Syntax Highlighting", "Preview Image", "PreviewImageSize"],
defaultValue: 300,
type: SettingsHelper.ST.SLIDER(100, 1000, 10),
onChange: () => SettingsHelper.PresetOnChange.reloadSettings(),
},
];
settingsHelper.addSettings(settingsDefinitions);