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

package/src/features/couple-future/infrastructure/generationUtils.ts

@@ -1,228 +0,0 @@
-/**
- * Generation Utilities
- * Config-driven input building and result processing
- */
-
-import { enhanceCouplePrompt } from "./couplePromptEnhancer";
-import type { CoupleFeatureSelection } from "../domain/types";
-
-/**
- * Scenario config interface - app provides this data
- */
-export interface ScenarioConfig {
-  readonly id: string;
-  readonly aiPrompt: string;
-  readonly storyTemplate: string;
-  readonly title?: string;
-}
-
-/**
- * Visual style modifiers config
- */
-export interface VisualStyleConfig {
-  readonly [key: string]: string;
-}
-
-export const DEFAULT_VISUAL_STYLES: VisualStyleConfig = {
-  realistic: "photorealistic, highly detailed, professional photography",
-  anime: "anime art style, vibrant colors, manga aesthetic, cel-shaded",
-  cinematic: "cinematic lighting, dramatic composition, film photography, movie scene",
-  "3d": "3D render, octane render, unreal engine, raytraced lighting",
-} as const;
-
-/**
- * Uploaded image interface
- */
-export interface GenerationImage {
-  readonly uri: string;
-  readonly base64?: string;
-  readonly previewUrl?: string;
-}
-
-/**
- * Generation input builder config
- */
-export interface BuildGenerationInputConfig {
-  readonly partnerA: GenerationImage | null;
-  readonly partnerB: GenerationImage | null;
-  readonly partnerAName: string;
-  readonly partnerBName: string;
-  readonly scenario: ScenarioConfig | null;
-  readonly customPrompt?: string;
-  readonly visualStyle: string;
-  readonly defaultPartnerAName: string;
-  readonly defaultPartnerBName: string;
-  readonly coupleFeatureSelection?: CoupleFeatureSelection;
-  readonly visualStyles?: VisualStyleConfig;
-  readonly customScenarioId?: string;
-}
-
-/**
- * Generation input with base64
- */
-export interface GenerationInputResult {
-  readonly partnerA: GenerationImage;
-  readonly partnerB: GenerationImage;
-  readonly partnerABase64: string;
-  readonly partnerBBase64: string;
-  readonly prompt: string;
-  readonly partnerAName: string;
-  readonly partnerBName: string;
-  readonly scenarioId: string;
-  readonly customPrompt?: string;
-}
-
-/**
- * Build generation input from config
- */
-export const buildGenerationInputFromConfig = (
-  config: BuildGenerationInputConfig,
-): GenerationInputResult | null => {
-  const {
-    partnerA,
-    partnerB,
-    partnerAName,
-    partnerBName,
-    scenario,
-    customPrompt,
-    visualStyle,
-    defaultPartnerAName,
-    defaultPartnerBName,
-    coupleFeatureSelection = {},
-    visualStyles = DEFAULT_VISUAL_STYLES,
-    customScenarioId = "custom",
-  } = config;
-
-  if (!partnerA || !partnerB || !scenario) {
-    return null;
-  }
-
-  let prompt = scenario.aiPrompt;
-
-  if (scenario.id === customScenarioId && customPrompt) {
-    prompt = prompt.replace("{{customPrompt}}", customPrompt);
-  }
-
-  const styleModifier = visualStyles[visualStyle];
-  if (visualStyle !== "realistic" && styleModifier) {
-    prompt = prompt.replace(/photorealistic/gi, styleModifier);
-  }
-
-  prompt = enhanceCouplePrompt(prompt, coupleFeatureSelection);
-
-  return {
-    partnerA,
-    partnerB,
-    partnerABase64: partnerA.base64 || "",
-    partnerBBase64: partnerB.base64 || "",
-    prompt,
-    partnerAName: partnerAName || defaultPartnerAName,
-    partnerBName: partnerBName || defaultPartnerBName,
-    scenarioId: scenario.id,
-    customPrompt,
-  };
-};
-
-/**
- * Process result config
- */
-export interface ProcessResultConfig {
-  readonly scenarioId: string;
-  readonly partnerAName: string;
-  readonly partnerBName: string;
-  readonly scenario: ScenarioConfig;
-}
-
-/**
- * Generation result
- */
-export interface GenerationResultData {
-  readonly imageUrl: string;
-  readonly story: string;
-  readonly date: string;
-  readonly scenarioId: string;
-  readonly names: string;
-  readonly timestamp: number;
-}
-
-/**
- * Process generation result from config
- */
-export const processGenerationResultFromConfig = (
-  imageUrl: string,
-  config: ProcessResultConfig,
-): GenerationResultData => {
-  const { scenario, partnerAName, partnerBName, scenarioId } = config;
-
-  const futureYear = new Date().getFullYear() + 5 + Math.floor(Math.random() * 20);
-  const months = ["May", "June", "August"];
-  const randomMonth = months[Math.floor(Math.random() * months.length)];
-  const randomDay = Math.floor(Math.random() * 28) + 1;
-
-  const story = scenario.storyTemplate
-    .replace(/\{\{partnerA\}\}/g, partnerAName)
-    .replace(/\{\{partnerB\}\}/g, partnerBName)
-    .replace(/\{\{year\}\}/g, String(futureYear));
-
-  return {
-    imageUrl,
-    story,
-    date: `${randomMonth} ${randomDay}, ${futureYear}`,
-    scenarioId,
-    names: `${partnerAName} & ${partnerBName}`,
-    timestamp: Date.now(),
-  };
-};
-
-/**
- * Build creation config
- */
-export interface BuildCreationConfig {
-  readonly scenarioId: string;
-  readonly partnerAName: string;
-  readonly partnerBName: string;
-  readonly scenarioTitle?: string;
-}
-
-/**
- * Creation data
- */
-export interface CoupleFutureCreationData {
-  readonly id: string;
-  readonly uri: string;
-  readonly type: string;
-  readonly prompt: string;
-  readonly metadata: {
-    readonly scenarioId: string;
-    readonly partnerAName: string;
-    readonly partnerBName: string;
-  };
-  readonly createdAt: Date;
-  readonly isShared: boolean;
-  readonly isFavorite: boolean;
-}
-
-/**
- * Build creation from result
- */
-export const buildCreationFromConfig = (
-  result: GenerationResultData,
-  config: BuildCreationConfig,
-): CoupleFutureCreationData => {
-  const { scenarioId, partnerAName, partnerBName, scenarioTitle } = config;
-
-  return {
-    id: `${scenarioId}_${Date.now()}`,
-    uri: result.imageUrl,
-    type: scenarioId,
-    prompt: scenarioTitle || scenarioId,
-    metadata: {
-      scenarioId,
-      partnerAName,
-      partnerBName,
-    },
-    createdAt: new Date(),
-    isShared: false,
-    isFavorite: false,
-  };
-};

