vibefast-cli 0.4.0 → 0.5.1

package/recipes/ios-widget/targets/widget/HabitTrackerWidget.swift

@@ -0,0 +1,305 @@
+import SwiftUI
+import WidgetKit
+
+// MARK: - Data Models
+struct HabitItem {
+    let id: String
+    let name: String
+    let color: Color
+    let completedDays: [Bool]
+}
+
+struct HabitEntry: TimelineEntry {
+    let date: Date
+    let totalStreak: Int
+    let completionRate: Int
+    let habits: [HabitItem]
+}
+
+// MARK: - Timeline Provider
+struct HabitProvider: TimelineProvider {
+    func placeholder(in context: Context) -> HabitEntry {
+        HabitEntry(
+            date: Date(),
+            totalStreak: 12,
+            completionRate: 85,
+            habits: getHardcodedHabits()
+        )
+    }
+    
+    func getSnapshot(in context: Context, completion: @escaping (HabitEntry) -> ()) {
+        let entry = HabitEntry(
+            date: Date(),
+            totalStreak: 12,
+            completionRate: 85,
+            habits: getHardcodedHabits()
+        )
+        completion(entry)
+    }
+    
+    func getTimeline(in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {
+        let currentDate = Date()
+        let entry = HabitEntry(
+            date: currentDate,
+            totalStreak: 12,
+            completionRate: 85,
+            habits: getHardcodedHabits()
+        )
+        
+        // Refresh every hour
+        let nextUpdate = Calendar.current.date(byAdding: .hour, value: 1, to: currentDate)!
+        let timeline = Timeline(entries: [entry], policy: .after(nextUpdate))
+        completion(timeline)
+    }
+    
+    private func getHardcodedHabits() -> [HabitItem] {
+        return [
+            HabitItem(
+                id: "exercise",
+                name: "Exercise",
+                color: Color(red: 1.0, green: 0.42, blue: 0.42),
+                completedDays: [true, true, false, true, true, true, false]
+            ),
+            HabitItem(
+                id: "read",
+                name: "Read",
+                color: Color(red: 0.31, green: 0.8, blue: 0.77),
+                completedDays: [true, true, true, true, false, true, true]
+            ),
+            HabitItem(
+                id: "meditate",
+                name: "Meditate",
+                color: Color(red: 0.27, green: 0.72, blue: 0.82),
+                completedDays: [true, false, true, true, true, true, true]
+            ),
+            HabitItem(
+                id: "water",
+                name: "Water",
+                color: Color(red: 0.59, green: 0.81, blue: 0.71),
+                completedDays: [true, true, true, true, true, false, true]
+            )
+        ]
+    }
+}
+
+// MARK: - Widget Views
+struct HabitTrackerWidgetEntryView: View {
+    var entry: HabitProvider.Entry
+    @Environment(\.widgetFamily) var family
+    
+    var body: some View {
+        switch family {
+        case .systemSmall:
+            SmallHabitView(entry: entry)
+        case .systemMedium:
+            MediumHabitView(entry: entry)
+        case .systemLarge:
+            LargeHabitView(entry: entry)
+        default:
+            MediumHabitView(entry: entry)
+        }
+    }
+}
+
+struct SmallHabitView: View {
+    let entry: HabitEntry
+    
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Text("Habits")
+                    .font(.system(size: 14, weight: .bold))
+                    .foregroundColor(.primary)
+                Spacer()
+                HStack(spacing: 2) {
+                    Image(systemName: "flame.fill")
+                        .font(.system(size: 12))
+                        .foregroundColor(.orange)
+                    Text("\(entry.totalStreak)")
+                        .font(.system(size: 12, weight: .bold))
+                        .foregroundColor(.primary)
+                }
+            }
+            
+            Spacer()
+            
+            VStack(spacing: 4) {
+                ForEach(entry.habits.prefix(3), id: \.id) { habit in
+                    HStack(spacing: 2) {
+                        ForEach(0..<7, id: \.self) { day in
+                            RoundedRectangle(cornerRadius: 1)
+                                .fill(habit.completedDays[day] ? habit.color : Color.gray.opacity(0.3))
+                                .frame(width: 8, height: 8)
+                        }
+                    }
+                }
+            }
+            
+            Spacer()
+            
+            Text("\(entry.completionRate)%")
+                .font(.system(size: 18, weight: .bold))
+                .foregroundColor(.blue)
+        }
+        .padding(12)
+        .containerBackground(Color.clear, for: .widget)
+    }
+}
+
+struct MediumHabitView: View {
+    let entry: HabitEntry
+    
+    var body: some View {
+        VStack(alignment: .leading, spacing: 10) {
+            HStack {
+                Text("Habit Tracker")
+                    .font(.system(size: 14, weight: .bold))
+                    .foregroundColor(.primary)
+                Spacer()
+                HStack(spacing: 3) {
+                    Image(systemName: "flame.fill")
+                        .font(.system(size: 12))
+                        .foregroundColor(.orange)
+                    Text("\(entry.totalStreak)")
+                        .font(.system(size: 12, weight: .bold))
+                        .foregroundColor(.primary)
+                }
+            }
+            
+            VStack(alignment: .leading, spacing: 2) {
+                Text("\(entry.completionRate)%")
+                    .font(.system(size: 20, weight: .heavy))
+                    .foregroundColor(.blue)
+                Text("This week")
+                    .font(.system(size: 9))
+                    .foregroundColor(.secondary)
+            }
+            
+            VStack(spacing: 4) {
+                ForEach(entry.habits, id: \.id) { habit in
+                    HStack(alignment: .center, spacing: 6) {
+                        HStack(spacing: 3) {
+                            Circle()
+                                .fill(habit.color)
+                                .frame(width: 5, height: 5)
+                            Text(habit.name)
+                                .font(.system(size: 9, weight: .medium))
+                                .foregroundColor(.primary)
+                                .lineLimit(1)
+                        }
+                        .frame(width: 50, alignment: .leading)
+                        
+                        HStack(spacing: 2) {
+                            ForEach(0..<7, id: \.self) { day in
+                                RoundedRectangle(cornerRadius: 1.5)
+                                    .fill(habit.completedDays[day] ? habit.color : Color.gray.opacity(0.3))
+                                    .frame(width: 10, height: 10)
+                            }
+                        }
+                    }
+                }
+            }
+            
+            Spacer()
+        }
+        .padding(14)
+        .containerBackground(Color.clear, for: .widget)
+    }
+}
+
+struct LargeHabitView: View {
+    let entry: HabitEntry
+    
+    var body: some View {
+        VStack(alignment: .leading, spacing: 14) {
+            HStack {
+                Text("Habit Tracker")
+                    .font(.system(size: 16, weight: .bold))
+                    .foregroundColor(.primary)
+                Spacer()
+                HStack(spacing: 4) {
+                    Image(systemName: "flame.fill")
+                        .font(.system(size: 14))
+                        .foregroundColor(.orange)
+                    Text("\(entry.totalStreak)")
+                        .font(.system(size: 14, weight: .bold))
+                        .foregroundColor(.primary)
+                }
+            }
+            
+            VStack(alignment: .leading, spacing: 4) {
+                Text("\(entry.completionRate)%")
+                    .font(.system(size: 28, weight: .heavy))
+                    .foregroundColor(.blue)
+                Text("This week")
+                    .font(.system(size: 11))
+                    .foregroundColor(.secondary)
+            }
+            
+            VStack(spacing: 6) {
+                ForEach(entry.habits, id: \.id) { habit in
+                    HStack(alignment: .center, spacing: 10) {
+                        HStack(spacing: 5) {
+                            Circle()
+                                .fill(habit.color)
+                                .frame(width: 7, height: 7)
+                            Text(habit.name)
+                                .font(.system(size: 11, weight: .medium))
+                                .foregroundColor(.primary)
+                        }
+                        .frame(width: 70, alignment: .leading)
+                        
+                        HStack(spacing: 3) {
+                            ForEach(0..<7, id: \.self) { day in
+                                RoundedRectangle(cornerRadius: 2)
+                                    .fill(habit.completedDays[day] ? habit.color : Color.gray.opacity(0.3))
+                                    .frame(width: 14, height: 14)
+                            }
+                        }
+                    }
+                }
+            }
+            
+            Spacer()
+            
+            HStack {
+                VStack(alignment: .leading, spacing: 2) {
+                    Text("Active habits")
+                        .font(.system(size: 10))
+                        .foregroundColor(.secondary)
+                    Text("\(entry.habits.count)")
+                        .font(.system(size: 12, weight: .semibold))
+                        .foregroundColor(.primary)
+                }
+                
+                Spacer()
+                
+                VStack(alignment: .trailing, spacing: 2) {
+                    Text("Best streak")
+                        .font(.system(size: 10))
+                        .foregroundColor(.secondary)
+                    Text("\(entry.totalStreak) days")
+                        .font(.system(size: 12, weight: .semibold))
+                        .foregroundColor(.primary)
+                }
+            }
+        }
+        .padding(18)
+        .containerBackground(Color.clear, for: .widget)
+    }
+}
+
+// MARK: - Widget Configuration
+struct HabitTrackerWidget: Widget {
+    let kind: String = "HabitTrackerWidget"
+    
+    var body: some WidgetConfiguration {
+        StaticConfiguration(kind: kind, provider: HabitProvider()) { entry in
+            HabitTrackerWidgetEntryView(entry: entry)
+                .widgetURL(URL(string: "vibefast://tracker-app"))
+        }
+        .configurationDisplayName("Habit Tracker")
+        .description("Track your daily habits with a beautiful grid view.")
+        .supportedFamilies([.systemSmall, .systemMedium, .systemLarge])
+    }
+}

