react-native-windows 0.74.1 → 0.74.3

package/Libraries/Components/Touchable/TouchableBounce.js

@@ -209,6 +209,7 @@ class TouchableBounce extends React.Component<Props, State> {
 
   componentWillUnmount(): void {
     this.state.pressability.reset();
+    this.state.scale.resetAnimation();
   }
 }
 

package/Libraries/Components/Touchable/TouchableOpacity.js

@@ -320,6 +320,7 @@ class TouchableOpacity extends React.Component<Props, State> {
 
   componentWillUnmount(): void {
     this.state.pressability.reset();
+    this.state.anim.resetAnimation();
   }
 }
 

package/Libraries/Components/Touchable/TouchableOpacity.windows.js

@@ -335,6 +335,7 @@ class TouchableOpacity extends React.Component<Props, State> {
 
   componentWillUnmount(): void {
     this.state.pressability.reset();
+    this.state.anim.resetAnimation();
   }
 }
 

package/Libraries/Core/ReactNativeVersion.js

@@ -16,7 +16,7 @@ const version: $ReadOnly<{
 }> = {
   major: 0,
   minor: 74,
-  patch: 0,
+  patch: 1,
   prerelease: null,
 };
 

package/Microsoft.ReactNative/Fabric/Composition/CompositionContextHelper.cpp

@@ -1966,6 +1966,12 @@ winrt::Microsoft::UI::Composition::ICompositionSurface MicrosoftCompositionConte
   surface.try_as(s);
   return s ? s->Inner() : nullptr;
 }
+
+winrt::Microsoft::ReactNative::Composition::Experimental::IBrush MicrosoftCompositionContextHelper::WrapBrush(
+    const winrt::Microsoft::UI::Composition::CompositionBrush &brush) noexcept {
+  return winrt::make<::Microsoft::ReactNative::Composition::Experimental::MicrosoftCompBrush>(brush);
+}
+
 #endif
 
 } // namespace winrt::Microsoft::ReactNative::Composition::Experimental::implementation

package/Microsoft.ReactNative/Fabric/Composition/CompositionContextHelper.h

@@ -45,6 +45,8 @@ struct MicrosoftCompositionContextHelper : MicrosoftCompositionContextHelperT<Mi
   static winrt::Microsoft::UI::Composition::DropShadow InnerDropShadow(IDropShadow shadow) noexcept;
   static winrt::Microsoft::UI::Composition::CompositionBrush InnerBrush(IBrush brush) noexcept;
   static winrt::Microsoft::UI::Composition::ICompositionSurface InnerSurface(IDrawingSurfaceBrush surface) noexcept;
+
+  static IBrush WrapBrush(const winrt::Microsoft::UI::Composition::CompositionBrush &brush) noexcept;
 };
 #endif
 

package/Microsoft.ReactNative/Fabric/Composition/ImageComponentView.cpp

@@ -39,9 +39,9 @@ void ImageComponentView::WindowsImageResponseObserver::didReceiveProgress(float
 
 void ImageComponentView::WindowsImageResponseObserver::didReceiveImage(
     facebook::react::ImageResponse const &imageResponse) const {
-  auto sharedwicbmp = std::static_pointer_cast<winrt::com_ptr<IWICBitmap>>(imageResponse.getImage());
+  auto imageResponseImage = std::static_pointer_cast<ImageResponseImage>(imageResponse.getImage());
   m_image->m_reactContext.UIDispatcher().Post(
-      [wicbmp = *sharedwicbmp, image = m_image]() { image->didReceiveImage(wicbmp); });
+      [imageResponseImage, image = m_image]() { image->didReceiveImage(imageResponseImage); });
 }
 
 void ImageComponentView::WindowsImageResponseObserver::didReceiveFailure() const {
@@ -83,7 +83,7 @@ void ImageComponentView::ImageLoadStart() noexcept {
   }
 }
 
