react-native-image-filter-kit/src/blur-filters/shape-transforms.ts

Various image filters for iOS & Android

import { Platform } from 'react-native'
import { FilterConfig } from '../common/configs'
import { TransformMap } from '../common/shapes'
import { shapes } from './shapes'

interface BlurConfig extends FilterConfig {
  readonly radius: number
}

export const shapeTransforms: TransformMap<typeof shapes> = {
  BoxBlur: Platform.select({
    ios: ({ radius = 5, image, disableCache }: BlurConfig) => ({
      name: 'IosCIBoxBlur',
      disableCache,
      inputRadius: radius * 2,
      clampToExtent: true,
      inputImage: {
        name: 'IosCIBoxBlur',
        disableCache,
        inputRadius: radius * 2,
        clampToExtent: true,
        inputImage: {
          name: 'IosCIBoxBlur',
          disableCache,
          inputRadius: radius * 2,
          clampToExtent: true,
          inputImage: image
        }
      }
    } as object),

    android: ({ radius = 5, ...config }: BlurConfig) => ({
      ...config,
      name: 'AndroidIterativeBoxBlur',
      blurRadius: radius
    } as object)
  }),

  GaussianBlur: Platform.select({
    ios: ({ radius = 5, image, disableCache }: BlurConfig) => ({
      name: 'IosCIGaussianBlur',
      disableCache,
      inputRadius: radius,
      inputImage: image,
      clampToExtent: true
    } as object),

    android: ({ radius = 5, ...config }: BlurConfig) => ({
      ...config,
      name: 'AndroidScriptIntrinsicBlur',
      radius: radius * 2
    } as object)
  })
}