BestTime2Post

\n {step === 1 && (\n

Let's find the best time for your social media posts

\n {PLATFORMS.map((p) => (\n \n ))}\n

\n )}\n {step === 2 && (\n

What's your {platform} handle?

\n )}\n {step === 3 && (\n

Where should we send your expanded insights?

\n )}\n {isAnalyzing && (\n

Analyzing...

\n )}\n {bestTime && (\n

Your Best Posting Time:

\n {bestTime.slice(0, -1)}{bestTime.slice(-1)}\n

This time maximizes your engagement potential!

\n )}\n {message &&

{message}

}\n {step === 1 && (\n

BestTime2Post uses advanced algorithms to analyze your social media activity and determine the optimal time for you to post. Our AI-powered system takes into account factors such as your followers' activity patterns, engagement rates, and platform-specific trends to provide you with a personalized recommendation. By posting at the suggested time, you can maximize your reach and increase your chances of going viral. Start now and take your social media game to the next level!

\n )}\n

\n );\n}\n\nfunction renderApp() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render();\n } else {\n console.error(\"Root element not found\");\n }\n}\n\nfunction client() {\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", renderApp);\n } else {\n renderApp();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const { email } = await import(\"https://esm.town/v/std/email\");\n const KEY = \"obedientHarlequinHedgehog\";\n\n // Create table if it doesn't exist\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n platform TEXT NOT NULL,\n handle TEXT NOT NULL,\n email TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,\n UNIQUE(email, platform)\n )\n `);\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/check-email\") {\n const { email, platform } = await request.json();\n \n // Check if email already exists for this platform\n const result = await sqlite.execute(`\n SELECT email FROM ${KEY}_users WHERE email = ? AND platform = ?\n `, [email, platform]);\n\n if (result.rows.length > 0 && email.toLowerCase() !== \"allabouttaurus@gmail.com\") {\n return new Response(JSON.stringify({ error: \"Email already used for this platform\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/submit\") {\n const { platform, handle, email } = await request.json();\n \n try {\n // Insert user data into SQLite database\n await sqlite.execute(`\n INSERT INTO ${KEY}_users (platform, handle, email) VALUES (?, ?, ?)\n `, [platform, handle, email]);\n\n // Send email to the user\n await email({\n to: email,\n subject: \"Your BestTime2Post Analysis\",\n text: `Thank you for using BestTime2Post! Here's a brief analysis of your ${platform} account:\n\n1. Best Posting Time: The time shown is when your followers are most active.\n2. Engagement Rate: This measures how much your audience interacts with your content.\n3. Follower Growth: This tracks how quickly your audience is growing.\n4. Content Performance: This shows which types of posts perform best.\n\nTo read your analytics:\n- Look for patterns in when your high-performing posts were published.\n- Pay attention to which content types get the most engagement.\n- Monitor your follower growth alongside your posting frequency.\n\nRemember, consistency is key in social media success!\n\nBest regards,\nThe BestTime2Post Team`,\n html: `

Your BestTime2Post Analysis

Thank you for using BestTime2Post! Here's a brief analysis of your ${platform} account:

Best Posting Time: The time shown is when your followers are most active.
Engagement Rate: This measures how much your audience interacts with your content.
Follower Growth: This tracks how quickly your audience is growing.
Content Performance: This shows which types of posts perform best.

To read your analytics:

Look for patterns in when your high-performing posts were published.
Pay attention to which content types get the most engagement.
Monitor your follower growth alongside your posting frequency.

Remember, consistency is key in social media success!

Best regards,
The BestTime2Post Team

`,\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Email already used for this platform\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(`\n \n \n \n \n \n BestTime2Post\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #000000;\n color: #ffffff;\n}\n\n.container {\n max-width: 800px;\n margin: 2rem auto;\n padding: 2rem;\n background-color: #1a1a1a;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nh1 {\n text-align: center;\n color: #ffffff;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n}\n\nh2 {\n color: #ffffff;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.step {\n margin-bottom: 2rem;\n}\n\n.platform-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.platform-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n border: none;\n border-radius: 8px;\n background-color: #333333;\n color: #ffffff;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: calc(25% - 1rem);\n max-width: 120px;\n}\n\n.platform-button:hover {\n background-color: #4d4d4d;\n}\n\n.platform-logo {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 48px;\n height: 48px;\n margin-bottom: 0.5rem;\n}\n\n.platform-logo svg {\n width: 100%;\n height: 100%;\n}\n\ninput {\n width: 100%;\n padding: 0.75rem;\n margin-bottom: 1rem;\n border: 2px solid #333333;\n border-radius: 8px;\n font-size: 1rem;\n background-color: #1a1a1a;\n color: #ffffff;\n}\n\ninput:focus {\n outline: none;\n border-color: #4d4d4d;\n}\n\nbutton {\n display: block;\n width: 100%;\n padding: 0.75rem;\n background-color: #333333;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n background-color: #4d4d4d;\n}\n\n.analyzing {\n text-align: center;\n}\n\n.clock {\n width: 200px;\n height: 200px;\n border: 10px solid #333333;\n border-radius: 50%;\n margin: 2rem auto;\n position: relative;\n background-color: #1a1a1a;\n}\n\n.clock-face {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.hand {\n width: 50%;\n height: 6px;\n background: #ffffff;\n position: absolute;\n top: 50%;\n transform-origin: 100%;\n transform: rotate(90deg);\n transition: all 0.05s;\n transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);\n}\n\n.hour-hand {\n width: 30%;\n left: 20%;\n animation: rotate 43200s infinite linear;\n}\n\n.minute-hand {\n height: 4px;\n animation: rotate 3600s infinite linear;\n}\n\n.second-hand {\n height: 2px;\n background: #ff6b6b;\n animation: rotate 60s infinite linear;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(450deg);\n }\n}\n\n.result {\n text-align: center;\n}\n\n.time-brick {\n font-size: 3rem;\n font-weight: bold;\n color: #000000;\n background-color: #ffffff;\n padding: 1rem;\n border-radius: 8px;\n display: inline-block;\n margin: 1rem 0;\n}\n\n.blurred {\n filter: blur(8px);\n margin-left: 4px;\n}\n\n.message {\n background-color: #333333;\n color: #ffffff;\n padding: 1rem;\n border-radius: 8px;\n text-align: center;\n margin-top: 1rem;\n animation: fadeIn 0.5s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.bottom-copy {\n margin-top: 2rem;\n padding: 1rem;\n background-color: #333333;\n border-radius: 8px;\n font-size: 0.9rem;\n line-height: 1.6;\n}\n\n.error {\n color: #ff6b6b;\n margin-top: 1rem;\n text-align: center;\n animation: fadeIn 0.5s ease-out, fadeOut 0.5s ease-in 4.5s forwards;\n}\n\n@keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n}\n\n.selected-platform {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 1rem;\n padding: 0.5rem;\n background-color: #333333;\n border-radius: 8px;\n}\n\n.selected-platform .platform-logo {\n width: 24px;\n height: 24px;\n margin-right: 0.5rem;\n}\n\n.selected-platform span {\n font-size: 1rem;\n}\n\n@media (max-width: 600px) {\n .platform-button {\n width: calc(33.33% - 1rem);\n }\n}\n\n@media (max-width: 480px) {\n .platform-button {\n width: calc(50% - 1rem);\n }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/taurusismagic/obedientHarlequinHedgehog/code/main.tsx","extension","actionData","errors"]