expo-widgets 55.0.4 → 55.0.6

package/CHANGELOG.md

@@ -10,6 +10,24 @@
 
 ### 💡 Others
 
+## 55.0.6 — 2026-03-18
+
+### 🎉 New features
+
+- Pass environment to AppIntent ([#43925](https://github.com/expo/expo/pull/43925) by [@jakex7](https://github.com/jakex7))
+- Automatically add `target` for `Button`. ([#43977](https://github.com/expo/expo/pull/43977) by [@jakex7](https://github.com/jakex7))
+- Add support for `Link` view from `@expo/ui`. ([#43985](https://github.com/expo/expo/pull/43985) by [@jakex7](https://github.com/jakex7))
+
+### 🐛 Bug fixes
+
+- Add support for `React.Fragment`. ([#43833](https://github.com/expo/expo/pull/43833) by [@jakex7](https://github.com/jakex7))
+- Add Button children support. ([#43832](https://github.com/expo/expo/pull/43832) by [@jakex7](https://github.com/jakex7))
+- Remove unused `Compression` related code. ([#43981](https://github.com/expo/expo/pull/43981) by [@jakex7](https://github.com/jakex7))
+
+## 55.0.5 — 2026-03-17
+
+_This version does not introduce any user-facing changes._
+
 ## 55.0.4 — 2026-03-11
 
 ### 🛠 Breaking changes

package/bundle/decorator.ts

@@ -0,0 +1,61 @@
+import { ReactElementNode } from './jsx-runtime-stub';
+
+export function decorateInteractiveTargets(node: unknown) {
+  return decorateNode(node, {
+    nearestParentKey: null,
+    nextTargetIndex: {
+      current: 0,
+    },
+    typesToDecorate: ['Button'],
+  });
+}
+
+function decorateNode(
+  node: unknown,
+  context: {
+    nearestParentKey: string | null;
+    nextTargetIndex: {
+      current: number;
+    };
+    typesToDecorate: string[];
+  }
+): unknown {
+  if (Array.isArray(node)) {
+    return node.map((child) => decorateNode(child, context));
+  }
+
+  if (!isReactElementNode(node)) {
+    return node;
+  }
+
+  const props = node.props ?? {};
+
+  if (props.target == null && context.typesToDecorate.includes(node.type as string)) {
+    props.target = buildButtonTargetId(context.nextTargetIndex.current, context.nearestParentKey);
+    context.nextTargetIndex.current += 1;
+  }
+
+  if ('children' in props) {
+    props.children = decorateNode(props.children, {
+      nearestParentKey: node.key ?? context.nearestParentKey,
+      nextTargetIndex: context.nextTargetIndex,
+      typesToDecorate: context.typesToDecorate,
+    });
+  }
+
+  return node;
+}
+
+function isReactElementNode(node: unknown): node is ReactElementNode {
+  return Boolean(node) && typeof node === 'object' && 'type' in node && 'props' in node;
+}
+
+function buildButtonTargetId(index: number, parentKey: string | null) {
+  const baseTarget = `__expo_widgets_target_${index}`;
+
+  if (!parentKey) {
+    return baseTarget;
+  }
+
+  return `${baseTarget}_${parentKey}`;
+}

package/bundle/index.ts

@@ -3,6 +3,7 @@
 import * as swiftUI from '@expo/ui/swift-ui';
 import * as modifiers from '@expo/ui/swift-ui/modifiers';
 
+import { decorateInteractiveTargets } from './decorator';
 import * as jsxRuntime from './jsx-runtime-stub';
 import * as React from './react-stub';
 
@@ -12,6 +13,7 @@ declare global {
   var __expoWidgetLayout: (props: Dictionary, environment: Dictionary) => Dictionary;
   var __expoWidgetRender: (props: Dictionary, environment: Dictionary) => Dictionary;
   var __expoWidgetHandlePress: (
+    props: Dictionary,
     environment: Dictionary & { target?: string }
   ) => Dictionary | undefined;
 }
@@ -23,7 +25,7 @@ const __expoWidgetRender = function (props: Dictionary, environment: Dictionary)
     decoratedEnvironment.date = new Date(timestamp as number);
   }
 
-  return globalThis.__expoWidgetLayout(props, decoratedEnvironment as any);
+  return decorateInteractiveTargets(globalThis.__expoWidgetLayout(props, decoratedEnvironment));
 };
 
 const __expoWidgetHandlePress = function (
@@ -42,12 +44,10 @@ const __expoWidgetHandlePress = function (
       return props.onButtonPress();
     }
 
-    if (props?.children && Array.isArray(props.children)) {
-      for (const child of props.children) {
-        const result = findAndCallOnPress(child as Dictionary);
-        if (result) {
-          return result;
-        }
+    for (const child of React.Children.toArray(props?.children)) {
+      const result = findAndCallOnPress(child as Dictionary);
+      if (result) {
+        return result;
       }
     }
   }
@@ -61,6 +61,7 @@ Object.assign(globalThis, {
   ...modifiers,
   ...jsxRuntime,
   ...React,
+  React,
   __expoWidgetRender,
   __expoWidgetHandlePress,
 });

package/bundle/jsx-runtime-stub.ts

@@ -1,7 +1,16 @@
-export const REACT_ELEMENT_TYPE: symbol = Symbol.for('react.transitional.element');
-export const REACT_FRAGMENT_TYPE: symbol = Symbol.for('react.fragment');
+import { Fragment } from './react-stub';
 
-function ReactElement(type: typeof ReactElement, key: string | null, props: Record<string, any>) {
+export type ReactElementNode = {
+  type: unknown;
+  key: string | null;
+  props: Record<string, any>;
+};
+
+function ReactElement(
+  type: unknown,
+  key: string | null,
+  props: Record<string, any>
+): ReactElementNode {
   if (typeof type === 'function') {
     return (type as any)(props);
   }
@@ -15,7 +24,11 @@ function ReactElement(type: typeof ReactElement, key: string | null, props: Reco
   return element;
 }
 
-function jsxProd(type: typeof ReactElement, config: any, maybeKey?: string | number | bigint) {
+function jsxProd(
+  type: unknown,
+  config: any,
+  maybeKey?: string | number | bigint
+): ReactElementNode {
   let key = null;
   if (maybeKey !== undefined) {
     key = '' + maybeKey;
@@ -45,7 +58,8 @@ function hasValidKey(config: any) {
 
 const jsxFileName = 'widget';
 export {
-  REACT_FRAGMENT_TYPE as Fragment,
+  Fragment,
+  Fragment as _Fragment,
   jsxFileName as _jsxFileName,
   jsxProd,
   jsxProd as jsx,

package/bundle/react-stub.ts

@@ -1,3 +1,5 @@
+export const Fragment = 'react.fragment';
+
 export const Children = {
   toArray(children: unknown) {
     if (children === undefined || children === null) {

package/ios/Widgets/AppIntent.swift

@@ -15,11 +15,15 @@ struct WidgetUserInteraction: AppIntent {
   @Parameter(title: "entryIndex")
   var entryIndex: Int?
 
+  @Parameter(title: "environmentString")
+  var environmentString: String?
+
   init() {}
-  init(source: String?, target: String?, entryIndex: Int?) {
+  init(source: String?, target: String?, entryIndex: Int?, environmentString: String?) {
     self.source = source
     self.target = target
     self.entryIndex = entryIndex
+    self.environmentString = environmentString
   }
 
   func perform() async throws -> some IntentResult {
@@ -34,15 +38,15 @@ struct WidgetUserInteraction: AppIntent {
           let entryIndex,
           let entry = timeline[entryIndex] as? [String: Any],
           let props = entry["props"] as? [String: Any],
-          let context = createWidgetContext(layout: layout) else {
+          let context = createWidgetContext(layout: layout),
+          let environmentData = environmentString?.data(using: .utf8),
+          var environment = try? JSONSerialization.jsonObject(with: environmentData) as? [String: Any] else {
       return .result()
     }
-    let pressEnvironment: [String: Any] = [
-      "timestamp": Int(Date.now.timeIntervalSince1970 * 1000),
-      "target": target as Any
-    ]
+    environment["target"] = target
+
     let result = context.objectForKeyedSubscript("__expoWidgetHandlePress")?.call(
-      withArguments: [props, pressEnvironment]
+      withArguments: [props, environment]
     )
     if let newProps = result?.toObject() as? [String: Any] {
       var newEntry = entry

package/ios/Widgets/Buttons.swift

@@ -6,6 +6,7 @@ final class ButtonProps: ExpoUI.ButtonProps {
   @Field var source: String?
   @Field var target: String?
   @Field var entryIndex: Int?
+  @Field var environmentString: String?
 }
 
 @available(iOS 17.0, *)
@@ -18,7 +19,8 @@ struct WidgetButtonView: ExpoSwiftUI.View {
       intent: WidgetUserInteraction(
         source: props.source,
         target: props.target,
-        entryIndex: props.entryIndex
+        entryIndex: props.entryIndex,
+        environmentString: props.environmentString
       )
     ) {
       if let label = props.label {

package/ios/Widgets/DynamicView.swift

@@ -18,27 +18,30 @@ extension ObjectIdentifier: @retroactive Encodable {
 
 public struct WidgetsDynamicView: View, ExpoSwiftUI.AnyChild {
   let node: [String: Any]
-  let source: String
+  let name: String
   let kind: WidgetsKind
   let entryIndex: Int?
+  let environmentString: String?
 
   let uuid = NodeIdentityWrapper(id: UUID())
   public var id: ObjectIdentifier {
     ObjectIdentifier(uuid)
   }
 
-  public init(source: String, kind: WidgetsKind, node: [String: Any]) {
-    self.source = source
+  public init(name: String, kind: WidgetsKind, node: [String: Any]) {
+    self.name = name
     self.kind = kind
     self.node = node
     self.entryIndex = nil
+    self.environmentString = nil
   }
 
-  public init(source: String, kind: WidgetsKind, node: [String: Any], entryIndex: Int?) {
-    self.source = source
+  public init(name: String, kind: WidgetsKind, node: [String: Any], entryIndex: Int?, environmentString: String?) {
+    self.name = name
     self.kind = kind
     self.node = node
     self.entryIndex = entryIndex
+    self.environmentString = environmentString
   }
 
   @ViewBuilder
@@ -81,18 +84,24 @@ public struct WidgetsDynamicView: View, ExpoSwiftUI.AnyChild {
         switch kind {
         case .widget:
           render(WidgetButtonView.self, ButtonProps.self) { buttonProps in
-            buttonProps.source = source
+            try updateChildren(buttonProps)
+            buttonProps.source = name
             buttonProps.entryIndex = entryIndex
+            buttonProps.environmentString = environmentString
           }
         case .liveActivity:
           render(LiveActivityButtonView.self, ButtonProps.self) { buttonProps in
-            buttonProps.source = source
+            try updateChildren(buttonProps)
+            buttonProps.source = name
           }
         }
       } else {
         render(ExpoUI.Button.self, ExpoUI.ButtonProps.self, updateProps: updateChildren)
       }
-
+    case "react.fragment":
+      render(FragmentView.self, FragmentProps.self, updateProps: updateChildren)
+    case "LinkView":
+      render(LinkView.self, LinkViewProps.self, updateProps: updateChildren)
     default:
       ZStack {
         Color.red.opacity(0.5)
@@ -129,9 +138,9 @@ public struct WidgetsDynamicView: View, ExpoSwiftUI.AnyChild {
     if let props = node["props"] as? [String: Any] {
       if let children = props["children"] as? [Any] {
         let validChildren = children.compactMap { $0 as? [String: Any] }
-        initialProps.children = validChildren.map { WidgetsDynamicView(source: source, kind: kind, node: $0, entryIndex: entryIndex) }
+        initialProps.children = validChildren.map { WidgetsDynamicView(name: name, kind: kind, node: $0, entryIndex: entryIndex, environmentString: environmentString) }
       } else if let child = props["children"] as? [String: Any] {
-        initialProps.children = [WidgetsDynamicView(source: source, kind: kind, node: child, entryIndex: entryIndex)]
+        initialProps.children = [WidgetsDynamicView(name: name, kind: kind, node: child, entryIndex: entryIndex, environmentString: environmentString)]
       }
     }
   }

package/ios/Widgets/EntryView.swift

@@ -16,16 +16,24 @@ public struct WidgetsEntryView: View {
     return env
   }
 
+  private var widgetEnvironmentString: String? {
+    guard let data = try? JSONSerialization.data(withJSONObject: widgetEnvironment),
+          let jsonString = String(data: data, encoding: .utf8) else {
+        return nil
+    }
+    return jsonString
+  }
+
   public var body: some View {
-    let layout = WidgetsStorage.getString(forKey: "__expo_widgets_\(entry.source)_layout") ?? ""
+    let layout = WidgetsStorage.getString(forKey: "__expo_widgets_\(entry.name)_layout") ?? ""
     let node = evaluateLayout(layout: layout, props: entry.props ?? [:], environment: widgetEnvironment)
 
     if let node {
       if #available(iOS 17.0, *) {
-        WidgetsDynamicView(source: entry.source, kind: .widget, node: node, entryIndex: entry.entryIndex)
+        WidgetsDynamicView(name: entry.name, kind: .widget, node: node, entryIndex: entry.entryIndex, environmentString: widgetEnvironmentString)
           .containerBackground(.clear, for: .widget)
       } else {
-        WidgetsDynamicView(source: entry.source, kind: .widget, node: node, entryIndex: entry.entryIndex)
+        WidgetsDynamicView(name: entry.name, kind: .widget, node: node, entryIndex: entry.entryIndex, environmentString: widgetEnvironmentString)
       }
     } else {
       EmptyView()

package/ios/Widgets/Fragment.swift

@@ -0,0 +1,13 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+
+final class FragmentProps: ExpoUI.ButtonProps {}
+
+struct FragmentView: ExpoSwiftUI.View {
+  @ObservedObject var props: FragmentProps
+
+  var body: some View {
+    Children()
+  }
+}

package/ios/Widgets/LiveActivityBanner.swift

@@ -9,9 +9,9 @@ struct LiveActivityBanner: View {
 
   var body: some View {
     if activityFamily == .small, let node = nodes?["bannerSmall"] as? [String: Any] {
-      WidgetsDynamicView(source: context.activityID, kind: .liveActivity, node: node)
+      WidgetsDynamicView(name: context.activityID, kind: .liveActivity, node: node)
     } else if let node = nodes?["banner"] as? [String: Any] {
-      WidgetsDynamicView(source: context.activityID, kind: .liveActivity, node: node)
+      WidgetsDynamicView(name: context.activityID, kind: .liveActivity, node: node)
     } else {
       EmptyView()
     }

package/ios/Widgets/TimelineEntry.swift

@@ -2,7 +2,7 @@ import WidgetKit
 
 public struct WidgetsTimelineEntry: WidgetKit.TimelineEntry {
   public let date: Date
-  public let source: String
+  public let name: String
   public let props: [String: Any]?
   public let entryIndex: Int?
 }

package/ios/Widgets/TimelineProvider.swift

@@ -2,7 +2,7 @@ import WidgetKit
 
 public struct WidgetsTimelineProvider: TimelineProvider {
   public func placeholder(in context: Context) -> WidgetsTimelineEntry {
-    WidgetsTimelineEntry(date: Date(), source: name, props: nil, entryIndex: nil)
+    WidgetsTimelineEntry(date: Date(), name: name, props: nil, entryIndex: nil)
   }
 
   public func getSnapshot(
@@ -11,12 +11,12 @@ public struct WidgetsTimelineProvider: TimelineProvider {
     let groupIdentifier =
       Bundle.main.object(forInfoDictionaryKey: "ExpoWidgetsAppGroupIdentifier") as? String
     guard let groupIdentifier else {
-      completion(WidgetsTimelineEntry(date: Date(), source: name, props: nil, entryIndex: nil))
+      completion(WidgetsTimelineEntry(date: Date(), name: name, props: nil, entryIndex: nil))
       return
     }
 
     let entries = parseTimeline(identifier: groupIdentifier, name: name, family: context.family)
-    completion(entries.first ?? WidgetsTimelineEntry(date: Date(), source: name, props: nil, entryIndex: nil))
+    completion(entries.first ?? WidgetsTimelineEntry(date: Date(), name: name, props: nil, entryIndex: nil))
   }
 
   public func getTimeline(

package/ios/Widgets/Utils.swift

@@ -9,7 +9,7 @@ func parseTimeline(identifier: String, name: String, family: WidgetFamily) -> [W
     if let entry = entry as? [String: Any], let timestamp = entry["timestamp"] as? Int, let props = entry["props"] as? [String: Any] {
       return WidgetsTimelineEntry(
         date: Date(timeIntervalSince1970: Double(timestamp) / 1000),
-        source: name,
+        name: name,
         props: props,
         entryIndex: index
       )

package/ios/Widgets/WidgetLiveActivity.swift

@@ -65,7 +65,7 @@ private struct LiveActivitySectionView: View {
       environment: environment
     )
     if let node = nodes[sectionName] as? [String: Any] {
-      WidgetsDynamicView(source: context.activityID, kind: .liveActivity, node: node)
+      WidgetsDynamicView(name: context.activityID, kind: .liveActivity, node: node)
     } else {
       EmptyView()
     }
@@ -86,7 +86,7 @@ private struct LiveActivityBannerView: View {
     if #available(iOS 18.0, *) {
       LiveActivityBanner(context: context, nodes: nodes)
     } else if let node = nodes["banner"] as? [String: Any] {
-      WidgetsDynamicView(source: context.activityID, kind: .liveActivity, node: node)
+      WidgetsDynamicView(name: context.activityID, kind: .liveActivity, node: node)
     } else {
       EmptyView()
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-widgets",
-  "version": "55.0.4",
+  "version": "55.0.6",
   "description": "Widgets.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -33,7 +33,7 @@
   "homepage": "https://docs.expo.dev/versions/latest/sdk/widgets/",
   "dependencies": {
     "@expo/plist": "^0.5.2",
-    "@expo/ui": "~55.0.2"
+    "@expo/ui": "~55.0.4"
   },
   "devDependencies": {
     "expo-module-scripts": "^55.0.2"
@@ -42,5 +42,5 @@
     "expo": "*",
     "react": "*"
   },
-  "gitHead": "bcdd2c239f8a92cdf5140e35cde768352630acd6"
+  "gitHead": "31afdbe5613d666148711cb3ec58c4b617a00c14"
 }

package/ios/Brotli+Data.swift

@@ -1,32 +0,0 @@
-import Foundation
-import Compression
-
-extension Data {
-  func brotliCompressed() throws -> Data {
-    var output = Data()
-
-    let filter = try OutputFilter(.compress, using: .brotli, bufferCapacity: 65_536) { chunk in
-      if let chunk = chunk {
-        output.append(chunk)
-      }
-    }
-
-    try filter.write(self)
-    try filter.finalize()
-    return output
-  }
-
-  func brotliDecompressed() throws -> Data {
-    var output = Data()
-
-    let filter = try OutputFilter(.decompress, using: .brotli, bufferCapacity: 65_536) { chunk in
-      if let chunk = chunk {
-        output.append(chunk)
-      }
-    }
-
-    try filter.write(self)
-    try filter.finalize()
-    return output
-  }
-}