[types] Add .js extension to file imports (#333)

* [types] Add `.js` extension to file imports

Fixes problems when `moduleResolution` in tsconfig.json is set to
NodeNext.

* [types] Add extensions to `import()` types

* [types] Add missing imports

Weirdly, TypeScript only complains about these imports when
`moduleResolution` is set to `NodeNext`. I guess that whatever the
default module resolution system is can infer that they're from the
augmented module, but that doesn't seem to work on `NodeNext`.

types/dist/color.d.ts

@@ -1 +1 @@
-export { default } from "../src";
+export { default } from "../src/index.js";

types/index.d.ts

@@ -1,6 +1,6 @@
 // Definitions by: Adam Thompson-Sharpe <https://github.com/MysteryBlokHed>
 // Minimum TypeScript Version: 4.1
-export { default } from "./dist/color";
+export { default } from "./dist/color.js";
 export type {
 	ColorConstructor,
 	ColorObject,
@@ -12,30 +12,30 @@ export type {
 	PlainColorObject,
 	SpaceAccessor,
 	ToColorPrototype,
-} from "./src/color";
+} from "./src/color.js";
 
-export type { White } from "./src/adapt";
+export type { White } from "./src/adapt.js";
 
-export type { CAT } from "./src/CATs";
+export type { CAT } from "./src/CATs.js";
 
-export type { Display } from "./src/display";
+export type { Display } from "./src/display.js";
 
 export type {
 	Range,
 	RangeOptions,
 	MixOptions,
 	StepsOptions,
-} from "./src/interpolation";
+} from "./src/interpolation.js";
 
-export type { Options as ParseOptions } from "./src/parse";
+export type { Options as ParseOptions } from "./src/parse.js";
 
-export type { RGBOptions } from "./src/rgbspace";
+export type { RGBOptions } from "./src/rgbspace.js";
 
-export type { Options as SerializeOptions } from "./src/serialize";
+export type { Options as SerializeOptions } from "./src/serialize.js";
 
 export type {
 	Format as SpaceFormat,
 	CoordMeta,
 	Ref,
 	Options as SpaceOptions,
-} from "./src/space";
+} from "./src/space.js";

types/src/CATs.d.ts

