highfillmart

\n Updated!\n

\n disableSingleClick ? useDefaults() : updateData()}\n >\n \n \n \n \n \n \n \n \n

\n\n

\n {/* Links will be dynamically added here */}\n

\n\n

\n \n \n

\n\n {showSettings && (\n

\n ×\n

Settings

\n \n Update Links (CSV):\n \n {\n try {\n const text = await navigator.clipboard.readText();\n setCsvData(text);\n } catch (err) {\n console.error('Failed to read clipboard contents: ', err);\n alert('Unable to access clipboard. Please paste the content manually.');\n }\n }}\n >\n Replace Contents\n \n

\n setCsvData(e.target.value)}\n >\n \n {updateLineCount()}\n

\n \n \n \n

\n setDisableSingleClick(e.target.checked)}\n />\n \n Always use defaults on update button click\n \n

\n \n

\n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n \n Link Manager\n \n \n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\n:root {\n --bg-color: #ffffff;\n --text-color: #343a40;\n --border-color: #dee2e6;\n --input-bg: #ffffff;\n --input-border: #ced4da;\n --btn-primary-bg: #007bff;\n --btn-primary-color: #ffffff;\n --btn-success-bg: #28a745;\n --btn-success-color: #ffffff;\n --settings-overlay-bg: rgba(0, 0, 0, 0.5);\n --settings-content-bg: #ffffff;\n}\n.dark-mode {\n --bg-color: #1a1a1a;\n --text-color: #f0f0f0;\n --border-color: #444;\n --input-bg: #2a2a2a;\n --input-border: #555;\n --btn-primary-bg: #0056b3;\n --btn-primary-color: #ffffff;\n --btn-success-bg: #1e7e34;\n --btn-success-color: #ffffff;\n --settings-overlay-bg: rgba(255, 255, 255, 0.1);\n --settings-content-bg: #2a2a2a;\n}\nbody {\n font-family: 'Quicksand', sans-serif;\n color: var(--text-color);\n background-color: var(--bg-color);\n padding-bottom: 20px;\n transition: background-color 0.3s, color 0.3s;\n}\nh1, h2, h3, label {\n font-weight: 600;\n}\n.btn {\n margin-right: 10px;\n margin-bottom: 10px;\n}\n.btn-custom {\n background-color: var(--btn-primary-bg);\n border-color: var(--btn-primary-bg);\n color: var(--btn-primary-color);\n}\n.btn-custom:hover {\n background-color: #0056b3;\n border-color: #0056b3;\n color: white;\n}\n.form-control {\n background-color: var(--input-bg);\n border-color: var(--input-border);\n color: var(--text-color);\n}\n.form-control:focus {\n background-color: var(--input-bg);\n color: var(--text-color);\n}\n.input-group-text {\n background-color: var(--input-bg);\n border-color: var(--input-border);\n color: var(--text-color);\n}\n.link-item {\n border-bottom: 1px solid var(--border-color);\n padding: 10px 0;\n}\n.link-item:last-child {\n border-bottom: none;\n}\n.settings-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--settings-overlay-bg);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n.settings-content {\n background-color: var(--settings-content-bg);\n padding: 20px;\n border-radius: 10px;\n width: 90%;\n max-width: 600px;\n max-height: 90%;\n overflow-y: auto;\n}\n.close-settings {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: var(--text-color);\n opacity: 0.5;\n text-decoration: none;\n}\n.close-settings:hover {\n color: var(--text-color);\n opacity: 0.75;\n}\n.section-separator {\n height: 3px;\n margin: 20px 0;\n}\n.settings-content .alert {\n position: relative;\n z-index: 1001;\n}\n#lineCount {\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n top: 2px;\n right: 2px;\n transition: top 0.3s ease, right 0.3s ease, background-color 0.3s, color 0.3s;\n color: var(--text-color);\n background-color: var(--input-bg);\n border: 1px solid var(--border-color);\n padding: 4px 8px;\n font-size: 0.875em;\n position: absolute;\n}\n.dark-mode #lineCount {\n background-color: var(--input-border);\n border-color: var(--border-color);\n color: #ff4444;\n}\n.link-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n.link-item {\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 15px;\n margin: 0;\n}\n.section-header {\n grid-column: 1 / -1;\n margin-top: 1.5rem;\n margin-bottom: 1rem;\n}\n.section-separator {\n grid-column: 1 / -1;\n height: 3px;\n margin: 1rem 0;\n}\n@media (max-width: 768px) {\n .link-grid {\n grid-template-columns: 1fr;\n }\n}\n`;","createdAt",["D",1736614247555],"version",1,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","arfan","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVp3b2dpRnRHTEdOM3NGbTViQ2dBaW9sdUYifQ","forkedVal","interval","slug","arfan/zSTYLES_elatedOrangeMonkey","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1736614247555],{"_117":31,"_141":-5,"_115":144,"_112":145},["D",1736614170447],"06ed668e-d03c-11ef-b9f6-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.dependencies",{"_153":154,"_155":31,"_156":135,"_157":31,"_94":158},"dependenciesList",[],"dependenciesCount","valname","page",{"_112":110,"_98":99,"_128":129,"_11":96,"_117":118,"_100":101,"_113":114,"_104":105,"_111":26,"_134":135},"routes/_app","actionData","errors"]