@shopify/react-native-skia 1.5.8 → 1.5.9

package/cpp/rnskia/RNSkPlatformContext.h

@@ -9,7 +9,6 @@
 #include <unordered_map>
 #include <utility>
 
-#include "RNSkDispatchQueue.h"
 #include "RNSkVideo.h"
 #include "WindowContext.h"
 
@@ -42,57 +41,19 @@ public:
                       std::shared_ptr<react::CallInvoker> callInvoker,
                       float pixelDensity)
       : _pixelDensity(pixelDensity), _jsRuntime(runtime),
-        _callInvoker(callInvoker),
-        _dispatchQueue(
-            std::make_unique<RNSkDispatchQueue>("skia-render-thread")) {
-    _jsThreadId = std::this_thread::get_id();
+        _callInvoker(callInvoker) {
   }
 
-  /**
-   * Destructor
-   */
-  virtual ~RNSkPlatformContext() { invalidate(); }
-
-  void invalidate() {
-    if (!_isValid) {
-      return;
-    }
-    // Stop the refresh loop
-    stopDrawLoop();
-    // Notify draw loop listeners once with the invalidated parameter
-    // set to true signalling that we are done and can clean up.
-    notifyDrawLoop(true);
-    _isValid = false;
-  }
-
-  /*
-   Returns true if the current execution context is the javascript thread.
-   */
-  bool isOnJavascriptThread() {
-    return _jsThreadId == std::this_thread::get_id();
-  }
+  virtual ~RNSkPlatformContext() = default;
 
   /**
    * Schedules the function to be run on the javascript thread async
    * @param func Function to run
    */
   void runOnJavascriptThread(std::function<void()> func) {
-    if (!_isValid) {
-      return;
-    }
     _callInvoker->invokeAsync(std::move(func));
   }
 
-  /**
-   Runs the function on the render thread
-   */
-  void runOnRenderThread(std::function<void()> func) {
-    if (!_isValid) {
-      return;
-    }
-    _dispatchQueue->dispatch(std::move(func));
-  }
-
   /**
    * Runs the passed function on the main thread
    * @param func Function to run.
@@ -192,82 +153,9 @@ public:
    */
   float getPixelDensity() { return _pixelDensity; }
 
-  /**
-   * Starts (if not started) a loop that will call back on display sync
-   * @param callback Callback to call on sync
-   * @returns Identifier of the draw loop entry
-   */
-  size_t beginDrawLoop(size_t nativeId, std::function<void(bool)> callback) {
-    if (!_isValid) {
-      return 0;
-    }
-    auto shouldStart = false;
-    {
-      std::lock_guard<std::mutex> lock(_drawCallbacksLock);
-      _drawCallbacks.emplace(nativeId, std::move(callback));
-      shouldStart = _drawCallbacks.size() == 1;
-    }
-    if (shouldStart) {
-      // Start
-      startDrawLoop();
-    }
-    return nativeId;
-  }
-
-  /**
-   * Ends (if running) the drawing loop that was started with beginDrawLoop.
-   * This method must be called symmetrically with the beginDrawLoop method.
-   * @param nativeId Identifier of view to end
-   */
-  void endDrawLoop(size_t nativeId) {
-    if (!_isValid) {
-      return;
-    }
-    auto shouldStop = false;
-    {
-      std::lock_guard<std::mutex> lock(_drawCallbacksLock);
-      if (_drawCallbacks.count(nativeId) > 0) {
-        _drawCallbacks.erase(nativeId);
-      }
-      shouldStop = _drawCallbacks.size() == 0;
-    }
-    if (shouldStop) {
-      stopDrawLoop();
-    }
-  }
-
-  /**
-   * Notifies all drawing callbacks
-   * @param invalidated True if the context was invalidated, otherwise false.
-   * This can be used to receive a notification that we have stopped the main
-   * drawloop
-   */
-  void notifyDrawLoop(bool invalidated) {
-    if (!_isValid) {
-      return;
-    }
-    std::lock_guard<std::mutex> lock(_drawCallbacksLock);
-    for (auto it = _drawCallbacks.begin(); it != _drawCallbacks.end(); it++) {
-      it->second(invalidated);
-    }
-  }
-
-  // default implementation does nothing, so it can be called from virtual
-  // destructor.
-  virtual void startDrawLoop() {}
-  virtual void stopDrawLoop() {}
-
 private:
   float _pixelDensity;
-
-  std::thread::id _jsThreadId;
-
   jsi::Runtime *_jsRuntime;
   std::shared_ptr<react::CallInvoker> _callInvoker;
-  std::unique_ptr<RNSkDispatchQueue> _dispatchQueue;
-
-  std::unordered_map<size_t, std::function<void(bool)>> _drawCallbacks;
-  std::mutex _drawCallbacksLock;
-  std::atomic<bool> _isValid = {true};
 };
 } // namespace RNSkia

