react-native-ios-widget 0.0.3

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ["universe/native", "universe/web"],
+  ignorePatterns: ["build"],
+};

package/README.md

@@ -0,0 +1,100 @@
+# react-native-widget-extension
+
+Expo config plugin to add widgets and live activities to a React Native app
+
+The widgets still need to be written in Swift (I think there's no way around that). But you can simply add a folder with Swift files to a React Native project (see folder \_widgets in this repository for examples) and then add the plugin via:
+
+```sh
+npx expo install react-native-widget-extension
+```
+
+And add the following config to app.json (where widgetsFolder is the path to the folder with the Swift files):
+
+```json
+"expo": {
+    "name": "my-app",
+    "plugins": [
+        [
+            "react-native-widget-extension",
+            { "frequentUpdates": true, "widgetsFolder": "_widgets/PizzaDelivery" },
+        ],
+    ]
+}
+```
+
+Then in React land, you can use the following:
+
+```typescript
+import {
+  areActivitiesEnabled,
+  startActivity,
+  updateActivity,
+  endActivity,
+} from "react-native-widget-extension";
+
+startActivity(3, "4343", "$32.23", driverName, 47, 43);
+```
+
+## Plugin configuration options
+
+- frequentUpdates (boolean, default: false): Depending on this param, NSSupportsLiveActivitiesFrequentUpdates will be set
+- widgetsFolder (string, default: "widgets"): Path from the project root to the folder containing the Swift widget files
+- deploymentTarget (string, default: "16.2"): The minimum deployment target for the app
+<!--
+- moduleFileName (string, default: "Module.swift"): File within the widget folder that defines the native module
+- attributesFileName (string): File within the widget folder that defined the widget attributes
+  -->
+
+## Example
+
+For a minimal example app, see the folder **example**. Example code for widgets can be found in the \*\*\_widgets\_\_ folder.
+
+Some background on how the **PizzaDelivery** example works:
+
+- Assets.xcassets and Info.plist: Automatically created by Xcode when you create a widget
+- Attributes.swift: The ActivityAttributes for the Live Activity are defined here. By default, this file should be named "Attributes.swift".
+- Module.swift: This file defined the native module that can then be used from React land to start/stop/update the live activity. By default, this file should be named "Module.swift".
+- The rest of the folder can be Swift files that define widgets, views, etc. and can be named and divided between files however you want.
+
+## Deployment Target
+
+By default, this module adds a minimum deployment target of iOS 16.2, because otherwise Swift compilation fails if you try to use Live Activities. If you want to support earliert versions of iOS, you can manually set the deployment target via plugin config:
+
+```json
+"expo": {
+    "name": "my-app",
+    "plugins": [
+        [
+            "react-native-widget-extension",
+            { "deploymentTarget": "14.0" },
+        ],
+    ]
+}
+```
+
+If you do this and you still use Live Activities in Swift, you have to make sure to guard the code that can only run on iOS 16.2 and later like this:
+
+```swift
+import SwiftUI
+import WidgetKit
+
+@main
+struct PizzaDeliveryWidgetBundle: WidgetBundle {
+    var body: some Widget {
+        PizzaDeliveryWidgets()
+
+        if #available(iOS 16.2, *) {
+            PizzaDeliveryLiveActivity()
+        }
+    }
+}
+```
+
+and
+
+```swift
+@available(iOS 16.2, *)
+struct LockScreenLiveActivityView: View {
+    ...
+}
+```

package/_widgets/EmojiRanger/AdventureActivityConfiguration.swift

@@ -0,0 +1,71 @@
+/*
+See the LICENSE.txt file for this sample’s licensing information.
+
+Abstract:
+The adventure activity configuration.
+*/
+
+import WidgetKit
+import SwiftUI
+
+struct AdventureActivityConfiguration: Widget {
+    var body: some WidgetConfiguration {
+        ActivityConfiguration(for: AdventureAttributes.self) { context in
+            AdventureLiveActivityView(
+                hero: context.attributes.hero,
+                isStale: context.isStale,
+                contentState: context.state
+            )
+            .activityBackgroundTint(Color.liveActivityBackground.opacity(0.25))
+        } dynamicIsland: { context in
+            DynamicIsland {
+                expandedContent(
+                    hero: context.attributes.hero,
+                    contentState: context.state,
+                    isStale: context.isStale
+                )
+            } compactLeading: {
+                Avatar(hero: context.attributes.hero, includeBackground: true)
+            } compactTrailing: {
+                ProgressView(value: context.state.currentHealthLevel, total: 1) {
+                    Text("\(Int(context.state.currentHealthLevel * 100))")
+                }
+                .progressViewStyle(.circular)
+                .tint(context.state.currentHealthLevel <= 0.2 ? Color.red : Color.green)
+            } minimal: {
+                ProgressView(value: context.state.currentHealthLevel, total: 1) {
+                    Avatar(hero: context.attributes.hero, includeBackground: false)
+                }
+                .progressViewStyle(.circular)
+                .tint(context.state.currentHealthLevel <= 0.2 ? Color.red : Color.green)
+            }
+            
+        }
+    }
+    
+    @DynamicIslandExpandedContentBuilder
+    private func expandedContent(hero: EmojiRanger,
+                                 contentState: AdventureAttributes.ContentState,
+                                 isStale: Bool) -> DynamicIslandExpandedContent<some View> {
+        DynamicIslandExpandedRegion(.leading) {
+            LiveActivityAvatarView(hero: hero)
+        }
+        
+        DynamicIslandExpandedRegion(.trailing) {
+            StatsView(
+                hero: hero,
+                isStale: isStale
+            )
+        }
+        
+        DynamicIslandExpandedRegion(.bottom) {
+            
+            HealthBar(currentHealthLevel: contentState.currentHealthLevel)
+            
+            EventDescriptionView(
+                hero: hero,
+                contentState: contentState
+            )
+        }
+    }
+}

package/_widgets/EmojiRanger/AllCharactersView.swift

@@ -0,0 +1,43 @@
+/*
+See the LICENSE.txt file for this sample’s licensing information.
+
+Abstract:
+A view that shows a list of heroes sorted by their health level.
+*/
+import SwiftUI
+
+struct AllCharactersView: View {
+    
+    let heros: [EmojiRanger]
+    
+    init(heros: [EmojiRanger]? = EmojiRanger.availableHeros) {
+        self.heros = heros ?? EmojiRanger.availableHeros
+    }
+    
+    var body: some View {
+        VStack(spacing: 48) {
+            ForEach(heros.sorted { $0.healthLevel > $1.healthLevel }, id: \.self) { hero in
+                Link(destination: hero.url) {
+                    HStack {
+                        Avatar(hero: hero)
+                        VStack(alignment: .leading) {
+                            Text(hero.name)
+                                .font(.headline)
+                                .foregroundColor(.white)
+                            Text("Level \(hero.level)")
+                                .foregroundColor(.white)
+                            HealthLevelShape(level: hero.healthLevel)
+                                .frame(height: 10)
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+struct AllCharactersView_Previews: PreviewProvider {
+    static var previews: some View {
+        AllCharactersView()
+    }
+}

package/_widgets/EmojiRanger/Assets.xcassets/AccentColor.colorset/Contents.json

@@ -0,0 +1,11 @@
+{
+  "colors": [
+    {
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

package/_widgets/EmojiRanger/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,13 @@
+{
+  "images": [
+    {
+      "idiom": "universal",
+      "platform": "ios",
+      "size": "1024x1024"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

package/_widgets/EmojiRanger/Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

package/_widgets/EmojiRanger/Assets.xcassets/WidgetBackground.colorset/Contents.json

@@ -0,0 +1,11 @@
+{
+  "colors": [
+    {
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

package/_widgets/EmojiRanger/Attributes.swift

@@ -0,0 +1,21 @@
+/*
+See the LICENSE.txt file for this sample’s licensing information.
+
+Abstract:
+The adventure attributes.
+*/
+
+#if canImport(ActivityKit)
+
+import ActivityKit
+
+struct AdventureAttributes: ActivityAttributes {
+    struct ContentState: Codable & Hashable {
+        let currentHealthLevel: Double
+        let eventDescription: String
+    }
+    
+    let hero: EmojiRanger
+}
+
+#endif

package/_widgets/EmojiRanger/EmojiRanger.swift

@@ -0,0 +1,248 @@
+/*
+See the LICENSE.txt file for this sample’s licensing information.
+
+Abstract:
+Details about a hero, including a name, health level, avatar, and other properties.
+*/
+
+import AppIntents
+import WidgetKit
+
+struct EmojiRanger: Hashable, Codable, Identifiable {
+    
+    static var typeDisplayRepresentation: TypeDisplayRepresentation = "EmojiRanger"
+    
+    static let LeaderboardWidgetKind: String = "LeaderboardWidget"
+    static let EmojiRangerWidgetKind: String = "EmojiRangerWidget"
+    
+    var displayRepresentation: DisplayRepresentation {
+        DisplayRepresentation(title: "\(avatar) \(name)")
+    }
+    
+    let name: String
+    let avatar: String
+    let healthLevel: Double
+    let heroType: String
+    let healthRecoveryRatePerHour: Double
+    let url: URL
+    let battleCode: URL
+    let level: Int
+    let exp: Int
+    let bio: String
+    
+    var id: String {
+        name
+    }
+    
+    static let panda = EmojiRanger(
+        name: "Power Panda",
+        avatar: "🐼",
+        healthLevel: 0.14,
+        heroType: "Forest Dweller",
+        healthRecoveryRatePerHour: 0.25,
+        url: URL(string: "game:///panda")!,
+        battleCode: URL(string: "game:///panda/battle")!,
+        level: 3,
+        exp: 600,
+        bio: "Power Panda loves eating bamboo shoots and leaves.")
+    
+    static let egghead = EmojiRanger(
+        name: "Egghead",
+        avatar: "🦄",
+        healthLevel: 0.67,
+        heroType: "Free Ranger",
+        healthRecoveryRatePerHour: 0.22,
+        url: URL(string: "game:///egghead")!,
+        battleCode: URL(string: "game:///egghead/battle")!,
+        level: 5,
+        exp: 1000,
+        bio: "Egghead comes from the magical land of Eggopolis and flies through the air with their magnificent mane billowing.")
+    
+    static let spouty = EmojiRanger(
+        name: "Spouty",
+        avatar: "🐳",
+        healthLevel: 0.99,
+        heroType: "Deep Sea Goer",
+        healthRecoveryRatePerHour: 0.59,
+        url: URL(string: "game:///spouty")!,
+        battleCode: URL(string: "game:///spouty/battle")!,
+        level: 50,
+        exp: 20_000,
+        bio: "Spouty rises from the depths to bring joy and laughter to everyone. They are best friends with Octo.")
+    
+    static let availableHeros = [panda, egghead, spouty]
+    
+    func hash(into hasher: inout Hasher) {
+        hasher.combine(name)
+    }
+    
+    var fullHealthDate: Date {
+        let healthNeeded = min(1 - healthLevel, 1)
+        let hoursUntilFullHealth = healthNeeded / healthRecoveryRatePerHour
+        let minutesUntilFullHealth = (hoursUntilFullHealth * 60)
+        let date = Calendar.current.date(byAdding: .minute, value: Int(minutesUntilFullHealth), to: Date())
+        
+        return date ?? Date()
+    }
+    
+    var injuryDate: Date {
+        let totalInjurySeconds = 3600 / healthRecoveryRatePerHour
+        let injuryDate = fullHealthDate.advanced(by: -totalInjurySeconds)
+        return injuryDate
+    }
+    
+    static func heroFromName(name: String?) -> EmojiRanger {
+        guard let hero = (allHeros).first(where: { (hero) -> Bool in
+            return hero.name == name
+        }) else {
+            return .panda
+        }
+        return hero
+    }
+    
+    static func heroFromURL(url: URL) -> EmojiRanger? {
+        guard let hero = (allHeros).first(where: { (hero) -> Bool in
+            return hero.url == url
+        }) else {
+            return .panda
+        }
+        return hero
+    }
+    
+    static let session = ImageURLProtocol.urlSession()
+    
+    static func loadLeaderboardData(completion:@escaping ([EmojiRanger]?, Error?) -> Void) {
+        // Save a faux API to the temporary directory and fetch it.
+        // In your app, you fetch it from a real API.
+        do {
+            let responseURL = FileManager.default.temporaryDirectory.appendingPathComponent("userData.json")
+            
+            try fauxResponse.data(using: .utf8)?.write(to: responseURL)
+            session.dataTask(with: responseURL) { (data, response, error) in
+                if let playerData = data {
+                    do {
+                        let hero = try JSONDecoder().decode([EmojiRanger].self, from: playerData)
+                            .sorted { $0.healthLevel > $1.healthLevel }
+                        completion(hero, error)
+                    } catch {
+                        completion(nil, error)
+                    }
+                } else {
+                    completion(nil, error)
+                }
+            }.resume()
+        } catch {
+            completion(nil, error)
+        }
+        
+    }
+    
+    static let appGroup = "<App Group Here>"
+    
+    static func setLastSelectedHero(heroName: String) {
+        UserDefaults(suiteName: appGroup)?.setValue(heroName, forKey: "hero")
+    }
+    
+    static func getLastSelectedHero() -> EmojiRanger? {
+        guard let name = UserDefaults(suiteName: appGroup)?.value(forKey: "hero") as? String else {
+            return nil
+        }
+        return EmojiRanger.heroFromName(name: name)
+    }
+    
+    static func superchargeHeros() {
+        var val = herosAreSupercharged()
+        val.toggle()
+        UserDefaults(suiteName: appGroup)?.setValue(val, forKey: "supercharged")
+    }
+    
+    static func herosAreSupercharged() -> Bool {
+        guard let areCharged = UserDefaults(suiteName: appGroup)?.value(forKey: "supercharged") as? Bool else {
+            return false
+        }
+        return areCharged
+    }
+}
+
+let fauxResponse =
+"""
+[
+    {
+        "name": "Power Panda",
+        "avatar": "🐼",
+        "healthLevel": 0.99,
+        "heroType": "Forest Dweller",
+        "healthRecoveryRatePerHour": 0.25
+    },
+    {
+        "name": "Egghead",
+        "avatar": "🦄",
+        "healthLevel": 0.84,
+        "heroType": "Free Ranger",
+        "healthRecoveryRatePerHour": 0.22
+    },
+    {
+        "name": "Spouty",
+        "avatar": "🐳",
+        "healthLevel": 0.72,
+        "heroType": "Deep Sea Goer",
+        "healthRecoveryRatePerHour": 0.29
+    }
+]
+"""
+
+extension EmojiRanger {
+    static let spook = EmojiRanger(
+        name: "Mr. Spook",
+        avatar: "💀",
+        healthLevel: 0.14,
+        heroType: "Calcium Lover",
+        healthRecoveryRatePerHour: 0.25,
+        url: URL(string: "game:///spook")!,
+        battleCode: URL(string: "game:///spook/battle")!,
+        level: 13,
+        exp: 2640,
+        bio: "Loves dancing, spooking, and playing their trumpet 🎺.")
+    
+    static let cake = EmojiRanger(
+        name: "Cake",
+        avatar: "🎂",
+        healthLevel: 0.67,
+        heroType: "Literally Cake",
+        healthRecoveryRatePerHour: 0.22,
+        url: URL(string: "game:///cake")!,
+        battleCode: URL(string: "game:///cake/battle")!,
+        level: 15,
+        exp: 3121,
+        bio: """
+        • 1 cake mix
+        • 2 tbsp butter
+        • 4 large eggs
+        • 1 cup semi-sweet chocolate chips
+        """)
+    
+    static let octo = EmojiRanger(
+        name: "Octo",
+        avatar: "🐙",
+        healthLevel: 0.83,
+        heroType: "Etymology Aficionado",
+        healthRecoveryRatePerHour: 0.29,
+        url: URL(string: "game:///octo")!,
+        battleCode: URL(string: "game:///octo/battle")!,
+        level: 43,
+        exp: 86_463,
+        bio: "Can give eight hugs simultaneously. They are best friends with Spouty.")
+    
+    static let additionalHeros = [spook, cake, octo]
+    
+    static let allHeros = EmojiRanger.availableHeros + EmojiRanger.additionalHeros
+}
+
+extension DateFormatter {
+    static let emojiFormatter: DateFormatter = {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .short
+        formatter.timeStyle = .medium
+        return formatter
+    }()
+}

package/_widgets/EmojiRanger/EmojiRangersWidget.intentdefinition

@@ -0,0 +1,118 @@
+<?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>INEnums</key>
+	<array/>
+	<key>INIntentDefinitionModelVersion</key>
+	<string>1.2</string>
+	<key>INIntentDefinitionNamespace</key>
+	<string>88xZPY</string>
+	<key>INIntentDefinitionSystemVersion</key>
+	<string>22D49</string>
+	<key>INIntentDefinitionToolsBuildVersion</key>
+	<string>14E222b</string>
+	<key>INIntentDefinitionToolsVersion</key>
+	<string>14.3</string>
+	<key>INIntents</key>
+	<array>
+		<dict>
+			<key>INIntentCategory</key>
+			<string>information</string>
+			<key>INIntentConfigurable</key>
+			<true/>
+			<key>INIntentDescription</key>
+			<string>Select Hero</string>
+			<key>INIntentDescriptionID</key>
+			<string>meoGMm</string>
+			<key>INIntentEligibleForWidgets</key>
+			<true/>
+			<key>INIntentIneligibleForSuggestions</key>
+			<true/>
+			<key>INIntentLastParameterTag</key>
+			<integer>12</integer>
+			<key>INIntentManagedParameterCombinations</key>
+			<dict>
+				<key>heroName</key>
+				<dict>
+					<key>INIntentParameterCombinationSupportsBackgroundExecution</key>
+					<true/>
+					<key>INIntentParameterCombinationUpdatesLinked</key>
+					<true/>
+				</dict>
+			</dict>
+			<key>INIntentName</key>
+			<string>EmojiRangerSelection</string>
+			<key>INIntentParameters</key>
+			<array>
+				<dict>
+					<key>INIntentParameterConfigurable</key>
+					<true/>
+					<key>INIntentParameterDisplayName</key>
+					<string>Selected Hero</string>
+					<key>INIntentParameterDisplayNameID</key>
+					<string>uHu7jj</string>
+					<key>INIntentParameterDisplayPriority</key>
+					<integer>1</integer>
+					<key>INIntentParameterMetadata</key>
+					<dict>
+						<key>INIntentParameterMetadataCapitalization</key>
+						<string>Sentences</string>
+						<key>INIntentParameterMetadataDefaultValueID</key>
+						<string>HhCW9t</string>
+					</dict>
+					<key>INIntentParameterName</key>
+					<string>heroName</string>
+					<key>INIntentParameterPromptDialogs</key>
+					<array>
+						<dict>
+							<key>INIntentParameterPromptDialogCustom</key>
+							<true/>
+							<key>INIntentParameterPromptDialogType</key>
+							<string>Configuration</string>
+						</dict>
+						<dict>
+							<key>INIntentParameterPromptDialogCustom</key>
+							<true/>
+							<key>INIntentParameterPromptDialogType</key>
+							<string>Primary</string>
+						</dict>
+					</array>
+					<key>INIntentParameterSupportsDynamicEnumeration</key>
+					<true/>
+					<key>INIntentParameterTag</key>
+					<integer>12</integer>
+					<key>INIntentParameterType</key>
+					<string>String</string>
+				</dict>
+			</array>
+			<key>INIntentResponse</key>
+			<dict>
+				<key>INIntentResponseCodes</key>
+				<array>
+					<dict>
+						<key>INIntentResponseCodeName</key>
+						<string>success</string>
+						<key>INIntentResponseCodeSuccess</key>
+						<true/>
+					</dict>
+					<dict>
+						<key>INIntentResponseCodeName</key>
+						<string>failure</string>
+					</dict>
+				</array>
+			</dict>
+			<key>INIntentTitle</key>
+			<string>Emoji Ranger Selection</string>
+			<key>INIntentTitleID</key>
+			<string>VT2aX1</string>
+			<key>INIntentType</key>
+			<string>Custom</string>
+			<key>INIntentVerb</key>
+			<string>View</string>
+		</dict>
+	</array>
+	<key>INTypes</key>
+	<array/>
+</dict>
+</plist>