@tooee/shell 0.1.9 → 0.1.12
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/command-palette-provider.d.ts +5 -0
- package/dist/command-palette-provider.d.ts.map +1 -0
- package/dist/command-palette-provider.js +28 -0
- package/dist/command-palette-provider.js.map +1 -0
- package/dist/commands.d.ts +9 -0
- package/dist/commands.d.ts.map +1 -1
- package/dist/commands.js +61 -11
- package/dist/commands.js.map +1 -1
- package/dist/copy-hook.d.ts +12 -0
- package/dist/copy-hook.d.ts.map +1 -0
- package/dist/copy-hook.js +35 -0
- package/dist/copy-hook.js.map +1 -0
- package/dist/copy-on-select.d.ts.map +1 -1
- package/dist/copy-on-select.js +1 -3
- package/dist/copy-on-select.js.map +1 -1
- package/dist/index.d.ts +8 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/navigation.d.ts +24 -0
- package/dist/navigation.d.ts.map +1 -0
- package/dist/navigation.js +239 -0
- package/dist/navigation.js.map +1 -0
- package/dist/provider.d.ts.map +1 -1
- package/dist/provider.js +4 -1
- package/dist/provider.js.map +1 -1
- package/dist/search-hook.d.ts +14 -0
- package/dist/search-hook.d.ts.map +1 -0
- package/dist/search-hook.js +120 -0
- package/dist/search-hook.js.map +1 -0
- package/dist/theme-picker.js +1 -1
- package/dist/theme-picker.js.map +1 -1
- package/package.json +20 -20
- package/src/command-palette-provider.tsx +39 -0
- package/src/commands.ts +64 -11
- package/src/copy-hook.ts +45 -0
- package/src/copy-on-select.ts +1 -4
- package/src/index.ts +15 -5
- package/src/navigation.ts +297 -0
- package/src/provider.tsx +6 -1
- package/src/search-hook.ts +147 -0
- package/src/theme-picker.ts +1 -1
- package/dist/command-palette.d.ts +0 -9
- package/dist/command-palette.d.ts.map +0 -1
- package/dist/command-palette.js +0 -51
- package/dist/command-palette.js.map +0 -1
- package/dist/modal.d.ts +0 -33
- package/dist/modal.d.ts.map +0 -1
- package/dist/modal.js +0 -394
- package/dist/modal.js.map +0 -1
- package/src/command-palette.ts +0 -73
- package/src/modal.ts +0 -449
package/dist/provider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAa,MAAM,iBAAiB,CAAA;AACtF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAa,MAAM,iBAAiB,CAAA;AACtF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAetD,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EAAE,eAAe,EACvB,WAAW,GACQ;IACnB,OAAO,CACL,KAAC,cAAc,IAAC,SAAS,EAAE,eAAe,YACxC,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,YACzD,QAAQ,GACU,GACN,CAClB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,WAAW,GAKZ;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,KAAC,qBAAqB,IAAC,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,YACtF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,YAC5E,KAAC,aAAa,cACZ,KAAC,kBAAkB,cACjB,KAAC,eAAe,cACd,KAAC,sBAAsB,cAAE,QAAQ,GAA0B,GAC3C,GACC,GACP,GACA,GACI,CACzB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IAC/D,MAAM,eAAe,GAAG,QAAQ,EAAE,CAAA;IAElC,wBAAwB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,eAAe;KACvB,CAAC,CAAC,CAAA;IAEH,eAAe,EAAE,CAAA;IACjB,sBAAsB,EAAE,CAAA;IAExB,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface UseSearchOptions {
|
|
2
|
+
match: (query: string) => number[];
|
|
3
|
+
onJump: (index: number) => void;
|
|
4
|
+
}
|
|
5
|
+
export interface SearchState {
|
|
6
|
+
searchQuery: string;
|
|
7
|
+
searchActive: boolean;
|
|
8
|
+
setSearchQuery: (query: string) => void;
|
|
9
|
+
matchingLines: number[];
|
|
10
|
+
currentMatchIndex: number;
|
|
11
|
+
submitSearch: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function useSearch({ match, onJump }: UseSearchOptions): SearchState;
|
|
14
|
+
//# sourceMappingURL=search-hook.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-hook.d.ts","sourceRoot":"","sources":["../src/search-hook.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,CAAA;IAClC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAMD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,WAAW,CA6H1E"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { useCallback, useMemo, useRef, useState } from "react";
|
|
2
|
+
import { useCommand, useMode, useSetMode } from "@tooee/commands";
|
|
3
|
+
const EMPTY = [];
|
|
4
|
+
const CURSOR_MODES = ["cursor"];
|
|
5
|
+
const ALL_MODES = ["cursor", "select", "insert"];
|
|
6
|
+
export function useSearch({ match, onJump }) {
|
|
7
|
+
const mode = useMode();
|
|
8
|
+
const setMode = useSetMode();
|
|
9
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
10
|
+
const [searchActive, setSearchActive] = useState(false);
|
|
11
|
+
const [currentMatchIndex, setCurrentMatchIndex] = useState(0);
|
|
12
|
+
const [committedQuery, setCommittedQuery] = useState("");
|
|
13
|
+
const preSearchModeRef = useRef("cursor");
|
|
14
|
+
const matchRef = useRef(match);
|
|
15
|
+
matchRef.current = match;
|
|
16
|
+
const onJumpRef = useRef(onJump);
|
|
17
|
+
onJumpRef.current = onJump;
|
|
18
|
+
const activeQuery = searchActive ? searchQuery : committedQuery;
|
|
19
|
+
const matchingLines = useMemo(() => {
|
|
20
|
+
if (!activeQuery)
|
|
21
|
+
return EMPTY;
|
|
22
|
+
return matchRef.current(activeQuery);
|
|
23
|
+
}, [activeQuery]);
|
|
24
|
+
const matchingLinesRef = useRef(matchingLines);
|
|
25
|
+
matchingLinesRef.current = matchingLines;
|
|
26
|
+
// Imperatively set search query, reset match index, and jump to first match.
|
|
27
|
+
const updateSearchQuery = useCallback((query) => {
|
|
28
|
+
setSearchQuery(query);
|
|
29
|
+
setCurrentMatchIndex(0);
|
|
30
|
+
const matches = query ? matchRef.current(query) : [];
|
|
31
|
+
if (matches[0] != null) {
|
|
32
|
+
onJumpRef.current(matches[0]);
|
|
33
|
+
}
|
|
34
|
+
}, []);
|
|
35
|
+
useCommand({
|
|
36
|
+
id: "cursor-search-start",
|
|
37
|
+
title: "Search",
|
|
38
|
+
hotkey: "/",
|
|
39
|
+
modes: CURSOR_MODES,
|
|
40
|
+
handler: () => {
|
|
41
|
+
preSearchModeRef.current = mode;
|
|
42
|
+
setSearchActive(true);
|
|
43
|
+
setSearchQuery("");
|
|
44
|
+
setMode("insert");
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
useCommand({
|
|
48
|
+
id: "cursor-search-next",
|
|
49
|
+
title: "Next match",
|
|
50
|
+
hotkey: "n",
|
|
51
|
+
modes: CURSOR_MODES,
|
|
52
|
+
when: () => !searchActive,
|
|
53
|
+
handler: () => {
|
|
54
|
+
const matches = matchingLinesRef.current;
|
|
55
|
+
if (matches.length === 0)
|
|
56
|
+
return;
|
|
57
|
+
setCurrentMatchIndex((index) => {
|
|
58
|
+
const nextIndex = (index + 1) % matches.length;
|
|
59
|
+
const nextMatch = matches[nextIndex];
|
|
60
|
+
if (nextMatch != null) {
|
|
61
|
+
onJumpRef.current(nextMatch);
|
|
62
|
+
}
|
|
63
|
+
return nextIndex;
|
|
64
|
+
});
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
useCommand({
|
|
68
|
+
id: "cursor-search-prev",
|
|
69
|
+
title: "Previous match",
|
|
70
|
+
hotkey: "shift+n",
|
|
71
|
+
modes: CURSOR_MODES,
|
|
72
|
+
when: () => !searchActive,
|
|
73
|
+
handler: () => {
|
|
74
|
+
const matches = matchingLinesRef.current;
|
|
75
|
+
if (matches.length === 0)
|
|
76
|
+
return;
|
|
77
|
+
setCurrentMatchIndex((index) => {
|
|
78
|
+
const nextIndex = (index - 1 + matches.length) % matches.length;
|
|
79
|
+
const nextMatch = matches[nextIndex];
|
|
80
|
+
if (nextMatch != null) {
|
|
81
|
+
onJumpRef.current(nextMatch);
|
|
82
|
+
}
|
|
83
|
+
return nextIndex;
|
|
84
|
+
});
|
|
85
|
+
},
|
|
86
|
+
});
|
|
87
|
+
useCommand({
|
|
88
|
+
id: "search-cancel",
|
|
89
|
+
title: "Cancel search",
|
|
90
|
+
hotkey: "escape",
|
|
91
|
+
modes: ALL_MODES,
|
|
92
|
+
when: () => searchActive,
|
|
93
|
+
handler: () => {
|
|
94
|
+
setSearchActive(false);
|
|
95
|
+
setSearchQuery("");
|
|
96
|
+
setCommittedQuery("");
|
|
97
|
+
setCurrentMatchIndex(0);
|
|
98
|
+
setMode(preSearchModeRef.current);
|
|
99
|
+
},
|
|
100
|
+
});
|
|
101
|
+
const submitSearch = useCallback(() => {
|
|
102
|
+
setCommittedQuery(searchQuery);
|
|
103
|
+
setSearchActive(false);
|
|
104
|
+
setCurrentMatchIndex(0);
|
|
105
|
+
const matches = searchQuery ? matchRef.current(searchQuery) : [];
|
|
106
|
+
if (matches[0] != null) {
|
|
107
|
+
onJumpRef.current(matches[0]);
|
|
108
|
+
}
|
|
109
|
+
setMode(preSearchModeRef.current);
|
|
110
|
+
}, [searchQuery, setMode]);
|
|
111
|
+
return {
|
|
112
|
+
searchQuery,
|
|
113
|
+
searchActive,
|
|
114
|
+
setSearchQuery: updateSearchQuery,
|
|
115
|
+
matchingLines,
|
|
116
|
+
currentMatchIndex,
|
|
117
|
+
submitSearch,
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=search-hook.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-hook.js","sourceRoot":"","sources":["../src/search-hook.ts"],"names":[],"mappings":"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"}
|
package/dist/theme-picker.js
CHANGED
|
@@ -19,7 +19,7 @@ export function useThemePicker() {
|
|
|
19
19
|
overlay.hide(OVERLAY_ID);
|
|
20
20
|
}, [setTheme, overlay]);
|
|
21
21
|
const confirm = useCallback((name) => {
|
|
22
|
-
setTheme(name);
|
|
22
|
+
setTheme(name, { persist: true });
|
|
23
23
|
setIsOpen(false);
|
|
24
24
|
overlay.hide(OVERLAY_ID);
|
|
25
25
|
}, [setTheme, overlay]);
|
package/dist/theme-picker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-picker.js","sourceRoot":"","sources":["../src/theme-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAkB5D,MAAM,UAAU,GAAG,cAAc,CAAA;AAEjC,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACtE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,MAAM,CAAS,YAAY,CAAC,CAAA;IAErD,MAAM,OAAO,GAAuB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;QACnE,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC,CAAA;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAClC,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"theme-picker.js","sourceRoot":"","sources":["../src/theme-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAkB5D,MAAM,UAAU,GAAG,cAAc,CAAA;AAEjC,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACtE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,MAAM,CAAS,YAAY,CAAC,CAAA;IAErD,MAAM,OAAO,GAAuB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;QACnE,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC,CAAA;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAClC,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACjC,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IAED,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,gBAAgB,CAAC,OAAO,GAAG,YAAY,CAAA;QACvC,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,OAAO,CAAC,IAAI,CACV,UAAU,EACV,CAAC,EAAE,KAAK,EAAoD,EAAE,EAAE,CAC9D,aAAa,CAAC,kBAAkB,EAAE;YAChC,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE;SACrB,CAAC,EACJ,IAAI,EACJ,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAC3E,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,OAAO;QACP,OAAO;QACP,OAAO;QACP,aAAa,EAAE,gBAAgB,CAAC,OAAO;QACvC,YAAY;KACb,CAAA;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tooee/shell",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"description": "Composition layer wiring Tooee apps together",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"cli",
|
|
7
|
+
"opentui",
|
|
8
|
+
"terminal",
|
|
9
|
+
"tui"
|
|
10
|
+
],
|
|
11
|
+
"homepage": "https://github.com/gingerhendrix/tooee",
|
|
12
|
+
"bugs": "https://github.com/gingerhendrix/tooee/issues",
|
|
5
13
|
"license": "MIT",
|
|
6
14
|
"author": "Gareth Andrew",
|
|
7
15
|
"repository": {
|
|
@@ -9,13 +17,9 @@
|
|
|
9
17
|
"url": "https://github.com/gingerhendrix/tooee.git",
|
|
10
18
|
"directory": "packages/shell"
|
|
11
19
|
},
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"tui",
|
|
16
|
-
"terminal",
|
|
17
|
-
"cli",
|
|
18
|
-
"opentui"
|
|
20
|
+
"files": [
|
|
21
|
+
"dist",
|
|
22
|
+
"src"
|
|
19
23
|
],
|
|
20
24
|
"type": "module",
|
|
21
25
|
"exports": {
|
|
@@ -26,22 +30,18 @@
|
|
|
26
30
|
}
|
|
27
31
|
}
|
|
28
32
|
},
|
|
29
|
-
"files": [
|
|
30
|
-
"dist",
|
|
31
|
-
"src"
|
|
32
|
-
],
|
|
33
33
|
"scripts": {
|
|
34
34
|
"typecheck": "tsc --noEmit"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tooee/
|
|
38
|
-
"@tooee/
|
|
39
|
-
"@tooee/
|
|
40
|
-
"@tooee/
|
|
41
|
-
"@tooee/
|
|
42
|
-
"@tooee/
|
|
43
|
-
"@tooee/
|
|
44
|
-
"@tooee/
|
|
37
|
+
"@tooee/clipboard": "0.1.12",
|
|
38
|
+
"@tooee/commands": "0.1.12",
|
|
39
|
+
"@tooee/config": "0.1.12",
|
|
40
|
+
"@tooee/layout": "0.1.12",
|
|
41
|
+
"@tooee/overlays": "0.1.12",
|
|
42
|
+
"@tooee/renderers": "0.1.12",
|
|
43
|
+
"@tooee/themes": "0.1.12",
|
|
44
|
+
"@tooee/toasts": "0.1.12"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@opentui/core": "^0.1.86",
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { useCallback, useRef, type ReactNode } from "react"
|
|
2
|
+
import { createElement } from "react"
|
|
3
|
+
import { useCommand, useMode } from "@tooee/commands"
|
|
4
|
+
import type { Mode } from "@tooee/commands"
|
|
5
|
+
import { useOverlay } from "@tooee/overlays"
|
|
6
|
+
import type { OverlayCloseReason } from "@tooee/overlays"
|
|
7
|
+
import { CommandPaletteOverlay } from "./CommandPaletteOverlay.js"
|
|
8
|
+
|
|
9
|
+
const OVERLAY_ID = "command-palette"
|
|
10
|
+
|
|
11
|
+
export function CommandPaletteProvider({ children }: { children: ReactNode }) {
|
|
12
|
+
const mode = useMode()
|
|
13
|
+
const overlay = useOverlay()
|
|
14
|
+
const launchModeRef = useRef<Mode>(mode)
|
|
15
|
+
|
|
16
|
+
const open = useCallback(() => {
|
|
17
|
+
launchModeRef.current = mode
|
|
18
|
+
overlay.open(
|
|
19
|
+
OVERLAY_ID,
|
|
20
|
+
({ close }: { close: (reason?: OverlayCloseReason) => void }) =>
|
|
21
|
+
createElement(CommandPaletteOverlay, {
|
|
22
|
+
launchMode: mode,
|
|
23
|
+
close: () => close(),
|
|
24
|
+
}),
|
|
25
|
+
null,
|
|
26
|
+
{ mode: "insert", dismissOnEscape: true },
|
|
27
|
+
)
|
|
28
|
+
}, [overlay, mode])
|
|
29
|
+
|
|
30
|
+
useCommand({
|
|
31
|
+
id: "command-palette",
|
|
32
|
+
title: "Command Palette",
|
|
33
|
+
hotkey: ":",
|
|
34
|
+
modes: ["cursor", "select"],
|
|
35
|
+
handler: open,
|
|
36
|
+
})
|
|
37
|
+
|
|
38
|
+
return <>{children}</>
|
|
39
|
+
}
|
package/src/commands.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { useEffect, useRef } from "react"
|
|
2
1
|
import { useRenderer } from "@opentui/react"
|
|
3
|
-
import { copyToClipboard } from "@tooee/clipboard"
|
|
2
|
+
import { copyToClipboard, readClipboardText, readPrimaryText } from "@tooee/clipboard"
|
|
4
3
|
import { useCommand, type CommandWhen } from "@tooee/commands"
|
|
5
4
|
import { useToast } from "@tooee/toasts"
|
|
6
5
|
import { useThemePicker, type ThemePickerState } from "./theme-picker.js"
|
|
@@ -12,14 +11,14 @@ export function useThemeCommands(opts?: { when?: CommandWhen }): {
|
|
|
12
11
|
const picker = useThemePicker()
|
|
13
12
|
const { toast } = useToast()
|
|
14
13
|
|
|
15
|
-
//
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
14
|
+
// Wrap picker.confirm to toast on theme selection (event-driven, not effect-driven)
|
|
15
|
+
const confirmedPicker: ThemePickerState = {
|
|
16
|
+
...picker,
|
|
17
|
+
confirm: (name: string) => {
|
|
18
|
+
picker.confirm(name)
|
|
19
|
+
toast({ message: `Theme: ${name}`, level: "info", id: "theme-changed" })
|
|
20
|
+
},
|
|
21
|
+
}
|
|
23
22
|
|
|
24
23
|
useCommand({
|
|
25
24
|
id: "cycle-theme",
|
|
@@ -31,7 +30,7 @@ export function useThemeCommands(opts?: { when?: CommandWhen }): {
|
|
|
31
30
|
},
|
|
32
31
|
})
|
|
33
32
|
|
|
34
|
-
return { name: picker.currentTheme, picker }
|
|
33
|
+
return { name: picker.currentTheme, picker: confirmedPicker }
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
export function useQuitCommand(opts?: {
|
|
@@ -74,6 +73,60 @@ export function useCopyCommand(opts: { getText: () => string | undefined; when?:
|
|
|
74
73
|
})
|
|
75
74
|
}
|
|
76
75
|
|
|
76
|
+
export function usePasteCommands(opts: {
|
|
77
|
+
getTarget: () => { insertText: (text: string) => void } | null
|
|
78
|
+
when?: CommandWhen
|
|
79
|
+
}) {
|
|
80
|
+
useCommand({
|
|
81
|
+
id: "paste-clipboard",
|
|
82
|
+
title: "Paste from clipboard",
|
|
83
|
+
hotkey: "p",
|
|
84
|
+
when: opts.when,
|
|
85
|
+
handler: (ctx) => {
|
|
86
|
+
const target = opts.getTarget()
|
|
87
|
+
if (!target) return
|
|
88
|
+
void readClipboardText().then((text) => {
|
|
89
|
+
if (text) {
|
|
90
|
+
target.insertText(text)
|
|
91
|
+
} else {
|
|
92
|
+
ctx.toast.toast({ message: "Clipboard empty", level: "warning" })
|
|
93
|
+
}
|
|
94
|
+
})
|
|
95
|
+
},
|
|
96
|
+
})
|
|
97
|
+
|
|
98
|
+
useCommand({
|
|
99
|
+
id: "paste-primary",
|
|
100
|
+
title: "Paste from selection",
|
|
101
|
+
when: opts.when,
|
|
102
|
+
handler: (ctx) => {
|
|
103
|
+
const target = opts.getTarget()
|
|
104
|
+
if (!target) return
|
|
105
|
+
void readPrimaryText().then((text) => {
|
|
106
|
+
if (text) {
|
|
107
|
+
target.insertText(text)
|
|
108
|
+
} else {
|
|
109
|
+
ctx.toast.toast({ message: "Selection empty", level: "warning" })
|
|
110
|
+
}
|
|
111
|
+
})
|
|
112
|
+
},
|
|
113
|
+
})
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export function useDebugConsoleCommand(opts?: { when?: CommandWhen }) {
|
|
117
|
+
const renderer = useRenderer()
|
|
118
|
+
|
|
119
|
+
useCommand({
|
|
120
|
+
id: "toggle-debug-console",
|
|
121
|
+
title: "Toggle debug console",
|
|
122
|
+
hotkey: "ctrl+shift+j",
|
|
123
|
+
when: opts?.when,
|
|
124
|
+
handler: () => {
|
|
125
|
+
renderer.console.toggle()
|
|
126
|
+
},
|
|
127
|
+
})
|
|
128
|
+
}
|
|
129
|
+
|
|
77
130
|
export function useToggleLineNumbersCommand(opts: {
|
|
78
131
|
showLineNumbers: boolean
|
|
79
132
|
onToggle: () => void
|
package/src/copy-hook.ts
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { useCommand, useSetMode } from "@tooee/commands"
|
|
2
|
+
import { copyToClipboard } from "@tooee/clipboard"
|
|
3
|
+
import type { Position } from "./navigation.js"
|
|
4
|
+
|
|
5
|
+
export interface UseCopyOptions {
|
|
6
|
+
getRowText: (index: number) => string
|
|
7
|
+
cursor: Position | null
|
|
8
|
+
selection: { start: Position; end: Position } | null
|
|
9
|
+
toggledIndices: Set<number>
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export function useCopy({ getRowText, cursor, selection, toggledIndices }: UseCopyOptions): void {
|
|
13
|
+
const setMode = useSetMode()
|
|
14
|
+
|
|
15
|
+
useCommand({
|
|
16
|
+
id: "select-copy",
|
|
17
|
+
title: "Copy selection",
|
|
18
|
+
hotkey: "y",
|
|
19
|
+
modes: ["select"],
|
|
20
|
+
handler: () => {
|
|
21
|
+
let text = ""
|
|
22
|
+
|
|
23
|
+
if (toggledIndices.size > 0) {
|
|
24
|
+
text = Array.from(toggledIndices)
|
|
25
|
+
.sort((left, right) => left - right)
|
|
26
|
+
.map((index) => getRowText(index))
|
|
27
|
+
.join("\n")
|
|
28
|
+
} else if (selection) {
|
|
29
|
+
const rows: string[] = []
|
|
30
|
+
for (let index = selection.start.line; index <= selection.end.line; index++) {
|
|
31
|
+
rows.push(getRowText(index))
|
|
32
|
+
}
|
|
33
|
+
text = rows.join("\n")
|
|
34
|
+
} else if (cursor) {
|
|
35
|
+
text = getRowText(cursor.line)
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
if (text) {
|
|
39
|
+
void copyToClipboard(text)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
setMode("cursor")
|
|
43
|
+
},
|
|
44
|
+
})
|
|
45
|
+
}
|
package/src/copy-on-select.ts
CHANGED
|
@@ -13,10 +13,7 @@ export function useCopyOnSelect() {
|
|
|
13
13
|
const copyOnSelect = config.view?.copyOnSelect
|
|
14
14
|
|
|
15
15
|
// Default: on for Linux, off elsewhere
|
|
16
|
-
const effective =
|
|
17
|
-
copyOnSelect === undefined
|
|
18
|
-
? platform() === "linux"
|
|
19
|
-
: copyOnSelect
|
|
16
|
+
const effective = copyOnSelect === undefined ? platform() === "linux" : copyOnSelect
|
|
20
17
|
|
|
21
18
|
if (!effective) return
|
|
22
19
|
|
package/src/index.ts
CHANGED
|
@@ -1,11 +1,21 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export {
|
|
2
|
+
useThemeCommands,
|
|
3
|
+
useQuitCommand,
|
|
4
|
+
useCopyCommand,
|
|
5
|
+
usePasteCommands,
|
|
6
|
+
useToggleLineNumbersCommand,
|
|
7
|
+
useDebugConsoleCommand,
|
|
8
|
+
} from "./commands.js"
|
|
9
|
+
export { useNavigation } from "./navigation.js"
|
|
10
|
+
export type { UseNavigationOptions, NavigationState, Position } from "./navigation.js"
|
|
11
|
+
export { useSearch } from "./search-hook.js"
|
|
12
|
+
export type { UseSearchOptions, SearchState } from "./search-hook.js"
|
|
13
|
+
export { useCopy } from "./copy-hook.js"
|
|
14
|
+
export type { UseCopyOptions } from "./copy-hook.js"
|
|
4
15
|
export { findMatchingLines } from "./search.js"
|
|
5
16
|
export { TooeeProvider } from "./provider.js"
|
|
6
17
|
export { launchCli, guardTerminalHealth } from "./launch.js"
|
|
7
|
-
export {
|
|
8
|
-
export type { CommandPaletteState } from "./command-palette.js"
|
|
18
|
+
export { CommandPaletteProvider } from "./command-palette-provider.js"
|
|
9
19
|
export { useThemePicker } from "./theme-picker.js"
|
|
10
20
|
export type { ThemePickerState, ThemePickerEntry } from "./theme-picker.js"
|
|
11
21
|
export { OverlayProvider } from "./overlay.js"
|