@umituz/react-native-ai-generation-content 1.17.17 → 1.17.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.17",
+  "version": "1.17.18",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -101,8 +101,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {
-    "@umituz/react-native-ai-generation-content": "^1.17.14"
   }
 }

package/src/domains/creations/presentation/components/CreationDetail/DetailImage.tsx

@@ -1,38 +1,38 @@
-
 import React from 'react';
-import { View, StyleSheet, Image, Dimensions } from 'react-native';
-import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system";
+import { View, StyleSheet, useWindowDimensions } from 'react-native';
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { Image } from 'expo-image';
 
 interface DetailImageProps {
     readonly uri: string;
 }
 
-const { width } = Dimensions.get('window');
+const HORIZONTAL_PADDING = 16;
+const ASPECT_RATIO = 16 / 9;
 
 export const DetailImage: React.FC<DetailImageProps> = ({ uri }) => {
     const tokens = useAppDesignTokens();
-    const styles = useStyles(tokens);
+    const { width } = useWindowDimensions();
+    const imageWidth = width - (HORIZONTAL_PADDING * 2);
+    const imageHeight = imageWidth / ASPECT_RATIO;
 
     return (
         <View style={styles.container}>
-            <View style={styles.frame}>
-                <Image source={{ uri }} style={styles.image} resizeMode="cover" />
+            <View style={[styles.frame, { width: imageWidth, height: imageHeight, backgroundColor: tokens.colors.surface }]}>
+                <Image source={{ uri }} style={styles.image} contentFit="cover" />
             </View>
         </View>
     );
 };
 
-const useStyles = (tokens: DesignTokens) => StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
-        paddingHorizontal: tokens.spacing.lg,
-        marginVertical: tokens.spacing.lg,
+        paddingHorizontal: HORIZONTAL_PADDING,
+        marginVertical: 16,
     },
     frame: {
-        width: width - (tokens.spacing.lg * 2),
-        height: width - (tokens.spacing.lg * 2),
-        borderRadius: 24,
+        borderRadius: 16,
         overflow: 'hidden',
-        backgroundColor: tokens.colors.surface,
     },
     image: {
         width: '100%',

package/src/domains/creations/presentation/components/CreationDetail/DetailVideo.tsx

@@ -4,12 +4,8 @@
  */
 
 import React, { useState, useCallback } from "react";
-import { View, StyleSheet, Dimensions, TouchableOpacity } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicIcon,
-  type DesignTokens,
-} from "@umituz/react-native-design-system";
+import { View, StyleSheet, TouchableOpacity, useWindowDimensions } from "react-native";
+import { useAppDesignTokens, AtomicIcon } from "@umituz/react-native-design-system";
 import { Image } from "expo-image";
 import { useVideoPlayer, VideoView } from "expo-video";
 
@@ -18,14 +14,17 @@ interface DetailVideoProps {
   readonly thumbnailUrl?: string;
 }
 
