@tooee/shell 0.1.0

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAa,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAS/C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EAAE,eAAe,EACvB,WAAW,GACQ;IACnB,OAAO,CACL,KAAC,cAAc,IAAC,SAAS,EAAE,eAAe,YACxC,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,YACzD,QAAQ,GACU,GACN,CAClB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,WAAW,GAKZ;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,KAAC,qBAAqB,IAAC,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,YACtF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,YAC5E,KAAC,eAAe,cAAE,QAAQ,GAAmB,GAC7B,GACI,CACzB,CAAA;AACH,CAAC"}

package/dist/search.d.ts

@@ -0,0 +1,2 @@
+export declare function findMatchingLines(text: string, query: string): number[];
+//# sourceMappingURL=search.d.ts.map

package/dist/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../src/search.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAiBvE"}

package/dist/search.js

@@ -0,0 +1,20 @@
+export function findMatchingLines(text, query) {
+    if (!query)
+        return [];
+    const lowerQuery = query.toLowerCase();
+    const results = [];
+    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;
+}
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../src/search.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,IAAY,EAAE,KAAa;IAC3D,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;IACtC,MAAM,OAAO,GAAa,EAAE,CAAA;IAC5B,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;YAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;YACnD,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC9B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACvB,CAAC;YACD,SAAS,GAAG,CAAC,GAAG,CAAC,CAAA;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/theme-picker.d.ts

@@ -0,0 +1,16 @@
+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;
+}
+export declare function useThemePicker(): ThemePickerState;
+//# sourceMappingURL=theme-picker.d.ts.map

package/dist/theme-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-picker.d.ts","sourceRoot":"","sources":["../src/theme-picker.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;CACrB;AAID,wBAAgB,cAAc,IAAI,gBAAgB,CA0DjD"}

package/dist/theme-picker.js

@@ -0,0 +1,48 @@
+import { useCallback, useRef, useState } from "react";
+import { createElement } from "react";
+import { useThemeSwitcher } from "@tooee/themes";
+import { useOverlay } from "@tooee/overlays";
+import { ThemePickerOverlay } from "./ThemePickerOverlay.jsx";
+const OVERLAY_ID = "theme-picker";
+export function useThemePicker() {
+    const { allThemes, setTheme, name: currentTheme } = useThemeSwitcher();
+    const overlay = useOverlay();
+    const [isOpen, setIsOpen] = useState(false);
+    const originalThemeRef = useRef(currentTheme);
+    const entries = allThemes.map((name) => ({
+        id: name,
+        title: name,
+    }));
+    const close = useCallback(() => {
+        setTheme(originalThemeRef.current);
+        setIsOpen(false);
+        overlay.hide(OVERLAY_ID);
+    }, [setTheme, overlay]);
+    const confirm = useCallback((name) => {
+        setTheme(name);
+        setIsOpen(false);
+        overlay.hide(OVERLAY_ID);
+    }, [setTheme, overlay]);
+    const preview = useCallback((name) => {
+        setTheme(name);
+    }, [setTheme]);
+    const open = useCallback(() => {
+        originalThemeRef.current = currentTheme;
+        setIsOpen(true);
+        overlay.open(OVERLAY_ID, ({ close }) => 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,
+    };
+}
+//# sourceMappingURL=theme-picker.js.map

package/dist/theme-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-picker.js","sourceRoot":"","sources":["../src/theme-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAkB7D,MAAM,UAAU,GAAG,cAAc,CAAA;AAEjC,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACtE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,MAAM,CAAS,YAAY,CAAC,CAAA;IAErD,MAAM,OAAO,GAAuB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;QACnE,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC,CAAA;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAClC,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IAED,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,gBAAgB,CAAC,OAAO,GAAG,YAAY,CAAA;QACvC,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,OAAO,CAAC,IAAI,CACV,UAAU,EACV,CAAC,EAAE,KAAK,EAAoD,EAAE,EAAE,CAC9D,aAAa,CAAC,kBAAkB,EAAE;YAChC,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE;SACrB,CAAC,EACJ,IAAI,EACJ,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAC3E,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,OAAO;QACP,OAAO;QACP,OAAO;QACP,aAAa,EAAE,gBAAgB,CAAC,OAAO;QACvC,YAAY;KACb,CAAA;AACH,CAAC"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@tooee/shell",
+  "version": "0.1.0",
+  "description": "Composition layer wiring Tooee apps together",
+  "license": "MIT",
+  "author": "Gareth Andrew",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gingerhendrix/tooee.git",
+    "directory": "packages/shell"
+  },
+  "homepage": "https://github.com/gingerhendrix/tooee",
+  "bugs": "https://github.com/gingerhendrix/tooee/issues",
+  "keywords": ["tui", "terminal", "cli", "opentui"],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "@tooee/source": "./src/index.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": ["dist", "src"],
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@tooee/commands": "0.0.0",
+    "@tooee/config": "0.0.0",
+    "@tooee/clipboard": "0.0.0",
+    "@tooee/layout": "0.0.0",
+    "@tooee/overlays": "0.0.0",
+    "@tooee/renderers": "0.0.0",
+    "@tooee/themes": "0.0.0"
+  },
+  "devDependencies": {
+    "@opentui/core": "^0.1.67",
+    "@opentui/react": "^0.1.67",
+    "@types/bun": "^1.3.5",
+    "@types/react": "^19.1.10",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "@opentui/core": "^0.1.67",
+    "@opentui/react": "^0.1.67",
+    "react": "^18.0.0 || ^19.0.0"
+  }
+}