package/recipes/ios-widget/targets/widget/Info.plist

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>NSExtension</key>
+    <dict>
+      <key>NSExtensionPointIdentifier</key>
+      <string>com.apple.widgetkit-extension</string>
+    </dict>
+  </dict>
+</plist>

package/recipes/ios-widget/targets/widget/WidgetLiveActivity.swift

@@ -0,0 +1,75 @@
+import ActivityKit
+import WidgetKit
+import SwiftUI
+
+struct WidgetAttributes: ActivityAttributes {
+    public struct ContentState: Codable, Hashable {
+        // Dynamic stateful properties about your activity go here!
+        var emoji: String
+    }
+
+    // Fixed non-changing properties about your activity go here!
+    var name: String
+}
+
+struct WidgetLiveActivity: Widget {
+    var body: some WidgetConfiguration {
+        ActivityConfiguration(for: WidgetAttributes.self) { context in
+            // Lock screen/banner UI goes here
+            VStack {
+                Text("Hello \(context.state.emoji)")
+            }
+            .activityBackgroundTint(Color.cyan)
+            .activitySystemActionForegroundColor(Color.black)
+
+        } dynamicIsland: { context in
+            DynamicIsland {
+                // Expanded UI goes here.  Compose the expanded UI through
+                // various regions, like leading/trailing/center/bottom
+                DynamicIslandExpandedRegion(.leading) {
+                    Text("Leading")
+                }
+                DynamicIslandExpandedRegion(.trailing) {
+                    Text("Trailing")
+                }
+                DynamicIslandExpandedRegion(.bottom) {
+                    Text("Bottom \(context.state.emoji)")
+                    // more content
+                }
+            } compactLeading: {
+                Text("L")
+            } compactTrailing: {
+                Text("T \(context.state.emoji)")
+            } minimal: {
+                Text(context.state.emoji)
+            }
+            .widgetURL(URL(string: "https://www.expo.dev"))
+            .keylineTint(Color.red)
+        }
+    }
+}
+
+extension WidgetAttributes {
+    fileprivate static var preview: WidgetAttributes {
+        WidgetAttributes(name: "World")
+    }
+}
+
+extension WidgetAttributes.ContentState {
+    fileprivate static var smiley: WidgetAttributes.ContentState {
+        WidgetAttributes.ContentState(emoji: "😀")
+     }
+     
+     fileprivate static var starEyes: WidgetAttributes.ContentState {
+         WidgetAttributes.ContentState(emoji: "🤩")
+     }
+}
+
+#if swift(>=5.9)
+#Preview("Notification", as: .content, using: WidgetAttributes.preview) {
+   WidgetLiveActivity()
+} contentStates: {
+    WidgetAttributes.ContentState.smiley
+    WidgetAttributes.ContentState.starEyes
+}
+#endif

