giggles 0.3.11 → 0.3.12

package/dist/chunk-4LEJFY5C.js

@@ -0,0 +1,56 @@
+// src/terminal/hooks/useTerminalFocus.ts
+import { useEffect, useRef } from "react";
+function useTerminalFocus(callback) {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(() => {
+    const handler = (data) => {
+      const str = data.toString();
+      if (str.includes("\x1B[I")) callbackRef.current(true);
+      if (str.includes("\x1B[O")) callbackRef.current(false);
+    };
+    process.stdin.on("data", handler);
+    const timer = setTimeout(() => {
+      process.stdout.write("\x1B[?1004h");
+    }, 0);
+    return () => {
+      clearTimeout(timer);
+      process.stdout.write("\x1B[?1004l");
+      process.stdin.off("data", handler);
+    };
+  }, []);
+}
+
+// src/terminal/hooks/useShellout.ts
+import { execa } from "execa";
+import { useCallback, useState } from "react";
+import { useStdin } from "ink";
+function useShellOut() {
+  const [, setRedrawCount] = useState(0);
+  const { setRawMode } = useStdin();
+  const run = useCallback(
+    async (command) => {
+      process.stdout.write("\x1B[?1049l");
+      setRawMode(false);
+      try {
+        const result = await execa(command, { stdio: "inherit", shell: true, reject: false });
+        return { exitCode: result.exitCode ?? 0 };
+      } finally {
+        setRawMode(true);
+        process.stdout.write("\x1B[?1049h");
+        process.stdout.write("\x1B[2J");
+        process.stdout.write("\x1B[H");
+        setRedrawCount((c) => c + 1);
+      }
+    },
+    [setRawMode]
+  );
+  return {
+    run
+  };
+}
+
+export {
+  useTerminalFocus,
+  useShellOut
+};

package/dist/chunk-5BONVNP7.js

@@ -0,0 +1,49 @@
+// src/terminal/hooks/useTerminalSize.ts
+import { useEffect, useState } from "react";
+function useTerminalSize() {
+  const [size, setSize] = useState({
+    rows: process.stdout.rows,
+    columns: process.stdout.columns
+  });
+  useEffect(() => {
+    const handleResize = () => {
+      setSize({
+        rows: process.stdout.rows,
+        columns: process.stdout.columns
+      });
+    };
+    process.stdout.on("resize", handleResize);
+    return () => {
+      process.stdout.off("resize", handleResize);
+    };
+  }, []);
+  return size;
+}
+
+// src/terminal/components/AlternateScreen.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Box } from "ink";
+import { Fragment, jsx } from "react/jsx-runtime";
+var _a;
+var isTTY = typeof process !== "undefined" && ((_a = process.stdout) == null ? void 0 : _a.write);
+function AlternateScreen({ children, fullScreen = true }) {
+  const [ready, setReady] = useState2(!isTTY);
+  const { rows, columns } = useTerminalSize();
+  useEffect2(() => {
+    if (!isTTY) return;
+    process.stdout.write("\x1B[?1049h");
+    process.stdout.write("\x1B[2J");
+    process.stdout.write("\x1B[H");
+    setReady(true);
+    return () => {
+      process.stdout.write("\x1B[?1049l");
+    };
+  }, []);
+  if (!ready) return null;
+  return fullScreen ? /* @__PURE__ */ jsx(Box, { height: rows, width: columns, children }) : /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  useTerminalSize,
+  AlternateScreen
+};

package/dist/{chunk-WJRBHS5J.js → chunk-JTJH45JR.js}

@@ -3,8 +3,8 @@ import {
 } from "./chunk-EVD6YPS3.js";
 
 // src/ui/CodeBlock.tsx
-import Prism from "prismjs";
 import { Box, Text } from "ink";
