Annas Archiv Suche

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",19,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","304b79b0-786d-11f0-af92-0224a6c84d84","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Helper function to parse cookies from the request headers\nfunction parseCookies(cookieHeader: string | null): Map {\n const cookies = new Map();\n if (cookieHeader) {\n cookieHeader.split(\";\").forEach((cookie) => {\n const parts = cookie.split(\"=\");\n if (parts.length >= 2) {\n const name = decodeURIComponent(parts[0].trim());\n const value = decodeURIComponent(parts.slice(1).join(\"=\")).trim();\n cookies.set(name, value);\n }\n });\n }\n return cookies;\n}\n\n// Interface for the props passed to the Home component\ninterface HomeProps {\n privateKey: string;\n searchQuery: string;\n message: string | null;\n searchResults: string[]; // Placeholder for actual search results\n}\n\n// React component for the main HTML page\nconst Home = async ({\n privateKey,\n searchQuery,\n message,\n searchResults,\n}: HomeProps) => {\n const projectVal = parseProject(import.meta.url);\n const viewSourceUrl = projectVal.links.self.project.replace(\n \"esm.sh\",\n \"val.town\",\n );\n\n const inlineCss = `\n /* Basic styling adjustments for older browsers and general readability */\n body { font-family: sans-serif; line-height: 1.6; }\n .container { max-width: 800px; margin: 0 auto; padding: 1rem; }\n .form-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; }\n .form-group input {\n width: 100%;\n padding: 0.75rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 0.25rem;\n box-sizing: border-box; /* Ensures padding doesn't expand the element */\n }\n .input-with-button {\n display: flex;\n gap: 0.5rem; /* Space between input and button */\n }\n .input-with-button input {\n flex-grow: 1;\n margin-bottom: 0; /* Remove default margin-bottom when part of flex */\n }\n .btn-toggle-visibility {\n padding: 0.75rem 1rem;\n border: 1px solid #ccc;\n border-radius: 0.25rem;\n background-color: #f0f0f0;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap; /* Prevent button text from wrapping */\n }\n .btn-toggle-visibility:hover {\n background-color: #e0e0e0;\n }\n .btn-primary {\n background-color: #3b82f6; /* Tailwind blue-500 */\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 0.25rem;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }\n .btn-primary:hover { background-color: #2563eb; /* Tailwind blue-600 */ }\n .alert { padding: 1rem; border-radius: 0.25rem; margin-bottom: 1rem; }\\\n .alert-error { background-color: #fef2f2; /* Tailwind red-50 */ border-color: #ef4444; /* Tailwind red-500 */ color: #b91c1c; /* Tailwind red-700 */ border: 1px solid; }\\\n .alert-success { background-color: #ecfdf5; /* Tailwind green-50 */ border-color: #22c55e; /* Tailwind green-500 */ color: #166534; /* Tailwind green-700 */ border: 1px solid; }\\\n .search-results { margin-top: 1.5rem; }\\\n .search-results ul { list-style: disc; padding-left: 20px; }\\\n .search-results li { margin-bottom: 0.5rem; }\\\n `;\n\n function swapInputPasswordType() {\n console.log(\"swap input password type\");\n }\n\n return (\n \n \n Annas Archiv Suche\n \n \n \n \n

Diff · v19