@@ -1,4 +1,4 @@
-import { White } from "./adapt";
+import { White } from "./adapt.js";
 
 export interface CAT {
 	id: string;

types/src/chromaticity.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "./color";
+import Color, { ColorObject } from "./color.js";
 
 export function uv(color: Color | ColorObject): [number, number];
 

types/src/clone.d.ts

@@ -1,3 +1,3 @@
-import { PlainColorObject } from "./color";
+import { PlainColorObject } from "./color.js";
 
 export default function clone(color: PlainColorObject): PlainColorObject;

types/src/color.d.ts

@@ -1,8 +1,8 @@
-import { WHITES } from "./adapt";
-import defaults from "./defaults";
-import hooks from "./hooks";
-import * as util from "./util";
-import ColorSpace from "./space";
+import { WHITES } from "./adapt.js";
+import defaults from "./defaults.js";
+import hooks from "./hooks.js";
+import * as util from "./util.js";
+import ColorSpace from "./space.js";
 
 import {
 	to,
@@ -17,7 +17,7 @@ import {
 	set,
 	setAll,
 	display,
-} from "./index-fn";
+} from "./index-fn.js";
 
 export type Coords = [number, number, number];
 

types/src/contrast.d.ts

@@ -1,5 +1,5 @@
-import { ColorTypes } from "./color";
-import { Algorithms } from "./contrast/index";
+import { ColorTypes } from "./color.js";
+import { Algorithms } from "./contrast/index.js";
 
 /**
  * @param options Algorithm to use as well as any other options to pass to the contrast function

types/src/contrast/APCA.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/Lstar.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/Michelson.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/WCAG21.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/Weber.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/deltaPhi.d.ts

@@ -1,4 +1,4 @@
-import { ColorTypes } from "../color";
+import { ColorTypes } from "../color.js";
 export default function (
 	background: ColorTypes,
 	forgeround: ColorTypes

types/src/contrast/index.d.ts

@@ -1,10 +1,11 @@
-export type Algorithms = keyof typeof import(".") extends `contrast${infer Alg}`
-	? Alg
-	: string;
+export type Algorithms =
+	keyof typeof import("./index.js") extends `contrast${infer Alg}`
+		? Alg
+		: string;
 
-export { default as contrastWCAG21 } from "./WCAG21";
-export { default as contrastAPCA } from "./APCA";
-export { default as contrastMichelson } from "./Michelson";
-export { default as contrastWeber } from "./Weber";
-export { default as contrastLstar } from "./Lstar";
-export { default as contrastDeltaPhi } from "./deltaPhi";
+export { default as contrastWCAG21 } from "./WCAG21.js";
+export { default as contrastAPCA } from "./APCA.js";
+export { default as contrastMichelson } from "./Michelson.js";
+export { default as contrastWeber } from "./Weber.js";
+export { default as contrastLstar } from "./Lstar.js";
+export { default as contrastDeltaPhi } from "./deltaPhi.js";

types/src/deltaE.d.ts

@@ -1,5 +1,5 @@
-import { ColorTypes } from "./color";
-import { Methods } from "./deltaE/index";
+import { ColorTypes } from "./color.js";
+import { Methods } from "./deltaE/index.js";
 
 /**
  * @param options deltaE method to use as well as any other options to pass to the deltaE function

types/src/deltaE/deltaE2000.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 
 export default function (
 	color: Color | ColorObject,

types/src/deltaE/deltaE76.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 export default function (
 	color: Color | ColorObject,
 	sample: Color | ColorObject

types/src/deltaE/deltaECMC.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 export default function (
 	color: Color | ColorObject,
 	sample: Color | ColorObject,

types/src/deltaE/deltaEITP.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 export default function (
 	color: Color | ColorObject,
 	sample: Color | ColorObject

types/src/deltaE/deltaEJz.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 export default function (
 	color: Color | ColorObject,
 	sample: Color | ColorObject

types/src/deltaE/deltaEOK.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "../color";
+import Color, { ColorObject } from "../color.js";
 export default function (
 	color: Color | ColorObject,
 	sample: Color | ColorObject

types/src/deltaE/index.d.ts

@@ -1,11 +1,11 @@
-export { default as deltaE76 } from "./deltaE76";
-export { default as deltaECMC } from "./deltaECMC";
-export { default as deltaE2000 } from "./deltaE2000";
-export { default as deltaEJz } from "./deltaEJz";
-export { default as deltaEITP } from "./deltaEITP";
-export { default as deltaEOK } from "./deltaEOK";
+export { default as deltaE76 } from "./deltaE76.js";
+export { default as deltaECMC } from "./deltaECMC.js";
+export { default as deltaE2000 } from "./deltaE2000.js";
+export { default as deltaEJz } from "./deltaEJz.js";
+export { default as deltaEITP } from "./deltaEITP.js";
+export { default as deltaEOK } from "./deltaEOK.js";
 
-declare const deltaEMethods: Omit<typeof import("./index"), "default">;
+declare const deltaEMethods: Omit<typeof import("./index.js"), "default">;
 export default deltaEMethods;
 
 export type Methods = keyof typeof deltaEMethods extends `deltaE${infer Method}`

types/src/display.d.ts

@@ -1,5 +1,5 @@
-import { PlainColorObject, ColorTypes } from "./color";
-import ColorSpace from "./space";
+import { PlainColorObject, ColorTypes } from "./color.js";
+import ColorSpace from "./space.js";
 
 export type Display = string & { color: PlainColorObject };
 

types/src/distance.d.ts

@@ -1,5 +1,5 @@
-import Color, { ColorObject } from "./color";
-import ColorSpace from "./space";
+import Color, { ColorObject } from "./color.js";
+import ColorSpace from "./space.js";
 
 export default function distance(
 	color1: Color | ColorObject,

types/src/equals.d.ts

@@ -1,3 +1,3 @@
-import { ColorTypes } from "./color";
+import { ColorTypes } from "./color.js";
 
 export default function equals(color1: ColorTypes, color2: ColorTypes): boolean;

types/src/get.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "./color";
-import { Ref } from "./space";
+import Color, { ColorObject } from "./color.js";
+import { Ref } from "./space.js";
 
 export default function get(color: Color | ColorObject, prop: Ref): number;

types/src/getAll.d.ts

@@ -1,5 +1,5 @@
-import Color, { ColorObject } from "./color";
-import ColorSpace from "./space";
+import Color, { ColorObject } from "./color.js";
+import ColorSpace from "./space.js";
 
 export default function getAll(
 	color: Color | ColorObject,

types/src/getColor.d.ts

@@ -1,3 +1,3 @@
-import { PlainColorObject, ColorTypes } from "./color";
+import { PlainColorObject, ColorTypes } from "./color.js";
 
 export default function getColor(color: ColorTypes): PlainColorObject;

types/src/inGamut.d.ts

@@ -1,5 +1,5 @@
-import { ColorTypes } from "./color";
-import ColorSpace from "./space";
+import { ColorTypes } from "./color.js";
+import ColorSpace from "./space.js";
 
 export default function inGamut(
 	color: ColorTypes,

types/src/index-fn.d.ts

@@ -1,29 +1,29 @@
-export { default as ColorSpace } from "./space";
-export { default as RGBColorSpace } from "./rgbspace";
-export { default as hooks, Hooks } from "./hooks";
-export { default as defaults } from "./defaults";
-export { default as getColor } from "./getColor";
-export { default as get } from "./get";
-export { default as getAll } from "./getAll";
-export { default as set } from "./set";
-export { default as setAll } from "./setAll";
-export { default as parse } from "./parse";
-export { default as to } from "./to";
-export { default as serialize } from "./serialize";
-export { default as display } from "./display";
-export { default as inGamut } from "./inGamut";
-export { default as toGamut } from "./toGamut";
-export { default as distance } from "./distance";
-export { default as equals } from "./equals";
-export { default as contrast } from "./contrast";
-export { default as clone } from "./clone";
-export { getLuminance, setLuminance } from "./luminance";
-export { uv, xy } from "./chromaticity";
-export { default as deltaE } from "./deltaE";
-export { mix, steps, range, isRange } from "./interpolation";
+export { default as ColorSpace } from "./space.js";
+export { default as RGBColorSpace } from "./rgbspace.js";
+export { default as hooks, Hooks } from "./hooks.js";
+export { default as defaults } from "./defaults.js";
+export { default as getColor } from "./getColor.js";
+export { default as get } from "./get.js";
+export { default as getAll } from "./getAll.js";
+export { default as set } from "./set.js";
+export { default as setAll } from "./setAll.js";
+export { default as parse } from "./parse.js";
+export { default as to } from "./to.js";
+export { default as serialize } from "./serialize.js";
+export { default as display } from "./display.js";
+export { default as inGamut } from "./inGamut.js";
+export { default as toGamut } from "./toGamut.js";
+export { default as distance } from "./distance.js";
+export { default as equals } from "./equals.js";
+export { default as contrast } from "./contrast.js";
+export { default as clone } from "./clone.js";
+export { getLuminance, setLuminance } from "./luminance.js";
+export { uv, xy } from "./chromaticity.js";
+export { default as deltaE } from "./deltaE.js";
+export { mix, steps, range, isRange } from "./interpolation.js";
 
-export * from "./contrast/index";
-export * from "./deltaE/index";
-export { default as deltaEMethods } from "./deltaE/index";
-export * from "./variations";
-export * from "./spaces/index-fn";
+export * from "./contrast/index.js";
+export * from "./deltaE/index.js";
+export { default as deltaEMethods } from "./deltaE/index.js";
+export * from "./variations.js";
+export * from "./spaces/index-fn.js";

types/src/index.d.ts

@@ -1,26 +1,26 @@
-import { uv, xy } from "./chromaticity";
-import Color from "./color";
-import contrast from "./contrast";
+import { uv, xy } from "./chromaticity.js";
+import Color, { ColorTypes, ToColorPrototype } from "./color.js";
+import contrast from "./contrast.js";
 import {
 	contrastWCAG21,
 	contrastAPCA,
 	contrastMichelson,
 	contrastWeber,
 	contrastLstar,
 	contrastDeltaPhi,
-} from "./contrast/index";
-import deltaE from "./deltaE";
+} from "./contrast/index.js";
+import deltaE from "./deltaE.js";
 import deltaEMethods, {
 	deltaE76,
 	deltaECMC,
 	deltaE2000,
 	deltaEJz,
 	deltaEITP,
 	deltaEOK,
-} from "./deltaE/index";
-import { range, Range, MixOptions, StepsOptions } from "./interpolation";
-import { getLuminance } from "./luminance";
-import { lighten, darken } from "./variations";
+} from "./deltaE/index.js";
+import { range, Range, MixOptions, StepsOptions } from "./interpolation.js";
+import { getLuminance } from "./luminance.js";
+import { lighten, darken } from "./variations.js";
 
 // Augment existing Color object
 declare module "./color" {

types/src/interpolation.d.ts

@@ -1,6 +1,6 @@
-import Color, { ColorTypes, PlainColorObject } from "./color";
-import ColorSpace from "./space";
-import { Methods } from "./deltaE/index";
+import Color, { ColorTypes, PlainColorObject } from "./color.js";
+import ColorSpace from "./space.js";
+import { Methods } from "./deltaE/index.js";
 
 export type Range = ((percentage: number) => Color) & {
 	rangeArgs: { colors: [Color, Color]; options: Record<string, any> };

types/src/luminance.d.ts

@@ -1,4 +1,4 @@
-import Color, { ColorObject } from "./color";
+import Color, { ColorObject } from "./color.js";
 
 export function getLuminance(color: Color | ColorObject): number;
 

types/src/parse.d.ts

@@ -1,4 +1,4 @@
-import { ColorConstructor } from "./color";
+import { ColorConstructor } from "./color.js";
 
 export interface Options {
 	meta?: object | undefined;

types/src/rgbspace.d.ts

@@ -1,4 +1,4 @@
-import ColorSpace, { Options } from "./space";
+import ColorSpace, { Options } from "./space.js";
 
 export interface RGBOptions extends Options {
 	toXYZ_M?: number[][] | undefined;

types/src/serialize.d.ts

@@ -1,5 +1,5 @@
-import { ColorTypes } from "./color";
-import { Format } from "./space";
+import { ColorTypes } from "./color.js";
+import { Format } from "./space.js";
 
 export interface Options {
 	precision?: number | undefined;