package/cpp/rnskia/RNSkView.h

@@ -145,8 +145,6 @@ private:
   std::shared_ptr<RNSkPlatformContext> _context;
 };
 
-enum RNSkDrawingMode { Default, Continuous };
-
 class RNSkView : public std::enable_shared_from_this<RNSkView> {
 public:
   /**
@@ -161,7 +159,7 @@ public:
   /**
    Destructor
    */
-  virtual ~RNSkView() { endDrawingLoop(); }
+  virtual ~RNSkView() {}
 
   /**
    Sets custom properties. Custom properties are properties that are set
@@ -172,43 +170,33 @@ public:
     // Nothing here...
   }
 
-  /**
-   * Repaints the Skia view using the underlying context and the drawcallback.
-   * This method schedules a draw request that will be run on the correct
-   * thread and js runtime.
-   */
-  void requestRedraw() { _redrawRequestCounter++; }
+  void requestRedraw() {
+    if (!_redrawRequested) {
+      _redrawRequested = true;
+      _platformContext->runOnMainThread([this]() {
+        if (_renderer) {
+          _renderer->renderImmediate(_canvasProvider);
+          _redrawRequested = false;
+        }
+      });
+    }
+  }
 
-  /**
-   Renders immediate. Be carefull to not call this method from another thread
-   than the UI thread
-   */
-  void renderImmediate() {
+  void redraw() {
     _renderer->renderImmediate(_canvasProvider);
-    _redrawRequestCounter = 0;
+    _redrawRequested = false;
   }
 
   /**
    Sets the native id of the view
    */
-  virtual void setNativeId(size_t nativeId) {
-    _nativeId = nativeId;
-    beginDrawingLoop();
-  }
+  virtual void setNativeId(size_t nativeId) { _nativeId = nativeId; }
 
   /**
    Returns the native id
    */
   size_t getNativeId() { return _nativeId; }
 
-  /**
-   Sets the drawing mode for the view
-   */
-  void setDrawingMode(RNSkDrawingMode mode) {
-    _drawingMode = mode;
-    requestRedraw();
-  }
-
   /**
    * Set to true to show the debug overlays on render
    */
@@ -240,61 +228,14 @@ protected:
     return _canvasProvider;
   }
 
-  /**
-   Ends an ongoing beginDrawCallback loop for this view. This method is made
-   protected if the drawing loop should be stopped before reaching the
-   destructor (like we do for Android views)
-   */
-  void endDrawingLoop() {
-    if (_drawingLoopId != 0) {
-      _drawingLoopId = 0;
-      _platformContext->endDrawLoop(_nativeId);
-    }
-  }
-
 private:
-  /**
-   Starts beginDrawCallback loop if the drawing mode is continuous
-   */
-  void beginDrawingLoop() {
-    if (_drawingLoopId != 0 || _nativeId == 0) {
-      return;
-    }
-    // Set to zero to avoid calling beginDrawLoop before we return
-    _drawingLoopId = _platformContext->beginDrawLoop(
-        _nativeId, [weakSelf = weak_from_this()](bool invalidated) {
-          auto self = weakSelf.lock();
-          if (self) {
-            self->drawLoopCallback(invalidated);
-          }
-        });
-  }
-
-  /**
-    Draw loop callback
-   */
-  void drawLoopCallback(bool invalidated) {
-    if (_redrawRequestCounter > 0 ||
-        _drawingMode == RNSkDrawingMode::Continuous) {
-      _redrawRequestCounter = 0;
-
-      if (!_renderer->tryRender(_canvasProvider)) {
-        // The renderer could not render cause it was busy, just schedule
-        // redrawing on the next frame.
-        requestRedraw();
-      }
-    }
-  }
-
   std::shared_ptr<RNSkPlatformContext> _platformContext;
   std::shared_ptr<RNSkCanvasProvider> _canvasProvider;
   std::shared_ptr<RNSkRenderer> _renderer;
 
-  RNSkDrawingMode _drawingMode = RNSkDrawingMode::Default;
   size_t _nativeId;
 
-  size_t _drawingLoopId = 0;
-  std::atomic<int> _redrawRequestCounter = {1};
+  std::atomic<bool> _redrawRequested = {false};
 };
 
 } // namespace RNSkia

