@umituz/react-native-ai-generation-content 1.26.2 → 1.26.4

package/src/features/text-to-video/domain/types/request.types.ts

@@ -1,36 +0,0 @@
-/**
- * Text-to-Video Request/Response Types
- * Single Responsibility: Define API request and response structures
- */
-
-export interface TextToVideoOptions {
-  duration?: number;
-  fps?: number;
-  guidanceScale?: number;
-  aspectRatio?: "16:9" | "9:16" | "1:1";
-  style?: string;
-  negativePrompt?: string;
-}
-
-export interface TextToVideoRequest {
-  prompt: string;
-  userId: string;
-  options?: TextToVideoOptions;
-}
-
-export interface TextToVideoResult {
-  success: boolean;
-  videoUrl?: string;
-  thumbnailUrl?: string;
-  error?: string;
-  requestId?: string;
-}
-
-export type TextToVideoInputBuilder = (
-  prompt: string,
-  options?: TextToVideoOptions,
-) => Record<string, unknown>;
-
-export type TextToVideoResultExtractor = (
-  result: unknown,
-) => { videoUrl?: string; thumbnailUrl?: string } | undefined;

package/src/features/text-to-video/domain/types/state.types.ts

@@ -1,53 +0,0 @@
-/**
- * Text-to-Video Feature State Types
- * Single Responsibility: Define internal state structures
- */
-
-export interface TextToVideoFeatureState {
-  prompt: string;
-  videoUrl: string | null;
-  thumbnailUrl: string | null;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-}
-
-export interface TextToVideoFormState {
-  prompt: string;
-  style: string;
-  aspectRatio: string;
-  duration: number;
-  activeTab: string;
-  soundEnabled: boolean;
-  professionalMode: boolean;
-}
-
-export interface TextToVideoGenerationState {
-  isGenerating: boolean;
-  progress: number;
-  contentWarnings: string[];
-  error: string | null;
-}
-
-export interface FrameData {
-  id: string;
-  url: string;
-  order: number;
-}
-
-export const INITIAL_FORM_STATE: TextToVideoFormState = {
-  prompt: "",
-  style: "realistic",
-  aspectRatio: "16:9",
-  duration: 4,
-  activeTab: "text-to-video",
-  soundEnabled: false,
-  professionalMode: false,
-};
-
-export const INITIAL_GENERATION_STATE: TextToVideoGenerationState = {
-  isGenerating: false,
-  progress: 0,
-  contentWarnings: [],
-  error: null,
-};

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

@@ -1,68 +0,0 @@
-/**
- * Text-to-Video Feature
- * Provider-agnostic text-to-video generation for 100+ apps
- */
-
-// Domain Types
-export type {
-  TextToVideoOptions,
-  TextToVideoRequest,
-  TextToVideoResult,
-  TextToVideoFeatureState,
-  TextToVideoFormState,
-  TextToVideoGenerationState,
-  TextToVideoTranslations,
-  TextToVideoInputBuilder,
-  TextToVideoResultExtractor,
-  TextToVideoConfig,
-  TextToVideoCallbacks,
-  TabConfig,
-  VideoStyleOption,
-  AspectRatioOption,
-  VideoDurationOption,
-  OptionToggleConfig,
-  HeroConfig,
-  ProgressConfig,
-  FrameData,
-  VideoModerationResult,
-  ProjectData,
-  CreationData,
-  GenerationStartData,
-  GenerationTabsProps,
-  FrameSelectorProps,
-  OptionsPanelProps,
-  HeroSectionProps,
-  HintCarouselProps,
-  HintItem,
-  ExamplePromptsProps,
-  ExamplePrompt,
-} from "./domain";
-
-export { INITIAL_FORM_STATE, INITIAL_GENERATION_STATE } from "./domain";
-
-// Infrastructure Services
-export { executeTextToVideo, hasTextToVideoSupport } from "./infrastructure";
-export type { ExecuteTextToVideoOptions } from "./infrastructure";
-
-// Presentation Hooks
-export {
-  useTextToVideoFeature,
-  useTextToVideoForm,
-} from "./presentation";
-
-export type {
-  UseTextToVideoFeatureProps,
-  UseTextToVideoFeatureReturn,
-  TextToVideoGenerateParams,
-  UseTextToVideoFormProps,
-  UseTextToVideoFormReturn,
-} from "./presentation";
-
-// Presentation Components
-export {
-  GenerationTabs,
-  FrameSelector,
-  OptionsPanel,
-  HeroSection,
-  HintCarousel,
-} from "./presentation";

