@shopify/react-native-skia 0.1.171 → 0.1.173

package/cpp/rnskia/dom/props/VerticesProps.h

@@ -21,17 +21,13 @@ namespace RNSkia {
 
 class VerticesProps : public DerivedSkProp<SkVertices> {
 public:
-  VerticesProps() : DerivedSkProp<SkVertices>() {
-    _vertexModeProp =
-        addProperty(std::make_shared<VertexModeProp>(JsiPropId::get("mode")));
-    _colorsProp =
-        addProperty(std::make_shared<ColorsProp>(JsiPropId::get("colors")));
-    _verticesProp =
-        addProperty(std::make_shared<PointsProp>(JsiPropId::get("vertices")));
-    _texturesProp =
-        addProperty(std::make_shared<PointsProp>(JsiPropId::get("textures")));
-    _indicesProp =
-        addProperty(std::make_shared<Numbers16Prop>(JsiPropId::get("indices")));
+  explicit VerticesProps(const std::function<void(BaseNodeProp *)> &onChange)
+      : DerivedSkProp<SkVertices>(onChange) {
+    _vertexModeProp = defineProperty<VertexModeProp>("mode");
+    _colorsProp = defineProperty<ColorsProp>("colors");
+    _verticesProp = defineProperty<PointsProp>("vertices");
+    _texturesProp = defineProperty<PointsProp>("textures");
+    _indicesProp = defineProperty<Numbers16Prop>("indices");
 
     _vertexModeProp->require();
     _verticesProp->require();

package/ios/RNSkia-iOS/DisplayLink.mm

@@ -2,35 +2,33 @@
 
 @implementation DisplayLink
 
-- (void)start:(block_t)block
-{
-    self.updateBlock = block;
-    // check whether the loop is already running
-    if(_displayLink == nil)
-    {
-        // specify update method
-        _displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(update:)];
+- (void)start:(block_t)block {
+  self.updateBlock = block;
+  // check whether the loop is already running
+  if (_displayLink == nil) {
+    // specify update method
+    _displayLink = [CADisplayLink displayLinkWithTarget:self
+                                               selector:@selector(update:)];
 
-        // add the display link to the main run loop
-        [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
-    }
+    // add the display link to the main run loop
+    [_displayLink addToRunLoop:[NSRunLoop mainRunLoop]
+                       forMode:NSRunLoopCommonModes];
+  }
 }
 
-- (void)stop
-{
-    // check whether the loop is already stopped
-    if (_displayLink != nil) {
-        // if the display link is present, it gets invalidated (loop stops)
-        
-        [_displayLink invalidate];
-        _displayLink = nil;
-    }
+- (void)stop {
+  // check whether the loop is already stopped
+  if (_displayLink != nil) {
+    // if the display link is present, it gets invalidated (loop stops)
+
+    [_displayLink invalidate];
+    _displayLink = nil;
+  }
 }
 
-- (void)update:(CADisplayLink *)sender
-{
-    double time = [sender timestamp];
-    _updateBlock(time);
+- (void)update:(CADisplayLink *)sender {
+  double time = [sender timestamp];
+  _updateBlock(time);
 }
 
 @end

package/ios/RNSkia-iOS/RNSkMetalCanvasProvider.mm

@@ -1,12 +1,12 @@
-#import <RNSkMetalCanvasProvider.h>
 #import <RNSkLog.h>
+#import <RNSkMetalCanvasProvider.h>
 
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdocumentation"
 
+#import "SkCanvas.h"
 #import "SkColorSpace.h"
 #import "SkSurface.h"
-#import "SkCanvas.h"
 
 #import <include/gpu/GrDirectContext.h>
 
@@ -25,14 +25,14 @@ RNSkMetalCanvasProvider::getMetalRenderContext() {
   return renderContexts.at(threadId);
 }
 
-RNSkMetalCanvasProvider::RNSkMetalCanvasProvider(std::function<void()> requestRedraw,
-                        std::shared_ptr<RNSkia::RNSkPlatformContext> context):
-RNSkCanvasProvider(requestRedraw),
-  _context(context) {
-  #pragma clang diagnostic push
-  #pragma clang diagnostic ignored "-Wunguarded-availability-new"
+RNSkMetalCanvasProvider::RNSkMetalCanvasProvider(
+    std::function<void()> requestRedraw,
+    std::shared_ptr<RNSkia::RNSkPlatformContext> context)
+    : RNSkCanvasProvider(requestRedraw), _context(context) {
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wunguarded-availability-new"
   _layer = [CAMetalLayer layer];
-  #pragma clang diagnostic pop
+#pragma clang diagnostic pop
 
   auto device = MTLCreateSystemDefaultDevice();
 
@@ -41,78 +41,85 @@ RNSkCanvasProvider(requestRedraw),
   _layer.opaque = false;
   _layer.contentsScale = _context->getPixelDensity();
   _layer.pixelFormat = MTLPixelFormatBGRA8Unorm;
-  _layer.contentsGravity = kCAGravityBottomRight;
+  _layer.contentsGravity = kCAGravityBottomLeft;
 }
 
-RNSkMetalCanvasProvider::~RNSkMetalCanvasProvider() {
-  
-}
+RNSkMetalCanvasProvider::~RNSkMetalCanvasProvider() {}
 
 /**
  Returns the scaled width of the view
  */
-float RNSkMetalCanvasProvider::getScaledWidth() { return _width * _context->getPixelDensity(); };
+float RNSkMetalCanvasProvider::getScaledWidth() {
+  return _width * _context->getPixelDensity();
+};
 
 /**
  Returns the scaled height of the view
  */
-float RNSkMetalCanvasProvider::getScaledHeight() { return _height * _context->getPixelDensity(); };
+float RNSkMetalCanvasProvider::getScaledHeight() {
+  return _height * _context->getPixelDensity();
+};
 
 /**
  Render to a canvas
  */
-void RNSkMetalCanvasProvider::renderToCanvas(const std::function<void(SkCanvas*)>& cb) {
+void RNSkMetalCanvasProvider::renderToCanvas(
+    const std::function<void(SkCanvas *)> &cb) {
   if (_width <= 0 || _height <= 0) {
     return;
   }
-  
-  // Make sure to NOT render or try any render operations while we're in the background or inactive.
-  // This will cause an error that might clear the CAMetalLayer so that the canvas is empty when
-  // the app receives focus again.
+
+  // Make sure to NOT render or try any render operations while we're in the
+  // background or inactive. This will cause an error that might clear the
+  // CAMetalLayer so that the canvas is empty when the app receives focus again.
   // Reference: https://github.com/Shopify/react-native-skia/issues/1257
   auto state = UIApplication.sharedApplication.applicationState;
-  if (state == UIApplicationStateBackground || state == UIApplicationStateInactive)
-  {
+  if (state == UIApplicationStateBackground ||
+      state == UIApplicationStateInactive) {
+    // Request a redraw in the next run loop callback
+    _requestRedraw();
+    // and don't draw now since it might cause errors in the metal renderer if
+    // we try to render while in the background. (see above issue)
     return;
   }
-  
+
   // Get render context for current thread
   auto renderContext = getMetalRenderContext();
-  
+
   if (renderContext->skContext == nullptr) {
     auto device = MTLCreateSystemDefaultDevice();
-    renderContext->commandQueue = id<MTLCommandQueue>(CFRetain((GrMTLHandle)[device newCommandQueue]));
-    renderContext->skContext = GrDirectContext::MakeMetal((__bridge void*)device, (__bridge void*)renderContext->commandQueue);
+    renderContext->commandQueue =
+        id<MTLCommandQueue>(CFRetain((GrMTLHandle)[device newCommandQueue]));
+    renderContext->skContext = GrDirectContext::MakeMetal(
+        (__bridge void *)device, (__bridge void *)renderContext->commandQueue);
   }
 
-  // Wrap in auto release pool since we want the system to clean up after rendering
-  // and not wait until later - we've seen some example of memory usage growing very
-  // fast in the simulator without this.
-  @autoreleasepool
-  {
+  // Wrap in auto release pool since we want the system to clean up after
+  // rendering and not wait until later - we've seen some example of memory
+  // usage growing very fast in the simulator without this.
+  @autoreleasepool {
 
     GrMTLHandle drawableHandle;
-    auto skSurface = SkSurface::MakeFromCAMetalLayer(renderContext->skContext.get(),
-                                                     (__bridge GrMTLHandle)_layer,
-                                                     kTopLeft_GrSurfaceOrigin,
-                                                     1,
-                                                     kBGRA_8888_SkColorType,
-                                                     nullptr,
-                                                     nullptr,
-                                                     &drawableHandle);
-    
-    if(skSurface == nullptr || skSurface->getCanvas() == nullptr) {
-      RNSkia::RNSkLogger::logToConsole("Skia surface could not be created from parameters.");
+    auto skSurface = SkSurface::MakeFromCAMetalLayer(
+        renderContext->skContext.get(), (__bridge GrMTLHandle)_layer,
+        kTopLeft_GrSurfaceOrigin, 1, kBGRA_8888_SkColorType, nullptr, nullptr,
+        &drawableHandle);
+
+    if (skSurface == nullptr || skSurface->getCanvas() == nullptr) {
+      RNSkia::RNSkLogger::logToConsole(
+          "Skia surface could not be created from parameters.");
       return;
     }
-    
+
     SkCanvas *canvas = skSurface->getCanvas();
-    canvas->clear(SK_AlphaTRANSPARENT);
-    cb(canvas);    
+    cb(canvas);
+
     skSurface->flushAndSubmit();
-    
-    id<CAMetalDrawable> currentDrawable = (__bridge id<CAMetalDrawable>)drawableHandle;
-    id<MTLCommandBuffer> commandBuffer([renderContext->commandQueue commandBuffer]);
+
+    id<CAMetalDrawable> currentDrawable =
+        (__bridge id<CAMetalDrawable>)drawableHandle;
+    id<MTLCommandBuffer> commandBuffer(
+        [renderContext->commandQueue commandBuffer]);
     commandBuffer.label = @"PresentSkia";
     [commandBuffer presentDrawable:currentDrawable];
     [commandBuffer commit];
@@ -124,9 +131,9 @@ void RNSkMetalCanvasProvider::setSize(int width, int height) {
   _height = height;
   _layer.frame = CGRectMake(0, 0, width, height);
   _layer.drawableSize = CGSizeMake(width * _context->getPixelDensity(),
-                                   height* _context->getPixelDensity());
+                                   height * _context->getPixelDensity());
 
   _requestRedraw();
 }
 
-CALayer* RNSkMetalCanvasProvider::getLayer() { return _layer; }
+CALayer *RNSkMetalCanvasProvider::getLayer() { return _layer; }

package/ios/RNSkia-iOS/RNSkiOSPlatformContext.h

@@ -13,6 +13,7 @@
 #pragma clang diagnostic ignored "-Wdocumentation"
 
 #include "SkStream.h"
+#include "SkSurface.h"
 
 #pragma clang diagnostic pop
 
@@ -59,6 +60,7 @@ public:
       const std::function<void(std::unique_ptr<SkStreamAsset>)> &op) override;
 
   void raiseError(const std::exception &err) override;
+  sk_sp<SkSurface> makeOffscreenSurface(int width, int height) override;
 
   void willInvalidateModules() {
     // We need to do some house-cleaning here!

package/ios/RNSkia-iOS/RNSkiOSPlatformContext.mm

@@ -5,35 +5,49 @@
 #include <utility>
 
 #include <RNSkMeasureTime.h>
+#include <SkiaMetalRenderer.h>
+
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wdocumentation"
+
+#include "SkSurface.h"
+
+#pragma clang diagnostic pop
 
 namespace RNSkia {
 
-  void RNSkiOSPlatformContext::performStreamOperation(const std::string &sourceUri,
-                                              const std::function<void(std::unique_ptr<SkStreamAsset>)> &op) {
-  
-    RNSkMeasureTime("PlatformContext::performStreamOperation");
-    auto loader = [=]() {
-      
-      NSURL* url = [[NSURL alloc] initWithString:[NSString stringWithUTF8String: sourceUri.c_str()]];
-      NSData* data = [NSData dataWithContentsOfURL:url];
-      
-      auto bytes = [data bytes];
-      auto skData = SkData::MakeWithCopy(bytes, [data length]);
-      auto stream = SkMemoryStream::Make(skData);
-      
-      op(std::move(stream));            
-    };
-    
-    // Fire and forget the thread - will be resolved on completion
-    std::thread(loader).detach();
-  }
+void RNSkiOSPlatformContext::performStreamOperation(
+    const std::string &sourceUri,
+    const std::function<void(std::unique_ptr<SkStreamAsset>)> &op) {
+
+  RNSkMeasureTime("PlatformContext::performStreamOperation");
+  auto loader = [=]() {
+    NSURL *url = [[NSURL alloc]
+        initWithString:[NSString stringWithUTF8String:sourceUri.c_str()]];
+    NSData *data = [NSData dataWithContentsOfURL:url];
+
+    auto bytes = [data bytes];
+    auto skData = SkData::MakeWithCopy(bytes, [data length]);
+    auto stream = SkMemoryStream::Make(skData);
+
+    op(std::move(stream));
+  };
+
+  // Fire and forget the thread - will be resolved on completion
+  std::thread(loader).detach();
+}
 
 void RNSkiOSPlatformContext::raiseError(const std::exception &err) {
-    RCTFatal(RCTErrorWithMessage([NSString stringWithUTF8String:err.what()]));
+  RCTFatal(RCTErrorWithMessage([NSString stringWithUTF8String:err.what()]));
+}
+
+sk_sp<SkSurface> RNSkiOSPlatformContext::makeOffscreenSurface(int width,
+                                                              int height) {
+  return MakeOffscreenMetalSurface(width, height);
 }
 
 void RNSkiOSPlatformContext::startDrawLoop() {
-  if(_displayLink == nullptr) {
+  if (_displayLink == nullptr) {
     _displayLink = [[DisplayLink alloc] init];
     [_displayLink start:^(double time) {
       notifyDrawLoop(false);
@@ -42,11 +56,10 @@ void RNSkiOSPlatformContext::startDrawLoop() {
 }
 
 void RNSkiOSPlatformContext::stopDrawLoop() {
-  if(_displayLink != nullptr) {
+  if (_displayLink != nullptr) {
     [_displayLink stop];
     _displayLink = nullptr;
-  }  
-}
-
+  }
 }
 
+} // namespace RNSkia

package/ios/RNSkia-iOS/SkiaDomViewManager.mm

@@ -1,51 +1,51 @@
 
-#include <SkiaDomViewManager.h>
 #include <React/RCTBridge+Private.h>
+#include <SkiaDomViewManager.h>
 
-#include <RNSkPlatformContext.h>
 #include <RNSkDomView.h>
 #include <RNSkIOSView.h>
+#include <RNSkPlatformContext.h>
 
-#include <SkiaManager.h>
 #include <RNSkiaModule.h>
+#include <SkiaManager.h>
 #include <SkiaUIView.h>
 
-
-
 @implementation SkiaDomViewManager
 
 RCT_EXPORT_MODULE(SkiaDomView)
 
-- (SkiaManager*) skiaManager {
+- (SkiaManager *)skiaManager {
   auto bridge = [RCTBridge currentBridge];
-  auto skiaModule = (RNSkiaModule*)[bridge moduleForName:@"RNSkia"];
+  auto skiaModule = (RNSkiaModule *)[bridge moduleForName:@"RNSkia"];
   return [skiaModule manager];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSNumber, SkiaUIView) {
   // Get parameter
   int nativeId = [[RCTConvert NSString:json] intValue];
-  [(SkiaUIView*)view setNativeId:nativeId];
+  [(SkiaUIView *)view setNativeId:nativeId];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(mode, NSString, SkiaUIView) {
-  std::string mode = json != NULL ? [[RCTConvert NSString:json] UTF8String] : "default";
-  [(SkiaUIView*)view setDrawingMode: mode];
+  std::string mode =
+      json != NULL ? [[RCTConvert NSString:json] UTF8String] : "default";
+  [(SkiaUIView *)view setDrawingMode:mode];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(debug, BOOL, SkiaUIView) {
   bool debug = json != NULL ? [RCTConvert BOOL:json] : false;
-  [(SkiaUIView*)view setDebugMode: debug];
+  [(SkiaUIView *)view setDebugMode:debug];
 }
 
-- (UIView *)view
-{
+- (UIView *)view {
   auto skManager = [[self skiaManager] skManager];
   // Pass SkManager as a raw pointer to avoid circular dependenciesr
-  return [[SkiaUIView alloc] initWithManager: skManager.get()
-                                     factory: [](std::shared_ptr<RNSkia::RNSkPlatformContext> context) {
-    return std::make_shared<RNSkiOSView<RNSkia::RNSkDomView>>(context);
-  }];
+  return [[SkiaUIView alloc]
+      initWithManager:skManager.get()
+              factory:[](std::shared_ptr<RNSkia::RNSkPlatformContext> context) {
+                return std::make_shared<RNSkiOSView<RNSkia::RNSkDomView>>(
+                    context);
+              }];
 }
 
 @end

package/ios/RNSkia-iOS/SkiaDrawViewManager.mm

@@ -1,50 +1,50 @@
 #include "SkiaDrawViewManager.h"
 #include <React/RCTBridge+Private.h>
 
-#include <RNSkPlatformContext.h>
-#include <RNSkJsView.h>
 #include <RNSkIOSView.h>
+#include <RNSkJsView.h>
+#include <RNSkPlatformContext.h>
 
 #include "SkiaManager.h"
-#include <RNSkiaModule.h>
 #include "SkiaUIView.h"
-
-
+#include <RNSkiaModule.h>
 
 @implementation SkiaDrawViewManager
 
 RCT_EXPORT_MODULE(SkiaDrawView)
 
-- (SkiaManager*) skiaManager {
+- (SkiaManager *)skiaManager {
   auto bridge = [RCTBridge currentBridge];
-  auto skiaModule = (RNSkiaModule*)[bridge moduleForName:@"RNSkia"];
+  auto skiaModule = (RNSkiaModule *)[bridge moduleForName:@"RNSkia"];
   return [skiaModule manager];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSNumber, SkiaUIView) {
   // Get parameter
   int nativeId = [[RCTConvert NSString:json] intValue];
-  [(SkiaUIView*)view setNativeId:nativeId];
+  [(SkiaUIView *)view setNativeId:nativeId];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(mode, NSString, SkiaUIView) {
-  std::string mode = json != NULL ? [[RCTConvert NSString:json] UTF8String] : "default";
-  [(SkiaUIView*)view setDrawingMode: mode];
+  std::string mode =
+      json != NULL ? [[RCTConvert NSString:json] UTF8String] : "default";
+  [(SkiaUIView *)view setDrawingMode:mode];
 }
 
 RCT_CUSTOM_VIEW_PROPERTY(debug, BOOL, SkiaUIView) {
   bool debug = json != NULL ? [RCTConvert BOOL:json] : false;
-  [(SkiaUIView*)view setDebugMode: debug];
+  [(SkiaUIView *)view setDebugMode:debug];
 }
 
-- (UIView *)view
-{
+- (UIView *)view {
   auto skManager = [[self skiaManager] skManager];
   // Pass SkManager as a raw pointer to avoid circular dependenciesr
-  return [[SkiaUIView alloc] initWithManager: skManager.get()
-                                     factory: [](std::shared_ptr<RNSkia::RNSkPlatformContext> context) {
-    return std::make_shared<RNSkiOSView<RNSkia::RNSkJsView>>(context);
-  }];
+  return [[SkiaUIView alloc]
+      initWithManager:skManager.get()
+              factory:[](std::shared_ptr<RNSkia::RNSkPlatformContext> context) {
+                return std::make_shared<RNSkiOSView<RNSkia::RNSkJsView>>(
+                    context);
+              }];
 }
 
 @end

package/ios/RNSkia-iOS/SkiaManager.mm

@@ -2,8 +2,8 @@
 
 #import <Foundation/Foundation.h>
 
-#import <React/RCTBridge.h>
 #import <React/RCTBridge+Private.h>
+#import <React/RCTBridge.h>
 
 #import <ReactCommon/RCTTurboModule.h>
 
@@ -12,36 +12,38 @@
 @implementation SkiaManager {
   std::shared_ptr<RNSkia::RNSkManager> _skManager;
   std::shared_ptr<RNSkia::RNSkiOSPlatformContext> _platformContext;
-  __weak RCTBridge* weakBridge;
+  __weak RCTBridge *weakBridge;
 }
 
-- (std::shared_ptr<RNSkia::RNSkManager>) skManager {
+- (std::shared_ptr<RNSkia::RNSkManager>)skManager {
   return _skManager;
 }
 
-- (void) invalidate {
-  if(_skManager != nullptr) {
+- (void)invalidate {
+  if (_skManager != nullptr) {
     _skManager->invalidate();
   }
   _skManager = nullptr;
   _platformContext = nullptr;
 }
 
-- (instancetype) initWithBridge:(RCTBridge*)bridge {
+- (instancetype)initWithBridge:(RCTBridge *)bridge {
   self = [super init];
   if (self) {
     RCTCxxBridge *cxxBridge = (RCTCxxBridge *)bridge;
     if (cxxBridge.runtime) {
 
       auto callInvoker = bridge.jsCallInvoker;
-      facebook::jsi::Runtime* jsRuntime = (facebook::jsi::Runtime*)cxxBridge.runtime;
+      facebook::jsi::Runtime *jsRuntime =
+          (facebook::jsi::Runtime *)cxxBridge.runtime;
 
       // Create platform context
-      _platformContext = std::make_shared<RNSkia::RNSkiOSPlatformContext>(jsRuntime, callInvoker);
+      _platformContext = std::make_shared<RNSkia::RNSkiOSPlatformContext>(
+          jsRuntime, callInvoker);
 
       // Create the RNSkiaManager (cross platform)
-      _skManager = std::make_shared<RNSkia::RNSkManager>(jsRuntime, callInvoker, _platformContext);
-
+      _skManager = std::make_shared<RNSkia::RNSkManager>(jsRuntime, callInvoker,
+                                                         _platformContext);
     }
   }
   return self;

package/ios/RNSkia-iOS/SkiaMetalRenderer.h

@@ -0,0 +1,5 @@
+#pragma once
+
+#include "SkSurface.h"
+
+sk_sp<SkSurface> MakeOffscreenMetalSurface(int width, int height);

package/ios/RNSkia-iOS/SkiaMetalRenderer.mm

@@ -0,0 +1,53 @@
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wdocumentation"
+
+#import "SkCanvas.h"
+#import "SkColorSpace.h"
+#import "SkSurface.h"
+
+#import <include/gpu/GrDirectContext.h>
+
+#pragma clang diagnostic pop
+
+#import <MetalKit/MetalKit.h>
+
+struct OffscreenRenderContext {
+  id<MTLDevice> device;
+  id<MTLCommandQueue> commandQueue;
+  sk_sp<GrDirectContext> skiaContext;
+  id<MTLTexture> texture;
+
+  OffscreenRenderContext(int width, int height) {
+    device = MTLCreateSystemDefaultDevice();
+    commandQueue =
+        id<MTLCommandQueue>(CFRetain((GrMTLHandle)[device newCommandQueue]));
+    skiaContext = GrDirectContext::MakeMetal((__bridge void *)device,
+                                             (__bridge void *)commandQueue);
+    // Create a Metal texture descriptor
+    MTLTextureDescriptor *textureDescriptor = [MTLTextureDescriptor
+        texture2DDescriptorWithPixelFormat:MTLPixelFormatBGRA8Unorm
+                                     width:width
+                                    height:height
+                                 mipmapped:NO];
+    textureDescriptor.usage =
+        MTLTextureUsageRenderTarget | MTLTextureUsageShaderRead;
+    texture = [device newTextureWithDescriptor:textureDescriptor];
+  }
+};
+
+sk_sp<SkSurface> MakeOffscreenMetalSurface(int width, int height) {
+  auto ctx = new OffscreenRenderContext(width, height);
+
+  // Create a GrBackendTexture from the Metal texture
+  GrMtlTextureInfo info;
+  info.fTexture.retain((__bridge void *)ctx->texture);
+  GrBackendTexture backendTexture(width, height, GrMipMapped::kNo, info);
+
+  // Create a SkSurface from the GrBackendTexture
+  auto surface = SkSurface::MakeFromBackendTexture(
+      ctx->skiaContext.get(), backendTexture, kTopLeft_GrSurfaceOrigin, 0,
+      kBGRA_8888_SkColorType, nullptr, nullptr,
+      [](void *addr) { delete (OffscreenRenderContext *)addr; }, ctx);
+
+  return surface;
+}