@shaykec/app-agent 1.0.8 → 1.0.10

package/templates/android/TrackTemplate/app/src/main/kotlin/com/appship/track/core/animation/AnimatedTransitionsModifiers.kt

@@ -1,14 +1,24 @@
 package com.appship.track.core.animation
 
+import android.view.HapticFeedbackConstants
 import androidx.compose.animation.*
 import androidx.compose.animation.core.*
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.interaction.collectIsPressedAsState
 import androidx.compose.foundation.layout.offset
 import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.composed
 import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.draw.scale
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.platform.LocalView
 import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
 
 /**
  * Staggered appear animation for list items.
@@ -118,3 +128,181 @@ fun Modifier.bounceOnChange(
 
     this.scale(bounceAnim)
 }
+
+/**
+ * Scale-down press feedback for tappable elements.
+ * Scales to 0.95 on press with spring return animation.
+ */
+fun Modifier.scaleOnPress(): Modifier = composed {
+    val interactionSource = remember { MutableInteractionSource() }
+    val isPressed by interactionSource.collectIsPressedAsState()
+
+    val scale by animateFloatAsState(
+        targetValue = if (isPressed) 0.95f else 1f,
+        animationSpec = spring(
+            dampingRatio = Spring.DampingRatioMediumBouncy,
+            stiffness = Spring.StiffnessMedium
+        ),
+        label = "pressScale"
+    )
+
+    this
+        .scale(scale)
+        .clickable(
+            interactionSource = interactionSource,
+            indication = null
+        ) { }
+}
+
+/**
+ * Triggers haptic feedback on tap.
+ */
+fun Modifier.hapticFeedback(): Modifier = composed {
+    val view = LocalView.current
+    this.pointerInput(Unit) {
+        detectTapGestures {
+            view.performHapticFeedback(HapticFeedbackConstants.KEYBOARD_TAP)
+        }
+    }
+}
+
+/**
+ * Slide-from-side + fade-in animation on appear.
+ */
+fun Modifier.slideAndFade(
+    delayMs: Int = 0,
+    durationMs: Int = 400
+): Modifier = composed {
+    var isVisible by remember { mutableStateOf(false) }
+
+    val alpha by animateFloatAsState(
+        targetValue = if (isVisible) 1f else 0f,
+        animationSpec = tween(
+            durationMillis = durationMs,
+            delayMillis = delayMs,
+            easing = FastOutSlowInEasing
+        ),
+        label = "slideAndFadeAlpha"
+    )
+
+    val offsetX by animateIntAsState(
+        targetValue = if (isVisible) 0 else 40,
+        animationSpec = tween(
+            durationMillis = durationMs,
+            delayMillis = delayMs,
+            easing = FastOutSlowInEasing
+        ),
+        label = "slideAndFadeOffsetX"
+    )
+
+    LaunchedEffect(Unit) {
+        isVisible = true
+    }
+
+    this
+        .alpha(alpha)
+        .offset { IntOffset(offsetX, 0) }
+}
+
+/**
+ * Subtle colored shadow for cards and elevated surfaces.
+ * Uses Material 3 elevation with optional color tinting.
+ */
+fun Modifier.cardShadow(
+    color: Color = Color.Black,
+    elevation: Float = 4f
+): Modifier = composed {
+    this.shadow(
+        elevation = elevation.dp,
+        ambientColor = color.copy(alpha = 0.08f),
+        spotColor = color.copy(alpha = 0.12f),
+        shape = androidx.compose.foundation.shape.RoundedCornerShape(12.dp)
+    )
+}
+
+/**
+ * Deeper shadow for floating elements (FABs, modals).
+ */
+fun Modifier.elevatedShadow(
+    color: Color = Color.Black
+): Modifier = composed {
+    this.shadow(
+        elevation = 8.dp,
+        ambientColor = color.copy(alpha = 0.12f),
+        spotColor = color.copy(alpha = 0.16f),
+        shape = androidx.compose.foundation.shape.RoundedCornerShape(16.dp)
+    )
+}
+
+/**
+ * Shimmer loading overlay for skeleton placeholder views.
+ * Sweeps a translucent gradient across the content repeatedly.
+ */
+fun Modifier.shimmer(
+    durationMs: Int = 1500
+): Modifier = composed {
+    val transition = rememberInfiniteTransition(label = "shimmer")
+    val translateAnim by transition.animateFloat(
+        initialValue = -1f,
+        targetValue = 2f,
+        animationSpec = infiniteRepeatable(
+            animation = tween(durationMillis = durationMs, easing = LinearEasing),
+            repeatMode = RepeatMode.Restart
+        ),
+        label = "shimmerTranslate"
+    )
+
+    this.alpha(0.3f + 0.7f * ((translateAnim + 1f) / 3f).coerceIn(0f, 1f))
+}
+
+/**
+ * Repeating scale pulse animation for live indicators and notifications.
+ */
+fun Modifier.pulse(
+    intensity: Float = 0.05f,
+    durationMs: Int = 1000
+): Modifier = composed {
+    val transition = rememberInfiniteTransition(label = "pulse")
+    val scale by transition.animateFloat(
+        initialValue = 1f,
+        targetValue = 1f + intensity,
+        animationSpec = infiniteRepeatable(
+            animation = tween(durationMillis = durationMs, easing = FastOutSlowInEasing),
+            repeatMode = RepeatMode.Reverse
+        ),
+        label = "pulseScale"
+    )
+
+    this.scale(scale)
+}
+
+/**
+ * Heart/like bounce effect when toggled active.
+ * Scales up to 1.3x then springs back. Perfect for favorite buttons.
+ */
+fun Modifier.heartBounce(
+    isActive: Boolean
+): Modifier = composed {
+    var previousActive by remember { mutableStateOf(isActive) }
+    var animatedScale by remember { mutableFloatStateOf(1f) }
+
+    val bounceAnim by animateFloatAsState(
+        targetValue = animatedScale,
+        animationSpec = spring(
+            dampingRatio = Spring.DampingRatioMediumBouncy,
+            stiffness = Spring.StiffnessMedium
+        ),
+        label = "heartBounce"
+    )
+
+    LaunchedEffect(isActive) {
+        if (isActive && !previousActive) {
+            animatedScale = 1.3f
+            kotlinx.coroutines.delay(200)
+            animatedScale = 1f
+        }
+        previousActive = isActive
+    }
+
+    this.scale(bounceAnim)
+}