package/ios/RNSkia-iOS/RNSkiOSPlatformContext.h

@@ -7,7 +7,6 @@
 #include <memory>
 #include <string>
 
-#include "DisplayLink.h"
 #include "RNSkPlatformContext.h"
 #include "ViewScreenshotService.h"
 
@@ -49,12 +48,8 @@ public:
   ~RNSkiOSPlatformContext() {
     CFNotificationCenterRemoveEveryObserver(
         CFNotificationCenterGetLocalCenter(), this);
-    stopDrawLoop();
   }
 
-  void startDrawLoop() override;
-  void stopDrawLoop() override;
-
   void runOnMainThread(std::function<void()>) override;
 
   sk_sp<SkImage> takeScreenshotFromViewTag(size_t tag) override;
@@ -81,13 +76,9 @@ public:
 #endif
   sk_sp<SkFontMgr> createFontMgr() override;
 
-  void willInvalidateModules() {
-    // We need to do some house-cleaning here!
-    invalidate();
-  }
+  void willInvalidateModules() {}
 
 private:
-  DisplayLink *_displayLink;
   ViewScreenshotService *_screenshotService;
 };
 

package/ios/RNSkia-iOS/RNSkiOSPlatformContext.mm

@@ -214,20 +214,4 @@ RNSkiOSPlatformContext::takeScreenshotFromViewTag(size_t viewTag) {
       screenshotOfViewWithTag:[NSNumber numberWithLong:viewTag]];
 }
 
-void RNSkiOSPlatformContext::startDrawLoop() {
-  if (_displayLink == nullptr) {
-    _displayLink = [[DisplayLink alloc] init];
-    [_displayLink start:^(double time) {
-      notifyDrawLoop(false);
-    }];
-  }
-}
-
-void RNSkiOSPlatformContext::stopDrawLoop() {
-  if (_displayLink != nullptr) {
-    [_displayLink stop];
-    _displayLink = nullptr;
-  }
-}
-
 } // namespace RNSkia

package/ios/RNSkia-iOS/SkiaDomView.mm

@@ -51,7 +51,6 @@ using namespace facebook::react;
   int nativeId =
       [[RCTConvert NSString:RCTNSStringFromString(newProps.nativeId)] intValue];
   [self setNativeId:nativeId];
-  [self setDrawingMode:newProps.mode];
   [self setDebugMode:newProps.debug];
 }
 

package/ios/RNSkia-iOS/SkiaDomViewManager.mm

