@silvery/examples 0.4.3 → 0.5.0

package/README.md

@@ -0,0 +1,7 @@
+# @silvery/examples
+
+Example apps and component demos for silvery.
+
+```console
+$ bunx @silvery/examples <name>
+```

package/bin/cli.ts

@@ -258,11 +258,18 @@ async function main(): Promise<void> {
   const args = process.argv.slice(2)
 
   // Top-level flags
-  if (args.includes("--help") || args.includes("-h") || args.length === 0) {
+  if (args.includes("--help") || args.includes("-h")) {
     printHelp()
     return
   }
 
+  // No args → list examples
+  if (args.length === 0) {
+    const examples = await discoverExamples()
+    printExampleList(examples)
+    return
+  }
+
   if (args.includes("--version") || args.includes("-v")) {
     try {
       const { resolve } = await import("node:path")

package/examples/apps/app-todo.tsx

@@ -24,8 +24,8 @@
 
 import React from "react"
 import { Box, Text, Muted, Kbd } from "silvery"
-import { createApp, useApp, type AppHandle } from "@silvery/tea/create-app"
-import { pipe, withReact, withTerminal } from "@silvery/tea/plugins"
+import { createApp, useApp, type AppHandle } from "@silvery/create/create-app"
+import { pipe, withReact, withTerminal } from "@silvery/create/plugins"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/async-data.tsx

@@ -8,19 +8,7 @@
  */
 
 import React, { Suspense, useState, use } from "react"
-import {
-  render,
-  Box,
-  Text,
-  H1,
-  Kbd,
-  Muted,
-  useInput,
-  useApp,
-  createTerm,
-  ErrorBoundary,
-  type Key,
-} from "silvery"
+import { render, Box, Text, H1, Kbd, Muted, useInput, useApp, createTerm, ErrorBoundary, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/components.tsx

@@ -87,8 +87,8 @@ function TypographyTab() {
 
       <H3>Use Built-in Components</H3>
       <P>
-        <Code>silvery/ui</Code> ships 30+ components. They handle keyboard navigation, theming,
-        mouse support, and dozens of edge cases.
+        <Code>silvery/ui</Code> ships 30+ components. They handle keyboard navigation, theming, mouse support, and
+        dozens of edge cases.
       </P>
       <UL>
         <LI>

package/examples/apps/inline-bench.tsx

@@ -9,8 +9,8 @@
  *   bun examples/apps/inline-bench.tsx
  */
 
-import { TerminalBuffer } from "silvery"
-import { createOutputPhase, outputPhase } from "silvery/pipeline/output-phase"
+import { TerminalBuffer } from "@silvery/ag-term/buffer"
+import { createOutputPhase, outputPhase } from "@silvery/ag-term/pipeline/output-phase"
 
 const RUNS = 500
 

package/examples/apps/layout-ref.tsx

@@ -8,19 +8,7 @@
  */
 
 import React, { useRef, useState, useEffect } from "react"
-import {
-  render,
-  Box,
-  Text,
-  H1,
-  Kbd,
-  Muted,
-  useInput,
-  useApp,
-  createTerm,
-  type BoxHandle,
-  type Key,
-} from "silvery"
+import { render, Box, Text, H1, Kbd, Muted, useInput, useApp, createTerm, type BoxHandle, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/outline.tsx

@@ -15,18 +15,7 @@
  */
 
 import React, { useState } from "react"
-import {
-  render,
-  Box,
-  Text,
-  Kbd,
-  Muted,
-  useInput,
-  useApp,
-  useContentRect,
-  createTerm,
-  type Key,
-} from "silvery"
+import { render, Box, Text, Kbd, Muted, useInput, useApp, useContentRect, createTerm, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/paste-demo.tsx

@@ -15,20 +15,7 @@
  */
 
 import React, { useState } from "react"
-import {
-  render,
-  Box,
-  Text,
-  H1,
-  Small,
-  Kbd,
-  Muted,
-  Lead,
-  useInput,
-  useApp,
-  createTerm,
-  type Key,
-} from "silvery"
+import { render, Box, Text, H1, Small, Kbd, Muted, Lead, useInput, useApp, createTerm, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/textarea.tsx

@@ -10,19 +10,7 @@
  */
 
 import React, { useState } from "react"
-import {
-  render,
-  Box,
-  Text,
-  H1,
-  Strong,
-  Muted,
-  TextArea,
-  useInput,
-  useApp,
-  createTerm,
-  type Key,
-} from "silvery"
+import { render, Box, Text, H1, Strong, Muted, TextArea, useInput, useApp, createTerm, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/examples/apps/transform.tsx

@@ -14,20 +14,7 @@
  */
 
 import React, { useState } from "react"
-import {
-  render,
-  Box,
-  Text,
-  H1,
-  Small,
-  Kbd,
-  Muted,
-  Transform,
-  useInput,
-  useApp,
-  createTerm,
-  type Key,
-} from "silvery"
+import { render, Box, Text, H1, Small, Kbd, Muted, Transform, useInput, useApp, createTerm, type Key } from "silvery"
 import { ExampleBanner, type ExampleMeta } from "../_banner.js"
 
 export const meta: ExampleMeta = {

package/package.json

@@ -1,27 +1,28 @@
 {
   "name": "@silvery/examples",
-  "version": "0.4.3",
-  "description": "Example apps and component demos for silvery \u2014 bunx @silvery/examples <name>",
+  "version": "0.5.0",
+  "description": "Example apps and component demos for silvery — bunx @silvery/examples <name>",
   "license": "MIT",
-  "author": "Bj\u00f8rn Stabell <bjorn@stabell.org>",
+  "author": "Bjørn Stabell <bjorn@stabell.org>",
   "repository": {
     "type": "git",
     "url": "https://github.com/beorn/silvery.git",
-    "directory": "packages/cli"
+    "directory": "packages/examples"
+  },
+  "bin": {
+    "silvery-examples": "./bin/cli.ts"
   },
   "files": [
     "bin",
     "examples"
   ],
   "type": "module",
-  "bin": {
-    "silvery-examples": "./bin/cli.ts"
-  },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "silvery": ">=0.4.0",
-    "@silvery/tea": ">=0.4.0"
+    "@silvery/ag-term": "0.5.0",
+    "@silvery/create": "0.5.0",
+    "silvery": "workspace:*"
   }
-}
+}