package/src/features/text-to-video/infrastructure/index.ts

@@ -1 +0,0 @@
-export * from "./services";

package/src/features/text-to-video/infrastructure/services/index.ts

@@ -1,5 +0,0 @@
-export {
-  executeTextToVideo,
-  hasTextToVideoSupport,
-} from "./text-to-video-executor";
-export type { ExecuteTextToVideoOptions } from "./text-to-video-executor";

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

@@ -1,141 +0,0 @@
-/**
- * Text-to-Video Executor
- * Single Responsibility: Execute text-to-video using active AI provider
- */
-
-import { providerRegistry } from "../../../../infrastructure/services";
-import type {
-  TextToVideoRequest,
-  TextToVideoResult,
-  TextToVideoInputBuilder,
-  TextToVideoResultExtractor,
-} from "../../domain/types";
-
-declare const __DEV__: boolean;
-
-export interface ExecuteTextToVideoOptions {
-  model: string;
-  buildInput: TextToVideoInputBuilder;
-  extractResult?: TextToVideoResultExtractor;
-  onProgress?: (progress: number) => void;
-}
-
-function defaultExtractResult(
-  result: unknown,
-): { videoUrl?: string; thumbnailUrl?: string } | undefined {
-  if (typeof result !== "object" || result === null) return undefined;
-
-  const r = result as Record<string, unknown>;
-
-  if (typeof r.video === "string") {
-    return { videoUrl: r.video };
-  }
-
-  if (r.video && typeof r.video === "object") {
-    const video = r.video as Record<string, unknown>;
-    if (typeof video.url === "string") {
-      return {
-        videoUrl: video.url,
-        thumbnailUrl:
-          typeof r.thumbnail === "string" ? r.thumbnail : undefined,
-      };
-    }
-  }
-
-  return undefined;
-}
-
-export async function executeTextToVideo(
-  request: TextToVideoRequest,
-  options: ExecuteTextToVideoOptions,
-): Promise<TextToVideoResult> {
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
-    console.log("[TextToVideoExecutor] executeTextToVideo() called");
-  }
-
-  const provider = providerRegistry.getActiveProvider();
-
-  if (!provider) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
-      console.error("[TextToVideoExecutor] No AI provider configured");
-    }
-    return { success: false, error: "No AI provider configured" };
-  }
-
-  if (!provider.isInitialized()) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
-      console.error("[TextToVideoExecutor] AI provider not initialized");
-    }
-    return { success: false, error: "AI provider not initialized" };
-  }
-
-  if (!request.prompt) {
-    return { success: false, error: "Prompt is required" };
-  }
-
-  const { model, buildInput, extractResult, onProgress } = options;
-
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
-    console.log(`[TextToVideoExecutor] Provider: ${provider.providerId}, Model: ${model}`);
-  }
-
-  try {
-    onProgress?.(5);
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
-      console.log("[TextToVideoExecutor] Starting provider.run()...");
-    }
-
-    const input = buildInput(request.prompt, request.options);
-
-    const result = await provider.run(model, input, {
-      onProgress: (progressInfo) => {
-        const progressValue = progressInfo.progress;
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-           
-          console.log("[TextToVideoExecutor] Progress:", progressValue);
-        }
-        onProgress?.(progressValue);
-      },
-    });
-
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
-      console.log("[TextToVideoExecutor] provider.run() completed", result);
-    }
-
-    const extractor = extractResult || defaultExtractResult;
-    const extracted = extractor(result);
-    onProgress?.(100);
-
-    if (!extracted?.videoUrl) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-         
-        console.error("[TextToVideoExecutor] No video URL in response");
-      }
-      return { success: false, error: "No video in response" };
-    }
-
-    return {
-      success: true,
-      videoUrl: extracted.videoUrl,
-      thumbnailUrl: extracted.thumbnailUrl,
-    };
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
-      console.error("[TextToVideoExecutor] Error:", message);
-    }
-    return { success: false, error: message };
-  }
-}
-
-export function hasTextToVideoSupport(): boolean {
-  const provider = providerRegistry.getActiveProvider();
-  return provider !== null && provider.isInitialized();
-}

