@shopify/react-native-skia 0.1.172 → 0.1.173

Sign up to get free protection for your applications and to get access to all the features.
Files changed (311) hide show
  1. package/android/CMakeLists.txt +1 -0
  2. package/android/cpp/rnskia-android/RNSkAndroidPlatformContext.h +5 -0
  3. package/android/cpp/rnskia-android/SkiaOpenGLRenderer.cpp +106 -5
  4. package/android/cpp/rnskia-android/SkiaOpenGLRenderer.h +3 -1
  5. package/cpp/api/JsiSkSurface.h +7 -1
  6. package/cpp/api/JsiSkSurfaceFactory.h +15 -2
  7. package/cpp/rnskia/RNSkDomView.cpp +2 -4
  8. package/cpp/rnskia/RNSkJsView.cpp +3 -0
  9. package/cpp/rnskia/RNSkPictureView.h +3 -0
  10. package/cpp/rnskia/RNSkPlatformContext.h +9 -0
  11. package/cpp/rnskia/dom/JsiDomApi.h +1 -0
  12. package/cpp/rnskia/dom/base/ConcatablePaint.cpp +117 -0
  13. package/cpp/rnskia/dom/base/ConcatablePaint.h +49 -0
  14. package/cpp/rnskia/dom/base/Declaration.h +88 -0
  15. package/cpp/rnskia/dom/base/DeclarationContext.h +79 -0
  16. package/cpp/rnskia/dom/base/DerivedNodeProp.h +25 -9
  17. package/cpp/rnskia/dom/base/DrawingContext.cpp +32 -186
  18. package/cpp/rnskia/dom/base/DrawingContext.h +45 -64
  19. package/cpp/rnskia/dom/base/JsiDomDeclarationNode.h +35 -106
  20. package/cpp/rnskia/dom/base/JsiDomDrawingNode.h +28 -9
  21. package/cpp/rnskia/dom/base/JsiDomNode.h +46 -17
  22. package/cpp/rnskia/dom/base/JsiDomRenderNode.h +81 -67
  23. package/cpp/rnskia/dom/base/NodeProp.h +12 -2
  24. package/cpp/rnskia/dom/base/NodePropsContainer.h +15 -16
  25. package/cpp/rnskia/dom/nodes/JsiBackdropFilterNode.h +22 -11
  26. package/cpp/rnskia/dom/nodes/JsiBlendNode.h +43 -59
  27. package/cpp/rnskia/dom/nodes/JsiBlurMaskNode.h +16 -17
  28. package/cpp/rnskia/dom/nodes/JsiBoxShadowNode.h +6 -5
  29. package/cpp/rnskia/dom/nodes/JsiColorFilterNodes.h +45 -69
  30. package/cpp/rnskia/dom/nodes/JsiGroupNode.h +1 -1
  31. package/cpp/rnskia/dom/nodes/JsiImageFilterNodes.h +121 -161
  32. package/cpp/rnskia/dom/nodes/JsiImageNode.h +1 -0
  33. package/cpp/rnskia/dom/nodes/JsiLayerNode.h +28 -18
  34. package/cpp/rnskia/dom/nodes/JsiPaintNode.h +82 -45
  35. package/cpp/rnskia/dom/nodes/JsiPathEffectNodes.h +68 -101
  36. package/cpp/rnskia/dom/nodes/JsiPathNode.h +3 -2
  37. package/cpp/rnskia/dom/nodes/JsiShaderNodes.h +150 -207
  38. package/cpp/rnskia/dom/props/BezierProps.h +4 -2
  39. package/cpp/rnskia/dom/props/BlendModeProp.h +4 -2
  40. package/cpp/rnskia/dom/props/BoxShadowProps.h +8 -10
  41. package/cpp/rnskia/dom/props/CircleProp.h +6 -5
  42. package/cpp/rnskia/dom/props/ClipProp.h +6 -4
  43. package/cpp/rnskia/dom/props/ColorProp.h +8 -4
  44. package/cpp/rnskia/dom/props/DrawingProp.h +5 -3
  45. package/cpp/rnskia/dom/props/FontProp.h +4 -2
  46. package/cpp/rnskia/dom/props/GlyphsProp.h +4 -2
  47. package/cpp/rnskia/dom/props/ImageProps.h +9 -6
  48. package/cpp/rnskia/dom/props/LayerProp.h +6 -4
  49. package/cpp/rnskia/dom/props/MatrixProp.h +4 -2
  50. package/cpp/rnskia/dom/props/NumbersProp.h +8 -4
  51. package/cpp/rnskia/dom/props/PaintProps.h +55 -92
  52. package/cpp/rnskia/dom/props/PathProp.h +4 -2
  53. package/cpp/rnskia/dom/props/PictureProp.h +4 -2
  54. package/cpp/rnskia/dom/props/PointProp.h +4 -2
  55. package/cpp/rnskia/dom/props/PointsProp.h +8 -4
  56. package/cpp/rnskia/dom/props/RRectProp.h +23 -16
  57. package/cpp/rnskia/dom/props/RadiusProp.h +4 -2
  58. package/cpp/rnskia/dom/props/RectProp.h +18 -12
  59. package/cpp/rnskia/dom/props/StrokeProps.h +8 -4
  60. package/cpp/rnskia/dom/props/SvgProp.h +4 -2
  61. package/cpp/rnskia/dom/props/TextBlobProp.h +10 -8
  62. package/cpp/rnskia/dom/props/TileModeProp.h +4 -2
  63. package/cpp/rnskia/dom/props/TransformProp.h +4 -2
  64. package/cpp/rnskia/dom/props/TransformsProps.h +5 -7
  65. package/cpp/rnskia/dom/props/UniformsProp.h +4 -2
  66. package/cpp/rnskia/dom/props/VertexModeProp.h +4 -2
  67. package/cpp/rnskia/dom/props/VerticesProps.h +7 -11
  68. package/ios/RNSkia-iOS/DisplayLink.mm +22 -24
  69. package/ios/RNSkia-iOS/RNSkMetalCanvasProvider.mm +53 -50
  70. package/ios/RNSkia-iOS/RNSkiOSPlatformContext.h +2 -0
  71. package/ios/RNSkia-iOS/RNSkiOSPlatformContext.mm +38 -25
  72. package/ios/RNSkia-iOS/SkiaDomViewManager.mm +17 -17
  73. package/ios/RNSkia-iOS/SkiaDrawViewManager.mm +17 -17
  74. package/ios/RNSkia-iOS/SkiaManager.mm +12 -10
  75. package/ios/RNSkia-iOS/SkiaMetalRenderer.h +5 -0
  76. package/ios/RNSkia-iOS/SkiaMetalRenderer.mm +53 -0
  77. package/ios/RNSkia-iOS/SkiaPictureViewManager.mm +17 -17
  78. package/ios/RNSkia-iOS/SkiaUIView.mm +63 -53
  79. package/ios/RNSkiaModule.mm +5 -7
  80. package/lib/commonjs/dom/nodes/DrawingNode.js +5 -1
  81. package/lib/commonjs/dom/nodes/DrawingNode.js.map +1 -1
  82. package/lib/commonjs/dom/nodes/JsiSkDOM.d.ts +33 -34
  83. package/lib/commonjs/dom/nodes/LayerNode.js +13 -6
  84. package/lib/commonjs/dom/nodes/LayerNode.js.map +1 -1
  85. package/lib/commonjs/dom/nodes/Node.d.ts +6 -11
  86. package/lib/commonjs/dom/nodes/Node.js +8 -26
  87. package/lib/commonjs/dom/nodes/Node.js.map +1 -1
  88. package/lib/commonjs/dom/nodes/PaintContext.js.map +1 -1
  89. package/lib/commonjs/dom/nodes/PaintNode.d.ts +3 -3
  90. package/lib/commonjs/dom/nodes/PaintNode.js +32 -15
  91. package/lib/commonjs/dom/nodes/PaintNode.js.map +1 -1
  92. package/lib/commonjs/dom/nodes/RenderNode.d.ts +2 -3
  93. package/lib/commonjs/dom/nodes/RenderNode.js +19 -187
  94. package/lib/commonjs/dom/nodes/RenderNode.js.map +1 -1
  95. package/lib/commonjs/dom/nodes/drawings/BackdropFilterNode.d.ts +1 -1
  96. package/lib/commonjs/dom/nodes/drawings/BackdropFilterNode.js +25 -7
  97. package/lib/commonjs/dom/nodes/drawings/BackdropFilterNode.js.map +1 -1
  98. package/lib/commonjs/dom/nodes/drawings/Box.d.ts +3 -1
  99. package/lib/commonjs/dom/nodes/drawings/Box.js +3 -0
  100. package/lib/commonjs/dom/nodes/drawings/Box.js.map +1 -1
  101. package/lib/commonjs/dom/nodes/paint/BlendNode.d.ts +3 -7
  102. package/lib/commonjs/dom/nodes/paint/BlendNode.js +16 -47
  103. package/lib/commonjs/dom/nodes/paint/BlendNode.js.map +1 -1
  104. package/lib/commonjs/dom/nodes/paint/ColorFilters.d.ts +10 -11
  105. package/lib/commonjs/dom/nodes/paint/ColorFilters.js +29 -43
  106. package/lib/commonjs/dom/nodes/paint/ColorFilters.js.map +1 -1
  107. package/lib/commonjs/dom/nodes/paint/ImageFilters.d.ts +11 -11
  108. package/lib/commonjs/dom/nodes/paint/ImageFilters.js +45 -42
  109. package/lib/commonjs/dom/nodes/paint/ImageFilters.js.map +1 -1
  110. package/lib/commonjs/dom/nodes/paint/MaskFilters.d.ts +3 -3
  111. package/lib/commonjs/dom/nodes/paint/MaskFilters.js +3 -2
  112. package/lib/commonjs/dom/nodes/paint/MaskFilters.js.map +1 -1
  113. package/lib/commonjs/dom/nodes/paint/PathEffects.d.ts +15 -18
  114. package/lib/commonjs/dom/nodes/paint/PathEffects.js +30 -72
  115. package/lib/commonjs/dom/nodes/paint/PathEffects.js.map +1 -1
  116. package/lib/commonjs/dom/nodes/paint/Shaders.d.ts +11 -12
  117. package/lib/commonjs/dom/nodes/paint/Shaders.js +28 -18
  118. package/lib/commonjs/dom/nodes/paint/Shaders.js.map +1 -1
  119. package/lib/commonjs/dom/types/DeclarationContext.d.ts +29 -0
  120. package/lib/commonjs/dom/types/DeclarationContext.js +118 -0
  121. package/lib/commonjs/dom/types/DeclarationContext.js.map +1 -0
  122. package/lib/commonjs/dom/types/DrawingContext.d.ts +18 -1
  123. package/lib/commonjs/dom/types/DrawingContext.js +330 -0
  124. package/lib/commonjs/dom/types/DrawingContext.js.map +1 -1
  125. package/lib/commonjs/dom/types/Node.d.ts +4 -10
  126. package/lib/commonjs/dom/types/Node.js.map +1 -1
  127. package/lib/commonjs/dom/types/SkDOM.d.ts +22 -23
  128. package/lib/commonjs/dom/types/SkDOM.js.map +1 -1
  129. package/lib/commonjs/dom/types/index.d.ts +1 -0
  130. package/lib/commonjs/dom/types/index.js +13 -0
  131. package/lib/commonjs/dom/types/index.js.map +1 -1
  132. package/lib/commonjs/index.d.ts +1 -0
  133. package/lib/commonjs/index.js +13 -0
  134. package/lib/commonjs/index.js.map +1 -1
  135. package/lib/commonjs/renderer/Canvas.js +3 -3
  136. package/lib/commonjs/renderer/Canvas.js.map +1 -1
  137. package/lib/commonjs/renderer/DrawingContext.d.ts +4 -3
  138. package/lib/commonjs/renderer/DrawingContext.js.map +1 -1
  139. package/lib/commonjs/renderer/HostComponents.d.ts +35 -35
  140. package/lib/commonjs/renderer/HostComponents.js.map +1 -1
  141. package/lib/commonjs/renderer/HostConfig.js +1 -0
  142. package/lib/commonjs/renderer/HostConfig.js.map +1 -1
  143. package/lib/commonjs/renderer/Offscreen.d.ts +2 -0
  144. package/lib/commonjs/renderer/Offscreen.js +31 -0
  145. package/lib/commonjs/renderer/Offscreen.js.map +1 -0
  146. package/lib/commonjs/renderer/Reconciler.js +0 -1
  147. package/lib/commonjs/renderer/Reconciler.js.map +1 -1
  148. package/lib/commonjs/skia/types/Surface/Surface.d.ts +4 -0
  149. package/lib/commonjs/skia/types/Surface/Surface.js.map +1 -1
  150. package/lib/commonjs/skia/types/Surface/SurfaceFactory.d.ts +6 -0
  151. package/lib/commonjs/skia/types/Surface/SurfaceFactory.js.map +1 -1
  152. package/lib/commonjs/skia/web/JsiSkSurface.d.ts +1 -0
  153. package/lib/commonjs/skia/web/JsiSkSurface.js +4 -0
  154. package/lib/commonjs/skia/web/JsiSkSurface.js.map +1 -1
  155. package/lib/commonjs/skia/web/JsiSkSurfaceFactory.d.ts +2 -1
  156. package/lib/commonjs/skia/web/JsiSkSurfaceFactory.js +21 -1
  157. package/lib/commonjs/skia/web/JsiSkSurfaceFactory.js.map +1 -1
  158. package/lib/commonjs/views/SkiaBaseWebView.js +6 -4
  159. package/lib/commonjs/views/SkiaBaseWebView.js.map +1 -1
  160. package/lib/commonjs/views/SkiaDomView.web.js +3 -14
  161. package/lib/commonjs/views/SkiaDomView.web.js.map +1 -1
  162. package/lib/commonjs/views/SkiaPictureView.web.js +0 -7
  163. package/lib/commonjs/views/SkiaPictureView.web.js.map +1 -1
  164. package/lib/commonjs/views/SkiaView.web.js +0 -7
  165. package/lib/commonjs/views/SkiaView.web.js.map +1 -1
  166. package/lib/module/dom/nodes/DrawingNode.js +5 -1
  167. package/lib/module/dom/nodes/DrawingNode.js.map +1 -1
  168. package/lib/module/dom/nodes/JsiSkDOM.d.ts +33 -34
  169. package/lib/module/dom/nodes/LayerNode.js +13 -7
  170. package/lib/module/dom/nodes/LayerNode.js.map +1 -1
  171. package/lib/module/dom/nodes/Node.d.ts +6 -11
  172. package/lib/module/dom/nodes/Node.js +8 -25
  173. package/lib/module/dom/nodes/Node.js.map +1 -1
  174. package/lib/module/dom/nodes/PaintContext.js.map +1 -1
  175. package/lib/module/dom/nodes/PaintNode.d.ts +3 -3
  176. package/lib/module/dom/nodes/PaintNode.js +32 -15
  177. package/lib/module/dom/nodes/PaintNode.js.map +1 -1
  178. package/lib/module/dom/nodes/RenderNode.d.ts +2 -3
  179. package/lib/module/dom/nodes/RenderNode.js +20 -187
  180. package/lib/module/dom/nodes/RenderNode.js.map +1 -1
  181. package/lib/module/dom/nodes/drawings/BackdropFilterNode.d.ts +1 -1
  182. package/lib/module/dom/nodes/drawings/BackdropFilterNode.js +23 -4
  183. package/lib/module/dom/nodes/drawings/BackdropFilterNode.js.map +1 -1
  184. package/lib/module/dom/nodes/drawings/Box.d.ts +3 -1
  185. package/lib/module/dom/nodes/drawings/Box.js +3 -0
  186. package/lib/module/dom/nodes/drawings/Box.js.map +1 -1
  187. package/lib/module/dom/nodes/paint/BlendNode.d.ts +3 -7
  188. package/lib/module/dom/nodes/paint/BlendNode.js +15 -46
  189. package/lib/module/dom/nodes/paint/BlendNode.js.map +1 -1
  190. package/lib/module/dom/nodes/paint/ColorFilters.d.ts +10 -11
  191. package/lib/module/dom/nodes/paint/ColorFilters.js +29 -43
  192. package/lib/module/dom/nodes/paint/ColorFilters.js.map +1 -1
  193. package/lib/module/dom/nodes/paint/ImageFilters.d.ts +11 -11
  194. package/lib/module/dom/nodes/paint/ImageFilters.js +48 -41
  195. package/lib/module/dom/nodes/paint/ImageFilters.js.map +1 -1
  196. package/lib/module/dom/nodes/paint/MaskFilters.d.ts +3 -3
  197. package/lib/module/dom/nodes/paint/MaskFilters.js +3 -2
  198. package/lib/module/dom/nodes/paint/MaskFilters.js.map +1 -1
  199. package/lib/module/dom/nodes/paint/PathEffects.d.ts +15 -18
  200. package/lib/module/dom/nodes/paint/PathEffects.js +29 -72
  201. package/lib/module/dom/nodes/paint/PathEffects.js.map +1 -1
  202. package/lib/module/dom/nodes/paint/Shaders.d.ts +11 -12
  203. package/lib/module/dom/nodes/paint/Shaders.js +28 -18
  204. package/lib/module/dom/nodes/paint/Shaders.js.map +1 -1
  205. package/lib/module/dom/types/DeclarationContext.d.ts +29 -0
  206. package/lib/module/dom/types/DeclarationContext.js +107 -0
  207. package/lib/module/dom/types/DeclarationContext.js.map +1 -0
  208. package/lib/module/dom/types/DrawingContext.d.ts +18 -1
  209. package/lib/module/dom/types/DrawingContext.js +322 -1
  210. package/lib/module/dom/types/DrawingContext.js.map +1 -1
  211. package/lib/module/dom/types/Node.d.ts +4 -10
  212. package/lib/module/dom/types/Node.js.map +1 -1
  213. package/lib/module/dom/types/SkDOM.d.ts +22 -23
  214. package/lib/module/dom/types/SkDOM.js.map +1 -1
  215. package/lib/module/dom/types/index.d.ts +1 -0
  216. package/lib/module/dom/types/index.js +1 -0
  217. package/lib/module/dom/types/index.js.map +1 -1
  218. package/lib/module/index.d.ts +1 -0
  219. package/lib/module/index.js +1 -0
  220. package/lib/module/index.js.map +1 -1
  221. package/lib/module/renderer/Canvas.js +3 -3
  222. package/lib/module/renderer/Canvas.js.map +1 -1
  223. package/lib/module/renderer/DrawingContext.d.ts +4 -3
  224. package/lib/module/renderer/DrawingContext.js.map +1 -1
  225. package/lib/module/renderer/HostComponents.d.ts +35 -35
  226. package/lib/module/renderer/HostComponents.js.map +1 -1
  227. package/lib/module/renderer/HostConfig.js +1 -0
  228. package/lib/module/renderer/HostConfig.js.map +1 -1
  229. package/lib/module/renderer/Offscreen.d.ts +2 -0
  230. package/lib/module/renderer/Offscreen.js +19 -0
  231. package/lib/module/renderer/Offscreen.js.map +1 -0
  232. package/lib/module/renderer/Reconciler.js +0 -1
  233. package/lib/module/renderer/Reconciler.js.map +1 -1
  234. package/lib/module/skia/types/Surface/Surface.d.ts +4 -0
  235. package/lib/module/skia/types/Surface/Surface.js.map +1 -1
  236. package/lib/module/skia/types/Surface/SurfaceFactory.d.ts +6 -0
  237. package/lib/module/skia/types/Surface/SurfaceFactory.js.map +1 -1
  238. package/lib/module/skia/web/JsiSkSurface.d.ts +1 -0
  239. package/lib/module/skia/web/JsiSkSurface.js +4 -0
  240. package/lib/module/skia/web/JsiSkSurface.js.map +1 -1
  241. package/lib/module/skia/web/JsiSkSurfaceFactory.d.ts +2 -1
  242. package/lib/module/skia/web/JsiSkSurfaceFactory.js +21 -1
  243. package/lib/module/skia/web/JsiSkSurfaceFactory.js.map +1 -1
  244. package/lib/module/views/SkiaBaseWebView.js +6 -4
  245. package/lib/module/views/SkiaBaseWebView.js.map +1 -1
  246. package/lib/module/views/SkiaDomView.web.js +2 -11
  247. package/lib/module/views/SkiaDomView.web.js.map +1 -1
  248. package/lib/module/views/SkiaPictureView.web.js +0 -5
  249. package/lib/module/views/SkiaPictureView.web.js.map +1 -1
  250. package/lib/module/views/SkiaView.web.js +0 -5
  251. package/lib/module/views/SkiaView.web.js.map +1 -1
  252. package/lib/typescript/src/dom/nodes/JsiSkDOM.d.ts +33 -34
  253. package/lib/typescript/src/dom/nodes/Node.d.ts +6 -11
  254. package/lib/typescript/src/dom/nodes/PaintNode.d.ts +3 -3
  255. package/lib/typescript/src/dom/nodes/RenderNode.d.ts +2 -3
  256. package/lib/typescript/src/dom/nodes/drawings/BackdropFilterNode.d.ts +1 -1
  257. package/lib/typescript/src/dom/nodes/drawings/Box.d.ts +3 -1
  258. package/lib/typescript/src/dom/nodes/paint/BlendNode.d.ts +3 -7
  259. package/lib/typescript/src/dom/nodes/paint/ColorFilters.d.ts +10 -11
  260. package/lib/typescript/src/dom/nodes/paint/ImageFilters.d.ts +11 -11
  261. package/lib/typescript/src/dom/nodes/paint/MaskFilters.d.ts +3 -3
  262. package/lib/typescript/src/dom/nodes/paint/PathEffects.d.ts +15 -18
  263. package/lib/typescript/src/dom/nodes/paint/Shaders.d.ts +11 -12
  264. package/lib/typescript/src/dom/types/DeclarationContext.d.ts +29 -0
  265. package/lib/typescript/src/dom/types/DrawingContext.d.ts +18 -1
  266. package/lib/typescript/src/dom/types/Node.d.ts +4 -10
  267. package/lib/typescript/src/dom/types/SkDOM.d.ts +22 -23
  268. package/lib/typescript/src/dom/types/index.d.ts +1 -0
  269. package/lib/typescript/src/index.d.ts +1 -0
  270. package/lib/typescript/src/renderer/DrawingContext.d.ts +4 -3
  271. package/lib/typescript/src/renderer/HostComponents.d.ts +35 -35
  272. package/lib/typescript/src/renderer/Offscreen.d.ts +2 -0
  273. package/lib/typescript/src/skia/types/Surface/Surface.d.ts +4 -0
  274. package/lib/typescript/src/skia/types/Surface/SurfaceFactory.d.ts +6 -0
  275. package/lib/typescript/src/skia/web/JsiSkSurface.d.ts +1 -0
  276. package/lib/typescript/src/skia/web/JsiSkSurfaceFactory.d.ts +2 -1
  277. package/package.json +1 -1
  278. package/src/dom/nodes/DrawingNode.ts +5 -1
  279. package/src/dom/nodes/LayerNode.ts +13 -11
  280. package/src/dom/nodes/Node.ts +18 -41
  281. package/src/dom/nodes/PaintContext.ts +1 -0
  282. package/src/dom/nodes/PaintNode.ts +28 -18
  283. package/src/dom/nodes/RenderNode.ts +25 -183
  284. package/src/dom/nodes/drawings/BackdropFilterNode.ts +18 -11
  285. package/src/dom/nodes/drawings/Box.ts +6 -4
  286. package/src/dom/nodes/paint/BlendNode.ts +16 -63
  287. package/src/dom/nodes/paint/ColorFilters.ts +32 -55
  288. package/src/dom/nodes/paint/ImageFilters.ts +58 -53
  289. package/src/dom/nodes/paint/MaskFilters.ts +5 -7
  290. package/src/dom/nodes/paint/PathEffects.ts +37 -90
  291. package/src/dom/nodes/paint/Shaders.ts +31 -29
  292. package/src/dom/types/DeclarationContext.ts +105 -0
  293. package/src/dom/types/DrawingContext.ts +304 -1
  294. package/src/dom/types/Node.ts +4 -20
  295. package/src/dom/types/SkDOM.ts +22 -43
  296. package/src/dom/types/index.ts +1 -0
  297. package/src/index.ts +1 -0
  298. package/src/renderer/Canvas.tsx +3 -3
  299. package/src/renderer/DrawingContext.ts +4 -5
  300. package/src/renderer/HostComponents.ts +34 -53
  301. package/src/renderer/HostConfig.ts +1 -0
  302. package/src/renderer/Offscreen.tsx +24 -0
  303. package/src/renderer/Reconciler.tsx +0 -1
  304. package/src/skia/types/Surface/Surface.ts +5 -0
  305. package/src/skia/types/Surface/SurfaceFactory.ts +7 -0
  306. package/src/skia/web/JsiSkSurface.ts +4 -0
  307. package/src/skia/web/JsiSkSurfaceFactory.ts +21 -2
  308. package/src/views/SkiaBaseWebView.tsx +6 -2
  309. package/src/views/SkiaDomView.web.tsx +2 -13
  310. package/src/views/SkiaPictureView.web.tsx +0 -7
  311. package/src/views/SkiaView.web.tsx +0 -7
