@silvery/examples 0.5.2 → 0.5.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Bjørn Stabell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/{examples/apps → apps}/aichat/index.tsx

@@ -9,7 +9,7 @@
  */
 
 import React, { useCallback, useEffect, useRef, useMemo } from "react"
-import { Box, Text, Spinner, ListView, useTea } from "silvery"
+import { Box, Text, Spinner, ListView, useTea, useWindowSize } from "silvery"
 import type { ListItemMeta } from "silvery"
 import { run, useInput, useExit, type Key } from "silvery/runtime"
 import type { ExampleMeta } from "../../_banner.js"
@@ -53,6 +53,7 @@ export function AIChat({
   fastMode: boolean
 }) {
   const exit = useExit()
+  const { rows: termRows } = useWindowSize()
   const update = useMemo(() => createDemoUpdate(script, fastMode, autoStart), [script, fastMode, autoStart])
   const [state, send] = useTea(INIT_STATE, update)
   const footerControlRef = useRef<FooterControl>({ submit: () => {} })
@@ -92,7 +93,7 @@ export function AIChat({
       <ListView
         items={state.exchanges}
         getKey={(ex) => ex.id}
-        height={process.stdout.rows ?? 24}
+        height={termRows}
         estimateHeight={6}
         renderItem={renderExchange}
         scrollTo={state.exchanges.length - 1}
@@ -126,7 +127,7 @@ export function AIChat({
 export async function main() {
   const args = process.argv.slice(2)
   const script = args.includes("--stress") ? generateStressScript() : SCRIPT
-  const mode = args.includes("--fullscreen") ? "fullscreen" : "inline"
+  const mode = args.includes("--inline") ? "inline" : "fullscreen"
 
   using handle = await run(
     <AIChat script={script} autoStart={args.includes("--auto")} fastMode={args.includes("--fast")} />,

package/{examples/apps → apps}/async-data.tsx

@@ -117,7 +117,7 @@ function RecentActivity() {
 }
 
 // Loading fallbacks
-function LoadingBox({ label, color }: { label: string; color: string }) {
+function LoadingBox({ label }: { label: string }) {
   return (
     <Box borderStyle="round" borderColor="$border" padding={1}>
       <Text color="$muted">Loading {label}...</Text>
@@ -150,19 +150,19 @@ export function AsyncDataApp() {
       <Box flexGrow={1} flexDirection="row" gap={1}>
         {/* Each Suspense boundary loads independently */}
         <ErrorBoundary fallback={<Text color="$error">User error</Text>}>
-          <Suspense fallback={<LoadingBox label="user" color="green" />}>
+          <Suspense fallback={<LoadingBox label="user" />}>
             <UserProfile />
           </Suspense>
         </ErrorBoundary>
 
         <ErrorBoundary fallback={<Text color="$error">Stats error</Text>}>
-          <Suspense fallback={<LoadingBox label="stats" color="blue" />}>
+          <Suspense fallback={<LoadingBox label="stats" />}>
             <Statistics />
           </Suspense>
         </ErrorBoundary>
 
         <ErrorBoundary fallback={<Text color="$error">Activity error</Text>}>
-          <Suspense fallback={<LoadingBox label="activity" color="yellow" />}>
+          <Suspense fallback={<LoadingBox label="activity" />}>
             <RecentActivity />
           </Suspense>
         </ErrorBoundary>