package/src/features/text-to-video/presentation/components/FrameSelector.tsx

@@ -1,153 +0,0 @@
-/**
- * FrameSelector Component
- * Single Responsibility: Display and manage start/end frames
- */
-
-import React from "react";
-import { View, StyleSheet, TouchableOpacity, Image } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { FrameSelectorProps } from "../../domain/types";
-
-export const FrameSelector: React.FC<FrameSelectorProps> = ({
-  frames,
-  onFrameChange,
-  onFrameDelete,
-  startLabel,
-  endLabel,
-  changeLabel,
-  deleteLabel,
-  style,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  const startFrame = frames.find((f) => f.order === 0);
-  const endFrame = frames.find((f) => f.order === 1);
-
-  const renderFrameContent = (frame: typeof startFrame) =>
-    frame ? (
-      <Image
-        source={{ uri: frame.url }}
-        style={styles.image}
-        resizeMode="cover"
-      />
-    ) : (
-      <View style={styles.placeholder}>
-        <AtomicIcon name="image-outline" size="xl" color="secondary" />
-      </View>
-    );
-
-  const renderActions = (index: number) => (
-    <View style={[styles.actions, { gap: tokens.spacing.md }]}>
-      <TouchableOpacity
-        style={[styles.actionButton, { gap: tokens.spacing.xs }]}
-        onPress={() => onFrameChange(index)}
-      >
-        <AtomicIcon name="pencil-outline" size="xs" color="primary" />
-        <AtomicText type="labelSmall" color="primary">
-          {changeLabel}
-        </AtomicText>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={[styles.actionButton, { gap: tokens.spacing.xs }]}
-        onPress={() => onFrameDelete(index)}
-      >
-        <AtomicIcon name="trash-outline" size="xs" color="primary" />
-        <AtomicText type="labelSmall" color="primary">
-          {deleteLabel}
-        </AtomicText>
-      </TouchableOpacity>
-    </View>
-  );
-
-  return (
-    <View style={[styles.container, { gap: tokens.spacing.md }, style]}>
-      <View style={[styles.frameContainer, { gap: tokens.spacing.sm }]}>
-        <AtomicText type="labelMedium" color="textSecondary">
-          {startLabel}
-        </AtomicText>
-        <View
-          style={[
-            styles.imageWrapper,
-            { backgroundColor: tokens.colors.surface },
-          ]}
-        >
-          {renderFrameContent(startFrame)}
-        </View>
-        {renderActions(0)}
-      </View>
-
-      <View style={styles.separatorContainer}>
-        <View
-          style={[styles.separator, { backgroundColor: tokens.colors.surface }]}
-        >
-          <AtomicIcon name="arrow-forward-outline" size="sm" color="primary" />
-        </View>
-      </View>
-
-      <View style={[styles.frameContainer, { gap: tokens.spacing.sm }]}>
-        <AtomicText type="labelMedium" color="textSecondary">
-          {endLabel}
-        </AtomicText>
-        <View
-          style={[
-            styles.imageWrapper,
-            { backgroundColor: tokens.colors.surface },
-          ]}
-        >
-          {renderFrameContent(endFrame)}
-        </View>
-        {renderActions(1)}
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    justifyContent: "space-between",
-    marginBottom: 24,
-  },
-  frameContainer: {
-    flex: 1,
-  },
-  imageWrapper: {
-    width: "100%",
-    aspectRatio: 9 / 16,
-    overflow: "hidden",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  image: {
-    width: "100%",
-    height: "100%",
-  },
-  placeholder: {
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "center",
-  },
-  actionButton: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  separatorContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    paddingTop: 80,
-  },
-  separator: {
-    width: 32,
-    height: 32,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});

package/src/features/text-to-video/presentation/components/GenerationTabs.tsx

@@ -1,73 +0,0 @@
-/**
- * GenerationTabs Component
- * Single Responsibility: Tab navigation for generation modes
- */
-
-import React from "react";
-import { View, TouchableOpacity, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { GenerationTabsProps } from "../../domain/types";
-
-export const GenerationTabs: React.FC<GenerationTabsProps> = ({
-  tabs,
-  activeTab,
-  onTabChange,
-  getLabel,
-  style,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View
-      style={[
-        styles.container,
-        { backgroundColor: tokens.colors.background },
-        style,
-      ]}
-    >
-      {tabs.map((tab) => {
-        const isActive = activeTab === tab.id;
-        return (
-          <TouchableOpacity
-            key={tab.id}
-            style={[
-              styles.tab,
-              isActive && { backgroundColor: tokens.colors.secondary },
-            ]}
-            onPress={() => onTabChange(tab.id)}
-          >
-            <AtomicText
-              type="labelMedium"
-              color={isActive ? "textInverse" : "textSecondary"}
-              style={styles.text}
-            >
-              {getLabel(tab.labelKey)}
-            </AtomicText>
-          </TouchableOpacity>
-        );
-      })}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    padding: 4,
-    borderRadius: 8,
-    marginBottom: 16,
-  },
-  tab: {
-    flex: 1,
-    paddingVertical: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-  },
-  text: {
-    fontWeight: "600",
-  },
-});

package/src/features/text-to-video/presentation/components/HeroSection.tsx

@@ -1,61 +0,0 @@
-/**
- * HeroSection Component
- * Single Responsibility: Display hero banner for text-to-video feature
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { HeroSectionProps } from "../../domain/types";
-
-export const HeroSection: React.FC<HeroSectionProps> = ({
-  title,
-  subtitle,
-  icon,
-  style,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View style={[styles.container, { backgroundColor: tokens.colors.primary }, style]}>
-      <View style={styles.iconContainer}>
-        <AtomicIcon
-          name={icon || "sparkles-outline"}
-          size="xl"
-          color="textInverse"
-        />
-      </View>
-      <AtomicText type="headlineSmall" color="textInverse" style={styles.title}>
-        {title}
-      </AtomicText>
-      <AtomicText type="bodyMedium" color="textInverse" style={styles.subtitle}>
-        {subtitle}
-      </AtomicText>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 16,
-    padding: 24,
-    alignItems: "center",
-    marginBottom: 24,
-  },
-  iconContainer: {
-    marginBottom: 12,
-  },
-  title: {
-    fontWeight: "700",
-    textAlign: "center",
-    marginBottom: 8,
-  },
-  subtitle: {
-    textAlign: "center",
-    opacity: 0.9,
-  },
-});

package/src/features/text-to-video/presentation/components/HintCarousel.tsx

@@ -1,96 +0,0 @@
-/**
- * HintCarousel Component
- * Single Responsibility: Display scrollable hint images for inspiration
- */
-
-import React from "react";
-import {
-  View,
-  ScrollView,
-  TouchableOpacity,
-  Image,
-  StyleSheet,
-} from "react-native";
-import {
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { HintCarouselProps } from "../../domain/types";
-
-export const HintCarousel: React.FC<HintCarouselProps> = ({
-  hints,
-  onHintSelect,
-  onRefresh,
-  style,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  if (hints.length === 0) {
-    return null;
-  }
-
-  return (
-    <View style={[styles.container, style]}>
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        contentContainerStyle={styles.scrollContent}
-      >
-        {hints.map((hint) => (
-          <TouchableOpacity
-            key={hint.id}
-            style={[
-              styles.hintItem,
-              { backgroundColor: tokens.colors.surface },
-            ]}
-            onPress={() => onHintSelect(hint)}
-          >
-            <Image
-              source={{ uri: hint.imageUrl }}
-              style={styles.hintImage}
-              resizeMode="cover"
-            />
-          </TouchableOpacity>
-        ))}
-        {onRefresh && (
-          <TouchableOpacity
-            style={[
-              styles.refreshButton,
-              { backgroundColor: tokens.colors.surface },
-            ]}
-            onPress={onRefresh}
-          >
-            <AtomicIcon name="refresh-outline" size="md" color="primary" />
-          </TouchableOpacity>
-        )}
-      </ScrollView>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    marginBottom: 24,
-  },
-  scrollContent: {
-    paddingHorizontal: 4,
-    gap: 12,
-  },
-  hintItem: {
-    width: 80,
-    height: 80,
-    borderRadius: 12,
-    overflow: "hidden",
-  },
-  hintImage: {
-    width: "100%",
-    height: "100%",
-  },
-  refreshButton: {
-    width: 80,
-    height: 80,
-    borderRadius: 12,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});