-const { width } = Dimensions.get("window");
+const HORIZONTAL_PADDING = 16;
+const ASPECT_RATIO = 16 / 9;
 
 export const DetailVideo: React.FC<DetailVideoProps> = ({
   videoUrl,
   thumbnailUrl,
 }) => {
   const tokens = useAppDesignTokens();
-  const styles = useStyles(tokens);
+  const { width } = useWindowDimensions();
+  const videoWidth = width - (HORIZONTAL_PADDING * 2);
+  const videoHeight = videoWidth / ASPECT_RATIO;
   const [isPlaying, setIsPlaying] = useState(false);
 
   const player = useVideoPlayer(videoUrl, (p) => {
@@ -39,7 +38,7 @@ export const DetailVideo: React.FC<DetailVideoProps> = ({
 
   return (
     <View style={styles.container}>
-      <View style={styles.frame}>
+      <View style={[styles.frame, { width: videoWidth, height: videoHeight, backgroundColor: tokens.colors.surface }]}>
         {isPlaying ? (
           <VideoView
             player={player}
@@ -60,10 +59,10 @@ export const DetailVideo: React.FC<DetailVideoProps> = ({
                 contentFit="cover"
               />
             ) : (
-              <View style={styles.placeholder} />
+              <View style={[styles.placeholder, { backgroundColor: tokens.colors.surfaceSecondary }]} />
             )}
             <View style={styles.playButtonContainer}>
-              <View style={styles.playButton}>
+              <View style={[styles.playButton, { backgroundColor: tokens.colors.primary }]}>
                 <AtomicIcon name="play" customSize={32} color="onPrimary" />
               </View>
             </View>
@@ -74,50 +73,44 @@ export const DetailVideo: React.FC<DetailVideoProps> = ({
   );
 };
 
-const useStyles = (tokens: DesignTokens) =>
-  StyleSheet.create({
-    container: {
-      paddingHorizontal: tokens.spacing.lg,
-      marginVertical: tokens.spacing.lg,
-    },
-    frame: {
-      width: width - tokens.spacing.lg * 2,
-      height: width - tokens.spacing.lg * 2,
-      borderRadius: 24,
-      overflow: "hidden",
-      backgroundColor: tokens.colors.surface,
-    },
-    video: {
-      width: "100%",
-      height: "100%",
-    },
-    thumbnailContainer: {
-      width: "100%",
-      height: "100%",
-      justifyContent: "center",
-      alignItems: "center",
-    },
-    thumbnail: {
-      width: "100%",
-      height: "100%",
-    },
-    placeholder: {
-      width: "100%",
-      height: "100%",
-      backgroundColor: tokens.colors.surfaceSecondary,
-    },
-    playButtonContainer: {
-      ...StyleSheet.absoluteFillObject,
-      justifyContent: "center",
-      alignItems: "center",
-    },
-    playButton: {
-      width: 64,
-      height: 64,
-      borderRadius: 32,
-      backgroundColor: tokens.colors.primary,
-      justifyContent: "center",
-      alignItems: "center",
-      paddingLeft: 4,
-    },
-  });
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: HORIZONTAL_PADDING,
+    marginVertical: 16,
+  },
+  frame: {
+    borderRadius: 16,
+    overflow: "hidden",
+  },
+  video: {
+    width: "100%",
+    height: "100%",
+  },
+  thumbnailContainer: {
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  thumbnail: {
+    width: "100%",
+    height: "100%",
+  },
+  placeholder: {
+    width: "100%",
+    height: "100%",
+  },
+  playButtonContainer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  playButton: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingLeft: 4,
+  },
+});

package/src/domains/creations/presentation/screens/CreationDetailScreen.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { useAppDesignTokens, type DesignTokens, ScreenLayout } from "@umituz/react-native-design-system";
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { Creation } from '../../domain/entities/Creation';
 import { hasVideoContent, getPreviewUrl } from '../../domain/utils';
 import { DetailHeader } from '../components/CreationDetail/DetailHeader';
@@ -37,6 +38,7 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
     t
 }) => {
     const tokens = useAppDesignTokens();
+    const insets = useSafeAreaInsets();
     const { getLocalizedTitle } = useCreationsProvider();
 
     // Extract data safely
@@ -57,48 +59,53 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
         return false;
     }, [creation.type, creation.output]);
 
-    const styles = useStyles(tokens);
-
     // Get video URL and thumbnail for video content
     const videoUrl = creation.output?.videoUrl || creation.uri;
     const thumbnailUrl = getPreviewUrl(creation.output) || undefined;
 
     return (
-        <ScreenLayout
-            scrollable={true}
-            edges={['top', 'bottom']}
-            backgroundColor={tokens.colors.background}
-            header={
+        <View style={[styles.container, { backgroundColor: tokens.colors.background }]}>
+            <View style={{ paddingTop: insets.top }}>
                 <DetailHeader
                     title={title}
                     date={date}
                     onClose={onClose}
                 />
-            }
-            contentContainerStyle={styles.scrollContent}
-        >
-            {isVideo ? (
-                <DetailVideo videoUrl={videoUrl} thumbnailUrl={thumbnailUrl} />
-            ) : (
-                <DetailImage uri={creation.uri} />
-            )}
+            </View>
+            <ScrollView
+                style={styles.scrollView}
+                contentContainerStyle={[styles.scrollContent, { paddingBottom: insets.bottom + 32 }]}
+                showsVerticalScrollIndicator={false}
+            >
+                {isVideo ? (
+                    <DetailVideo videoUrl={videoUrl} thumbnailUrl={thumbnailUrl} />
+                ) : (
+                    <DetailImage uri={creation.uri} />
+                )}
 
-            {story ? (
-                <DetailStory story={story} />
-            ) : null}
+                {story ? (
+                    <DetailStory story={story} />
+                ) : null}
 
-            <DetailActions
-                onShare={() => onShare(creation)}
-                onDelete={() => onDelete(creation)}
-                shareLabel={t("result.shareButton")}
-                deleteLabel={t("common.delete")}
-            />
-        </ScreenLayout>
+                <DetailActions
+                    onShare={() => onShare(creation)}
+                    onDelete={() => onDelete(creation)}
+                    shareLabel={t("result.shareButton")}
+                    deleteLabel={t("common.delete")}
+                />
+            </ScrollView>
+        </View>
     );
 };
 
-const useStyles = (tokens: DesignTokens) => StyleSheet.create({
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollView: {
+        flex: 1,
+    },
     scrollContent: {
-        paddingBottom: tokens.spacing.xxl,
+        paddingTop: 8,
     },
 });

package/src/features/text-to-image/index.ts

@@ -88,28 +88,28 @@ export type {
 // =============================================================================
 
 export {
-  PromptInput,
-  ExamplePrompts,
-  NumImagesSelector,
-  StyleSelector,
-  AspectRatioSelector,
-  ImageSizeSelector,
-  OutputFormatSelector,
+  TextToImagePromptInput,
+  TextToImageExamplePrompts,
+  TextToImageNumImagesSelector,
+  TextToImageStyleSelector,
+  TextToImageAspectRatioSelector,
+  TextToImageSizeSelector,
+  TextToImageOutputFormatSelector,
   TextToImageGenerateButton,
-  SettingsSheet,
+  TextToImageSettingsSheet,
 } from "./presentation";
 
 export type {
-  PromptInputProps,
-  ExamplePromptsProps,
-  NumImagesSelectorProps,
-  StyleSelectorProps,
-  AspectRatioSelectorProps,
-  AspectRatioOption,
-  ImageSizeSelectorProps,
-  ImageSizeOption,
-  OutputFormatSelectorProps,
-  OutputFormatOption,
+  TextToImagePromptInputProps,
+  TextToImageExamplePromptsProps,
+  TextToImageNumImagesSelectorProps,
+  TextToImageStyleSelectorProps,
+  TextToImageAspectRatioSelectorProps,
+  TextToImageAspectRatioOption,
+  TextToImageSizeSelectorProps,
+  TextToImageSizeOption,
+  TextToImageOutputFormatSelectorProps,
+  TextToImageOutputFormatOption,
   TextToImageGenerateButtonProps,
-  SettingsSheetProps,
+  TextToImageSettingsSheetProps,
 } from "./presentation";

package/src/features/text-to-image/presentation/components/{PromptInput.tsx → TextToImagePromptInput.tsx}

@@ -1,5 +1,5 @@
 /**
- * Prompt Input Component
+ * Text-to-Image Prompt Input Component
  * Text input for entering generation prompts
  */
 
@@ -10,7 +10,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 
-export interface PromptInputProps {
+export interface TextToImagePromptInputProps {
   value: string;
   onChangeText: (text: string) => void;
   label: string;
@@ -20,7 +20,7 @@ export interface PromptInputProps {
   maxLength?: number;
 }
 
-export const PromptInput: React.FC<PromptInputProps> = ({
+export const TextToImagePromptInput: React.FC<TextToImagePromptInputProps> = ({
   value,
   onChangeText,
   label,

package/src/features/text-to-image/presentation/components/index.ts

@@ -4,32 +4,35 @@
  */
 
 // Input Components
-export { PromptInput } from "./PromptInput";
-export type { PromptInputProps } from "./PromptInput";
+export { TextToImagePromptInput } from "./TextToImagePromptInput";
+export type { TextToImagePromptInputProps } from "./TextToImagePromptInput";
 
-export { ExamplePrompts } from "./ExamplePrompts";
-export type { ExamplePromptsProps } from "./ExamplePrompts";
+export { ExamplePrompts as TextToImageExamplePrompts } from "./ExamplePrompts";
+export type { ExamplePromptsProps as TextToImageExamplePromptsProps } from "./ExamplePrompts";
 
 // Selector Components
-export { NumImagesSelector } from "./NumImagesSelector";
-export type { NumImagesSelectorProps } from "./NumImagesSelector";
+export { NumImagesSelector as TextToImageNumImagesSelector } from "./NumImagesSelector";
+export type { NumImagesSelectorProps as TextToImageNumImagesSelectorProps } from "./NumImagesSelector";
 
-export { StyleSelector } from "./StyleSelector";
-export type { StyleSelectorProps } from "./StyleSelector";
+export { StyleSelector as TextToImageStyleSelector } from "./StyleSelector";
+export type { StyleSelectorProps as TextToImageStyleSelectorProps } from "./StyleSelector";
 
-export { AspectRatioSelector } from "./AspectRatioSelector";
+export { AspectRatioSelector as TextToImageAspectRatioSelector } from "./AspectRatioSelector";
 export type {
-  AspectRatioSelectorProps,
-  AspectRatioOption,
+  AspectRatioSelectorProps as TextToImageAspectRatioSelectorProps,
+  AspectRatioOption as TextToImageAspectRatioOption,
 } from "./AspectRatioSelector";
 
-export { ImageSizeSelector } from "./ImageSizeSelector";
-export type { ImageSizeSelectorProps, ImageSizeOption } from "./ImageSizeSelector";
+export { ImageSizeSelector as TextToImageSizeSelector } from "./ImageSizeSelector";
+export type {
+  ImageSizeSelectorProps as TextToImageSizeSelectorProps,
+  ImageSizeOption as TextToImageSizeOption,
+} from "./ImageSizeSelector";
 
-export { OutputFormatSelector } from "./OutputFormatSelector";
+export { OutputFormatSelector as TextToImageOutputFormatSelector } from "./OutputFormatSelector";
 export type {
-  OutputFormatSelectorProps,
-  OutputFormatOption,
+  OutputFormatSelectorProps as TextToImageOutputFormatSelectorProps,
+  OutputFormatOption as TextToImageOutputFormatOption,
 } from "./OutputFormatSelector";
 
 // Action Components
@@ -37,5 +40,5 @@ export { TextToImageGenerateButton } from "./TextToImageGenerateButton";
 export type { TextToImageGenerateButtonProps } from "./TextToImageGenerateButton";
 
 // Sheet Components
-export { SettingsSheet } from "./SettingsSheet";
-export type { SettingsSheetProps } from "./SettingsSheet";
+export { SettingsSheet as TextToImageSettingsSheet } from "./SettingsSheet";
+export type { SettingsSheetProps as TextToImageSettingsSheetProps } from "./SettingsSheet";

package/src/features/text-to-image/presentation/hooks/useGeneration.ts

@@ -76,16 +76,15 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
     try {
       const result = await callbacks.executeGeneration(request);
 
-      if (result.success) {
+      if (result.success === true) {
         callbacks.onSuccess?.(result.imageUrls);
         onPromptCleared?.();
+        setGenerationState({ isGenerating: false, progress: 100, error: null });
       } else {
-        const errorMessage = result.error;
-        setGenerationState((prev) => ({ ...prev, error: errorMessage }));
-        callbacks.onError?.(errorMessage);
+        setGenerationState({ isGenerating: false, progress: 0, error: result.error });
+        callbacks.onError?.(result.error);
       }
 
-      setGenerationState({ isGenerating: false, progress: 100, error: null });
       return result;
     } catch (error) {
       const message = error instanceof Error ? error.message : String(error);

package/src/features/text-to-voice/domain/types/component.types.ts

@@ -0,0 +1,91 @@
+/**
+ * Text-to-Voice Component Types
+ * Props types for UI components
+ */
+
+import type { ReactNode } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
+
+export interface TextToVoiceTextInputProps {
+  value: string;
+  onChangeText: (text: string) => void;
+  maxLength?: number;
+  labelKey: string;
+  placeholderKey: string;
+  characterCountKey: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceOptionalInputProps {
+  title: string;
+  value: string;
+  onChangeText: (text: string) => void;
+  placeholder: string;
+  hint: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceExamplePromptsProps {
+  prompts: string[];
+  onSelectPrompt: (prompt: string) => void;
+  labelKey: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceGenerateButtonProps {
+  isGenerating: boolean;
+  progress: number;
+  disabled: boolean;
+  onPress: () => void;
+  buttonTextKey: string;
+  generatingTextKey: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceAudioPlayerProps {
+  audioUrl: string;
+  onPlay: () => void;
+  successTextKey: string;
+  playButtonTextKey: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceErrorMessageProps {
+  message: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceHeaderProps {
+  titleKey: string;
+  descriptionKey: string;
+  iconName: string;
+  navigationType?: "back" | "close";
+  headerContent?: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export interface TextToVoiceScreenConfig {
+  maxTextLength: number;
+  creditCost: number;
+  defaultModel?: string;
+  defaultVoice?: string;
+  defaultSpeed?: number;
+  defaultStability?: number;
+  defaultSimilarityBoost?: number;
+}
+
+export interface TextToVoiceTranslationKeys {
+  title: string;
+  description: string;
+  textInputLabel: string;
+  textInputPlaceholder: string;
+  characterCount: string;
+  voiceLabel: string;
+  voicePlaceholder: string;
+  voiceHint: string;
+  examplesLabel: string;
+  generateButton: string;
+  generatingText: string;
+  successText: string;
+  playButton: string;
+}

package/src/features/text-to-voice/domain/types/config.types.ts

@@ -0,0 +1,34 @@
+/**
+ * Text-to-Voice Config Types
+ * Feature configuration types
+ */
+
+import type { TextToVoiceOptions, TextToVoiceResult } from "./generation.types";
+
+export type TextToVoiceInputBuilder = (
+  text: string,
+  options?: TextToVoiceOptions,
+) => Record<string, unknown>;
+
+export type TextToVoiceResultExtractor = (
+  result: unknown,
+) => { audioUrl?: string; duration?: number } | undefined;
+
+export interface TextToVoiceFeatureConfig {
+  providerId?: string;
+  creditCost?: number;
+  model: string;
+  buildInput: TextToVoiceInputBuilder;
+  extractResult?: TextToVoiceResultExtractor;
+  onTextChange?: (text: string) => void;
+  onProcessingStart?: () => void;
+  onProcessingComplete?: (result: TextToVoiceResult) => void;
+  onError?: (error: string) => void;
+}
+
+export interface TextToVoiceExecuteOptions {
+  model: string;
+  buildInput: TextToVoiceInputBuilder;
+  extractResult?: TextToVoiceResultExtractor;
+  onProgress?: (progress: number) => void;
+}

package/src/features/text-to-voice/domain/types/form.types.ts

@@ -0,0 +1,39 @@
+/**
+ * Text-to-Voice Form Types
+ * Form state and setter types
+ */
+
+import type { TextToVoiceRequest } from "./generation.types";
+
+export interface TextToVoiceFormState {
+  text: string;
+  model: string;
+  voice: string;
+  speed: number;
+  stability: number;
+  similarityBoost: number;
+}
+
+export interface TextToVoiceFormSetters {
+  setText: (text: string) => void;
+  setModel: (model: string) => void;
+  setVoice: (voice: string) => void;
+  setSpeed: (speed: number) => void;
+  setStability: (stability: number) => void;
+  setSimilarityBoost: (similarityBoost: number) => void;
+}
+
+export interface TextToVoiceFormReturn extends TextToVoiceFormSetters {
+  formState: TextToVoiceFormState;
+  buildRequest: () => TextToVoiceRequest;
+  resetForm: () => void;
+}
+
+export interface TextToVoiceFormConfig {
+  initialText?: string;
+  initialModel?: string;
+  initialVoice?: string;
+  initialSpeed?: number;
+  initialStability?: number;
+  initialSimilarityBoost?: number;
+}

package/src/features/text-to-voice/domain/types/generation.types.ts

@@ -0,0 +1,43 @@
+/**
+ * Text-to-Voice Generation Types
+ * Request, result, and state types for voice generation
+ */
+
+export interface TextToVoiceOptions {
+  voice?: string;
+  speed?: number;
+  pitch?: number;
+  stability?: number;
+  similarityBoost?: number;
+}
+
+export interface TextToVoiceRequest {
+  text: string;
+  userId: string;
+  model?: string;
+  options?: TextToVoiceOptions;
+}
+
+export interface TextToVoiceResult {
+  success: boolean;
+  audioUrl?: string;
+  error?: string;
+  requestId?: string;
+  duration?: number;
+}
+
+export interface TextToVoiceGenerationState {
+  isGenerating: boolean;
+  progress: number;
+  audioUrl: string | null;
+  error: string | null;
+  requestId: string | null;
+}
+
+export interface VoiceGeneration {
+  id: string;
+  text: string;
+  audioUrl: string;
+  provider: string;
+  createdAt: string;
+}

package/src/features/text-to-voice/domain/types/index.ts

@@ -1,10 +1,38 @@
+/**
+ * Text-to-Voice Domain Types
+ * Barrel export for all types
+ */
+
 export type {
   TextToVoiceOptions,
   TextToVoiceRequest,
   TextToVoiceResult,
-  TextToVoiceFeatureState,
-  TextToVoiceTranslations,
+  TextToVoiceGenerationState,
+  VoiceGeneration,
+} from "./generation.types";
+
+export type {
+  TextToVoiceFormState,
+  TextToVoiceFormSetters,
+  TextToVoiceFormReturn,
+  TextToVoiceFormConfig,
+} from "./form.types";
+
+export type {
+  TextToVoiceTextInputProps,
+  TextToVoiceOptionalInputProps,
+  TextToVoiceExamplePromptsProps,
+  TextToVoiceGenerateButtonProps,
+  TextToVoiceAudioPlayerProps,
+  TextToVoiceErrorMessageProps,
+  TextToVoiceHeaderProps,
+  TextToVoiceScreenConfig,
+  TextToVoiceTranslationKeys,
+} from "./component.types";
+
+export type {
   TextToVoiceInputBuilder,
   TextToVoiceResultExtractor,
   TextToVoiceFeatureConfig,
-} from "./text-to-voice.types";
+  TextToVoiceExecuteOptions,
+} from "./config.types";

package/src/features/text-to-voice/infrastructure/services/text-to-voice-executor.ts

@@ -7,19 +7,11 @@ import { providerRegistry } from "../../../../infrastructure/services";
 import type {
   TextToVoiceRequest,
   TextToVoiceResult,
-  TextToVoiceInputBuilder,
-  TextToVoiceResultExtractor,
+  TextToVoiceExecuteOptions,
 } from "../../domain/types";
 
 declare const __DEV__: boolean;
 
-export interface ExecuteTextToVoiceOptions {
-  model: string;
-  buildInput: TextToVoiceInputBuilder;
-  extractResult?: TextToVoiceResultExtractor;
-  onProgress?: (progress: number) => void;
-}
-
 function defaultExtractResult(
   result: unknown,
 ): { audioUrl?: string; duration?: number } | undefined {
@@ -50,7 +42,7 @@ function defaultExtractResult(
 
 export async function executeTextToVoice(
   request: TextToVoiceRequest,
-  options: ExecuteTextToVoiceOptions,
+  options: TextToVoiceExecuteOptions,
 ): Promise<TextToVoiceResult> {
   const provider = providerRegistry.getActiveProvider();
 

package/src/features/text-to-voice/domain/types/text-to-voice.types.ts

@@ -1,65 +0,0 @@
-/**
- * Text-to-Voice Feature Types
- * Request, Result, Config types for text-to-voice generation
- */
-
-export interface TextToVoiceOptions {
-  voice?: string;
-  speed?: number;
-  pitch?: number;
-  stability?: number;
-  similarityBoost?: number;
-}
-
-export interface TextToVoiceRequest {
-  text: string;
-  userId: string;
-  options?: TextToVoiceOptions;
-}
-
-export interface TextToVoiceResult {
-  success: boolean;
-  audioUrl?: string;
-  error?: string;
-  requestId?: string;
-  duration?: number;
-}
-
-export interface TextToVoiceFeatureState {
-  text: string;
-  audioUrl: string | null;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-}
-
-export interface TextToVoiceTranslations {
-  textPlaceholder: string;
-  generateButtonText: string;
-  processingText: string;
-  successText: string;
-  playButtonText: string;
-  saveButtonText: string;
-  tryAnotherText: string;
-}
-
-export type TextToVoiceInputBuilder = (
-  text: string,
-  options?: TextToVoiceOptions,
-) => Record<string, unknown>;
-
-export type TextToVoiceResultExtractor = (
-  result: unknown,
-) => { audioUrl?: string; duration?: number } | undefined;
-
-export interface TextToVoiceFeatureConfig {
-  providerId?: string;
-  creditCost?: number;
-  model: string;
-  buildInput: TextToVoiceInputBuilder;
-  extractResult?: TextToVoiceResultExtractor;
-  onTextChange?: (text: string) => void;
-  onProcessingStart?: () => void;
-  onProcessingComplete?: (result: TextToVoiceResult) => void;
-  onError?: (error: string) => void;
-}