@somesoap/react-native-image-palette/src/NativeImagePalette.ts

Get average color or a colors palette from an image or the image segments

import type { TurboModule } from 'react-native';
import { TurboModuleRegistry } from 'react-native';

import type {
  UnsafeObject,
  Int32,
} from 'react-native/Libraries/Types/CodegenTypes';

export interface PaletteResult {
  vibrant: string;
  darkVibrant: string;
  lightVibrant: string;
  muted: string;
  darkMuted: string;
  lightMuted: string;
  dominantAndroid?: string;
}

export interface ImageSegmentConfig {
  fromX: Int32;
  toX: Int32;
  fromY: Int32;
  toY: Int32;
}

export interface Spec extends TurboModule {
  getAverageColor(uri: string, config: UnsafeObject): Promise<string>;
  getSegmentsAverageColor(
    uri: string,
    segments: ImageSegmentConfig[],
    config: UnsafeObject
  ): Promise<string[]>;
  getPalette(uri: string, config: UnsafeObject): Promise<PaletteResult>;
  getSegmentsPalette(
    uri: string,
    segments: ImageSegmentConfig[],
    config: UnsafeObject
  ): Promise<PaletteResult[]>;
}

export default TurboModuleRegistry.getEnforcing<Spec>('ImagePalette');