package/src/CommandPaletteOverlay.tsx

@@ -0,0 +1,44 @@
+import { createElement, useMemo } from "react"
+import type { ReactNode } from "react"
+import { useCommandContext } from "@tooee/commands"
+import type { Mode } from "@tooee/commands"
+import { CommandPalette } from "@tooee/renderers"
+
+const DEFAULT_MODES: Mode[] = ["cursor"]
+
+export function CommandPaletteOverlay({
+  launchMode,
+  close,
+}: {
+  launchMode: Mode
+  close: () => void
+}): ReactNode {
+  const { commands, invoke } = useCommandContext()
+
+  const entries = useMemo(
+    () =>
+      commands
+        .filter((cmd) => !cmd.hidden)
+        .filter((cmd) => {
+          const cmdModes = cmd.modes ?? DEFAULT_MODES
+          return cmdModes.includes(launchMode)
+        })
+        .map((cmd) => ({
+          id: cmd.id,
+          title: cmd.title,
+          hotkey: cmd.defaultHotkey,
+          category: cmd.category,
+          icon: cmd.icon,
+        })),
+    [commands, launchMode],
+  )
+
+  return createElement(CommandPalette, {
+    commands: entries,
+    onSelect: (id: string) => {
+      close()
+      invoke(id)
+    },
+    onClose: close,
+  })
+}

package/src/ThemePickerOverlay.tsx

@@ -0,0 +1,28 @@
+import { createElement } from "react"
+import type { ReactNode } from "react"
+import { useThemeSwitcher, ThemePicker } from "@tooee/themes"
+
+export function ThemePickerOverlay({
+  originalTheme,
+  close,
+}: {
+  originalTheme: string
+  close: () => void
+}): ReactNode {
+  const { allThemes, name: currentTheme, setTheme } = useThemeSwitcher()
+  const entries = allThemes.map((name: string) => ({ id: name, title: name }))
+
+  return createElement(ThemePicker, {
+    entries,
+    currentTheme,
+    onNavigate: setTheme,
+    onSelect: (name: string) => {
+      setTheme(name)
+      close()
+    },
+    onClose: () => {
+      setTheme(originalTheme)
+      close()
+    },
+  })
+}

package/src/command-palette.ts

