expo-live-activity 0.1.0 → 0.2.0-alpha

package/ios-files/LiveActivityBundle.swift

@@ -0,0 +1,16 @@
+//
+//  LiveActivityBundle.swift
+//  LiveActivity
+//
+//  Created by Anna Olak on 02/06/2025.
+//
+
+import WidgetKit
+import SwiftUI
+
+@main
+struct LiveActivityBundle: WidgetBundle {
+    var body: some Widget {
+        LiveActivityLiveActivity()
+    }
+}

package/ios-files/LiveActivityLiveActivity.swift

@@ -0,0 +1,142 @@
+//
+//  LiveActivityLiveActivity.swift
+//  LiveActivity
+//
+//  Created by Anna Olak on 02/06/2025.
+//
+
+import ActivityKit
+import SwiftUI
+import WidgetKit
+
+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
+  }
+}
+
+struct LiveActivityLiveActivity: Widget {
+  var body: some WidgetConfiguration {
+    ActivityConfiguration(for: LiveActivityAttributes.self) { context in
+      LiveActivityView(contentState: context.state, attributes: context.attributes)
+        .activityBackgroundTint(context.attributes.backgroundColor != nil ? Color(hex: context.attributes.backgroundColor!) : nil)
+        .activitySystemActionForegroundColor(Color.black)
+
+    } dynamicIsland: { context in
+      DynamicIsland {
+        DynamicIslandExpandedRegion(.leading, priority: 1) {
+          dynamicIslandExpandedLeading(title: context.state.title, subtitle: context.state.subtitle)
+            .dynamicIsland(verticalPlacement: .belowIfTooWide)
+            .padding(.leading, 5)
+        }
+        DynamicIslandExpandedRegion(.trailing) {
+          if let imageName = context.state.imageName {
+            dynamicIslandExpandedTrailing(imageName: imageName)
+              .padding(.trailing, 5)
+          }
+        }
+        DynamicIslandExpandedRegion(.bottom) {
+          if let date = context.state.date {
+            dynamicIslandExpandedBottom(endDate: date, progressViewTint: context.attributes.progressViewTint)
+              .padding(.horizontal, 5)
+          }
+        }
+      } compactLeading: {
+        if let dynamicIslandImageName = context.state.dynamicIslandImageName {
+          resizableImage(imageName: dynamicIslandImageName)
+            .frame(maxWidth: 23, maxHeight: 23)
+        }
+      } compactTrailing: {
+        if let date = context.state.date {
+          compactTimer(endDate: date, timerType: context.attributes.timerType, progressViewTint: context.attributes.progressViewTint)
+        }
+      } minimal: {
+        if let date = context.state.date {
+          compactTimer(endDate: date, timerType: context.attributes.timerType, progressViewTint: context.attributes.progressViewTint)
+        }
+      }
+    }
+  }
+  
+  @ViewBuilder
+  private func compactTimer(endDate: Date, timerType: LiveActivityAttributes.DynamicIslandTimerType, progressViewTint: String?) -> some View {
+    if timerType == .digital {
+        Text(timerInterval: Date.now...max(Date.now, endDate))
+          .font(.system(size: 15))
+          .minimumScaleFactor(0.8)
+          .fontWeight(.semibold)
+          .frame(maxWidth: 60)
+          .multilineTextAlignment(.trailing)
+      } else {
+        circularTimer(endDate: endDate)
+          .tint(progressViewTint != nil ? Color(hex: progressViewTint!) : nil)
+      }
+  }
+
+  private func dynamicIslandExpandedLeading(title: String, subtitle: String?) -> some View {
+    VStack(alignment: .leading) {
+      Spacer()
+      Text(title)
+        .font(.title2)
+        .foregroundStyle(.white)
+        .fontWeight(.semibold)
+      if let subtitle {
+        Text(subtitle)
+          .font(.title3)
+          .minimumScaleFactor(0.8)
+          .foregroundStyle(.white.opacity(0.75))
+      }
+      Spacer()
+    }
+  }
+  
+  private func dynamicIslandExpandedTrailing(imageName: String) -> some View {
+    VStack {
+      Spacer()
+      resizableImage(imageName: imageName)
+        .frame(maxHeight: 64)
+      Spacer()
+    }
+  }
+  
+  private func dynamicIslandExpandedBottom(endDate: Date, progressViewTint: String?) -> some View {
+    ProgressView(timerInterval: Date.now...max(Date.now, endDate))
+      .foregroundStyle(.white)
+      .tint(progressViewTint != nil ? Color(hex: progressViewTint!) : nil)
+      .padding(.top, 5)
+  }
+  
+  private func circularTimer(endDate: Date) -> some View {
+    ProgressView(
+      timerInterval: Date.now...max(Date.now, endDate),
+      countsDown: false,
+      label: { EmptyView() },
+      currentValueLabel: {
+        EmptyView()
+      }
+    )
+    .progressViewStyle(.circular)
+  }
+  private func resizableImage(imageName: String) -> some View {
+    Image(imageName)
+      .resizable()
+      .scaledToFit()
+  }
+}

