[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","40d33e9c7bacd1f32863183408ee0e4ae3e5f5a3","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_168":169,"_170":-5},"handle","stevekrouse","name","complex-test-app","path","shared/utils.ts","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","df5ec440-998b-11f0-ad22-0224a6c84d84","createdAt",["D",1758748647548],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","org",{"_93":94,"_131":128},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",6,"df5f17e2-998b-11f0-ad22-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":156,"_157":158,"_103":159,"_134":32,"_160":161,"_162":163,"_164":20,"_165":-5,"_97":166},"24ba4046-998c-11f0-92bb-0224a6c84d84","utils.ts","fileId","24ba40e6-998c-11f0-92bb-0224a6c84d84","parentId","f1d41c13-bc5f-48bb-9d91-a4a1b685e803","branchId","branchVersion",3,"latest",true,["D",1758748763905],"fileType","script","content","// Shared utility functions for the Todo App\n\nimport { Priority, Todo, Category, Statistics } from './types.ts';\n\n// Date utilities\nexport const formatDate = (date: string | Date): string => {\n const d = new Date(date);\n return d.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n};\n\nexport const formatDateTime = (date: string | Date): string => {\n const d = new Date(date);\n return d.toLocaleString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n};\n\nexport const formatRelativeTime = (date: string | Date): string => {\n const now = new Date();\n const target = new Date(date);\n const diffMs = target.getTime() - now.getTime();\n const diffDays = Math.ceil(diffMs / (1000 * 60 * 60 * 24));\n \n if (diffDays === 0) return 'Today';\n if (diffDays === 1) return 'Tomorrow';\n if (diffDays === -1) return 'Yesterday';\n if (diffDays > 1) return `In ${diffDays} days`;\n if (diffDays < -1) return `${Math.abs(diffDays)} days ago`;\n \n return formatDate(date);\n};\n\nexport const isOverdue = (dueDate: string | null): boolean => {\n if (!dueDate) return false;\n return new Date(dueDate) < new Date();\n};\n\nexport const isDueToday = (dueDate: string | null): boolean => {\n if (!dueDate) return false;\n const today = new Date();\n const due = new Date(dueDate);\n return today.toDateString() === due.toDateString();\n};\n\nexport const isDueThisWeek = (dueDate: string | null): boolean => {\n if (!dueDate) return false;\n const today = new Date();\n const due = new Date(dueDate);\n const weekFromNow = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000);\n return due >= today && due <= weekFromNow;\n};\n\n// Priority utilities\nexport const getPriorityColor = (priority: Priority): string => {\n switch (priority) {\n case Priority.URGENT: return 'text-red-600 bg-red-50';\n case Priority.HIGH: return 'text-orange-600 bg-orange-50';\n case Priority.MEDIUM: return 'text-yellow-600 bg-yellow-50';\n case Priority.LOW: return 'text-green-600 bg-green-50';\n default: return 'text-gray-600 bg-gray-50';\n }\n};\n\nexport const getPriorityIcon = (priority: Priority): string => {\n switch (priority) {\n case Priority.URGENT: return '🔥';\n case Priority.HIGH: return '⚡';\n case Priority.MEDIUM: return '⭐';\n case Priority.LOW: return '🌱';\n default: return '📝';\n }\n};\n\nexport const getPriorityWeight = (priority: Priority): number => {\n switch (priority) {\n case Priority.URGENT: return 4;\n case Priority.HIGH: return 3;\n case Priority.MEDIUM: return 2;\n case Priority.LOW: return 1;\n default: return 0;\n }\n};\n\n// Todo utilities\nexport const calculateProgress = (todo: Todo): number => {\n if (todo.completed) return 100;\n if (todo.progress > 0) return todo.progress;\n \n // Auto-calculate based on subtasks if any\n // This would be implemented with actual subtask data\n return 0;\n};\n\nexport const getCompletionTime = (todo: Todo): number | null => {\n if (!todo.completed_at || !todo.created_at) return null;\n \n const created = new Date(todo.created_at);\n const completed = new Date(todo.completed_at);\n return Math.round((completed.getTime() - created.getTime()) / (1000 * 60 * 60 * 24));\n};\n\nexport const estimateCompletionDate = (todo: Todo): Date | null => {\n if (!todo.estimated_minutes) return null;\n \n const now = new Date();\n const estimatedMs = todo.estimated_minutes * 60 * 1000;\n return new Date(now.getTime() + estimatedMs);\n};\n\n// Search and filter utilities\nexport const searchTodos = (todos: Todo[], query: string): Todo[] => {\n if (!query.trim()) return todos;\n \n const searchTerm = query.toLowerCase();\n return todos.filter(todo => \n todo.title.toLowerCase().includes(searchTerm) ||\n todo.description.toLowerCase().includes(searchTerm)\n );\n};\n\nexport const filterTodosByCategory = (todos: Todo[], categoryId: number | null): Todo[] => {\n if (categoryId === null) return todos;\n return todos.filter(todo => todo.category_id === categoryId);\n};\n\nexport const filterTodosByPriority = (todos: Todo[], priority: Priority | null): Todo[] => {\n if (!priority) return todos;\n return todos.filter(todo => todo.priority === priority);\n};\n\nexport const filterOverdueTodos = (todos: Todo[]): Todo[] => {\n return todos.filter(todo => !todo.completed && isOverdue(todo.due_date));\n};\n\nexport const filterTodayTodos = (todos: Todo[]): Todo[] => {\n return todos.filter(todo => isDueToday(todo.due_date));\n};\n\nexport const filterThisWeekTodos = (todos: Todo[]): Todo[] => {\n return todos.filter(todo => isDueThisWeek(todo.due_date));\n};\n\n// Sorting utilities\nexport const sortTodosByPriority = (todos: Todo[]): Todo[] => {\n return [...todos].sort((a, b) => getPriorityWeight(b.priority) - getPriorityWeight(a.priority));\n};\n\nexport const sortTodosByDueDate = (todos: Todo[]): Todo[] => {\n return [...todos].sort((a, b) => {\n if (!a.due_date && !b.due_date) return 0;\n if (!a.due_date) return 1;\n if (!b.due_date) return -1;\n return new Date(a.due_date).getTime() - new Date(b.due_date).getTime();\n });\n};\n\nexport const sortTodosByCreatedDate = (todos: Todo[]): Todo[] => {\n return [...todos].sort((a, b) => \n new Date(b.created_at).getTime() - new Date(a.created_at).getTime()\n );\n};\n\nexport const sortTodosByTitle = (todos: Todo[]): Todo[] => {\n return [...todos].sort((a, b) => a.title.localeCompare(b.title));\n};\n\nexport const sortTodosByPosition = (todos: Todo[]): Todo[] => {\n return [...todos].sort((a, b) => a.position - b.position);\n};\n\n// Statistics utilities\nexport const calculateCompletionRate = (total: number, completed: number): number => {\n if (total === 0) return 0;\n return Math.round((completed / total) * 100);\n};\n\nexport const calculateStreak = (todos: Todo[]): number => {\n const completedTodos = todos\n .filter(todo => todo.completed && todo.completed_at)\n .sort((a, b) => new Date(b.completed_at!).getTime() - new Date(a.completed_at!).getTime());\n \n if (completedTodos.length === 0) return 0;\n \n let streak = 0;\n let currentDate = new Date();\n currentDate.setHours(0, 0, 0, 0);\n \n for (const todo of completedTodos) {\n const completedDate = new Date(todo.completed_at!);\n completedDate.setHours(0, 0, 0, 0);\n \n const diffDays = Math.floor((currentDate.getTime() - completedDate.getTime()) / (1000 * 60 * 60 * 24));\n \n if (diffDays === streak) {\n streak++;\n } else if (diffDays === streak + 1) {\n streak++;\n } else {\n break;\n }\n \n currentDate = completedDate;\n }\n \n return streak;\n};\n\n// Color utilities\nexport const generateRandomColor = (): string => {\n const colors = [\n '#ef4444', '#f97316', '#f59e0b', '#eab308', '#84cc16',\n '#22c55e', '#10b981', '#14b8a6', '#06b6d4', '#0ea5e9',\n '#3b82f6', '#6366f1', '#8b5cf6', '#a855f7', '#d946ef',\n '#ec4899', '#f43f5e'\n ];\n return colors[Math.floor(Math.random() * colors.length)];\n};\n\nexport const getContrastColor = (hexColor: string): string => {\n // Convert hex to RGB\n const r = parseInt(hexColor.slice(1, 3), 16);\n const g = parseInt(hexColor.slice(3, 5), 16);\n const b = parseInt(hexColor.slice(5, 7), 16);\n \n // Calculate luminance\n const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n \n return luminance > 0.5 ? '#000000' : '#ffffff';\n};\n\n// Validation utilities\nexport const validateEmail = (email: string): boolean => {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n};\n\nexport const validateUrl = (url: string): boolean => {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n};\n\nexport const sanitizeHtml = (html: string): string => {\n // Basic HTML sanitization - in a real app, use a proper library\n return html\n .replace(/)<[^<]*)*<\\/script>/gi, '')\n .replace(/)<[^<]*)*<\\/iframe>/gi, '')\n .replace(/javascript:/gi, '')\n .replace(/on\\w+\\s*=/gi, '');\n};\n\n// Export utilities\nexport const exportToJson = (data: any): string => {\n return JSON.stringify(data, null, 2);\n};\n\nexport const exportToCsv = (todos: Todo[], categories: Category[]): string => {\n const categoryMap = new Map(categories.map(cat => [cat.id, cat.name]));\n \n const headers = [\n 'Title', 'Description', 'Completed', 'Priority', 'Category',\n 'Due Date', 'Created At', 'Updated At', 'Estimated Minutes', 'Progress'\n ];\n \n const rows = todos.map(todo => [\n `\"${todo.title.replace(/\"/g, '\"\"')}\"`,\n `\"${todo.description.replace(/\"/g, '\"\"')}\"`,\n todo.completed ? 'Yes' : 'No',\n todo.priority,\n todo.category_id ? categoryMap.get(todo.category_id) || 'Unknown' : 'None',\n todo.due_date || '',\n formatDateTime(todo.created_at),\n formatDateTime(todo.updated_at),\n todo.estimated_minutes || '',\n todo.progress\n ]);\n \n return [headers.join(','), ...rows.map(row => row.join(','))].join('\\n');\n};\n\nexport const exportToMarkdown = (todos: Todo[], categories: Category[]): string => {\n const categoryMap = new Map(categories.map(cat => [cat.id, cat.name]));\n \n let markdown = '# Todo List Export\\n\\n';\n \n const groupedTodos = todos.reduce((acc, todo) => {\n const categoryName = todo.category_id ? categoryMap.get(todo.category_id) || 'Unknown' : 'Uncategorized';\n if (!acc[categoryName]) acc[categoryName] = [];\n acc[categoryName].push(todo);\n return acc;\n }, {} as Record);\n \n for (const [categoryName, categoryTodos] of Object.entries(groupedTodos)) {\n markdown += `## ${categoryName}\\n\\n`;\n \n for (const todo of categoryTodos) {\n const checkbox = todo.completed ? '[x]' : '[ ]';\n const priority = getPriorityIcon(todo.priority);\n const dueDate = todo.due_date ? ` (Due: ${formatDate(todo.due_date)})` : '';\n \n markdown += `- ${checkbox} ${priority} **${todo.title}**${dueDate}\\n`;\n if (todo.description) {\n markdown += ` ${todo.description}\\n`;\n }\n markdown += '\\n';\n }\n }\n \n return markdown;\n};\n\n// Local storage utilities (for frontend)\nexport const saveToLocalStorage = (key: string, data: any): void => {\n try {\n localStorage.setItem(key, JSON.stringify(data));\n } catch (error) {\n console.warn('Failed to save to localStorage:', error);\n }\n};\n\nexport const loadFromLocalStorage = (key: string, defaultValue: T): T => {\n try {\n const item = localStorage.getItem(key);\n return item ? JSON.parse(item) : defaultValue;\n } catch (error) {\n console.warn('Failed to load from localStorage:', error);\n return defaultValue;\n }\n};\n\n// Debounce utility\nexport const debounce = any>(\n func: T,\n wait: number\n): ((...args: Parameters) => void) => {\n let timeout: number | undefined;\n \n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n};\n\n// Throttle utility\nexport const throttle = any>(\n func: T,\n limit: number\n): ((...args: Parameters) => void) => {\n let inThrottle: boolean;\n \n return (...args: Parameters) => {\n if (!inThrottle) {\n func(...args);\n inThrottle = true;\n setTimeout(() => inThrottle = false, limit);\n }\n };\n};","deleted","label",[167,149],"shared","permalink","https://www.val.town/x/stevekrouse/complex-test-app/code/shared/utils.ts","extension","actionData","errors"]