@@ -17,40 +17,20 @@
17
17
 
18
18
  namespace RNSkia {
19
19
 
20
- class JsiBasePathEffectNode
21
- : public JsiDomDeclarationNode<JsiBasePathEffectNode, sk_sp<SkPathEffect>> {
20
+ class JsiBasePathEffectNode : public JsiDomDeclarationNode {
22
21
  public:
23
22
  JsiBasePathEffectNode(std::shared_ptr<RNSkPlatformContext> context,
24
23
  const char *type)
25
- : JsiDomDeclarationNode<JsiBasePathEffectNode, sk_sp<SkPathEffect>>(
26
- context, type) {}
24
+ : JsiDomDeclarationNode(context, type, DeclarationType::PathEffect) {}
27
25
 
28
26
  protected:
29
- void setPathEffect(DrawingContext *context, sk_sp<SkPathEffect> f) {
30
- set(context, f);
31
- }
32
-
33
- sk_sp<SkPathEffect> resolve(std::shared_ptr<JsiDomNode> child) override {
34
- auto ptr = std::dynamic_pointer_cast<JsiBasePathEffectNode>(child);
35
- if (ptr) {
36
- return ptr->getCurrent();
37
- }
38
- return nullptr;
39
- }
40
-
41
- /**
42
- Sets or composes the path effect
43
- */
44
- void set(DrawingContext *context, sk_sp<SkPathEffect> pathEffect) override {
45
- auto paint = context->getMutablePaint();
46
- if (paint->getPathEffect() != nullptr &&
47
- paint->getPathEffect() != getCurrent().get()) {
48
- paint->setPathEffect(
49
- SkPathEffect::MakeCompose(paint->refPathEffect(), pathEffect));
50
- } else {
51
- paint->setPathEffect(pathEffect);
52
- }
53
- setCurrent(pathEffect);
27
+ void composeAndPush(DeclarationContext *context, sk_sp<SkPathEffect> pe1) {
28
+ context->save();
29
+ decorateChildren(context);
30
+ auto pe2 = context->getPathEffects()->popAsOne();
31
+ context->restore();
32
+ auto pe = pe2 ? SkPathEffect::MakeCompose(pe1, pe2) : pe1;
33
+ context->getPathEffects()->push(pe);
54
34
  }
55
35
  };
56
36
 
@@ -60,30 +40,28 @@ public:
60
40
  explicit JsiDashPathEffectNode(std::shared_ptr<RNSkPlatformContext> context)
61
41
  : JsiBasePathEffectNode(context, "skDashPathEffect") {}
62
42
 
63
- protected:
64
- void decorate(DrawingContext *context) override {
65
- if (isChanged(context)) {
43
+ void decorate(DeclarationContext *context) override {
66
44
 
67
- // Phase
68
- auto phase = _phase->isSet() ? _phase->value().getAsNumber() : 0;
45
+ // Phase
46
+ auto phase = _phase->isSet() ? _phase->value().getAsNumber() : 0;
69
47
 
70
- // Copy intervals
71
- std::vector<SkScalar> intervals;
72
- auto intervalsArray = _intervals->value().getAsArray();
73
- for (size_t i = 0; i < intervalsArray.size(); ++i) {
74
- intervals.push_back(intervalsArray[i].getAsNumber());
75
- }
48
+ // Copy intervals
49
+ std::vector<SkScalar> intervals;
50
+ auto intervalsArray = _intervals->value().getAsArray();
51
+ for (size_t i = 0; i < intervalsArray.size(); ++i) {
52
+ intervals.push_back(intervalsArray[i].getAsNumber());
53
+ }
76
54
 
77
- // Create effect
78
- auto pathEffect = SkDashPathEffect::Make(
79
- intervals.data(), static_cast<int>(intervals.size()), phase);
55
+ // Create effect
56
+ auto pathEffect = SkDashPathEffect::Make(
57
+ intervals.data(), static_cast<int>(intervals.size()), phase);
80
58
 
81
- setPathEffect(context, pathEffect);
82
- }
59
+ composeAndPush(context, pathEffect);
83
60
  }
84
61
 
62
+ protected:
85
63
  void defineProperties(NodePropsContainer *container) override {
86
- JsiBaseDomDeclarationNode::defineProperties(container);
64
+ JsiDomDeclarationNode::defineProperties(container);
87
65
 
88
66
  _intervals = container->defineProperty<NodeProp>("intervals");
89
67
  _phase = container->defineProperty<NodeProp>("phase");
@@ -104,22 +82,19 @@ public:
104
82
  std::shared_ptr<RNSkPlatformContext> context)
105
83
  : JsiBasePathEffectNode(context, "skDiscretePathEffect") {}
106
84
 
107
- protected:
108
- void decorate(DrawingContext *context) override {
109
- if (isChanged(context)) {
110
-
111
- // Create effect
112
- auto pathEffect =
113
- SkDiscretePathEffect::Make(_lengthProp->value().getAsNumber(),
114
- _deviationProp->value().getAsNumber(),
115
- _seedProp->value().getAsNumber());
85
+ void decorate(DeclarationContext *context) override {
86
+ // Create effect
87
+ auto pathEffect =
88
+ SkDiscretePathEffect::Make(_lengthProp->value().getAsNumber(),
89
+ _deviationProp->value().getAsNumber(),
90
+ _seedProp->value().getAsNumber());
116
91
 
117
- setPathEffect(context, pathEffect);
118
- }
92
+ composeAndPush(context, pathEffect);
119
93
  }
120
94
 
95
+ protected:
121
96
  void defineProperties(NodePropsContainer *container) override {
122
- JsiBaseDomDeclarationNode::defineProperties(container);
97
+ JsiDomDeclarationNode::defineProperties(container);
123
98
 
124
99
  _lengthProp = container->defineProperty<NodeProp>("length");
125
100
  _deviationProp = container->defineProperty<NodeProp>("deviation");
@@ -142,19 +117,16 @@ public:
142
117
  explicit JsiCornerPathEffectNode(std::shared_ptr<RNSkPlatformContext> context)
143
118
  : JsiBasePathEffectNode(context, "skCornerPathEffect") {}
144
119
 
145
- protected:
146
- void decorate(DrawingContext *context) override {
147
- if (isChanged(context)) {
148
-
149
- // Create effect
150
- auto pathEffect = SkCornerPathEffect::Make(_rProp->value().getAsNumber());
120
+ void decorate(DeclarationContext *context) override {
121
+ // Create effect
122
+ auto pathEffect = SkCornerPathEffect::Make(_rProp->value().getAsNumber());
151
123
 
152
- setPathEffect(context, pathEffect);
153
- }
124
+ composeAndPush(context, pathEffect);
154
125
  }
155
126
 
127
+ protected:
156
128
  void defineProperties(NodePropsContainer *container) override {
157
- JsiBaseDomDeclarationNode::defineProperties(container);
129
+ JsiDomDeclarationNode::defineProperties(container);
158
130
 
159
131
  _rProp = container->defineProperty<NodeProp>("r");
160
132
  _rProp->require();
@@ -170,22 +142,19 @@ public:
170
142
  explicit JsiPath1DPathEffectNode(std::shared_ptr<RNSkPlatformContext> context)
171
143
  : JsiBasePathEffectNode(context, "skPath1DPathEffect") {}
172
144
 
173
- protected:
174
- void decorate(DrawingContext *context) override {
175
- if (isChanged(context)) {
176
-
177
- // Create effect
178
- auto pathEffect = SkPath1DPathEffect::Make(
179
- *_pathProp->getDerivedValue(), _advanceProp->value().getAsNumber(),
180
- _phaseProp->value().getAsNumber(),
181
- getStyleFromStringValue(_styleProp->value().getAsString()));
145
+ void decorate(DeclarationContext *context) override {
146
+ // Create effect
147
+ auto pathEffect = SkPath1DPathEffect::Make(
148
+ *_pathProp->getDerivedValue(), _advanceProp->value().getAsNumber(),
149
+ _phaseProp->value().getAsNumber(),
150
+ getStyleFromStringValue(_styleProp->value().getAsString()));
182
151
 
183
- setPathEffect(context, pathEffect);
184
- }
152
+ composeAndPush(context, pathEffect);
185
153
  }
186
154
 
155
+ protected:
187
156
  void defineProperties(NodePropsContainer *container) override {
188
- JsiBaseDomDeclarationNode::defineProperties(container);
157
+ JsiDomDeclarationNode::defineProperties(container);
189
158
 
190
159
  _phaseProp = container->defineProperty<NodeProp>("phase");
191
160
  _advanceProp = container->defineProperty<NodeProp>("advance");
@@ -224,19 +193,17 @@ public:
224
193
  : JsiBasePathEffectNode(context, "skPath2DPathEffect") {}
225
194
 
226
195
  protected:
227
- void decorate(DrawingContext *context) override {
228
- if (isChanged(context)) {
196
+ void decorate(DeclarationContext *context) override {
229
197
 
230
- // Create effect
231
- auto pathEffect = SkPath2DPathEffect::Make(
232
- *_matrixProp->getDerivedValue(), *_pathProp->getDerivedValue());
198
+ // Create effect
199
+ auto pathEffect = SkPath2DPathEffect::Make(*_matrixProp->getDerivedValue(),
200
+ *_pathProp->getDerivedValue());
233
201
 
234
- setPathEffect(context, pathEffect);
235
- }
202
+ composeAndPush(context, pathEffect);
236
203
  }
237
204
 
238
205
  void defineProperties(NodePropsContainer *container) override {
239
- JsiBaseDomDeclarationNode::defineProperties(container);
206
+ JsiDomDeclarationNode::defineProperties(container);
240
207
 
241
208
  _matrixProp = container->defineProperty<MatrixProp>("matrix");
242
209
  _pathProp = container->defineProperty<PathProp>("path");
@@ -257,19 +224,17 @@ public:
257
224
  : JsiBasePathEffectNode(context, "skLine2DPathEffect") {}
258
225
 
259
226
  protected:
260
- void decorate(DrawingContext *context) override {
261
- if (isChanged(context)) {
227
+ void decorate(DeclarationContext *context) override {
262
228
 
263
- // Create effect
264
- auto pathEffect = SkLine2DPathEffect::Make(
265
- _widthProp->value().getAsNumber(), *_matrixProp->getDerivedValue());
229
+ // Create effect
230
+ auto pathEffect = SkLine2DPathEffect::Make(
231
+ _widthProp->value().getAsNumber(), *_matrixProp->getDerivedValue());
266
232
 
267
- setPathEffect(context, pathEffect);
268
- }
233
+ composeAndPush(context, pathEffect);
269
234
  }
270
235
 
271
236
  void defineProperties(NodePropsContainer *container) override {
272
- JsiBaseDomDeclarationNode::defineProperties(container);
237
+ JsiDomDeclarationNode::defineProperties(container);
273
238
 
274
239
  _matrixProp = container->defineProperty<MatrixProp>("matrix");
275
240
  _widthProp = container->defineProperty<NodeProp>("width");
@@ -290,12 +255,14 @@ public:
290
255
  : JsiBasePathEffectNode(context, "skSumPathEffect") {}
291
256
 
292
257
  protected:
293
- void decorate(DrawingContext *context) override {
294
- if (isChanged(context)) {
295
- auto inner = requireChild(0);
296
- auto outer = requireChild(1);
297
- setPathEffect(context, SkPathEffect::MakeSum(inner, outer));
298
- }
258
+ void decorate(DeclarationContext *context) override {
259
+ decorateChildren(context);
260
+ auto pe =
261
+ context->getPathEffects()->Declaration<sk_sp<SkPathEffect>>::popAsOne(
262
+ [=](sk_sp<SkPathEffect> inner, sk_sp<SkPathEffect> outer) {
263
+ return SkPathEffect::MakeSum(inner, outer);
264
+ });
265
+ context->getPathEffects()->push(pe);
299
266
  }
300
267
  };
301
268
  } // namespace RNSkia
@@ -169,8 +169,9 @@ private:
169
169
 
170
170
  class StrokeOptsProps : public BaseDerivedProp {
171
171
  public:
172
- StrokeOptsProps() : BaseDerivedProp() {
173
- _strokeProp = addProperty(std::make_shared<NodeProp>("stroke"));
172
+ explicit StrokeOptsProps(const std::function<void(BaseNodeProp *)> &onChange)
173
+ : BaseDerivedProp(onChange) {
174
+ _strokeProp = defineProperty<NodeProp>("stroke");
174
175
  }
175
176
 
176
177
  private: