📄

Place Your Order

Fill out the form below and we'll get back to you!

\n\n \n\n

✅

Order submitted!

We've received your order and will contact you shortly.

\n\n

⚠️

Something went wrong

Please try again or call us directly.

\n\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_181":26,"_183":26},"connections",{"_181":26,"_182":26},"count","unfilledCount","emptyCount",{"_34":209,"_13":210,"_64":211,"_44":-5,"_36":37,"_165":128,"_166":102,"_38":212,"_40":175,"_66":21,"_169":213,"_67":24,"_171":-5,"_195":214,"_17":215},{"_34":201,"_13":202,"_64":100,"_44":-5,"_36":37,"_165":203,"_166":102,"_38":204,"_40":82,"_66":205,"_169":206,"_67":24,"_171":-5,"_195":207,"_17":208},{"_34":164,"_13":18,"_64":65,"_44":-5,"_36":37,"_165":82,"_166":102,"_38":198,"_40":168,"_66":21,"_169":170,"_67":24,"_171":-5,"_195":199,"_17":200},{"_34":188,"_13":189,"_64":190,"_44":-5,"_36":37,"_165":191,"_166":102,"_38":192,"_40":26,"_66":193,"_169":194,"_67":24,"_171":-5,"_195":196,"_17":197},"796986ad-8969-490e-93aa-ac0b711c310f","sendSMS.ts","0eb3b51a-7dc1-11f1-a2bd-1607ee4eb77e",4,["D",1783840355387],"script","// Twilio SMS helper — sends a text message via the Twilio REST API.\n// Requires env vars: TWILIO_ACCOUNT_SID, TWILIO_AUTH_TOKEN, TWILIO_PHONE_NUMBER\n\nexport async function sendSMS(to: string, body: string): Promise {\n const accountSid = Deno.env.get(\"TWILIO_ACCOUNT_SID\");\n const authToken = Deno.env.get(\"TWILIO_AUTH_TOKEN\");\n const fromNumber = Deno.env.get(\"TWILIO_PHONE_NUMBER\");\n\n if (!accountSid || !authToken || !fromNumber) {\n console.error(\n \"Missing Twilio env vars. Set TWILIO_ACCOUNT_SID, TWILIO_AUTH_TOKEN, and TWILIO_PHONE_NUMBER.\",\n );\n throw new Error(\"SMS not configured — missing Twilio credentials\");\n }\n\n const url =\n `https://api.twilio.com/2010-04-01/Accounts/${accountSid}/Messages.json`;\n\n const params = new URLSearchParams();\n params.append(\"From\", fromNumber);\n params.append(\"To\", to);\n params.append(\"Body\", body);\n\n const resp = await fetch(url, {\n method: \"POST\",\n headers: {\n Authorization: `Basic ${btoa(`${accountSid}:${authToken}`)}`,\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n },\n body: params.toString(),\n });\n\n if (!resp.ok) {\n const errorText = await resp.text();\n console.error(\"Twilio SMS failed:\", resp.status, errorText);\n throw new Error(`SMS failed: ${resp.status} ${errorText}`);\n }\n\n console.log(\"SMS sent successfully to\", to);\n}\n","children",[],[189],["D",1783842220671],[],[18],"31ff7384-401e-4380-8045-ef636f234c8a","main.ts",22,["D",1783842238620],"http","import { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { sendSMS } from \"./sendSMS.ts\";\n\n// ── Config ──────────────────────────────────────────────────\n// Your phone number (E.164 format) — SMS notifications go here\nconst OWNER_PHONE = \"+916363402782\";\n\n// ── Init SQLite table ───────────────────────────────────────\nawait sqlite.execute(\n `CREATE TABLE IF NOT EXISTS orders (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n customer_name TEXT NOT NULL,\n customer_phone TEXT NOT NULL,\n product TEXT NOT NULL,\n quantity INTEGER NOT NULL,\n address TEXT DEFAULT '',\n status TEXT DEFAULT 'new',\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n);\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// ── Serve the order form ────────────────────────────────────\napp.get(\"/\", async (c) => {\n return await serveFile(\"order-form.html\");\n});\n\n// ── Handle order submission ─────────────────────────────────\napp.post(\"/order\", async (c) => {\n try {\n const body = await c.req.json();\n const { customerName, customerPhone, product, quantity, address } = body;\n\n // Validate required fields\n if (!customerName || !customerPhone || !product || !quantity) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n\n // Save order to SQLite\n const result = await sqlite.execute({\n sql: `INSERT INTO orders (customer_name, customer_phone, product, quantity, address)\n VALUES (?, ?, ?, ?, ?)`,\n args: [customerName, customerPhone, product, quantity, address || \"\"],\n });\n\n const orderId = Number(result.lastInsertRowid);\n\n // Send SMS notification to the owner\n const smsBody =\n `📦 NEW ORDER #${orderId}\\n` +\n `Name: ${customerName}\\n` +\n `Phone: ${customerPhone}\\n` +\n `Product: ${product}\\n` +\n `Qty: ${quantity}` +\n (address ? `\\nAddress: ${address}` : \"\");\n\n try {\n await sendSMS(OWNER_PHONE, smsBody);\n } catch (smsErr) {\n // Log the error but still return success — the order is saved\n console.error(\"SMS notification failed:\", smsErr);\n }\n\n return c.json({\n success: true,\n orderId,\n message: \"Order received! We'll contact you soon.\",\n });\n } catch (err) {\n console.error(\"Order submission error:\", err);\n return c.json({ error: \"Failed to process order\" }, 500);\n }\n});\n\n// ── View all orders (admin) ─────────────────────────────────\napp.get(\"/orders\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT * FROM orders ORDER BY created_at DESC LIMIT 100\",\n );\n\n return c.json({\n count: result.rows.length,\n orders: result.rows,\n });\n});\n\nexport default app.fetch;",[],[202],"aadba870-768b-4c1d-b704-51fc11133f64","README.md","34691534-7dc1-11f1-a506-1607ee4eb77e",["D",1783842242808],"# PaperWork — Order System\n\nA customer order form that saves orders to a database and sends you an SMS notification on every new order.\n\n## How it works\n\n1. **Customers** visit the order form URL and fill in their name, phone, product, quantity, and address.\n2. **The order is saved** to the val's SQLite database.\n3. **You get a text message** (SMS) on your phone with the order details.\n\n## URLs\n\n| Route | Description |\n|-------|-------------|\n| `/` | Customer order form |\n| `/order` | POST endpoint that processes orders (called by the form) |\n| `/orders` | View all saved orders as JSON (admin) |\n\n## Setup — Twilio SMS (required for notifications)\n\nYou need a [Twilio](https://www.twilio.com/) account to send SMS. Create one (free trial works) and get these three values, then add them as environment variables:\n\n1. **TWILIO_ACCOUNT_SID** — Your Twilio Account SID (found on the Twilio console dashboard)\n2. **TWILIO_AUTH_TOKEN** — Your Twilio Auth Token (found on the Twilio console dashboard)\n3. **TWILIO_PHONE_NUMBER** — Your Twilio phone number (the number Twilio assigned you, in E.164 format like `+12345678900`)\n\n👉 Add TWILIO_ACCOUNT_SID here: https://www.val.town/x/omkar1/PaperWork/environment-variables?key=TWILIO_ACCOUNT_SID\n\n👉 Add TWILIO_AUTH_TOKEN here: https://www.val.town/x/omkar1/PaperWork/environment-variables?key=TWILIO_AUTH_TOKEN\n\n👉 Add TWILIO_PHONE_NUMBER here: https://www.val.town/x/omkar1/PaperWork/environment-variables?key=TWILIO_PHONE_NUMBER\n\n## Notification phone number\n\nSMS notifications are sent to **+1 (636) 340-2782**. To change this, update `OWNER_PHONE` in `main.ts`.\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `main.ts` | Hono HTTP handler — serves form, saves orders, sends SMS |\n| `order-form.html` | Customer-facing order form (styled with Tailwind via Twind) |\n| `sendSMS.ts` | Twilio REST API helper for sending text messages |\n",[],[210],["D",1783840198416],["D",1789526460011],{"_11":12,"_142":70},{"_11":12,"_137":138,"_69":70,"_30":68,"_139":140,"_141":24},{"_40":128,"_13":16,"_34":37,"_129":89,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_161":254,"_255":256,"_257":258,"_259":24,"_260":24,"_261":24,"_262":102,"_263":-5,"_264":-7,"_265":-7,"_266":26,"_267":24,"_268":24,"_269":-5,"_270":24,"_271":24,"_272":24,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":16,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · order-form.html