package/recipes/ios-widget/targets/widget/expo-target.config.js

@@ -0,0 +1,10 @@
+/** @type {import('@bacons/apple-targets/app.plugin').ConfigFunction} */
+module.exports = (config) => ({
+  type: 'widget',
+  icon: 'https://github.com/expo.png',
+  entitlements: {
+    // Mirror the root app's App Group
+    'com.apple.security.application-groups':
+      config.ios.entitlements['com.apple.developer.associated-groups'],
+  },
+});

package/recipes/ios-widget/targets/widget/generated.entitlements

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict/>
+</plist>

package/recipes/ios-widget/targets/widget/index.swift

@@ -0,0 +1,18 @@
+import WidgetKit
+import SwiftUI
+
+@main
+struct exportWidgets: WidgetBundle {
+    var body: some Widget {
+        // Conditionally include iOS 17+ AppIntent-based widget
+        if #available(iOSApplicationExtension 17.0, *) {
+            widget()
+        }
+        // Other widgets targeting earlier iOS versions
+        WidgetLiveActivity()
+        HabitTrackerWidget()
+        if #available(iOSApplicationExtension 17.0, *) {
+            CalorieTrackerWidget()
+        }
+    }
+}

package/recipes/ios-widget/targets/widget/widgets.swift

@@ -0,0 +1,96 @@
+import WidgetKit
+import SwiftUI
+import AppIntents
+
+@available(iOSApplicationExtension 17.0, *)
+struct Provider: AppIntentTimelineProvider {
+    typealias Entry = SimpleEntry
+    typealias Intent = ConfigurationAppIntent
+    
+    func placeholder(in context: Context) -> SimpleEntry {
+        SimpleEntry(date: Date(), configuration: .smiley)
+    }
+
+    func snapshot(for configuration: ConfigurationAppIntent, in context: Context) async -> SimpleEntry {
+        SimpleEntry(date: Date(), configuration: configuration)
+    }
+    
+    func timeline(for configuration: ConfigurationAppIntent, in context: Context) async -> Timeline<SimpleEntry> {
+        var entries: [SimpleEntry] = []
+
+        // Generate a timeline consisting of five entries an hour apart, starting from the current date.
+        let currentDate = Date()
+        for hourOffset in 0 ..< 5 {
+            let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)!
+            let entry = SimpleEntry(date: entryDate, configuration: configuration)
+            entries.append(entry)
+        }
+
+        return Timeline(entries: entries, policy: .atEnd)
+    }
+
+    func recommendations() -> [AppIntentRecommendation<ConfigurationAppIntent>] {
+        [
+            AppIntentRecommendation(intent: .smiley, description: "Smiley"),
+            AppIntentRecommendation(intent: .starEyes, description: "Star Eyes")
+        ]
+    }
+}
+
+@available(iOSApplicationExtension 17.0, *)
+struct SimpleEntry: TimelineEntry {
+    let date: Date
+    let configuration: ConfigurationAppIntent
+}
+
+@available(iOSApplicationExtension 17.0, *)
+struct widgetEntryView : View {
+    var entry: Provider.Entry
+
+    var body: some View {
+        VStack {
+            Text("Time:")
+            Text(entry.date, style: .time)
+
+            Text("Favorite Emoji:")
+            Text(entry.configuration.favoriteEmoji)
+        }
+    }
+}
+
+@available(iOSApplicationExtension 17.0, *)
+struct widget: Widget {
+    let kind: String = "widget"
+
+    var body: some WidgetConfiguration {
+        AppIntentConfiguration(kind: kind, intent: ConfigurationAppIntent.self, provider: Provider()) { entry in
+            widgetEntryView(entry: entry)
+                .containerBackground(Color.clear, for: .widget)
+        }
+    }
+}
+
+@available(iOSApplicationExtension 17.0, *)
+extension ConfigurationAppIntent {
+    fileprivate static var smiley: ConfigurationAppIntent {
+        let intent = ConfigurationAppIntent()
+        intent.favoriteEmoji = "😀"
+        return intent
+    }
+    
+    fileprivate static var starEyes: ConfigurationAppIntent {
+        let intent = ConfigurationAppIntent()
+        intent.favoriteEmoji = "🤩"
+        return intent
+    }
+}
+
+#if swift(>=5.9)
+@available(iOSApplicationExtension 17.0, *)
+#Preview(as: .systemSmall) {
+    widget()
+} timeline: {
+    SimpleEntry(date: Date.now, configuration: .smiley)
+    SimpleEntry(date: Date.now, configuration: .starEyes)
+}
+#endif

