📅 Today's Todoist Tasks

\n {error && (\n \n {error}\n \n )}\n {loading ?

Loading tasks...

: (\n

\n \n Refresh Tasks\n \n {tasks.length === 0 ?

No tasks due today or overdue

: (\n \n {tasks.map((task) => (\n \n {task.content}\n
\n \n {task.formattedDueDate || \"No due date\"}\n {task.overdue && \" (Overdue!)\"}\n \n \n ))}\n \n )}\n

\n )}\n \n View Source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Todoist API endpoint\n const TODOIST_API_BASE = \"https://api.todoist.com/rest/v2\";\n\n // Check for Todoist tasks request\n if (new URL(request.url).pathname === \"/todoist-tasks\") {\n // Retrieve Todoist API token from environment\n const apiToken = Deno.env.get(\"TODOIST_API_TOKEN\");\n\n if (!apiToken) {\n return new Response(\n JSON.stringify({\n error: \"Todoist API token not configured\",\n }),\n {\n status: 401,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n try {\n // Fetch active tasks from Todoist\n const todoistResponse = await fetch(`${TODOIST_API_BASE}/tasks`, {\n headers: {\n \"Authorization\": `Bearer ${apiToken}`,\n \"Content-Type\": \"application/json\",\n },\n });\n\n if (!todoistResponse.ok) {\n throw new Error(\"Failed to fetch Todoist tasks\");\n }\n\n const allTasks = await todoistResponse.json();\n\n // Get today's date (in local timezone)\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n\n // More robust date parsing and filtering\n const filteredTasks = allTasks.filter((task: any) => {\n // Skip tasks without due dates\n if (!task.due || !task.due.date) return false;\n\n try {\n // Parse the date string carefully\n const dueDate = new Date(task.due.date);\n\n // Ensure valid date\n if (isNaN(dueDate.getTime())) {\n console.error(`Invalid date for task: ${task.id}`, task.due);\n return false;\n }\n\n // Reset time for accurate comparison\n dueDate.setHours(0, 0, 0, 0);\n\n return dueDate <= today;\n } catch (error) {\n console.error(`Error parsing date for task ${task.id}:`, error);\n return false;\n }\n }).map((task: any) => {\n // Additional date formatting and overdue calculation\n const dueDate = new Date(task.due.date);\n return {\n ...task,\n overdue: dueDate < today,\n formattedDueDate: task.due.string || new Date(task.due.date).toLocaleDateString(),\n };\n });\n\n return new Response(JSON.stringify(filteredTasks), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Full error details:\", error);\n return new Response(\n JSON.stringify({\n error: error instanceof Error ? error.message : \"Unknown error\",\n details: error instanceof Error ? error.toString() : \"No additional details\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Default HTML response\n return new Response(\n `\n \n \n Today's Todoist Tasks\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/lm3m/TodoistTest/code/today_and_overdue.tsx","extension","actionData","errors"]