expo-live-activity 0.1.0 → 0.2.0-alpha1

package/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Software Mansion <swmansion.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,35 +1,100 @@
 # expo-live-activity
 
-My new module
+`expo-live-activity` is a React Native module designed for use with Expo to manage and display live activities on iOS devices exclusively. This module leverages the Live Activities feature introduced in iOS 16, allowing developers to deliver timely updates right on the lock screen.
 
-# API documentation
+## Features
+- Start, update, and stop live activities directly from your React Native application.
+- Easy integration with a comprehensive API.
+- Custom image support within live activities with a pre-configured path.
 
-- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/live-activity/)
-- [Documentation for the main branch](https://docs.expo.dev/versions/unversioned/sdk/live-activity/)
+## Platform compatibility
+**Note:** This module is intended for use on **iOS devices only**. When methods are invoked on platforms other than iOS, they will throw an error, ensuring that they are used in the correct context.
 
-# Installation in managed Expo projects
+## Installation
+To begin using `expo-live-activity`, follow the installation and configuration steps outlined below:
 
-For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.
-
-# Installation in bare React Native projects
-
-For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
-
-### Add the package to your npm dependencies
-
-```
+### Step 1: Installation
+Run the following command to add the expo-live-activity module to your project:
+```sh
 npm install expo-live-activity
 ```
 
-### Configure for Android
+### Step 2: Config Plugin Setup
+The module comes with a built-in config plugin that creates a target in iOS with all the necessary files. The images used in live activities should be added to a pre-defined folder in your assets directory:
+1. **Add the config plugin to your app.json or app.config.js:**
+   ```json
+   {
+      "expo": {
+         "plugins": ["expo-live-activity"]
+      }
+   }
+   ```
+2. **Assets configuration:**
+   Place images intended for live activities in the `assets/live-activity` folder. The plugin manages these assets automatically.
+
+### Step 3: Usage in Your React Native App
+Import the functionalities provided by the `expo-live-activity` module in your JavaScript or TypeScript files:
+```javascript
+import * as LiveActivity from "expo-live-activity";
+```
 
+## API
+`expo-live-activity` module exports three primary functions to manage live activities:
 
+- **`startActivity(state, styles)`**:
+  Start a new live activity. Takes a `state` configuration object for initial activity state and an optional `styles` object to customize appearance. It returns the `ID` of the created live activity, which should be stored for future reference.
 
+- **`updateActivity(activityId, state)`**:
+  Update an existing live activity. The `state` object should contain updated information. The `activityId` indicates which activity should be updated.
 
-### Configure for iOS
+- **`stopActivity(activityId, state)`**:
+  Terminate an ongoing live activity. The `state` object should contain the final state of the activity. The `activityId` indicates which activity should be stopped.
 
-Run `npx pod-install` after installing the npm package.
+### State Object Structure
+The `state` object should include:
+```javascript
+{
+  title: string;
+  subtitle?: string;
+  date?: number; // Set as epoch time in milliseconds
+  imageName?: string; // Matches the name of the image in 'assets/live-activity'
+  dynamicIslandImageName?: string; // Matches the name of the image in 'assets/live-activity'
+};
+```
 
-# Contributing
+### Styles Object Structure
+The `styles` object should include:
+```typescript
+{
+   backgroundColor?: string;
+   titleColor?: string;
+   subtitleColor?: string;
+   progressViewTint?: string;
+   progressViewLabelColor?: string;
+   timerType?: DynamicIslandTimerType; // "circular" | "digital" - defines timer appereance on the dynamic island
+};
+```
 
-Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).
+## Example Usage
+```javascript
+const state = {
+  title: "Title",
+  subtitle: "This is a subtitle",
+  date: new Date(Date.now() + 60 * 1000 * 5).getTime(),
+  imageName: "live_activity_image",
+  dynamicIslandImageName: "dynamic_island_image"
+};
+
+const styles = {
+  backgroundColor: "#FFFFFF",
+  titleColor: "#000000",
+  subtitleColor: "#333333",
+  progressViewTint: "#4CAF50",
+  progressViewLabelColor: "#FFFFFF",
+  timerType: "circular"
+};
+
+const activityId = LiveActivity.startActivity(state, styles);
+// Store activityId for future reference
+```
+This will initiate a live activity with the specified title, subtitle, image from your configured assets folder and a time to which there will be a countdown in a progress view.

package/app.plugin.js

@@ -0,0 +1,2 @@
+// This file configures the entry file for your plugin.
+module.exports = require('./plugin/build');

package/build/ExpoLiveActivityModule.d.ts

@@ -1,10 +1,3 @@
-import { NativeModule } from 'expo';
-import { ExpoLiveActivityModuleEvents } from './ExpoLiveActivity.types';
-declare class ExpoLiveActivityModule extends NativeModule<ExpoLiveActivityModuleEvents> {
-    PI: number;
-    hello(): string;
-    setValueAsync(value: string): Promise<void>;
-}
-declare const _default: ExpoLiveActivityModule;
+declare const _default: any;
 export default _default;
 //# sourceMappingURL=ExpoLiveActivityModule.d.ts.map

package/build/ExpoLiveActivityModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoLiveActivityModule.d.ts","sourceRoot":"","sources":["../src/ExpoLiveActivityModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,MAAM,CAAC;AAEzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,OAAO,sBAAuB,SAAQ,YAAY,CAAC,4BAA4B,CAAC;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,IAAI,MAAM;IACf,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAC5C;;AAGD,wBAA+E"}
+{"version":3,"file":"ExpoLiveActivityModule.d.ts","sourceRoot":"","sources":["../src/ExpoLiveActivityModule.ts"],"names":[],"mappings":";AAEA,wBAA+D"}

package/build/ExpoLiveActivityModule.js

@@ -1,4 +1,3 @@
-import { requireNativeModule } from 'expo';
-// This call loads the native module object from the JSI.
-export default requireNativeModule('ExpoLiveActivity');
+import { requireOptionalNativeModule } from 'expo';
+export default requireOptionalNativeModule('ExpoLiveActivity');
 //# sourceMappingURL=ExpoLiveActivityModule.js.map

package/build/ExpoLiveActivityModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoLiveActivityModule.js","sourceRoot":"","sources":["../src/ExpoLiveActivityModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAUzD,yDAAyD;AACzD,eAAe,mBAAmB,CAAyB,kBAAkB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\nimport { ExpoLiveActivityModuleEvents } from './ExpoLiveActivity.types';\n\ndeclare class ExpoLiveActivityModule extends NativeModule<ExpoLiveActivityModuleEvents> {\n  PI: number;\n  hello(): string;\n  setValueAsync(value: string): Promise<void>;\n}\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule<ExpoLiveActivityModule>('ExpoLiveActivity');\n"]}
+{"version":3,"file":"ExpoLiveActivityModule.js","sourceRoot":"","sources":["../src/ExpoLiveActivityModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,MAAM,CAAC;AAEnD,eAAe,2BAA2B,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import { requireOptionalNativeModule } from 'expo';\n\nexport default requireOptionalNativeModule('ExpoLiveActivity');\n"]}

package/build/index.d.ts

@@ -1,4 +1,37 @@
-export { default } from './ExpoLiveActivityModule';
-export { default as ExpoLiveActivityView } from './ExpoLiveActivityView';
-export * from './ExpoLiveActivity.types';
+export type DynamicIslandTimerType = 'circular' | 'digital';
+export type LiveActivityState = {
+    title: string;
+    subtitle?: string;
+    date?: number;
+    imageName?: string;
+    dynamicIslandImageName?: string;
+};
+export type LiveActivityStyles = {
+    backgroundColor?: string;
+    titleColor?: string;
+    subtitleColor?: string;
+    progressViewTint?: string;
+    progressViewLabelColor?: string;
+    timerType: DynamicIslandTimerType;
+};
+/**
+ * @param {LiveActivityState} state The state for the live activity.
+ * @returns {string} The identifier of the started activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export declare function startActivity(state: LiveActivityState, styles?: LiveActivityStyles): string;
+/**
+ * @param {string} id The identifier of the activity to stop.
+ * @param {LiveActivityState} state The updated state for the live activity.
+ * @returns {string} The identifier of the stopped activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export declare function stopActivity(id: string, state: LiveActivityState): string;
+/**
+ * @param {string} id The identifier of the activity to update.
+ * @param {LiveActivityState} state The updated state for the live activity.
+ * @returns {string} The identifier of the updated activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export declare function updateActivity(id: string, state: LiveActivityState): string;
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAe,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,SAAS,CAAA;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,EAAE,sBAAsB,CAAC;CACnC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAK3F;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAKzE;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAK3E"}

package/build/index.js

@@ -1,6 +1,38 @@
-// Reexport the native module. On web, it will be resolved to ExpoLiveActivityModule.web.ts
-// and on native platforms to ExpoLiveActivityModule.ts
-export { default } from './ExpoLiveActivityModule';
-export { default as ExpoLiveActivityView } from './ExpoLiveActivityView';
-export * from './ExpoLiveActivity.types';
+import ExpoLiveActivityModule from "./ExpoLiveActivityModule";
+import { Platform } from "react-native";
+/**
+ * @param {LiveActivityState} state The state for the live activity.
+ * @returns {string} The identifier of the started activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export function startActivity(state, styles) {
+    if (Platform.OS !== "ios") {
+        throw new Error("startActivity is only available on iOS");
+    }
+    return ExpoLiveActivityModule.startActivity(state, styles);
+}
+/**
+ * @param {string} id The identifier of the activity to stop.
+ * @param {LiveActivityState} state The updated state for the live activity.
+ * @returns {string} The identifier of the stopped activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export function stopActivity(id, state) {
+    if (Platform.OS !== "ios") {
+        throw new Error("stopActivity is only available on iOS");
+    }
+    return ExpoLiveActivityModule.stopActivity(id, state);
+}
+/**
+ * @param {string} id The identifier of the activity to update.
+ * @param {LiveActivityState} state The updated state for the live activity.
+ * @returns {string} The identifier of the updated activity.
+ * @throws {Error} When function is called on platform different than iOS.
+ */
+export function updateActivity(id, state) {
+    if (Platform.OS !== "ios") {
+        throw new Error("updateActivity is only available on iOS");
+    }
+    return ExpoLiveActivityModule.updateActivity(id, state);
+}
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,uDAAuD;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAe,0BAA0B,CAAC","sourcesContent":["// Reexport the native module. On web, it will be resolved to ExpoLiveActivityModule.web.ts\n// and on native platforms to ExpoLiveActivityModule.ts\nexport { default } from './ExpoLiveActivityModule';\nexport { default as ExpoLiveActivityView } from './ExpoLiveActivityView';\nexport * from  './ExpoLiveActivity.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAqBxC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,KAAwB,EAAE,MAA2B;IACjF,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC5D,CAAC;IACD,OAAO,sBAAsB,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAU,EAAE,KAAwB;IAC/D,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,sBAAsB,CAAC,YAAY,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AACxD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAAU,EAAE,KAAwB;IACjE,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,sBAAsB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAC1D,CAAC","sourcesContent":["import ExpoLiveActivityModule from \"./ExpoLiveActivityModule\";\nimport { Platform } from \"react-native\";\n\nexport type DynamicIslandTimerType = 'circular' | 'digital'\n\nexport type LiveActivityState = {\n  title: string;\n  subtitle?: string;\n  date?: number;\n  imageName?: string;\n  dynamicIslandImageName?: string;\n};\n\nexport type LiveActivityStyles = {\n  backgroundColor?: string;\n  titleColor?: string;\n  subtitleColor?: string;\n  progressViewTint?: string;\n  progressViewLabelColor?: string;\n  timerType: DynamicIslandTimerType;\n};\n\n/**\n * @param {LiveActivityState} state The state for the live activity.\n * @returns {string} The identifier of the started activity.\n * @throws {Error} When function is called on platform different than iOS.\n */\nexport function startActivity(state: LiveActivityState, styles?: LiveActivityStyles): string {\n  if (Platform.OS !== \"ios\") {\n    throw new Error(\"startActivity is only available on iOS\");\n  }\n  return ExpoLiveActivityModule.startActivity(state, styles);\n}\n\n/**\n * @param {string} id The identifier of the activity to stop.\n * @param {LiveActivityState} state The updated state for the live activity.\n * @returns {string} The identifier of the stopped activity.\n * @throws {Error} When function is called on platform different than iOS.\n */\nexport function stopActivity(id: string, state: LiveActivityState): string {\n  if (Platform.OS !== \"ios\") {\n    throw new Error(\"stopActivity is only available on iOS\");\n  }\n  return ExpoLiveActivityModule.stopActivity(id, state);\n}\n\n/**\n * @param {string} id The identifier of the activity to update.\n * @param {LiveActivityState} state The updated state for the live activity.\n * @returns {string} The identifier of the updated activity.\n * @throws {Error} When function is called on platform different than iOS.\n */\nexport function updateActivity(id: string, state: LiveActivityState): string {\n  if (Platform.OS !== \"ios\") {\n    throw new Error(\"updateActivity is only available on iOS\");\n  }\n  return ExpoLiveActivityModule.updateActivity(id, state);\n}\n"]}

package/expo-module.config.json

@@ -1,17 +1,9 @@
 {
-  "platforms": [
-    "apple",
-    "android",
-    "web"
-  ],
+  "platforms": ["apple", "android", "web"],
   "apple": {
-    "modules": [
-      "ExpoLiveActivityModule"
-    ]
+    "modules": ["ExpoLiveActivityModule"]
   },
   "android": {
-    "modules": [
-      "expo.modules.liveactivity.ExpoLiveActivityModule"
-    ]
+    "modules": ["expo.modules.liveactivity.ExpoLiveActivityModule"]
   }
 }

package/ios/ExpoLiveActivity.podspec

@@ -15,7 +15,7 @@ Pod::Spec.new do |s|
     :tvos => '15.1'
   }
   s.swift_version  = '5.4'
-  s.source         = { git: 'https://github.com/kowczarz/expo-live-activity' }
+  s.source         = { git: 'https://github.com/anna1901/expo-live-activity' }
   s.static_framework = true
 
   s.dependency 'ExpoModulesCore'

package/ios/ExpoLiveActivityModule.swift

@@ -1,48 +1,140 @@
+import ActivityKit
 import ExpoModulesCore
 
+enum ModuleErrors: Error {
+    case unsupported
+    case liveActivitiesNotEnabled
+}
+
 public class ExpoLiveActivityModule: Module {
-  // Each module class must implement the definition function. The definition consists of components
-  // that describes the module's functionality and behavior.
-  // See https://docs.expo.dev/modules/module-api for more details about available components.
-  public func definition() -> ModuleDefinition {
-    // Sets the name of the module that JavaScript code will use to refer to the module. Takes a string as an argument.
-    // Can be inferred from module's class name, but it's recommended to set it explicitly for clarity.
-    // The module will be accessible from `requireNativeModule('ExpoLiveActivity')` in JavaScript.
-    Name("ExpoLiveActivity")
-
-    // Sets constant properties on the module. Can take a dictionary or a closure that returns a dictionary.
-    Constants([
-      "PI": Double.pi
-    ])
-
-    // Defines event names that the module can send to JavaScript.
-    Events("onChange")
-
-    // Defines a JavaScript synchronous function that runs the native code on the JavaScript thread.
-    Function("hello") {
-      return "Hello world! 👋"
-    }
+    struct LiveActivityState: Record {
+        @Field
+        var title: String
+
+        @Field
+        var subtitle: String?
+
+        @Field
+        var date: Double?
+
+        @Field
+        var imageName: String?
 
-    // Defines a JavaScript function that always returns a Promise and whose native code
-    // is by default dispatched on the different thread than the JavaScript runtime runs on.
-    AsyncFunction("setValueAsync") { (value: String) in
-      // Send an event to JavaScript.
-      self.sendEvent("onChange", [
-        "value": value
-      ])
+        @Field
+        var dynamicIslandImageName: String?
     }
+    
+    struct LiveActivityStyles: Record {
+        @Field
+        var backgroundColor: String?
+        
+        @Field
+        var titleColor: String?
+        
+        @Field
+        var subtitleColor: String?
+        
+        @Field
+        var progressViewTint: String?
+        
+        @Field
+        var progressViewLabelColor: String?
+        
+        @Field
+        var timerType: DynamicIslandTimerType?
+    }
+    
+    enum DynamicIslandTimerType: String, Enumerable {
+        case circular
+        case digital
+    }
+
+    public func definition() -> ModuleDefinition {
+        Name("ExpoLiveActivity")
 
-    // Enables the module to be used as a native view. Definition components that are accepted as part of the
-    // view definition: Prop, Events.
-    View(ExpoLiveActivityView.self) {
-      // Defines a setter for the `url` prop.
-      Prop("url") { (view: ExpoLiveActivityView, url: URL) in
-        if view.webView.url != url {
-          view.webView.load(URLRequest(url: url))
+        Function("startActivity") { (state: LiveActivityState, styles: LiveActivityStyles? ) -> String in
+            let date = state.date != nil ? Date(timeIntervalSince1970: state.date! / 1000) : nil
+            print("Starting activity")
+            if #available(iOS 16.2, *) {
+                if ActivityAuthorizationInfo().areActivitiesEnabled {
+                    do {
+                        let counterState = LiveActivityAttributes(
+                            name: "ExpoLiveActivity",
+                            backgroundColor: styles?.backgroundColor,
+                            titleColor: styles?.titleColor,
+                            subtitleColor: styles?.subtitleColor,
+                            progressViewTint: styles?.progressViewTint,
+                            progressViewLabelColor: styles?.progressViewLabelColor,
+                            timerType: styles?.timerType == .digital ? .digital : .circular
+                        )
+                        let initialState = LiveActivityAttributes.ContentState(
+                            title: state.title,
+                            subtitle: state.subtitle,
+                            date: date,
+                            imageName: state.imageName,
+                            dynamicIslandImageName: state.dynamicIslandImageName)
+                        let activity = try Activity.request(
+                            attributes: counterState,
+                            content: .init(state: initialState, staleDate: nil), pushType: nil)
+                        return activity.id
+                    } catch (let error) {
+                        print("Error with live activity: \(error)")
+                    }
+                }
+                throw ModuleErrors.liveActivitiesNotEnabled
+            } else {
+                throw ModuleErrors.unsupported
+            }
         }
-      }
 
-      Events("onLoad")
+        Function("stopActivity") { (activityId: String, state: LiveActivityState) -> Void in
+            if #available(iOS 16.2, *) {
+                print("Attempting to stop")
+                let endState = LiveActivityAttributes.ContentState(
+                    title: state.title,
+                    subtitle: state.subtitle,
+                    date: state.date != nil ? Date(timeIntervalSince1970: state.date! / 1000) : nil,
+                    imageName: state.imageName,
+                    dynamicIslandImageName: state.dynamicIslandImageName)
+                if let activity = Activity<LiveActivityAttributes>.activities.first(where: {
+                    $0.id == activityId
+                }) {
+                    Task {
+                        print("Stopping activity with id: \(activityId)")
+                        await activity.end(
+                            ActivityContent(state: endState, staleDate: nil),
+                            dismissalPolicy: .immediate)
+                    }
+                } else {
+                    print("Didn't find activity with ID \(activityId)")
+                }
+            } else {
+                throw ModuleErrors.unsupported
+            }
+        }
+
+        Function("updateActivity") { (activityId: String, state: LiveActivityState) -> Void in
+            if #available(iOS 16.2, *) {
+                print("Attempting to update")
+                let newState = LiveActivityAttributes.ContentState(
+                    title: state.title,
+                    subtitle: state.subtitle,
+                    date: state.date != nil ? Date(timeIntervalSince1970: state.date! / 1000) : nil,
+                    imageName: state.imageName,
+                    dynamicIslandImageName: state.dynamicIslandImageName)
+                if let activity = Activity<LiveActivityAttributes>.activities.first(where: {
+                    $0.id == activityId
+                }) {
+                    Task {
+                        print("Updating activity with id: \(activityId)")
+                        await activity.update(ActivityContent(state: newState, staleDate: nil))
+                    }
+                } else {
+                    print("Didn't find activity with ID \(activityId)")
+                }
+            } else {
+                throw ModuleErrors.unsupported
+            }
+        }
     }
-  }
 }

package/ios/LiveActivityAttributes.swift

@@ -0,0 +1,32 @@
+//
+//  LiveActivityAttributes.swift
+//  ExpoLiveActivity
+//
+//  Created by Anna Olak on 03/06/2025.
+//
+
+import Foundation
+import ActivityKit
+
+struct LiveActivityAttributes: ActivityAttributes {
+  public struct ContentState: Codable, Hashable {
+    var title: String
+    var subtitle: String?
+    var date: Date?
+    var imageName: String?
+    var dynamicIslandImageName: String?
+  }
+
+  var name: String
+  var backgroundColor: String?
+  var titleColor: String?
+  var subtitleColor: String?
+  var progressViewTint: String?
+  var progressViewLabelColor: String?
+  var timerType: DynamicIslandTimerType
+  
+  enum DynamicIslandTimerType: String, Codable {
+      case circular
+      case digital
+  }
+}

package/ios-files/Assets.xcassets/AccentColor.colorset/Contents.json

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

package/ios-files/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,35 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "tinted"
+        }
+      ],
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/ios-files/Assets.xcassets/Contents.json

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

package/ios-files/Assets.xcassets/WidgetBackground.colorset/Contents.json

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

package/ios-files/Color+hex.swift

@@ -0,0 +1,37 @@
+import SwiftUI
+
+extension Color {
+    init(hex: String) {
+      var cString: String = hex.trimmingCharacters(in: .whitespacesAndNewlines).uppercased()
+
+      if (cString.hasPrefix("#")) {
+          cString.remove(at: cString.startIndex)
+      }
+
+      if ((cString.count) != 6 && (cString.count) != 8) {
+        self.init(.white)
+        return
+      }
+
+      var rgbValue: UInt64 = 0
+      Scanner(string: cString).scanHexInt64(&rgbValue)
+      
+      if ((cString.count) == 8) {
+        self.init(
+          .sRGB,
+          red: Double((rgbValue >> 24) & 0xff) / 255,
+          green: Double((rgbValue >> 16) & 0xff) / 255,
+          blue: Double((rgbValue >> 08) & 0xff) / 255,
+          opacity: Double((rgbValue >> 00) & 0xff) / 255,
+        )
+      } else {
+        self.init(
+          .sRGB,
+          red: Double((rgbValue >> 16) & 0xff) / 255,
+          green: Double((rgbValue >> 08) & 0xff) / 255,
+          blue: Double((rgbValue >> 00) & 0xff) / 255,
+          opacity: 1
+        )
+      }
+    }
+}

package/ios-files/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>