@alcyone-labs/arg-parser 2.13.3 → 2.13.4

package/dist/tui/index.d.ts

@@ -37,7 +37,7 @@ export interface TuiAppConfig {
 export declare function createTuiApp(
   App: () => JSX.Element,
   config?: TuiAppConfig
-): void;
+): Promise<void>;
 
 // =============================================================================
 // TUI Provider

package/dist/tui.cjs

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const solid = require("@opentui/solid");
 const solidJs = require("solid-js");
-const EXIT_GUARD_STATE_KEY = /* @__PURE__ */ Symbol.for(
-  "@alcyone-labs/arg-parser/tui/ExitGuardState"
-);
+const web = require("solid-js/web");
+const EXIT_GUARD_STATE_KEY = /* @__PURE__ */ Symbol.for("@alcyone-labs/arg-parser/tui/ExitGuardState");
 function getExitGuardState() {
   return process[EXIT_GUARD_STATE_KEY];
 }
@@ -336,6 +335,7 @@ function createTuiApp(App, config = {}) {
     { onDestroy }
   );
 }
+var _tmpl$$4 = ['<box width="100%" height="100%">', "</box>"];
 const TuiContext = solidJs.createContext();
 function useTui() {
   const context = solidJs.useContext(TuiContext);
@@ -347,10 +347,8 @@ function useTui() {
 function TuiProvider(props) {
   const renderer = solid.useRenderer();
   const reservedRows = props.reservedRows ?? 8;
-  const scrollSpeed = props.scrollSpeed ?? 3;
-  const [viewportHeight, setViewportHeight] = solidJs.createSignal(
-    Math.max(10, renderer.height - reservedRows)
-  );
+  props.scrollSpeed ?? 3;
+  const [viewportHeight, setViewportHeight] = solidJs.createSignal(Math.max(10, renderer.height - reservedRows));
   const [viewportWidth, setViewportWidth] = solidJs.createSignal(renderer.width);
   const exit = (code = 0) => {
     process.exitCode = code;
@@ -360,17 +358,6 @@ function TuiProvider(props) {
     setViewportHeight(Math.max(10, height - reservedRows));
     setViewportWidth(width);
   };
-  const handleMouseScroll = (event) => {
-    if (!props.onScroll || !event.scroll) {
-      return;
-    }
-    const sign = event.scroll.direction === "up" ? -1 : event.scroll.direction === "down" ? 1 : 0;
-    if (sign === 0) {
-      return;
-    }
-    const delta = event.scroll.delta || 1;
-    props.onScroll(sign * delta * scrollSpeed);
-  };
   solidJs.onMount(() => {
     renderer.on("resize", handleResize);
   });
@@ -398,15 +385,7 @@ function TuiProvider(props) {
                 get children() {
                   return solid.createComponent(ToastProvider, {
                     get children() {
-                      return /* @__PURE__ */ React.createElement(
-                        "box",
-                        {
-                          width: "100%",
-                          height: "100%",
-                          onMouseScroll: handleMouseScroll
-                        },
-                        props.children
-                      );
+                      return web.ssr(_tmpl$$4, web.escape(props.children));
                     }
                   });
                 }
@@ -418,18 +397,29 @@ function TuiProvider(props) {
     }
   });
 }
+var _tmpl$$3 = ['<box height="1" paddingleft="2">', "</box>"], _tmpl$2$3 = ["<text", " bold>", "</text>"], _tmpl$3$2 = ["<text", "> ", " </text>"];
 function Breadcrumb(props) {
-  const { current: theme } = useTheme();
+  const {
+    current: theme
+  } = useTheme();
   const separator = props.separator ?? "›";
   const accentColor = () => props.accentColor ?? theme().colors.accent;
   const mutedColor = () => props.mutedColor ?? theme().colors.muted;
-  return /* @__PURE__ */ React.createElement("box", { height: 1, paddingLeft: 2 }, /* @__PURE__ */ React.createElement(solidJs.For, { each: props.segments }, (segment, idx) => /* @__PURE__ */ React.createElement(React.Fragment, null, idx() > 0 && /* @__PURE__ */ React.createElement("text", { color: mutedColor() }, " ", separator, " "), /* @__PURE__ */ React.createElement("text", { color: accentColor(), bold: true }, segment))));
+  return web.ssr(_tmpl$$3, web.escape(web.createComponent(solidJs.For, {
+    get each() {
+      return props.segments;
+    },
+    children: (segment, idx) => [idx() > 0 && web.ssr(_tmpl$3$2, web.ssrAttribute("color", web.escape(mutedColor(), true), false), web.escape(separator)), web.ssr(_tmpl$2$3, web.ssrAttribute("color", web.escape(accentColor(), true), false), web.escape(segment))]
+  })));
 }
+var _tmpl$$2 = ['<box height="1"', "><text", ">", "", "</text></box>"], _tmpl$2$2 = ["<text bold", ' marginBottom="1">', " (", "/", ")</text>"], _tmpl$3$1 = ['<box flexdirection="column" flexgrow="1">', "", "</box>"];
 function unwrap(value) {
   return typeof value === "function" ? value() : value;
 }
 function VirtualList(props) {
-  const { current: theme } = useTheme();
+  const {
+    current: theme
+  } = useTheme();
   const [scrollOffset, setScrollOffset] = solidJs.createSignal(0);
   const items = () => unwrap(props.items);
   const selectedIndex = () => unwrap(props.selectedIndex);
@@ -448,17 +438,25 @@ function VirtualList(props) {
   const defaultRenderItem = (item, index, selected) => {
     const label = props.getLabel ? props.getLabel(item) : String(item);
     const t = theme();
-    return /* @__PURE__ */ React.createElement(
-      "box",
-      {
-        height: 1,
-        backgroundColor: selected ? t.colors.selection : void 0
-      },
-      /* @__PURE__ */ React.createElement("text", { color: selected ? t.colors.background : t.colors.text }, showIndicator ? selected ? "› " : "  " : "", label)
-    );
+    return web.ssr(_tmpl$$2, web.ssrAttribute("backgroundcolor", selected ? web.escape(t.colors.selection, true) : web.escape(void 0, true), false), web.ssrAttribute("color", selected ? web.escape(t.colors.background, true) : web.escape(t.colors.text, true), false), showIndicator ? selected ? "› " : "  " : "", web.escape(label));
   };
   const renderItem = props.renderItem ?? defaultRenderItem;
-  return /* @__PURE__ */ React.createElement("box", { flexDirection: "column", flexGrow: 1 }, /* @__PURE__ */ React.createElement(solidJs.Show, { when: props.title }, /* @__PURE__ */ React.createElement("text", { bold: true, color: theme().colors.text, marginBottom: 1 }, props.title, " (", selectedIndex() + 1, "/", items().length, ")")), /* @__PURE__ */ React.createElement(solidJs.For, { each: visibleItems() }, ({ item, globalIndex }) => renderItem(item, globalIndex, globalIndex === selectedIndex())));
+  return web.ssr(_tmpl$3$1, web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return props.title;
+    },
+    get children() {
+      return web.ssr(_tmpl$2$2, web.ssrAttribute("color", web.escape(theme().colors.text, true), false), web.escape(props.title), web.escape(selectedIndex()) + 1, web.escape(items().length));
+    }
+  })), web.escape(web.createComponent(solidJs.For, {
+    get each() {
+      return visibleItems();
+    },
+    children: ({
+      item,
+      globalIndex
+    }) => renderItem(item, globalIndex, globalIndex === selectedIndex())
+  })));
 }
 function createVirtualListController(items, selectedIndex, setSelectedIndex, viewportHeight) {
   const [scrollOffset, setScrollOffset] = solidJs.createSignal(0);
@@ -485,54 +483,39 @@ function createVirtualListController(items, selectedIndex, setSelectedIndex, vie
     setSelectedIndex(newIdx);
     adjustScroll(newIdx);
   };
-  return { scrollOffset, adjustScroll, scrollBy, selectPrevious, selectNext };
+  return {
+    scrollOffset,
+    adjustScroll,
+    scrollBy,
+    selectPrevious,
+    selectNext
+  };
 }
