📄

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",[139],"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;",[147],"aadba870-768b-4c1d-b704-51fc11133f64","README.md","34691534-7dc1-11f1-a506-1607ee4eb77e",["D",1783842242808],1,"# 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",[154],"pulls","forks","envVars",{"_166":54,"_168":54},"connections",{"_166":54,"_167":54},"count","unfilledCount","emptyCount",{"_20":153,"_13":154,"_123":155,"_125":-5,"_126":21,"_127":30,"_129":50,"_22":183,"_29":157,"_131":106,"_133":158,"_135":38,"_136":-5,"_174":184,"_94":185},{"_20":146,"_13":147,"_123":48,"_125":-5,"_126":21,"_127":148,"_129":50,"_22":180,"_29":141,"_131":150,"_133":151,"_135":38,"_136":-5,"_174":181,"_94":182},{"_20":138,"_13":139,"_123":140,"_125":-5,"_126":21,"_127":141,"_129":50,"_22":177,"_29":143,"_131":106,"_133":144,"_135":38,"_136":-5,"_174":178,"_94":179},{"_20":121,"_13":122,"_123":124,"_125":-5,"_126":21,"_127":128,"_129":50,"_22":173,"_29":54,"_131":132,"_133":134,"_135":38,"_136":-5,"_174":175,"_94":176},["D",1783840355387],"children",[],[122],["D",1783842220671],[],[139],["D",1783842238620],[],[147],["D",1783842242808],[],[154],["D",1783840198416],["D",1789526460011],{"_11":12,"_92":88},{"_11":12,"_85":86,"_87":88,"_45":46,"_89":90,"_91":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_80":-5,"_81":-5,"_82":-5,"_83":14,"_84":12},"ctx",{"_73":-5,"_114":224,"_225":226,"_227":228,"_229":38,"_230":38,"_231":38,"_232":50,"_233":-5,"_234":-7,"_235":-7,"_236":54,"_237":38,"_238":38,"_239":-5,"_240":38,"_241":38,"_242":38,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":26,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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"]

Branches1

Branches
1