package/ios-files/LiveActivityView.swift

@@ -0,0 +1,73 @@
+//
+//  LiveActivityView.swift
+//  ExpoLiveActivity
+//
+//  Created by Anna Olak on 03/06/2025.
+//
+
+import SwiftUI
+import WidgetKit
+
+#if canImport(ActivityKit)
+
+struct LiveActivityView: View {
+  let contentState: LiveActivityAttributes.ContentState
+  let attributes: LiveActivityAttributes
+  
+  var progressViewTint: Color? {
+    attributes.progressViewTint != nil ? Color(hex: attributes.progressViewTint!) : nil
+  }
+  
+  var body: some View {
+    VStack(alignment: .leading) {
+      HStack(alignment: .center) {
+        VStack(alignment: .leading, spacing: 2) {
+          if let titleColor = attributes.titleColor {
+            Text(contentState.title)
+              .font(.title2)
+              .foregroundStyle(Color(hex: titleColor))
+              .fontWeight(.semibold)
+          } else {
+            Text(contentState.title)
+              .font(.title2)
+              .fontWeight(.semibold)
+          }
+          
+          if let subtitle = contentState.subtitle {
+            if let subtitleColor = attributes.subtitleColor {
+              Text(subtitle)
+                .font(.title3)
+                .foregroundStyle(Color(hex: subtitleColor))
+            } else {
+              Text(subtitle)
+                .font(.title3)
+            }
+          }
+        }
+        
+        Spacer()
+        
+        if let imageName = contentState.imageName {  
+          Image(imageName)
+            .resizable()
+            .scaledToFit()
+            .frame(maxHeight: 64)
+        }
+      }
+      
+      if let date = contentState.date {
+        if let progressViewLabelColor = attributes.progressViewLabelColor {
+          ProgressView(timerInterval: Date.now...max(Date.now, date))
+            .tint(progressViewTint)
+            .foregroundStyle(Color(hex: progressViewLabelColor))
+        } else {
+          ProgressView(timerInterval: Date.now...max(Date.now, date))
+            .tint(progressViewTint)
+        }
+      }
+    }
+    .padding(24)
+  }
+}
+
+#endif

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "expo-live-activity",
-  "version": "0.1.0",
-  "description": "My new module",
+  "version": "0.2.0-alpha",
+  "description": "A module for adding Live Activity to a React Native app for iOS.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "scripts": {
@@ -12,28 +12,27 @@
     "prepare": "expo-module prepare",
     "prepublishOnly": "expo-module prepublishOnly",
     "expo-module": "expo-module",
-    "open:ios": "xed example/ios",
-    "open:android": "open -a \"Android Studio\" example/android"
+    "open:ios": "xed example/ios"
   },
   "keywords": [
     "react-native",
     "expo",
-    "expo-live-activity",
-    "ExpoLiveActivity"
+    "live-activity",
+    "ios",
+    "apple"
   ],
-  "repository": "https://github.com/kowczarz/expo-live-activity",
+  "repository": "https://github.com/software-mansion-labs/expo-live-activity",
   "bugs": {
-    "url": "https://github.com/kowczarz/expo-live-activity/issues"
+    "url": "https://github.com/software-mansion-labs/expo-live-activity/issues"
   },
