[{"_1":2,"_189":-5,"_190":-5},"loaderData",{"_3":4,"_91":92,"_157":158,"_188":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_143":-5,"_144":-5,"_145":146,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_156":26},"type","val","author","49c4eaa0-edff-11ef-8139-5783405cc753",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":31,"_118":26,"_119":31,"_120":31,"_121":31,"_122":123,"_124":123,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","NeloDigitalApp","valNameId","040cd378-ee0a-11ef-941f-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","040faa08-ee0a-11ef-941f-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [view, setView] = useState('home');\n const [user, setUser] = useState(null);\n\n const renderContent = () => {\n switch(view) {\n case 'register':\n return {\n setUser(userData);\n setView('dashboard');\n }} />;\n case 'dashboard':\n return setView('purchase')}\n onGenerateEpin={() => setView('generate-epin')}\n />;\n case 'purchase':\n return ;\n case 'generate-epin':\n return ;\n default:\n return setView('register')} \n onReferralClick={() => setView('referral')}\n />;\n }\n };\n\n return (\n

\n {renderContent()}\n \n

\n );\n}\n\nfunction HomePage({ onRegisterClick, onReferralClick }) {\n return (\n

🌐 Nelo Digital Services

Cheapest Data, E-pins, Cable TV, and Utility Payments

\n \n \n

\n );\n}\n\nfunction RegisterForm({ onRegister }) {\n const [formData, setFormData] = useState({\n username: '',\n email: '',\n phone: '',\n password: '',\n referralCode: ''\n });\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n try {\n const response = await fetch('/register', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n\n if (response.ok) {\n const userData = await response.json();\n onRegister(userData);\n } else {\n alert('Registration failed');\n }\n } catch (error) {\n console.error('Registration error:', error);\n alert('Registration failed');\n }\n };\n\n return (\n \n );\n}\n\nfunction Dashboard({ user, onPurchase, onGenerateEpin }) {\n const [balance, setBalance] = useState(0);\n const [referralLink, setReferralLink] = useState('');\n\n useEffect(() => {\n // Fetch user balance and generate referral link\n const generateReferralLink = () => {\n const baseUrl = 'https://nelo.digital/register?ref=';\n setReferralLink(`${baseUrl}${user.username}`);\n };\n\n generateReferralLink();\n }, [user]);\n\n return (\n

👋 Welcome, {user?.username}

💰 Balance: ₦{balance.toFixed(2)}

\n \n

\n \n \n

\n );\n}\n\nfunction PurchaseOptions({ user }) {\n const services = [\n { \n id: 'data', \n name: '📡 Mobile Data', \n providers: [\n { name: 'MTN', plans: [\n { size: '1GB', price: 500 },\n { size: '5GB', price: 2000 }\n ]},\n { name: 'Airtel', plans: [\n { size: '2GB', price: 1000 },\n { size: '10GB', price: 3500 }\n ]}\n ]\n },\n { \n id: 'cable', \n name: '📺 Cable Subscription', \n providers: [\n { name: 'DSTV', plans: [\n { name: 'Compact', price: 6900 },\n { name: 'Compact Plus', price: 10500 }\n ]},\n { name: 'GoTV', plans: [\n { name: 'Lite', price: 2000 },\n { name: 'Max', price: 4500 }\n ]}\n ]\n },\n { \n id: 'utility', \n name: '💡 Utility Bills', \n providers: [\n { name: 'Electricity', regions: ['Lagos', 'Abuja', 'Port Harcourt'] },\n { name: 'Water', regions: ['Lagos', 'Ibadan'] }\n ]\n }\n ];\n\n const [selectedService, setSelectedService] = useState(null);\n\n return (\n

🛒 Purchase Services

\n {services.map(service => (\n

setSelectedService(service)}\n style={styles.serviceCard}\n >\n

{service.name}

\n ))}\n {selectedService && (\n

Select {selectedService.name} Provider

\n {selectedService.providers.map(provider => (\n

{provider.name}

\n {provider.plans && provider.plans.map(plan => (\n

\n {plan.size && `${plan.size} - `}\n {plan.name && `${plan.name} - `}\n ₦{plan.price}\n \n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction EpinGenerator({ user }) {\n const [epinDetails, setEpinDetails] = useState({\n type: 'data',\n amount: 0,\n quantity: 1\n });\n const [generatedEpins, setGeneratedEpins] = useState([]);\n\n const generateEpin = () => {\n const newEpins = Array(epinDetails.quantity).fill(null).map(() => ({\n code: Math.random().toString(36).substring(2, 12).toUpperCase(),\n type: epinDetails.type,\n amount: epinDetails.amount,\n created: new Date().toISOString()\n }));\n setGeneratedEpins(newEpins);\n };\n\n return (\n

🎫 E-Pin Generator

\n \n setEpinDetails({...epinDetails, amount: Number(e.target.value)})}\n />\n setEpinDetails({...epinDetails, quantity: Number(e.target.value)})}\n />\n \n

\n {generatedEpins.length > 0 && (\n

Generated E-Pins

\n {generatedEpins.map((epin, index) => (\n

\n Code: {epin.code} | Type: {epin.type} | Amount: ₦{epin.amount}\n \n

\n ))}\n

\n )}\n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '600px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center'\n },\n form: {\n display: 'flex',\n flexDirection: 'column',\n gap: '10px'\n },\n buttonGroup: {\n display: 'flex',\n justifyContent: 'center',\n gap: '10px',\n margin: '10px 0'\n },\n serviceCard: {\n border: '1px solid #ddd',\n margin: '10px 0',\n padding: '15px',\n cursor: 'pointer',\n borderRadius: '5px'\n },\n dashboardStats: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n margin: '20px 0'\n },\n footer: {\n marginTop: '20px',\n fontSize: '12px'\n },\n sourceLink: {\n color: '#666',\n textDecoration: 'none'\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n // Create users table with additional fields\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT UNIQUE NOT NULL,\n email TEXT UNIQUE NOT NULL,\n phone TEXT NOT NULL,\n password TEXT NOT NULL,\n balance REAL DEFAULT 0,\n referral_code TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create epins table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_epins (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n code TEXT UNIQUE NOT NULL,\n type TEXT NOT NULL,\n amount REAL NOT NULL,\n user_id INTEGER,\n used BOOLEAN DEFAULT 0,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY(user_id) REFERENCES ${KEY}_users(id)\n )\n `);\n\n if (request.method === 'POST') {\n const body = await request.json();\n try {\n await sqlite.execute(\n `INSERT INTO ${KEY}_users (username, email, phone, password, referral_code) VALUES (?, ?, ?, ?, ?)`,\n [body.username, body.email, body.phone, body.password, body.referralCode || null]\n );\n return new Response(JSON.stringify({ \n success: true, \n username: body.username,\n referralLink: `https://nelo.digital/register?ref=${body.username}`\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Registration failed' }), { status: 400 });\n }\n }\n\n return new Response(`\n \n \n Nelo Digital Services\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","createdAt",["D",1739891225677],"version","currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","Agbo","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0RFZOdkg5anFSTUF2MTRYUTJtbkR6TnJHRiJ9","forkedVal","interval","slug","Agbo/NeloDigitalApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140],{"_117":31,"_141":-5,"_115":142,"_112":110},"prId",["D",1739891225677],"recentThread","breadcrumbs","comments",[147],{"_112":148,"_149":150,"_115":151,"_152":-5,"_153":26,"_154":26,"_20":155},"0f08d216-ee11-11ef-b1f1-e6cdfca9ef9f","body","This is the easiest so far",["D",1739894250585],"updatedAt","canDelete","canEdit",{"_128":129,"_130":131},"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":159,"_128":129,"_98":99,"_20":160,"_156":26,"_94":163,"_138":170,"_117":-5,"_183":31,"_184":185,"_186":123,"_187":-5},"list",{"_112":96,"_128":129,"_115":161,"_162":-5,"_130":131},["D",1739886618183],"bio",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":164,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":165,"_117":31,"_118":26,"_119":31,"_120":31,"_121":31,"_122":123,"_124":123,"_125":31,"_126":-5,"_20":166,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":167},true,["D",1739891225677],{"_128":129,"_130":131},[168],{"_117":31,"_141":-5,"_115":169,"_112":110},["D",1739891225677],[171],{"_112":110,"_113":114,"_117":31,"_115":172,"_173":99,"_100":101,"_107":108,"_128":129,"_11":96,"_174":-5,"_175":-5,"_176":-5,"_156":26,"_134":135,"_177":-5,"_178":179},["D",1739891225677],"valName","deletedAt","messageId","threadId","previous","stats",{"_180":181,"_182":31},"additions",416,"deletions","page","pageSize",8,"total","redirect","routes/_app","actionData","errors"]

🌐 Nelo Digital Services

🔐 Nelo Registration

👋 Welcome, {user?.username}

🛒 Purchase Services

{service.name}

Select {selectedService.name} Provider

{provider.name}

🎫 E-Pin Generator

Generated E-Pins

NeloDigitalApp

Versions

v0