@tooee/shell 0.1.0

package/src/provider.tsx

@@ -0,0 +1,46 @@
+import type { ReactNode } from "react"
+import { ConfigProvider, useConfig, type TooeeConfig } from "@tooee/config"
+import { ThemeSwitcherProvider } from "@tooee/themes"
+import { CommandProvider, type Mode } from "@tooee/commands"
+import { OverlayProvider } from "./overlay.jsx"
+
+export interface TooeeProviderProps {
+  children: ReactNode
+  leader?: string
+  config?: Partial<TooeeConfig>
+  initialMode?: Mode
+}
+
+export function TooeeProvider({
+  children,
+  leader,
+  config: configOverrides,
+  initialMode,
+}: TooeeProviderProps) {
+  return (
+    <ConfigProvider overrides={configOverrides}>
+      <TooeeProviderInner leader={leader} initialMode={initialMode}>
+        {children}
+      </TooeeProviderInner>
+    </ConfigProvider>
+  )
+}
+
+function TooeeProviderInner({
+  children,
+  leader,
+  initialMode,
+}: {
+  children: ReactNode
+  leader?: string
+  initialMode?: Mode
+}) {
+  const config = useConfig()
+  return (
+    <ThemeSwitcherProvider initialTheme={config.theme?.name} initialMode={config.theme?.mode}>
+      <CommandProvider leader={leader} keymap={config.keys} initialMode={initialMode}>
+        <OverlayProvider>{children}</OverlayProvider>
+      </CommandProvider>
+    </ThemeSwitcherProvider>
+  )
+}

package/src/search.ts

@@ -0,0 +1,18 @@
+export function findMatchingLines(text: string, query: string): number[] {
+  if (!query) return []
+  const lowerQuery = query.toLowerCase()
+  const results: number[] = []
+  let lineStart = 0
+  let lineNum = 0
+  for (let i = 0; i <= text.length; i++) {
+    if (i === text.length || text[i] === "\n") {
+      const line = text.slice(lineStart, i).toLowerCase()
+      if (line.includes(lowerQuery)) {
+        results.push(lineNum)
+      }
+      lineStart = i + 1
+      lineNum++
+    }
+  }
+  return results
+}

package/src/theme-picker.ts

@@ -0,0 +1,84 @@
+import { useCallback, useRef, useState } from "react"
+import { createElement } from "react"
+import { useThemeSwitcher } from "@tooee/themes"
+import { useOverlay } from "@tooee/overlays"
+import type { OverlayCloseReason } from "@tooee/overlays"
+import { ThemePickerOverlay } from "./ThemePickerOverlay.jsx"
+
+export interface ThemePickerEntry {
+  id: string
+  title: string
+}
+
+export interface ThemePickerState {
+  isOpen: boolean
+  open: () => void
+  close: () => void
+  confirm: (name: string) => void
+  preview: (name: string) => void
+  entries: ThemePickerEntry[]
+  originalTheme: string
+  currentTheme: string
+}
+
+const OVERLAY_ID = "theme-picker"
+
+export function useThemePicker(): ThemePickerState {
+  const { allThemes, setTheme, name: currentTheme } = useThemeSwitcher()
+  const overlay = useOverlay()
+  const [isOpen, setIsOpen] = useState(false)
+  const originalThemeRef = useRef<string>(currentTheme)
+
+  const entries: ThemePickerEntry[] = allThemes.map((name: string) => ({
+    id: name,
+    title: name,
+  }))
+
+  const close = useCallback(() => {
+    setTheme(originalThemeRef.current)
+    setIsOpen(false)
+    overlay.hide(OVERLAY_ID)
+  }, [setTheme, overlay])
+
+  const confirm = useCallback(
+    (name: string) => {
+      setTheme(name)
+      setIsOpen(false)
+      overlay.hide(OVERLAY_ID)
+    },
+    [setTheme, overlay],
+  )
+
+  const preview = useCallback(
+    (name: string) => {
+      setTheme(name)
+    },
+    [setTheme],
+  )
+
+  const open = useCallback(() => {
+    originalThemeRef.current = currentTheme
+    setIsOpen(true)
+    overlay.open(
+      OVERLAY_ID,
+      ({ close }: { close: (reason?: OverlayCloseReason) => void }) =>
+        createElement(ThemePickerOverlay, {
+          originalTheme: currentTheme,
+          close: () => close(),
+        }),
+      null,
+      { mode: "insert", dismissOnEscape: true, onClose: () => setIsOpen(false) },
+    )
+  }, [overlay, currentTheme])
+
+  return {
+    isOpen,
+    open,
+    close,
+    confirm,
+    preview,
+    entries,
+    originalTheme: originalThemeRef.current,
+    currentTheme,
+  }
+}