-  "author": "Kamil Owczarz <kamil.owczarz@swmansion.com> (https://github.com/kowczarz)",
   "license": "MIT",
-  "homepage": "https://github.com/kowczarz/expo-live-activity#readme",
+  "homepage": "https://github.com/software-mansion-labs/expo-live-activity#readme",
   "dependencies": {},
   "devDependencies": {
-    "@types/react": "~18.3.12",
-    "expo-module-scripts": "^4.0.4",
-    "expo": "~52.0.0",
-    "react-native": "0.76.0"
+    "@types/react": "~19.0.0",
+    "expo-module-scripts": "^4.1.6",
+    "expo": "~53.0.0",
+    "react-native": "0.79.1"
   },
   "peerDependencies": {
     "expo": "*",

package/plugin/build/index.d.ts

@@ -0,0 +1,3 @@
+import { ConfigPlugin } from "expo/config-plugins";
+declare const withWidgetsAndLiveActivities: ConfigPlugin;
+export default withWidgetsAndLiveActivities;

package/plugin/build/index.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const config_plugins_1 = require("expo/config-plugins");
+const withConfig_1 = require("./withConfig");
+const withPodfile_1 = require("./withPodfile");
+const withXcode_1 = require("./withXcode");
+const withWidgetExtensionEntitlements_1 = require("./withWidgetExtensionEntitlements");
+const withWidgetsAndLiveActivities = (config) => {
+    const deploymentTarget = "16.2";
+    const moduleFileName = "ExpoNativeConfigurationModule.swift";
+    const attributesFileName = "LiveActivityAttributes.swift";
+    const targetName = `${config_plugins_1.IOSConfig.XcodeUtils.sanitizedName(config.name)}LiveActivity`; // Widgets => LiveActivity
+    const bundleIdentifier = `${config.ios?.bundleIdentifier}.${targetName}`;
+    config.ios = {
+        ...config.ios,
+        infoPlist: {
+            ...config.ios?.infoPlist,
+            NSSupportsLiveActivities: true,
+            NSSupportsLiveActivitiesFrequentUpdates: false,
+        },
+    };
+    config = (0, config_plugins_1.withPlugins)(config, [
+        [
+            withXcode_1.withXcode,
+            {
+                targetName,
+                bundleIdentifier,
+                deploymentTarget,
+                // widgetsFolder,
+                moduleFileName,
+                attributesFileName,
+            },
+        ],
+        [withWidgetExtensionEntitlements_1.withWidgetExtensionEntitlements, { targetName }],
+        [withPodfile_1.withPodfile, { targetName }],
+        [withConfig_1.withConfig, { targetName, bundleIdentifier }],
+    ]);
+    return config;
+};
+exports.default = withWidgetsAndLiveActivities;

package/plugin/build/lib/getWidgetExtensionEntitlements.d.ts

@@ -0,0 +1,3 @@
+import { ExportedConfig, InfoPlist } from "@expo/config-plugins";
+export declare function getWidgetExtensionEntitlements(iosConfig: ExportedConfig["ios"], {}: {}): InfoPlist;
+export declare function addApplicationGroupsEntitlement(entitlements: InfoPlist, groupIdentifier?: string): InfoPlist;

package/plugin/build/lib/getWidgetExtensionEntitlements.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWidgetExtensionEntitlements = getWidgetExtensionEntitlements;
+exports.addApplicationGroupsEntitlement = addApplicationGroupsEntitlement;
+function getWidgetExtensionEntitlements(iosConfig, {}) {
+    const entitlements = {};
+    addApplicationGroupsEntitlement(entitlements);
+    return entitlements;
+}
+function addApplicationGroupsEntitlement(entitlements, groupIdentifier) {
+    // if (groupIdentifier) {
+    //   const existingApplicationGroups = (entitlements["com.apple.security.application-groups"] as string[]) ?? [];
+    //   entitlements["com.apple.security.application-groups"] = [groupIdentifier, ...existingApplicationGroups];
+    // }
+    return entitlements;
+}

package/plugin/build/lib/getWidgetFiles.d.ts

@@ -0,0 +1,10 @@
+export type WidgetFiles = {
+    swiftFiles: string[];
+    entitlementFiles: string[];
+    plistFiles: string[];
+    assetDirectories: string[];
+    intentFiles: string[];
+    otherFiles: string[];
+};
+export declare function getWidgetFiles(targetPath: string, moduleFileName: string, attributesFileName: string): WidgetFiles;
+export declare function copyFileSync(source: string, target: string): void;

package/plugin/build/lib/getWidgetFiles.js

@@ -0,0 +1,172 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWidgetFiles = getWidgetFiles;
+exports.copyFileSync = copyFileSync;
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+function getWidgetFiles(
+// widgetsPath: string, // to zmieniamy, bo u nas to będzie "config.modRequest.projectRoot/[tu może coś jeszcze być]/node_modules/nasz-moduł/iosViews"
+targetPath, moduleFileName, attributesFileName) {
+    let packagePath;
+    try {
+        packagePath = path.dirname(require.resolve("expo-live-activity/package.json"));
+    }
+    catch {
+        console.log("Building for example app");
+    }
+    const widgetsPath = path.join(packagePath ? packagePath : "..", "/ios-files");
+    console.log(`Widgets path: ${widgetsPath}`);
+    const imageAssetsPath = "./assets/live_activity";
+    const widgetFiles = {
+        swiftFiles: [],
+        entitlementFiles: [],
+        plistFiles: [],
+        assetDirectories: [],
+        intentFiles: [],
+        otherFiles: [],
+    };
+    console.log(`Getting widget files`);
+    if (!fs.existsSync(targetPath)) {
+        console.log(`Making directory at: ${targetPath}`);
+        fs.mkdirSync(targetPath, { recursive: true });
+    }
+    if (fs.lstatSync(widgetsPath).isDirectory()) {
+        const files = fs.readdirSync(widgetsPath);
+        console.log(`Files: ${files}`);
+        files.forEach((file) => {
+            const fileExtension = file.split(".").pop();
+            if (fileExtension === "swift") {
+                if (file !== moduleFileName) {
+                    widgetFiles.swiftFiles.push(file);
+                }
+            }
+            else if (fileExtension === "entitlements") {
+                widgetFiles.entitlementFiles.push(file);
+            }
+            else if (fileExtension === "plist") {
+                widgetFiles.plistFiles.push(file);
+            }
+            else if (fileExtension === "xcassets") {
+                widgetFiles.assetDirectories.push(file);
+            }
+            else if (fileExtension === "intentdefinition") {
+                widgetFiles.intentFiles.push(file);
+            }
+            else {
+                widgetFiles.otherFiles.push(file);
+            }
+        });
+    }
+    // Copy files
+    [
+        ...widgetFiles.swiftFiles,
+        ...widgetFiles.entitlementFiles,
+        ...widgetFiles.plistFiles,
+        ...widgetFiles.intentFiles,
+        ...widgetFiles.otherFiles,
+    ].forEach((file) => {
+        const source = path.join(widgetsPath, file);
+        copyFileSync(source, targetPath);
+    });
+    // Copy assets directory
+    const imagesXcassetsSource = path.join(widgetsPath, "Assets.xcassets");
+    copyFolderRecursiveSync(imagesXcassetsSource, targetPath);
+    // Move images to assets directory
+    console.log(`Images Path: ${imageAssetsPath}`);
+    if (fs.lstatSync(imageAssetsPath).isDirectory()) {
+        const imagesXcassetsTarget = path.join(targetPath, "Assets.xcassets");
+        console.log(`Assets Target: ${imagesXcassetsTarget}`);
+        const files = fs.readdirSync(imageAssetsPath);
+        console.log(`Images: ${files}`);
+        files.forEach((file) => {
+            if (path.extname(file).match(/\.(png|jpg|jpeg)$/)) {
+                const source = path.join(imageAssetsPath, file);
+                console.log(`Source: ${source}`);
+                const imageSetDir = path.join(imagesXcassetsTarget, `${path.basename(file, path.extname(file))}.imageset`);
+                console.log(`imageSetDir: ${source}`);
+                // Create the .imageset directory if it doesn't exist
+                if (!fs.existsSync(imageSetDir)) {
+                    fs.mkdirSync(imageSetDir, { recursive: true });
+                }
+                // Copy image file to the .imageset directory
+                const destPath = path.join(imageSetDir, file);
+                fs.copyFileSync(source, destPath);
+                // Create Contents.json file
+                const contentsJson = {
+                    images: [
+                        {
+                            filename: file,
+                            idiom: "universal"
+                        }
+                    ],
+                    info: {
+                        author: "xcode",
+                        version: 1
+                    }
+                };
+                fs.writeFileSync(path.join(imageSetDir, 'Contents.json'), JSON.stringify(contentsJson, null, 2) // beautify the JSON output
+                );
+                console.log(`Processed ${file} into ${imageSetDir}`);
+            }
+        });
+    }
+    return widgetFiles;
+}
+function copyFileSync(source, target) {
+    let targetFile = target;
+    if (fs.existsSync(target) && fs.lstatSync(target).isDirectory()) {
+        targetFile = path.join(target, path.basename(source));
+    }
+    fs.writeFileSync(targetFile, fs.readFileSync(source));
+}
+function copyFolderRecursiveSync(source, target) {
+    const targetPath = path.join(target, path.basename(source));
+    if (!fs.existsSync(targetPath)) {
+        fs.mkdirSync(targetPath, { recursive: true });
+    }
+    if (fs.lstatSync(source).isDirectory()) {
+        const files = fs.readdirSync(source);
+        files.forEach((file) => {
+            const currentPath = path.join(source, file);
+            if (fs.lstatSync(currentPath).isDirectory()) {
+                copyFolderRecursiveSync(currentPath, targetPath);
+            }
+            else {
+                copyFileSync(currentPath, targetPath);
+            }
+        });
+    }
+}

package/plugin/build/withConfig.d.ts

@@ -0,0 +1,6 @@
+import { ConfigPlugin } from "@expo/config-plugins";
+export declare const withConfig: ConfigPlugin<{
+    bundleIdentifier: string;
+    targetName: string;
+    groupIdentifier?: string;
+}>;

package/plugin/build/withConfig.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withConfig = void 0;
+const getWidgetExtensionEntitlements_1 = require("./lib/getWidgetExtensionEntitlements");
+const withConfig = (config, { bundleIdentifier, targetName, groupIdentifier }) => {
+    let configIndex = null;
+    config.extra?.eas?.build?.experimental?.ios?.appExtensions?.forEach((ext, index) => {
+        if (ext.targetName === targetName) {
+            configIndex = index;
+        }
+    });
+    if (!configIndex) {
+        config.extra = {
+            ...config.extra,
+            eas: {
+                ...config.extra?.eas,
+                build: {
+                    ...config.extra?.eas?.build,
+                    experimental: {
+                        ...config.extra?.eas?.build?.experimental,
+                        ios: {
+                            ...config.extra?.eas?.build?.experimental?.ios,
+                            appExtensions: [
+                                ...(config.extra?.eas?.build?.experimental?.ios?.appExtensions ?? []),
+                                {
+                                    targetName,
+                                    bundleIdentifier,
+                                },
+                            ],
+                        },
+                    },
+                },
+            },
+        };
+        configIndex = 0;
+    }
+    if (configIndex != null && config.extra) {
+        const widgetsExtensionConfig = config.extra.eas.build.experimental.ios.appExtensions[configIndex];
+        widgetsExtensionConfig.entitlements = {
+            ...widgetsExtensionConfig.entitlements,
+            ...(0, getWidgetExtensionEntitlements_1.getWidgetExtensionEntitlements)(config.ios, {
+                groupIdentifier,
+            }),
+        };
+        config.ios = {
+            ...config.ios,
+            entitlements: {
+                ...(0, getWidgetExtensionEntitlements_1.addApplicationGroupsEntitlement)(config.ios?.entitlements ?? {}, groupIdentifier),
+            },
+        };
+    }
+    return config;
+};
+exports.withConfig = withConfig;

package/plugin/build/withPodfile.d.ts

@@ -0,0 +1,4 @@
+import { ConfigPlugin } from "@expo/config-plugins";
+export declare const withPodfile: ConfigPlugin<{
+    targetName: string;
+}>;