vibefast-cli 0.2.4 → 0.3.1

package/2/apps/native/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/2/apps/native/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/2/apps/native/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/2/apps/native/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/2/apps/native/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/2/apps/native/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/2/apps/native/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/2/apps/native/tsconfig.json

@@ -0,0 +1,88 @@
+{
+  "compilerOptions": {
+    "strict": false,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@assets/*": ["./assets/*"],
+      "@env": ["./src/lib/env.js"],
+      "@/convex/*": ["@vibefast/backend/convex/*"]
+    },
+    "esModuleInterop": true,
+    "checkJs": false,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "target": "esnext",
+    "lib": ["dom", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "noImplicitThis": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "exactOptionalPropertyTypes": false
+  },
+  "exclude": [
+    "node_modules",
+    "**/node_modules",
+    "node_modules/**/*",
+    "babel.config.js",
+    "metro.config.js",
+    "vf-agent",
+    "vf-agent/**/*",
+    "CLAUDE.md",
+    "pnpm-lock.yaml",
+    "package-lock.json",
+    "yarn.lock",
+    ".cursor",
+    ".cursor/**/*",
+    ".github",
+    ".github/**/*",
+    ".claude",
+    ".claude/**/*",
+    ".expo",
+    ".expo/**/*",
+    ".expo-shared",
+    ".expo-shared/**/*",
+    "docs",
+    "docs/**/*",
+    "cli",
+    "cli/**/*",
+    "android",
+    "android/**/*",
+    "ios",
+    "ios/**/*",
+    "dist",
+    "dist/**/*",
+    "build",
+    "build/**/*",
+    "coverage",
+    "coverage/**/*",
+    ".vscode",
+    ".vscode/**/*",
+    ".idea",
+    ".idea/**/*",
+    "web-build",
+    "web-build/**/*",
+    "*.tsbuildinfo",
+    "lint-staged.config.js"
+  ],
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts",
+    "nativewind-env.d.ts",
+    "src/lib/**/*.ts",
+    "src/lib/**/*.tsx"
+  ],
+  "extends": "expo/tsconfig.base"
+}

package/2/apps/native/vitest.config.mts

@@ -0,0 +1,14 @@
+import { config as loadEnv } from "dotenv";
+import { defineConfig } from "vitest/config";
+
+loadEnv({ path: ".env.local" });
+
+export default defineConfig({
+	test: {
+		environment: "edge-runtime",
+		server: { deps: { inline: ["convex-test"] } },
+		// Test backend functions in packages/backend/convex
+		include: ["../../packages/backend/convex/**/*.test.{ts,js}"],
+		passWithNoTests: true,
+	},
+});

package/2/apps/web/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.