📄

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",[133],"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;",[141],"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",[148],"pulls","branches","forks","envVars",{"_161":42,"_163":42},"connections",{"_161":42,"_162":42},"count","unfilledCount","emptyCount",{"_18":147,"_20":148,"_117":149,"_119":-5,"_120":71,"_121":69,"_123":38,"_22":178,"_68":151,"_125":100,"_127":152,"_129":26,"_130":-5,"_169":179,"_89":180},{"_18":140,"_20":141,"_117":36,"_119":-5,"_120":71,"_121":142,"_123":38,"_22":175,"_68":135,"_125":144,"_127":145,"_129":26,"_130":-5,"_169":176,"_89":177},{"_18":132,"_20":133,"_117":134,"_119":-5,"_120":71,"_121":135,"_123":38,"_22":172,"_68":137,"_125":100,"_127":138,"_129":26,"_130":-5,"_169":173,"_89":174},{"_18":115,"_20":116,"_117":118,"_119":-5,"_120":71,"_121":122,"_123":38,"_22":168,"_68":42,"_125":126,"_127":128,"_129":26,"_130":-5,"_169":170,"_89":171},["D",1783840355387],"children",[],[116],["D",1783842220671],[],[133],["D",1783842238620],[],[141],["D",1783842242808],[],[148],["D",1783840198416],["D",1789526460011],{"_16":17,"_87":83},{"_16":17,"_80":81,"_82":83,"_33":34,"_84":85,"_86":26},{"_68":69,"_20":70,"_18":71,"_72":19,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":21,"_79":17},"ctx",{"_61":-5,"_108":219,"_220":221,"_222":223,"_224":26,"_225":26,"_226":26,"_227":38,"_228":-5,"_229":-7,"_230":-7,"_231":42,"_232":26,"_233":26,"_234":-5,"_235":26,"_236":26,"_237":26,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":70,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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"]

Search