package/templates/ios/BookTemplate/BookTemplate/Core/Animation/AnimatedTransitionsView.swift

@@ -57,6 +57,155 @@ struct BounceScaleModifier: ViewModifier {
     }
 }
 
+// MARK: - Scale on Press Modifier
+/// Applies scale-down + spring-back animation when pressed (like a button press).
+struct ScaleOnPressModifier: ViewModifier {
+    @State private var isPressed = false
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(isPressed ? 0.95 : 1.0)
+            .animation(.spring(response: 0.3, dampingFraction: 0.7), value: isPressed)
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in isPressed = true }
+                    .onEnded { _ in isPressed = false }
+            )
+    }
+}
+
+// MARK: - Haptic Feedback Modifier
+/// Triggers haptic feedback on tap.
+struct HapticFeedbackModifier: ViewModifier {
+    let style: UIImpactFeedbackGenerator.FeedbackStyle
+    
+    func body(content: Content) -> some View {
+        content
+            .onTapGesture {
+                UIImpactFeedbackGenerator(style: style).impactOccurred()
+            }
+    }
+}
+
+// MARK: - Slide and Fade Modifier
+/// Applies a slide-from-side + fade-in animation on appear.
+struct SlideAndFadeModifier: ViewModifier {
+    let delay: Double
+    @State private var isVisible = false
+    
+    func body(content: Content) -> some View {
+        content
+            .opacity(isVisible ? 1 : 0)
+            .offset(x: isVisible ? 0 : 20)
+            .motionAware(animation: .spring(response: 0.5, dampingFraction: 0.8).delay(delay))
+            .onAppear {
+                isVisible = true
+            }
+    }
+}
+
+// MARK: - Card Shadow Modifier
+/// Applies a subtle colored shadow to cards and elevated surfaces.
+struct CardShadowModifier: ViewModifier {
+    let color: Color
+    let radius: CGFloat
+    let y: CGFloat
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.08), radius: radius, x: 0, y: y)
+            .shadow(color: Color.black.opacity(0.04), radius: radius / 2, x: 0, y: y / 2)
+    }
+}
+
+// MARK: - Elevated Shadow Modifier
+/// Applies a deeper shadow for FABs and floating elements.
+struct ElevatedShadowModifier: ViewModifier {
+    let color: Color
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.12), radius: 16, x: 0, y: 8)
+            .shadow(color: Color.black.opacity(0.06), radius: 8, x: 0, y: 4)
+    }
+}
+
+// MARK: - Shimmer Modifier
+/// Applies a shimmer/skeleton-loading gradient overlay for loading states.
+struct ShimmerModifier: ViewModifier {
+    @State private var isAnimating = false
+    
+    func body(content: Content) -> some View {
+        content
+            .overlay(
+                GeometryReader { geometry in
+                    if isAnimating {
+                        LinearGradient(
+                            colors: [
+                                Color.clear,
+                                Color.white.opacity(0.3),
+                                Color.clear
+                            ],
+                            startPoint: .leading,
+                            endPoint: .trailing
+                        )
+                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
+                        .animation(
+                            Animation.linear(duration: 1.5)
+                                .repeatForever(autoreverses: false),
+                            value: isAnimating
+                        )
+                    }
+                }
+            )
+            .clipped()
+            .onAppear {
+                isAnimating = true
+            }
+    }
+}
+
+// MARK: - Pulse Modifier
+/// Applies a repeating scale pulse effect (e.g., for notifications, active indicators).
+struct PulseModifier: ViewModifier {
+    let intensity: CGFloat
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .onAppear {
+                withAnimation(
+                    .easeInOut(duration: 1.0)
+                    .repeatForever(autoreverses: true)
+                ) {
+                    scale = 1.0 + intensity
+                }
+            }
+    }
+}
+
+// MARK: - Heart Bounce Modifier
+/// Applies a scale-up bounce then return when toggled (e.g., favorite/like buttons).
+struct HeartBounceModifier: ViewModifier {
+    let isActive: Bool
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .motionAware(animation: .spring(response: 0.3, dampingFraction: 0.5))
+            .onChange(of: isActive) { _, newValue in
+                if newValue {
+                    scale = 1.3
+                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                        scale = 1.0
+                    }
+                }
+            }
+    }
+}
+
 // MARK: - View Extensions
 
 extension View {
@@ -79,4 +228,56 @@ extension View {
     func bounceOnChange(isActive: Bool) -> some View {
         modifier(BounceScaleModifier(isActive: isActive))
     }
+    
+    /// Applies scale-down press feedback to any tappable element.
+    /// Scales to 0.95 on press with spring return animation.
+    func scaleOnPress() -> some View {
+        modifier(ScaleOnPressModifier())
+    }
+    
+    /// Triggers haptic feedback on tap.
+    /// - Parameter style: Feedback intensity (.light, .medium, .heavy)
+    func hapticFeedback(_ style: UIImpactFeedbackGenerator.FeedbackStyle = .light) -> some View {
+        modifier(HapticFeedbackModifier(style: style))
+    }
+    
+    /// Applies a slide-from-side + fade-in animation on appear.
+    /// - Parameter delay: Delay before animation starts (default: 0)
+    func slideAndFade(delay: Double = 0) -> some View {
+        modifier(SlideAndFadeModifier(delay: delay))
+    }
+    
+    /// Applies subtle colored shadow to cards and elevated surfaces.
+    /// Uses dual-shadow technique: primary-tinted shadow + neutral shadow for depth.
+    /// - Parameters:
+    ///   - color: Shadow tint color (default: .primary)
+    ///   - radius: Shadow blur radius (default: 8)
+    ///   - y: Vertical offset (default: 4)
+    func cardShadow(color: Color = .primary, radius: CGFloat = 8, y: CGFloat = 4) -> some View {
+        modifier(CardShadowModifier(color: color, radius: radius, y: y))
+    }
+    
+    /// Applies deeper shadow for floating elements (FABs, modals).
+    /// - Parameter color: Shadow tint color (default: .primary)
+    func elevatedShadow(color: Color = .primary) -> some View {
+        modifier(ElevatedShadowModifier(color: color))
+    }
+    
+    /// Applies a shimmer loading overlay (e.g., for skeleton placeholder views).
+    func shimmer() -> some View {
+        modifier(ShimmerModifier())
+    }
+    
+    /// Applies a repeating pulse animation (e.g., for notifications, live indicators).
+    /// - Parameter intensity: Scale increase per pulse (default: 0.05 = 5% bigger)
+    func pulse(intensity: CGFloat = 0.05) -> some View {
+        modifier(PulseModifier(intensity: intensity))
+    }
+    
+    /// Applies a heart/like bounce effect when toggled active.
+    /// Scales up to 1.3x then springs back. Perfect for favorite buttons.
+    /// - Parameter isActive: Boolean that triggers the bounce when it becomes true
+    func heartBounce(isActive: Bool) -> some View {
+        modifier(HeartBounceModifier(isActive: isActive))
+    }
 }

package/templates/ios/ChatTemplate/ChatTemplate/Core/Animation/AnimatedTransitionsView.swift

@@ -57,6 +57,155 @@ struct BounceScaleModifier: ViewModifier {
     }
 }
 
