@markjaquith/agency 3.10.1 → 3.10.2
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/package.json +1 -1
- package/src/utils/interactive.js +48 -43
package/package.json
CHANGED
package/src/utils/interactive.js
CHANGED
|
@@ -81,6 +81,8 @@ var createReadlineEditing = (getInput, onInput) => {
|
|
|
81
81
|
};
|
|
82
82
|
var InteractiveTextPrompt = (props) => {
|
|
83
83
|
let input;
|
|
84
|
+
const dimensions = useTerminalDimensions();
|
|
85
|
+
const inputWidth = () => dimensions().width + 1;
|
|
84
86
|
const editing = createReadlineEditing(() => input);
|
|
85
87
|
useKeyboard((key) => {
|
|
86
88
|
if (key.propagationStopped)
|
|
@@ -110,6 +112,7 @@ var InteractiveTextPrompt = (props) => {
|
|
|
110
112
|
_$setProp(_el$, "flexDirection", "column");
|
|
111
113
|
_$setProp(_el$, "width", "100%");
|
|
112
114
|
_$setProp(_el$, "height", "100%");
|
|
115
|
+
_$setProp(_el$, "overflow", "hidden");
|
|
113
116
|
_$insert(_el$, (() => {
|
|
114
117
|
var _c$ = _$memo(() => !!(props.fullScreen && !props.embedded));
|
|
115
118
|
return () => _c$() && [(() => {
|
|
@@ -152,17 +155,18 @@ var InteractiveTextPrompt = (props) => {
|
|
|
152
155
|
_$setProp(_el$4, "flexShrink", 0);
|
|
153
156
|
_$insert(_el$4, () => props.embedded ? "enter submit | shift-enter newline | esc clear/back" : "enter submit | shift-enter newline | esc cancel");
|
|
154
157
|
_$effect((_p$) => {
|
|
155
|
-
var _v$ = macchiato.base, _v$2 = macchiato.blue, _v$3 = props.fullScreen ? 0 : 2, _v$
|
|
158
|
+
var _v$ = macchiato.base, _v$2 = macchiato.blue, _v$3 = inputWidth(), _v$4 = props.fullScreen ? 0 : 2, _v$5 = props.fullScreen ? 1 : 0, _v$6 = macchiato.mantle, _v$7 = macchiato.surface0, _v$8 = macchiato.text, _v$9 = macchiato.text, _v$0 = macchiato.blue, _v$1 = macchiato.overlay1;
|
|
156
159
|
_v$ !== _p$.e && (_p$.e = _$setProp(_el$, "backgroundColor", _v$, _p$.e));
|
|
157
160
|
_v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "fg", _v$2, _p$.t));
|
|
158
|
-
_v$3 !== _p$.a && (_p$.a = _$setProp(_el$3, "
|
|
159
|
-
_v$4 !== _p$.o && (_p$.o = _$setProp(_el$3, "
|
|
160
|
-
_v$5 !== _p$.i && (_p$.i = _$setProp(_el$3, "
|
|
161
|
-
_v$6 !== _p$.n && (_p$.n = _$setProp(_el$3, "
|
|
162
|
-
_v$7 !== _p$.s && (_p$.s = _$setProp(_el$3, "
|
|
163
|
-
_v$8 !== _p$.h && (_p$.h = _$setProp(_el$3, "
|
|
164
|
-
_v$9 !== _p$.r && (_p$.r = _$setProp(_el$3, "
|
|
165
|
-
_v$0 !== _p$.d && (_p$.d = _$setProp(_el$
|
|
161
|
+
_v$3 !== _p$.a && (_p$.a = _$setProp(_el$3, "width", _v$3, _p$.a));
|
|
162
|
+
_v$4 !== _p$.o && (_p$.o = _$setProp(_el$3, "height", _v$4, _p$.o));
|
|
163
|
+
_v$5 !== _p$.i && (_p$.i = _$setProp(_el$3, "flexGrow", _v$5, _p$.i));
|
|
164
|
+
_v$6 !== _p$.n && (_p$.n = _$setProp(_el$3, "backgroundColor", _v$6, _p$.n));
|
|
165
|
+
_v$7 !== _p$.s && (_p$.s = _$setProp(_el$3, "focusedBackgroundColor", _v$7, _p$.s));
|
|
166
|
+
_v$8 !== _p$.h && (_p$.h = _$setProp(_el$3, "textColor", _v$8, _p$.h));
|
|
167
|
+
_v$9 !== _p$.r && (_p$.r = _$setProp(_el$3, "focusedTextColor", _v$9, _p$.r));
|
|
168
|
+
_v$0 !== _p$.d && (_p$.d = _$setProp(_el$3, "cursorColor", _v$0, _p$.d));
|
|
169
|
+
_v$1 !== _p$.l && (_p$.l = _$setProp(_el$4, "fg", _v$1, _p$.l));
|
|
166
170
|
return _p$;
|
|
167
171
|
}, {
|
|
168
172
|
e: undefined,
|
|
@@ -174,7 +178,8 @@ var InteractiveTextPrompt = (props) => {
|
|
|
174
178
|
s: undefined,
|
|
175
179
|
h: undefined,
|
|
176
180
|
r: undefined,
|
|
177
|
-
d: undefined
|
|
181
|
+
d: undefined,
|
|
182
|
+
l: undefined
|
|
178
183
|
});
|
|
179
184
|
return _el$;
|
|
180
185
|
})();
|
|
@@ -497,15 +502,15 @@ var InteractiveSelectPrompt = (props) => {
|
|
|
497
502
|
})()
|
|
498
503
|
}), null);
|
|
499
504
|
_$effect((_p$) => {
|
|
500
|
-
var _v$
|
|
505
|
+
var _v$25 = index === selected() ? macchiato.text : macchiato.subtext0, _v$26 = index === selected() ? macchiato.surface1 : background(), _v$27 = {
|
|
501
506
|
fg: index === selected() ? macchiato.blue : undefined
|
|
502
|
-
}, _v$
|
|
507
|
+
}, _v$28 = {
|
|
503
508
|
fg: macchiato.overlay1
|
|
504
509
|
};
|
|
505
|
-
_v$
|
|
506
|
-
_v$
|
|
507
|
-
_v$
|
|
508
|
-
_v$
|
|
510
|
+
_v$25 !== _p$.e && (_p$.e = _$setProp(_el$26, "fg", _v$25, _p$.e));
|
|
511
|
+
_v$26 !== _p$.t && (_p$.t = _$setProp(_el$26, "bg", _v$26, _p$.t));
|
|
512
|
+
_v$27 !== _p$.a && (_p$.a = _$setProp(_el$27, "style", _v$27, _p$.a));
|
|
513
|
+
_v$28 !== _p$.o && (_p$.o = _$setProp(_el$28, "style", _v$28, _p$.o));
|
|
509
514
|
return _p$;
|
|
510
515
|
}, {
|
|
511
516
|
e: undefined,
|
|
@@ -517,9 +522,9 @@ var InteractiveSelectPrompt = (props) => {
|
|
|
517
522
|
})();
|
|
518
523
|
})());
|
|
519
524
|
_$effect((_p$) => {
|
|
520
|
-
var _v$
|
|
521
|
-
_v$
|
|
522
|
-
_v$
|
|
525
|
+
var _v$23 = rowHeight(), _v$24 = index === selected() ? macchiato.surface1 : background();
|
|
526
|
+
_v$23 !== _p$.e && (_p$.e = _$setProp(_el$19, "height", _v$23, _p$.e));
|
|
527
|
+
_v$24 !== _p$.t && (_p$.t = _$setProp(_el$19, "backgroundColor", _v$24, _p$.t));
|
|
523
528
|
return _p$;
|
|
524
529
|
}, {
|
|
525
530
|
e: undefined,
|
|
@@ -529,20 +534,20 @@ var InteractiveSelectPrompt = (props) => {
|
|
|
529
534
|
})()
|
|
530
535
|
}));
|
|
531
536
|
_$effect((_p$) => {
|
|
532
|
-
var _v$
|
|
533
|
-
_v$
|
|
534
|
-
_v$
|
|
535
|
-
_v$
|
|
536
|
-
_v$
|
|
537
|
-
_v$
|
|
538
|
-
_v$
|
|
539
|
-
_v$
|
|
540
|
-
_v$
|
|
541
|
-
_v$
|
|
542
|
-
_v$
|
|
543
|
-
_v$
|
|
544
|
-
_v$
|
|
545
|
-
_v$
|
|
537
|
+
var _v$10 = background(), _v$11 = brandHeight(), _v$12 = macchiato.blue, _v$13 = macchiato.blue, _v$14 = props.active === false ? macchiato.mantle : props.embedded ? macchiato.surface1 : macchiato.surface0, _v$15 = props.active !== false, _v$16 = macchiato.overlay0, _v$17 = macchiato.mantle, _v$18 = props.embedded ? macchiato.surface1 : macchiato.surface0, _v$19 = macchiato.text, _v$20 = macchiato.text, _v$21 = macchiato.blue, _v$22 = gapHeight();
|
|
538
|
+
_v$10 !== _p$.e && (_p$.e = _$setProp(_el$8, "backgroundColor", _v$10, _p$.e));
|
|
539
|
+
_v$11 !== _p$.t && (_p$.t = _$setProp(_el$9, "height", _v$11, _p$.t));
|
|
540
|
+
_v$12 !== _p$.a && (_p$.a = _$setProp(_el$0, "fg", _v$12, _p$.a));
|
|
541
|
+
_v$13 !== _p$.o && (_p$.o = _$setProp(_el$10, "fg", _v$13, _p$.o));
|
|
542
|
+
_v$14 !== _p$.i && (_p$.i = _$setProp(_el$12, "backgroundColor", _v$14, _p$.i));
|
|
543
|
+
_v$15 !== _p$.n && (_p$.n = _$setProp(_el$13, "focused", _v$15, _p$.n));
|
|
544
|
+
_v$16 !== _p$.s && (_p$.s = _$setProp(_el$13, "placeholderColor", _v$16, _p$.s));
|
|
545
|
+
_v$17 !== _p$.h && (_p$.h = _$setProp(_el$13, "backgroundColor", _v$17, _p$.h));
|
|
546
|
+
_v$18 !== _p$.r && (_p$.r = _$setProp(_el$13, "focusedBackgroundColor", _v$18, _p$.r));
|
|
547
|
+
_v$19 !== _p$.d && (_p$.d = _$setProp(_el$13, "textColor", _v$19, _p$.d));
|
|
548
|
+
_v$20 !== _p$.l && (_p$.l = _$setProp(_el$13, "focusedTextColor", _v$20, _p$.l));
|
|
549
|
+
_v$21 !== _p$.u && (_p$.u = _$setProp(_el$13, "cursorColor", _v$21, _p$.u));
|
|
550
|
+
_v$22 !== _p$.c && (_p$.c = _$setProp(_el$14, "height", _v$22, _p$.c));
|
|
546
551
|
return _p$;
|
|
547
552
|
}, {
|
|
548
553
|
e: undefined,
|
|
@@ -605,12 +610,12 @@ var InteractiveTabbedPrompt = (props) => {
|
|
|
605
610
|
_$insert(_el$38, () => index() === active() ? "\u258E" : " ");
|
|
606
611
|
_$insert(_el$37, () => ` ${tab.label} `, null);
|
|
607
612
|
_$effect((_p$) => {
|
|
608
|
-
var _v$
|
|
613
|
+
var _v$31 = index() === active() ? macchiato.text : macchiato.overlay1, _v$32 = index() === active() ? macchiato.base : macchiato.surface0, _v$33 = {
|
|
609
614
|
fg: macchiato.blue
|
|
610
615
|
};
|
|
611
|
-
_v$
|
|
612
|
-
_v$
|
|
613
|
-
_v$
|
|
616
|
+
_v$31 !== _p$.e && (_p$.e = _$setProp(_el$37, "fg", _v$31, _p$.e));
|
|
617
|
+
_v$32 !== _p$.t && (_p$.t = _$setProp(_el$37, "bg", _v$32, _p$.t));
|
|
618
|
+
_v$33 !== _p$.a && (_p$.a = _$setProp(_el$38, "style", _v$33, _p$.a));
|
|
614
619
|
return _p$;
|
|
615
620
|
}, {
|
|
616
621
|
e: undefined,
|
|
@@ -702,9 +707,9 @@ var InteractiveTabbedPrompt = (props) => {
|
|
|
702
707
|
});
|
|
703
708
|
})(), null);
|
|
704
709
|
_$effect((_p$) => {
|
|
705
|
-
var _v$
|
|
706
|
-
_v$
|
|
707
|
-
_v$
|
|
710
|
+
var _v$29 = macchiato.surface0, _v$30 = macchiato.base;
|
|
711
|
+
_v$29 !== _p$.e && (_p$.e = _$setProp(_el$30, "backgroundColor", _v$29, _p$.e));
|
|
712
|
+
_v$30 !== _p$.t && (_p$.t = _$setProp(_el$35, "backgroundColor", _v$30, _p$.t));
|
|
708
713
|
return _p$;
|
|
709
714
|
}, {
|
|
710
715
|
e: undefined,
|
|
@@ -769,9 +774,9 @@ var createInteractiveSession = async (onCancel = () => {}, initialTabs = []) =>
|
|
|
769
774
|
_$setProp(_el$40, "height", "100%");
|
|
770
775
|
_$insert(_el$41, () => props.prompt);
|
|
771
776
|
_$effect((_p$) => {
|
|
772
|
-
var _v$
|
|
773
|
-
_v$
|
|
774
|
-
_v$
|
|
777
|
+
var _v$34 = macchiato.base, _v$35 = macchiato.text;
|
|
778
|
+
_v$34 !== _p$.e && (_p$.e = _$setProp(_el$40, "backgroundColor", _v$34, _p$.e));
|
|
779
|
+
_v$35 !== _p$.t && (_p$.t = _$setProp(_el$41, "fg", _v$35, _p$.t));
|
|
775
780
|
return _p$;
|
|
776
781
|
}, {
|
|
777
782
|
e: undefined,
|