package/src/features/couple-future/presentation/components/ArtStyleSelector.tsx

@@ -1,146 +0,0 @@
-/**
- * Art Style Selector Component
- * Single-select art style selector with intensity control
- */
-
-import React from "react";
-import { View, TouchableOpacity, StyleSheet, ScrollView } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { CoupleFeatureSelection } from "../../domain/types";
-import { ART_STYLE_OPTIONS } from "../../infrastructure/coupleFeatureRegistry";
-
-export interface ArtStyleSelectorProps {
-  selection: CoupleFeatureSelection;
-  onSelectionChange: (selection: CoupleFeatureSelection) => void;
-  translationPrefix: string;
-  t: (key: string) => string;
-}
-
-export const ArtStyleSelector: React.FC<ArtStyleSelectorProps> = ({
-  selection,
-  onSelectionChange,
-  translationPrefix,
-  t,
-}) => {
-  const tokens = useAppDesignTokens();
-  const selectedStyle = selection.artStyle;
-  const intensity = selection.artStyleIntensity || 80;
-
-  const handleStyleSelect = (styleId: string) => {
-    onSelectionChange({ ...selection, artStyle: styleId });
-  };
-
-  const handleIntensityChange = (value: number) => {
-    onSelectionChange({ ...selection, artStyleIntensity: value });
-  };
-
-  return (
-    <ScrollView style={s.container}>
-      <View style={s.section}>
-        <AtomicText
-          type="bodyMedium"
-          style={[s.title, { color: tokens.colors.textPrimary }]}
-        >
-          {t(`${translationPrefix}.selectStyle`)}
-        </AtomicText>
-
-        <View style={s.grid}>
-          {ART_STYLE_OPTIONS.map((style) => {
-            const isSelected = selectedStyle === style.id;
-            return (
-              <TouchableOpacity
-                key={style.id}
-                style={[
-                  s.card,
-                  {
-                    backgroundColor: isSelected
-                      ? `${tokens.colors.primary}15`
-                      : tokens.colors.surface,
-                    borderColor: isSelected
-                      ? tokens.colors.primary
-                      : tokens.colors.borderLight,
-                  },
-                ]}
-                onPress={() => handleStyleSelect(style.id)}
-              >
-                <AtomicIcon
-                  name={style.iconKey as never}
-                  size="lg"
-                  color={isSelected ? "primary" : "textSecondary"}
-                />
-                <AtomicText
-                  type="labelMedium"
-                  style={[
-                    s.label,
-                    {
-                      color: isSelected
-                        ? tokens.colors.primary
-                        : tokens.colors.textSecondary,
-                      fontWeight: isSelected ? "600" : "400",
-                    },
-                  ]}
-                >
-                  {t(`${translationPrefix}.styles.${style.labelKey}`)}
-                </AtomicText>
-              </TouchableOpacity>
-            );
-          })}
-        </View>
-      </View>
-
-      {selectedStyle && selectedStyle !== "original" && (
-        <View style={s.section}>
-          <View style={s.header}>
-            <AtomicText type="bodyMedium" style={[s.title, { color: tokens.colors.textPrimary }]}>
-              {t(`${translationPrefix}.intensity`)}
-            </AtomicText>
-            <AtomicText type="bodyMedium" style={{ color: tokens.colors.primary, fontWeight: "600" }}>
-              {intensity}%
-            </AtomicText>
-          </View>
-
-          <View style={s.slider}>
-            {[25, 50, 75, 100].map((value) => (
-              <TouchableOpacity
-                key={value}
-                style={[
-                  s.button,
-                  {
-                    backgroundColor: intensity === value ? tokens.colors.primary : tokens.colors.surface,
-                    borderColor: intensity === value ? tokens.colors.primary : tokens.colors.borderLight,
-                  },
-                ]}
-                onPress={() => handleIntensityChange(value)}
-              >
-                <AtomicText
-                  type="labelSmall"
-                  style={{
-                    color: intensity === value ? tokens.colors.onPrimary : tokens.colors.textSecondary,
-                  }}
-                >
-                  {value}%
-                </AtomicText>
-              </TouchableOpacity>
-            ))}
-          </View>
-        </View>
-      )}
-    </ScrollView>
-  );
-};
-
-const s = StyleSheet.create({
-  container: { flex: 1 },
-  section: { padding: 16, marginBottom: 8 },
-  title: { fontWeight: "600", marginBottom: 12 },
-  grid: { flexDirection: "row", flexWrap: "wrap", gap: 12 },
-  card: { width: "30%", aspectRatio: 0.85, padding: 12, borderRadius: 12, borderWidth: 2, alignItems: "center", justifyContent: "center" },
-  label: { marginTop: 8, textAlign: "center" },
-  header: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
-  slider: { flexDirection: "row", gap: 8, marginTop: 8 },
-  button: { flex: 1, padding: 12, borderRadius: 8, borderWidth: 2, alignItems: "center" },
-});