@@ -26,12 +26,6 @@ RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSNumber, SkiaUIView) {
   [(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];
-}
-
 RCT_CUSTOM_VIEW_PROPERTY(debug, BOOL, SkiaUIView) {
   bool debug = json != NULL ? [RCTConvert BOOL:json] : false;
   [(SkiaUIView *)view setDebugMode:debug];

package/ios/RNSkia-iOS/SkiaPictureView.mm

@@ -53,7 +53,6 @@ using namespace facebook::react;
   int nativeId =
       [[RCTConvert NSString:RCTNSStringFromString(newProps.nativeId)] intValue];
   [self setNativeId:nativeId];
-  [self setDrawingMode:newProps.mode];
   [self setDebugMode:newProps.debug];
 }
 

package/ios/RNSkia-iOS/SkiaPictureViewManager.mm

@@ -26,12 +26,6 @@ RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSNumber, SkiaUIView) {
   [(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];
-}
-
 RCT_CUSTOM_VIEW_PROPERTY(debug, BOOL, SkiaUIView) {
   bool debug = json != NULL ? [RCTConvert BOOL:json] : false;
   [(SkiaUIView *)view setDebugMode:debug];

package/ios/RNSkia-iOS/SkiaUIView.h

@@ -31,7 +31,6 @@
 - (std::shared_ptr<RNSkBaseiOSView>)impl;
 - (SkiaManager *)skiaManager;
 
-- (void)setDrawingMode:(std::string)mode;
 - (void)setDebugMode:(bool)debugMode;
 - (void)setNativeId:(size_t)nativeId;
 

package/ios/RNSkia-iOS/SkiaUIView.mm

@@ -11,7 +11,6 @@
 @implementation SkiaUIView {
   std::shared_ptr<RNSkBaseiOSView> _impl;
   RNSkia::RNSkManager *_manager;
-  RNSkia::RNSkDrawingMode _drawingMode;
   std::function<std::shared_ptr<RNSkBaseiOSView>(
       std::shared_ptr<RNSkia::RNSkPlatformContext>)>
       _factory;
@@ -45,7 +44,6 @@
   _manager = manager;
   _nativeId = 0;
   _debugMode = false;
-  _drawingMode = RNSkia::RNSkDrawingMode::Default;
   _factory = factory;
 }
 
@@ -86,7 +84,6 @@
       if (_nativeId != 0) {
         _manager->setSkiaView(_nativeId, _impl->getDrawView());
       }
-      _impl->getDrawView()->setDrawingMode(_drawingMode);
       _impl->getDrawView()->setShowDebugOverlays(_debugMode);
     }
   }
@@ -131,7 +128,7 @@
   // We override drawRect to ensure we to direct rendering when the
   // underlying OS view needs to render:
   if (_impl != nullptr) {
-    _impl->getDrawView()->renderImmediate();
+    _impl->getDrawView()->redraw();
   }
 }
 
@@ -146,16 +143,6 @@
 
 #pragma mark Properties
 
