From 430175bf544f635b23c377841401fb4ff3150c81 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Wed, 28 Aug 2024 15:26:09 +0200
Subject: [PATCH 01/17] feat: create FeComposite fabric

---
 src/ReactNativeSVG.ts                    |  2 ++
 src/elements/filters/FeComposite.tsx     | 21 ++++++++++++--
 src/fabric/FeCompositeNativeComponent.ts | 36 ++++++++++++++++++++++++
 src/fabric/index.ts                      |  2 ++
 src/lib/extract/extractFilter.ts         | 20 +++++++++++++
 5 files changed, 79 insertions(+), 2 deletions(-)
 create mode 100644 src/fabric/FeCompositeNativeComponent.ts

diff --git a/src/ReactNativeSVG.ts b/src/ReactNativeSVG.ts
index 4aca02df4..67d8ba3d9 100644
--- a/src/ReactNativeSVG.ts
+++ b/src/ReactNativeSVG.ts
@@ -26,6 +26,7 @@ import {
   RNSVGDefs,
   RNSVGEllipse,
   RNSVGFeColorMatrix,
+  RNSVGFeComposite,
   RNSVGFeGaussianBlur,
   RNSVGFeMerge,
   RNSVGFeOffset,
@@ -125,6 +126,7 @@ export {
   RNSVGDefs,
   RNSVGEllipse,
   RNSVGFeColorMatrix,
+  RNSVGFeComposite,
   RNSVGFeGaussianBlur,
   RNSVGFeMerge,
   RNSVGFeOffset,
diff --git a/src/elements/filters/FeComposite.tsx b/src/elements/filters/FeComposite.tsx
index 324a2c601..45f479f04 100644
--- a/src/elements/filters/FeComposite.tsx
+++ b/src/elements/filters/FeComposite.tsx
@@ -1,3 +1,9 @@
+import { NativeMethods, Platform } from 'react-native';
+import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
+import {
+  extractFeComposite,
+  extractFilter,
+} from '../../lib/extract/extractFilter';
 import { NumberProp } from '../../lib/extract/types';
 import { warnUnimplementedFilter } from '../../lib/util';
 import FilterPrimitive from './FilterPrimitive';
@@ -28,7 +34,18 @@ export default class FeComposite extends FilterPrimitive<FeCompositeProps> {
   };
 
   render() {
-    warnUnimplementedFilter();
-    return null;
+    if (Platform.OS === 'android') {
+      warnUnimplementedFilter();
+      return null;
+    }
+    return (
+      <RNSVGFeComposite
+        ref={(ref) =>
+          this.refMethod(ref as (FeComposite & NativeMethods) | null)
+        }
+        {...extractFilter(this.props)}
+        {...extractFeComposite(this.props)}
+      />
+    );
   }
 }
diff --git a/src/fabric/FeCompositeNativeComponent.ts b/src/fabric/FeCompositeNativeComponent.ts
new file mode 100644
index 000000000..583a6cce3
--- /dev/null
+++ b/src/fabric/FeCompositeNativeComponent.ts
@@ -0,0 +1,36 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from './utils';
+
+import { NumberProp } from '../lib/extract/types';
+import type { UnsafeMixed } from './codegenUtils';
+import { Float, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+
+type FeCompositeOperator =
+  | 'over'
+  | 'in'
+  | 'out'
+  | 'atop'
+  | 'xor'
+  | 'arithmetic';
+
+interface FilterPrimitiveCommonProps {
+  x?: UnsafeMixed<NumberProp>;
+  y?: UnsafeMixed<NumberProp>;
+  width?: UnsafeMixed<NumberProp>;
+  height?: UnsafeMixed<NumberProp>;
+  result?: string;
+}
+
+export interface NativeProps extends ViewProps, FilterPrimitiveCommonProps {
+  in1?: string;
+  in2?: string;
+  operator1?: WithDefault<FeCompositeOperator, 'over'>;
+  k1?: Float;
+  k2?: Float;
+  k3?: Float;
+  k4?: Float;
+}
+
+export default codegenNativeComponent<NativeProps>('RNSVGFeComposite', {
+  excludedPlatforms: ['android'],
+});
diff --git a/src/fabric/index.ts b/src/fabric/index.ts
index 8cdbb4f77..e8c184fdf 100644
--- a/src/fabric/index.ts
+++ b/src/fabric/index.ts
@@ -22,6 +22,7 @@ import RNSVGTSpan from './TSpanNativeComponent';
 import RNSVGUse from './UseNativeComponent';
 import RNSVGFilter from './FilterNativeComponent';
 import RNSVGFeColorMatrix from './FeColorMatrixNativeComponent';
+import RNSVGFeComposite from './FeCompositeNativeComponent';
 import RNSVGFeGaussianBlur from './FeGaussianBlurNativeComponent';
 import RNSVGFeMerge from './FeMergeNativeComponent';
 import RNSVGFeOffset from './FeOffsetNativeComponent';
@@ -51,6 +52,7 @@ export {
   RNSVGUse,
   RNSVGFilter,
   RNSVGFeColorMatrix,
+  RNSVGFeComposite,
   RNSVGFeGaussianBlur,
   RNSVGFeMerge,
   RNSVGFeOffset,
diff --git a/src/lib/extract/extractFilter.ts b/src/lib/extract/extractFilter.ts
index 672194542..5125efa72 100644
--- a/src/lib/extract/extractFilter.ts
+++ b/src/lib/extract/extractFilter.ts
@@ -1,8 +1,10 @@
 import React from 'react';
 import { FeColorMatrixProps as FeColorMatrixComponentProps } from '../../elements/filters/FeColorMatrix';
+import { FeCompositeProps as FeCompositeComponentProps } from '../../elements/filters/FeComposite';
 import { FeGaussianBlurProps as FeGaussianBlurComponentProps } from '../../elements/filters/FeGaussianBlur';
 import { FeMergeProps as FeMergeComponentProps } from '../../elements/filters/FeMerge';
 import { NativeProps as FeColorMatrixNativeProps } from '../../fabric/FeColorMatrixNativeComponent';
+import { NativeProps as FeCompositeNativeProps } from '../../fabric/FeCompositeNativeComponent';
 import { NativeProps as FeGaussianBlurNativeProps } from '../../fabric/FeGaussianBlurNativeComponent';
 import { NativeProps as FeMergeNativeProps } from '../../fabric/FeMergeNativeComponent';
 import { NumberProp } from './types';
@@ -67,6 +69,24 @@ export const extractFeColorMatrix = (
   return extracted;
 };
 
+export const extractFeComposite = (
+  props: FeCompositeComponentProps
+): FeCompositeNativeProps => {
+  const extracted: FeCompositeNativeProps = {
+    in1: props.in || '',
+    in2: props.in2 || '',
+    operator1: props.operator || 'over',
+  };
+
+  (['k1', 'k2', 'k3', 'k4'] as const).forEach((key) => {
+    if (props[key] !== undefined) {
+      extracted[key] = Number(props[key]) || 0;
+    }
+  });
+
+  return extracted;
+};
+
 export const extractFeGaussianBlur = (
   props: FeGaussianBlurComponentProps
 ): FeGaussianBlurNativeProps => {

From 21ef4c06cdc2b61ca921fb80c90f6915c8f62443 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Wed, 28 Aug 2024 15:30:31 +0200
Subject: [PATCH 02/17] feat: implement ios composite filters

---
 apple/Filters/RNSVGCompositeOperator.h        |   9 +
 apple/Filters/RNSVGFeComposite.h              |  14 ++
 apple/Filters/RNSVGFeComposite.mm             | 203 ++++++++++++++++++
 apple/Utils/RNSVGConvert.h                    |   2 +
 apple/Utils/RNSVGConvert.mm                   |  18 ++
 apple/ViewManagers/RNSVGFeCompositeManager.h  |   5 +
 apple/ViewManagers/RNSVGFeCompositeManager.mm |  22 ++
 7 files changed, 273 insertions(+)
 create mode 100644 apple/Filters/RNSVGCompositeOperator.h
 create mode 100644 apple/Filters/RNSVGFeComposite.h
 create mode 100644 apple/Filters/RNSVGFeComposite.mm
 create mode 100644 apple/ViewManagers/RNSVGFeCompositeManager.h
 create mode 100644 apple/ViewManagers/RNSVGFeCompositeManager.mm

diff --git a/apple/Filters/RNSVGCompositeOperator.h b/apple/Filters/RNSVGCompositeOperator.h
new file mode 100644
index 000000000..62f2dc40e
--- /dev/null
+++ b/apple/Filters/RNSVGCompositeOperator.h
@@ -0,0 +1,9 @@
+typedef CF_ENUM(int32_t, RNSVGCompositeOperator) {
+  SVG_FECOMPOSITE_OPERATOR_UNKNOWN,
+  SVG_FECOMPOSITE_OPERATOR_OVER,
+  SVG_FECOMPOSITE_OPERATOR_IN,
+  SVG_FECOMPOSITE_OPERATOR_OUT,
+  SVG_FECOMPOSITE_OPERATOR_ATOP,
+  SVG_FECOMPOSITE_OPERATOR_XOR,
+  SVG_FECOMPOSITE_OPERATOR_ARITHMETIC
+};
diff --git a/apple/Filters/RNSVGFeComposite.h b/apple/Filters/RNSVGFeComposite.h
new file mode 100644
index 000000000..5b00681bd
--- /dev/null
+++ b/apple/Filters/RNSVGFeComposite.h
@@ -0,0 +1,14 @@
+#import "RNSVGCompositeOperator.h"
+#import "RNSVGFilterPrimitive.h"
+
+@interface RNSVGFeComposite : RNSVGFilterPrimitive
+
+@property (nonatomic, strong) NSString *in1;
+@property (nonatomic, strong) NSString *in2;
+@property (nonatomic, assign) RNSVGCompositeOperator operator1;
+@property (nonatomic, strong) NSNumber *k1;
+@property (nonatomic, strong) NSNumber *k2;
+@property (nonatomic, strong) NSNumber *k3;
+@property (nonatomic, strong) NSNumber *k4;
+
+@end
diff --git a/apple/Filters/RNSVGFeComposite.mm b/apple/Filters/RNSVGFeComposite.mm
new file mode 100644
index 000000000..3a302bd7a
--- /dev/null
+++ b/apple/Filters/RNSVGFeComposite.mm
@@ -0,0 +1,203 @@
+#import "RNSVGFeComposite.h"
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+#import <react/renderer/components/rnsvg/ComponentDescriptors.h>
+#import <react/renderer/components/view/conversions.h>
+#import "RNSVGArithmeticFilter.h"
+#import "RNSVGCompositeXor.h"
+#import "RNSVGConvert.h"
+#import "RNSVGFabricConversions.h"
+#endif // RCT_NEW_ARCH_ENABLED
+
+static CIColorKernel *thresholdKernel;
+
+@implementation RNSVGFeComposite
+
+#ifdef RCT_NEW_ARCH_ENABLED
+using namespace facebook::react;
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNSVGFeCompositeProps>();
+    _props = defaultProps;
+  }
+  return self;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNSVGFeCompositeComponentDescriptor>();
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &newProps = static_cast<const RNSVGFeCompositeProps &>(*props);
+
+  self.in1 = RCTNSStringFromStringNilIfEmpty(newProps.in1);
+  self.in2 = RCTNSStringFromStringNilIfEmpty(newProps.in2);
+  self.k1 = [NSNumber numberWithFloat:newProps.k1];
+  self.k2 = [NSNumber numberWithFloat:newProps.k2];
+  self.k3 = [NSNumber numberWithFloat:newProps.k3];
+  self.k4 = [NSNumber numberWithFloat:newProps.k4];
+  self.operator1 = [RNSVGConvert RNSVGRNSVGCompositeOperatorFromCppEquivalent:newProps.operator1];
+
+  setCommonFilterProps(newProps, self);
+  _props = std::static_pointer_cast<RNSVGFeCompositeProps const>(props);
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _in1 = nil;
+  _in2 = nil;
+  _k1 = nil;
+  _k2 = nil;
+  _k3 = nil;
+  _k4 = nil;
+  _operator1 = RNSVGCompositeOperator::SVG_FECOMPOSITE_OPERATOR_UNKNOWN;
+}
+#endif // RCT_NEW_ARCH_ENABLED
+
+- (void)setIn1:(NSString *)in1
+{
+  if ([in1 isEqualToString:_in1]) {
+    return;
+  }
+
+  _in1 = in1;
+  [self invalidate];
+}
+
+- (void)setIn2:(NSString *)in2
+{
+  if ([in2 isEqualToString:_in2]) {
+    return;
+  }
+
+  _in2 = in2;
+  [self invalidate];
+}
+
+- (void)setK1:(NSNumber *)k1
+{
+  if (k1 == _k1) {
+    return;
+  }
+
+  _k1 = k1;
+  [self invalidate];
+}
+
+- (void)setK2:(NSNumber *)k2
+{
+  if (k2 == _k2) {
+    return;
+  }
+
+  _k2 = k2;
+  [self invalidate];
+}
+
+- (void)setK3:(NSNumber *)k3
+{
+  if (k3 == _k3) {
+    return;
+  }
+
+  _k3 = k3;
+  [self invalidate];
+}
+
+- (void)setK4:(NSNumber *)k4
+{
+  if (k4 == _k4) {
+    return;
+  }
+
+  _k4 = k4;
+  [self invalidate];
+}
+
+- (void)setOperator1:(RNSVGCompositeOperator)operator1
+{
+  if (operator1 == _operator1) {
+    return;
+  }
+
+  _operator1 = operator1;
+  [self invalidate];
+}
+
+- (CIImage *)applyFilter:(NSMutableDictionary<NSString *, CIImage *> *)results previousFilterResult:(CIImage *)previous
+{
+  CIImage *inResults1 = self.in1 ? [results objectForKey:self.in1] : nil;
+  CIImage *inResults2 = self.in2 ? [results objectForKey:self.in2] : nil;
+  CIImage *inputImage1 = inResults1 ? inResults1 : previous;
+  CIImage *inputImage2 = inResults2 ? inResults2 : previous;
+
+  CIFilter *filter = nil;
+
+  switch (self.operator1) {
+    case SVG_FECOMPOSITE_OPERATOR_OVER:
+      filter = [CIFilter filterWithName:@"CISourceOverCompositing"];
+      break;
+    case SVG_FECOMPOSITE_OPERATOR_IN:
+      filter = [CIFilter filterWithName:@"CISourceInCompositing"];
+      break;
+    case SVG_FECOMPOSITE_OPERATOR_OUT:
+      filter = [CIFilter filterWithName:@"CISourceOutCompositing"];
+      break;
+    case SVG_FECOMPOSITE_OPERATOR_ATOP:
+      filter = [CIFilter filterWithName:@"CISourceAtopCompositing"];
+      break;
+    case SVG_FECOMPOSITE_OPERATOR_XOR:
+      [RNSVGCompositeXor class];
+      filter = [[RNSVGCompositeXor alloc] init];
+      break;
+    case SVG_FECOMPOSITE_OPERATOR_ARITHMETIC:
+      [RNSVGArithmeticFilter class];
+      filter = [[RNSVGArithmeticFilter alloc] init];
+      break;
+    default:
+      return nil;
+  }
+
+  [filter setDefaults];
+
+  if (self.operator1 == SVG_FECOMPOSITE_OPERATOR_XOR) {
+    [filter setValue:inputImage1 forKey:@"inputImage1"];
+    [filter setValue:inputImage2 forKey:@"inputImage2"];
+  } else if (self.operator1 == SVG_FECOMPOSITE_OPERATOR_ARITHMETIC) {
+    [filter setValue:inputImage1 forKey:@"inputImage1"];
+    [filter setValue:inputImage2 forKey:@"inputImage2"];
+    [filter setValue:(self.k1 != nil ? self.k1 : 0) forKey:@"inputK1"];
+    [filter setValue:(self.k2 != nil ? self.k2 : 0) forKey:@"inputK2"];
+    [filter setValue:(self.k3 != nil ? self.k3 : 0) forKey:@"inputK3"];
+    [filter setValue:(self.k4 != nil ? self.k4 : 0) forKey:@"inputK4"];
+  } else {
+    [filter setValue:inputImage1 forKey:@"inputImage"];
+    [filter setValue:inputImage2 forKey:@"inputBackgroundImage"];
+  }
+
+  return [filter valueForKey:@"outputImage"];
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
+Class<RCTComponentViewProtocol> RNSVGFeCompositeCls(void)
+{
+  return RNSVGFeComposite.class;
+}
+#endif // RCT_NEW_ARCH_ENABLED
+
+@end
diff --git a/apple/Utils/RNSVGConvert.h b/apple/Utils/RNSVGConvert.h
index ee83027b4..6a2649ac5 100644
--- a/apple/Utils/RNSVGConvert.h
+++ b/apple/Utils/RNSVGConvert.h
@@ -1,6 +1,7 @@
 #ifdef RCT_NEW_ARCH_ENABLED
 #import <react/renderer/components/rnsvg/Props.h>
 #import "RNSVGColorMatrixType.h"
+#import "RNSVGCompositeOperator.h"
 #import "RNSVGEdgeMode.h"
 #import "RNSVGUnits.h"
 
@@ -11,6 +12,7 @@ namespace react = facebook::react;
 + (RNSVGUnits)RNSVGUnitsFromFilterUnitsCppEquivalent:(react::RNSVGFilterFilterUnits)svgUnits;
 + (RNSVGUnits)RNSVGUnitsFromPrimitiveUnitsCppEquivalent:(react::RNSVGFilterPrimitiveUnits)svgUnits;
 + (RNSVGColorMatrixType)RNSVGColorMatrixTypeFromCppEquivalent:(react::RNSVGFeColorMatrixType)type;
++ (RNSVGCompositeOperator)RNSVGRNSVGCompositeOperatorFromCppEquivalent:(react::RNSVGFeCompositeOperator1)operator1;
 + (RNSVGEdgeMode)RNSVGEdgeModeFromCppEquivalent:(react::RNSVGFeGaussianBlurEdgeMode)edgeMode;
 
 @end
diff --git a/apple/Utils/RNSVGConvert.mm b/apple/Utils/RNSVGConvert.mm
index b557ff543..fee2f04a0 100644
--- a/apple/Utils/RNSVGConvert.mm
+++ b/apple/Utils/RNSVGConvert.mm
@@ -37,6 +37,24 @@ + (RNSVGColorMatrixType)RNSVGColorMatrixTypeFromCppEquivalent:(react::RNSVGFeCol
   }
 }
 
++ (RNSVGCompositeOperator)RNSVGRNSVGCompositeOperatorFromCppEquivalent:(react::RNSVGFeCompositeOperator1)operator1
+{
+  switch (operator1) {
+    case react::RNSVGFeCompositeOperator1::Over:
+      return SVG_FECOMPOSITE_OPERATOR_OVER;
+    case react::RNSVGFeCompositeOperator1::In:
+      return SVG_FECOMPOSITE_OPERATOR_IN;
+    case react::RNSVGFeCompositeOperator1::Out:
+      return SVG_FECOMPOSITE_OPERATOR_OUT;
+    case react::RNSVGFeCompositeOperator1::Atop:
+      return SVG_FECOMPOSITE_OPERATOR_ATOP;
+    case react::RNSVGFeCompositeOperator1::Xor:
+      return SVG_FECOMPOSITE_OPERATOR_XOR;
+    case react::RNSVGFeCompositeOperator1::Arithmetic:
+      return SVG_FECOMPOSITE_OPERATOR_ARITHMETIC;
+  }
+}
+
 + (RNSVGEdgeMode)RNSVGEdgeModeFromCppEquivalent:(react::RNSVGFeGaussianBlurEdgeMode)edgeMode
 {
   switch (edgeMode) {
diff --git a/apple/ViewManagers/RNSVGFeCompositeManager.h b/apple/ViewManagers/RNSVGFeCompositeManager.h
new file mode 100644
index 000000000..761115a98
--- /dev/null
+++ b/apple/ViewManagers/RNSVGFeCompositeManager.h
@@ -0,0 +1,5 @@
+#import "RNSVGFilterPrimitiveManager.h"
+
+@interface RNSVGFeCompositeManager : RNSVGFilterPrimitiveManager
+
+@end
diff --git a/apple/ViewManagers/RNSVGFeCompositeManager.mm b/apple/ViewManagers/RNSVGFeCompositeManager.mm
new file mode 100644
index 000000000..52903ef7b
--- /dev/null
+++ b/apple/ViewManagers/RNSVGFeCompositeManager.mm
@@ -0,0 +1,22 @@
+#import "RNSVGFeCompositeManager.h"
+#import "RNSVGCompositeOperator.h"
+#import "RNSVGFeComposite.h"
+
+@implementation RNSVGFeCompositeManager
+
+RCT_EXPORT_MODULE()
+
+- (RNSVGFeComposite *)node
+{
+  return [RNSVGFeComposite new];
+}
+
+RCT_EXPORT_VIEW_PROPERTY(in1, NSString)
+RCT_EXPORT_VIEW_PROPERTY(in2, NSString)
+RCT_EXPORT_VIEW_PROPERTY(type, RNSVGCompositeOperator)
+RCT_EXPORT_VIEW_PROPERTY(k1, NSNumber *)
+RCT_EXPORT_VIEW_PROPERTY(k2, NSNumber *)
+RCT_EXPORT_VIEW_PROPERTY(k3, NSNumber *)
+RCT_EXPORT_VIEW_PROPERTY(k4, NSNumber *)
+
+@end

From da1a6ffca24c5ef7f256339c0b07f853b891fb35 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Wed, 28 Aug 2024 15:33:06 +0200
Subject: [PATCH 03/17] feat: setup custom CoreImage Kernels using Metal

---
 RNSVG.podspec    |  6 ++++--
 package.json     |  3 ++-
 scripts/metal.js | 49 ++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 3 deletions(-)
 create mode 100644 scripts/metal.js

diff --git a/RNSVG.podspec b/RNSVG.podspec
index 878dfb426..8b3fde414 100644
--- a/RNSVG.podspec
+++ b/RNSVG.podspec
@@ -12,13 +12,15 @@ Pod::Spec.new do |s|
   s.homepage          = package['homepage']
   s.authors           = 'Horcrux Chen'
   s.source            = { :git => 'https://github.com/react-native-community/react-native-svg.git', :tag => "v#{s.version}" }
-  s.source_files    = 'apple/**/*.{h,m,mm}'
+  s.source_files      = 'apple/**/*.{h,m,mm,metal}'
   s.ios.exclude_files = '**/*.macos.{h,m,mm}'
   s.tvos.exclude_files = '**/*.macos.{h,m,mm}'
   s.visionos.exclude_files = '**/*.macos.{h,m,mm}' if s.respond_to?(:visionos)
   s.osx.exclude_files = '**/*.ios.{h,m,mm}'
-  s.requires_arc    = true
+  s.requires_arc      = true
   s.platforms         = { :osx => "10.14", :ios => "12.4", :tvos => "12.4", :visionos => "1.0" }
+  
+  s.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.{metallib}']}
 
   if fabric_enabled
     install_modules_dependencies(s)
diff --git a/package.json b/package.json
index 4e6694a6f..98d8fa155 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,8 @@
     "e2e": "jest e2e",
     "generateE2eReferences": "ts-node e2e/generateReferences.ts",
     "check-archs-consistency": "node ./scripts/codegen-check-consistency.js",
-    "sync-archs": "node ./scripts/codegen-sync-archs.js"
+    "sync-archs": "node ./scripts/codegen-sync-archs.js",
+    "metal-to-ci": "node ./scripts/metal.js"
   },
   "peerDependencies": {
     "react": "*",
diff --git a/scripts/metal.js b/scripts/metal.js
new file mode 100644
index 000000000..1fff924fa
--- /dev/null
+++ b/scripts/metal.js
@@ -0,0 +1,49 @@
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+const ROOT_DIR = path.resolve(__dirname, '..');
+const FILTERS_DIR = path.resolve(ROOT_DIR, 'apple/Filters/MetalCI');
+
+function exec(command) {
+  execSync(command);
+}
+
+function clearGeneratedFiles() {
+  const files = fs.readdirSync(FILTERS_DIR);
+  console.log('Removing generated files...');
+  files.forEach((file) => {
+    const filePath = path.join(FILTERS_DIR, file);
+    const fileExtension = path.extname(file);
+    if (fileExtension === '.air' || fileExtension === '.metallib') {
+      exec(`rm -rf ${filePath}`);
+    }
+  });
+  console.log('Generated files removed.');
+}
+
+function generateMetallib() {
+  const files = fs.readdirSync(FILTERS_DIR);
+  files.forEach((file) => {
+    const filePath = path.join(FILTERS_DIR, file);
+    const filePathWithoutExt = path
+      .join(FILTERS_DIR, file)
+      .replace('.metal', '');
+    const fileName = path.basename(filePath).replace('.metal', '');
+    const fileExtension = path.extname(file);
+    if (fileExtension === '.metal') {
+      console.log('Compiling Metal file:', fileName + '.metal');
+      exec(
+        `xcrun -sdk iphoneos metal -fcikernel -c ${filePathWithoutExt}.metal -o ${filePathWithoutExt}.air`
+      );
+      console.log(' ├─', fileName + '.air');
+      exec(
+        `xcrun -sdk iphoneos metallib -cikernel ${filePathWithoutExt}.air -o ${filePathWithoutExt}.metallib`
+      );
+      console.log(' └─', fileName + '.metallib');
+    }
+  });
+}
+
+clearGeneratedFiles();
+generateMetallib();

From 73a46e00ebd46ba30ddc6f9911e4e4719183d6a9 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Wed, 28 Aug 2024 15:34:08 +0200
Subject: [PATCH 04/17] feat: create composite Xor and Arithmetic kernels

---
 .../Filters/MetalCI/RNSVGArithmeticFilter.air | Bin 0 -> 3856 bytes
 apple/Filters/MetalCI/RNSVGArithmeticFilter.h |  10 ++
 .../MetalCI/RNSVGArithmeticFilter.metal       |  27 ++++
 .../MetalCI/RNSVGArithmeticFilter.metallib    | Bin 0 -> 3991 bytes
 .../Filters/MetalCI/RNSVGArithmeticFilter.mm  | 123 ++++++++++++++++++
 apple/Filters/MetalCI/RNSVGCompositeXor.air   | Bin 0 -> 3392 bytes
 apple/Filters/MetalCI/RNSVGCompositeXor.h     |   6 +
 apple/Filters/MetalCI/RNSVGCompositeXor.metal |  21 +++
 .../MetalCI/RNSVGCompositeXor.metallib        | Bin 0 -> 3504 bytes
 apple/Filters/MetalCI/RNSVGCompositeXor.mm    |  93 +++++++++++++
 10 files changed, 280 insertions(+)
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.air
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.h
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.metallib
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.air
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.h
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.metal
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.metallib
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.mm

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.air b/apple/Filters/MetalCI/RNSVGArithmeticFilter.air
new file mode 100644
index 0000000000000000000000000000000000000000..13fb99360993c99efdc95193f5d5be064d3ce139
GIT binary patch
literal 3856
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
P(~=eccU;DE`EmI#@%S_+

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.h b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
new file mode 100644
index 000000000..1f8f88c6b
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
@@ -0,0 +1,10 @@
+@interface RNSVGArithmeticFilter : CIFilter {
+  CIImage *inputImage1;
+  CIImage *inputImage2;
+  NSNumber *inputK1;
+  NSNumber *inputK2;
+  NSNumber *inputK3;
+  NSNumber *inputK4;
+}
+
+@end
diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal b/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
new file mode 100644
index 000000000..91d8364b5
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
@@ -0,0 +1,27 @@
+//
+//  RNSVGArithmeticFilter.metal
+//  RNSVG
+//
+//  Created by Jakub Grzywacz on 28/08/2024.
+//
+
+#include <metal_stdlib>
+using namespace metal;
+#include <CoreImage/CoreImage.h>
+
+
+extern "C" float4 arithmeticComposite(coreimage::sample_t in1, coreimage::sample_t in2, float k1, float k2, float k3, float k4)
+{
+//   float4 res = k1 * in1 * in2 + k2 * in1 + k3 * in2 + k4;
+//    
+//    return res;
+    float4 arithmeticResult;
+    arithmeticResult.rgb = k1 * in1.rgb * in2.rgb + k2 * in1.rgb + k3 * in2.rgb + k4;
+    arithmeticResult.a = k1 * in1.a * in2.a + k2 * in1.a + k3 * in2.a + k4;
+
+    // Clamp results between [0..1]
+    arithmeticResult.rgb = clamp(arithmeticResult.rgb, 0.0, 1.0);
+    arithmeticResult.a = clamp(arithmeticResult.a, 0.0, 1.0);
+
+    return arithmeticResult;
+}
diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.metallib b/apple/Filters/MetalCI/RNSVGArithmeticFilter.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..bc3fc3c9f4adab751d1a1288752884ef45e071c9
GIT binary patch
literal 3991
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm b/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
new file mode 100644
index 000000000..1b8f37bb1
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
@@ -0,0 +1,123 @@
+#import "RNSVGArithmeticFilter.h"
+
+static CIColorKernel *arithmeticFilter = nil;
+
+@implementation RNSVGArithmeticFilter
+
+- (id)init
+{
+  if (arithmeticFilter == nil) {
+    NSBundle *frameworkBundle = [NSBundle bundleForClass:[self class]];
+    NSURL *bundleUrl = [frameworkBundle.resourceURL URLByAppendingPathComponent:@"RNSVGFilters.bundle"];
+    NSBundle *bundle = [NSBundle bundleWithURL:bundleUrl];
+    NSURL *url = [bundle URLForResource:@"RNSVGArithmeticFilter" withExtension:@"metallib"];
+    NSLog(@"%@", url);
+    if (url != nil) {
+      NSError *error = nil;
+      NSData *data = [NSData dataWithContentsOfURL:url options:0 error:&error];
+
+      if (error) {
+        NSLog(@"%@", error);
+        @throw [NSException exceptionWithName:@"KernelInitializationException"
+                                       reason:error.localizedDescription
+                                     userInfo:nil];
+      }
+
+      @try {
+        arithmeticFilter = [CIColorKernel kernelWithFunctionName:@"arithmeticComposite"
+                                            fromMetalLibraryData:data
+                                                           error:&error];
+        if (error) {
+          NSLog(@"%@", error);
+          @throw [NSException exceptionWithName:@"KernelInitializationException"
+                                         reason:error.localizedDescription
+                                       userInfo:nil];
+        }
+      } @catch (NSException *exception) {
+        NSLog(@"%@", exception);
+      }
+    }
+  }
+  return [super init];
+}
+
+- (NSDictionary *)customAttributes
+{
+  //    CIImage  *inputImage1;
+  //    CIImage  *inputImage2;
+  //    NSNumber *inputK1;
+  //    NSNumber *inputK2;
+  //    NSNumber *inputK3;
+  //    NSNumber *inputK4;
+  return @{
+    @"inputImage1" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"CIImage",
+      kCIAttributeDisplayName : @"in1",
+      kCIAttributeType : kCIAttributeTypeImage
+    },
+    @"inputImage2" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"CIImage",
+      kCIAttributeDisplayName : @"in2",
+      kCIAttributeType : kCIAttributeTypeImage
+    },
+    @"inputK1" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"NSNumber",
+      kCIAttributeDisplayName : @"k1",
+      kCIAttributeType : kCIAttributeTypeScalar
+    },
+    @"inputK2" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"NSNumber",
+      kCIAttributeDisplayName : @"k2",
+      kCIAttributeType : kCIAttributeTypeScalar
+    },
+    @"inputK3" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"NSNumber",
+      kCIAttributeDisplayName : @"k3",
+      kCIAttributeType : kCIAttributeTypeScalar
+    },
+    @"inputK4" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"NSNumber",
+      kCIAttributeDisplayName : @"k4",
+      kCIAttributeType : kCIAttributeTypeScalar
+    },
+  };
+}
+
+- (CIImage *)outputImage
+{
+  CISampler *in1 = [CISampler samplerWithImage:inputImage1];
+  CISampler *in2 = [CISampler samplerWithImage:inputImage2];
+
+  return [arithmeticFilter applyWithExtent:inputImage1.extent
+                               roiCallback:^CGRect(int index, CGRect rect) {
+                                 return rect;
+                               }
+                                 arguments:@[ in1, in2, inputK1, inputK2, inputK3, inputK4 ]];
+}
+
++ (void)initialize
+{
+  [CIFilter
+      registerFilterName:@"arithmeticComposite"
+             constructor:(id<CIFilterConstructor>)self
+         classAttributes:@{
+           kCIAttributeFilterDisplayName : @"RNSVG Arithmetic Composite",
+           kCIAttributeFilterCategories :
+               @[ kCICategoryColorAdjustment, kCICategoryStillImage, kCICategoryInterlaced, kCICategoryNonSquarePixels ]
+         }];
+}
+
++ (CIFilter *)filterWithName:(NSString *)name
+{
+  CIFilter *filter;
+  filter = [[self alloc] init];
+  return filter;
+}
+
+@end
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.air b/apple/Filters/MetalCI/RNSVGCompositeXor.air
new file mode 100644
index 0000000000000000000000000000000000000000..34806711ffe57c178b96dbf1ab884b438fe9320a
GIT binary patch
literal 3392
zcmcIne^gub75|0@c`1aK&@vlJ5?>nX(v}~O1Ziks0zsOdQcswj2Y0%WM+haBz~d$S
zNIEqk(1%Cd(#k9zyK}<yY}L6Ps<o@O#{t0>F|~+Vv11*vRH>sKM_CU}Pq+I8scqfA
z`=0mxb?<%md++^zzn^#C#lf{n2udncT{1%dfl_K7ym&7V2%yzSnGC-?VHEQ<QiT2;
zhfq?S20@4Jf=ULo2TDfcw~OWaf`g(?>4pSJnmYc;8o&JhxYC13rJZtps!^iYk*F{2
zws0dFZP{v}M_zI;u69&%G?g}&chhf+^rfAOO}b5?++PgrK0uF*g5D=+gi@f_ua~T%
zYs!&kb4H(BvjLj4A4<Dk2-!+&checQ9sXxUigFqm%HrQH9#o1HM~aiR(zlpl6ix9D
zGjWwYprcZO&~E6{uWJ{ve<CJfP=<`?1`46XSz^6%TBM$dspk8Wqy6eBR(WAiIo+Rp
zL8F`%sgN%u_;jS7A-xizRVU>8g*FS>78dvrNh>D<D)d{`#E|NOUo{p}4hK{h2GwJ%
zayF)#=}*3<QH=)F<Dzb&V34qJLR&r2d_?frNFQkEBmI~X^l+rRPsnG;_WEF}g!C1Y
ze)UYhdQ3!5#Xy^Ccu4gr7$#C*2&;y%wlL{EBJfDk)-L4t2_7TarX%@!;!z#xZ5O=t
zgxfFV*9%;j^q|=i_2>OcG_1PVpA6$+k$PIAnu;m!P}S`X3!Fk|sVCY)0(MP7`r1iQ
z)qI3>GvMjcLgTRLJfc4bdo;>u|Nn}TjnKrSjSaL|L?=MJw?o|VIa#y67)H>)#92u1
z0I{_`$oa{3o4|wnU~_lS#1UIL!Z^vLUmh3FhsoAr(q|(*O9NMkY7Ud_@QjPE_(|W=
zgNYDFIoTQ}VE|J%P5Ky;50fx}>1`Tpw{vZGaAmitvdQ@3TU6O(w`sP?JYc|0+ibGi
z7m|6Gtl~jNPD1Ol$(m_w{CDlR_`00*(xi_jTR?cJ1u@==efh2hF)Mz{cT0=4A(Ah~
z$~hXxXL;(HrtlJ=4M!klcqX*==O20>{?X$vM*i`}V&+Gm{WEs-M#8WE^5Ny&M{gWF
z6tVl>QT^`sS1+HRdhD^T7}xrhqvF*oj<3G?F!TM$9Q(zFmIwZLCU!FU@pJDl=&xtB
zz4p!mv(J*iz+Q?F^5d-paIiGUbz?aQg%a={CqmV$;dZ7}gnCxpv+Z=e`K9%`K&ejn
zVq<ZjLl;W%*XW2>j&^n<bQDg*A&@sn{K}D-vMyCr)NM9)MtVy9aE9SJG)q54va51x
z!A}{arE0hW@AfO}n1m&<V0x4&8Z{U75Jl1U9=JaHB&63Oa2)C5h}L$2qlL6+3N;s^
zVvMYjkzJan=B<=LKBBs)QBG=9!>qcFdBSumXc{*c93u)(1q(X~Q*=JH)kf~CC%4qY
zu_U+n1ui6THnLSmwk{@s+BUyXEfJa(0^cWi`vRHQ=BaDb)V~I)Ifkei?N`q9<4XZ8
z0LYj|ITBEfvEuU~bHS*&pl_)?5i$0fjopN)H<AO3e$!$4fG`b2q-UH0S0(UV&{K~u
zg-0QH!a~}+56Z3~*%wx7CPZB-mc?jl4!odss;MFMaEW?Cqnrw;r>2zvT%U{7b&5*k
zfO+fTpebt2_|_4d(AG}2_f=Lbgk(4Z>PMEKNu#<rq<Rbx4-D3*=2`KsuAng*F%6iD
zARyli7tWYX-7t;xyp;%^3T<Ey;1YmLUtsqoIW;#(UA9tRGTNbu5`fLMlQGprFu;;#
z8VD903#NBQj6LRpXr%DOP{C*fd@PJwjx|e2u&NmXSS6(W^)xkSlU<z_&(pHYjO;Qk
zyKbc#<<upHg6Wsj;w#hCjFnnsw4cne7*r=?Yv(ioJE{?l3U+W-b9Wv68`CLs(FvlU
zH&_s@It9BA&icSki_pfA2zhCQCgF_nY71@dmZq)Z^%hzi=s9rUy|S=eS6i5?Fa2dm
z^L$n1o5Yh7Rg+>@XiZv_X;7w(lnlWa@xihk^g|Bb?QCjnv)8kHwcF`))bXs#k;OGR
z8$Ax5b@JIRw!OO6(dx82s%u*6>Og*lYHw<Ed)P+Lopet<?_g{9@J%h;_gId0PYdt3
zsR9dDxA9JoquO%^%gwsDhHqE1J3*1N!Q*ViYqR{GYLAz5R5yaDbq!6dCvSy}DbB`R
zXQLid>`gAt+2F{obu>2dE_ZdU)6Ld2IBsRtv2IVbi}lo3I~u>o!=YIAxw_8bv9HLK
za9|kia(LJVx^+2zv_a444cWQ(ZlQHcj5<fwP144lSTyG+ZjjA+gx%XxvxoP2+gQ6V
z$I3T7;;?(%IS>fDC##Y5I9nZA?$$jyEM6q19Gu2)Eom@s&-w8K4?eWb3~n{KA!b!g
zusv8eLgH<35TGy})_AQ%Z0N8`w34@ACf7>t&+V`(U<Mtnl@LJ8&`P@W9o9^P^dasn
zV=K*%gp<!pgXIkd=}(WIW$I4@K{X`}?)L!Ule3I2$zUE78x*#1X2qqb%{DficTU=o
zeriY>`AEz$W^`6wW{97V4&_B`T_Q!a*jnQc3`t8`?1)pIX<mM6Xz{JjVffCkI}va^
z{7m|IpeOzwoi;!JWd5P!TVC0ET))<EeBjmBD_7?#2)&Ll7>PU!aj!+2x$|8|rmGiG
zeBzF$-D&&w26xyuf9(rCzhj^KxpW64A$`GJlaq57c2A6sP0g0Cnxzj7<Q1$vsek?T
zV_W`Q*|F8K33PO2MX$b`J@@k5JAbNZ%)WZo)jLQX#2TO7_lKv`H-D|iTKS~Co6|R(
zfCTYH!14_c+oVKZ2N+5Es<=M5mk~gtg7HYlr^?gIsRzy);NoKJxhwCIjrz<AkS3eK
zz$W|5N-Yfd1Eg2Cgt+YjpasU8D(-N^cuZt^Az0KKiQ5a{t%T%didN3BxSb8Chgs!#
zzjAaLB-kO5Y=M@=tTOm+;QfA24tozh87+JvXgUnQOB98Jg#f~#2z<y8OCwYa{hIia
zOb|sl5#D7$9(!^z-Gi*p3`x)xW!d_8*^ojc>7Z{smExx*9n;0R>xzx*KsG4t3H4|g
z$-0uobGh;o{ir-uD(+g8>B~k9`<a5#_}G1C!tv*5^MFN>`pK`hp&LPIK+C%Q_pLv;
zXrJ%Cj}pO)sU^otjB*v|JI~NNT@*1fc{*kLxwwiq7cvJs^H!(qysOl*%lce*Mo|*;
z)x@i4&4i^a@8j}P=7Wys5;c{gCSANa>*P}mu%6BVnZF&+wd}HOlmPMX^8H?^^tGzD
zku)MoEi>HT*OIv+_VFr_)Vvg@W_mf-*HiNKo#+jmx-At4<okESXf@G0j|upH07z&R
z)C#CLhE-5;!9AXHcmm}I-_}jg<J=p+hsz2dkFoqpS>fXz=jbS7ne#Is;PVAG+=JyY
jY^~hyn;-(9m7kZjgbG>CCU@?Z?7VE||BETh)*<v?J6(_T

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.h b/apple/Filters/MetalCI/RNSVGCompositeXor.h
new file mode 100644
index 000000000..c2493b417
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.h
@@ -0,0 +1,6 @@
+@interface RNSVGCompositeXor : CIFilter {
+  CIImage *inputImage1;
+  CIImage *inputImage2;
+}
+
+@end
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.metal b/apple/Filters/MetalCI/RNSVGCompositeXor.metal
new file mode 100644
index 000000000..c100bfa64
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.metal
@@ -0,0 +1,21 @@
+//
+//  RNSVGCompositeXor.metal
+//  RNSVG
+//
+//  Created by Jakub Grzywacz on 28/08/2024.
+//
+
+#include <metal_stdlib>
+using namespace metal;
+#include <CoreImage/CoreImage.h>
+
+// Porter-Duff XOR composition
+extern "C" float4 compositeXor(coreimage::sample_t in1, coreimage::sample_t in2)
+{
+    float4 result;
+    
+    result.rgb = in1.rgb * (1.0 - in2.a) + in2.rgb * (1.0 - in1.a);
+    result.a = in1.a + in2.a - 2.0 * in1.a * in2.a;
+    
+    return result;
+}
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.metallib b/apple/Filters/MetalCI/RNSVGCompositeXor.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..c92f817f83c2a92f4c3fa86c6ac552ee1d0d0aaa
GIT binary patch
literal 3504
zcmZu!4Ny~87QT-c@*;$nptJ^gNneb1V-<KLh(TaV2w)ts8`L_qYlj2~66NRd5+F&t
zo%~=Qou#|+XIeVz&W7D~$L)4@sC6B8>$Z@nMK@MtI=hTz7^rBmgD$&uTW8vF_uL@<
zw0kG_o_o(Z_uO;Nz3;m>+jrGe5GVyvhzMmO2^z{k$x^pSQ0N}LbC0t3sESzZ$d>r`
z#u51<0}t`sXUyBHGEiej8{gq}d7O0}0^0SQt%^XYR`X6Pi;BD_b_BNk>)47_FPwjV
zf9T3LCf}PMe6-GcvS>~1KY#aa&5x_Acd72J@k6q^YR66)crQgHBGC5AozKhAk_T1K
zRPK8A*{zjIG{D?Fe)fw3??*4qjQKWe|B59n7~4^`YX^a(<{evhq@xs9djXQV+6_pG
z<v1=(r-oOi<8`y3dLg#|LaDF}Pi+JS3A_e5w<e%W9mR4j$gia!l%ApmpAdQ+Dizcn
zG>=NQN|lD<LqxB9ZK^C=Bl%fFKv|ViaVWi_S82#H$yD3Y3>AG={)|>vxm@g5nh&Kk
zjmqB3VlCBu?0Lda(W`n&|5T*lrJ+3s*)yYH_f;05OrVC<vSn;THPWtMGoaM2g(mw)
z@&j*0>=jLW*fmX|z?+1snnlJ+$@%hOhEN?V&(O)waxs+148*vU+J3N63klu>H0NvG
z9ULFQr4B2Q3Ef2zlr~4MW~K?v?2LM0Fe5RjnRGB$hMDQXj4N7Zj!+|iMD**a07v;`
zVz*u_3Wz;cswXN65sGCdf@<^|_4tVTN<e*KhKU8$SB5ng9L(H|dUi15mR3C))Qk~*
zWbrU*=f$2Dvh$eeu~UAqFhB(`C+y)V_kdW$QQnqtw~X?aQvuEFpymR>PR@Web!<d^
z9ULPxSEA||wicy)$3y|idc0!Mfaoz%J$g!LA%Ci;d|uJlLb?NDQH#h&DG!=6YrY(0
zP)t2Fm;wD5p_$gICuf-Nnd<XJMP4O#wUFM3h(l9RelG>4I*(Cq4kAr1GzN<<Aofe}
zN6RDz|6i8uq*j8~wX#xzO@(}Kg}mc)vf`EU<Pl%-4sWG=L*(X`Fdv}2c2R)v!RNkk
z2~Te3Nz(+Mb8Sqz5T&}yDZicaBs*;px-&|7;Ws9|5up6ZA7(-xl~i|>f({JbEam4Y
zAxc39hL2dVKPt6<PpWvtlwBc|KV-_Tc*L?@;Q<Hk`({@>x{$(`^hy97B?WDpUD3&6
z=O46V(yx`2kEQ%9)dkAQ7SseAj^#lMYBoH}|4@sqAxbF6#(5U!XK~mzP2(lN8qPpw
zEHWHPvr86}zldAX$OLP<4IcrUE<tIqCk73CNtrc~{$)>YIVZ8aBj|sflBMrUSr=Na
z?`=>Kdh+;ty?qG12Rru$=o@7L=FAM!oJExNSxmk0{)zycH#oYT^6N-(Q%T<r&_;QM
z29E0|gG@7*np6wtB*?N+OIbfzmhkq&QGZcJ`K%((Q+}T8_KG|!W+yV~`3OD3DcU*3
z)dhONMjMr9)Kgk!LaUBBG|k+rC8xtBW0v9*Wa;T}X)jrlSjg(OQ!lnqn_A!qQJVrH
z9}#&w)vc$x@1%m+o`6^{6FXI+Fd+H{f*Wov(6^@P{|wXf9N92B$jlDn0}L&E>=(4m
znV|ZDL;ClKrFhg*JdkWp#Z5;nrarRdNIV}F{Vr7UDOoZUmw)UM`8rYH!=4s=fITYF
z6BV;R*{QgN6#ur-vl04gxnhQ;=OGGKubv#y#LSv;Ei)O^OinWZGG7v!W>u|e$g=rp
zxFlg)b1x9P*yE+V1GP1`BMO`W&AudzXw_3A>X!kXz+tU=!6DssAZ$v+ONK0EkdW_U
zrL&fjJ{ZRP&!$17Vh{KO7y^JW5ZrTBNzV_{*KG7xoNi>?3=p?+Vn#g$4p_5GhQehh
z!a2QhQ@^D+5idP8Qal=m7)uk@6P+>&yy}Dm)`{7loulXNiks8Y1y*s5Q(R*eU)$(*
zC4H5nVffXw^u{zjYoqUQy3gkw7yu_`R?ceyBGhNJYS_U!?Gw%HuS!l^%1)8RN5aL4
zy3?@x5Ud~kw2D1Eg^-U$Xadfdps})+K6&;s!C+-|!Ty5>FIPsD`liwXL&eV{+TYgI
zen>uk(wuWb|JsV|1lP)BpD~ZX?d5O@d2J4FeUr1>)#$8m=xT0u3hpItV@JE&<7oGM
zpYLfAoQ|fwLPr<>1Ci6~=@OjxO<=|P9s%z6de8SnZbuv63ajm`+{W$(>gs6kX>4%_
z^=_Bn*(^BPoVk35tKH)ius@A1SjyGvakb--L)csI@$t_3c2H|>?QnPsm)MvC7dBki
z$!YMsaJ4$~nw;$&LYuq3$>nx5v^pOaH9Op%`ZkBBrQX^80~vN>F)Q`WPEX^Kj+qD7
z**2%g(aLr&`py~+oWYn^uyGTsPYRlyx%XM?wqw=&XWgKizt6G1t6{I;_w_g${rNVb
zW1q9p<IaavHF|Q}9UfP=GuPd{H{XF5$*+c>@vNi;%hvoI&+Od2#q!XrDKEJiLeed8
z5TI}&n?xr&07R~nr51#2SuiRH**Tr;ER0y4tjZ9w>2)#^R5lppyZMV;U2J3Ap79TP
zxXKQUgTQ#DC_bc~lv_kEFpgj3TAxrQIDNX&GA1>u?9mN1R}*&6g;?Pwc`RpmL~c=?
zGBXKfxlwXi9xSwQ7t3u8W5E%*xvLTJ%*UOJzXn$N;1`fK4BsHsQ9@n!y7O|dU-G10
zS5)*t(Hkc>9p8M?u+n&P=>0#}E-z4#20dvsk%d-r<LKHA+dnz`$C~!Mn-|-T*fYju
z+YY<4x8<zu3m=V*&+a)lb!B>d;=+eh({tlflh>=WXYKSH`&iO!;c>&Jztn~{Tb}|O
z2XYfP-_4tUcm8in#)j!bX<+Ql7yocLXZ^Q^ZH?={71H;w&slp49&^73EME(`O-~c_
zfRU8Hjvs*UG7e}|JQfdKXU;7?6YvcWA1=n8#|y98=`U;mX^L44Y>F>z^zETQkn-u1
zi0c&rEim5H@kisP6GX{d;j$y~l>GqS3_LU@S!ULO+qs}7=3vGKnbAd%aEuU&+pJ>7
zrht0`@AqXT>^)E_QTkT6<R}0ySr!eK0tiRq_zH8d2$cg}Au(?NRfHd{yNt-wm{HF5
zBirjEGIWFK6;z556(I|;cVEj4u(Hr}dBLi3(<;yn%ljk!T28jgeCJYu(rg%2X33=o
z?kEhEqsCXb;!(-W(;r7Amsrb?Rh9MmFSek&VR=yJa0i}Vedtc(Lf_Lg0TZ*#C(S0M
z8the9aG!>LnWn8JI`k4t?gty?)}22&kL2NExwY}Lb8Ky}vvT}>bU42(ozuQnS$X(v
zR{p2?mo2L61>C0%y8hc6hG(~3N~!sV$f`6}4Rmc-QhrXRtu?o;KD4A@)n#68`fM2?
zw<Pn_$u7Rj4YYD~FM1n4vy#OLZ}TUhx12n(fEoDh4lJ|`Y7JDJ!#b$AV2Z~)9zc2Q
zUd8&jEYT%7<}E%WaPNT}>*4n_T9ag>7l47C1RwTc&cpwT?t=(`R#9PY5*2b?9qxin
Md4+l0;(Xlx4^iiIg8%>k

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.mm b/apple/Filters/MetalCI/RNSVGCompositeXor.mm
new file mode 100644
index 000000000..948022577
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.mm
@@ -0,0 +1,93 @@
+#import "RNSVGCompositeXor.h"
+
+static CIColorKernel *compositeXor = nil;
+
+@implementation RNSVGCompositeXor
+
+- (id)init
+{
+  if (compositeXor == nil) {
+    NSBundle *frameworkBundle = [NSBundle bundleForClass:[self class]];
+    NSURL *bundleUrl = [frameworkBundle.resourceURL URLByAppendingPathComponent:@"RNSVGFilters.bundle"];
+    NSBundle *bundle = [NSBundle bundleWithURL:bundleUrl];
+    NSURL *url = [bundle URLForResource:@"RNSVGCompositeXor" withExtension:@"metallib"];
+    NSLog(@"%@", url);
+    if (url != nil) {
+      NSError *error = nil;
+      NSData *data = [NSData dataWithContentsOfURL:url options:0 error:&error];
+
+      if (error) {
+        NSLog(@"%@", error);
+        @throw [NSException exceptionWithName:@"KernelInitializationException"
+                                       reason:error.localizedDescription
+                                     userInfo:nil];
+      }
+
+      @try {
+        compositeXor = [CIColorKernel kernelWithFunctionName:@"compositeXor" fromMetalLibraryData:data error:&error];
+        if (error) {
+          NSLog(@"%@", error);
+          @throw [NSException exceptionWithName:@"KernelInitializationException"
+                                         reason:error.localizedDescription
+                                       userInfo:nil];
+        }
+      } @catch (NSException *exception) {
+        NSLog(@"%@", exception);
+      }
+    }
+  }
+  return [super init];
+}
+
+- (NSDictionary *)customAttributes
+{
+  //    CIImage  *inputImage1;
+  //    CIImage  *inputImage2;
+  return @{
+    @"inputImage1" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"CIImage",
+      kCIAttributeDisplayName : @"in1",
+      kCIAttributeType : kCIAttributeTypeImage
+    },
+    @"inputImage2" : @{
+      kCIAttributeIdentity : @0,
+      kCIAttributeClass : @"CIImage",
+      kCIAttributeDisplayName : @"in2",
+      kCIAttributeType : kCIAttributeTypeImage
+    },
+  };
+}
+
+- (CIImage *)outputImage
+{
+  CISampler *in1 = [CISampler samplerWithImage:inputImage1];
+  CISampler *in2 = [CISampler samplerWithImage:inputImage2];
+
+  return [compositeXor applyWithExtent:inputImage1.extent
+                           roiCallback:^CGRect(int index, CGRect rect) {
+                             return rect;
+                           }
+                             arguments:@[ in1, in2 ]];
+}
+
++ (void)initialize
+{
+  [CIFilter
+      registerFilterName:@"compositeXor"
+             constructor:(id<CIFilterConstructor>)self
+         classAttributes:@{
+           kCIAttributeFilterDisplayName : @"RNSVG Composite XOR",
+           kCIAttributeFilterCategories :
+               @[ kCICategoryColorAdjustment, kCICategoryStillImage, kCICategoryInterlaced, kCICategoryNonSquarePixels ]
+         }];
+}
+
++ (CIFilter *)filterWithName:(NSString *)name
+{
+  CIFilter *filter;
+  filter = [[self alloc] init];
+  return filter;
+}
+
+@end

From a622190db4d5aee67614b2f89ef03d823b2e7e1d Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 10:31:10 +0200
Subject: [PATCH 05/17] feat: implement FeComposite on Android

---
 .../java/com/horcrux/svg/FeCompositeView.java | 132 ++++++++++++++++++
 .../com/horcrux/svg/FilterProperties.java     |  37 +++++
 .../horcrux/svg/RenderableViewManager.java    |  50 +++++++
 .../main/java/com/horcrux/svg/SvgPackage.java |   9 ++
 react-native.config.js                        |   1 +
 src/elements/filters/FeComposite.tsx          |   7 +-
 src/fabric/FeCompositeNativeComponent.ts      |   4 +-
 7 files changed, 231 insertions(+), 9 deletions(-)
 create mode 100644 android/src/main/java/com/horcrux/svg/FeCompositeView.java

diff --git a/android/src/main/java/com/horcrux/svg/FeCompositeView.java b/android/src/main/java/com/horcrux/svg/FeCompositeView.java
new file mode 100644
index 000000000..eee8514d1
--- /dev/null
+++ b/android/src/main/java/com/horcrux/svg/FeCompositeView.java
@@ -0,0 +1,132 @@
+package com.horcrux.svg;
+
+import android.annotation.SuppressLint;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.PorterDuff;
+import android.graphics.PorterDuffXfermode;
+import com.facebook.react.bridge.ReactContext;
+import java.util.HashMap;
+
+@SuppressLint("ViewConstructor")
+class FeCompositeView extends FilterPrimitiveView {
+  String mIn1;
+  String mIn2;
+  float mK1;
+  float mK2;
+  float mK3;
+  float mK4;
+  FilterProperties.FeCompositeOperator mOperator;
+
+  public FeCompositeView(ReactContext reactContext) {
+    super(reactContext);
+  }
+
+  public void setIn1(String in1) {
+    this.mIn1 = in1;
+    invalidate();
+  }
+
+  public void setIn2(String in2) {
+    this.mIn2 = in2;
+    invalidate();
+  }
+
+  public void setK1(Float value) {
+    this.mK1 = value;
+    invalidate();
+  }
+
+  public void setK2(Float value) {
+    this.mK2 = value;
+    invalidate();
+  }
+
+  public void setK3(Float value) {
+    this.mK3 = value;
+    invalidate();
+  }
+
+  public void setK4(Float value) {
+    this.mK4 = value;
+    invalidate();
+  }
+
+  public void setOperator(String operator) {
+    this.mOperator = FilterProperties.FeCompositeOperator.getEnum(operator);
+    invalidate();
+  }
+
+  @Override
+  public Bitmap applyFilter(HashMap<String, Bitmap> resultsMap, Bitmap prevResult) {
+    Bitmap in1 = getSource(resultsMap, prevResult, this.mIn1);
+    Bitmap in2 = getSource(resultsMap, prevResult, this.mIn2);
+    Bitmap result = Bitmap.createBitmap(in1.getWidth(), in1.getHeight(), Bitmap.Config.ARGB_8888);
+    Canvas canvas = new Canvas(result);
+    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
+    canvas.drawBitmap(in1, 0, 0, paint);
+
+    switch (this.mOperator) {
+      case OVER -> {
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER));
+      }
+      case IN -> {
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
+      }
+      case OUT -> {
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
+      }
+      case ATOP -> {
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP));
+      }
+      case XOR -> {
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.XOR));
+      }
+      case ARITHMETIC -> {
+        // result = k1*i1*i2 + k2*i1 + k3*i2 + k4
+        int nPixels = result.getWidth() * result.getHeight();
+        int[] pixels1 = new int[nPixels];
+        int[] pixels2 = new int[nPixels];
+        result.getPixels(
+            pixels1, 0, result.getWidth(), 0, 0, result.getWidth(), result.getHeight());
+
+        for (int i = 0; i < nPixels; i++) {
+          int color1 = pixels1[i];
+          int color2 = pixels2[i];
+
+          int r1 = (color1 >> 16) & 0xFF;
+          int g1 = (color1 >> 8) & 0xFF;
+          int b1 = color1 & 0xFF;
+          int a1 = (color1 >>> 24);
+          int r2 = (color2 >> 16) & 0xFF;
+          int g2 = (color2 >> 8) & 0xFF;
+          int b2 = color2 & 0xFF;
+          int a2 = (color2 >>> 24);
+
+          int rResult = (int) (mK1 * r1 * r2 + mK2 * r1 + mK3 * r2 + mK4);
+          int gResult = (int) (mK1 * g1 * g2 + mK2 * g1 + mK3 * g2 + mK4);
+          int bResult = (int) (mK1 * b1 * b2 + mK2 * b1 + mK3 * b2 + mK4);
+          int aResult = (int) (mK1 * a1 * a2 + mK2 * a1 + mK3 * a2 + mK4);
+
+          rResult = Math.min(255, Math.max(0, rResult));
+          gResult = Math.min(255, Math.max(0, gResult));
+          bResult = Math.min(255, Math.max(0, bResult));
+          aResult = Math.min(255, Math.max(0, aResult));
+
+          int pixel = (aResult << 24) | (rResult << 16) | (gResult << 8) | bResult;
+          pixels1[i] = pixel;
+        }
+
+        result.setPixels(
+            pixels1, 0, result.getWidth(), 0, 0, result.getWidth(), result.getHeight());
+      }
+    }
+
+    if (this.mOperator != FilterProperties.FeCompositeOperator.ARITHMETIC) {
+      canvas.drawBitmap(in2, 0, 0, paint);
+    }
+
+    return result;
+  }
+}
diff --git a/android/src/main/java/com/horcrux/svg/FilterProperties.java b/android/src/main/java/com/horcrux/svg/FilterProperties.java
index 73d3b647b..f6391ec5b 100644
--- a/android/src/main/java/com/horcrux/svg/FilterProperties.java
+++ b/android/src/main/java/com/horcrux/svg/FilterProperties.java
@@ -107,4 +107,41 @@ public String toString() {
       return type;
     }
   }
+
+  enum FeCompositeOperator {
+    OVER("over"),
+    IN("in"),
+    OUT("out"),
+    ATOP("atop"),
+    XOR("xor"),
+    ARITHMETIC("arithmetic"),
+    ;
+
+    private final String type;
+
+    FeCompositeOperator(String type) {
+      this.type = type;
+    }
+
+    static FeCompositeOperator getEnum(String strVal) {
+      if (!typeToEnum.containsKey(strVal)) {
+        throw new IllegalArgumentException("Unknown String Value: " + strVal);
+      }
+      return typeToEnum.get(strVal);
+    }
+
+    private static final Map<String, FeCompositeOperator> typeToEnum = new HashMap<>();
+
+    static {
+      for (final FeCompositeOperator en : FeCompositeOperator.values()) {
+        typeToEnum.put(en.type, en);
+      }
+    }
+
+    @Nonnull
+    @Override
+    public String toString() {
+      return type;
+    }
+  }
 }
diff --git a/android/src/main/java/com/horcrux/svg/RenderableViewManager.java b/android/src/main/java/com/horcrux/svg/RenderableViewManager.java
index 29600925f..e67c8a5b7 100644
--- a/android/src/main/java/com/horcrux/svg/RenderableViewManager.java
+++ b/android/src/main/java/com/horcrux/svg/RenderableViewManager.java
@@ -105,6 +105,8 @@
 import com.facebook.react.viewmanagers.RNSVGEllipseManagerInterface;
 import com.facebook.react.viewmanagers.RNSVGFeColorMatrixManagerDelegate;
 import com.facebook.react.viewmanagers.RNSVGFeColorMatrixManagerInterface;
+import com.facebook.react.viewmanagers.RNSVGFeCompositeManagerDelegate;
+import com.facebook.react.viewmanagers.RNSVGFeCompositeManagerInterface;
 import com.facebook.react.viewmanagers.RNSVGFeGaussianBlurManagerDelegate;
 import com.facebook.react.viewmanagers.RNSVGFeGaussianBlurManagerInterface;
 import com.facebook.react.viewmanagers.RNSVGFeMergeManagerDelegate;
@@ -590,6 +592,7 @@ protected enum SVGClass {
     RNSVGMask,
     RNSVGFilter,
     RNSVGFeColorMatrix,
+    RNSVGFeComposite,
     RNSVGFeGaussianBlur,
     RNSVGFeMerge,
     RNSVGFeOffset,
@@ -641,6 +644,8 @@ protected VirtualView createViewInstance(@Nonnull ThemedReactContext reactContex
         return new FilterView(reactContext);
       case RNSVGFeColorMatrix:
         return new FeColorMatrixView(reactContext);
+      case RNSVGFeComposite:
+        return new FeCompositeView(reactContext);
       case RNSVGFeGaussianBlur:
         return new FeGaussianBlurView(reactContext);
       case RNSVGFeMerge:
@@ -1605,6 +1610,51 @@ public void setValues(FeColorMatrixView node, @Nullable ReadableArray values) {
     }
   }
 
+  static class FeCompositeManager extends FilterPrimitiveManager<FeCompositeView>
+      implements RNSVGFeCompositeManagerInterface<FeCompositeView> {
+    FeCompositeManager() {
+      super(SVGClass.RNSVGFeComposite);
+      mDelegate = new RNSVGFeCompositeManagerDelegate(this);
+    }
+
+    public static final String REACT_CLASS = "RNSVGFeComposite";
+
+    @ReactProp(name = "in1")
+    public void setIn1(FeCompositeView node, String in1) {
+      node.setIn1(in1);
+    }
+
+    @ReactProp(name = "in2")
+    public void setIn2(FeCompositeView node, String in2) {
+      node.setIn2(in2);
+    }
+
+    @ReactProp(name = "operator1")
+    public void setOperator1(FeCompositeView node, String operator) {
+      node.setOperator(operator);
+    }
+
+    @ReactProp(name = "k1")
+    public void setK1(FeCompositeView node, float value) {
+      node.setK1(value);
+    }
+
+    @ReactProp(name = "k2")
+    public void setK2(FeCompositeView node, float value) {
+      node.setK2(value);
+    }
+
+    @ReactProp(name = "k3")
+    public void setK3(FeCompositeView node, float value) {
+      node.setK3(value);
+    }
+
+    @ReactProp(name = "k4")
+    public void setK4(FeCompositeView node, float value) {
+      node.setK4(value);
+    }
+  }
+
   static class FeGaussianBlurManager extends FilterPrimitiveManager<FeGaussianBlurView>
       implements RNSVGFeGaussianBlurManagerInterface<FeGaussianBlurView> {
     FeGaussianBlurManager() {
diff --git a/android/src/main/java/com/horcrux/svg/SvgPackage.java b/android/src/main/java/com/horcrux/svg/SvgPackage.java
index 21cfa39eb..63e21976c 100644
--- a/android/src/main/java/com/horcrux/svg/SvgPackage.java
+++ b/android/src/main/java/com/horcrux/svg/SvgPackage.java
@@ -223,6 +223,15 @@ public NativeModule get() {
                   return new FeColorMatrixManager();
                 }
               }));
+      specs.put(
+          FeCompositeManager.REACT_CLASS,
+          ModuleSpec.viewManagerSpec(
+              new Provider<NativeModule>() {
+                @Override
+                public NativeModule get() {
+                  return new FeCompositeManager();
+                }
+              }));
       specs.put(
           FeGaussianBlurManager.REACT_CLASS,
           ModuleSpec.viewManagerSpec(
diff --git a/react-native.config.js b/react-native.config.js
index 28470fcd2..a4fd8d682 100644
--- a/react-native.config.js
+++ b/react-native.config.js
@@ -18,6 +18,7 @@ module.exports = {
               'RNSVGClipPathComponentDescriptor',
               'RNSVGDefsComponentDescriptor',
               'RNSVGFeColorMatrixComponentDescriptor',
+              'RNSVGFeCompositeComponentDescriptor',
               'RNSVGFeGaussianBlurComponentDescriptor',
               'RNSVGFeMergeComponentDescriptor',
               'RNSVGFeOffsetComponentDescriptor',
diff --git a/src/elements/filters/FeComposite.tsx b/src/elements/filters/FeComposite.tsx
index 45f479f04..269650f85 100644
--- a/src/elements/filters/FeComposite.tsx
+++ b/src/elements/filters/FeComposite.tsx
@@ -1,11 +1,10 @@
-import { NativeMethods, Platform } from 'react-native';
+import { NativeMethods } from 'react-native';
 import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
 import {
   extractFeComposite,
   extractFilter,
 } from '../../lib/extract/extractFilter';
 import { NumberProp } from '../../lib/extract/types';
-import { warnUnimplementedFilter } from '../../lib/util';
 import FilterPrimitive from './FilterPrimitive';
 
 type FeCompositeOperator =
@@ -34,10 +33,6 @@ export default class FeComposite extends FilterPrimitive<FeCompositeProps> {
   };
 
   render() {
-    if (Platform.OS === 'android') {
-      warnUnimplementedFilter();
-      return null;
-    }
     return (
       <RNSVGFeComposite
         ref={(ref) =>
diff --git a/src/fabric/FeCompositeNativeComponent.ts b/src/fabric/FeCompositeNativeComponent.ts
index 583a6cce3..bdf2041ad 100644
--- a/src/fabric/FeCompositeNativeComponent.ts
+++ b/src/fabric/FeCompositeNativeComponent.ts
@@ -31,6 +31,4 @@ export interface NativeProps extends ViewProps, FilterPrimitiveCommonProps {
   k4?: Float;
 }
 
-export default codegenNativeComponent<NativeProps>('RNSVGFeComposite', {
-  excludedPlatforms: ['android'],
-});
+export default codegenNativeComponent<NativeProps>('RNSVGFeComposite');

From 16d648efbbb61fbf49efe9d126664a805798b653 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 10:33:13 +0200
Subject: [PATCH 06/17] fix: filter bitmap sizes

---
 .../main/java/com/horcrux/svg/RenderableView.java  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/android/src/main/java/com/horcrux/svg/RenderableView.java b/android/src/main/java/com/horcrux/svg/RenderableView.java
index 7ee5e68bc..32830cde0 100644
--- a/android/src/main/java/com/horcrux/svg/RenderableView.java
+++ b/android/src/main/java/com/horcrux/svg/RenderableView.java
@@ -352,22 +352,28 @@ void render(Canvas canvas, Paint paint, float opacity) {
         Paint bitmapPaint = new Paint(Paint.FILTER_BITMAP_FLAG);
         canvas.saveLayer(null, bitmapPaint);
 
-        Rect canvasBounds = this.getSvgView().getCanvasBounds();
+        Bitmap backgroundBitmap = this.getSvgView().getCurrentBitmap();
 
         // draw element to self bitmap
         Bitmap elementBitmap =
             Bitmap.createBitmap(
-                canvasBounds.width(), canvasBounds.height(), Bitmap.Config.ARGB_8888);
+                backgroundBitmap.getWidth(), backgroundBitmap.getHeight(), Bitmap.Config.ARGB_8888);
         Canvas elementCanvas = new Canvas(elementBitmap);
 
+        Matrix canvasMatrix = canvas.getMatrix();
+        elementCanvas.concat(canvasMatrix);
         draw(elementCanvas, paint, opacity);
 
         // apply filters
-        Bitmap backgroundBitmap = this.getSvgView().getCurrentBitmap();
         elementBitmap =
             filter.applyFilter(
-                elementBitmap, backgroundBitmap, elementCanvas.getClipBounds(), canvasBounds);
+                elementBitmap,
+                backgroundBitmap,
+                elementCanvas.getClipBounds(),
+                this.getSvgView().getCanvasBounds());
 
+        canvasMatrix.invert(canvasMatrix);
+        canvas.concat(canvasMatrix);
         // draw bitmap to canvas
         canvas.drawBitmap(elementBitmap, 0, 0, bitmapPaint);
       } else {

From e27af892af91cfa80b9aa34880524b4421283273 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 10:39:34 +0200
Subject: [PATCH 07/17] docs: add examples for FeComposite

---
 .../src/examples/Filters/FeComposite.tsx      | 259 ++++++++++++++++++
 .../src/examples/Filters/examples.tsx         |   2 +
 .../src/examples/Filters/feComposite.png      | Bin 0 -> 6839 bytes
 3 files changed, 261 insertions(+)
 create mode 100644 apps/examples/src/examples/Filters/FeComposite.tsx
 create mode 100644 apps/examples/src/examples/Filters/feComposite.png

diff --git a/apps/examples/src/examples/Filters/FeComposite.tsx b/apps/examples/src/examples/Filters/FeComposite.tsx
new file mode 100644
index 000000000..f660fac5b
--- /dev/null
+++ b/apps/examples/src/examples/Filters/FeComposite.tsx
@@ -0,0 +1,259 @@
+import React, {Component} from 'react';
+import {Image, Text as RNText} from 'react-native';
+import {
+  Defs,
+  FeComposite,
+  FeOffset,
+  Filter,
+  G,
+  Path,
+  Rect,
+  Svg,
+  Text,
+  Use,
+} from 'react-native-svg';
+
+class QuickTestExample extends Component {
+  static title = 'QuickTestExample';
+  render() {
+    return (
+      <Svg width="200" height="200">
+        <Filter id="offset" width="180" height="180">
+          <FeComposite in="SourceGraphic" in2="BackgroundImage" operator="in" />
+        </Filter>
+        <Rect x="50" y="50" width="100" height="100" fill="red" />
+        <Rect
+          x="0"
+          y="0"
+          width="100"
+          height="100"
+          fill="blue"
+          filter="url(#offset)"
+        />
+      </Svg>
+    );
+  }
+}
+
+class ReferenceExample extends Component {
+  static title = 'Composite';
+  render() {
+    return (
+      <>
+        <Svg width="330" height="135" viewBox="0 0 1100 325">
+          <Defs>
+            <Filter
+              id="overNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                operator="over"
+                result="comp"
+              />
+            </Filter>
+            <Filter
+              id="inNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                operator="in"
+                result="comp"
+              />
+            </Filter>
+            <Filter
+              id="outNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                operator="out"
+                result="comp"
+              />
+            </Filter>
+            <Filter
+              id="atopNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                operator="atop"
+                result="comp"
+              />
+            </Filter>
+            <Filter
+              id="xorNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                operator="xor"
+                result="comp"
+              />
+            </Filter>
+            <Filter
+              id="arithmeticNoFlood"
+              filterUnits="objectBoundingBox"
+              x="-5%"
+              y="-5%"
+              width="110%"
+              height="110%">
+              <FeComposite
+                in="SourceGraphic"
+                in2="BackgroundImage"
+                result="comp"
+                operator="arithmetic"
+                k1=".5"
+                k2=".5"
+                k3=".5"
+                k4=".5"
+              />
+            </Filter>
+            <Path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
+            <Path id="Red100" d="M 0 0 L 0 100 L 100 0 z" fill="#ff00ff" />
+            <Path
+              id="Blue50"
+              d="M 0 125 L 100 125 L 100 225 z"
+              fill="#00ffff"
+              fillOpacity="0.5"
+            />
+            <Path
+              id="Red50"
+              d="M 0 125 L 0 225 L 100 125 z"
+              fill="#ff00ff"
+              fillOpacity="0.5"
+            />
+            <G id="TwoBlueTriangles">
+              <Path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
+              <Path
+                id="Blue50"
+                d="M 0 125 L 100 125 L 100 225 z"
+                fill="#00ffff"
+                fillOpacity="0.5"
+              />
+            </G>
+            <G id="BlueTriangles">
+              <Use transform="translate(275,25)" href="#TwoBlueTriangles" />
+              <Use transform="translate(400,25)" href="#TwoBlueTriangles" />
+              <Use transform="translate(525,25)" href="#TwoBlueTriangles" />
+              <Use transform="translate(650,25)" href="#TwoBlueTriangles" />
+              <Use transform="translate(775,25)" href="#TwoBlueTriangles" />
+              <Use transform="translate(900,25)" href="#TwoBlueTriangles" />
+            </G>
+          </Defs>
+
+          <Rect
+            fill="none"
+            stroke="blue"
+            x="1"
+            y="1"
+            width="1098"
+            height="323"
+          />
+          <G fontFamily="Verdana" fontSize="40" shapeRendering="crispEdges">
+            <G enableBackground="new">
+              <Text x="15" y="75">
+                opacity 1.0
+              </Text>
+              <Text x="15" y="115" fontSize="27">
+                (without feFlood)
+              </Text>
+              <Text x="15" y="200">
+                opacity 0.5
+              </Text>
+              <Text x="15" y="240" fontSize="27">
+                (without feFlood)
+              </Text>
+              <Use href="#BlueTriangles" />
+              <G transform="translate(275,25)">
+                <Use href="#Red100" filter="url(#overNoFlood)" />
+                <Use href="#Red50" filter="url(#overNoFlood)" />
+                <Text x="5" y="275">
+                  over
+                </Text>
+              </G>
+              <G transform="translate(400,25)">
+                <Use href="#Red100" filter="url(#inNoFlood)" />
+                <Use href="#Red50" filter="url(#inNoFlood)" />
+                <Text x="35" y="275">
+                  in
+                </Text>
+              </G>
+              <G transform="translate(525,25)">
+                <Use href="#Red100" filter="url(#outNoFlood)" />
+                <Use href="#Red50" filter="url(#outNoFlood)" />
+                <Text x="15" y="275">
+                  out
+                </Text>
+              </G>
+              <G transform="translate(650,25)">
+                <Use href="#Red100" filter="url(#atopNoFlood)" />
+                <Use href="#Red50" filter="url(#atopNoFlood)" />
+                <Text x="10" y="275">
+                  atop
+                </Text>
+              </G>
+              <G transform="translate(775,25)">
+                <Use href="#Red100" filter="url(#xorNoFlood)" />
+                <Use href="#Red50" filter="url(#xorNoFlood)" />
+                <Text x="15" y="275">
+                  xor
+                </Text>
+              </G>
+              <G transform="translate(900,25)">
+                <Use href="#Red100" filter="url(#arithmeticNoFlood)" />
+                <Use href="#Red50" filter="url(#arithmeticNoFlood)" />
+                <Text x="-25" y="275">
+                  arithmetic
+                </Text>
+              </G>
+            </G>
+          </G>
+        </Svg>
+        <RNText>W3 Reference</RNText>
+        <Image source={require('./feComposite.png')} />
+      </>
+    );
+  }
+}
+
+const icon = (
+  <Svg height="30" width="30" viewBox="0 0 20 20">
+    <Filter id="iconOffset">
+      <FeOffset dx="5" dy="5" />
+    </Filter>
+    <Rect x="0" y="0" width="15" height="15" fill="red" />
+    <Rect
+      x="0"
+      y="0"
+      width="15"
+      height="15"
+      fill="blue"
+      filter="url(#iconOffset)"
+    />
+  </Svg>
+);
+
+const samples = [ReferenceExample, QuickTestExample];
+export {icon, samples};
diff --git a/apps/examples/src/examples/Filters/examples.tsx b/apps/examples/src/examples/Filters/examples.tsx
index e71d053ec..809169385 100644
--- a/apps/examples/src/examples/Filters/examples.tsx
+++ b/apps/examples/src/examples/Filters/examples.tsx
@@ -1,10 +1,12 @@
 import * as FeColorMatrix from './FeColorMatrix';
+import * as FeComposite from './FeComposite';
 import * as FeGaussianBlur from './FeGaussianBlur';
 import * as FeMerge from './FeMerge';
 import * as FeOffset from './FeOffset';
 import * as ReanimatedFeColorMatrix from './ReanimatedFeColorMatrix';
 export {
   FeColorMatrix,
+  FeComposite,
   FeGaussianBlur,
   FeMerge,
   FeOffset,
diff --git a/apps/examples/src/examples/Filters/feComposite.png b/apps/examples/src/examples/Filters/feComposite.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2bf09449392b27a2ed1ef43a8ee7bcadd49eb4c
GIT binary patch
literal 6839
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

literal 0
HcmV?d00001


From 708b545f1745f8fe82a0495052480e155f0e370d Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 11:31:12 +0200
Subject: [PATCH 08/17] fix: filters size in example app

---
 .../src/examples/Filters/FeColorMatrix.tsx    |  2 +-
 .../src/examples/Filters/FeComposite.tsx      | 23 +++++++++++--------
 .../src/examples/Filters/FeGaussianBlur.tsx   |  2 +-
 .../src/examples/Filters/FeOffset.tsx         |  2 +-
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/apps/examples/src/examples/Filters/FeColorMatrix.tsx b/apps/examples/src/examples/Filters/FeColorMatrix.tsx
index 5e9052ddf..95aec8928 100644
--- a/apps/examples/src/examples/Filters/FeColorMatrix.tsx
+++ b/apps/examples/src/examples/Filters/FeColorMatrix.tsx
@@ -108,7 +108,7 @@ class LuminanceToAlphaExample extends Component {
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="filterIcon">
+    <Filter id="filterIcon" width="200%" height="200%">
       <FeColorMatrix values="0 0 0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0 1 0" />
     </Filter>
     <G filter="url(#filterIcon)">
diff --git a/apps/examples/src/examples/Filters/FeComposite.tsx b/apps/examples/src/examples/Filters/FeComposite.tsx
index f660fac5b..057743ec2 100644
--- a/apps/examples/src/examples/Filters/FeComposite.tsx
+++ b/apps/examples/src/examples/Filters/FeComposite.tsx
@@ -240,17 +240,20 @@ class ReferenceExample extends Component {
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="iconOffset">
-      <FeOffset dx="5" dy="5" />
+    <Filter id="iconCompositeIn" width="200%">
+      <FeComposite
+        in="SourceGraphic"
+        in2="BackgroundImage"
+        operator="in"
+        result="comp"
+      />
     </Filter>
-    <Rect x="0" y="0" width="15" height="15" fill="red" />
-    <Rect
-      x="0"
-      y="0"
-      width="15"
-      height="15"
-      fill="blue"
-      filter="url(#iconOffset)"
+    <Path id="Blue100" d="M 0 0 L 20 0 L 20 20 z" fill="#00ffff" />
+    <Path
+      id="Red100"
+      d="M 0 0 L 0 20 L 20 0 z"
+      fill="#ff00ff"
+      filter="url(#iconCompositeIn)"
     />
   </Svg>
 );
diff --git a/apps/examples/src/examples/Filters/FeGaussianBlur.tsx b/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
index 0659c0e3c..1be36ae8d 100644
--- a/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
+++ b/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
@@ -72,7 +72,7 @@ class StdDeviation025Example extends Component {
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="filter5">
+    <Filter id="filter5" width="200%" height="200%">
       <FeGaussianBlur stdDeviation="3" />
     </Filter>
     <G filter="url(#filter5)">
diff --git a/apps/examples/src/examples/Filters/FeOffset.tsx b/apps/examples/src/examples/Filters/FeOffset.tsx
index a1dcbc06d..ea209f8ed 100644
--- a/apps/examples/src/examples/Filters/FeOffset.tsx
+++ b/apps/examples/src/examples/Filters/FeOffset.tsx
@@ -28,7 +28,7 @@ class ReferenceExample extends Component {
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="iconOffset">
+    <Filter id="iconOffset" width="200%" height="200%">
       <FeOffset dx="5" dy="5" />
     </Filter>
     <Rect x="0" y="0" width="15" height="15" fill="red" />

From 8c905dc9ed608f03d056c2e86f98daa564b16b5d Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 12:16:34 +0200
Subject: [PATCH 09/17] feat: add CoreImage header to comply with macosx

---
 apple/Filters/MetalCI/RNSVGArithmeticFilter.h | 2 ++
 apple/Filters/MetalCI/RNSVGCompositeXor.h     | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.h b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
index 1f8f88c6b..16e90b337 100644
--- a/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
@@ -1,3 +1,5 @@
+#import <CoreImage/CoreImage.h>
+
 @interface RNSVGArithmeticFilter : CIFilter {
   CIImage *inputImage1;
   CIImage *inputImage2;
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.h b/apple/Filters/MetalCI/RNSVGCompositeXor.h
index c2493b417..b6f70b71f 100644
--- a/apple/Filters/MetalCI/RNSVGCompositeXor.h
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.h
@@ -1,3 +1,5 @@
+#import <CoreImage/CoreImage.h>
+
 @interface RNSVGCompositeXor : CIFilter {
   CIImage *inputImage1;
   CIImage *inputImage2;

From cde51c6fd55328b7f41770f63dc02a9ff0bbf5a7 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 12:26:09 +0200
Subject: [PATCH 10/17] chore: add paper view managers

---
 .../RNSVGFeCompositeManagerDelegate.java      | 65 +++++++++++++++++++
 .../RNSVGFeCompositeManagerInterface.java     | 29 +++++++++
 2 files changed, 94 insertions(+)
 create mode 100644 android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerDelegate.java
 create mode 100644 android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerInterface.java

diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerDelegate.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerDelegate.java
new file mode 100644
index 000000000..d1eb60be1
--- /dev/null
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerDelegate.java
@@ -0,0 +1,65 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.DynamicFromObject;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.BaseViewManagerInterface;
+
+public class RNSVGFeCompositeManagerDelegate<T extends View, U extends BaseViewManagerInterface<T> & RNSVGFeCompositeManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public RNSVGFeCompositeManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "x":
+        mViewManager.setX(view, new DynamicFromObject(value));
+        break;
+      case "y":
+        mViewManager.setY(view, new DynamicFromObject(value));
+        break;
+      case "width":
+        mViewManager.setWidth(view, new DynamicFromObject(value));
+        break;
+      case "height":
+        mViewManager.setHeight(view, new DynamicFromObject(value));
+        break;
+      case "result":
+        mViewManager.setResult(view, value == null ? null : (String) value);
+        break;
+      case "in1":
+        mViewManager.setIn1(view, value == null ? null : (String) value);
+        break;
+      case "in2":
+        mViewManager.setIn2(view, value == null ? null : (String) value);
+        break;
+      case "operator1":
+        mViewManager.setOperator1(view, (String) value);
+        break;
+      case "k1":
+        mViewManager.setK1(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "k2":
+        mViewManager.setK2(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "k3":
+        mViewManager.setK3(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "k4":
+        mViewManager.setK4(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerInterface.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerInterface.java
new file mode 100644
index 000000000..95c925975
--- /dev/null
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSVGFeCompositeManagerInterface.java
@@ -0,0 +1,29 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.Dynamic;
+
+public interface RNSVGFeCompositeManagerInterface<T extends View> {
+  void setX(T view, Dynamic value);
+  void setY(T view, Dynamic value);
+  void setWidth(T view, Dynamic value);
+  void setHeight(T view, Dynamic value);
+  void setResult(T view, @Nullable String value);
+  void setIn1(T view, @Nullable String value);
+  void setIn2(T view, @Nullable String value);
+  void setOperator1(T view, @Nullable String value);
+  void setK1(T view, float value);
+  void setK2(T view, float value);
+  void setK3(T view, float value);
+  void setK4(T view, float value);
+}

From 56c16800d0a90cbbaa041ebd477f170dadd60382 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Fri, 30 Aug 2024 13:19:09 +0200
Subject: [PATCH 11/17] fix: ios paper

---
 apple/Filters/RNSVGFeComposite.h              |  2 ++
 apple/Utils/RCTConvert+RNSVG.h                |  1 +
 apple/Utils/RCTConvert+RNSVG.mm               | 13 +++++++++++++
 apple/ViewManagers/RNSVGFeCompositeManager.mm |  2 +-
 4 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/apple/Filters/RNSVGFeComposite.h b/apple/Filters/RNSVGFeComposite.h
index 5b00681bd..6b22a51c8 100644
--- a/apple/Filters/RNSVGFeComposite.h
+++ b/apple/Filters/RNSVGFeComposite.h
@@ -1,4 +1,6 @@
+#import "RNSVGArithmeticFilter.h"
 #import "RNSVGCompositeOperator.h"
+#import "RNSVGCompositeXor.h"
 #import "RNSVGFilterPrimitive.h"
 
 @interface RNSVGFeComposite : RNSVGFilterPrimitive
diff --git a/apple/Utils/RCTConvert+RNSVG.h b/apple/Utils/RCTConvert+RNSVG.h
index d0714ac92..b5fa03375 100644
--- a/apple/Utils/RCTConvert+RNSVG.h
+++ b/apple/Utils/RCTConvert+RNSVG.h
@@ -12,6 +12,7 @@
 #import "RCTConvert+RNSVG.h"
 #import "RNSVGCGFCRule.h"
 #import "RNSVGColorMatrixType.h"
+#import "RNSVGCompositeOperator.h"
 #import "RNSVGEdgeMode.h"
 #import "RNSVGLength.h"
 #import "RNSVGMaskType.h"
diff --git a/apple/Utils/RCTConvert+RNSVG.mm b/apple/Utils/RCTConvert+RNSVG.mm
index 863cb7255..9205b19cf 100644
--- a/apple/Utils/RCTConvert+RNSVG.mm
+++ b/apple/Utils/RCTConvert+RNSVG.mm
@@ -72,6 +72,19 @@ @implementation RCTConvert (RNSVG)
     SVG_FECOLORMATRIX_TYPE_UNKNOWN,
     intValue)
 
+RCT_ENUM_CONVERTER(
+    RNSVGCompositeOperator,
+    (@{
+      @"over" : @(SVG_FECOMPOSITE_OPERATOR_OVER),
+      @"in" : @(SVG_FECOMPOSITE_OPERATOR_IN),
+      @"out" : @(SVG_FECOMPOSITE_OPERATOR_OUT),
+      @"atop" : @(SVG_FECOMPOSITE_OPERATOR_ATOP),
+      @"xor" : @(SVG_FECOMPOSITE_OPERATOR_XOR),
+      @"arithmetic" : @(SVG_FECOMPOSITE_OPERATOR_ARITHMETIC),
+    }),
+    SVG_FECOMPOSITE_OPERATOR_UNKNOWN,
+    intValue)
+
 + (RNSVGBrush *)RNSVGBrush:(id)json
 {
   if ([json isKindOfClass:[NSNumber class]]) {
diff --git a/apple/ViewManagers/RNSVGFeCompositeManager.mm b/apple/ViewManagers/RNSVGFeCompositeManager.mm
index 52903ef7b..a2d4c96f2 100644
--- a/apple/ViewManagers/RNSVGFeCompositeManager.mm
+++ b/apple/ViewManagers/RNSVGFeCompositeManager.mm
@@ -13,7 +13,7 @@ - (RNSVGFeComposite *)node
 
 RCT_EXPORT_VIEW_PROPERTY(in1, NSString)
 RCT_EXPORT_VIEW_PROPERTY(in2, NSString)
-RCT_EXPORT_VIEW_PROPERTY(type, RNSVGCompositeOperator)
+RCT_EXPORT_VIEW_PROPERTY(operator1, RNSVGCompositeOperator)
 RCT_EXPORT_VIEW_PROPERTY(k1, NSNumber *)
 RCT_EXPORT_VIEW_PROPERTY(k2, NSNumber *)
 RCT_EXPORT_VIEW_PROPERTY(k3, NSNumber *)

From e356ddb6dc49f8b4fe6b09a42194be91a5665878 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Wed, 23 Oct 2024 20:05:58 +0200
Subject: [PATCH 12/17] chore: generate metal

---
 .../RNSVGArithmeticFilter.appletvos.air       | Bin 0 -> 3856 bytes
 .../RNSVGArithmeticFilter.appletvos.metallib  | Bin 0 -> 3993 bytes
 ...air => RNSVGArithmeticFilter.iphoneos.air} | Bin 3856 -> 3856 bytes
 ...> RNSVGArithmeticFilter.iphoneos.metallib} | Bin 3991 -> 3993 bytes
 .../MetalCI/RNSVGArithmeticFilter.macosx.air  | Bin 0 -> 3856 bytes
 .../RNSVGArithmeticFilter.macosx.metallib     | Bin 0 -> 3993 bytes
 .../MetalCI/RNSVGArithmeticFilter.metal       |  13 +------------
 .../MetalCI/RNSVGArithmeticFilter.xros.air    | Bin 0 -> 3856 bytes
 .../RNSVGArithmeticFilter.xros.metallib       | Bin 0 -> 3993 bytes
 .../MetalCI/RNSVGCompositeXor.appletvos.air   | Bin 0 -> 3392 bytes
 .../RNSVGCompositeXor.appletvos.metallib      | Bin 0 -> 3509 bytes
 ...Xor.air => RNSVGCompositeXor.iphoneos.air} | Bin 3392 -> 3392 bytes
 ...ib => RNSVGCompositeXor.iphoneos.metallib} | Bin 3504 -> 3509 bytes
 .../MetalCI/RNSVGCompositeXor.macosx.air      | Bin 0 -> 3408 bytes
 .../MetalCI/RNSVGCompositeXor.macosx.metallib | Bin 0 -> 3525 bytes
 apple/Filters/MetalCI/RNSVGCompositeXor.metal |  10 +---------
 .../MetalCI/RNSVGCompositeXor.xros.air        | Bin 0 -> 3392 bytes
 .../MetalCI/RNSVGCompositeXor.xros.metallib   | Bin 0 -> 3509 bytes
 18 files changed, 2 insertions(+), 21 deletions(-)
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.air
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.metallib
 rename apple/Filters/MetalCI/{RNSVGArithmeticFilter.air => RNSVGArithmeticFilter.iphoneos.air} (84%)
 rename apple/Filters/MetalCI/{RNSVGArithmeticFilter.metallib => RNSVGArithmeticFilter.iphoneos.metallib} (68%)
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.air
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.metallib
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.air
 create mode 100644 apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.metallib
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.air
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.metallib
 rename apple/Filters/MetalCI/{RNSVGCompositeXor.air => RNSVGCompositeXor.iphoneos.air} (86%)
 rename apple/Filters/MetalCI/{RNSVGCompositeXor.metallib => RNSVGCompositeXor.iphoneos.metallib} (81%)
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.macosx.air
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.macosx.metallib
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.xros.air
 create mode 100644 apple/Filters/MetalCI/RNSVGCompositeXor.xros.metallib

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.air b/apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.air
new file mode 100644
index 0000000000000000000000000000000000000000..0f89836eefe22780dd17570ac02422c018647a4b
GIT binary patch
literal 3856
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
H6D$7(cMLM^

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.metallib b/apple/Filters/MetalCI/RNSVGArithmeticFilter.appletvos.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..de067b1c4c4e9a0e2aea6a992873a339533c8ba4
GIT binary patch
literal 3993
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.air b/apple/Filters/MetalCI/RNSVGArithmeticFilter.iphoneos.air
similarity index 84%
rename from apple/Filters/MetalCI/RNSVGArithmeticFilter.air
rename to apple/Filters/MetalCI/RNSVGArithmeticFilter.iphoneos.air
index 13fb99360993c99efdc95193f5d5be064d3ce139..abe4386daab5c067acc03306837d18f09a41eb9a 100644
GIT binary patch
delta 239
zcmbOrH$jf~-T`rL1|Sdt;x8L{Gg*usR2diqfIJS6Fhj_J39A-yDKM}A*^D581}=%9
zrHv&Fj0!*wRL$m<EbloOttZdqRTp#t3X1}9BoHTn*pn~v%GZNLKmbJl2Lc8a2peQA
zNDM@S#5sWCnn1P?5W{GgI8cZomWP4C2qe!ur4r<vAiv-+cgLd4l8oHclFVec%$$<c
bqQuN1y|l#QlKAAD#M}bCGUK$#xqJ%&+S4-u

delta 222
zcmbOrH$jf~-T`rL1|Sdt;tv~nGg*ues4y@H0C^lBVFsTA6S5X@DKM}A*^D5822P2f
zxs4?Zj0!*wRL$m<EbloOEho?9RTp#u3X1}9I1ncQvGC-Jyz<$?Ko$sq=>I^#0JH?e
z23ZTELE;=hadn`W5D>#?m^e^~A(n@M!4M?RJf$4uoW!Ecl8oHclFVf1{M>^4;>?oN
L$+3K!nHU%V$&4%*

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.metallib b/apple/Filters/MetalCI/RNSVGArithmeticFilter.iphoneos.metallib
similarity index 68%
rename from apple/Filters/MetalCI/RNSVGArithmeticFilter.metallib
rename to apple/Filters/MetalCI/RNSVGArithmeticFilter.iphoneos.metallib
index bc3fc3c9f4adab751d1a1288752884ef45e071c9..47668d1a33526f6e33dab4a20dad1d85fbe526e4 100644
GIT binary patch
delta 378
zcmbO(KT|%<H^j$@k%5VUoq@4Qkb#9^CO-ohL_jEpZYa&j2w@mN`G!zF2b6CK<tOk#
z1VCJnUOz`)S22dk`dp&M3?Y#Lu8a(<9*)5t3JeD_yVhQAe_=JvEZiqlMs>+G?=x%H
z?2G@qsN($EY2DpL{%&p|5)(IyOgx}1kom{ru%L$BpPhyi16GDUyEyT;2cyeo7e)~l
z;}t9nK-V)cfUR%fk_ZY7VPt6l3Mc?E1496#^D2`Gd<sCH!PRW;X8pp!Xg#@sPhHRj
zC@c!aK#D<h@(w=v2#^Q}faw1~z@P$Qi$KLdG)SBSD6R=)3jr~VhKU1(7-D%C7^Fb*
Q%u{xP_@H2z?8F}o0Ep~LPXGV_

delta 393
zcmbO!KV81wH^j$@k%5VUoq@4Qkb#9^IzIy#L_jEpPAL5!N*h3FeMSg_1Ijmt@)P(V
z0w69(ub-o@s|Z74QD#X-ZfZ$pvU7fJL4I*&Nh(7~WPmH9E(5EFW3Yz;L&MF0-nkso
z30YV7F8Z|dU{spyVfXKWS7*jgS^d(_*jv)y%`HS?;zqHFM>GX2=iPl$pKSAOfpz}%
z+RD)6iGMv99X7i$im({ZU||4yhJgX>ng&jZAm0#1mIk1J0uVDW7%)1oGM>Pv0Q4wa
z&E{U#FC2`PlbiU|1)YGxqChMR#2_F%c^99&DVzrs`40pPDi9SSAQeCiqCw&uKyh^-
eTL_5NC-d=(%S(cI%u}`lDQsad*^NIK=vn{}2vi{e

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.air b/apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.air
new file mode 100644
index 0000000000000000000000000000000000000000..15b5c064d8f8b91045faac9d1dc2413b6052cfbb
GIT binary patch
literal 3856
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
Hga7{pK&Lg7

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.metallib b/apple/Filters/MetalCI/RNSVGArithmeticFilter.macosx.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..ef6bbee1b3ba71173caf50016a54bf19f2961c19
GIT binary patch
literal 3993
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal b/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
index 91d8364b5..0eecde749 100644
--- a/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.metal
@@ -1,25 +1,14 @@
-//
-//  RNSVGArithmeticFilter.metal
-//  RNSVG
-//
-//  Created by Jakub Grzywacz on 28/08/2024.
-//
-
 #include <metal_stdlib>
 using namespace metal;
 #include <CoreImage/CoreImage.h>
 
 
-extern "C" float4 arithmeticComposite(coreimage::sample_t in1, coreimage::sample_t in2, float k1, float k2, float k3, float k4)
+extern "C" float4 RNSVGArithmeticFilter(coreimage::sample_t in1, coreimage::sample_t in2, float k1, float k2, float k3, float k4)
 {
-//   float4 res = k1 * in1 * in2 + k2 * in1 + k3 * in2 + k4;
-//    
-//    return res;
     float4 arithmeticResult;
     arithmeticResult.rgb = k1 * in1.rgb * in2.rgb + k2 * in1.rgb + k3 * in2.rgb + k4;
     arithmeticResult.a = k1 * in1.a * in2.a + k2 * in1.a + k3 * in2.a + k4;
 
-    // Clamp results between [0..1]
     arithmeticResult.rgb = clamp(arithmeticResult.rgb, 0.0, 1.0);
     arithmeticResult.a = clamp(arithmeticResult.a, 0.0, 1.0);
 
diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.air b/apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.air
new file mode 100644
index 0000000000000000000000000000000000000000..48c39168e270eef682802e6077e907039c199eca
GIT binary patch
literal 3856
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
F@;`z_G?@SZ

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.metallib b/apple/Filters/MetalCI/RNSVGArithmeticFilter.xros.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..461f55d20eb30b29f6a3214cc0dabf8e78f7a3cb
GIT binary patch
literal 3993
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.air b/apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.air
new file mode 100644
index 0000000000000000000000000000000000000000..c43b92f8103498773ce624ba410ab019870e0d09
GIT binary patch
literal 3392
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.metallib b/apple/Filters/MetalCI/RNSVGCompositeXor.appletvos.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..1ef43f414ecb5e102884d3836ccd66fd0e29fbb8
GIT binary patch
literal 3509
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
MocyfZEDodm4_kDBIsgCw

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.air b/apple/Filters/MetalCI/RNSVGCompositeXor.iphoneos.air
similarity index 86%
rename from apple/Filters/MetalCI/RNSVGCompositeXor.air
rename to apple/Filters/MetalCI/RNSVGCompositeXor.iphoneos.air
index 34806711ffe57c178b96dbf1ab884b438fe9320a..744947f43de47a1fd7092fd4b29f92c915a57626 100644
GIT binary patch
delta 108
zcmX>gbwG;u-T`rL1|SdtVx5h=axDBVObiT+3=9n*Q3eN=%~mYm*ck;U8}g_NN&!Vg
wfmk1iV}Mw2awd;Fry!680)mq#@(2s50a-%KQ?!9bFa-Gphq*gX-pJDh0F;an-T(jq

delta 109
zcmX>gbwG;u-T`rL1|SdtVvUWwaxDA?ObiT+3=9n*Q3eL)%~mYm*co{y8}g_NiUI{d
uSPO__fS6};CXYNP50C`{Jd-E#2=l4}SwhTH)PP1XBv0PP)5QvsV*mhxZ4UMT

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.metallib b/apple/Filters/MetalCI/RNSVGCompositeXor.iphoneos.metallib
similarity index 81%
rename from apple/Filters/MetalCI/RNSVGCompositeXor.metallib
rename to apple/Filters/MetalCI/RNSVGCompositeXor.iphoneos.metallib
index c92f817f83c2a92f4c3fa86c6ac552ee1d0d0aaa..0d0f40644cfff5106ba3d3771114cd7f32b94a0b 100644
GIT binary patch
delta 301
zcmdlWy;Zv2H^j$@k%5VUoq@4Qkb#9^D=z~WL_jEpb}0Q9N-IEVSw;wh1Iky0@+a^>
z1VCJnUOz`)S0RQVzu+);=ltA){Nl`#)QJ2dhLFerS4IX_H4n#N4+Vx;?`fSOLGgwX
zwk+#%b8Fda&(4k86LICt4dpLJx_(W56BoD$ctyy5zB}7mu%pINV*9KjrHNlG7;84`
zGM-`P?_gm7dVzrf?1l!8%^a*>*ck;U|K(8^lmZHi0<j<vgMi><Q(k#JI1ecD9|#y!
az>*BHK-cpFnL^A{@<AdHcTcY6)dK+jg*%e~

delta 275
zcmdlgy+JzNH^j$@k%5VUoq@4Qkb#9^11|#@L_jEpCMf*_N-IEV2}THm111jTPvC(F
zfVd#NevZDbybQ?`b0ihaDz*eQxPM$BEERh)D!b{{cZ<rIyZ38WY%@~{e823s&%~uJ
z0yAX(Z94kguwsAB!wZ#GihC#iv|y~*Y{YnmnLmMr0q9N!28cy$n|WEkuru;ZX5v*B
y6a@-{Fw|}ap2=3c@|tiSQ06}nFsJ|-KoAR*-~-Y^%u}*J{N%~)yn3u476Sl?r8R;8

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.macosx.air b/apple/Filters/MetalCI/RNSVGCompositeXor.macosx.air
new file mode 100644
index 0000000000000000000000000000000000000000..f44e52b1a5b246a4708aa68260ce7bbfec24fc8d
GIT binary patch
literal 3408
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.macosx.metallib b/apple/Filters/MetalCI/RNSVGCompositeXor.macosx.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..8819212d94811ecb5aa0ecfa9e05e16814bbbc3d
GIT binary patch
literal 3525
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
R7PmJiH;d2WmvL76{{ix`fx-X)

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.metal b/apple/Filters/MetalCI/RNSVGCompositeXor.metal
index c100bfa64..6823054fb 100644
--- a/apple/Filters/MetalCI/RNSVGCompositeXor.metal
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.metal
@@ -1,16 +1,8 @@
-//
-//  RNSVGCompositeXor.metal
-//  RNSVG
-//
-//  Created by Jakub Grzywacz on 28/08/2024.
-//
-
 #include <metal_stdlib>
 using namespace metal;
 #include <CoreImage/CoreImage.h>
 
-// Porter-Duff XOR composition
-extern "C" float4 compositeXor(coreimage::sample_t in1, coreimage::sample_t in2)
+extern "C" float4 RNSVGCompositeXor(coreimage::sample_t in1, coreimage::sample_t in2)
 {
     float4 result;
     
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.xros.air b/apple/Filters/MetalCI/RNSVGCompositeXor.xros.air
new file mode 100644
index 0000000000000000000000000000000000000000..cce619766b2a7b0ff221d6c98720f6849182b368
GIT binary patch
literal 3392
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

literal 0
HcmV?d00001

diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.xros.metallib b/apple/Filters/MetalCI/RNSVGCompositeXor.xros.metallib
new file mode 100644
index 0000000000000000000000000000000000000000..7ea8a3708196ffe2be7c9b9717291109306d079e
GIT binary patch
literal 3509
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
KSCGdgl>84b?06Ue

literal 0
HcmV?d00001


From c08a72fb57070651c5c73082a75edc0e32766760 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Thu, 24 Oct 2024 10:20:30 +0200
Subject: [PATCH 13/17] feat: compile separate metallib for every device types

---
 RNSVG.podspec    |  5 ++++-
 scripts/metal.js | 35 +++++++++++++++++++++--------------
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/RNSVG.podspec b/RNSVG.podspec
index 8b3fde414..b3e0ca3a7 100644
--- a/RNSVG.podspec
+++ b/RNSVG.podspec
@@ -20,7 +20,10 @@ Pod::Spec.new do |s|
   s.requires_arc      = true
   s.platforms         = { :osx => "10.14", :ios => "12.4", :tvos => "12.4", :visionos => "1.0" }
   
-  s.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.{metallib}']}
+  s.osx.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.macosx.metallib']}
+  s.ios.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.iphoneos.metallib']}
+  s.tvos.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.appletvos.metallib']}
+  s.visionos.resource_bundles  = {'RNSVGFilters' => ['apple/**/*.xros.metallib']}
 
   if fabric_enabled
     install_modules_dependencies(s)
diff --git a/scripts/metal.js b/scripts/metal.js
index 1fff924fa..41b661be3 100644
--- a/scripts/metal.js
+++ b/scripts/metal.js
@@ -22,25 +22,32 @@ function clearGeneratedFiles() {
   console.log('Generated files removed.');
 }
 
+function compileMetalFile(file, sdk) {
+  const filePath = path.join(FILTERS_DIR, file);
+  const fileName = path.basename(filePath).replace('.metal', '');
+  const filePathWithoutExt = path.join(FILTERS_DIR, file).replace('.metal', '');
+  console.log('* for ' + sdk);
+  exec(
+    `xcrun -sdk ${sdk} metal -fcikernel -c ${filePathWithoutExt}.metal -o ${filePathWithoutExt}.${sdk}.air`
+  );
+  console.log(` ├─ ${fileName}.${sdk}.air`);
+  exec(
+    `xcrun -sdk ${sdk} metallib -cikernel ${filePathWithoutExt}.${sdk}.air -o ${filePathWithoutExt}.${sdk}.metallib`
+  );
+  console.log(` └─ ${fileName}.${sdk}.metallib`);
+}
+
 function generateMetallib() {
   const files = fs.readdirSync(FILTERS_DIR);
   files.forEach((file) => {
-    const filePath = path.join(FILTERS_DIR, file);
-    const filePathWithoutExt = path
-      .join(FILTERS_DIR, file)
-      .replace('.metal', '');
-    const fileName = path.basename(filePath).replace('.metal', '');
     const fileExtension = path.extname(file);
     if (fileExtension === '.metal') {
-      console.log('Compiling Metal file:', fileName + '.metal');
-      exec(
-        `xcrun -sdk iphoneos metal -fcikernel -c ${filePathWithoutExt}.metal -o ${filePathWithoutExt}.air`
-      );
-      console.log(' ├─', fileName + '.air');
-      exec(
-        `xcrun -sdk iphoneos metallib -cikernel ${filePathWithoutExt}.air -o ${filePathWithoutExt}.metallib`
-      );
-      console.log(' └─', fileName + '.metallib');
+      const fileName = path.basename(file).replace('.metal', '');
+      console.log('Compiling:', fileName + '.metal');
+      compileMetalFile(file, 'macosx');
+      compileMetalFile(file, 'iphoneos');
+      compileMetalFile(file, 'appletvos');
+      compileMetalFile(file, 'xros');
     }
   });
 }

From 349bf55da1fcba7f46bb9dda7f1f8c8b4dad569a Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Thu, 24 Oct 2024 10:34:00 +0200
Subject: [PATCH 14/17] feat: extract custom metal filter

---
 apple/Filters/MetalCI/RNSVGArithmeticFilter.h |  5 +-
 .../Filters/MetalCI/RNSVGArithmeticFilter.mm  | 59 +------------------
 apple/Filters/MetalCI/RNSVGCompositeXor.h     |  5 +-
 apple/Filters/MetalCI/RNSVGCompositeXor.mm    | 56 +-----------------
 apple/Filters/MetalCI/RNSVGCustomFilter.h     |  9 +++
 apple/Filters/MetalCI/RNSVGCustomFilter.mm    | 35 +++++++++++
 apple/Filters/RNSVGFeComposite.mm             |  6 +-
 7 files changed, 53 insertions(+), 122 deletions(-)
 create mode 100644 apple/Filters/MetalCI/RNSVGCustomFilter.h
 create mode 100644 apple/Filters/MetalCI/RNSVGCustomFilter.mm

diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.h b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
index 16e90b337..7c78724cc 100644
--- a/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.h
@@ -1,7 +1,6 @@
-#import <CoreImage/CoreImage.h>
+#import "RNSVGCustomFilter.h"
 
-@interface RNSVGArithmeticFilter : CIFilter {
-  CIImage *inputImage1;
+@interface RNSVGArithmeticFilter : RNSVGCustomFilter {
   CIImage *inputImage2;
   NSNumber *inputK1;
   NSNumber *inputK2;
diff --git a/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm b/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
index 1b8f37bb1..bbc4c15da 100644
--- a/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
+++ b/apple/Filters/MetalCI/RNSVGArithmeticFilter.mm
@@ -7,48 +7,13 @@ @implementation RNSVGArithmeticFilter
 - (id)init
 {
   if (arithmeticFilter == nil) {
-    NSBundle *frameworkBundle = [NSBundle bundleForClass:[self class]];
-    NSURL *bundleUrl = [frameworkBundle.resourceURL URLByAppendingPathComponent:@"RNSVGFilters.bundle"];
-    NSBundle *bundle = [NSBundle bundleWithURL:bundleUrl];
-    NSURL *url = [bundle URLForResource:@"RNSVGArithmeticFilter" withExtension:@"metallib"];
-    NSLog(@"%@", url);
-    if (url != nil) {
-      NSError *error = nil;
-      NSData *data = [NSData dataWithContentsOfURL:url options:0 error:&error];
-
-      if (error) {
-        NSLog(@"%@", error);
-        @throw [NSException exceptionWithName:@"KernelInitializationException"
-                                       reason:error.localizedDescription
-                                     userInfo:nil];
-      }
-
-      @try {
-        arithmeticFilter = [CIColorKernel kernelWithFunctionName:@"arithmeticComposite"
-                                            fromMetalLibraryData:data
-                                                           error:&error];
-        if (error) {
-          NSLog(@"%@", error);
-          @throw [NSException exceptionWithName:@"KernelInitializationException"
-                                         reason:error.localizedDescription
-                                       userInfo:nil];
-        }
-      } @catch (NSException *exception) {
-        NSLog(@"%@", exception);
-      }
-    }
+    arithmeticFilter = [super getWithName:@"RNSVGArithmeticFilter"];
   }
   return [super init];
 }
 
 - (NSDictionary *)customAttributes
 {
-  //    CIImage  *inputImage1;
-  //    CIImage  *inputImage2;
-  //    NSNumber *inputK1;
-  //    NSNumber *inputK2;
-  //    NSNumber *inputK3;
-  //    NSNumber *inputK4;
   return @{
     @"inputImage1" : @{
       kCIAttributeIdentity : @0,
@@ -95,29 +60,7 @@ - (CIImage *)outputImage
   CISampler *in2 = [CISampler samplerWithImage:inputImage2];
 
   return [arithmeticFilter applyWithExtent:inputImage1.extent
-                               roiCallback:^CGRect(int index, CGRect rect) {
-                                 return rect;
-                               }
                                  arguments:@[ in1, in2, inputK1, inputK2, inputK3, inputK4 ]];
 }
 
-+ (void)initialize
-{
-  [CIFilter
-      registerFilterName:@"arithmeticComposite"
-             constructor:(id<CIFilterConstructor>)self
-         classAttributes:@{
-           kCIAttributeFilterDisplayName : @"RNSVG Arithmetic Composite",
-           kCIAttributeFilterCategories :
-               @[ kCICategoryColorAdjustment, kCICategoryStillImage, kCICategoryInterlaced, kCICategoryNonSquarePixels ]
-         }];
-}
-
-+ (CIFilter *)filterWithName:(NSString *)name
-{
-  CIFilter *filter;
-  filter = [[self alloc] init];
-  return filter;
-}
-
 @end
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.h b/apple/Filters/MetalCI/RNSVGCompositeXor.h
index b6f70b71f..33a2fc09c 100644
--- a/apple/Filters/MetalCI/RNSVGCompositeXor.h
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.h
@@ -1,7 +1,6 @@
-#import <CoreImage/CoreImage.h>
+#import "RNSVGCustomFilter.h"
 
-@interface RNSVGCompositeXor : CIFilter {
-  CIImage *inputImage1;
+@interface RNSVGCompositeXor : RNSVGCustomFilter {
   CIImage *inputImage2;
 }
 
diff --git a/apple/Filters/MetalCI/RNSVGCompositeXor.mm b/apple/Filters/MetalCI/RNSVGCompositeXor.mm
index 948022577..486d92afb 100644
--- a/apple/Filters/MetalCI/RNSVGCompositeXor.mm
+++ b/apple/Filters/MetalCI/RNSVGCompositeXor.mm
@@ -7,42 +7,13 @@ @implementation RNSVGCompositeXor
 - (id)init
 {
   if (compositeXor == nil) {
-    NSBundle *frameworkBundle = [NSBundle bundleForClass:[self class]];
-    NSURL *bundleUrl = [frameworkBundle.resourceURL URLByAppendingPathComponent:@"RNSVGFilters.bundle"];
-    NSBundle *bundle = [NSBundle bundleWithURL:bundleUrl];
-    NSURL *url = [bundle URLForResource:@"RNSVGCompositeXor" withExtension:@"metallib"];
-    NSLog(@"%@", url);
-    if (url != nil) {
-      NSError *error = nil;
-      NSData *data = [NSData dataWithContentsOfURL:url options:0 error:&error];
-
-      if (error) {
-        NSLog(@"%@", error);
-        @throw [NSException exceptionWithName:@"KernelInitializationException"
-                                       reason:error.localizedDescription
-                                     userInfo:nil];
-      }
-
-      @try {
-        compositeXor = [CIColorKernel kernelWithFunctionName:@"compositeXor" fromMetalLibraryData:data error:&error];
-        if (error) {
-          NSLog(@"%@", error);
-          @throw [NSException exceptionWithName:@"KernelInitializationException"
-                                         reason:error.localizedDescription
-                                       userInfo:nil];
-        }
-      } @catch (NSException *exception) {
-        NSLog(@"%@", exception);
-      }
-    }
+    compositeXor = [super getWithName:@"RNSVGCompositeXor"];
   }
   return [super init];
 }
 
 - (NSDictionary *)customAttributes
 {
-  //    CIImage  *inputImage1;
-  //    CIImage  *inputImage2;
   return @{
     @"inputImage1" : @{
       kCIAttributeIdentity : @0,
@@ -64,30 +35,7 @@ - (CIImage *)outputImage
   CISampler *in1 = [CISampler samplerWithImage:inputImage1];
   CISampler *in2 = [CISampler samplerWithImage:inputImage2];
 
-  return [compositeXor applyWithExtent:inputImage1.extent
-                           roiCallback:^CGRect(int index, CGRect rect) {
-                             return rect;
-                           }
-                             arguments:@[ in1, in2 ]];
-}
-
-+ (void)initialize
-{
-  [CIFilter
-      registerFilterName:@"compositeXor"
-             constructor:(id<CIFilterConstructor>)self
-         classAttributes:@{
-           kCIAttributeFilterDisplayName : @"RNSVG Composite XOR",
-           kCIAttributeFilterCategories :
-               @[ kCICategoryColorAdjustment, kCICategoryStillImage, kCICategoryInterlaced, kCICategoryNonSquarePixels ]
-         }];
-}
-
-+ (CIFilter *)filterWithName:(NSString *)name
-{
-  CIFilter *filter;
-  filter = [[self alloc] init];
-  return filter;
+  return [compositeXor applyWithExtent:inputImage1.extent arguments:@[ in1, in2 ]];
 }
 
 @end
diff --git a/apple/Filters/MetalCI/RNSVGCustomFilter.h b/apple/Filters/MetalCI/RNSVGCustomFilter.h
new file mode 100644
index 000000000..baf27ad25
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGCustomFilter.h
@@ -0,0 +1,9 @@
+#import <CoreImage/CoreImage.h>
+
+@interface RNSVGCustomFilter : CIFilter {
+  CIImage *inputImage1;
+}
+
+- (CIColorKernel *)getWithName:(NSString *)name;
+
+@end
diff --git a/apple/Filters/MetalCI/RNSVGCustomFilter.mm b/apple/Filters/MetalCI/RNSVGCustomFilter.mm
new file mode 100644
index 000000000..2f43bcaf0
--- /dev/null
+++ b/apple/Filters/MetalCI/RNSVGCustomFilter.mm
@@ -0,0 +1,35 @@
+#import "RNSVGCustomFilter.h"
+
+#if TARGET_OS_OSX
+#define extension @"macosx.metallib"
+#elif TARGET_OS_IOS
+#define extension @"iphoneos.metallib"
+#elif TARGET_OS_TV
+#define extension @"tvos.metallib"
+#elif TARGET_OS_VISION
+#define extension @"xros.metallib"
+#endif
+
+@implementation RNSVGCustomFilter
+
+- (CIColorKernel *)getWithName:(NSString *)name
+{
+  NSBundle *frameworkBundle = [NSBundle bundleForClass:[self class]];
+  NSURL *bundleUrl = [frameworkBundle.resourceURL URLByAppendingPathComponent:@"RNSVGFilters.bundle"];
+  NSBundle *bundle = [NSBundle bundleWithURL:bundleUrl];
+  NSURL *url = [bundle URLForResource:name withExtension:extension];
+
+  if (url != nil) {
+    NSError *error = nil;
+    NSData *data = [NSData dataWithContentsOfURL:url options:0 error:&error];
+
+    @try {
+      return [CIColorKernel kernelWithFunctionName:name fromMetalLibraryData:data error:&error];
+    } @catch (NSException *exception) {
+      NSLog(@"RNSVG CustomFilter exception: %@", exception);
+    }
+  }
+  return nil;
+}
+
+@end
diff --git a/apple/Filters/RNSVGFeComposite.mm b/apple/Filters/RNSVGFeComposite.mm
index 3a302bd7a..4aa9dc1f1 100644
--- a/apple/Filters/RNSVGFeComposite.mm
+++ b/apple/Filters/RNSVGFeComposite.mm
@@ -1,12 +1,12 @@
 #import "RNSVGFeComposite.h"
+#import "RNSVGArithmeticFilter.h"
+#import "RNSVGCompositeXor.h"
 
 #ifdef RCT_NEW_ARCH_ENABLED
 #import <React/RCTConversions.h>
 #import <React/RCTFabricComponentsPlugins.h>
 #import <react/renderer/components/rnsvg/ComponentDescriptors.h>
 #import <react/renderer/components/view/conversions.h>
-#import "RNSVGArithmeticFilter.h"
-#import "RNSVGCompositeXor.h"
 #import "RNSVGConvert.h"
 #import "RNSVGFabricConversions.h"
 #endif // RCT_NEW_ARCH_ENABLED
@@ -162,11 +162,9 @@ - (CIImage *)applyFilter:(NSMutableDictionary<NSString *, CIImage *> *)results p
       filter = [CIFilter filterWithName:@"CISourceAtopCompositing"];
       break;
     case SVG_FECOMPOSITE_OPERATOR_XOR:
-      [RNSVGCompositeXor class];
       filter = [[RNSVGCompositeXor alloc] init];
       break;
     case SVG_FECOMPOSITE_OPERATOR_ARITHMETIC:
-      [RNSVGArithmeticFilter class];
       filter = [[RNSVGArithmeticFilter alloc] init];
       break;
     default:

From fc0387baa303a381168a6de8497c520585a88098 Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Thu, 24 Oct 2024 10:34:21 +0200
Subject: [PATCH 15/17] feat: update reference image

---
 .../src/examples/Filters/feComposite.png      | Bin 6839 -> 9950 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/apps/examples/src/examples/Filters/feComposite.png b/apps/examples/src/examples/Filters/feComposite.png
index a2bf09449392b27a2ed1ef43a8ee7bcadd49eb4c..d1605daf57dd3eb5a36cbbc8a144c46f4fff2f2c 100644
GIT binary patch
literal 9950
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

literal 6839
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


From b5abadec058be50a1b1b092a0cf2f57d22e8449d Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Thu, 24 Oct 2024 10:34:43 +0200
Subject: [PATCH 16/17] docs: add feCompostie to examples

---
 .../src/examples/Filters/FeComposite.tsx      | 592 +++++++++++-------
 apps/examples/src/examples/Filters/index.tsx  |   2 +
 2 files changed, 379 insertions(+), 215 deletions(-)

diff --git a/apps/examples/src/examples/Filters/FeComposite.tsx b/apps/examples/src/examples/Filters/FeComposite.tsx
index 057743ec2..e7485b619 100644
--- a/apps/examples/src/examples/Filters/FeComposite.tsx
+++ b/apps/examples/src/examples/Filters/FeComposite.tsx
@@ -1,9 +1,10 @@
-import React, {Component} from 'react';
-import {Image, Text as RNText} from 'react-native';
+import {Image, Text as RNText, View} from 'react-native';
 import {
   Defs,
   FeComposite,
-  FeOffset,
+  FeFlood,
+  FeMerge,
+  FeMergeNode,
   Filter,
   G,
   Path,
@@ -13,229 +14,390 @@ import {
   Use,
 } from 'react-native-svg';
 
-class QuickTestExample extends Component {
-  static title = 'QuickTestExample';
-  render() {
-    return (
-      <Svg width="200" height="200">
-        <Filter id="offset" width="180" height="180">
-          <FeComposite in="SourceGraphic" in2="BackgroundImage" operator="in" />
-        </Filter>
-        <Rect x="50" y="50" width="100" height="100" fill="red" />
-        <Rect
-          x="0"
-          y="0"
-          width="100"
-          height="100"
-          fill="blue"
-          filter="url(#offset)"
-        />
-      </Svg>
-    );
-  }
+import React from 'react';
+
+QuickTestExample.title = 'Quick Test Example';
+function QuickTestExample() {
+  return (
+    <Svg width="200" height="150">
+      <Filter id="offset" width="180" height="180">
+        <FeComposite in="SourceGraphic" in2="BackgroundImage" operator="in" />
+      </Filter>
+      <Rect x="50" y="50" width="100" height="100" fill="red" />
+      <Rect
+        x="0"
+        y="0"
+        width="100"
+        height="100"
+        fill="blue"
+        filter="url(#offset)"
+      />
+    </Svg>
+  );
 }
 
-class ReferenceExample extends Component {
-  static title = 'Composite';
-  render() {
-    return (
-      <>
-        <Svg width="330" height="135" viewBox="0 0 1100 325">
-          <Defs>
-            <Filter
-              id="overNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                operator="over"
-                result="comp"
-              />
-            </Filter>
-            <Filter
-              id="inNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                operator="in"
-                result="comp"
-              />
-            </Filter>
-            <Filter
-              id="outNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                operator="out"
-                result="comp"
-              />
-            </Filter>
-            <Filter
-              id="atopNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                operator="atop"
-                result="comp"
-              />
-            </Filter>
-            <Filter
-              id="xorNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                operator="xor"
-                result="comp"
-              />
-            </Filter>
-            <Filter
-              id="arithmeticNoFlood"
-              filterUnits="objectBoundingBox"
-              x="-5%"
-              y="-5%"
-              width="110%"
-              height="110%">
-              <FeComposite
-                in="SourceGraphic"
-                in2="BackgroundImage"
-                result="comp"
-                operator="arithmetic"
-                k1=".5"
-                k2=".5"
-                k3=".5"
-                k4=".5"
-              />
-            </Filter>
-            <Path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
-            <Path id="Red100" d="M 0 0 L 0 100 L 100 0 z" fill="#ff00ff" />
-            <Path
-              id="Blue50"
-              d="M 0 125 L 100 125 L 100 225 z"
-              fill="#00ffff"
-              fillOpacity="0.5"
+ReferenceExample.title = 'FeComposite W3 reference';
+function ReferenceExample() {
+  return (
+    <View style={{backgroundColor: '#fff'}}>
+      <Svg width="330" height="195" viewBox="0 0 1100 650">
+        <Defs>
+          <Filter
+            id="overFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="over"
+              result="comp"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="inFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="in"
+              result="comp"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="outFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="out"
+              result="comp"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="atopFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="atop"
+              result="comp"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="xorFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="xor"
+              result="comp"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="arithmeticFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeFlood floodColor="#ffffff" floodOpacity="1" result="flood" />
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              result="comp"
+              operator="arithmetic"
+              k1=".5"
+              k2=".5"
+              k3=".5"
+              k4=".5"
+            />
+            <FeMerge>
+              <FeMergeNode in="flood" />
+              <FeMergeNode in="comp" />
+            </FeMerge>
+          </Filter>
+          <Filter
+            id="overNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="over"
+              result="comp"
+            />
+          </Filter>
+          <Filter
+            id="inNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="in"
+              result="comp"
             />
-            <Path
-              id="Red50"
-              d="M 0 125 L 0 225 L 100 125 z"
-              fill="#ff00ff"
-              fillOpacity="0.5"
+          </Filter>
+          <Filter
+            id="outNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="out"
+              result="comp"
             />
-            <G id="TwoBlueTriangles">
-              <Path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
-              <Path
-                id="Blue50"
-                d="M 0 125 L 100 125 L 100 225 z"
-                fill="#00ffff"
-                fillOpacity="0.5"
-              />
+          </Filter>
+          <Filter
+            id="atopNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="atop"
+              result="comp"
+            />
+          </Filter>
+          <Filter
+            id="xorNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              operator="xor"
+              result="comp"
+            />
+          </Filter>
+          <Filter
+            id="arithmeticNoFlood"
+            filterUnits="objectBoundingBox"
+            x="-5%"
+            y="-5%"
+            width="110%"
+            height="110%">
+            <FeComposite
+              in="SourceGraphic"
+              in2="BackgroundImage"
+              result="comp"
+              operator="arithmetic"
+              k1=".5"
+              k2=".5"
+              k3=".5"
+              k4=".5"
+            />
+          </Filter>
+          <Path id="Blue100" d="M 0 0 L 100 0 L 100 100 z" fill="#00ffff" />
+          <Path id="Red100" d="M 0 0 L 0 100 L 100 0 z" fill="#ff00ff" />
+          <Path
+            id="Blue50"
+            d="M 0 125 L 100 125 L 100 225 z"
+            fill="#00ffff"
+            fillOpacity=".5"
+          />
+          <Path
+            id="Red50"
+            d="M 0 125 L 0 225 L 100 125 z"
+            fill="#ff00ff"
+            fillOpacity=".5"
+          />
+          <G id="TwoBlueTriangles">
+            <Use href="#Blue100" />
+            <Use href="#Blue50" />
+          </G>
+          <G id="BlueTriangles">
+            <Use transform="translate(275,25)" href="#TwoBlueTriangles" />
+            <Use transform="translate(400,25)" href="#TwoBlueTriangles" />
+            <Use transform="translate(525,25)" href="#TwoBlueTriangles" />
+            <Use transform="translate(650,25)" href="#TwoBlueTriangles" />
+            <Use transform="translate(775,25)" href="#TwoBlueTriangles" />
+            <Use transform="translate(900,25)" href="#TwoBlueTriangles" />
+          </G>
+        </Defs>
+
+        <Rect fill="none" stroke="blue" x="1" y="1" width="1098" height="648" />
+        <G font-family="Verdana" fontSize="40" shape-rendering="crispEdges">
+          <G enable-background="new">
+            <Text x="15" y="75">
+              opacity 1.0
+            </Text>
+            <Text x="15" y="115" fontSize="27">
+              (with FeFlood)
+            </Text>
+            <Text x="15" y="200">
+              opacity 0.5
+            </Text>
+            <Text x="15" y="240" fontSize="27">
+              (with FeFlood)
+            </Text>
+            <Use href="#BlueTriangles" />
+            <G transform="translate(275,25)">
+              <Use href="#Red100" filter="url(#overFlood)" />
+              <Use href="#Red50" filter="url(#overFlood)" />
+              <Text x="5" y="275">
+                over
+              </Text>
             </G>
-            <G id="BlueTriangles">
-              <Use transform="translate(275,25)" href="#TwoBlueTriangles" />
-              <Use transform="translate(400,25)" href="#TwoBlueTriangles" />
-              <Use transform="translate(525,25)" href="#TwoBlueTriangles" />
-              <Use transform="translate(650,25)" href="#TwoBlueTriangles" />
-              <Use transform="translate(775,25)" href="#TwoBlueTriangles" />
-              <Use transform="translate(900,25)" href="#TwoBlueTriangles" />
+            <G transform="translate(400,25)">
+              <Use href="#Red100" filter="url(#inFlood)" />
+              <Use href="#Red50" filter="url(#inFlood)" />
+              <Text x="35" y="275">
+                in
+              </Text>
             </G>
-          </Defs>
-
-          <Rect
-            fill="none"
-            stroke="blue"
-            x="1"
-            y="1"
-            width="1098"
-            height="323"
-          />
-          <G fontFamily="Verdana" fontSize="40" shapeRendering="crispEdges">
-            <G enableBackground="new">
-              <Text x="15" y="75">
-                opacity 1.0
+            <G transform="translate(525,25)">
+              <Use href="#Red100" filter="url(#outFlood)" />
+              <Use href="#Red50" filter="url(#outFlood)" />
+              <Text x="15" y="275">
+                out
               </Text>
-              <Text x="15" y="115" fontSize="27">
-                (without feFlood)
+            </G>
+            <G transform="translate(650,25)">
+              <Use href="#Red100" filter="url(#atopFlood)" />
+              <Use href="#Red50" filter="url(#atopFlood)" />
+              <Text x="10" y="275">
+                atop
               </Text>
-              <Text x="15" y="200">
-                opacity 0.5
+            </G>
+            <G transform="translate(775,25)">
+              <Use href="#Red100" filter="url(#xorFlood)" />
+              <Use href="#Red50" filter="url(#xorFlood)" />
+              <Text x="15" y="275">
+                xor
               </Text>
-              <Text x="15" y="240" fontSize="27">
-                (without feFlood)
+            </G>
+            <G transform="translate(900,25)">
+              <Use href="#Red100" filter="url(#arithmeticFlood)" />
+              <Use href="#Red50" filter="url(#arithmeticFlood)" />
+              <Text x="-25" y="275">
+                arithmetic
               </Text>
-              <Use href="#BlueTriangles" />
-              <G transform="translate(275,25)">
-                <Use href="#Red100" filter="url(#overNoFlood)" />
-                <Use href="#Red50" filter="url(#overNoFlood)" />
-                <Text x="5" y="275">
-                  over
-                </Text>
-              </G>
-              <G transform="translate(400,25)">
-                <Use href="#Red100" filter="url(#inNoFlood)" />
-                <Use href="#Red50" filter="url(#inNoFlood)" />
-                <Text x="35" y="275">
-                  in
-                </Text>
-              </G>
-              <G transform="translate(525,25)">
-                <Use href="#Red100" filter="url(#outNoFlood)" />
-                <Use href="#Red50" filter="url(#outNoFlood)" />
-                <Text x="15" y="275">
-                  out
-                </Text>
-              </G>
-              <G transform="translate(650,25)">
-                <Use href="#Red100" filter="url(#atopNoFlood)" />
-                <Use href="#Red50" filter="url(#atopNoFlood)" />
-                <Text x="10" y="275">
-                  atop
-                </Text>
-              </G>
-              <G transform="translate(775,25)">
-                <Use href="#Red100" filter="url(#xorNoFlood)" />
-                <Use href="#Red50" filter="url(#xorNoFlood)" />
-                <Text x="15" y="275">
-                  xor
-                </Text>
-              </G>
-              <G transform="translate(900,25)">
-                <Use href="#Red100" filter="url(#arithmeticNoFlood)" />
-                <Use href="#Red50" filter="url(#arithmeticNoFlood)" />
-                <Text x="-25" y="275">
-                  arithmetic
-                </Text>
-              </G>
             </G>
           </G>
-        </Svg>
-        <RNText>W3 Reference</RNText>
-        <Image source={require('./feComposite.png')} />
-      </>
-    );
-  }
+          <G transform="translate(0,325)" enable-background="new">
+            <Text x="15" y="75">
+              opacity 1.0
+            </Text>
+            <Text x="15" y="115" fontSize="27">
+              (without FeFlood)
+            </Text>
+            <Text x="15" y="200">
+              opacity 0.5
+            </Text>
+            <Text x="15" y="240" fontSize="27">
+              (without FeFlood)
+            </Text>
+            <Use href="#BlueTriangles" />
+            <G transform="translate(275,25)">
+              <Use href="#Red100" filter="url(#overNoFlood)" />
+              <Use href="#Red50" filter="url(#overNoFlood)" />
+              <Text x="5" y="275">
+                over
+              </Text>
+            </G>
+            <G transform="translate(400,25)">
+              <Use href="#Red100" filter="url(#inNoFlood)" />
+              <Use href="#Red50" filter="url(#inNoFlood)" />
+              <Text x="35" y="275">
+                in
+              </Text>
+            </G>
+            <G transform="translate(525,25)">
+              <Use href="#Red100" filter="url(#outNoFlood)" />
+              <Use href="#Red50" filter="url(#outNoFlood)" />
+              <Text x="15" y="275">
+                out
+              </Text>
+            </G>
+            <G transform="translate(650,25)">
+              <Use href="#Red100" filter="url(#atopNoFlood)" />
+              <Use href="#Red50" filter="url(#atopNoFlood)" />
+              <Text x="10" y="275">
+                atop
+              </Text>
+            </G>
+            <G transform="translate(775,25)">
+              <Use href="#Red100" filter="url(#xorNoFlood)" />
+              <Use href="#Red50" filter="url(#xorNoFlood)" />
+              <Text x="15" y="275">
+                xor
+              </Text>
+            </G>
+            <G transform="translate(900,25)">
+              <Use href="#Red100" filter="url(#arithmeticNoFlood)" />
+              <Use href="#Red50" filter="url(#arithmeticNoFlood)" />
+              <Text x="-25" y="275">
+                arithmetic
+              </Text>
+            </G>
+          </G>
+        </G>
+      </Svg>
+      <RNText>W3 Reference</RNText>
+      <Image source={require('./feComposite.png')} />
+    </View>
+  );
 }
 
 const icon = (
@@ -257,6 +419,6 @@ const icon = (
     />
   </Svg>
 );
+const samples = [QuickTestExample, ReferenceExample];
 
-const samples = [ReferenceExample, QuickTestExample];
 export {icon, samples};
diff --git a/apps/examples/src/examples/Filters/index.tsx b/apps/examples/src/examples/Filters/index.tsx
index 870030e8a..131cb9429 100644
--- a/apps/examples/src/examples/Filters/index.tsx
+++ b/apps/examples/src/examples/Filters/index.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import Svg, {Circle} from 'react-native-svg';
 import * as FeBlend from './FeBlend';
 import * as FeColorMatrix from './FeColorMatrix';
+import * as FeComposite from './FeComposite';
 import * as FeFlood from './FeFlood';
 import * as FeGaussianBlur from './FeGaussianBlur';
 import * as FeMerge from './FeMerge';
@@ -11,6 +12,7 @@ import * as ReanimatedFeColorMatrix from './ReanimatedFeColorMatrix';
 const samples = {
   FeBlend,
   FeColorMatrix,
+  FeComposite,
   FeFlood,
   FeGaussianBlur,
   FeMerge,

From 892af70f68a4b3e07946d6cf5bda3cf8dfa7036a Mon Sep 17 00:00:00 2001
From: Jakub Grzywacz <jakub.grzywacz@swmansion.com>
Date: Thu, 24 Oct 2024 10:37:17 +0200
Subject: [PATCH 17/17] docs: revert unnecessary changes

---
 apps/examples/src/examples/Filters/FeColorMatrix.tsx  | 2 +-
 apps/examples/src/examples/Filters/FeGaussianBlur.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/examples/src/examples/Filters/FeColorMatrix.tsx b/apps/examples/src/examples/Filters/FeColorMatrix.tsx
index c4892b7a6..4edb34e58 100644
--- a/apps/examples/src/examples/Filters/FeColorMatrix.tsx
+++ b/apps/examples/src/examples/Filters/FeColorMatrix.tsx
@@ -99,7 +99,7 @@ LuminanceToAlphaExample.title = 'Luminance to alpha';
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="filterIcon" width="200%" height="200%">
+    <Filter id="filterIcon">
       <FeColorMatrix values="0 0 0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0 1 0" />
     </Filter>
     <G filter="url(#filterIcon)">
diff --git a/apps/examples/src/examples/Filters/FeGaussianBlur.tsx b/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
index 22a81c519..5c294079e 100644
--- a/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
+++ b/apps/examples/src/examples/Filters/FeGaussianBlur.tsx
@@ -66,7 +66,7 @@ StdDeviation025Example.title = 'stdDeviation="0 25"';
 
 const icon = (
   <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Filter id="filter5" width="200%" height="200%">
+    <Filter id="filter5">
       <FeGaussianBlur stdDeviation="3" />
     </Filter>
     <G filter="url(#filter5)">