Prompt Alchemist Parser

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nfunction promptAlchemistParse(input: string): Array<{chunk: string, relevance: number}> {\n if (typeof input !== \"string\") {\n throw new Error(\"Input must be a string\");\n }\n\n const chunks: string[] = input.match(/(.{1,75}\\b)/g) || [];\n\n const rankedChunks = chunks.map((chunk, index) => ({\n chunk,\n relevance: calculateRelevance(chunk, input)\n }));\n\n return rankedChunks.sort((a, b) => b.relevance - a.relevance).slice(0, 5);\n}\n\nfunction calculateRelevance(chunk: string, fullInput: string): number {\n const uniqueWordsInChunk = new Set(chunk.toLowerCase().match(/\\b\\w+\\b/g) || []).size;\n const chunkPosition = fullInput.indexOf(chunk) / fullInput.length;\n \n return uniqueWordsInChunk * (1 - chunkPosition);\n}\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/parse\") {\n const { input } = await request.json();\n try {\n const result = promptAlchemistParse(input);\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(`\n \n \n Prompt Alchemist Parser\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: #f0f4f8;\n --text-color: #333;\n --primary-color: #4a90e2;\n --secondary-color: #f39c12;\n --error-color: #e74c3c;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--bg-color);\n color: var(--text-color);\n line-height: 1.6;\n margin: 0;\n padding: 0;\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\nheader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n}\n\nh1 {\n font-size: 2.5rem;\n color: var(--primary-color);\n}\n\ntextarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 1rem;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n background-color: #3a7bd5;\n}\n\nbutton:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n}\n\n.error {\n color: var(--error-color);\n margin-top: 10px;\n font-weight: bold;\n}\n\n.results {\n margin-top: 20px;\n}\n\n.chunk {\n background-color: white;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.chunk-content {\n font-size: 1.1rem;\n margin-bottom: 5px;\n}\n\n.relevance-bar {\n background-color: var(--secondary-color);\n color: white;\n text-align: right;\n padding: 5px;\n border-radius: 2px;\n font-size: 0.9rem;\n}\n\n.mode-toggle {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n.dark-mode {\n --bg-color: #2c3e50;\n --text-color: #ecf0f1;\n --primary-color: #3498db;\n --secondary-color: #e67e22;\n}\n\n.dark-mode .chunk {\n background-color: #34495e;\n border-color: #2c3e50;\n}\n\n@media (max-width: 600px) {\n .container {\n padding: 10px;\n }\n\n h1 {\n font-size: 2rem;\n }\n\n textarea {\n font-size: 0.9rem;\n }\n\n button {\n width: 100%;\n }\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/toowired/promptAlchemistParse/code/main.tsx","extension","actionData","errors"]

Top 5 Relevant Chunks: