@shepai/cli 1.155.0-pr485.4c45fca → 1.155.0-pr486.e53674d

package/dist/src/presentation/web/components/features/settings/language-settings-section.js

@@ -1,54 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Globe, Check } from 'lucide-react';
-import { toast } from 'sonner';
-import { useTranslation } from 'react-i18next';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
-import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { Language } from '../../../../../../packages/core/src/domain/generated/output.js';
-const LANGUAGE_OPTIONS = [
-    { value: Language.English, label: 'English', nativeName: 'English' },
-    { value: Language.Russian, label: 'Русский', nativeName: 'Русский' },
-    { value: Language.Portuguese, label: 'Português', nativeName: 'Português' },
-    { value: Language.Spanish, label: 'Español', nativeName: 'Español' },
-    { value: Language.Arabic, label: 'العربية', nativeName: 'العربية' },
-    { value: Language.Hebrew, label: 'עברית', nativeName: 'עברית' },
-    { value: Language.French, label: 'Français', nativeName: 'Français' },
-    { value: Language.German, label: 'Deutsch', nativeName: 'Deutsch' },
-];
-export function LanguageSettingsSection({ language: initialLanguage, }) {
-    const { t, i18n } = useTranslation('web');
-    const [language, setLanguage] = useState(initialLanguage);
-    const [isPending, startTransition] = useTransition();
-    const [showSaved, setShowSaved] = useState(false);
-    const prevPendingRef = useRef(false);
-    useEffect(() => {
-        if (prevPendingRef.current && !isPending) {
-            setShowSaved(true);
-            const timer = setTimeout(() => setShowSaved(false), 2000);
-            return () => clearTimeout(timer);
-        }
-        prevPendingRef.current = isPending;
-    }, [isPending]);
-    function handleLanguageChange(value) {
-        setLanguage(value);
-        // Update i18n language immediately for instant UI feedback
-        i18n.changeLanguage(value);
-        // Update document direction for RTL languages
-        const dir = value === 'ar' || value === 'he' ? 'rtl' : 'ltr';
-        document.documentElement.lang = value;
-        document.documentElement.dir = dir;
-        startTransition(async () => {
-            const result = await updateSettingsAction({
-                user: { preferredLanguage: value },
-            });
-            if (!result.success) {
-                toast.error(result.error ?? t('settings.language.failedToSave', 'Failed to save language settings'));
-            }
-        });
-    }
-    return (_jsxs(Card, { id: "language", className: "scroll-mt-6", "data-testid": "language-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: t('settings.language.title') })] }), isPending ? (_jsx("span", { className: "text-muted-foreground text-xs", children: t('common:labels.saving') })) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), t('common:labels.saved')] })) : null] }), _jsx(CardDescription, { children: t('settings.language.description') })] }), _jsx(CardContent, { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "display-language", children: t('settings.language.label') }), _jsxs(Select, { value: language, onValueChange: handleLanguageChange, children: [_jsx(SelectTrigger, { id: "display-language", "data-testid": "language-select", children: _jsx(SelectValue, { placeholder: t('settings.language.placeholder') }) }), _jsx(SelectContent, { children: LANGUAGE_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.nativeName }, opt.value))) })] })] }) })] }));
-}

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { LanguageSettingsSection } from './language-settings-section.js';
-declare const meta: {
-    title: string;
-    component: typeof LanguageSettingsSection;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Russian: Story;
-export declare const Arabic: Story;
-export declare const Hebrew: Story;
-export declare const French: Story;
-//# sourceMappingURL=language-settings-section.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"language-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/language-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.js

@@ -1,36 +0,0 @@
-import { LanguageSettingsSection } from './language-settings-section.js';
-import { Language } from '../../../../../../packages/core/src/domain/generated/output.js';
-const meta = {
-    title: 'Features/Settings/LanguageSettingsSection',
-    component: LanguageSettingsSection,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        language: Language.English,
-    },
-};
-export const Russian = {
-    args: {
-        language: Language.Russian,
-    },
-};
-export const Arabic = {
-    args: {
-        language: Language.Arabic,
-    },
-};
-export const Hebrew = {
-    args: {
-        language: Language.Hebrew,
-    },
-};
-export const French = {
-    args: {
-        language: Language.French,
-    },
-};

package/dist/src/presentation/web/components/providers/i18n-provider.d.ts

@@ -1,17 +0,0 @@
-interface I18nProviderProps {
-    initialLanguage: string;
-    children: React.ReactNode;
-}
-/**
- * Client-side i18n provider that wraps the application with react-i18next.
- *
- * Receives the initial language from the server-side layout and sets it
- * on the i18next instance. Language changes at runtime (e.g. from settings)
- * call i18n.changeLanguage() which re-renders all translated components.
- *
- * Also handles lazy-loading RTL fonts (Noto Sans Arabic/Hebrew) when the
- * active language requires them.
- */
-export declare function I18nProvider({ initialLanguage, children }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=i18n-provider.d.ts.map

package/dist/src/presentation/web/components/providers/i18n-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/providers/i18n-provider.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAqB5E"}

package/dist/src/presentation/web/components/providers/i18n-provider.js

@@ -1,36 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { I18nextProvider } from 'react-i18next';
-import webI18n from '../../lib/i18n.js';
-import { applyRtlFont } from '../../lib/rtl-fonts.js';
-/**
- * Client-side i18n provider that wraps the application with react-i18next.
- *
- * Receives the initial language from the server-side layout and sets it
- * on the i18next instance. Language changes at runtime (e.g. from settings)
- * call i18n.changeLanguage() which re-renders all translated components.
- *
- * Also handles lazy-loading RTL fonts (Noto Sans Arabic/Hebrew) when the
- * active language requires them.
- */
-export function I18nProvider({ initialLanguage, children }) {
-    useEffect(() => {
-        if (webI18n.language !== initialLanguage) {
-            webI18n.changeLanguage(initialLanguage);
-        }
-        // Apply RTL font for the initial language (lazy-loads if needed)
-        applyRtlFont(initialLanguage);
-    }, [initialLanguage]);
-    // Listen for runtime language changes and apply/remove RTL fonts
-    useEffect(() => {
-        function onLanguageChanged(lng) {
-            applyRtlFont(lng);
-        }
-        webI18n.on('languageChanged', onLanguageChanged);
-        return () => {
-            webI18n.off('languageChanged', onLanguageChanged);
-        };
-    }, []);
-    return _jsx(I18nextProvider, { i18n: webI18n, children: children });
-}

package/dist/src/presentation/web/lib/i18n.d.ts

@@ -1,15 +0,0 @@
-/**
- * Web UI i18n configuration.
- *
- * Initializes i18next with react-i18next for the web presentation layer.
- * Uses the common and web namespaces. English translations are bundled
- * inline; other languages will be loaded on demand in a future phase.
- */
-import { type i18n } from 'i18next';
-declare const FALLBACK_LANGUAGE = "en";
-declare const NAMESPACES: readonly ["common", "web"];
-/** Singleton web i18next instance. */
-declare const webI18n: i18n;
-export default webI18n;
-export { FALLBACK_LANGUAGE, NAMESPACES };
-//# sourceMappingURL=i18n.d.ts.map

package/dist/src/presentation/web/lib/i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAgB,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAO7C,QAAA,MAAM,iBAAiB,OAAO,CAAC;AAC/B,QAAA,MAAM,UAAU,4BAA6B,CAAC;AAiC9C,sCAAsC;AACtC,QAAA,MAAM,OAAO,EAAE,IAA2B,CAAC;AAE3C,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/presentation/web/lib/i18n.js

@@ -1,46 +0,0 @@
-/**
- * Web UI i18n configuration.
- *
- * Initializes i18next with react-i18next for the web presentation layer.
- * Uses the common and web namespaces. English translations are bundled
- * inline; other languages will be loaded on demand in a future phase.
- */
-import i18next from 'i18next';
-import { initReactI18next } from 'react-i18next';
-// Import English translations inline — they are always needed as fallback
-import commonEn from '../../../../translations/en/common.json';
-import webEn from '../../../../translations/en/web.json';
-const FALLBACK_LANGUAGE = 'en';
-const NAMESPACES = ['common', 'web'];
-/**
- * Create and configure the web i18next instance.
- *
- * Returns a singleton instance — multiple calls return the same object.
- * Use `changeLanguage()` on the returned instance to switch locales at runtime.
- */
-function createI18nInstance() {
-    const instance = i18next.createInstance();
-    instance.use(initReactI18next).init({
-        lng: FALLBACK_LANGUAGE,
-        fallbackLng: FALLBACK_LANGUAGE,
-        defaultNS: 'common',
-        ns: [...NAMESPACES],
-        resources: {
-            en: {
-                common: commonEn,
-                web: webEn,
-            },
-        },
-        interpolation: {
-            escapeValue: false, // React already escapes output
-        },
-        react: {
-            useSuspense: false, // Avoid suspense boundaries for i18n
-        },
-    });
-    return instance;
-}
-/** Singleton web i18next instance. */
-const webI18n = createI18nInstance();
-export default webI18n;
-export { FALLBACK_LANGUAGE, NAMESPACES };

package/dist/src/presentation/web/lib/language.d.ts

@@ -1,23 +0,0 @@
-/**
- * Server-side language preference utilities for the Web UI.
- *
- * Reads the language preference from the Settings singleton
- * and determines the text direction (LTR/RTL).
- */
-/**
- * Check whether a language code requires right-to-left text direction.
- */
-export declare function isRtlLanguage(language: string): boolean;
-interface LanguagePreference {
-    language: string;
-    dir: 'ltr' | 'rtl';
-}
-/**
- * Get the user's language preference and computed text direction.
- *
- * Reads from the Settings singleton (better-sqlite3, synchronous).
- * Falls back to English if settings are not available (e.g. during build).
- */
-export declare function getLanguagePreference(): LanguagePreference;
-export {};
-//# sourceMappingURL=language.d.ts.map

package/dist/src/presentation/web/lib/language.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/language.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAe1D"}

package/dist/src/presentation/web/lib/language.js

@@ -1,37 +0,0 @@
-/**
- * Server-side language preference utilities for the Web UI.
- *
- * Reads the language preference from the Settings singleton
- * and determines the text direction (LTR/RTL).
- */
-import { hasSettings, getSettings } from '../../../../packages/core/src/infrastructure/services/settings.service.js';
-import { Language } from '../../../../packages/core/src/domain/generated/output.js';
-const RTL_LANGUAGES = new Set([Language.Arabic, Language.Hebrew]);
-const DEFAULT_LANGUAGE = Language.English;
-/**
- * Check whether a language code requires right-to-left text direction.
- */
-export function isRtlLanguage(language) {
-    return RTL_LANGUAGES.has(language);
-}
-/**
- * Get the user's language preference and computed text direction.
- *
- * Reads from the Settings singleton (better-sqlite3, synchronous).
- * Falls back to English if settings are not available (e.g. during build).
- */
-export function getLanguagePreference() {
-    let language = DEFAULT_LANGUAGE;
-    try {
-        if (hasSettings()) {
-            language = getSettings().user.preferredLanguage ?? DEFAULT_LANGUAGE;
-        }
-    }
-    catch {
-        // Settings not initialized (build, SSG, or first run)
-    }
-    return {
-        language,
-        dir: isRtlLanguage(language) ? 'rtl' : 'ltr',
-    };
-}

package/dist/src/presentation/web/lib/rtl-fonts.d.ts

@@ -1,19 +0,0 @@
-/**
- * Lazy font loader for RTL languages (Arabic and Hebrew).
- *
- * Dynamically loads Noto Sans Arabic or Noto Sans Hebrew from Google Fonts
- * when the user switches to an RTL language. Fonts are cached after first
- * load — subsequent calls for the same language are no-ops.
- *
- * This module must only be imported in client components (uses DOM APIs).
- */
-/**
- * Load the appropriate font for an RTL language and apply it to the document.
- *
- * For non-RTL languages this removes any previously applied RTL font class.
- * The Google Fonts stylesheet is injected as a `<link>` element in `<head>`,
- * which the browser caches normally (no re-download on subsequent visits).
- * Duplicate link elements are avoided by checking DOM existence.
- */
-export declare function applyRtlFont(language: string): void;
-//# sourceMappingURL=rtl-fonts.d.ts.map

package/dist/src/presentation/web/lib/rtl-fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rtl-fonts.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/rtl-fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAeH;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CA4BnD"}

package/dist/src/presentation/web/lib/rtl-fonts.js

@@ -1,51 +0,0 @@
-/**
- * Lazy font loader for RTL languages (Arabic and Hebrew).
- *
- * Dynamically loads Noto Sans Arabic or Noto Sans Hebrew from Google Fonts
- * when the user switches to an RTL language. Fonts are cached after first
- * load — subsequent calls for the same language are no-ops.
- *
- * This module must only be imported in client components (uses DOM APIs).
- */
-const FONT_CONFIG = {
-    ar: {
-        family: 'Noto Sans Arabic',
-        cssUrl: 'https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap',
-    },
-    he: {
-        family: 'Noto Sans Hebrew',
-        cssUrl: 'https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap',
-    },
-};
-/**
- * Load the appropriate font for an RTL language and apply it to the document.
- *
- * For non-RTL languages this removes any previously applied RTL font class.
- * The Google Fonts stylesheet is injected as a `<link>` element in `<head>`,
- * which the browser caches normally (no re-download on subsequent visits).
- * Duplicate link elements are avoided by checking DOM existence.
- */
-export function applyRtlFont(language) {
-    const config = FONT_CONFIG[language];
-    // Remove any existing RTL font class
-    document.documentElement.classList.remove('font-rtl-arabic', 'font-rtl-hebrew');
-    if (!config) {
-        // LTR language — clear RTL font override
-        document.documentElement.style.removeProperty('--font-rtl');
-        return;
-    }
-    // Set the CSS custom property for the RTL font family
-    document.documentElement.style.setProperty('--font-rtl', `"${config.family}"`);
-    // Add language-specific font class
-    const fontClass = language === 'ar' ? 'font-rtl-arabic' : 'font-rtl-hebrew';
-    document.documentElement.classList.add(fontClass);
-    // Load the font stylesheet if not already present in the DOM
-    const linkId = `rtl-font-${language}`;
-    if (!document.getElementById(linkId)) {
-        const link = document.createElement('link');
-        link.id = linkId;
-        link.rel = 'stylesheet';
-        link.href = config.cssUrl;
-        document.head.appendChild(link);
-    }
-}