expo-widgets 58.0.9 → 58.0.10

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 58.0.10
+
+### Patch Changes
+
+- Add React hook and component helper stubs to prevent missing API errors when rendering widgets, including `memo` and `forwardRef`. ([#50834](https://github.com/expo/expo/pull/50834) by [@jakex7](https://github.com/jakex7))
+- [iOS] Stop linking WidgetKit into apps that use `@expo/ui` without widgets. The `widgetURL`, `activityBackgroundTint`, `widgetAccentedRenderingMode`, and `containerBackground` (`widget` placement) modifiers and the `AccessoryWidgetBackground` view now take effect only inside `expo-widgets` widgets and Live Activities. ([#50786](https://github.com/expo/expo/pull/50786) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+- Updated dependencies. ([#50801](https://github.com/expo/expo/pull/50801), [#49986](https://github.com/expo/expo/pull/49986), [#50674](https://github.com/expo/expo/pull/50674), [#50786](https://github.com/expo/expo/pull/50786), [#50851](https://github.com/expo/expo/pull/50851))
+  - @expo/ui@58.0.10
+
 ## 58.0.9
 
 ### Patch Changes

package/android/build.gradle

@@ -6,7 +6,7 @@ plugins {
 }
 
 group = 'expo.modules.widgets'
-version = '58.0.9'
+version = '58.0.10'
 
 def expoWidgetsPackageDirFile = project.projectDir.parentFile
 def expoWidgetsPackageDir = expoWidgetsPackageDirFile.absolutePath
@@ -39,7 +39,7 @@ android {
   namespace "expo.modules.widgets"
   defaultConfig {
     versionCode 1
-    versionName '58.0.9'
+    versionName '58.0.10'
 
     externalNativeBuild {
       cmake {
@@ -143,6 +143,6 @@ dependencies {
   implementation 'com.facebook.react:react-android'
   implementation 'com.facebook.react:hermes-android'
   implementation expoModule.getExpoDependency("expo-ui")
-  api 'io.github.jakex7.peek:peek-emittables:0.3.0'
+  api 'io.github.expo.peek:peek-emittables:0.3.1'
   implementation "androidx.glance:glance:1.2.0"
 }

package/android/src/main/java/expo/modules/widgets/ExpoWidgetEmittableTree.kt

@@ -105,7 +105,7 @@ import androidx.glance.unit.ColorProvider
 import androidx.glance.appwidget.lazy.EmittableLazyColumn
 import androidx.glance.appwidget.lazy.EmittableLazyListItem
 import androidx.glance.appwidget.lazy.ReservedItemIdRangeEnd
-import io.github.jakex7.peek.glance.determinateCircularProgressIndicatorEmittable
+import io.github.expo.peek.glance.determinateCircularProgressIndicatorEmittable
 import kotlin.math.roundToInt
 
 private val DefaultCheckedColor = ColorProvider(Color(0xff6750a4))

package/android/src/main/java/expo/modules/widgets/ExpoWidgetsAppWidgetProvider.kt

@@ -3,7 +3,7 @@ package expo.modules.widgets
 import android.content.Context
 import android.content.Intent
 import androidx.glance.appwidget.GlanceAppWidgetReceiver
-import io.github.jakex7.peek.emittables.PeekEmittableAppWidget
+import io.github.expo.peek.emittables.PeekEmittableAppWidget
 
 open class ExpoWidgetsAppWidgetProvider(
   widgetName: String

package/android/src/main/java/expo/modules/widgets/ExpoWidgetsPeekWidget.kt

@@ -8,7 +8,7 @@ import androidx.compose.ui.unit.DpSize
 import androidx.glance.Emittable
 import androidx.glance.appwidget.AppWidgetId
 import androidx.glance.appwidget.SizeMode
-import io.github.jakex7.peek.emittables.PeekEmittableAppWidget
+import io.github.expo.peek.emittables.PeekEmittableAppWidget
 
 internal class ExpoWidgetsPeekWidget(
   private val widgetName: String

package/bundle/react-stub.ts

@@ -15,16 +15,77 @@ export const isValidElement = (value: unknown): value is ReactElementNode => {
 };
 
 // TODO(@jakex7): Make this a proper React reconciler in the future. For now, we just need a stub to allow the widget bundle to compile with @expo/ui/jetpack-compose.
-type StubContext<T> = {
-  Provider: string;
-  Consumer: string;
-  _currentValue: T;
+
+// Each widget render is a fresh mount, so there is nothing to memoize.
+export const memo = (component: any, _arePropsEqual?: any) => component;
+export const forwardRef = (render: any) => (props: any) => {
+  const { ref = null, ...rest } = props;
+  return render(rest, ref);
 };
+export const createRef = (): any => ({ current: null });
+export function createElement(type: any, config?: any, ...children: any[]) {
+  const { key, ...props } = config ?? {};
+  if (children.length > 0) {
+    props.children = children.length === 1 ? children[0] : children;
+  }
+  return { type, key: key === undefined ? null : String(key), props };
+}
+export function cloneElement(element: any, config?: any, ...children: any[]) {
+  const cloned = createElement(element.type, { ...element.props, ...config }, ...children);
+  cloned.key = config?.key === undefined ? element.key : cloned.key;
+  return cloned;
+}
 
-export const createContext = <T>(defaultValue: T): StubContext<T> => ({
+const noop = (..._args: any[]) => {};
+export const createContext = (defaultValue: any) => ({
   Provider: 'react.provider',
   Consumer: 'react.consumer',
   _currentValue: defaultValue,
 });
+export function useContext(context: any) {
+  return context._currentValue;
+}
+
+export function useState(initialState?: any) {
+  return [typeof initialState === 'function' ? initialState() : initialState, noop];
+}
+
+export function useReducer(_reducer: any, initialArg: any, init?: any) {
+  return [init ? init(initialArg) : initialArg, noop];
+}
+
+export const useRef = (initialValue: any) => ({ current: initialValue });
+export const useMemo = (factory: any, _deps?: any) => factory();
+export const useCallback = (callback: any, _deps?: any) => callback;
+export const useEffectEvent = (callback: any) => callback;
+
+export const useEffect = noop;
+export const useLayoutEffect = noop;
+export const useInsertionEffect = noop;
+export const useImperativeHandle = noop;
+export const useDebugValue = noop;
+
+export const useDeferredValue = (value: any, _initialValue?: any) => value;
+export const startTransition = (callback: any) => {
+  callback();
+};
+export const useTransition = (): any[] => [false, startTransition];
+let nextId = 0;
+export const useId = () => `:expo-widget-${nextId++}:`;
+
+export const useSyncExternalStore = (_subscribe: any, getSnapshot: any, getServerSnapshot?: any) =>
+  (getServerSnapshot ?? getSnapshot)();
+
+export const useOptimistic = (state: any, _reducer?: any) => [state, noop];
+export const useActionState = (_action: any, initialState: any, _permalink?: any) => [
+  initialState,
+  noop,
+  false,
+];
 
-export const useContext = <T>(context: StubContext<T>): T => context._currentValue;
+export function use(resource: any) {
+  if ('_currentValue' in resource) {
+    return resource._currentValue;
+  }
+  return resource.status === 'fulfilled' ? resource.value : undefined;
+}

package/expo-module.config.json

@@ -7,9 +7,9 @@
     "modules": ["expo.modules.widgets.WidgetsModule"],
     "gradlePlugins": [
       {
-        "id": "io.github.jakex7.peek.glance-fork",
-        "group": "io.github.jakex7.peek",
-        "version": "0.3.0"
+        "id": "io.github.expo.peek.glance-fork",
+        "group": "io.github.expo.peek",
+        "version": "0.3.1"
       }
     ]
   }

package/ios/Widgets/AccessoryWidgetBackgroundView.swift

@@ -0,0 +1,28 @@
+import SwiftUI
+import ExpoModulesCore
+import ExpoUI
+#if !os(tvOS)
+import WidgetKit
+#endif
+
+public final class AccessoryWidgetBackgroundProps: UIBaseViewProps {}
+
+public struct AccessoryWidgetBackgroundView: ExpoSwiftUI.View {
+  @ObservedObject public var props: AccessoryWidgetBackgroundProps
+
+  public init(props: AccessoryWidgetBackgroundProps) {
+    self.props = props
+  }
+
+  public var body: some View {
+#if !os(tvOS)
+    if #available(iOS 16.0, *) {
+      AccessoryWidgetBackground()
+    } else {
+      Color.clear
+    }
+#else
+    EmptyView()
+#endif
+  }
+}

package/ios/Widgets/WidgetModifiers.swift

@@ -0,0 +1,102 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import ExpoUI
+import SwiftUI
+#if !os(tvOS)
+import WidgetKit
+#endif
+
+internal enum WidgetAccentedRenderingModeOptions: String, Enumerable {
+  case accented
+  case desaturated
+  case accentedDesaturated
+  case fullColor
+
+#if !os(tvOS)
+  @available(iOS 18.0, macOS 15.0, *)
+  var toWidgetAccentedRenderingMode: WidgetAccentedRenderingMode {
+    switch self {
+    case .accented: return .accented
+    case .accentedDesaturated: return .accentedDesaturated
+    case .desaturated: return .desaturated
+    case .fullColor: return .fullColor
+    }
+  }
+#endif
+}
+
+/**
+ * This is a unique modifier that exists only on Image, but returns some View, and for this reason it cannot be a ViewModifier.
+ */
+internal struct WidgetAccentedRenderingModeModifier: Record {
+  @Field var renderingMode: WidgetAccentedRenderingModeOptions?
+
+  @ViewBuilder
+  func apply(to image: Image) -> some View {
+#if !os(tvOS)
+    if #available(iOS 18.0, macOS 15.0, *), renderingMode != nil {
+      image.widgetAccentedRenderingMode(renderingMode?.toWidgetAccentedRenderingMode)
+    } else {
+      image
+    }
+#else
+    image
+#endif
+  }
+}
+
+internal struct WidgetURLModifier: ViewModifier, Record {
+  @Field var url: URL?
+
+  func body(content: Content) -> some View {
+#if !os(tvOS)
+    content.widgetURL(url)
+#else
+    content
+#endif
+  }
+}
+
+internal struct ActivityBackgroundTintModifier: ViewModifier, Record {
+  @Field var color: Color?
+
+  func body(content: Content) -> some View {
+#if !os(tvOS) && !os(macOS) && !targetEnvironment(macCatalyst)
+    content.activityBackgroundTint(color)
+#else
+    content
+#endif
+  }
+}
+
+/**
+ * Registers the modifiers that need WidgetKit. They live here rather than in ExpoUI,
+ * so apps that use ExpoUI without widgets do not link WidgetKit.
+ * See: https://github.com/expo/expo/issues/50777
+ */
+internal func registerWidgetModifiers() {
+  ViewModifierRegistry.register("widgetURL") { params, appContext, _ in
+    return try WidgetURLModifier(from: params, appContext: appContext)
+  }
+  ViewModifierRegistry.register("activityBackgroundTint") { params, appContext, _ in
+    return try ActivityBackgroundTintModifier(from: params, appContext: appContext)
+  }
+  ViewModifierRegistry.widgetKit = WidgetKitModifiersImpl()
+}
+
+private struct WidgetKitModifiersImpl: WidgetKitModifiers {
+  func containerBackground(_ view: AnyView, style: AnyShapeStyle) -> AnyView {
+    guard #available(iOS 17.0, *) else {
+      return view
+    }
+    return AnyView(view.containerBackground(style, for: .widget))
+  }
+
+  func widgetAccentedRenderingMode(_ image: Image, params: [String: Any], appContext: AppContext) -> AnyView? {
+    guard #available(iOS 18.0, *), let modifier = try? WidgetAccentedRenderingModeModifier(from: params, appContext: appContext) else {
+      return nil
+    }
+    return AnyView(modifier.apply(to: image))
+  }
+}

package/ios/WidgetsContext.swift

@@ -4,4 +4,8 @@ import ExpoModulesCore
 struct WidgetsContext {
   static let shared = WidgetsContext()
   let context: AppContext = AppContext()
+
+  private init() {
+    registerWidgetModifiers()
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-widgets",
-  "version": "58.0.9",
+  "version": "58.0.10",
   "description": "Widgets.",
   "keywords": [
     "expo",
@@ -28,14 +28,14 @@
   },
   "dependencies": {
     "@expo/plist": "^0.10.1",
-    "@expo/ui": "~58.0.9"
+    "@expo/ui": "~58.0.10"
   },
   "devDependencies": {
     "@expo/spawn-async": "^1.8.0",
     "@types/jest": "^29.2.1",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo": "58.0.0",
+    "expo": "58.0.1",
     "expo-module-scripts": "56.0.4",
     "react-native": "0.88.0-rc.3",
     "resolve-workspace-root": "^2.0.0"