import {
  extractColorsFromUrl,
  withColorNames,
  analyzePalette,
  computeSearchTarget,
  buildCuratedPalette,
  toleranceToThreshold,
  generateHarmony,
  meetsWCAG,
  paletteToCSS,
} from "colorscope";

// 1. Extract dominant colors from an image
const { colors, background } = await extractColorsFromUrl("https://example.com/photo.jpg");

// 2. Add human-readable names
const named = withColorNames(colors);

// 3. Analyze the palette
const analysis = analyzePalette(named);

// 4. Build a curated picker palette
const picker = buildCuratedPalette(5);

// 5. Turn selections into a search target
const target = computeSearchTarget({
  state: {
    mode: "palette",
    paletteColors: named.slice(0, 3).map((color) => color.hex),
    paletteLogic: "all",
    searchName: null,
    colorHex: null,
    moodPreset: null,
    gradientStart: null,
    gradientEnd: null,
    temperature: 0,
    lightness: 0.5,
  },
});
const threshold = toleranceToThreshold(0.45);

// 6. Generate harmonies from the dominant color
const harmonies = generateHarmony(named[0], "complementary");

// 7. Check contrast accessibility
const wcag = meetsWCAG(named[0].hex, "#ffffff");

// 8. Export as CSS custom properties
const css = paletteToCSS(named);

// Server-only (Node.js) — barrel import is fine
import { extractColorsFromUrl, withColorNames } from "colorscope";

// Client-safe — use sub-path imports
import type { QuantizedColor } from "colorscope/types";
import { analyzePalette } from "colorscope/analysis";
import { generateHarmony } from "colorscope/harmony";
import { getColorName } from "colorscope/naming";