npm - @shepai/cli - Versions diffs - 1.2.0 → 1.3.0 - Mend

@@ -0,0 +1,73 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+import { THEME_STORAGE_KEY } from '@/types/theme';
+/**
+ * Hook to manage theme state with localStorage persistence
+ * and system preference detection.
+ */
+export function useTheme() {
+    const [theme, setThemeState] = useState('system');
+    const [resolvedTheme, setResolvedTheme] = useState('light');
+    // Get the system preference
+    const getSystemTheme = useCallback(() => {
+        if (typeof window === 'undefined') {
+            return 'light';
+        }
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }, []);
+    // Resolve the actual theme based on current setting
+    const resolveTheme = useCallback((currentTheme) => {
+        if (currentTheme === 'system') {
+            return getSystemTheme();
+        }
+        return currentTheme;
+    }, [getSystemTheme]);
+    // Apply theme to document
+    const applyTheme = useCallback((resolved) => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        const root = document.documentElement;
+        root.classList.remove('light', 'dark');
+        root.classList.add(resolved);
+        setResolvedTheme(resolved);
+    }, []);
+    // Set theme and persist to localStorage
+    const setTheme = useCallback((newTheme) => {
+        setThemeState(newTheme);
+        if (typeof localStorage !== 'undefined') {
+            localStorage.setItem(THEME_STORAGE_KEY, newTheme);
+        }
+        const resolved = resolveTheme(newTheme);
+        applyTheme(resolved);
+    }, [resolveTheme, applyTheme]);
+    // Initialize theme from localStorage or system preference
+    useEffect(() => {
+        const stored = localStorage.getItem(THEME_STORAGE_KEY);
+        const initialTheme = stored ?? 'system';
+        setThemeState(initialTheme);
+        const resolved = resolveTheme(initialTheme);
+        applyTheme(resolved);
+    }, [resolveTheme, applyTheme]);
+    // Listen for system preference changes
+    useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleChange = () => {
+            if (theme === 'system') {
+                const resolved = resolveTheme('system');
+                applyTheme(resolved);
+            }
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return () => mediaQuery.removeEventListener('change', handleChange);
+    }, [theme, resolveTheme, applyTheme]);
+    return {
+        theme,
+        resolvedTheme,
+        setTheme,
+        systemTheme: getSystemTheme(),
+    };
+}

@@ -0,0 +1,11 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Combines class names using clsx and merges Tailwind classes intelligently
+ * with tailwind-merge to avoid conflicts.
+ *
+ * @example
+ * cn('px-2 py-1', 'px-4') // Returns 'py-1 px-4' (px-4 wins)
+ * cn('text-red-500', condition && 'text-blue-500') // Conditional classes
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

@@ -0,0 +1,13 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Combines class names using clsx and merges Tailwind classes intelligently
+ * with tailwind-merge to avoid conflicts.
+ *
+ * @example
+ * cn('px-2 py-1', 'px-4') // Returns 'py-1 px-4' (px-4 wins)
+ * cn('text-red-500', condition && 'text-blue-500') // Conditional classes
+ */
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

@@ -0,0 +1,4 @@
+import type { NextConfig } from 'next';
+declare const nextConfig: NextConfig;
+export default nextConfig;
+//# sourceMappingURL=next.config.d.ts.map

@@ -0,0 +1,9 @@
+const nextConfig = {
+    // Enable Turbopack for faster development builds
+    turbopack: {},
+    // Enable typed routes (moved from experimental in Next.js 16)
+    typedRoutes: true,
+    // Configure the output directory
+    distDir: '.next',
+};
+export default nextConfig;

@@ -0,0 +1,4 @@
+export default config;
+/** @type {import('postcss-load-config').Config} */
+declare const config: any;
+//# sourceMappingURL=postcss.config.d.mts.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAqB,MAAM,eAAe,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,QAAQ;;;yBAoCT,KAAK;;EA6CnB"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;;;;;GAOG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,QAAA,MAAM,UAAU,EAAE,UASjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"postcss.config.d.mts","sourceRoot":"","sources":["../../../../src/presentation/web/postcss.config.mjs"],"names":[],"mappings":";AAAA,mDAAmD;AACnD,0BAKE"}

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+    plugins: {
+        '@tailwindcss/postcss': {},
+        autoprefixer: {},
+    },
+};
+export default config;

@@ -0,0 +1,12 @@
+/**
+ * Theme type definitions for the Shep AI Web UI
+ */
+export type Theme = 'light' | 'dark' | 'system';
+export interface ThemeContextValue {
+    theme: Theme;
+    resolvedTheme: 'light' | 'dark';
+    setTheme: (theme: Theme) => void;
+}
+export declare const THEME_STORAGE_KEY = "shep-theme";
+export declare const themes: Theme[];
+//# sourceMappingURL=theme.d.ts.map

@@ -0,0 +1,5 @@
+/**
+ * Theme type definitions for the Shep AI Web UI
+ */
+export const THEME_STORAGE_KEY = 'shep-theme';
+export const themes = ['light', 'dark', 'system'];

@shepai/cli 1.2.0 → 1.3.0