@allpepper/task-orchestrator-tui 1.0.0

package/src/ui/context/adapter-context.tsx

@@ -0,0 +1,31 @@
+import React, { createContext, useContext, type ReactNode } from 'react';
+import type { DataAdapter } from '../adapters/types';
+
+interface AdapterContextValue {
+  adapter: DataAdapter;
+}
+
+const AdapterContext = createContext<AdapterContextValue | undefined>(undefined);
+
+interface AdapterProviderProps {
+  children: ReactNode;
+  adapter: DataAdapter;
+}
+
+export function AdapterProvider({ children, adapter }: AdapterProviderProps) {
+  const value: AdapterContextValue = {
+    adapter,
+  };
+
+  return <AdapterContext.Provider value={value}>{children}</AdapterContext.Provider>;
+}
+
+export function useAdapter(): AdapterContextValue {
+  const context = useContext(AdapterContext);
+
+  if (context === undefined) {
+    throw new Error('useAdapter must be used within an AdapterProvider');
+  }
+
+  return context;
+}

package/src/ui/context/theme-context.tsx

@@ -0,0 +1,43 @@
+import React, { createContext, useContext, useState, type ReactNode } from 'react';
+import type { Theme } from '../themes/types';
+import { darkTheme } from '../themes/dark';
+import { lightTheme } from '../themes/light';
+
+interface ThemeContextValue {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  toggleTheme: () => void;
+}
+
+const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);
+
+interface ThemeProviderProps {
+  children: ReactNode;
+  initialTheme?: Theme;
+}
+
+export function ThemeProvider({ children, initialTheme = darkTheme }: ThemeProviderProps) {
+  const [theme, setTheme] = useState<Theme>(initialTheme);
+
+  const toggleTheme = () => {
+    setTheme((current) => (current.name === 'dark' ? lightTheme : darkTheme));
+  };
+
+  const value: ThemeContextValue = {
+    theme,
+    setTheme,
+    toggleTheme,
+  };
+
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+}
+
+export function useTheme(): ThemeContextValue {
+  const context = useContext(ThemeContext);
+
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+
+  return context;
+}

package/src/ui/hooks/index.ts

@@ -0,0 +1,20 @@
+/**
+ * UI Hooks
+ *
+ * Custom React hooks for the Task Orchestrator TUI
+ */
+
+export {
+  useProjects,
+  useProjectOverview,
+  useProjectTree,
+  useTask,
+  useSearch,
+  calculateTaskCounts,
+  calculateTaskCountsByProject,
+  type TaskCounts,
+  type ProjectWithCounts,
+} from './use-data';
+export { useDebounce } from './use-debounce';
+export { useNavigation } from './use-navigation';
+export { useKanban } from './use-kanban';