termcast 1.3.9 → 1.3.16

package/src/examples/simple-hud.tsx

@@ -57,4 +57,4 @@ function SimpleHUD(): any {
   )
 }
 
-renderWithProviders(<SimpleHUD />)
+await renderWithProviders(<SimpleHUD />)

package/src/examples/simple-list-search.tsx

@@ -39,6 +39,47 @@ const App: any = () => {
         keywords={['second', 'two', 'secondary']}
         id='item2'
       />
+      {Array.from({ length: 100 }).map((_, i) => (
+        <List.Item
+          key={`random${i + 1}`}
+          title={`Random Item #${i + 1}`}
+          subtitle={`This is randomly generated item ${i + 1}`}
+          keywords={[
+            `random`,
+            `${(i + 1) * 7}`,
+            `foo${(i % 5) + 1}`,
+            `bar${Math.floor(Math.random() * 50)}`,
+          ]}
+          id={`random-item-${i + 1}`}
+          actions={
+            i % 3 === 0 ? (
+              <ActionPanel>
+                <Action
+                  title='Show Details'
+                  onAction={() =>
+                    push(
+                      <Detail
+                        markdown={dedent`
+                                              # Random Item #${i + 1}
+
+                                              This is a dynamically generated random item.
+
+                                              - **Index:** ${i + 1}
+                                              - **Random Keyword:** bar${Math.floor(Math.random() * 99)}
+                                              - **UUID:** random-item-${i + 1}
+
+                                              ---
+                                              _Fun fact: Number ${((i + 1) * 13) % 97} is "randomized"!_
+                                          `}
+                      />,
+                    )
+                  }
+                />
+              </ActionPanel>
+            ) : undefined
+          }
+        />
+      ))}
       <List.Item
         title='Third Item'
         subtitle='This is the third item'
@@ -90,4 +131,4 @@ const App: any = () => {
   )
 }
 
-renderWithProviders(<App />)
+await renderWithProviders(<App />)

package/src/examples/simple-list.tsx

@@ -146,4 +146,4 @@ function ListExample() {
   )
 }
 
-renderWithProviders(<ListExample />)
+await renderWithProviders(<ListExample />)

package/src/examples/simple-navigation.tsx

@@ -1,9 +1,10 @@
 import React from 'react'
-import { render } from '@opentui/react'
+import { createRoot } from '@opentui/react'
+import { createCliRenderer } from '@opentui/core'
 import List from 'termcast'
 import { Action, ActionPanel } from 'termcast'
 import { useNavigation } from 'termcast/src/internal/navigation'
-import { Providers } from 'termcast/src/internal/providers'
+import { TermcastProvider } from 'termcast/src/internal/providers'
 
 function DetailView({ title }: { title: string }): any {
   const { pop } = useNavigation()
@@ -80,10 +81,11 @@ function MainView(): any {
 
 function App(): any {
   return (
-    <Providers>
+    <TermcastProvider>
       <MainView />
-    </Providers>
+    </TermcastProvider>
   )
 }
 
-render(<App />)
+const renderer = await createCliRenderer()
+createRoot(renderer).render(<App />)