refactor: rename pastel app to color and update all references

This commit is contained in:
2026-02-26 12:19:22 +01:00
parent 061ea1d806
commit 484423f299
23 changed files with 55 additions and 64 deletions

View File

@@ -15,15 +15,15 @@ import type {
PaletteGenerateRequest,
PaletteGenerateData,
} from './types';
import { pastelWASM } from './wasm-client';
import { colorWASM } from './wasm-client';
export class PastelAPIClient {
export class ColorAPIClient {
private baseURL: string;
constructor(baseURL?: string) {
// Use the Next.js API proxy route for runtime configuration
// This allows changing the backend API URL without rebuilding
this.baseURL = baseURL || '/api/pastel';
this.baseURL = baseURL || '/api/color';
}
private async request<T>(
@@ -172,4 +172,4 @@ export class PastelAPIClient {
// Export singleton instance
// Now using WASM client for zero-latency, offline-first color operations
export const pastelAPI = pastelWASM;
export const colorAPI = colorWASM;

View File

@@ -1,7 +1,7 @@
'use client';
import { useQuery, useMutation, UseQueryOptions } from '@tanstack/react-query';
import { pastelAPI } from './client';
import { colorAPI } from './client';
import {
ColorInfoRequest,
ColorInfoData,
@@ -26,7 +26,7 @@ export const useColorInfo = (
return useQuery({
queryKey: ['colorInfo', request.colors],
queryFn: async () => {
const response = await pastelAPI.getColorInfo(request);
const response = await colorAPI.getColorInfo(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -41,7 +41,7 @@ export const useColorInfo = (
export const useConvertFormat = () => {
return useMutation({
mutationFn: async (request: ConvertFormatRequest) => {
const response = await pastelAPI.convertFormat(request);
const response = await colorAPI.convertFormat(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -54,7 +54,7 @@ export const useConvertFormat = () => {
export const useLighten = () => {
return useMutation({
mutationFn: async (request: ColorManipulationRequest) => {
const response = await pastelAPI.lighten(request);
const response = await colorAPI.lighten(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -66,7 +66,7 @@ export const useLighten = () => {
export const useDarken = () => {
return useMutation({
mutationFn: async (request: ColorManipulationRequest) => {
const response = await pastelAPI.darken(request);
const response = await colorAPI.darken(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -78,7 +78,7 @@ export const useDarken = () => {
export const useSaturate = () => {
return useMutation({
mutationFn: async (request: ColorManipulationRequest) => {
const response = await pastelAPI.saturate(request);
const response = await colorAPI.saturate(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -90,7 +90,7 @@ export const useSaturate = () => {
export const useDesaturate = () => {
return useMutation({
mutationFn: async (request: ColorManipulationRequest) => {
const response = await pastelAPI.desaturate(request);
const response = await colorAPI.desaturate(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -102,7 +102,7 @@ export const useDesaturate = () => {
export const useRotate = () => {
return useMutation({
mutationFn: async (request: ColorManipulationRequest) => {
const response = await pastelAPI.rotate(request);
const response = await colorAPI.rotate(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -114,7 +114,7 @@ export const useRotate = () => {
export const useComplement = () => {
return useMutation({
mutationFn: async (colors: string[]) => {
const response = await pastelAPI.complement(colors);
const response = await colorAPI.complement(colors);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -127,7 +127,7 @@ export const useComplement = () => {
export const useGenerateRandom = () => {
return useMutation({
mutationFn: async (request: RandomColorsRequest) => {
const response = await pastelAPI.generateRandom(request);
const response = await colorAPI.generateRandom(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -139,7 +139,7 @@ export const useGenerateRandom = () => {
export const useGenerateGradient = () => {
return useMutation({
mutationFn: async (request: GradientRequest) => {
const response = await pastelAPI.generateGradient(request);
const response = await colorAPI.generateGradient(request);
if (!response.success) {
throw new Error(response.error.message);
}
@@ -153,7 +153,7 @@ export const useHealth = () => {
return useQuery({
queryKey: ['health'],
queryFn: async () => {
const response = await pastelAPI.getHealth();
const response = await colorAPI.getHealth();
if (!response.success) {
throw new Error(response.error.message);
}
@@ -167,7 +167,7 @@ export const useHealth = () => {
export const useGeneratePalette = () => {
return useMutation({
mutationFn: async (request: PaletteGenerateRequest) => {
const response = await pastelAPI.generatePalette(request);
const response = await colorAPI.generatePalette(request);
if (!response.success) {
throw new Error(response.error.message);
}

View File

@@ -41,11 +41,11 @@ async function ensureWasmInit() {
}
/**
* WASM-based Pastel client
* Provides the same interface as PastelAPIClient but uses WebAssembly
* WASM-based Color client
* Provides the same interface as ColorAPIClient but uses WebAssembly
* Zero network latency, works offline!
*/
export class PastelWASMClient {
export class ColorWASMClient {
constructor() {
// Initialize WASM eagerly
ensureWasmInit().catch(console.error);
@@ -347,4 +347,4 @@ export class PastelWASMClient {
}
// Export singleton instance
export const pastelWASM = new PastelWASMClient();
export const colorWASM = new ColorWASMClient();