package/recipes/payments/apps/native/src/app/(root)/(protected)/paywall/index.tsx

@@ -0,0 +1,74 @@
+import { router, Stack } from 'expo-router';
+import React, { useMemo } from 'react';
+import { ScrollView, View } from 'react-native';
+
+import { FeatureButton, FocusAwareStatusBar } from '@/components/ui';
+import { translate } from '@/lib';
+import { useThemeConfig } from '@/lib/use-theme-config';
+
+export default function PaywallSelection() {
+  const theme = useThemeConfig();
+  const optionsTitle = translate('paywall.options_title');
+  const screenOptions = useMemo(
+    () => ({
+      title: optionsTitle,
+      headerShown: true,
+      headerBackButtonDisplayMode: 'generic' as const,
+    }),
+    [optionsTitle],
+  );
+
+  const paywallOptions = [
+    {
+      id: 'remote',
+      title: translate('paywall.remote_title'),
+      icon: '💳',
+      color: '#FBBF24', // Amber
+      description: translate('paywall.remote_description'),
+      route: '/paywall/remote',
+      testID: 'remote-paywall-option',
+    },
+    {
+      id: 'local',
+      title: translate('paywall.local_title'),
+      icon: '🛒',
+      color: '#10B981', // Emerald
+      description: translate('paywall.local_description'),
+      route: '/paywall/local',
+      testID: 'local-paywall-option',
+    },
+  ];
+
+  const handleOptionPress = (route: string) => {
+    router.push(route as any);
+  };
+
+  return (
+    <>
+      <FocusAwareStatusBar />
+      <Stack.Screen options={screenOptions} />
+      <ScrollView
+        style={{ backgroundColor: theme.colors.background }}
+        className="flex-1"
+        showsVerticalScrollIndicator={false}
+      >
+        <View className="px-6 py-8">
+          <View className="-mx-2 flex-row flex-wrap">
+            {paywallOptions.map((option) => (
+              <View key={option.id} className="w-1/2 px-2 pb-4">
+                <FeatureButton
+                  title={option.title}
+                  icon={option.icon}
+                  color={option.color}
+                  description={option.description}
+                  testID={option.testID}
+                  onPress={() => handleOptionPress(option.route)}
+                />
+              </View>
+            ))}
+          </View>
+        </View>
+      </ScrollView>
+    </>
+  );
+}

