@siegesailor/terminal-sigma 1.3.0 → 1.4.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/README.md +81 -37
- package/build/app.js +241 -95
- package/build/app.js.map +1 -1
- package/build/components/autocomplete-input.js +57 -0
- package/build/components/autocomplete-input.js.map +1 -0
- package/build/components/character.js +7 -4
- package/build/components/character.js.map +1 -1
- package/build/components/choice.js +11 -6
- package/build/components/choice.js.map +1 -1
- package/build/components/entry-form.js +43 -11
- package/build/components/entry-form.js.map +1 -1
- package/build/components/logs-view.js +9 -3
- package/build/components/logs-view.js.map +1 -1
- package/build/components/multi-choice.js +45 -0
- package/build/components/multi-choice.js.map +1 -0
- package/build/components/today-panel.js +17 -10
- package/build/components/today-panel.js.map +1 -1
- package/build/content.js +198 -66
- package/build/content.js.map +1 -1
- package/build/foods.js +159 -0
- package/build/foods.js.map +1 -0
- package/build/i18n.js +262 -36
- package/build/i18n.js.map +1 -1
- package/build/pixel-art.js +333 -413
- package/build/pixel-art.js.map +1 -1
- package/build/progress.js +33 -0
- package/build/progress.js.map +1 -1
- package/build/quotes.js +404 -220
- package/build/quotes.js.map +1 -1
- package/package.json +1 -1
- package/build/components/menu-grid.js +0 -44
- package/build/components/menu-grid.js.map +0 -1
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box, Text, useInput } from "ink";
|
|
3
|
+
import { usePalette } from "../theme.js";
|
|
4
|
+
// A text input that lists suggestions under itself as you type: ↑↓ picks one,
|
|
5
|
+
// Tab copies it into the text, and Enter takes the picked one or the text.
|
|
6
|
+
export default function AutocompleteInput({ placeholder, initialValue = "", suggest, onSubmit, }) {
|
|
7
|
+
const palette = usePalette();
|
|
8
|
+
const [text, setText] = React.useState(initialValue);
|
|
9
|
+
const [picked, setPicked] = React.useState(-1);
|
|
10
|
+
const suggestions = suggest(text);
|
|
11
|
+
useInput((input, key) => {
|
|
12
|
+
const highlighted = suggestions[picked];
|
|
13
|
+
if (key.return) {
|
|
14
|
+
onSubmit(highlighted ? highlighted.label : text, highlighted);
|
|
15
|
+
}
|
|
16
|
+
else if (key.upArrow) {
|
|
17
|
+
setPicked((current) => Math.max(current - 1, -1));
|
|
18
|
+
}
|
|
19
|
+
else if (key.downArrow) {
|
|
20
|
+
setPicked((current) => Math.min(current + 1, suggestions.length - 1));
|
|
21
|
+
}
|
|
22
|
+
else if (key.tab) {
|
|
23
|
+
const choice = highlighted ?? suggestions[0];
|
|
24
|
+
if (choice) {
|
|
25
|
+
setText(choice.label);
|
|
26
|
+
setPicked(-1);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
else if (key.backspace || key.delete) {
|
|
30
|
+
setText((current) => current.slice(0, -1));
|
|
31
|
+
setPicked(-1);
|
|
32
|
+
}
|
|
33
|
+
else if (input && !key.ctrl && !key.meta && !key.escape) {
|
|
34
|
+
setText((current) => current + input);
|
|
35
|
+
setPicked(-1);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
return (React.createElement(Box, { flexDirection: "column" },
|
|
39
|
+
React.createElement(Text, null,
|
|
40
|
+
text ? (React.createElement(Text, { color: palette.accent }, text)) : (React.createElement(Text, { dimColor: true }, placeholder)),
|
|
41
|
+
React.createElement(Text, { inverse: true }, " ")),
|
|
42
|
+
suggestions.map((suggestion, index) => {
|
|
43
|
+
const isPicked = index === picked;
|
|
44
|
+
return (React.createElement(Box, { key: suggestion.label, gap: 1 },
|
|
45
|
+
React.createElement(Box, { flexShrink: 0 },
|
|
46
|
+
React.createElement(Text, { color: palette.accent }, isPicked ? "❯" : " ")),
|
|
47
|
+
React.createElement(Text, { wrap: "truncate-end" },
|
|
48
|
+
React.createElement(Text, { bold: isPicked, color: isPicked ? palette.accent : undefined }, suggestion.label),
|
|
49
|
+
suggestion.tag ? (React.createElement(Text, { color: palette.soft },
|
|
50
|
+
" ",
|
|
51
|
+
suggestion.tag)) : null,
|
|
52
|
+
suggestion.detail ? (React.createElement(Text, { dimColor: true },
|
|
53
|
+
" ",
|
|
54
|
+
suggestion.detail)) : null)));
|
|
55
|
+
})));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=autocomplete-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete-input.js","sourceRoot":"","sources":["../../source/components/autocomplete-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,15 +2,17 @@ import React from "react";
|
|
|
2
2
|
import { Box, Text, useAnimation } from "ink";
|
|
3
3
|
import { composeScene, intervalOf, paletteOf, toSegments, } from "../pixel-art.js";
|
|
4
4
|
import { spinnerFrames, usePalette } from "../theme.js";
|
|
5
|
-
export default function Character({ name, level, levelNumber, activity,
|
|
5
|
+
export default function Character({ name, level, levelNumber, activity, look, mood, badges, label, width, }) {
|
|
6
6
|
const palette = usePalette();
|
|
7
7
|
const { frame } = useAnimation({ interval: intervalOf(activity) });
|
|
8
|
-
// Border and padding take 4 columns; the rest is the stage it
|
|
8
|
+
// Border and padding take 4 columns; the rest is the stage it roams.
|
|
9
9
|
const lines = toSegments(composeScene({
|
|
10
10
|
activity,
|
|
11
11
|
counter: frame,
|
|
12
12
|
level: levelNumber,
|
|
13
|
-
|
|
13
|
+
look,
|
|
14
|
+
mood,
|
|
15
|
+
badges,
|
|
14
16
|
width: width - 4,
|
|
15
17
|
}), paletteOf(palette));
|
|
16
18
|
return (React.createElement(Box, { borderColor: palette.border, borderStyle: "round", flexDirection: "column", flexShrink: 0, paddingX: 1, width: width },
|
|
@@ -22,6 +24,7 @@ export default function Character({ name, level, levelNumber, activity, body, la
|
|
|
22
24
|
, {
|
|
23
25
|
// eslint-disable-next-line react/no-array-index-key
|
|
24
26
|
key: column, backgroundColor: segment.backgroundColor, color: segment.color }, segment.text))))))),
|
|
25
|
-
React.createElement(
|
|
27
|
+
React.createElement(Box, { marginTop: 1 },
|
|
28
|
+
React.createElement(Text, { color: palette.accent, wrap: "truncate-end" }, `${spinnerFrames[frame % spinnerFrames.length] ?? "·"} ${label}`))));
|
|
26
29
|
}
|
|
27
30
|
//# sourceMappingURL=character.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"character.js","sourceRoot":"","sources":["../../source/components/character.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"character.js","sourceRoot":"","sources":["../../source/components/character.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAE9C,OAAO,EAGN,YAAY,EACZ,UAAU,EAEV,SAAS,EACT,UAAU,GACV,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAcxD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,GACW;IAChB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnE,qEAAqE;IACrE,MAAM,KAAK,GAAG,UAAU,CACvB,YAAY,CAAC;QACZ,QAAQ;QACR,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,WAAW;QAClB,IAAI;QACJ,IAAI;QACJ,MAAM;QACN,KAAK,EAAE,KAAK,GAAG,CAAC;KAChB,CAAC,EACF,SAAS,CAAC,OAAO,CAAC,CAClB,CAAC;IAEF,OAAO,CACN,oBAAC,GAAG,IACH,WAAW,EAAE,OAAO,CAAC,MAAM,EAC3B,WAAW,EAAC,OAAO,EACnB,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,KAAK;QAEZ,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;YAC1C,oBAAC,IAAI,IAAC,IAAI,QAAC,IAAI,EAAC,cAAc,IAC5B,IAAI,CACC;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,IAAG,KAAK,CAAQ,CACtC;QACN,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,UAAU,IAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAGzB,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,IACX,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAC9B,oBAAC,IAAI;QACJ,oDAAoD;;YAApD,oDAAoD;YACpD,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,OAAO,CAAC,eAAe,EACxC,KAAK,EAAE,OAAO,CAAC,KAAK,IAEnB,OAAO,CAAC,IAAI,CACP,CACP,CAAC,CACG,CACN,CAAC,CACG;QACN,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC;YAChB,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAC,cAAc,IAC9C,GAAG,aAAa,CAAC,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,KAAK,EAAE,CAC3D,CACF,CACD,CACN,CAAC;AACH,CAAC"}
|
|
@@ -3,23 +3,26 @@ import { Box, Text, useInput } from "ink";
|
|
|
3
3
|
import { usePalette } from "../theme.js";
|
|
4
4
|
// A vertical list in Claude Code's style. Unlike @inkjs/ui's Select, Enter on
|
|
5
5
|
// the preselected option still counts, which editing a saved value needs.
|
|
6
|
-
export default function Choice({ options, onSelect, onFocus, initialValue, isActive = true, }) {
|
|
6
|
+
export default function Choice({ options, onSelect, onFocus, initialValue, isActive = true, isNumbered = false, }) {
|
|
7
7
|
const palette = usePalette();
|
|
8
8
|
const [index, setIndex] = React.useState(() => Math.max(options.findIndex((option) => option.value === initialValue), 0));
|
|
9
9
|
useInput((input, key) => {
|
|
10
|
-
const
|
|
11
|
-
const next = (index + step + options.length) % options.length;
|
|
10
|
+
const focus = (next) => {
|
|
12
11
|
setIndex(next);
|
|
13
12
|
const option = options[next];
|
|
14
13
|
if (option) {
|
|
15
14
|
onFocus?.(option.value);
|
|
16
15
|
}
|
|
17
16
|
};
|
|
17
|
+
const count = options.length;
|
|
18
18
|
if (key.upArrow || input === "k") {
|
|
19
|
-
|
|
19
|
+
focus((index - 1 + count) % count);
|
|
20
20
|
}
|
|
21
21
|
else if (key.downArrow || input === "j") {
|
|
22
|
-
|
|
22
|
+
focus((index + 1) % count);
|
|
23
|
+
}
|
|
24
|
+
else if (isNumbered && /^[1-9]$/v.test(input)) {
|
|
25
|
+
focus(Math.min(Number(input), count) - 1);
|
|
23
26
|
}
|
|
24
27
|
else if (key.return) {
|
|
25
28
|
const option = options[index];
|
|
@@ -32,7 +35,9 @@ export default function Choice({ options, onSelect, onFocus, initialValue, isAct
|
|
|
32
35
|
const isFocused = optionIndex === index;
|
|
33
36
|
return (React.createElement(Box, { key: option.value, gap: 1 },
|
|
34
37
|
React.createElement(Text, { color: palette.accent }, isFocused ? "❯" : " "),
|
|
35
|
-
React.createElement(Text, { bold: isFocused, color: isFocused ? palette.accent : undefined },
|
|
38
|
+
React.createElement(Text, { bold: isFocused, color: isFocused ? palette.accent : undefined }, isNumbered
|
|
39
|
+
? `${optionIndex + 1}. ${option.label}`
|
|
40
|
+
: option.label),
|
|
36
41
|
option.hint));
|
|
37
42
|
})));
|
|
38
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"choice.js","sourceRoot":"","sources":["../../source/components/choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"choice.js","sourceRoot":"","sources":["../../source/components/choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiBzC,8EAA8E;AAC9E,0EAA0E;AAC1E,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,GACL;IACb,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC7C,IAAI,CAAC,GAAG,CACP,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC,EAC5D,CAAC,CACD,CACD,CAAC;IAEF,QAAQ,CACP,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACd,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEf,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAE7B,IAAI,MAAM,EAAE,CAAC;gBACZ,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACF,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC;QAE7B,IAAI,GAAG,CAAC,OAAO,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAClC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;QACpC,CAAC;aAAM,IAAI,GAAG,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC3C,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3C,CAAC;aAAM,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACvB,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;YAE9B,IAAI,MAAM,EAAE,CAAC;gBACZ,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;IACF,CAAC,EACD,EAAE,QAAQ,EAAE,CACZ,CAAC;IAEF,OAAO,CACN,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,IACzB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;QACpC,MAAM,SAAS,GAAG,WAAW,KAAK,KAAK,CAAC;QAExC,OAAO,CACN,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC;YAC7B,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,IAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAQ;YAC3D,oBAAC,IAAI,IACJ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAE5C,UAAU;gBACV,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,KAAK,MAAM,CAAC,KAAK,EAAE;gBACvC,CAAC,CAAC,MAAM,CAAC,KAAK,CACT;YACN,MAAM,CAAC,IAAI,CACP,CACN,CAAC;IACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC"}
|
|
@@ -3,16 +3,33 @@ import { TextInput } from "@inkjs/ui";
|
|
|
3
3
|
import { Box, Text } from "ink";
|
|
4
4
|
import { parseWholeNumber } from "../progress.js";
|
|
5
5
|
import { usePalette } from "../theme.js";
|
|
6
|
+
import AutocompleteInput from "./autocomplete-input.js";
|
|
6
7
|
import Choice from "./choice.js";
|
|
8
|
+
const combinationPrefix = "combination:";
|
|
7
9
|
export default function EntryForm({ title, fields, messages, onSubmit, onValues, }) {
|
|
8
10
|
const palette = usePalette();
|
|
9
11
|
const [values, setValues] = React.useState({});
|
|
12
|
+
// A picked suggestion pre-fills the fields after it.
|
|
13
|
+
const [defaults, setDefaults] = React.useState({});
|
|
10
14
|
const [error, setError] = React.useState();
|
|
11
|
-
const field = fields
|
|
12
|
-
const
|
|
15
|
+
const field = fields.find((candidate) => !(candidate.key in values));
|
|
16
|
+
const commit = (next) => {
|
|
17
|
+
setError(undefined);
|
|
18
|
+
setValues(next);
|
|
19
|
+
onValues?.(next);
|
|
20
|
+
if (fields.every((candidate) => candidate.key in next)) {
|
|
21
|
+
onSubmit(next);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const accept = (value, suggestion) => {
|
|
13
25
|
if (!field) {
|
|
14
26
|
return;
|
|
15
27
|
}
|
|
28
|
+
if (field.kind === "select" && value.startsWith(combinationPrefix)) {
|
|
29
|
+
const combination = field.combinations?.[Number(value.slice(combinationPrefix.length))];
|
|
30
|
+
commit({ ...values, ...combination?.values });
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
16
33
|
if (field.kind === "text" && !value.trim()) {
|
|
17
34
|
setError(messages.form.required);
|
|
18
35
|
return;
|
|
@@ -22,13 +39,10 @@ export default function EntryForm({ title, fields, messages, onSubmit, onValues,
|
|
|
22
39
|
setError(messages.form.wholeNumber(field.minimum, field.maximum));
|
|
23
40
|
return;
|
|
24
41
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setValues(next);
|
|
28
|
-
onValues?.(next);
|
|
29
|
-
if (Object.keys(next).length === fields.length) {
|
|
30
|
-
onSubmit(next);
|
|
42
|
+
if (suggestion?.values) {
|
|
43
|
+
setDefaults((current) => ({ ...current, ...suggestion.values }));
|
|
31
44
|
}
|
|
45
|
+
commit({ ...values, [field.key]: value.trim() });
|
|
32
46
|
};
|
|
33
47
|
const shown = (done) => {
|
|
34
48
|
const value = values[done.key] ?? "";
|
|
@@ -36,6 +50,26 @@ export default function EntryForm({ title, fields, messages, onSubmit, onValues,
|
|
|
36
50
|
? (done.options.find((option) => option.value === value)?.label ?? value)
|
|
37
51
|
: value;
|
|
38
52
|
};
|
|
53
|
+
const defaultOf = (current) => defaults[current.key] ?? current.defaultValue;
|
|
54
|
+
const input = (current) => {
|
|
55
|
+
if (current.kind === "select") {
|
|
56
|
+
return (React.createElement(Choice, { key: current.key, initialValue: defaultOf(current), options: [
|
|
57
|
+
...(current.combinations ?? []).map((combination, index) => ({
|
|
58
|
+
label: `↺ ${combination.label}`,
|
|
59
|
+
value: `${combinationPrefix}${index}`,
|
|
60
|
+
})),
|
|
61
|
+
...current.options,
|
|
62
|
+
], onSelect: accept }));
|
|
63
|
+
}
|
|
64
|
+
if (current.kind === "text" && current.suggest) {
|
|
65
|
+
return (React.createElement(AutocompleteInput, { key: current.key, initialValue: defaultOf(current), placeholder: current.placeholder, suggest: current.suggest, onSubmit: accept }));
|
|
66
|
+
}
|
|
67
|
+
return (React.createElement(TextInput, { key: `${current.key}-${defaultOf(current) ?? ""}`, defaultValue: defaultOf(current), placeholder: current.kind === "text"
|
|
68
|
+
? current.placeholder
|
|
69
|
+
: `${current.minimum} - ${current.maximum}`, onSubmit: (value) => {
|
|
70
|
+
accept(value);
|
|
71
|
+
} }));
|
|
72
|
+
};
|
|
39
73
|
return (React.createElement(Box, { flexDirection: "column" },
|
|
40
74
|
React.createElement(Text, { bold: true, color: palette.accent }, title),
|
|
41
75
|
fields
|
|
@@ -46,9 +80,7 @@ export default function EntryForm({ title, fields, messages, onSubmit, onValues,
|
|
|
46
80
|
React.createElement(Text, null, shown(done))))),
|
|
47
81
|
field ? (React.createElement(Box, { flexDirection: "column" },
|
|
48
82
|
React.createElement(Text, { bold: true }, `❯ ${field.label}`),
|
|
49
|
-
React.createElement(Box, { paddingLeft: 2 },
|
|
50
|
-
? field.placeholder
|
|
51
|
-
: `${field.minimum} - ${field.maximum}`, onSubmit: accept }))))) : null,
|
|
83
|
+
React.createElement(Box, { paddingLeft: 2 }, input(field)))) : null,
|
|
52
84
|
error ? React.createElement(Text, { color: palette.error }, error) : null));
|
|
53
85
|
}
|
|
54
86
|
//# sourceMappingURL=entry-form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-form.js","sourceRoot":"","sources":["../../source/components/entry-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,MAAuB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"entry-form.js","sourceRoot":"","sources":["../../source/components/entry-form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Box, Text, useInput } from "ink";
|
|
3
3
|
import { formatNumber, workoutActivities, } from "../i18n.js";
|
|
4
|
+
import { describeEvent } from "../content.js";
|
|
4
5
|
import { usePalette } from "../theme.js";
|
|
5
|
-
const filters = ["all", "focus", "meal", "workout"];
|
|
6
|
+
const filters = ["all", "focus", "meal", "workout", "event"];
|
|
6
7
|
const isWorkoutActivity = (activity) => workoutActivities.includes(activity);
|
|
7
8
|
export function describeLog(log, language, messages) {
|
|
8
9
|
const amount = (value) => value === undefined ? "-" : formatNumber(language, value);
|
|
@@ -13,6 +14,9 @@ export function describeLog(log, language, messages) {
|
|
|
13
14
|
case "meal": {
|
|
14
15
|
return messages.logs.mealEntry(log.entry.food, amount(log.entry.calories), amount(log.entry.protein));
|
|
15
16
|
}
|
|
17
|
+
case "event": {
|
|
18
|
+
return describeEvent(messages, log.entry);
|
|
19
|
+
}
|
|
16
20
|
case "workout": {
|
|
17
21
|
const { activity, minutes, intensity } = log.entry;
|
|
18
22
|
return messages.logs.workoutEntry(isWorkoutActivity(activity)
|
|
@@ -26,6 +30,7 @@ const kindLabels = (messages) => ({
|
|
|
26
30
|
focus: messages.logs.focus,
|
|
27
31
|
meal: messages.logs.diet,
|
|
28
32
|
workout: messages.logs.workout,
|
|
33
|
+
event: messages.logs.event,
|
|
29
34
|
});
|
|
30
35
|
export function LogRow({ log, language, messages }) {
|
|
31
36
|
const palette = usePalette();
|
|
@@ -33,6 +38,7 @@ export function LogRow({ log, language, messages }) {
|
|
|
33
38
|
focus: palette.metrics.focus,
|
|
34
39
|
meal: palette.metrics.protein,
|
|
35
40
|
workout: palette.metrics.workout,
|
|
41
|
+
event: palette.soft,
|
|
36
42
|
};
|
|
37
43
|
const formatDate = new Intl.DateTimeFormat(language, {
|
|
38
44
|
month: "2-digit",
|
|
@@ -41,7 +47,7 @@ export function LogRow({ log, language, messages }) {
|
|
|
41
47
|
minute: "2-digit",
|
|
42
48
|
hour12: false,
|
|
43
49
|
});
|
|
44
|
-
return (React.createElement(Box, { gap:
|
|
50
|
+
return (React.createElement(Box, { gap: 1 },
|
|
45
51
|
React.createElement(Box, { flexShrink: 0, width: 12 },
|
|
46
52
|
React.createElement(Text, { dimColor: true }, formatDate.format(new Date(log.at)))),
|
|
47
53
|
React.createElement(Box, { flexShrink: 0, width: 8 },
|
|
@@ -49,7 +55,7 @@ export function LogRow({ log, language, messages }) {
|
|
|
49
55
|
React.createElement(Box, { flexGrow: 1 },
|
|
50
56
|
React.createElement(Text, { wrap: "truncate-end" }, describeLog(log, language, messages))),
|
|
51
57
|
React.createElement(Box, { flexShrink: 0, justifyContent: "flex-end", width: 8 },
|
|
52
|
-
React.createElement(Text, { color: palette.accent }, `+${log.experience} XP`))));
|
|
58
|
+
React.createElement(Text, { color: palette.accent }, log.experience > 0 ? `+${log.experience} XP` : ""))));
|
|
53
59
|
}
|
|
54
60
|
export default function LogsView({ logs, language, messages, height, }) {
|
|
55
61
|
const palette = usePalette();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logs-view.js","sourceRoot":"","sources":["../../source/components/logs-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EACN,YAAY,EAGZ,iBAAiB,GAEjB,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"logs-view.js","sourceRoot":"","sources":["../../source/components/logs-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box, Text, useInput } from "ink";
|
|
3
|
+
import { usePalette } from "../theme.js";
|
|
4
|
+
// A checklist: Enter or Space toggles, and the last row saves.
|
|
5
|
+
export default function MultiChoice({ options, initial, doneLabel, onDone, visibleCount = 8, }) {
|
|
6
|
+
const palette = usePalette();
|
|
7
|
+
const [chosen, setChosen] = React.useState(() => new Set(initial));
|
|
8
|
+
const [index, setIndex] = React.useState(0);
|
|
9
|
+
const rows = [...options, { label: doneLabel, value: "" }];
|
|
10
|
+
const start = Math.min(Math.max(index - Math.floor(visibleCount / 2), 0), Math.max(rows.length - visibleCount, 0));
|
|
11
|
+
useInput((input, key) => {
|
|
12
|
+
if (key.upArrow || input === "k") {
|
|
13
|
+
setIndex((current) => (current - 1 + rows.length) % rows.length);
|
|
14
|
+
}
|
|
15
|
+
else if (key.downArrow || input === "j") {
|
|
16
|
+
setIndex((current) => (current + 1) % rows.length);
|
|
17
|
+
}
|
|
18
|
+
else if (key.return || input === " ") {
|
|
19
|
+
const option = options[index];
|
|
20
|
+
if (!option) {
|
|
21
|
+
onDone(options.flatMap((item) => chosen.has(item.value) ? [item.value] : []));
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
setChosen((current) => {
|
|
25
|
+
const next = new Set(current);
|
|
26
|
+
if (next.has(option.value)) {
|
|
27
|
+
next.delete(option.value);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
next.add(option.value);
|
|
31
|
+
}
|
|
32
|
+
return next;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
return (React.createElement(Box, { flexDirection: "column" }, rows.slice(start, start + visibleCount).map((row, offset) => {
|
|
37
|
+
const isFocused = start + offset === index;
|
|
38
|
+
const isDone = start + offset === options.length;
|
|
39
|
+
return (React.createElement(Box, { key: row.value || "done", gap: 1 },
|
|
40
|
+
React.createElement(Text, { color: palette.accent }, isFocused ? "❯" : " "),
|
|
41
|
+
isDone ? null : (React.createElement(Text, { color: chosen.has(row.value) ? palette.accent : undefined }, chosen.has(row.value) ? "[x]" : "[ ]")),
|
|
42
|
+
React.createElement(Text, { bold: isFocused, color: isFocused ? palette.accent : undefined }, row.label)));
|
|
43
|
+
})));
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=multi-choice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-choice.js","sourceRoot":"","sources":["../../source/components/multi-choice.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,36 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Box, Text } from "ink";
|
|
3
3
|
import { usePalette } from "../theme.js";
|
|
4
|
+
const percentOf = (metric) => Math.min(Math.max(Math.round(metric.value), 0), 100);
|
|
5
|
+
// A half-height bar: "▀" fills only the top of its row, so the bottom half
|
|
6
|
+
// spaces the items apart without a whole blank row. Text centers in its row,
|
|
7
|
+
// so the percentage sits on the label's row instead of beside the bar.
|
|
4
8
|
function Bar({ metric, width }) {
|
|
5
|
-
const
|
|
6
|
-
const filled = Math.round((
|
|
9
|
+
const palette = usePalette();
|
|
10
|
+
const filled = Math.round((percentOf(metric) / 100) * width);
|
|
7
11
|
return (React.createElement(Text, null,
|
|
8
|
-
React.createElement(Text, { color: metric.color }, "
|
|
9
|
-
React.createElement(Text, {
|
|
10
|
-
React.createElement(Text, null, ` ${String(value).padStart(3)}%`)));
|
|
12
|
+
React.createElement(Text, { color: metric.color }, "▀".repeat(filled)),
|
|
13
|
+
React.createElement(Text, { color: palette.border }, "▀".repeat(width - filled))));
|
|
11
14
|
}
|
|
12
|
-
//
|
|
15
|
+
// Breathing room inside the border and between sections, unless the
|
|
16
|
+
// terminal is too short for it.
|
|
13
17
|
export default function TodayPanel({ title, sections, width, isCompact = false, }) {
|
|
14
18
|
const palette = usePalette();
|
|
15
19
|
const gap = isCompact ? 0 : 1;
|
|
16
|
-
// Border and padding take 6 columns
|
|
17
|
-
const barWidth = Math.max(width -
|
|
20
|
+
// Border and padding take 6 columns.
|
|
21
|
+
const barWidth = Math.max(width - 6, 4);
|
|
18
22
|
return (React.createElement(Box, { borderColor: palette.border, borderStyle: "round", flexDirection: "column", flexShrink: 0, paddingX: 2, paddingY: gap, width: width },
|
|
19
23
|
React.createElement(Text, { bold: true }, title),
|
|
20
|
-
sections.map((section, index) => (React.createElement(Box, { key: section.title ?? `section-${index}`, flexDirection: "column",
|
|
24
|
+
sections.map((section, index) => (React.createElement(Box, { key: section.title ?? `section-${index}`, flexDirection: "column", marginTop: index === 0 ? gap : 1 },
|
|
21
25
|
section.title ? (React.createElement(Text, { bold: true, color: palette.soft }, section.title)) : null,
|
|
22
26
|
section.metrics.map((metric) => (React.createElement(Box, { key: metric.label, flexDirection: "column" },
|
|
23
27
|
React.createElement(Box, { gap: 1, justifyContent: "space-between" },
|
|
24
28
|
React.createElement(Box, { flexShrink: 0 },
|
|
25
29
|
React.createElement(Text, { color: metric.color }, metric.label)),
|
|
26
|
-
React.createElement(
|
|
30
|
+
React.createElement(Box, { flexGrow: 1, justifyContent: "flex-end" },
|
|
31
|
+
React.createElement(Text, { dimColor: true, wrap: "truncate-end" }, metric.detail)),
|
|
32
|
+
React.createElement(Box, { flexShrink: 0 },
|
|
33
|
+
React.createElement(Text, null, `${percentOf(metric)}%`))),
|
|
27
34
|
React.createElement(Bar, { metric: metric, width: barWidth })))),
|
|
28
35
|
section.advice ? (React.createElement(Text, { wrap: "truncate-end" },
|
|
29
36
|
React.createElement(Text, { color: section.advice.isDone ? palette.success : palette.accent }, "⏺ "),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"today-panel.js","sourceRoot":"","sources":["../../source/components/today-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAsBzC,SAAS,GAAG,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"today-panel.js","sourceRoot":"","sources":["../../source/components/today-panel.tsx"],"names":[],"mappings":"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"}
|