feat: unify pastel application into single playground and remove standalone pages

lib/pastel/api/queries.ts

@@ -2,28 +2,19 @@
 
 import { useQuery, useMutation, UseQueryOptions } from '@tanstack/react-query';
 import { pastelAPI } from './client';
-import type {
+import {
   ColorInfoRequest,
   ColorInfoData,
   ConvertFormatRequest,
   ConvertFormatData,
   ColorManipulationRequest,
   ColorManipulationData,
-  ColorMixRequest,
-  ColorMixData,
   RandomColorsRequest,
   RandomColorsData,
-  DistinctColorsRequest,
-  DistinctColorsData,
   GradientRequest,
   GradientData,
-  ColorBlindnessRequest,
   PaletteGenerateRequest,
   PaletteGenerateData,
-  ColorBlindnessData,
-  TextColorRequest,
-  TextColorData,
-  NamedColorsData,
   HealthData,
 } from './types';
 
@@ -132,18 +123,6 @@ export const useComplement = () => {
   });
 };
 
-export const useMixColors = () => {
-  return useMutation({
-    mutationFn: async (request: ColorMixRequest) => {
-      const response = await pastelAPI.mix(request);
-      if (!response.success) {
-        throw new Error(response.error.message);
-      }
-      return response.data;
-    },
-  });
-};
-
 // Color Generation
 export const useGenerateRandom = () => {
   return useMutation({
@@ -157,18 +136,6 @@ export const useGenerateRandom = () => {
   });
 };
 
-export const useGenerateDistinct = () => {
-  return useMutation({
-    mutationFn: async (request: DistinctColorsRequest) => {
-      const response = await pastelAPI.generateDistinct(request);
-      if (!response.success) {
-        throw new Error(response.error.message);
-      }
-      return response.data;
-    },
-  });
-};
-
 export const useGenerateGradient = () => {
   return useMutation({
     mutationFn: async (request: GradientRequest) => {
@@ -181,47 +148,6 @@ export const useGenerateGradient = () => {
   });
 };
 
-// Color Blindness Simulation
-export const useSimulateColorBlindness = () => {
-  return useMutation({
-    mutationFn: async (request: ColorBlindnessRequest) => {
-      const response = await pastelAPI.simulateColorBlindness(request);
-      if (!response.success) {
-        throw new Error(response.error.message);
-      }
-      return response.data;
-    },
-  });
-};
-
-// Text Color Optimizer
-export const useTextColor = () => {
-  return useMutation({
-    mutationFn: async (request: TextColorRequest) => {
-      const response = await pastelAPI.getTextColor(request);
-      if (!response.success) {
-        throw new Error(response.error.message);
-      }
-      return response.data;
-    },
-  });
-};
-
-// Named Colors
-export const useNamedColors = () => {
-  return useQuery({
-    queryKey: ['namedColors'],
-    queryFn: async () => {
-      const response = await pastelAPI.getNamedColors();
-      if (!response.success) {
-        throw new Error(response.error.message);
-      }
-      return response.data;
-    },
-    staleTime: Infinity, // Named colors never change
-  });
-};
-
 // Health Check
 export const useHealth = () => {
   return useQuery({