typescript declaration file

[Nabil Boussouf]

Try npm install @types/colorthief if it exists or add a new declaration (.d.ts) file containing declare module 'colorthief';

unfortunately it doesn't exist

[Graham King]

Here's a colorthief.d.ts that works for me. I put it in src/types and typescript picked it up automatically.

declare module 'colorthief' {
  type Color = [number, number, number];
  export default class ColorThief {
    getColor: (img: HTMLImageElement | null) => Color;
    getPalette: (img: HTMLImageElement | null) => Color[];
  }
}

[ryan]

version with optional parameters:

declare module 'colorthief' {
    export type RGBColor = [number, number, number];
    export default class ColorThief {
        getColor: (img: HTMLImageElement | null, quality: number=10) => RGBColor;
        getPalette: (img: HTMLImageElement | null, colorCount: number=10, quality: number=10) => RGBColor[];
    }
}

[Nato Boram]

getPalette can return null

color-thief/src/color-thief.js

Line 96 in 4dc3bb0

 const palette = cmap? cmap.palette() : null; 

[Danilo Cabello]

This is what I've been using for over 4 months, create a file colorthief.d.ts in your source directory, a d.ts file only contains type definitions:

declare module "colorthief" {
  export type RGBColor = [number, number, number]
  export default class ColorThief {
    getColor: (
      img: HTMLImageElement | null,
      quality: number = 10,
    ) => RGBColor | null

    getPalette: (
      img: HTMLImageElement | null,
      colorCount: number = 10,
      quality: number = 10,
    ) => RGBColor[] | null
  }
}