package/recipes/payments/apps/native/src/app/(root)/(protected)/paywall/local.tsx

@@ -0,0 +1,25 @@
+import { Stack } from 'expo-router';
+import React, { useMemo } from 'react';
+
+import LocalPaywall from '@/features/payments/app/local-paywall';
+import { RevenueCatAdapter } from '@/features/payments/services/revenuecat-adapter';
+import { translate } from '@/lib';
+
+export default function LocalPaywallScreen() {
+  const paymentService = useMemo(() => new RevenueCatAdapter(), []);
+  const localTitle = translate('paywall.local_title');
+  const screenOptions = useMemo(
+    () => ({
+      title: localTitle,
+      headerShown: false,
+    }),
+    [localTitle],
+  );
+
+  return (
+    <>
+      <Stack.Screen options={screenOptions} />
+      <LocalPaywall paymentService={paymentService} />
+    </>
+  );
+}

package/recipes/payments/apps/native/src/app/(root)/(protected)/paywall/remote.tsx

@@ -0,0 +1,23 @@
+import { Stack } from 'expo-router';
+import React, { useMemo } from 'react';
+
+import RemotePaywall from '@/features/payments/app/remote-paywall';
+import { translate } from '@/lib';
+
+export default function RemotePaywallScreen() {
+  const remoteTitle = translate('paywall.remote_title');
+  const screenOptions = useMemo(
+    () => ({
+      title: remoteTitle,
+      headerShown: true,
+    }),
+    [remoteTitle],
+  );
+
+  return (
+    <>
+      <Stack.Screen options={screenOptions} />
+      <RemotePaywall />
+    </>
+  );
+}