@yeshwanthyk/open-tui 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app.d.ts +18 -0
- package/dist/app.d.ts.map +1 -0
- package/dist/app.jsx +28 -0
- package/dist/app.jsx.map +1 -0
- package/dist/autocomplete/autocomplete.d.ts +48 -0
- package/dist/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete/autocomplete.js +391 -0
- package/dist/autocomplete/autocomplete.js.map +1 -0
- package/dist/autocomplete/file-index.d.ts +36 -0
- package/dist/autocomplete/file-index.d.ts.map +1 -0
- package/dist/autocomplete/file-index.js +143 -0
- package/dist/autocomplete/file-index.js.map +1 -0
- package/dist/autocomplete/index.d.ts +3 -0
- package/dist/autocomplete/index.d.ts.map +1 -0
- package/dist/autocomplete/index.js +3 -0
- package/dist/autocomplete/index.js.map +1 -0
- package/dist/components/badge.d.ts +11 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.jsx +31 -0
- package/dist/components/badge.jsx.map +1 -0
- package/dist/components/code-block.d.ts +12 -0
- package/dist/components/code-block.d.ts.map +1 -0
- package/dist/components/code-block.jsx +34 -0
- package/dist/components/code-block.jsx.map +1 -0
- package/dist/components/dialog.d.ts +12 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.jsx +29 -0
- package/dist/components/dialog.jsx.map +1 -0
- package/dist/components/diff.d.ts +11 -0
- package/dist/components/diff.d.ts.map +1 -0
- package/dist/components/diff.jsx +17 -0
- package/dist/components/diff.jsx.map +1 -0
- package/dist/components/divider.d.ts +9 -0
- package/dist/components/divider.d.ts.map +1 -0
- package/dist/components/divider.jsx +13 -0
- package/dist/components/divider.jsx.map +1 -0
- package/dist/components/editor.d.ts +87 -0
- package/dist/components/editor.d.ts.map +1 -0
- package/dist/components/editor.jsx +146 -0
- package/dist/components/editor.jsx.map +1 -0
- package/dist/components/image.d.ts +65 -0
- package/dist/components/image.d.ts.map +1 -0
- package/dist/components/image.jsx +319 -0
- package/dist/components/image.jsx.map +1 -0
- package/dist/components/loader.d.ts +25 -0
- package/dist/components/loader.d.ts.map +1 -0
- package/dist/components/loader.jsx +31 -0
- package/dist/components/loader.jsx.map +1 -0
- package/dist/components/markdown.d.ts +28 -0
- package/dist/components/markdown.d.ts.map +1 -0
- package/dist/components/markdown.jsx +30 -0
- package/dist/components/markdown.jsx.map +1 -0
- package/dist/components/panel.d.ts +12 -0
- package/dist/components/panel.d.ts.map +1 -0
- package/dist/components/panel.jsx +51 -0
- package/dist/components/panel.jsx.map +1 -0
- package/dist/components/select-list.d.ts +55 -0
- package/dist/components/select-list.d.ts.map +1 -0
- package/dist/components/select-list.jsx +135 -0
- package/dist/components/select-list.jsx.map +1 -0
- package/dist/components/spacer.d.ts +25 -0
- package/dist/components/spacer.d.ts.map +1 -0
- package/dist/components/spacer.jsx +27 -0
- package/dist/components/spacer.jsx.map +1 -0
- package/dist/components/toast.d.ts +19 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.jsx +52 -0
- package/dist/components/toast.jsx.map +1 -0
- package/dist/context/terminal.d.ts +7 -0
- package/dist/context/terminal.d.ts.map +1 -0
- package/dist/context/terminal.jsx +6 -0
- package/dist/context/terminal.jsx.map +1 -0
- package/dist/context/theme.d.ts +117 -0
- package/dist/context/theme.d.ts.map +1 -0
- package/dist/context/theme.jsx +650 -0
- package/dist/context/theme.jsx.map +1 -0
- package/dist/hooks/use-keyboard.d.ts +7 -0
- package/dist/hooks/use-keyboard.d.ts.map +1 -0
- package/dist/hooks/use-keyboard.js +6 -0
- package/dist/hooks/use-keyboard.js.map +1 -0
- package/dist/index.d.ts +31 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +45 -0
- package/dist/index.js.map +1 -0
- package/dist/opentui-augmentations.d.ts +9 -0
- package/dist/opentui-augmentations.d.ts.map +1 -0
- package/dist/opentui-augmentations.js +1 -0
- package/dist/opentui-augmentations.js.map +1 -0
- package/dist/parsers-config.d.ts +16 -0
- package/dist/parsers-config.d.ts.map +1 -0
- package/dist/parsers-config.js +119 -0
- package/dist/parsers-config.js.map +1 -0
- package/dist/themes/aura.json +69 -0
- package/dist/themes/ayu.json +80 -0
- package/dist/themes/catppuccin-macchiato.json +233 -0
- package/dist/themes/catppuccin.json +112 -0
- package/dist/themes/cobalt2.json +228 -0
- package/dist/themes/dracula.json +219 -0
- package/dist/themes/everforest.json +241 -0
- package/dist/themes/flexoki.json +237 -0
- package/dist/themes/github.json +233 -0
- package/dist/themes/gruvbox.json +95 -0
- package/dist/themes/kanagawa.json +77 -0
- package/dist/themes/lucent-orng.json +227 -0
- package/dist/themes/marvin.json +97 -0
- package/dist/themes/material.json +235 -0
- package/dist/themes/matrix.json +77 -0
- package/dist/themes/mercury.json +245 -0
- package/dist/themes/monokai.json +221 -0
- package/dist/themes/nightowl.json +221 -0
- package/dist/themes/nord.json +223 -0
- package/dist/themes/one-dark.json +84 -0
- package/dist/themes/opencode.json +245 -0
- package/dist/themes/orng.json +245 -0
- package/dist/themes/palenight.json +222 -0
- package/dist/themes/rosepine.json +234 -0
- package/dist/themes/solarized.json +223 -0
- package/dist/themes/synthwave84.json +226 -0
- package/dist/themes/tokyonight.json +243 -0
- package/dist/themes/vercel.json +245 -0
- package/dist/themes/vesper.json +218 -0
- package/dist/themes/zenburn.json +223 -0
- package/dist/utils/clipboard.d.ts +12 -0
- package/dist/utils/clipboard.d.ts.map +1 -0
- package/dist/utils/clipboard.js +52 -0
- package/dist/utils/clipboard.js.map +1 -0
- package/dist/utils/text-width.d.ts +26 -0
- package/dist/utils/text-width.d.ts.map +1 -0
- package/dist/utils/text-width.js +101 -0
- package/dist/utils/text-width.js.map +1 -0
- package/package.json +13 -4
- package/src/index.ts +0 -121
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Markdown renderer using @opentui/core's tree-sitter based <code> component
|
|
3
|
+
*/
|
|
4
|
+
import { useTheme } from "../context/theme.js";
|
|
5
|
+
/**
|
|
6
|
+
* Markdown component that renders markdown text with tree-sitter syntax highlighting
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Markdown text="# Hello\n\nThis is **bold** text." />
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
export function Markdown(props) {
|
|
14
|
+
const { theme, syntaxStyle, subtleSyntaxStyle } = useTheme();
|
|
15
|
+
const isStreaming = props.streaming ?? false;
|
|
16
|
+
const commonProps = {
|
|
17
|
+
content: props.text ?? "",
|
|
18
|
+
syntaxStyle: props.dim ? subtleSyntaxStyle : syntaxStyle,
|
|
19
|
+
conceal: props.conceal ?? true,
|
|
20
|
+
streaming: isStreaming,
|
|
21
|
+
drawUnstyledText: true,
|
|
22
|
+
fg: props.dim ? theme.textMuted : theme.markdownText,
|
|
23
|
+
};
|
|
24
|
+
if (isStreaming) {
|
|
25
|
+
// Skip tree-sitter while streaming to avoid O(n) highlight cost.
|
|
26
|
+
return <code {...commonProps}/>;
|
|
27
|
+
}
|
|
28
|
+
return <code filetype="markdown" {...commonProps}/>;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=markdown.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markdown.jsx","sourceRoot":"","sources":["../../src/components/markdown.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAa9C;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAA;IAC5C,MAAM,WAAW,GAAG;QACnB,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE;QACzB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QACxD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI;QAC9B,SAAS,EAAE,WAAW;QACtB,gBAAgB,EAAE,IAAa;QAC/B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;KACpD,CAAA;IAED,IAAI,WAAW,EAAE,CAAC;QACjB,iEAAiE;QACjE,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,EAAG,CAAA;IACjC,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,WAAW,CAAC,EAAG,CAAA;AACrD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { JSX } from "@opentui/solid";
|
|
2
|
+
import { type RGBA } from "../context/theme.js";
|
|
3
|
+
export type PanelVariant = "panel" | "element" | "menu" | "transparent";
|
|
4
|
+
export type PanelProps = JSX.IntrinsicElements["box"] & {
|
|
5
|
+
variant?: PanelVariant;
|
|
6
|
+
paddingX?: number | `${number}%`;
|
|
7
|
+
paddingY?: number | `${number}%`;
|
|
8
|
+
accentLeft?: RGBA;
|
|
9
|
+
accentWidth?: number;
|
|
10
|
+
};
|
|
11
|
+
export declare function Panel(props: PanelProps): JSX.Element;
|
|
12
|
+
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAIzD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AAEvE,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAChC,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAmEpD"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { parseColor } from "@opentui/core";
|
|
2
|
+
import { splitProps } from "solid-js";
|
|
3
|
+
import { useTheme } from "../context/theme.js";
|
|
4
|
+
const transparentBg = parseColor("transparent");
|
|
5
|
+
export function Panel(props) {
|
|
6
|
+
const { theme } = useTheme();
|
|
7
|
+
const [local, rest] = splitProps(props, [
|
|
8
|
+
"variant",
|
|
9
|
+
"padding",
|
|
10
|
+
"paddingLeft",
|
|
11
|
+
"paddingRight",
|
|
12
|
+
"paddingTop",
|
|
13
|
+
"paddingBottom",
|
|
14
|
+
"paddingX",
|
|
15
|
+
"paddingY",
|
|
16
|
+
"backgroundColor",
|
|
17
|
+
"border",
|
|
18
|
+
"borderColor",
|
|
19
|
+
"accentLeft",
|
|
20
|
+
"accentWidth",
|
|
21
|
+
"children",
|
|
22
|
+
]);
|
|
23
|
+
const resolvedBg = () => {
|
|
24
|
+
if (local.backgroundColor !== undefined)
|
|
25
|
+
return local.backgroundColor;
|
|
26
|
+
switch (local.variant ?? "panel") {
|
|
27
|
+
case "element":
|
|
28
|
+
return theme.backgroundElement;
|
|
29
|
+
case "menu":
|
|
30
|
+
return theme.backgroundMenu;
|
|
31
|
+
case "transparent":
|
|
32
|
+
return transparentBg;
|
|
33
|
+
case "panel":
|
|
34
|
+
default:
|
|
35
|
+
return theme.backgroundPanel;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const resolvedBorder = () => local.border ?? true;
|
|
39
|
+
const resolvedBorderColor = () => local.borderColor ?? theme.borderSubtle;
|
|
40
|
+
const paddingLeft = () => local.paddingLeft ?? local.paddingX ?? local.padding ?? 1;
|
|
41
|
+
const paddingRight = () => local.paddingRight ?? local.paddingX ?? local.padding ?? 1;
|
|
42
|
+
const paddingTop = () => local.paddingTop ?? local.paddingY ?? local.padding ?? 0;
|
|
43
|
+
const paddingBottom = () => local.paddingBottom ?? local.paddingY ?? local.padding ?? 0;
|
|
44
|
+
return (<box flexDirection="row" {...rest}>
|
|
45
|
+
{local.accentLeft && (<box width={local.accentWidth ?? 1} backgroundColor={local.accentLeft} flexShrink={0}/>)}
|
|
46
|
+
<box flexDirection="column" backgroundColor={resolvedBg()} border={resolvedBorder()} borderColor={resolvedBorderColor()} paddingLeft={paddingLeft()} paddingRight={paddingRight()} paddingTop={paddingTop()} paddingBottom={paddingBottom()} flexGrow={1}>
|
|
47
|
+
{local.children}
|
|
48
|
+
</box>
|
|
49
|
+
</box>);
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=panel.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.jsx","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SelectList component - wraps OpenTUI's SelectRenderable
|
|
3
|
+
*/
|
|
4
|
+
import { type RGBA } from "../context/theme.js";
|
|
5
|
+
export interface SelectItem {
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface SelectListTheme {
|
|
11
|
+
selectedBg: RGBA;
|
|
12
|
+
selectedFg: RGBA;
|
|
13
|
+
text: RGBA;
|
|
14
|
+
description: RGBA;
|
|
15
|
+
scrollInfo: RGBA;
|
|
16
|
+
noMatch: RGBA;
|
|
17
|
+
}
|
|
18
|
+
export interface SelectListProps {
|
|
19
|
+
/** Items to display */
|
|
20
|
+
items: SelectItem[];
|
|
21
|
+
/** Filter string for filtering items */
|
|
22
|
+
filter?: string;
|
|
23
|
+
/** Maximum visible items before scrolling */
|
|
24
|
+
maxVisible?: number;
|
|
25
|
+
/** Currently selected index (controlled) */
|
|
26
|
+
selectedIndex?: number;
|
|
27
|
+
/** Theme overrides */
|
|
28
|
+
theme?: Partial<SelectListTheme>;
|
|
29
|
+
/** Called when selection changes */
|
|
30
|
+
onSelectionChange?: (item: SelectItem, index: number) => void;
|
|
31
|
+
/** Called when item is selected (Enter pressed) */
|
|
32
|
+
onSelect?: (item: SelectItem) => void;
|
|
33
|
+
/** Called when cancelled (Escape pressed) */
|
|
34
|
+
onCancel?: () => void;
|
|
35
|
+
/** Available width for rendering */
|
|
36
|
+
width?: number;
|
|
37
|
+
/** Ref callback to expose navigation helpers */
|
|
38
|
+
ref?: (ref: SelectListRef) => void;
|
|
39
|
+
}
|
|
40
|
+
export interface SelectListRef {
|
|
41
|
+
moveUp: () => void;
|
|
42
|
+
moveDown: () => void;
|
|
43
|
+
select: () => void;
|
|
44
|
+
cancel: () => void;
|
|
45
|
+
getSelectedItem: () => SelectItem | undefined;
|
|
46
|
+
getSelectedIndex: () => number;
|
|
47
|
+
}
|
|
48
|
+
export declare function SelectList(props: SelectListProps): any;
|
|
49
|
+
export declare const SelectListKeys: {
|
|
50
|
+
isUp: (key: string) => key is "up" | "\u001B[A";
|
|
51
|
+
isDown: (key: string) => key is "down" | "\u001B[B";
|
|
52
|
+
isEnter: (key: string) => key is "return" | "\r";
|
|
53
|
+
isEscape: (key: string) => key is "\u001B" | "escape";
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=select-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-list.d.ts","sourceRoot":"","sources":["../../src/components/select-list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAGzD,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,IAAI,CAAA;IAChB,UAAU,EAAE,IAAI,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,IAAI,CAAA;IACjB,UAAU,EAAE,IAAI,CAAA;IAChB,OAAO,EAAE,IAAI,CAAA;CACb;AAED,MAAM,WAAW,eAAe;IAC/B,uBAAuB;IACvB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAChC,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,aAAa;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,eAAe,EAAE,MAAM,UAAU,GAAG,SAAS,CAAA;IAC7C,gBAAgB,EAAE,MAAM,MAAM,CAAA;CAC9B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,OA+GhD;AA0CD,eAAO,MAAM,cAAc;gBACd,MAAM;kBACJ,MAAM;mBACL,MAAM;oBACL,MAAM;CACtB,CAAA"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SelectList component - wraps OpenTUI's SelectRenderable
|
|
3
|
+
*/
|
|
4
|
+
import { TextAttributes } from "@opentui/core";
|
|
5
|
+
import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
|
|
6
|
+
import { useTheme } from "../context/theme.js";
|
|
7
|
+
import { truncateToWidth, visibleWidth } from "../utils/text-width.js";
|
|
8
|
+
export function SelectList(props) {
|
|
9
|
+
const { theme: globalTheme } = useTheme();
|
|
10
|
+
const [internalIndex, setInternalIndex] = createSignal(0);
|
|
11
|
+
const selectedIndex = () => props.selectedIndex ?? internalIndex();
|
|
12
|
+
const theme = createMemo(() => ({
|
|
13
|
+
selectedBg: props.theme?.selectedBg ?? globalTheme.selectionBg,
|
|
14
|
+
selectedFg: props.theme?.selectedFg ?? globalTheme.selectionFg,
|
|
15
|
+
text: props.theme?.text ?? globalTheme.text,
|
|
16
|
+
description: props.theme?.description ?? globalTheme.textMuted,
|
|
17
|
+
scrollInfo: props.theme?.scrollInfo ?? globalTheme.textMuted,
|
|
18
|
+
noMatch: props.theme?.noMatch ?? globalTheme.textMuted,
|
|
19
|
+
}));
|
|
20
|
+
const filteredItems = createMemo(() => {
|
|
21
|
+
const filter = props.filter?.toLowerCase() ?? "";
|
|
22
|
+
if (!filter)
|
|
23
|
+
return props.items;
|
|
24
|
+
return props.items.filter((item) => item.value.toLowerCase().includes(filter) || item.label.toLowerCase().includes(filter));
|
|
25
|
+
});
|
|
26
|
+
const clampedIndex = createMemo(() => {
|
|
27
|
+
const items = filteredItems();
|
|
28
|
+
if (items.length === 0)
|
|
29
|
+
return 0;
|
|
30
|
+
return Math.max(0, Math.min(selectedIndex(), items.length - 1));
|
|
31
|
+
});
|
|
32
|
+
createEffect(() => {
|
|
33
|
+
if (props.selectedIndex !== undefined)
|
|
34
|
+
return;
|
|
35
|
+
setInternalIndex(clampedIndex());
|
|
36
|
+
});
|
|
37
|
+
createEffect(() => {
|
|
38
|
+
if (props.selectedIndex !== undefined)
|
|
39
|
+
return;
|
|
40
|
+
const items = filteredItems();
|
|
41
|
+
if (items.length === 0)
|
|
42
|
+
return;
|
|
43
|
+
props.onSelectionChange?.(items[clampedIndex()], clampedIndex());
|
|
44
|
+
});
|
|
45
|
+
const setSelection = (nextIndex) => {
|
|
46
|
+
const items = filteredItems();
|
|
47
|
+
if (items.length === 0)
|
|
48
|
+
return;
|
|
49
|
+
const next = Math.max(0, Math.min(nextIndex, items.length - 1));
|
|
50
|
+
if (props.selectedIndex === undefined) {
|
|
51
|
+
setInternalIndex(next);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
props.onSelectionChange?.(items[next], next);
|
|
55
|
+
};
|
|
56
|
+
const ref = {
|
|
57
|
+
moveUp: () => setSelection(clampedIndex() - 1),
|
|
58
|
+
moveDown: () => setSelection(clampedIndex() + 1),
|
|
59
|
+
select: () => {
|
|
60
|
+
const item = filteredItems()[clampedIndex()];
|
|
61
|
+
if (item)
|
|
62
|
+
props.onSelect?.(item);
|
|
63
|
+
},
|
|
64
|
+
cancel: () => props.onCancel?.(),
|
|
65
|
+
getSelectedItem: () => filteredItems()[clampedIndex()],
|
|
66
|
+
getSelectedIndex: () => clampedIndex(),
|
|
67
|
+
};
|
|
68
|
+
createEffect(() => {
|
|
69
|
+
props.ref?.(ref);
|
|
70
|
+
});
|
|
71
|
+
const maxVisible = () => props.maxVisible ?? 5;
|
|
72
|
+
const width = () => props.width ?? 80;
|
|
73
|
+
const visibleWindow = createMemo(() => {
|
|
74
|
+
const items = filteredItems();
|
|
75
|
+
const max = maxVisible();
|
|
76
|
+
const idx = clampedIndex();
|
|
77
|
+
const startIndex = Math.max(0, Math.min(idx - Math.floor(max / 2), items.length - max));
|
|
78
|
+
const endIndex = Math.min(startIndex + max, items.length);
|
|
79
|
+
return { startIndex, endIndex };
|
|
80
|
+
});
|
|
81
|
+
if (filteredItems().length === 0) {
|
|
82
|
+
return (<box>
|
|
83
|
+
<text fg={theme().noMatch}>{" No matching items"}</text>
|
|
84
|
+
</box>);
|
|
85
|
+
}
|
|
86
|
+
// Derive reactive values from visibleWindow memo
|
|
87
|
+
const startIndex = () => visibleWindow().startIndex;
|
|
88
|
+
const endIndex = () => visibleWindow().endIndex;
|
|
89
|
+
const visibleItems = () => filteredItems().slice(startIndex(), endIndex());
|
|
90
|
+
const showScrollInfo = () => startIndex() > 0 || endIndex() < filteredItems().length;
|
|
91
|
+
return (<box flexDirection="column">
|
|
92
|
+
<For each={visibleItems()}>
|
|
93
|
+
{(item, localIndex) => {
|
|
94
|
+
const globalIndex = () => startIndex() + localIndex();
|
|
95
|
+
const isSelected = () => globalIndex() === clampedIndex();
|
|
96
|
+
return <SelectListItem item={item} isSelected={isSelected} theme={theme} width={width}/>;
|
|
97
|
+
}}
|
|
98
|
+
</For>
|
|
99
|
+
<Show when={showScrollInfo()}>
|
|
100
|
+
<text fg={theme().scrollInfo}>
|
|
101
|
+
{" "}({clampedIndex() + 1}/{filteredItems().length})
|
|
102
|
+
</text>
|
|
103
|
+
</Show>
|
|
104
|
+
</box>);
|
|
105
|
+
}
|
|
106
|
+
function SelectListItem(props) {
|
|
107
|
+
const prefix = () => (props.isSelected() ? "→ " : " ");
|
|
108
|
+
const prefixWidth = 2;
|
|
109
|
+
const value = () => props.item.label || props.item.value;
|
|
110
|
+
const labelWidth = () => Math.min(32, Math.max(12, props.width() - prefixWidth - 10));
|
|
111
|
+
const label = () => truncateToWidth(value(), labelWidth(), "");
|
|
112
|
+
const labelPad = () => " ".repeat(Math.max(0, labelWidth() - visibleWidth(label())));
|
|
113
|
+
const showDescription = () => Boolean(props.item.description) && props.width() > 50;
|
|
114
|
+
const descWidth = () => (showDescription() ? Math.max(0, props.width() - prefixWidth - labelWidth() - 2) : 0);
|
|
115
|
+
const desc = () => (showDescription() ? truncateToWidth(props.item.description, descWidth(), "") : "");
|
|
116
|
+
const line = () => prefix() + label() + labelPad() + (showDescription() ? " " + desc() : "");
|
|
117
|
+
const pad = () => " ".repeat(Math.max(0, props.width() - visibleWidth(line())));
|
|
118
|
+
return (<Show when={props.isSelected()} fallback={<text>
|
|
119
|
+
<span style={{ fg: props.theme().text }}>{prefix() + label() + labelPad()}</span>
|
|
120
|
+
<Show when={showDescription()}>
|
|
121
|
+
<span style={{ fg: props.theme().description }}>{" " + desc()}</span>
|
|
122
|
+
</Show>
|
|
123
|
+
</text>}>
|
|
124
|
+
<text fg={props.theme().selectedFg} bg={props.theme().selectedBg} attributes={TextAttributes.BOLD}>
|
|
125
|
+
{line() + pad()}
|
|
126
|
+
</text>
|
|
127
|
+
</Show>);
|
|
128
|
+
}
|
|
129
|
+
export const SelectListKeys = {
|
|
130
|
+
isUp: (key) => key === "up" || key === "\x1b[A",
|
|
131
|
+
isDown: (key) => key === "down" || key === "\x1b[B",
|
|
132
|
+
isEnter: (key) => key === "return" || key === "\r",
|
|
133
|
+
isEscape: (key) => key === "escape" || key === "\x1b",
|
|
134
|
+
};
|
|
135
|
+
//# sourceMappingURL=select-list.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-list.jsx","sourceRoot":"","sources":["../../src/components/select-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spacer component - flexible space that grows to fill available space
|
|
3
|
+
*/
|
|
4
|
+
export interface SpacerProps {
|
|
5
|
+
/** Flex grow factor (default: 1) */
|
|
6
|
+
grow?: number;
|
|
7
|
+
/** Minimum height in lines */
|
|
8
|
+
minHeight?: number;
|
|
9
|
+
/** Minimum width in columns */
|
|
10
|
+
minWidth?: number;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Flexible spacer that expands to fill available space
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <box flexDirection="row">
|
|
18
|
+
* <text>Left</text>
|
|
19
|
+
* <Spacer />
|
|
20
|
+
* <text>Right</text>
|
|
21
|
+
* </box>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export declare function Spacer(props: SpacerProps): any;
|
|
25
|
+
//# sourceMappingURL=spacer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../src/components/spacer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,WAAW;IAC3B,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,OASxC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spacer component - flexible space that grows to fill available space
|
|
3
|
+
*/
|
|
4
|
+
/**
|
|
5
|
+
* Flexible spacer that expands to fill available space
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <box flexDirection="row">
|
|
10
|
+
* <text>Left</text>
|
|
11
|
+
* <Spacer />
|
|
12
|
+
* <text>Right</text>
|
|
13
|
+
* </box>
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
export function Spacer(props) {
|
|
17
|
+
// Build props object without undefined values to satisfy exactOptionalPropertyTypes
|
|
18
|
+
const boxProps = {
|
|
19
|
+
flexGrow: props.grow ?? 1,
|
|
20
|
+
};
|
|
21
|
+
if (props.minHeight !== undefined)
|
|
22
|
+
boxProps.minHeight = props.minHeight;
|
|
23
|
+
if (props.minWidth !== undefined)
|
|
24
|
+
boxProps.minWidth = props.minWidth;
|
|
25
|
+
return <box {...boxProps}/>;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=spacer.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacer.jsx","sourceRoot":"","sources":["../../src/components/spacer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAWH;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,oFAAoF;IACpF,MAAM,QAAQ,GAAgE;QAC7E,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC;KACzB,CAAA;IACD,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;QAAE,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IACvE,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;QAAE,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAEpE,OAAO,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,EAAG,CAAA;AAC7B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { JSX } from "@opentui/solid";
|
|
2
|
+
export type ToastVariant = "info" | "success" | "warning" | "error";
|
|
3
|
+
export interface ToastItem {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
variant?: ToastVariant;
|
|
8
|
+
}
|
|
9
|
+
export type ToastViewportPosition = "top-right" | "bottom-right" | "top-left" | "bottom-left";
|
|
10
|
+
export type ToastViewportProps = Omit<JSX.IntrinsicElements["box"], "children"> & {
|
|
11
|
+
toasts: ToastItem[];
|
|
12
|
+
position?: ToastViewportPosition;
|
|
13
|
+
maxToasts?: number;
|
|
14
|
+
};
|
|
15
|
+
export declare function ToastViewport(props: ToastViewportProps): JSX.Element;
|
|
16
|
+
export declare function Toast(props: {
|
|
17
|
+
toast: ToastItem;
|
|
18
|
+
}): JSX.Element;
|
|
19
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAMzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,YAAY,CAAA;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,CAAA;AAE7F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAgCpE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CA6B9D"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { For, Show, splitProps } from "solid-js";
|
|
2
|
+
import { useTheme } from "../context/theme.js";
|
|
3
|
+
import { Badge } from "./badge.js";
|
|
4
|
+
import { Panel } from "./panel.js";
|
|
5
|
+
export function ToastViewport(props) {
|
|
6
|
+
const [local, rest] = splitProps(props, ["toasts", "position", "maxToasts"]);
|
|
7
|
+
const position = () => local.position ?? "top-right";
|
|
8
|
+
const maxToasts = () => local.maxToasts ?? 3;
|
|
9
|
+
const anchorProps = () => {
|
|
10
|
+
switch (position()) {
|
|
11
|
+
case "top-left":
|
|
12
|
+
return { top: 1, left: 2 };
|
|
13
|
+
case "bottom-left":
|
|
14
|
+
return { bottom: 1, left: 2 };
|
|
15
|
+
case "bottom-right":
|
|
16
|
+
return { bottom: 1, right: 2 };
|
|
17
|
+
case "top-right":
|
|
18
|
+
default:
|
|
19
|
+
return { top: 1, right: 2 };
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return (<box position="absolute" zIndex={1000} flexDirection="column" gap={1} {...anchorProps()} {...rest}>
|
|
23
|
+
<For each={local.toasts.slice(0, maxToasts())}>{(toast) => <Toast toast={toast}/>}</For>
|
|
24
|
+
</box>);
|
|
25
|
+
}
|
|
26
|
+
export function Toast(props) {
|
|
27
|
+
const { theme } = useTheme();
|
|
28
|
+
const borderColor = () => {
|
|
29
|
+
switch (props.toast.variant ?? "info") {
|
|
30
|
+
case "success":
|
|
31
|
+
return theme.success;
|
|
32
|
+
case "warning":
|
|
33
|
+
return theme.warning;
|
|
34
|
+
case "error":
|
|
35
|
+
return theme.error;
|
|
36
|
+
case "info":
|
|
37
|
+
default:
|
|
38
|
+
return theme.info;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return (<Panel variant="menu" borderColor={borderColor()} paddingX={1} paddingY={0}>
|
|
42
|
+
<box flexDirection="row" gap={1} alignItems="center">
|
|
43
|
+
<Badge label={(props.toast.variant ?? "info").toUpperCase()} variant={props.toast.variant ?? "info"}/>
|
|
44
|
+
<text fg={theme.text}>{props.toast.title}</text>
|
|
45
|
+
</box>
|
|
46
|
+
<Show when={props.toast.message}>
|
|
47
|
+
<box height={1}/>
|
|
48
|
+
<text fg={theme.textMuted}>{props.toast.message}</text>
|
|
49
|
+
</Show>
|
|
50
|
+
</Panel>);
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=toast.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.jsx","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Terminal context - provides access to renderer and dimensions
|
|
3
|
+
* Re-exports OpenTUI's hooks for convenience
|
|
4
|
+
*/
|
|
5
|
+
export type { CliRenderer, KeyEvent, PasteEvent, Selection } from "@opentui/core";
|
|
6
|
+
export { onResize, RendererContext, useRenderer, useSelectionHandler, useTerminalDimensions, } from "@opentui/solid";
|
|
7
|
+
//# sourceMappingURL=terminal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../src/context/terminal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EACN,QAAQ,EACR,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,qBAAqB,GACrB,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Terminal context - provides access to renderer and dimensions
|
|
3
|
+
* Re-exports OpenTUI's hooks for convenience
|
|
4
|
+
*/
|
|
5
|
+
export { onResize, RendererContext, useRenderer, useSelectionHandler, useTerminalDimensions, } from "@opentui/solid";
|
|
6
|
+
//# sourceMappingURL=terminal.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"terminal.jsx","sourceRoot":"","sources":["../../src/context/terminal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACN,QAAQ,EACR,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,qBAAqB,GACrB,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme context - provides theming for TUI components
|
|
3
|
+
*/
|
|
4
|
+
import type { ColorInput } from "@opentui/core";
|
|
5
|
+
import { RGBA, SyntaxStyle } from "@opentui/core";
|
|
6
|
+
import type { Accessor, JSX, ParentProps } from "solid-js";
|
|
7
|
+
type HexColor = `#${string}`;
|
|
8
|
+
type RefName = string;
|
|
9
|
+
type Variant = {
|
|
10
|
+
dark: HexColor | RefName;
|
|
11
|
+
light: HexColor | RefName;
|
|
12
|
+
};
|
|
13
|
+
type ColorValue = HexColor | RefName | Variant | RGBA;
|
|
14
|
+
interface ThemeJson {
|
|
15
|
+
$schema?: string;
|
|
16
|
+
defs?: Record<string, HexColor | RefName>;
|
|
17
|
+
theme: Record<string, ColorValue>;
|
|
18
|
+
}
|
|
19
|
+
export declare const BUILTIN_THEMES: Record<string, ThemeJson>;
|
|
20
|
+
/**
|
|
21
|
+
* Theme color definitions
|
|
22
|
+
*/
|
|
23
|
+
export interface ThemeColors {
|
|
24
|
+
primary: RGBA;
|
|
25
|
+
secondary: RGBA;
|
|
26
|
+
accent: RGBA;
|
|
27
|
+
error: RGBA;
|
|
28
|
+
warning: RGBA;
|
|
29
|
+
success: RGBA;
|
|
30
|
+
info: RGBA;
|
|
31
|
+
text: RGBA;
|
|
32
|
+
textMuted: RGBA;
|
|
33
|
+
background: RGBA;
|
|
34
|
+
backgroundPanel: RGBA;
|
|
35
|
+
backgroundElement: RGBA;
|
|
36
|
+
backgroundMenu: RGBA;
|
|
37
|
+
border: RGBA;
|
|
38
|
+
borderSubtle: RGBA;
|
|
39
|
+
borderActive: RGBA;
|
|
40
|
+
selectionBg: RGBA;
|
|
41
|
+
selectionFg: RGBA;
|
|
42
|
+
diffAdded: RGBA;
|
|
43
|
+
diffRemoved: RGBA;
|
|
44
|
+
diffContext: RGBA;
|
|
45
|
+
diffAddedBg: RGBA;
|
|
46
|
+
diffRemovedBg: RGBA;
|
|
47
|
+
diffContextBg: RGBA;
|
|
48
|
+
diffLineNumberFg: RGBA;
|
|
49
|
+
diffLineNumberBg: RGBA;
|
|
50
|
+
diffAddedLineNumberBg: RGBA;
|
|
51
|
+
diffRemovedLineNumberBg: RGBA;
|
|
52
|
+
diffAddedSign: RGBA;
|
|
53
|
+
diffRemovedSign: RGBA;
|
|
54
|
+
diffHighlightAddedBg: RGBA;
|
|
55
|
+
diffHighlightRemovedBg: RGBA;
|
|
56
|
+
markdownText: RGBA;
|
|
57
|
+
markdownHeading: RGBA;
|
|
58
|
+
markdownLink: RGBA;
|
|
59
|
+
markdownLinkUrl: RGBA;
|
|
60
|
+
markdownCode: RGBA;
|
|
61
|
+
markdownCodeBlock: RGBA;
|
|
62
|
+
markdownCodeBlockBorder: RGBA;
|
|
63
|
+
markdownBlockQuote: RGBA;
|
|
64
|
+
markdownBlockQuoteBorder: RGBA;
|
|
65
|
+
markdownHr: RGBA;
|
|
66
|
+
markdownListBullet: RGBA;
|
|
67
|
+
markdownStrong: RGBA;
|
|
68
|
+
markdownEmph: RGBA;
|
|
69
|
+
markdownListEnumeration: RGBA;
|
|
70
|
+
markdownImage: RGBA;
|
|
71
|
+
markdownStrikethrough: RGBA;
|
|
72
|
+
syntaxComment: RGBA;
|
|
73
|
+
syntaxString: RGBA;
|
|
74
|
+
syntaxKeyword: RGBA;
|
|
75
|
+
syntaxFunction: RGBA;
|
|
76
|
+
syntaxVariable: RGBA;
|
|
77
|
+
syntaxType: RGBA;
|
|
78
|
+
syntaxNumber: RGBA;
|
|
79
|
+
syntaxConstant: RGBA;
|
|
80
|
+
syntaxOperator: RGBA;
|
|
81
|
+
syntaxPunctuation: RGBA;
|
|
82
|
+
syntaxProperty: RGBA;
|
|
83
|
+
syntaxTag: RGBA;
|
|
84
|
+
syntaxAttribute: RGBA;
|
|
85
|
+
}
|
|
86
|
+
export type Theme = ThemeColors;
|
|
87
|
+
export type ThemeMode = "dark" | "light";
|
|
88
|
+
export type SyntaxVariant = "normal" | "subtle";
|
|
89
|
+
export declare function createSyntaxStyle(theme: Theme, variant?: SyntaxVariant): SyntaxStyle;
|
|
90
|
+
interface ThemeContextValue {
|
|
91
|
+
theme: Theme;
|
|
92
|
+
mode: Accessor<ThemeMode>;
|
|
93
|
+
setMode: (mode: ThemeMode) => void;
|
|
94
|
+
syntaxStyle: SyntaxStyle;
|
|
95
|
+
subtleSyntaxStyle: SyntaxStyle;
|
|
96
|
+
themeName: Accessor<string>;
|
|
97
|
+
setTheme: (name: string) => void;
|
|
98
|
+
availableThemes: () => string[];
|
|
99
|
+
}
|
|
100
|
+
export interface ThemeProviderProps extends ParentProps {
|
|
101
|
+
/** Initial theme mode */
|
|
102
|
+
mode?: ThemeMode;
|
|
103
|
+
/** Initial theme name (default: "marvin") */
|
|
104
|
+
themeName?: string;
|
|
105
|
+
/** Custom theme overrides (applied on top of named theme) */
|
|
106
|
+
customTheme?: Partial<Theme>;
|
|
107
|
+
/** Callback when theme changes (for persistence) */
|
|
108
|
+
onThemeChange?: (name: string) => void;
|
|
109
|
+
}
|
|
110
|
+
export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
|
|
111
|
+
export declare function useTheme(): ThemeContextValue;
|
|
112
|
+
/**
|
|
113
|
+
* Parse a color input to RGBA
|
|
114
|
+
*/
|
|
115
|
+
export declare function toRGBA(color: ColorInput): RGBA;
|
|
116
|
+
export { RGBA } from "@opentui/core";
|
|
117
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/context/theme.tsx"],"names":[],"mappings":"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"}
|