+var _tmpl$$1 = ['<box height="1"', "><text", "> ", "</text></box>"], _tmpl$2$1 = ['<box width="100%" height="100%" flexdirection="column"', '><box height="3" borderstyle="single"', ' justifycontent="center" alignitems="center"><text bold', ">", "", " </text></box>", '<box flexgrow="1" flexdirection="row"><box', ' borderstyle="single"', ' flexdirection="column" padding="1">', '</box><box flexgrow="1" borderstyle="single"', ' flexdirection="column" padding="2">', "</box></box>", "</box>"];
 function MasterDetail(props) {
-  const { current: theme } = useTheme();
+  const {
+    current: theme
+  } = useTheme();
   const masterWidth = props.masterWidth ?? "35%";
-  return /* @__PURE__ */ React.createElement(
-    "box",
-    {
-      width: "100%",
-      height: "100%",
-      flexDirection: "column",
-      backgroundColor: theme().colors.background
+  return web.ssr(_tmpl$2$1, web.ssrAttribute("backgroundcolor", web.escape(theme().colors.background, true), false), web.ssrAttribute("bordercolor", web.escape(theme().colors.accent, true), false), web.ssrAttribute("color", web.escape(theme().colors.accent, true), false), props.headerIcon ? ` ${web.escape(props.headerIcon)} ` : " ", web.escape(props.header), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return props.breadcrumb && props.breadcrumb.length > 0;
     },
-    /* @__PURE__ */ React.createElement(
-      "box",
-      {
-        height: 3,
-        borderStyle: "single",
-        borderColor: theme().colors.accent,
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React.createElement("text", { bold: true, color: theme().colors.accent }, props.headerIcon ? ` ${props.headerIcon} ` : " ", props.header, " ")
-    ),
-    /* @__PURE__ */ React.createElement(solidJs.Show, { when: props.breadcrumb && props.breadcrumb.length > 0 }, /* @__PURE__ */ React.createElement(Breadcrumb, { segments: props.breadcrumb })),
-    /* @__PURE__ */ React.createElement("box", { flexGrow: 1, flexDirection: "row" }, /* @__PURE__ */ React.createElement(
-      "box",
-      {
-        width: masterWidth,
-        borderStyle: "single",
-        borderColor: theme().colors.border,
-        flexDirection: "column",
-        padding: 1
-      },
-      props.master
-    ), /* @__PURE__ */ React.createElement(
-      "box",
-      {
-        flexGrow: 1,
-        borderStyle: "single",
-        borderColor: theme().colors.border,
-        flexDirection: "column",
-        padding: 2
-      },
-      props.detail
-    )),
-    /* @__PURE__ */ React.createElement(solidJs.Show, { when: props.footer }, /* @__PURE__ */ React.createElement("box", { height: 1, backgroundColor: theme().colors.background }, /* @__PURE__ */ React.createElement("text", { color: theme().colors.muted }, " ", props.footer)))
-  );
+    get children() {
+      return web.createComponent(Breadcrumb, {
+        get segments() {
+          return props.breadcrumb;
+        }
+      });
+    }
+  })), web.ssrAttribute("width", web.escape(masterWidth, true), false), web.ssrAttribute("bordercolor", web.escape(theme().colors.border, true), false), web.escape(props.master), web.ssrAttribute("bordercolor", web.escape(theme().colors.border, true), false), web.escape(props.detail), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return props.footer;
+    },
+    get children() {
+      return web.ssr(_tmpl$$1, web.ssrAttribute("backgroundcolor", web.escape(theme().colors.background, true), false), web.ssrAttribute("color", web.escape(theme().colors.muted, true), false), web.escape(props.footer));
+    }
+  })));
 }
 function parseWidth(width) {
   if (width === void 0) return "30%";
@@ -866,6 +849,7 @@ function Button(props) {
     ]
   };
 }
