@hesed/webui 0.1.0 → 0.2.2

package/web/components/command-list.tsx

@@ -1,67 +0,0 @@
-'use client'
-
-import type {CommandMeta} from '../lib/types'
-
-import {ThemeToggle} from './theme-toggle'
-
-export function CommandList({
-  bin,
-  commands,
-  onSelect,
-  query,
-  selectedId,
-  setQuery,
-  version,
-}: {
-  bin: string
-  commands: CommandMeta[]
-  onSelect: (id: string) => void
-  query: string
-  selectedId?: string
-  setQuery: (q: string) => void
-  version: string
-}) {
-  const filtered = commands.filter((cmd) => {
-    if (!query) return true
-    const haystack = `${cmd.id} ${cmd.summary ?? ''} ${cmd.description ?? ''}`.toLowerCase()
-    return query
-      .toLowerCase()
-      .split(/\s+/)
-      .every((term) => haystack.includes(term))
-  })
-
-  return (
-    <aside className="sidebar">
-      <div className="sidebar-header">
-        <div className="brand-row">
-          <div className="brand">
-            {bin || 'sdkck'} <small>web UI · v{version}</small>
-          </div>
-          <ThemeToggle />
-        </div>
-        <input
-          aria-label="Filter commands"
-          className="search"
-          onChange={(e) => setQuery(e.target.value)}
-          placeholder="Filter commands…"
-          type="text"
-          value={query}
-        />
-      </div>
-      <nav className="command-list">
-        {filtered.length === 0 && <div className="empty">No commands match.</div>}
-        {filtered.map((cmd) => (
-          <button
-            className={`command-item${cmd.id === selectedId ? ' active' : ''}`}
-            key={cmd.id}
-            onClick={() => onSelect(cmd.id)}
-            type="button"
-          >
-            <span className="cmd-id">{cmd.id}</span>
-            <span className="cmd-summary">{cmd.summary ?? cmd.description ?? ''}</span>
-          </button>
-        ))}
-      </nav>
-    </aside>
-  )
-}

package/web/components/theme-provider.tsx

@@ -1,12 +0,0 @@
-'use client'
-
-import {ThemeProvider as NextThemesProvider} from 'next-themes'
-import {type ReactNode} from 'react'
-
-export function ThemeProvider({children}: {children: ReactNode}) {
-  return (
-    <NextThemesProvider attribute="class" defaultTheme="dark" disableTransitionOnChange enableSystem>
-      {children}
-    </NextThemesProvider>
-  )
-}

package/web/components/theme-toggle.tsx

@@ -1,62 +0,0 @@
-'use client'
-
-import {useTheme} from 'next-themes'
-import {useEffect, useState} from 'react'
-
-export function ThemeToggle() {
-  const {setTheme, theme} = useTheme()
-  const [mounted, setMounted] = useState(false)
-
-  useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  if (!mounted) {
-    return <div className="theme-toggle-placeholder" />
-  }
-
-  return (
-    <button
-      aria-label="Toggle theme"
-      className="theme-toggle"
-      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
-      type="button"
-    >
-      {theme === 'dark' ? (
-        <svg
-          fill="none"
-          height="15"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-          width="15"
-        >
-          <circle cx="12" cy="12" r="4" />
-          <path d="M12 2v2" />
-          <path d="M12 20v2" />
-          <path d="m4.93 4.93 1.41 1.41" />
-          <path d="m17.66 17.66 1.41 1.41" />
-          <path d="M2 12h2" />
-          <path d="M20 12h2" />
-          <path d="m6.34 17.66-1.41 1.41" />
-          <path d="m19.07 4.93-1.41 1.41" />
-        </svg>
-      ) : (
-        <svg
-          fill="none"
-          height="15"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-          width="15"
-        >
-          <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
-        </svg>
-      )}
-    </button>
-  )
-}

package/web/lib/types.ts

@@ -1,77 +0,0 @@
-export interface FlagMeta {
-  char?: string
-  default?: unknown
-  description?: string
-  multiple: boolean
-  name: string
-  options?: string[]
-  required: boolean
-  type: 'boolean' | 'option'
-}
-
-export interface ArgMeta {
-  default?: unknown
-  description?: string
-  name: string
-  options?: string[]
-  required: boolean
-}
-
-export interface CommandMeta {
-  aliases: string[]
-  args: ArgMeta[]
-  description?: string
-  flags: FlagMeta[]
-  id: string
-  pluginName?: string
-  pluginType?: string
-  summary?: string
-  usage?: string | string[]
-}
-
-export interface CommandsResponse {
-  bin: string
-  commands: CommandMeta[]
-  version: string
-}
-
-export interface RunResult {
-  durationMs: number
-  error?: string
-  output: string
-  success: boolean
-}
-
-/** Build an oclif-style argv array from form values for a command. */
-export function buildArgv(
-  command: CommandMeta,
-  argValues: Record<string, string>,
-  flagValues: Record<string, boolean | string>,
-): string[] {
-  const argv: string[] = []
-
-  for (const arg of command.args) {
-    const value = argValues[arg.name]
-    if (value !== undefined && value !== '') argv.push(value)
-  }
-
-  for (const flag of command.flags) {
-    const value = flagValues[flag.name]
-    if (flag.type === 'boolean') {
-      if (value === true) argv.push(`--${flag.name}`)
-    } else if (typeof value === 'string' && value !== '') {
-      if (flag.multiple) {
-        for (const part of value
-          .split(',')
-          .map((s) => s.trim())
-          .filter(Boolean)) {
-          argv.push(`--${flag.name}`, part)
-        }
-      } else {
-        argv.push(`--${flag.name}`, value)
-      }
-    }
-  }
-
-  return argv
-}

package/web/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [{"name": "next"}],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}