-void ImageComponentView::didReceiveImage(const winrt::com_ptr<IWICBitmap> &wicbmp) noexcept {
+void ImageComponentView::didReceiveImage(const std::shared_ptr<ImageResponseImage> &imageResponseImage) noexcept {
   // TODO check for recycled?
 
   auto imageEventEmitter = std::static_pointer_cast<facebook::react::ImageEventEmitter const>(m_eventEmitter);
@@ -99,7 +99,7 @@ void ImageComponentView::didReceiveImage(const winrt::com_ptr<IWICBitmap> &wicbm
   assert(uiDispatcher.HasThreadAccess());
 #endif
 
-  m_wicbmp = wicbmp;
+  m_imageResponseImage = imageResponseImage;
   ensureDrawingSurface();
 }
 
@@ -198,7 +198,8 @@ void ImageComponentView::updateLayoutMetrics(
 }
 
 void ImageComponentView::OnRenderingDeviceLost() noexcept {
-  DrawImage();
+  m_drawingSurface = nullptr;
+  ensureDrawingSurface();
 }
 
 bool ImageComponentView::themeEffectsImage() const noexcept {
@@ -207,7 +208,8 @@ bool ImageComponentView::themeEffectsImage() const noexcept {
 
 void ImageComponentView::onThemeChanged() noexcept {
   if (themeEffectsImage()) {
-    DrawImage();
+    m_drawingSurface = nullptr;
+    ensureDrawingSurface();
   }
   Super::onThemeChanged();
 }
@@ -215,10 +217,17 @@ void ImageComponentView::onThemeChanged() noexcept {
 void ImageComponentView::ensureDrawingSurface() noexcept {
   assert(m_reactContext.UIDispatcher().HasThreadAccess());
 
-  UINT width, height;
-  winrt::check_hresult(m_wicbmp->GetSize(&width, &height));
+  if (!m_imageResponseImage) {
+    m_visual.Brush(nullptr);
+    return;
+  }
+
+  UINT width = 0, height = 0;
+  if (m_imageResponseImage->m_wicbmp) {
+    winrt::check_hresult(m_imageResponseImage->m_wicbmp->GetSize(&width, &height));
+  }
 
-  if (!m_drawingSurface && m_wicbmp) {
+  if (!m_drawingSurface && m_imageResponseImage->m_wicbmp) {
     winrt::Windows::Foundation::Size drawingSurfaceSize{static_cast<float>(width), static_cast<float>(height)};
 
     const auto imageProps = std::static_pointer_cast<const facebook::react::ImageProps>(m_props);
@@ -273,6 +282,8 @@ void ImageComponentView::ensureDrawingSurface() noexcept {
     }
 
     m_visual.Brush(m_drawingSurface);
+  } else if (m_imageResponseImage->m_brushFactory) {
+    m_visual.Brush(m_imageResponseImage->m_brushFactory(m_reactContext.Handle(), m_compContext));
   }
 }
 
@@ -286,7 +297,7 @@ void ImageComponentView::DrawImage() noexcept {
     return;
   }
 
-  if (!m_wicbmp) {
+  if (!m_imageResponseImage->m_wicbmp) {
     return;
   }
 
@@ -295,7 +306,8 @@ void ImageComponentView::DrawImage() noexcept {
   ::Microsoft::ReactNative::Composition::AutoDrawDrawingSurface autoDraw(m_drawingSurface, 1.0f, &offset);
   if (auto d2dDeviceContext = autoDraw.GetRenderTarget()) {
     winrt::com_ptr<ID2D1Bitmap1> bitmap;
-    winrt::check_hresult(d2dDeviceContext->CreateBitmapFromWicBitmap(m_wicbmp.get(), nullptr, bitmap.put()));
+    winrt::check_hresult(
+        d2dDeviceContext->CreateBitmapFromWicBitmap(m_imageResponseImage->m_wicbmp.get(), nullptr, bitmap.put()));
 
     d2dDeviceContext->Clear(D2D1::ColorF(D2D1::ColorF::Black, 0.0f));
     if (m_props->backgroundColor) {
@@ -311,7 +323,8 @@ void ImageComponentView::DrawImage() noexcept {
     if (useEffects) {
       winrt::com_ptr<ID2D1Effect> bitmapEffects;
       winrt::check_hresult(d2dDeviceContext->CreateEffect(CLSID_D2D1BitmapSource, bitmapEffects.put()));
-      winrt::check_hresult(bitmapEffects->SetValue(D2D1_BITMAPSOURCE_PROP_WIC_BITMAP_SOURCE, m_wicbmp.get()));
+      winrt::check_hresult(
+          bitmapEffects->SetValue(D2D1_BITMAPSOURCE_PROP_WIC_BITMAP_SOURCE, m_imageResponseImage->m_wicbmp.get()));
 
       if (imageProps->blurRadius > 0) {
         winrt::com_ptr<ID2D1Effect> gaussianBlurEffect;
@@ -360,7 +373,7 @@ void ImageComponentView::DrawImage() noexcept {
       }
     } else {
       UINT width, height;
-      winrt::check_hresult(m_wicbmp->GetSize(&width, &height));
+      winrt::check_hresult(m_imageResponseImage->m_wicbmp->GetSize(&width, &height));
 
       D2D1_RECT_F rect = D2D1::RectF(
           static_cast<float>(offset.x),

package/Microsoft.ReactNative/Fabric/Composition/ImageComponentView.h

@@ -14,6 +14,7 @@
 #include <winrt/Windows.UI.Composition.h>
 #include "CompositionHelpers.h"
 #include "CompositionViewComponentView.h"
+#include "ImageResponseImage.h"
 
 #pragma warning(push)
 #pragma warning(disable : 4244 4305)
@@ -83,7 +84,7 @@ struct ImageComponentView : ImageComponentViewT<ImageComponentView, ComponentVie
 
   void ImageLoadStart() noexcept;
   void ImageLoaded() noexcept;
-  void didReceiveImage(const winrt::com_ptr<IWICBitmap> &wicbmp) noexcept;
+  void didReceiveImage(const std::shared_ptr<ImageResponseImage> &wicbmp) noexcept;
   void didReceiveFailureFromObserver() noexcept;
   void setStateAndResubscribeImageResponseObserver(
       facebook::react::ImageShadowNode::ConcreteState::Shared const &state) noexcept;
@@ -93,7 +94,7 @@ struct ImageComponentView : ImageComponentViewT<ImageComponentView, ComponentVie
 
   winrt::Microsoft::ReactNative::Composition::Experimental::ISpriteVisual m_visual{nullptr};
   winrt::Microsoft::ReactNative::Composition::Experimental::IDrawingSurfaceBrush m_drawingSurface;
-  winrt::com_ptr<IWICBitmap> m_wicbmp;
+  std::shared_ptr<ImageResponseImage> m_imageResponseImage;
   std::shared_ptr<WindowsImageResponseObserver> m_imageResponseObserver;
   facebook::react::ImageShadowNode::ConcreteState::Shared m_state;
 };

package/Microsoft.ReactNative/Fabric/Composition/ImageResponseImage.h

@@ -0,0 +1,17 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <wincodec.h>
+#include <winrt/Microsoft.ReactNative.Composition.Experimental.h>
+
+namespace winrt::Microsoft::ReactNative::Composition::implementation {
+
+struct ImageResponseImage {
+  winrt::com_ptr<IWICBitmap> m_wicbmp;
+  winrt::Microsoft::ReactNative::Composition::Experimental::UriBrushFactory m_brushFactory{nullptr};
+};
+
+} // namespace winrt::Microsoft::ReactNative::Composition::implementation

package/Microsoft.ReactNative/Fabric/Composition/UriImageManager.cpp

@@ -0,0 +1,230 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "pch.h"
+#include "UriImageManager.h"
+
+#include "Composition.ImageSource.g.h"
+#include <AutoDraw.h>
+#include <ReactPropertyBag.h>
+#include <d2d1_3.h>
+#include <shcore.h>
+#include <winrt/Microsoft.ReactNative.Composition.Experimental.h>
+#include <winrt/Windows.Security.Cryptography.h>
+#include <winrt/Windows.Storage.Streams.h>
+
+namespace winrt::Microsoft::ReactNative::Composition::implementation {
+
+struct ImageSource : ImageSourceT<ImageSource> {
+  ImageSource(const facebook::react::ImageSource &source)
+      : m_size({source.size.width, source.size.height}),
+        m_scale(source.scale),
+        m_uri(::Microsoft::ReactNative::UriTryCreate(winrt::to_hstring(source.uri))) {}
+
+  winrt::Windows::Foundation::Uri Uri() noexcept {
+    return m_uri;
+  }
+
+  winrt::Windows::Foundation::Size Size() noexcept {
+    return m_size;
+  }
+
+  float Scale() noexcept {
+    return m_scale;
+  }
+
+ private:
+  const winrt::Windows::Foundation::Uri m_uri;
+  const winrt::Windows::Foundation::Size m_size;
+  const float m_scale;
+};
+
+winrt::Microsoft::ReactNative::Composition::ImageSource MakeImageSource(
+    const facebook::react::ImageSource &source) noexcept {
+  return winrt::make<ImageSource>(source);
+}
+
+/**
+ * This ImageHandler will handle uri types with svgxaml base64 encoded data
+ *
+ *   <Image
+ *      style={{width: 400, height: 200}}
+ *      source={{uri:
+ *       'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEzLjEyNSAwSDBWMTMuMTI1SDEzLjEyNVYwWiIgZmlsbD0iI0YyNTAyMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yOCAwSDE0Ljg3NVYxMy4xMjVIMjhWMFoiIGZpbGw9IiM3RkJBMDAiPjwvcGF0aD48cGF0aCBkPSJNMTMuMTI1IDE0Ljg3NUgwVjI4SDEzLjEyNVYxNC44NzVaIiBmaWxsPSIjMDBBNEVGIj48L3BhdGg+PHBhdGggZD0iTTI4IDE0Ljg3NUgxNC44NzVWMjhIMjhWMTQuODc1WiIgZmlsbD0iI0ZGQjkwMCI+PC9wYXRoPjwvc3ZnPiA='}}
+ *   />
+ *
+ */
+struct SvgDataImageHandler : winrt::implements<
+                                 SvgDataImageHandler,
+                                 winrt::Microsoft::ReactNative::Composition::Experimental::IUriBrushProvider,
+                                 winrt::Microsoft::ReactNative::Composition::IUriImageProvider> {
+  bool CanLoadImageUri(winrt::Microsoft::ReactNative::IReactContext context, winrt::Windows::Foundation::Uri uri) {
+    return uri.SchemeName() == L"data" && std::wstring_view(uri.Path()).starts_with(L"image/svg+xml;base64,");
+  }
+
+  winrt::Windows::Foundation::IAsyncOperation<winrt::Microsoft::ReactNative::Composition::Experimental::UriBrushFactory>
+  GetSourceAsync(
+      const winrt::Microsoft::ReactNative::IReactContext &context,
+      const winrt::Microsoft::ReactNative::Composition::ImageSource &imageSource) {
+    auto path = winrt::to_string(imageSource.Uri().Path());
+    auto size = imageSource.Size();
+    auto scale = imageSource.Scale();
+
+    size_t start = path.find(',');
+    if (start == std::string::npos || start + 1 > path.length())
+      co_return nullptr;
+
+    try {
+      co_await winrt::resume_background();
+
+      std::string_view base64String(path.c_str() + start + 1, path.length() - start - 1);
+      auto buffer = winrt::Windows::Security::Cryptography::CryptographicBuffer::DecodeFromBase64String(
+          winrt::to_hstring(base64String));
+
+      winrt::Windows::Storage::Streams::InMemoryRandomAccessStream memoryStream;
+      co_await memoryStream.WriteAsync(buffer);
+      memoryStream.Seek(0);
+
+      co_return
+          [memoryStream, size, scale](
+              const winrt::Microsoft::ReactNative::IReactContext &reactContext,
+              const winrt::Microsoft::ReactNative::Composition::Experimental::ICompositionContext &compositionContext)
+              -> winrt::Microsoft::ReactNative::Composition::Experimental::IBrush {
+            auto drawingBrush = compositionContext.CreateDrawingSurfaceBrush(
+                size,
+                winrt::Windows::Graphics::DirectX::DirectXPixelFormat::B8G8R8A8UIntNormalized,
+                winrt::Windows::Graphics::DirectX::DirectXAlphaMode::Premultiplied);
+            POINT pt;
+            ::Microsoft::ReactNative::Composition::AutoDrawDrawingSurface autoDraw(drawingBrush, 1.0, &pt);
+            auto renderTarget = autoDraw.GetRenderTarget();
+
+            winrt::com_ptr<ID2D1DeviceContext5> deviceContext5;
+            winrt::check_hresult(renderTarget->QueryInterface(IID_ID2D1DeviceContext5, deviceContext5.put_void()));
+
+            winrt::com_ptr<IStream> nativeStream;
+
+            winrt::check_hresult(CreateStreamOverRandomAccessStream(
+                memoryStream.as<::IUnknown>().get(), IID_PPV_ARGS(nativeStream.put())));
+
+            winrt::com_ptr<ID2D1SvgDocument> svgDocument;
+            if (FAILED(deviceContext5->CreateSvgDocument(
+                    nativeStream.get(), {size.Width, size.Height}, svgDocument.put()))) {
+              return nullptr;
+            }
+
+            D2D1::Matrix3x2F originalTransform;
+            D2D1::Matrix3x2F translationTransform =
+                D2D1::Matrix3x2F::Translation(static_cast<float>(pt.x), static_cast<float>(pt.y));
+
+            renderTarget->GetTransform(&originalTransform);
+            translationTransform = originalTransform * translationTransform;
+
+            renderTarget->SetTransform(translationTransform);
+
+            deviceContext5->DrawSvgDocument(svgDocument.get());
+
+            renderTarget->SetTransform(originalTransform);
+
+            return drawingBrush;
+          };
+
+    } catch (winrt::hresult_error const &) {
+    }
+
+    co_return nullptr;
+  }
+};
+
+/**
+ * This ImageHandler will handle uri types of base64 encoded data
+ *
+ *   <Image
+ *      style={{width: 400, height: 200}}
+ *      source={{uri:
+ * 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg=='}}
+ *   />
+ *
+ */
+struct DataImageHandler : winrt::implements<
+                              DataImageHandler,
+                              winrt::Microsoft::ReactNative::Composition::IUriImageStreamProvider,
+                              winrt::Microsoft::ReactNative::Composition::IUriImageProvider> {
+  bool CanLoadImageUri(winrt::Microsoft::ReactNative::IReactContext context, winrt::Windows::Foundation::Uri uri) {
+    return uri.SchemeName() == L"data";
+  }
+
+  winrt::Windows::Foundation::IAsyncOperation<winrt::Windows::Storage::Streams::IRandomAccessStream> GetSourceAsync(
+      const winrt::Microsoft::ReactNative::IReactContext &context,
+      const winrt::Microsoft::ReactNative::Composition::ImageSource &imageSource) {
+    auto path = winrt::to_string(imageSource.Uri().Path());
+
+    size_t start = path.find(',');
+    if (start == std::string::npos || start + 1 > path.length())
+      co_return nullptr;
+
+    try {
+      co_await winrt::resume_background();
+
+      std::string_view base64String(path.c_str() + start + 1, path.length() - start - 1);
+      auto buffer = winrt::Windows::Security::Cryptography::CryptographicBuffer::DecodeFromBase64String(
+          winrt::to_hstring(base64String));
+
+      winrt::Windows::Storage::Streams::InMemoryRandomAccessStream memoryStream;
+      co_await memoryStream.WriteAsync(buffer);
+      memoryStream.Seek(0);
+
+      co_return memoryStream;
+    } catch (winrt::hresult_error const &) {
+      // Base64 decode failed
+    }
+
+    co_return nullptr;
+  }
+};
+
+static const ReactPropertyId<ReactNonAbiValue<std::shared_ptr<UriImageManager>>> &UriImageManagerPropertyId() noexcept {
+  static const ReactPropertyId<ReactNonAbiValue<std::shared_ptr<UriImageManager>>> prop{
+      L"ReactNative", L"UriImageManager"};
+  return prop;
+}
+
+UriImageManager::UriImageManager() {
+  m_providers.push_back(winrt::make<SvgDataImageHandler>());
+  m_providers.push_back(winrt::make<DataImageHandler>());
+}
+
+void UriImageManager::Install(
+    const winrt::Microsoft::ReactNative::ReactPropertyBag &properties,
+    const std::shared_ptr<UriImageManager> &manager) noexcept {
+  properties.Set(UriImageManagerPropertyId(), manager);
+}
+
+std::shared_ptr<UriImageManager> UriImageManager::Get(
+    const winrt::Microsoft::ReactNative::ReactPropertyBag &properties) noexcept {
+  return winrt::Microsoft::ReactNative::ReactPropertyBag(properties).Get(UriImageManagerPropertyId()).Value();
+}
+
+void UriImageManager::AddUriImageProvider(const IUriImageProvider &provider) {
+  if (!provider)
+    winrt::throw_hresult(E_INVALIDARG);
+  m_providers.push_back(provider);
+}
+
+IUriImageProvider UriImageManager::TryGetUriImageProvider(
+    const IReactContext &context,
+    winrt::Microsoft::ReactNative::Composition::ImageSource &source) noexcept {
+  auto uri = source.Uri();
+  if (!uri) {
+    return nullptr;
+  }
+
+  for (auto &provider : m_providers) {
+    if (provider.CanLoadImageUri(context, source.Uri())) {
+      return provider;
+    }
+  }
+
+  return nullptr;
+}
+
+} // namespace winrt::Microsoft::ReactNative::Composition::implementation

package/Microsoft.ReactNative/Fabric/Composition/UriImageManager.h

@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <ReactPropertyBag.h>
+#include <Utils/ImageUtils.h>
+#include <react/renderer/imagemanager/primitives.h>
+#include <winrt/Microsoft.ReactNative.Composition.h>
+
+namespace winrt::Microsoft::ReactNative::Composition::implementation {
+
+struct UriImageManager {
+  UriImageManager();
+
+  void AddUriImageProvider(const IUriImageProvider &provider);
+
+  static void Install(
+      const winrt::Microsoft::ReactNative::ReactPropertyBag &properties,
+      const std::shared_ptr<UriImageManager> &manager) noexcept;
+
+  static std::shared_ptr<UriImageManager> Get(
+      const winrt::Microsoft::ReactNative::ReactPropertyBag &properties) noexcept;
+
+  IUriImageProvider TryGetUriImageProvider(
+      const IReactContext &context,
+      winrt::Microsoft::ReactNative::Composition::ImageSource &source) noexcept;
+
+ private:
+  std::vector<IUriImageProvider> m_providers;
+};
+
+winrt::Microsoft::ReactNative::Composition::ImageSource MakeImageSource(
+    const facebook::react::ImageSource &source) noexcept;
+
+} // namespace winrt::Microsoft::ReactNative::Composition::implementation

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.cpp

@@ -330,6 +330,9 @@ void FabricUIManager::initiateTransaction(facebook::react::MountingCoordinator::
 }
 
 void FabricUIManager::schedulerDidFinishTransaction(
+    const facebook::react::MountingCoordinator::Shared &mountingCoordinator) {}
+
+void FabricUIManager::schedulerShouldRenderTransactions(
     const facebook::react::MountingCoordinator::Shared &mountingCoordinator) {
   // Should cache this locally
 

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.h

@@ -78,6 +78,8 @@ struct FabricUIManager final : public std::enable_shared_from_this<FabricUIManag
   std::unordered_map<facebook::react::SurfaceId, SurfaceInfo> m_surfaceRegistry;
 
   // Inherited via SchedulerDelegate
+  virtual void schedulerShouldRenderTransactions(
+      const facebook::react::MountingCoordinator::Shared &mountingCoordinator) override;
   virtual void schedulerDidFinishTransaction(
       const facebook::react::MountingCoordinator::Shared &mountingCoordinator) override;
   virtual void schedulerDidRequestPreliminaryViewAllocation(

package/Microsoft.ReactNative/Fabric/ImageManager.cpp

@@ -9,8 +9,9 @@
 namespace facebook {
 namespace react {
 
-ImageManager::ImageManager(ContextContainer::Shared const &) {
-  self_ = new Microsoft::ReactNative::WindowsImageManager();
+ImageManager::ImageManager(ContextContainer::Shared const &contextContainer) {
+  auto reactContext = *contextContainer->find<winrt::Microsoft::ReactNative::ReactContext>("MSRN.ReactContext");
+  self_ = new Microsoft::ReactNative::WindowsImageManager(reactContext);
 }
 
 ImageManager::~ImageManager() {