Advent of Code 2015

Working through Advent of Code 2015

\n {dates.map((date) => (\n onDateSelect(date)}\n style={{\n ...styles.dateButton,\n backgroundColor: selectedDate === date ? \"#4CAF50\" : \"#f0f0f0\",\n color: selectedDate === date ? \"white\" : \"#333\",\n }}\n >\n {date}\n \n ))}\n

\n {selectedDate && (\n

\n Selected Day: {selectedDate}\n

\n )}\n

\n );\n}\n\ninterface VerifyAttemptedProps {\n isVerified: boolean;\n onVerificationChange: (isVerified: boolean) => void;\n}\n\nfunction VerifyAttempted({ isVerified, onVerificationChange }: VerifyAttemptedProps) {\n const [inputValue, setInputValue] = useState(\"\");\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const value = e.target.value;\n setInputValue(value);\n const verified = value === \"ialreadyattemptedthisday\";\n onVerificationChange(verified);\n };\n\n return (\n

\n Please type \"ialreadyattemptedthisday\" to view my code and solution output\n

\n\n

\n \n Enter verification message:\n \n \n

\n\n {isVerified && (\n

\n ✓\n Verified!\n

\n )}\n

\n );\n}\n\ninterface ViewSolutionProps {\n selectedDay: number;\n}\n\nfunction ViewSolution({ selectedDay }: ViewSolutionProps) {\n const [solutionCode, setSolutionCode] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n // Load the solution code when component mounts or selectedDay changes\n useEffect(() => {\n const loadSolutionCode = async () => {\n try {\n setLoading(true);\n // Fetch the raw code from the solutions file\n const response = await fetch(\"https://esm.town/v/gueejla/adventofcode2015/solutions.ts\");\n if (!response.ok) {\n throw new Error(`Failed to fetch solutions: ${response.status}`);\n }\n const solutionsContent = await response.text();\n\n // Extract the specific day's function\n const functionName = `day${selectedDay}`;\n const functionRegex = new RegExp(`function ${functionName}\\\$input\\\$ {[\\\\s\\\\S]*?^}`, \"m\");\n const match = solutionsContent.match(functionRegex);\n\n if (match) {\n setSolutionCode(match[0]);\n } else {\n setSolutionCode(`// Solution for Day ${selectedDay} not found`);\n }\n } catch (error) {\n setSolutionCode(`// Error loading solution for Day ${selectedDay}: ${error.message}`);\n } finally {\n setLoading(false);\n }\n };\n\n loadSolutionCode();\n }, [selectedDay]);\n\n return (\n

Solution Code - Day {selectedDay}

\n {loading\n ?

Loading solution...

\n :

{solutionCode}

}\n

\n );\n}\n\nfunction App() {\n const [selectedDate, setSelectedDate] = useState(null);\n const [isVerified, setIsVerified] = useState(false);\n\n const handleDateSelect = (date: number) => {\n setSelectedDate(date);\n };\n\n const handleVerificationChange = (verified: boolean) => {\n setIsVerified(verified);\n };\n\n return (\n

\n \n {selectedDate && (\n \n )}\n {isVerified && selectedDate && }\n

\n \n view source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nfunction server(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n Advent of Code 2015\n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"500px\",\n margin: \"0 auto\",\n textAlign: \"center\" as const,\n },\n title: {\n color: \"#333\",\n marginBottom: \"2rem\",\n },\n inputContainer: {\n marginBottom: \"1rem\",\n },\n label: {\n display: \"block\",\n marginBottom: \"0.5rem\",\n fontSize: \"1.1rem\",\n color: \"#555\",\n },\n input: {\n padding: \"0.75rem\",\n fontSize: \"1rem\",\n border: \"2px solid #ddd\",\n borderRadius: \"4px\",\n width: \"100%\",\n maxWidth: \"300px\",\n outline: \"none\",\n },\n verifiedContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"0.5rem\",\n color: \"#4CAF50\",\n fontSize: \"1.2rem\",\n fontWeight: \"bold\",\n },\n checkmark: {\n fontSize: \"2rem\",\n },\n dateGridContainer: {\n padding: \"2rem\",\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"600px\",\n margin: \"0 auto\",\n textAlign: \"center\" as const,\n marginBottom: \"3rem\",\n },\n grid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(5, 1fr)\",\n gap: \"10px\",\n maxWidth: \"400px\",\n margin: \"0 auto\",\n marginBottom: \"1rem\",\n },\n dateButton: {\n padding: \"15px\",\n fontSize: \"1.2rem\",\n fontWeight: \"bold\",\n border: \"2px solid #ddd\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n transition: \"all 0.2s ease\",\n minHeight: \"60px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n selectedDateInfo: {\n marginTop: \"1rem\",\n padding: \"1rem\",\n backgroundColor: \"#f8f9fa\",\n borderRadius: \"8px\",\n fontSize: \"1.1rem\",\n },\n sourceLink: {\n textAlign: \"center\" as const,\n padding: \"2rem\",\n marginTop: \"2rem\",\n borderTop: \"1px solid #eee\",\n },\n link: {\n color: \"#666\",\n textDecoration: \"none\",\n fontSize: \"0.9rem\",\n fontFamily: \"Arial, sans-serif\",\n },\n solutionContainer: {\n padding: \"2rem\",\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"800px\",\n margin: \"0 auto\",\n textAlign: \"center\" as const,\n marginBottom: \"2rem\",\n },\n codeBlock: {\n backgroundColor: \"#f8f9fa\",\n border: \"1px solid #e9ecef\",\n borderRadius: \"8px\",\n padding: \"1.5rem\",\n textAlign: \"left\" as const,\n overflow: \"auto\",\n },\n code: {\n fontFamily: \"Monaco, Consolas, 'Courier New', monospace\",\n fontSize: \"0.9rem\",\n lineHeight: \"1.5\",\n margin: \"0\",\n color: \"#333\",\n },\n loading: {\n textAlign: \"center\" as const,\n color: \"#666\",\n fontStyle: \"italic\",\n padding: \"2rem\",\n },\n};\n\nexport default server;","deleted","label","gueejla-aoc-2015",[98],"permalink","https://www.val.town/x/gueejla/adventofcode2015/code/main.tsx","extension","actionData","errors"]