small optimizations

src/utils/constants.ts

@@ -7,18 +7,47 @@ export const UI_HEIGHTS = {
 
 // Performance Constants
 export const PERFORMANCE = {
-  DEFAULT_TILE_SIZE: 64,
+  DEFAULT_TILE_SIZE: 128,
   MAX_RENDER_TIME_MS: 50,
   MAX_SHADER_TIMEOUT_MS: 5,
   TIMEOUT_CHECK_INTERVAL: 1000,
   MAX_SAVED_SHADERS: 50,
-  IMAGE_DATA_CACHE_SIZE: 5,
-  COMPILATION_CACHE_SIZE: 20,
+  IMAGE_DATA_CACHE_SIZE: 10,
+  COMPILATION_CACHE_SIZE: 30,
 } as const;
 
 // Color Constants
 export const COLOR_TABLE_SIZE = 256;
 
+// Render Mode Constants - Keep in sync with color modes
+export const RENDER_MODES = [
+  'classic',
+  'grayscale', 
+  'red',
+  'green',
+  'blue',
+  'rgb',
+  'hsv',
+  'rainbow',
+  'thermal',
+  'neon',
+  'cyberpunk',
+  'vaporwave',
+  'dithered',
+  'palette',
+] as const;
+
+export type RenderMode = (typeof RENDER_MODES)[number];
+
+// Create a mapping from render mode to index for O(1) lookups
+export const RENDER_MODE_INDEX: Record<string, number> = RENDER_MODES.reduce(
+  (acc, mode, index) => {
+    acc[mode] = index;
+    return acc;
+  },
+  {} as Record<string, number>
+);
+
 // Storage Keys
 export const STORAGE_KEYS = {
   SHADERS: 'bitfielder_shaders',