+var _tmpl$ = ['<box width="100%" height="100%" flexdirection="column"', '><box height="3" borderstyle="single"', ' justifycontent="center" alignitems="center"><text bold', "> ", " </text></box>", '<box flexgrow="1" flexdirection="row">', "</box>", "</box>"], _tmpl$2 = ['<box height="1" paddingleft="2"', ">", "</box>"], _tmpl$3 = ["<text", " bold>", "</text>"], _tmpl$4 = ["<text", "> › </text>"], _tmpl$5 = ['<box height="1"', "><text", "> ", "</text></box>"], _tmpl$6 = ["<box", ' borderstyle="single"', ' flexdirection="column" padding="1">', "</box>"], _tmpl$7 = ['<box flexgrow="1" borderstyle="single"', ' flexdirection="column" padding="2">', "</box>"], _tmpl$8 = ['<box height="1"', "><text", ">", "", "</text></box>"];
 const LAYOUT_THEMES = {
   dark: {
     bg: "#0d0d0d",
@@ -903,68 +887,25 @@ const LAYOUT_THEMES = {
 };
 function resolveTheme(theme) {
   if (!theme) return LAYOUT_THEMES.dark;
-  if (typeof theme === "string")
-    return LAYOUT_THEMES[theme] ?? LAYOUT_THEMES.dark;
+  if (typeof theme === "string") return LAYOUT_THEMES[theme] ?? LAYOUT_THEMES.dark;
   return theme;
 }
 function MasterDetailLayout(props) {
   const t = resolveTheme(props.theme);
   props.masterWidth ?? "35%";
-  return /* @__PURE__ */ React.createElement(
-    "box",
-    {
-      width: "100%",
-      height: "100%",
-      flexDirection: "column",
-      backgroundColor: t.bg
-    },
-    /* @__PURE__ */ React.createElement(
-      "box",
-      {
-        height: 3,
-        borderStyle: "single",
-        borderColor: t.accent,
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React.createElement("text", { bold: true, color: t.accent }, " ", props.header, " ")
-    ),
-    props.breadcrumb && props.breadcrumb.length > 0 && /* @__PURE__ */ React.createElement("box", { height: 1, paddingLeft: 2, backgroundColor: t.bg }, props.breadcrumb.map((segment, idx) => /* @__PURE__ */ React.createElement(React.Fragment, null, idx > 0 && /* @__PURE__ */ React.createElement("text", { color: t.muted }, " › "), /* @__PURE__ */ React.createElement("text", { color: t.accent, bold: true }, segment)))),
-    /* @__PURE__ */ React.createElement("box", { flexGrow: 1, flexDirection: "row" }, props.children),
-    props.footer && /* @__PURE__ */ React.createElement("box", { height: 1, backgroundColor: t.bg }, /* @__PURE__ */ React.createElement("text", { color: t.muted }, " ", props.footer))
-  );
+  return web.ssr(_tmpl$, web.ssrAttribute("backgroundcolor", web.escape(t.bg, true), false), web.ssrAttribute("bordercolor", web.escape(t.accent, true), false), web.ssrAttribute("color", web.escape(t.accent, true), false), web.escape(props.header), props.breadcrumb && props.breadcrumb.length > 0 && web.ssr(_tmpl$2, web.ssrAttribute("backgroundcolor", web.escape(t.bg, true), false), web.escape(props.breadcrumb.map((segment, idx) => [idx > 0 && web.ssr(_tmpl$4, web.ssrAttribute("color", web.escape(t.muted, true), false)), web.ssr(_tmpl$3, web.ssrAttribute("color", web.escape(t.accent, true), false), web.escape(segment))]))), web.escape(props.children), props.footer && web.ssr(_tmpl$5, web.ssrAttribute("backgroundcolor", web.escape(t.bg, true), false), web.ssrAttribute("color", web.escape(t.muted, true), false), web.escape(props.footer)));
 }
 function MasterPanel(props) {
   const t = resolveTheme(props.theme);
-  return /* @__PURE__ */ React.createElement(
-    "box",
-    {
-      width: props.width ?? "35%",
-      borderStyle: "single",
-      borderColor: t.border,
-      flexDirection: "column",
-      padding: 1
-    },
-    props.children
-  );
+  return web.ssr(_tmpl$6, web.ssrAttribute("width", web.escape(props.width, true) ?? "35%", false), web.ssrAttribute("bordercolor", web.escape(t.border, true), false), web.escape(props.children));
 }
 function DetailPanel(props) {
   const t = resolveTheme(props.theme);
-  return /* @__PURE__ */ React.createElement(
-    "box",
-    {
-      flexGrow: 1,
-      borderStyle: "single",
-      borderColor: t.border,
-      flexDirection: "column",
-      padding: 2
-    },
-    props.children
-  );
+  return web.ssr(_tmpl$7, web.ssrAttribute("bordercolor", web.escape(t.border, true), false), web.escape(props.children));
 }
 function ListItem(props) {
   const t = resolveTheme(props.theme);
-  return /* @__PURE__ */ React.createElement("box", { height: 1, backgroundColor: props.selected ? t.selection : void 0 }, /* @__PURE__ */ React.createElement("text", { color: props.selected ? t.selectionFg : t.fg }, props.selected ? "› " : "  ", props.label));
+  return web.ssr(_tmpl$8, web.ssrAttribute("backgroundcolor", props.selected ? web.escape(t.selection, true) : web.escape(void 0, true), false), web.ssrAttribute("color", props.selected ? web.escape(t.selectionFg, true) : web.escape(t.fg, true), false), props.selected ? "› " : "  ", web.escape(props.label));
 }
 function useVirtualScroll(items, _selectedIdx, viewportHeight) {
   const [scrollOffset, setScrollOffset] = solidJs.createSignal(0);