+import Prism from "prismjs";
 import { jsx } from "react/jsx-runtime";
 var defaultTokenColors = {
   keyword: "#C678DD",
@@ -22,15 +22,12 @@ var defaultTokenColors = {
   inserted: "#98C379",
   deleted: "#E06C75"
 };
-function CodeBlock({ children, language, showBorder = true, tokenColors }) {
+function CodeBlock({ children, language, tokenColors, ...boxProps }) {
   const theme = useTheme();
   const colors = { ...defaultTokenColors, ...tokenColors };
   const grammar = language ? Prism.languages[language] : void 0;
   const content = grammar ? renderTokens(Prism.tokenize(children, grammar), colors) : /* @__PURE__ */ jsx(Text, { children });
-  if (!showBorder) {
-    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: content }) });
-  }
-  return /* @__PURE__ */ jsx(Box, { paddingX: 1, borderStyle: "single", borderColor: theme.borderColor, children: /* @__PURE__ */ jsx(Text, { children: content }) });
+  return /* @__PURE__ */ jsx(Box, { paddingX: 1, borderStyle: "round", borderColor: theme.borderColor, ...boxProps, children: /* @__PURE__ */ jsx(Text, { children: content }) });
 }
 function renderTokens(tokens, colors) {
   return tokens.map((token, idx) => {

package/dist/index.d.ts

@@ -30,9 +30,10 @@ declare function useTheme(): GigglesTheme;
 
 type GigglesProviderProps = {
     theme?: Partial<GigglesTheme>;
+    fullScreen?: boolean;
     children: React__default.ReactNode;
 };
-declare function GigglesProvider({ theme, children }: GigglesProviderProps): react_jsx_runtime.JSX.Element;
+declare function GigglesProvider({ theme, fullScreen, children }: GigglesProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function useKeybindings(focus: FocusHandle, bindings: Keybindings, options?: KeybindingOptions): void;
 

package/dist/index.js

@@ -1,6 +1,3 @@
-import {
-  AlternateScreen
-} from "./chunk-7PDVDYFB.js";
 import {
   FocusGroup,
   FocusNodeContext,
@@ -19,11 +16,14 @@ import {
   ThemeProvider,
   useTheme
 } from "./chunk-EVD6YPS3.js";
+import {
+  AlternateScreen
+} from "./chunk-5BONVNP7.js";
 
 // src/core/GigglesProvider.tsx
 import { jsx } from "react/jsx-runtime";
-function GigglesProvider({ theme, children }) {
-  return /* @__PURE__ */ jsx(AlternateScreen, { children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(FocusProvider, { children: /* @__PURE__ */ jsx(InputProvider, { children: /* @__PURE__ */ jsx(InputRouter, { children }) }) }) }) });
+function GigglesProvider({ theme, fullScreen, children }) {
+  return /* @__PURE__ */ jsx(AlternateScreen, { fullScreen, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(FocusProvider, { children: /* @__PURE__ */ jsx(InputProvider, { children: /* @__PURE__ */ jsx(InputRouter, { children }) }) }) }) });
 }
 
 // src/core/router/Router.tsx

package/dist/markdown/index.js

@@ -1,6 +1,6 @@
 import {
   CodeBlock
-} from "../chunk-WJRBHS5J.js";
+} from "../chunk-JTJH45JR.js";
 import {
   useTheme
 } from "../chunk-EVD6YPS3.js";

package/dist/terminal/index.d.ts

@@ -10,9 +10,11 @@ declare function useTerminalSize(): TerminalSize;
 
 declare function useTerminalFocus(callback: (focused: boolean) => void): void;
 
-declare function AlternateScreen({ children }: {
+type AlternateScreenProps = {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element | null;
+    fullScreen?: boolean;
+};
+declare function AlternateScreen({ children, fullScreen }: AlternateScreenProps): react_jsx_runtime.JSX.Element | null;
 
 declare function useShellOut(): {
     run: (command: string) => Promise<{

package/dist/terminal/index.js

@@ -1,80 +1,11 @@
 import {
-  AlternateScreen
-} from "../chunk-7PDVDYFB.js";
-
-// src/terminal/hooks/useTerminalSize.ts
-import { useEffect, useState } from "react";
-function useTerminalSize() {
-  const [size, setSize] = useState({
-    rows: process.stdout.rows,
-    columns: process.stdout.columns
-  });
-  useEffect(() => {
-    const handleResize = () => {
-      setSize({
-        rows: process.stdout.rows,
-        columns: process.stdout.columns
-      });
-    };
-    process.stdout.on("resize", handleResize);
-    return () => {
-      process.stdout.off("resize", handleResize);
-    };
-  }, []);
-  return size;
-}
-
-// src/terminal/hooks/useTerminalFocus.ts
-import { useEffect as useEffect2, useRef } from "react";
-function useTerminalFocus(callback) {
-  const callbackRef = useRef(callback);
-  callbackRef.current = callback;
-  useEffect2(() => {
-    const handler = (data) => {
-      const str = data.toString();
-      if (str.includes("\x1B[I")) callbackRef.current(true);
-      if (str.includes("\x1B[O")) callbackRef.current(false);
-    };
-    process.stdin.on("data", handler);
-    const timer = setTimeout(() => {
-      process.stdout.write("\x1B[?1004h");
-    }, 0);
-    return () => {
-      clearTimeout(timer);
-      process.stdout.write("\x1B[?1004l");
-      process.stdin.off("data", handler);
-    };
-  }, []);
-}
-
-// src/terminal/hooks/useShellout.ts
-import { execa } from "execa";
-import { useCallback, useState as useState2 } from "react";
-import { useStdin } from "ink";
-function useShellOut() {
-  const [, setRedrawCount] = useState2(0);
-  const { setRawMode } = useStdin();
-  const run = useCallback(
-    async (command) => {
-      process.stdout.write("\x1B[?1049l");
-      setRawMode(false);
-      try {
-        const result = await execa(command, { stdio: "inherit", shell: true, reject: false });
-        return { exitCode: result.exitCode ?? 0 };
-      } finally {
-        setRawMode(true);
-        process.stdout.write("\x1B[?1049h");
-        process.stdout.write("\x1B[2J");
-        process.stdout.write("\x1B[H");
-        setRedrawCount((c) => c + 1);
-      }
-    },
-    [setRawMode]
-  );
-  return {
-    run
-  };
-}
+  useShellOut,
+  useTerminalFocus
+} from "../chunk-4LEJFY5C.js";
+import {
+  AlternateScreen,
+  useTerminalSize
+} from "../chunk-5BONVNP7.js";
 export {
   AlternateScreen,
   useShellOut,

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { R as RegisteredKeybinding } from '../types-Dmw9TKt4.js';
 import React__default from 'react';
-import 'ink';
+import { BoxProps } from 'ink';
 
 type CommandPaletteRenderProps = {
     query: string;
@@ -162,14 +162,12 @@ type ViewportProps = {
 };
 declare const Viewport: React__default.ForwardRefExoticComponent<ViewportProps & React__default.RefAttributes<ViewportRef>>;
 
-type BorderStyle = 'single' | 'double' | 'round' | 'bold' | 'singleDouble' | 'doubleSingle' | 'classic' | 'arrow';
-type ModalProps = {
+type ModalProps = Omit<BoxProps, 'children'> & {
     children: React__default.ReactNode;
     onClose: () => void;
     title?: string;
-    borderStyle?: BorderStyle;
 };
-declare function Modal({ children, onClose, title, borderStyle }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ children, onClose, title, ...boxProps }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type BadgeVariant = 'round' | 'arrow' | 'plain';
 type BadgeProps = {
@@ -180,14 +178,12 @@ type BadgeProps = {
 };
 declare function Badge({ children, color, background, variant }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-type PanelProps = {
+type PanelProps = Omit<BoxProps, 'children'> & {
     children: React__default.ReactNode;
     title?: string;
-    width?: number;
-    borderColor?: string;
     footer?: React__default.ReactNode;
 };
-declare function Panel({ children, title, width, borderColor, footer }: PanelProps): react_jsx_runtime.JSX.Element;
+declare function Panel({ children, title, width, borderColor, footer, ...boxProps }: PanelProps): react_jsx_runtime.JSX.Element;
 
 type TokenColors = {
     keyword: string;
@@ -205,13 +201,12 @@ type TokenColors = {
     inserted: string;
     deleted: string;
 };
-type CodeBlockProps = {
+type CodeBlockProps = Omit<BoxProps, 'children'> & {
     children: string;
     language?: string;
-    showBorder?: boolean;
     tokenColors?: Partial<TokenColors>;
 };
-declare function CodeBlock({ children, language, showBorder, tokenColors }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+declare function CodeBlock({ children, language, tokenColors, ...boxProps }: CodeBlockProps): react_jsx_runtime.JSX.Element;
 
 type SpinnerDef = {
     frames: string[];

package/dist/ui/index.js

@@ -7,10 +7,14 @@ import {
 } from "../chunk-CKA5JJ4B.js";
 import {
   CodeBlock
-} from "../chunk-WJRBHS5J.js";
+} from "../chunk-JTJH45JR.js";
 import {
   useTheme
 } from "../chunk-EVD6YPS3.js";
+import "../chunk-4LEJFY5C.js";
+import {
+  useTerminalSize
+} from "../chunk-5BONVNP7.js";
 
 // src/ui/CommandPalette.tsx
 import { useState } from "react";
@@ -821,7 +825,7 @@ var Viewport = forwardRef(function Viewport2({ children, height, keybindings: en
 // src/ui/Modal.tsx
 import { Box as Box8, Text as Text8 } from "ink";
 import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
-function ModalInner({ children, onClose, title, borderStyle = "round" }) {
+function ModalInner({ children, onClose, title, ...boxProps }) {
   const focus = useFocus();
   const theme = useTheme();
   useKeybindings(focus, {
@@ -832,9 +836,10 @@ function ModalInner({ children, onClose, title, borderStyle = "round" }) {
     {
       flexDirection: "column",
       alignSelf: "flex-start",
-      borderStyle,
+      borderStyle: "round",
       borderColor: theme.borderColor,
       paddingX: 1,
+      ...boxProps,
       children: [
         title != null && /* @__PURE__ */ jsx9(Text8, { bold: true, children: title }),
         children
@@ -842,8 +847,8 @@ function ModalInner({ children, onClose, title, borderStyle = "round" }) {
     }
   );
 }
-function Modal({ children, onClose, title, borderStyle }) {
-  return /* @__PURE__ */ jsx9(FocusTrap, { children: /* @__PURE__ */ jsx9(ModalInner, { onClose, title, borderStyle, children }) });
+function Modal({ children, onClose, title, ...boxProps }) {
+  return /* @__PURE__ */ jsx9(FocusTrap, { children: /* @__PURE__ */ jsx9(ModalInner, { onClose, title, ...boxProps, children }) });
 }
 
 // src/ui/Badge.tsx
@@ -871,11 +876,17 @@ function Badge({ children, color, background, variant = "round" }) {
 import { useState as useState7 } from "react";
 import { Box as Box9, Text as Text10, measureElement as measureElement2 } from "ink";
 import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
-function Panel({ children, title, width, borderColor, footer }) {
+function parsePercentage(value, total) {
+  const pct = parseFloat(value);
+  return isNaN(pct) ? 0 : Math.floor(pct / 100 * total);
+}
+function Panel({ children, title, width, borderColor, footer, ...boxProps }) {
   const theme = useTheme();
+  const { columns } = useTerminalSize();
   const color = borderColor ?? theme.borderColor;
-  const [measuredWidth, setMeasuredWidth] = useState7(width ?? 0);
-  const effectiveWidth = width ?? measuredWidth;
+  const initialWidth = typeof width === "number" ? width : typeof width === "string" && width.endsWith("%") ? parsePercentage(width, columns) : 0;
+  const [measuredWidth, setMeasuredWidth] = useState7(initialWidth);
+  const effectiveWidth = typeof width === "number" ? width : measuredWidth;
   const renderTopBorder = () => {
     if (effectiveWidth === 0) return null;
     if (title == null) {
@@ -908,9 +919,10 @@ function Panel({ children, title, width, borderColor, footer }) {
       ref: (node) => {
         if (node) {
           const { width: w } = measureElement2(node);
-          if (w !== measuredWidth) setMeasuredWidth(w);
+          if (w > 0 && w !== measuredWidth) setMeasuredWidth(w);
         }
       },
+      ...boxProps,
       children: [
         renderTopBorder(),
         /* @__PURE__ */ jsx11(Box9, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderTop: false, borderColor: color, paddingX: 1, children: footer ? /* @__PURE__ */ jsxs12(Fragment3, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giggles",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/chunk-7PDVDYFB.js

@@ -1,23 +0,0 @@
-// src/terminal/components/AlternateScreen.tsx
-import { useEffect, useState } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var _a;
-var isTTY = typeof process !== "undefined" && ((_a = process.stdout) == null ? void 0 : _a.write);
-function AlternateScreen({ children }) {
-  const [ready, setReady] = useState(!isTTY);
-  useEffect(() => {
-    if (!isTTY) return;
-    process.stdout.write("\x1B[?1049h");
-    process.stdout.write("\x1B[2J");
-    process.stdout.write("\x1B[H");
-    setReady(true);
-    return () => {
-      process.stdout.write("\x1B[?1049l");
-    };
-  }, []);
-  return ready ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
-}
-
-export {
-  AlternateScreen
-};