giggles 0.3.11 → 0.3.13

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/chunk-N2MMNJV3.js

@@ -0,0 +1,52 @@
+// 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 FullScreenBox({ children }) {
+  const { rows, columns } = useTerminalSize();
+  return /* @__PURE__ */ jsx(Box, { height: rows, width: columns, children });
+}
+function AlternateScreen({ children, fullScreen = true }) {
+  const [ready, setReady] = useState2(!isTTY);
+  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(FullScreenBox, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  useTerminalSize,
+  AlternateScreen
+};

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,6 @@
 import {
   AlternateScreen
-} from "./chunk-7PDVDYFB.js";
+} from "./chunk-N2MMNJV3.js";
 import {
   FocusGroup,
   FocusNodeContext,
@@ -22,8 +22,8 @@ import {
 
 // 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,35 +1,14 @@
 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;
-}
+  AlternateScreen,
+  useTerminalSize
+} from "../chunk-N2MMNJV3.js";
 
 // src/terminal/hooks/useTerminalFocus.ts
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect, useRef } from "react";
 function useTerminalFocus(callback) {
   const callbackRef = useRef(callback);
   callbackRef.current = callback;
-  useEffect2(() => {
+  useEffect(() => {
     const handler = (data) => {
       const str = data.toString();
       if (str.includes("\x1B[I")) callbackRef.current(true);
@@ -49,10 +28,10 @@ function useTerminalFocus(callback) {
 
 // src/terminal/hooks/useShellout.ts
 import { execa } from "execa";
-import { useCallback, useState as useState2 } from "react";
+import { useCallback, useState } from "react";
 import { useStdin } from "ink";
 function useShellOut() {
-  const [, setRedrawCount] = useState2(0);
+  const [, setRedrawCount] = useState(0);
   const { setRawMode } = useStdin();
   const run = useCallback(
     async (command) => {

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,7 +7,7 @@ import {
 } from "../chunk-CKA5JJ4B.js";
 import {
   CodeBlock
-} from "../chunk-WJRBHS5J.js";
+} from "../chunk-JTJH45JR.js";
 import {
   useTheme
 } from "../chunk-EVD6YPS3.js";
@@ -821,7 +821,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 +832,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 +843,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 +872,11 @@ 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 Panel({ children, title, width, borderColor, footer, ...boxProps }) {
   const theme = useTheme();
   const color = borderColor ?? theme.borderColor;
-  const [measuredWidth, setMeasuredWidth] = useState7(width ?? 0);
-  const effectiveWidth = width ?? measuredWidth;
+  const [measuredWidth, setMeasuredWidth] = useState7(typeof width === "number" ? width : 0);
+  const effectiveWidth = typeof width === "number" ? width : measuredWidth;
   const renderTopBorder = () => {
     if (effectiveWidth === 0) return null;
     if (title == null) {
@@ -908,9 +909,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.13",
   "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
-};