-- (void)setDrawingMode:(std::string)mode {
-  _drawingMode = mode.compare("continuous") == 0
-                     ? RNSkia::RNSkDrawingMode::Continuous
-                     : RNSkia::RNSkDrawingMode::Default;
-
-  if (_impl != nullptr) {
-    _impl->getDrawView()->setDrawingMode(_drawingMode);
-  }
-}
-
 - (void)setDebugMode:(bool)debugMode {
   _debugMode = debugMode;
   if (_impl != nullptr) {

package/lib/commonjs/renderer/Canvas.d.ts

@@ -6,5 +6,6 @@ export declare const useCanvasRef: () => React.RefObject<SkiaDomView>;
 export interface CanvasProps extends SkiaBaseViewProps {
     ref?: RefObject<SkiaDomView>;
     children: ReactNode;
+    mode?: "default" | "continuous";
 }
 export declare const Canvas: FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;

package/lib/commonjs/renderer/Canvas.js

@@ -36,7 +36,7 @@ const Canvas = exports.Canvas = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   style,
   debug,
-  mode,
+  mode = "default",
   onSize: _onSize,
   onLayout: _onLayout,
   ...props
@@ -70,19 +70,19 @@ const Canvas = exports.Canvas = /*#__PURE__*/(0, _react.forwardRef)(({
       style: style,
       root: root.dom,
       onLayout: onLayout,
-      mode: mode,
-      debug: debug
+      debug: debug,
+      mode: mode
     }, props));
   } else {
     return /*#__PURE__*/_react.default.createElement(_SkiaJSDomView.SkiaJSDomView, _extends({
-      Skia: _Skia.Skia
+      Skia: _Skia.Skia,
+      mode: mode
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ,
       ref: ref,
       style: style,
       root: root.dom,
       onLayout: onLayout,
-      mode: mode,
       debug: debug
     }, props));
   }

package/lib/commonjs/renderer/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_views","_Skia","_SkiaJSDomView","_Reconciler","_HostComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","useCanvasRef","useRef","exports","useOnSizeEvent","resultValue","onLayout","useCallback","event","width","height","nativeEvent","layout","value","Canvas","forwardRef","children","style","debug","mode","onSize","_onSize","_onLayout","props","forwardedRef","innerRef","ref","useCombinedRefs","redraw","_innerRef$current","current","getNativeId","_innerRef$current$nat","_innerRef$current2","id","nativeId","root","useMemo","SkiaRoot","Skia","NATIVE_DOM","useEffect","render","unmount","createElement","SkiaDomView","dom","SkiaJSDomView","refs","targetRef","React","forEach"],"sources":["Canvas.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useCallback,\n  useMemo,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport type {\n  RefObject,\n  ReactNode,\n  MutableRefObject,\n  ForwardedRef,\n  FunctionComponent,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nimport { SkiaDomView } from \"../views\";\nimport { Skia } from \"../skia/Skia\";\nimport type { SkiaBaseViewProps } from \"../views\";\nimport { SkiaJSDomView } from \"../views/SkiaJSDomView\";\n\nimport { SkiaRoot } from \"./Reconciler\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nexport const useCanvasRef = () => useRef<SkiaDomView>(null);\n\nexport interface CanvasProps extends SkiaBaseViewProps {\n  ref?: RefObject<SkiaDomView>;\n  children: ReactNode;\n}\n\nconst useOnSizeEvent = (\n  resultValue: SkiaBaseViewProps[\"onSize\"],\n  onLayout?: (event: LayoutChangeEvent) => void\n) => {\n  return useCallback(\n    (event: LayoutChangeEvent) => {\n      if (onLayout) {\n        onLayout(event);\n      }\n      const { width, height } = event.nativeEvent.layout;\n\n      if (resultValue) {\n        resultValue.value = { width, height };\n      }\n    },\n    [onLayout, resultValue]\n  );\n};\n\nexport const Canvas = forwardRef<SkiaDomView, CanvasProps>(\n  (\n    {\n      children,\n      style,\n      debug,\n      mode,\n      onSize: _onSize,\n      onLayout: _onLayout,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const onLayout = useOnSizeEvent(_onSize, _onLayout);\n    const innerRef = useCanvasRef();\n    const ref = useCombinedRefs(forwardedRef, innerRef);\n    const redraw = useCallback(() => {\n      innerRef.current?.redraw();\n    }, [innerRef]);\n    const getNativeId = useCallback(() => {\n      const id = innerRef.current?.nativeId ?? -1;\n      return id;\n    }, [innerRef]);\n\n    const root = useMemo(\n      () => new SkiaRoot(Skia, NATIVE_DOM, redraw, getNativeId),\n      [redraw, getNativeId]\n    );\n\n    // Render effect\n    useEffect(() => {\n      root.render(children);\n    }, [children, root, redraw]);\n\n    useEffect(() => {\n      return () => {\n        root.unmount();\n      };\n    }, [root]);\n\n    if (NATIVE_DOM) {\n      return (\n        <SkiaDomView\n          ref={ref}\n          style={style}\n          root={root.dom}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    } else {\n      return (\n        <SkiaJSDomView\n          Skia={Skia}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={style}\n          root={root.dom}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    }\n  }\n) as FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;\n\n/**\n * Combines a list of refs into a single ref. This can be used to provide\n * both a forwarded ref and an internal ref keeping the same functionality\n * on both of the refs.\n * @param refs Array of refs to combine\n * @returns A single ref that can be used in a ref prop.\n */\nconst useCombinedRefs = <T,>(\n  ...refs: Array<MutableRefObject<T> | ForwardedRef<T>>\n) => {\n  const targetRef = React.useRef<T>(null);\n  React.useEffect(() => {\n    refs.forEach((ref) => {\n      if (ref) {\n        if (typeof ref === \"function\") {\n          ref(targetRef.current);\n        } else {\n          ref.current = targetRef.current;\n        }\n      }\n    });\n  }, [refs]);\n  return targetRef;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_views","_Skia","_SkiaJSDomView","_Reconciler","_HostComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","useCanvasRef","useRef","exports","useOnSizeEvent","resultValue","onLayout","useCallback","event","width","height","nativeEvent","layout","value","Canvas","forwardRef","children","style","debug","mode","onSize","_onSize","_onLayout","props","forwardedRef","innerRef","ref","useCombinedRefs","redraw","_innerRef$current","current","getNativeId","_innerRef$current$nat","_innerRef$current2","id","nativeId","root","useMemo","SkiaRoot","Skia","NATIVE_DOM","useEffect","render","unmount","createElement","SkiaDomView","dom","SkiaJSDomView","refs","targetRef","React","forEach"],"sources":["Canvas.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useCallback,\n  useMemo,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport type {\n  RefObject,\n  ReactNode,\n  MutableRefObject,\n  ForwardedRef,\n  FunctionComponent,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nimport { SkiaDomView } from \"../views\";\nimport { Skia } from \"../skia/Skia\";\nimport type { SkiaBaseViewProps } from \"../views\";\nimport { SkiaJSDomView } from \"../views/SkiaJSDomView\";\n\nimport { SkiaRoot } from \"./Reconciler\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nexport const useCanvasRef = () => useRef<SkiaDomView>(null);\n\nexport interface CanvasProps extends SkiaBaseViewProps {\n  ref?: RefObject<SkiaDomView>;\n  children: ReactNode;\n  mode?: \"default\" | \"continuous\";\n}\n\nconst useOnSizeEvent = (\n  resultValue: SkiaBaseViewProps[\"onSize\"],\n  onLayout?: (event: LayoutChangeEvent) => void\n) => {\n  return useCallback(\n    (event: LayoutChangeEvent) => {\n      if (onLayout) {\n        onLayout(event);\n      }\n      const { width, height } = event.nativeEvent.layout;\n\n      if (resultValue) {\n        resultValue.value = { width, height };\n      }\n    },\n    [onLayout, resultValue]\n  );\n};\n\nexport const Canvas = forwardRef<SkiaDomView, CanvasProps>(\n  (\n    {\n      children,\n      style,\n      debug,\n      mode = \"default\",\n      onSize: _onSize,\n      onLayout: _onLayout,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const onLayout = useOnSizeEvent(_onSize, _onLayout);\n    const innerRef = useCanvasRef();\n    const ref = useCombinedRefs(forwardedRef, innerRef);\n    const redraw = useCallback(() => {\n      innerRef.current?.redraw();\n    }, [innerRef]);\n    const getNativeId = useCallback(() => {\n      const id = innerRef.current?.nativeId ?? -1;\n      return id;\n    }, [innerRef]);\n\n    const root = useMemo(\n      () => new SkiaRoot(Skia, NATIVE_DOM, redraw, getNativeId),\n      [redraw, getNativeId]\n    );\n\n    // Render effect\n    useEffect(() => {\n      root.render(children);\n    }, [children, root, redraw]);\n\n    useEffect(() => {\n      return () => {\n        root.unmount();\n      };\n    }, [root]);\n\n    if (NATIVE_DOM) {\n      return (\n        <SkiaDomView\n          ref={ref}\n          style={style}\n          root={root.dom}\n          onLayout={onLayout}\n          debug={debug}\n          mode={mode}\n          {...props}\n        />\n      );\n    } else {\n      return (\n        <SkiaJSDomView\n          Skia={Skia}\n          mode={mode}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={style}\n          root={root.dom}\n          onLayout={onLayout}\n          debug={debug}\n          {...props}\n        />\n      );\n    }\n  }\n) as FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;\n\n/**\n * Combines a list of refs into a single ref. This can be used to provide\n * both a forwarded ref and an internal ref keeping the same functionality\n * on both of the refs.\n * @param refs Array of refs to combine\n * @returns A single ref that can be used in a ref prop.\n */\nconst useCombinedRefs = <T,>(\n  ...refs: Array<MutableRefObject<T> | ForwardedRef<T>>\n) => {\n  const targetRef = React.useRef<T>(null);\n  React.useEffect(() => {\n    refs.forEach((ref) => {\n      if (ref) {\n        if (typeof ref === \"function\") {\n          ref(targetRef.current);\n        } else {\n          ref.current = targetRef.current;\n        }\n      }\n    });\n  }, [refs]);\n  return targetRef;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.d.ts

@@ -1,6 +1,5 @@
 import type { ViewProps } from "react-native";
 export interface NativeProps extends ViewProps {
-    mode: string;
     debug?: boolean;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sources":["SkiaPictureViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  mode: string;\n  debug?: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaPictureView\");\n"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7F;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe,IAAAG,+BAAsB,EAAc,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sources":["SkiaPictureViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaPictureView\");\n"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO7F;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe,IAAAG,+BAAsB,EAAc,iBAAiB,CAAC","ignoreList":[]}

package/lib/commonjs/views/SkiaBaseWebView.d.ts

@@ -1,13 +1,12 @@
 import React from "react";
 import type { SkRect, SkCanvas } from "../skia/types";
-import type { DrawMode, SkiaBaseViewProps } from "./types";
+import type { SkiaBaseViewProps } from "./types";
 export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps> extends React.Component<TProps> {
     constructor(props: TProps);
     private _surface;
     private _unsubscriptions;
     private _canvas;
     private _canvasRef;
-    private _mode;
     private _redrawRequests;
     private requestId;
     protected width: number;
@@ -36,16 +35,6 @@ export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps>
      */
     private tick;
     redraw(): void;
-    /**
-     * Updates the drawing mode for the skia view. This is the same
-     * as declaratively setting the mode property on the SkiaView.
-     * There are two drawing modes, "continuous" and "default",
-     * where the continuous mode will continuously redraw the view and
-     * the default mode will only redraw when any of the regular react
-     * properties are changed like size and margins.
-     * @param mode Drawing mode to use.
-     */
-    setDrawMode(mode: DrawMode): void;
     private onLayout;
     render(): React.JSX.Element;
 }

package/lib/commonjs/views/SkiaBaseWebView.js

@@ -15,19 +15,16 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const pd = _Platform.Platform.PixelRatio;
 class SkiaBaseWebView extends _react.default.Component {
   constructor(props) {
-    var _props$mode;
     super(props);
     _defineProperty(this, "_surface", null);
     _defineProperty(this, "_unsubscriptions", []);
     _defineProperty(this, "_canvas", null);
     _defineProperty(this, "_canvasRef", /*#__PURE__*/_react.default.createRef());
-    _defineProperty(this, "_mode", void 0);
     _defineProperty(this, "_redrawRequests", 0);
     _defineProperty(this, "requestId", 0);
     _defineProperty(this, "width", 0);
     _defineProperty(this, "height", 0);
     _defineProperty(this, "onLayout", this.onLayoutEvent.bind(this));
-    this._mode = (_props$mode = props.mode) !== null && _props$mode !== void 0 ? _props$mode : "default";
   }
   unsubscribeAll() {
     this._unsubscriptions.forEach(u => u());
@@ -104,7 +101,7 @@ class SkiaBaseWebView extends _react.default.Component {
    * Sends a redraw request to the native SkiaView.
    */
   tick() {
-    if (this._mode === "continuous" || this._redrawRequests > 0) {
+    if (this._redrawRequests > 0) {
       this._redrawRequests = 0;
       if (this._canvas) {
         var _this$_surface3;
@@ -122,23 +119,8 @@ class SkiaBaseWebView extends _react.default.Component {
   redraw() {
     this._redrawRequests++;
   }
-
-  /**
-   * Updates the drawing mode for the skia view. This is the same
-   * as declaratively setting the mode property on the SkiaView.
-   * There are two drawing modes, "continuous" and "default",
-   * where the continuous mode will continuously redraw the view and
-   * the default mode will only redraw when any of the regular react
-   * properties are changed like size and margins.
-   * @param mode Drawing mode to use.
-   */
-  setDrawMode(mode) {
-    this._mode = mode;
-    this.tick();
-  }
   render() {
     const {
-      mode,
       debug = false,
       ...viewProps
     } = this.props;