/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect, useMemo, useCallback } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; const PLATFORMS = [ { name: 'Instagram', logo: `` }, // Other platforms remain the same ].slice(0, 6); // Limit to first 6 platforms for performance function useTimeout(callback, delay) { useEffect(() => { if (delay !== null) { const timer = setTimeout(callback, delay); return () => clearTimeout(timer); } }, [callback, delay]); } function App() { const [step, setStep] = useState(1); const [formData, setFormData] = useState({ platform: "", handle: "", email: "" }); const [appState, setAppState] = useState({ isAnalyzing: false, bestTime: null, message: "", error: "" }); const handlePlatformSelect = useCallback((selectedPlatform) => { setFormData(prev => ({ ...prev, platform: selectedPlatform })); setStep(2); setAppState(prev => ({ ...prev, message: `Great choice! ${selectedPlatform} is awesome.` })); }, []); const handleInputChange = useCallback((e) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }, []); const handleSubmit = useCallback(async (e) => { e.preventDefault(); if (step === 2) { setStep(3); setAppState(prev => ({ ...prev, message: "Thanks! We'll use this to analyze your best posting time." })); } else if (step === 3) { setAppState(prev => ({ ...prev, isAnalyzing: true, message: "Analyzing your social media activity...", error: "" })); try { const response = await fetch("/check-email", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: formData.email, platform: formData.platform }), }); if (!response.ok) { throw new Error("Email already used for this platform"); } setTimeout(() => { const randomHour = Math.floor(Math.random() * 24); const randomMinute = Math.floor(Math.random() * 60); setAppState(prev => ({ ...prev, isAnalyzing: false, bestTime: `${randomHour.toString().padStart(2, '0')}:${randomMinute.toString().padStart(2, '0')}` })); }, 2000); } catch (error) { setAppState(prev => ({ ...prev, isAnalyzing: false, error: "This email has already been used for this platform. Please use a different email or platform." })); } } }, [step, formData]); // Clear messages after a timeout useTimeout(() => { setAppState(prev => ({ ...prev, message: "", error: "" })); }, appState.message || appState.error ? 3000 : null); // Memoize platform logo lookup const selectedPlatformLogo = useMemo(() => PLATFORMS.find(p => p.name === formData.platform)?.logo || '', [formData.platform] ); return (

BestTime2Post

{step === 1 && (

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

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

)} {step === 2 && (

What's your {formData.platform} handle?

)} {step === 3 && (

Where should we send your expanded insights?

{appState.error &&

{appState.error}

}

{formData.platform}

)} {appState.isAnalyzing && (

Analyzing...

)} {appState.bestTime && (

Your Best Posting Time:

{appState.bestTime.slice(0, -1)}{appState.bestTime.slice(-1)}

This time maximizes your engagement potential!

)} {appState.message &&

{appState.message}

} {step === 1 && (

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!

)}

); } function renderApp() { const root = document.getElementById("root"); if (root) { createRoot(root).render(); } else { console.error("Root element not found"); } } function client() { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", renderApp); } else { renderApp(); } } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite"); const { email } = await import("https://esm.town/v/std/email"); const KEY = new URL(import.meta.url).pathname.split("/").at(-1); // Create table if it doesn't exist await sqlite.execute(` CREATE TABLE IF NOT EXISTS ${KEY}_users ( id INTEGER PRIMARY KEY AUTOINCREMENT, platform TEXT NOT NULL, handle TEXT NOT NULL, email TEXT NOT NULL, timestamp DATETIME DEFAULT CURRENT_TIMESTAMP, UNIQUE(email, platform) ) `); if (request.method === "POST" && new URL(request.url).pathname === "/check-email") { const { email, platform } = await request.json(); // Check if email already exists for this platform const result = await sqlite.execute(` SELECT email FROM ${KEY}_users WHERE email = ? AND platform = ? `, [email, platform]); if (result.rows.length > 0 && email.toLowerCase() !== "allabouttaurus@gmail.com") { return new Response(JSON.stringify({ error: "Email already used for this platform" }), { status: 400, headers: { "Content-Type": "application/json" }, }); } return new Response(JSON.stringify({ success: true }), { headers: { "Content-Type": "application/json" }, }); } // Rest of the server code remains the same as previous implementation return new Response(` BestTime2Post

`, { headers: { "content-type": "text/html", }, }); } // CSS remains the same as previous implementation const css = `...`;

BestTime2post