src/ColorFunctionContext.tsx

@@ -42,6 +42,7 @@ export function ColorFunctionProvider({ children }: WasmProviderProps) {
         try {
           await init();
           setWasmInstance(funcs);
+          console.debug('[Load WASM]', 'Loaded');
         } catch (e) {
           console.error('[Load WASM]', e);
           setError(e);

src/pages/CardsDetail.tsx

@@ -6,7 +6,6 @@ import { HSegmentedControl } from '../components/HSegmentedControl';
 import { ScrollArea } from '../components/ScrollArea';
 import { ColorDescription } from '../models';
 import { ColorCard } from '../page-components/cards-detail/ColorCard';
-import { mapToObject } from '../utls';
 import styles from './CardsDetail.module.css';
 
 type ColorModes = 'hex' | 'rgb' | 'hsl' | 'lab' | 'oklch';
@@ -21,11 +20,7 @@ export function CardsDetail({ mainTag }: CardsDetailProps) {
       return [];
     }
     try {
-      const embededCategories = colorFn.color_categories().map(mapToObject) as {
-        label: string;
-        value: string;
-      }[];
-      console.debug('[Fetch color categories]', embededCategories);
+      const embededCategories = colorFn.color_categories() as { label: string; value: string }[];
       return embededCategories.filter((cate) => !isEqual(cate.value, 'unknown'));
     } catch (e) {
       console.error('[Fetch color categories]', e);

vite.config.ts

@@ -10,7 +10,4 @@ export default defineConfig({
       cssModules: true,
     },
   },
-  optimizeDeps: {
-    exclude: ['color-module'],
-  },
 });