@@ -0,0 +1,73 @@
+import { useCallback, useMemo, useRef, useState } from "react"
+import { createElement } from "react"
+import { useCommandContext, useCommand, useMode } from "@tooee/commands"
+import type { Mode } from "@tooee/commands"
+import { useOverlay } from "@tooee/overlays"
+import type { OverlayCloseReason } from "@tooee/overlays"
+import type { CommandPaletteEntry } from "@tooee/renderers"
+import { CommandPaletteOverlay } from "./CommandPaletteOverlay.jsx"
+
+const DEFAULT_MODES: Mode[] = ["cursor"]
+const OVERLAY_ID = "command-palette"
+
+export interface CommandPaletteState {
+  isOpen: boolean
+  open: () => void
+  close: () => void
+  entries: CommandPaletteEntry[]
+}
+
+export function useCommandPalette(): CommandPaletteState {
+  const { commands } = useCommandContext()
+  const mode = useMode()
+  const overlay = useOverlay()
+  const [isOpen, setIsOpen] = useState(false)
+  const launchModeRef = useRef<Mode>(mode)
+
+  const launchMode = launchModeRef.current
+  const entries = useMemo(() => {
+    return commands
+      .filter((cmd) => !cmd.hidden)
+      .filter((cmd) => {
+        const cmdModes = cmd.modes ?? DEFAULT_MODES
+        return cmdModes.includes(launchMode)
+      })
+      .map((cmd) => ({
+        id: cmd.id,
+        title: cmd.title,
+        hotkey: cmd.defaultHotkey,
+        category: cmd.category,
+        icon: cmd.icon,
+      }))
+  }, [commands, launchMode])
+
+  const close = useCallback(() => {
+    setIsOpen(false)
+    overlay.hide(OVERLAY_ID)
+  }, [overlay])
+
+  const open = useCallback(() => {
+    launchModeRef.current = mode
+    setIsOpen(true)
+    overlay.open(
+      OVERLAY_ID,
+      ({ close }: { close: (reason?: OverlayCloseReason) => void }) =>
+        createElement(CommandPaletteOverlay, {
+          launchMode: mode,
+          close: () => close(),
+        }),
+      null,
+      { mode: "insert", dismissOnEscape: true, onClose: () => setIsOpen(false) },
+    )
+  }, [overlay, mode])
+
+  useCommand({
+    id: "command-palette",
+    title: "Command Palette",
+    hotkey: ":",
+    modes: ["cursor"],
+    handler: open,
+  })
+
+  return { isOpen, open, close, entries }
+}

package/src/commands.ts

@@ -0,0 +1,60 @@
+import { useRenderer } from "@opentui/react"
+import { copyToClipboard } from "@tooee/clipboard"
+import { useCommand, type CommandWhen } from "@tooee/commands"
+import { useThemePicker, type ThemePickerState } from "./theme-picker.js"
+
+export function useThemeCommands(opts?: { when?: CommandWhen }): {
+  name: string
+  picker: ThemePickerState
+} {
+  const picker = useThemePicker()
+
+  useCommand({
+    id: "cycle-theme",
+    title: "Choose theme",
+    hotkey: "t",
+    when: opts?.when,
+    handler: () => {
+      picker.open()
+    },
+  })
+
+  return { name: picker.currentTheme, picker }
+}
+
+export function useQuitCommand(opts?: {
+  hotkey?: string
+  when?: CommandWhen
+  onQuit?: () => void
+}) {
+  const renderer = useRenderer()
+
+  useCommand({
+    id: "quit",
+    title: "Quit",
+    hotkey: opts?.hotkey ?? "q",
+    when: opts?.when,
+    handler: () => {
+      if (opts?.onQuit) {
+        opts.onQuit()
+      } else {
+        renderer.destroy()
+      }
+    },
+  })
+}
+
+export function useCopyCommand(opts: { getText: () => string | undefined; when?: CommandWhen }) {
+  useCommand({
+    id: "copy",
+    title: "Copy to clipboard",
+    hotkey: "y",
+    when: opts.when,
+    handler: () => {
+      const text = opts.getText()
+      if (text) {
+        void copyToClipboard(text)
+      }
+    },
+  })
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+export { useThemeCommands, useQuitCommand, useCopyCommand } from "./commands.js"
+export { useModalNavigationCommands } from "./modal.js"
+export type { ModalNavigationState, ModalNavigationOptions, Position } from "./modal.js"
+export { findMatchingLines } from "./search.js"
+export { TooeeProvider } from "./provider.jsx"
+export { launchCli } from "./launch.jsx"
+export { useCommandPalette } from "./command-palette.js"
+export type { CommandPaletteState } from "./command-palette.js"
+export { useThemePicker } from "./theme-picker.js"
+export type { ThemePickerState, ThemePickerEntry } from "./theme-picker.js"
+export { OverlayProvider } from "./overlay.jsx"

package/src/launch.tsx

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react"
+import { createCliRenderer } from "@opentui/core"
+import { createRoot } from "@opentui/react"
+import { TooeeProvider } from "./provider.jsx"
+
+export async function launchCli(
+  node: ReactNode,
+  opts?: { useAlternateScreen?: boolean; exitOnCtrlC?: boolean },
+): Promise<void> {
+  const renderer = await createCliRenderer({
+    useAlternateScreen: opts?.useAlternateScreen ?? true,
+    exitOnCtrlC: opts?.exitOnCtrlC ?? true,
+  })
+  createRoot(renderer).render(<TooeeProvider>{node}</TooeeProvider>)
+}