+// MARK: - Scale on Press Modifier
+/// Applies scale-down + spring-back animation when pressed (like a button press).
+struct ScaleOnPressModifier: ViewModifier {
+    @State private var isPressed = false
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(isPressed ? 0.95 : 1.0)
+            .animation(.spring(response: 0.3, dampingFraction: 0.7), value: isPressed)
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in isPressed = true }
+                    .onEnded { _ in isPressed = false }
+            )
+    }
+}
+
+// MARK: - Haptic Feedback Modifier
+/// Triggers haptic feedback on tap.
+struct HapticFeedbackModifier: ViewModifier {
+    let style: UIImpactFeedbackGenerator.FeedbackStyle
+    
+    func body(content: Content) -> some View {
+        content
+            .onTapGesture {
+                UIImpactFeedbackGenerator(style: style).impactOccurred()
+            }
+    }
+}
+
+// MARK: - Slide and Fade Modifier
+/// Applies a slide-from-side + fade-in animation on appear.
+struct SlideAndFadeModifier: ViewModifier {
+    let delay: Double
+    @State private var isVisible = false
+    
+    func body(content: Content) -> some View {
+        content
+            .opacity(isVisible ? 1 : 0)
+            .offset(x: isVisible ? 0 : 20)
+            .motionAware(animation: .spring(response: 0.5, dampingFraction: 0.8).delay(delay))
+            .onAppear {
+                isVisible = true
+            }
+    }
+}
+
+// MARK: - Card Shadow Modifier
+/// Applies a subtle colored shadow to cards and elevated surfaces.
+struct CardShadowModifier: ViewModifier {
+    let color: Color
+    let radius: CGFloat
+    let y: CGFloat
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.08), radius: radius, x: 0, y: y)
+            .shadow(color: Color.black.opacity(0.04), radius: radius / 2, x: 0, y: y / 2)
+    }
+}
+
+// MARK: - Elevated Shadow Modifier
+/// Applies a deeper shadow for FABs and floating elements.
+struct ElevatedShadowModifier: ViewModifier {
+    let color: Color
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.12), radius: 16, x: 0, y: 8)
+            .shadow(color: Color.black.opacity(0.06), radius: 8, x: 0, y: 4)
+    }
+}
+
+// MARK: - Shimmer Modifier
+/// Applies a shimmer/skeleton-loading gradient overlay for loading states.
+struct ShimmerModifier: ViewModifier {
+    @State private var isAnimating = false
+    
+    func body(content: Content) -> some View {
+        content
+            .overlay(
+                GeometryReader { geometry in
+                    if isAnimating {
+                        LinearGradient(
+                            colors: [
+                                Color.clear,
+                                Color.white.opacity(0.3),
+                                Color.clear
+                            ],
+                            startPoint: .leading,
+                            endPoint: .trailing
+                        )
+                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
+                        .animation(
+                            Animation.linear(duration: 1.5)
+                                .repeatForever(autoreverses: false),
+                            value: isAnimating
+                        )
+                    }
+                }
+            )
+            .clipped()
+            .onAppear {
+                isAnimating = true
+            }
+    }
+}
+
+// MARK: - Pulse Modifier
+/// Applies a repeating scale pulse effect (e.g., for notifications, active indicators).
+struct PulseModifier: ViewModifier {
+    let intensity: CGFloat
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .onAppear {
+                withAnimation(
+                    .easeInOut(duration: 1.0)
+                    .repeatForever(autoreverses: true)
+                ) {
+                    scale = 1.0 + intensity
+                }
+            }
+    }
+}
+
+// MARK: - Heart Bounce Modifier
+/// Applies a scale-up bounce then return when toggled (e.g., favorite/like buttons).
+struct HeartBounceModifier: ViewModifier {
+    let isActive: Bool
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .motionAware(animation: .spring(response: 0.3, dampingFraction: 0.5))
+            .onChange(of: isActive) { _, newValue in
+                if newValue {
+                    scale = 1.3
+                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                        scale = 1.0
+                    }
+                }
+            }
+    }
+}
+
 // MARK: - View Extensions
 
 extension View {
@@ -79,4 +228,56 @@ extension View {
     func bounceOnChange(isActive: Bool) -> some View {
         modifier(BounceScaleModifier(isActive: isActive))
     }
+    
+    /// Applies scale-down press feedback to any tappable element.
+    /// Scales to 0.95 on press with spring return animation.
+    func scaleOnPress() -> some View {
+        modifier(ScaleOnPressModifier())
+    }
+    
+    /// Triggers haptic feedback on tap.
+    /// - Parameter style: Feedback intensity (.light, .medium, .heavy)
+    func hapticFeedback(_ style: UIImpactFeedbackGenerator.FeedbackStyle = .light) -> some View {
+        modifier(HapticFeedbackModifier(style: style))
+    }
+    
+    /// Applies a slide-from-side + fade-in animation on appear.
+    /// - Parameter delay: Delay before animation starts (default: 0)
+    func slideAndFade(delay: Double = 0) -> some View {
+        modifier(SlideAndFadeModifier(delay: delay))
+    }
+    
+    /// Applies subtle colored shadow to cards and elevated surfaces.
+    /// Uses dual-shadow technique: primary-tinted shadow + neutral shadow for depth.
+    /// - Parameters:
+    ///   - color: Shadow tint color (default: .primary)
+    ///   - radius: Shadow blur radius (default: 8)
+    ///   - y: Vertical offset (default: 4)
+    func cardShadow(color: Color = .primary, radius: CGFloat = 8, y: CGFloat = 4) -> some View {
+        modifier(CardShadowModifier(color: color, radius: radius, y: y))
+    }
+    
+    /// Applies deeper shadow for floating elements (FABs, modals).
+    /// - Parameter color: Shadow tint color (default: .primary)
+    func elevatedShadow(color: Color = .primary) -> some View {
+        modifier(ElevatedShadowModifier(color: color))
+    }
+    
+    /// Applies a shimmer loading overlay (e.g., for skeleton placeholder views).
+    func shimmer() -> some View {
+        modifier(ShimmerModifier())
+    }
+    
+    /// Applies a repeating pulse animation (e.g., for notifications, live indicators).
+    /// - Parameter intensity: Scale increase per pulse (default: 0.05 = 5% bigger)
+    func pulse(intensity: CGFloat = 0.05) -> some View {
+        modifier(PulseModifier(intensity: intensity))
+    }
+    
+    /// Applies a heart/like bounce effect when toggled active.
+    /// Scales up to 1.3x then springs back. Perfect for favorite buttons.
+    /// - Parameter isActive: Boolean that triggers the bounce when it becomes true
+    func heartBounce(isActive: Bool) -> some View {
+        modifier(HeartBounceModifier(isActive: isActive))
+    }
 }

package/templates/ios/DashTemplate/DashTemplate/App/AppConfig.swift

@@ -16,6 +16,7 @@ struct AppConfig {
         static let enableDrillDown = true
         static let enableDataSources = true
         static let enableDarkModeDefault = false
+        static let enableAnimations = true  // CUSTOMIZE:ANIMATIONS - Motion preferences & animated transitions
     }
     
     // CUSTOMIZE:API