package/src/features/couple-future/presentation/components/ArtistStyleSelector.tsx

@@ -1,122 +0,0 @@
-/**
- * Artist Style Selector Component
- * Single-select artist style selector with intensity control
- */
-
-import React from "react";
-import { View, TouchableOpacity, StyleSheet, ScrollView } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { CoupleFeatureSelection } from "../../domain/types";
-import { ARTIST_STYLE_OPTIONS } from "../../infrastructure/coupleFeatureRegistry";
-
-export interface ArtistStyleSelectorProps {
-  selection: CoupleFeatureSelection;
-  onSelectionChange: (selection: CoupleFeatureSelection) => void;
-  translationPrefix: string;
-  t: (key: string) => string;
-}
-
-export const ArtistStyleSelector: React.FC<ArtistStyleSelectorProps> = ({
-  selection,
-  onSelectionChange,
-  translationPrefix,
-  t,
-}) => {
-  const tokens = useAppDesignTokens();
-  const selectedArtist = selection.artist;
-  const intensity = selection.artistIntensity || 70;
-
-  const handleArtistSelect = (artistId: string) => {
-    onSelectionChange({ ...selection, artist: artistId });
-  };
-
-  const handleIntensityChange = (value: number) => {
-    onSelectionChange({ ...selection, artistIntensity: value });
-  };
-
-  return (
-    <ScrollView style={s.container}>
-      <View style={s.section}>
-        <AtomicText
-          type="bodyMedium"
-          style={[s.title, { color: tokens.colors.textPrimary }]}
-        >
-          {t(`${translationPrefix}.selectArtist`)}
-        </AtomicText>
-
-        <View style={s.grid}>
-          {ARTIST_STYLE_OPTIONS.map((artist) => {
-            const isSelected = selectedArtist === artist.id;
-            return (
-              <TouchableOpacity
-                key={artist.id}
-                style={[
-                  s.card,
-                  {
-                    backgroundColor: isSelected ? `${tokens.colors.primary}15` : tokens.colors.surface,
-                    borderColor: isSelected ? tokens.colors.primary : tokens.colors.borderLight,
-                  },
-                ]}
-                onPress={() => handleArtistSelect(artist.id)}
-              >
-                <View style={[s.iconContainer, { backgroundColor: isSelected ? tokens.colors.primary : tokens.colors.surfaceVariant }]}>
-                  <AtomicIcon name={artist.iconKey as never} size="lg" color={isSelected ? "onPrimary" : "textSecondary"} />
-                </View>
-                <AtomicText
-                  type="labelMedium"
-                  style={[s.label, { color: isSelected ? tokens.colors.primary : tokens.colors.textPrimary, fontWeight: isSelected ? "600" : "500" }]}
-                >
-                  {t(`${translationPrefix}.artists.${artist.labelKey}`)}
-                </AtomicText>
-              </TouchableOpacity>
-            );
-          })}
-        </View>
-      </View>
-
-      {selectedArtist && (
-        <View style={s.section}>
-          <View style={s.header}>
-            <AtomicText type="bodyMedium" style={[s.title, { color: tokens.colors.textPrimary }]}>
-              {t(`${translationPrefix}.intensity`)}
-            </AtomicText>
-            <AtomicText type="bodyMedium" style={{ color: tokens.colors.primary, fontWeight: "600" }}>
-              {intensity}%
-            </AtomicText>
-          </View>
-
-          <View style={s.slider}>
-            {[25, 50, 75, 100].map((value) => (
-              <TouchableOpacity
-                key={value}
-                style={[s.button, { backgroundColor: intensity === value ? tokens.colors.primary : tokens.colors.surface, borderColor: intensity === value ? tokens.colors.primary : tokens.colors.borderLight }]}
-                onPress={() => handleIntensityChange(value)}
-              >
-                <AtomicText type="labelSmall" style={{ color: intensity === value ? tokens.colors.onPrimary : tokens.colors.textSecondary }}>
-                  {value}%
-                </AtomicText>
-              </TouchableOpacity>
-            ))}
-          </View>
-        </View>
-      )}
-    </ScrollView>
-  );
-};
-
-const s = StyleSheet.create({
-  container: { flex: 1 },
-  section: { padding: 16, marginBottom: 8 },
-  title: { fontWeight: "600", marginBottom: 12 },
-  grid: { flexDirection: "row", flexWrap: "wrap", gap: 12 },
-  card: { width: "47%", padding: 12, borderRadius: 12, borderWidth: 2, alignItems: "center", justifyContent: "center" },
-  iconContainer: { width: 64, height: 64, borderRadius: 32, alignItems: "center", justifyContent: "center", marginBottom: 8 },
-  label: { textAlign: "center" },
-  header: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
-  slider: { flexDirection: "row", gap: 8, marginTop: 8 },
-  button: { flex: 1, padding: 12, borderRadius: 8, borderWidth: 2, alignItems: "center" },
-});