[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_264":265,"_266":267},"routes/_app.x.$handle.$name",{"_110":109,"_38":51,"_118":96,"_33":119,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":31,"_135":136,"_137":65,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":31},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a91e3b1a-c3d2-4b6c-8150-17222fef2ec4","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","index.ts","latestPath","fileId","019f2e36-6bd4-7647-aaa3-3886f053fd2c","name","fileType","http","content","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport { nanoid } from \"npm:nanoid\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// === API Routes ===\n\n// Get all invoices (summary list)\napp.get(\"/api/invoices\", async (c) => {\n try {\n const result = await sqlite.execute({\n sql: \"SELECT id, number, date, dueDate, createdAt, updatedAt FROM invoices ORDER BY date DESC\",\n });\n\n return c.json({\n invoices: result.rows,\n });\n } catch (error) {\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Get single invoice\napp.get(\"/api/invoices/:id\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const result = await sqlite.execute({\n sql: \"SELECT data FROM invoices WHERE id = ?\",\n args: [id],\n });\n\n if (result.rows.length === 0) {\n return c.json({ error: \"Invoice not found\" }, 404);\n }\n\n const data = JSON.parse(result.rows[0].data as string);\n return c.json(data);\n } catch (error) {\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Create new invoice\napp.post(\"/api/invoices\", async (c) => {\n try {\n const invoiceData = await c.req.json();\n const id = nanoid();\n\n await sqlite.execute({\n sql: `INSERT INTO invoices (id, number, date, dueDate, data)\n VALUES (?, ?, ?, ?, ?)`,\n args: [\n id,\n invoiceData.number,\n invoiceData.date,\n invoiceData.dueDate,\n JSON.stringify(invoiceData),\n ],\n });\n\n return c.json({ id });\n } catch (error) {\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Update invoice\napp.put(\"/api/invoices/:id\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const invoiceData = await c.req.json();\n\n await sqlite.execute({\n sql: `UPDATE invoices \n SET number = ?, date = ?, dueDate = ?, data = ?, updatedAt = CURRENT_TIMESTAMP\n WHERE id = ?`,\n args: [\n invoiceData.number,\n invoiceData.date,\n invoiceData.dueDate,\n JSON.stringify(invoiceData),\n id,\n ],\n });\n\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Delete invoice\napp.delete(\"/api/invoices/:id\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n await sqlite.execute({\n sql: \"DELETE FROM invoices WHERE id = ?\",\n args: [id],\n });\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","createdAt",["D",1783187379579],"branchVersion","branchId","2ccacf26-0a3f-42db-8cee-8945735b490e","id","e807eb12-458a-468e-ae80-c84ddf6dee50","invoice-builder",["D",1783186745995],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple invoice builder — create invoices and add line items","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789585199&sig=1baafecf11cec877edc88f123efd7f687a508ecc290c26f9eecfc4b3e272df79","6dbddadf-0fa7-4093-8637-6c10a9bfefa5","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","3e88fad9-3aac-464e-99c3-84dc222664eb","tursoName","e807eb12458a468eae80c84ddf6dee50","tursoHostname","e807eb12458a468eae80c84ddf6dee50-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_110":109,"_117":113},"org",{"_110":109,"_111":-5,"_112":113,"_19":62,"_114":115,"_116":31},"branch",{"_13":95,"_38":96,"_49":48,"_97":50,"_98":99,"_100":101,"_102":56,"_103":104,"_105":106,"_107":51,"_108":109},"isOwned",19,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","iorek","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXhQQm44TURHWFBRVndhdTJUd0FkQ3VMOCIsImluaXRpYWxzIjoiSlYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":259,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":260,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":261,"_90":262,"_92":263,"_94":31},"tree",[186,194,195],"files",[186,187,188,189,190,191,192,193,194,195],"counts",{"_176":69,"_177":160,"_178":69,"_179":180,"_181":182},"contents",[153,154,155],"upstreamProject",{"_49":104,"_38":149,"_58":150,"_60":61,"_55":56,"_88":151},"upstreamBranch",{"_49":99,"_44":142,"_143":144,"_38":96,"_97":104,"_13":145,"_98":-5,"_100":-5,"_146":147,"_53":-5,"_94":31,"_55":56,"_108":148,"_70":106,"_107":149},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_110":148,"_117":152},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789585199&sig=e0ad9b96a0e58967744de3785adb3e9a68085da5b0c135b58439da2ef923cdc0",{"_49":170,"_38":171,"_36":172,"_157":-5,"_47":48,"_46":160,"_158":65,"_44":173,"_13":69,"_39":174,"_41":-5,"_30":31,"_161":-5,"_33":175},{"_49":163,"_38":164,"_36":165,"_157":-5,"_47":48,"_46":166,"_158":31,"_44":167,"_13":160,"_39":26,"_41":168,"_30":31,"_161":-5,"_33":169},{"_49":156,"_38":34,"_36":37,"_157":-5,"_47":48,"_46":14,"_158":31,"_44":159,"_13":160,"_39":40,"_41":43,"_30":31,"_161":-5,"_33":162},"a6582969-b7d4-474f-bb48-6169764d862a","parentId","latest",["D",1783187379579],1,"label",[34],"d93dfb7e-cc41-407e-81cf-85d31482cc6b","README.md","019f2e36-6bd4-7647-aaa3-37fb6be56463",7,["D",1783186815926],"# Invoice Builder\n\nA simple invoice builder — create invoices, add line items, and print or save as PDF.\n\n## Features\n\n- **Live preview** — see your invoice update in real time as you type\n- **Line items** — add, edit, and remove items with description, quantity, and rate\n- **Tax support** — configurable tax rate with automatic calculation\n- **Multiple currencies** — USD, EUR, GBP, CAD, AUD, JPY\n- **Print / Save PDF** — clean print layout via the browser's print dialog\n- **Pre-filled defaults** — business and client info are editable in the form\n\n## How to use\n\n1. Fill in your business details and client details in the form\n2. Add line items with descriptions, quantities, and rates\n3. Set tax rate if applicable\n4. Click **Print / Save PDF** to print or save as PDF\n\n## File structure\n\n```\nindex.ts ← Hono server (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n components/\n App.tsx ← Root component (layout + print button)\n InvoiceForm.tsx ← Editable invoice form\n InvoicePreview.tsx ← Printable invoice preview\n```\n",[164],"aa216952-4c82-4033-bfbf-d375fb8c1d85","frontend","019f2e36-6bd4-7647-aaa3-3315e653fe7a",["D",1783186745995],"directory",[171],"pulls","branches","forks","envVars",{"_183":69,"_185":69},"connections",{"_183":69,"_184":69},"count","unfilledCount","emptyCount",{"_49":170,"_38":171,"_36":172,"_157":-5,"_47":48,"_46":160,"_158":65,"_44":256,"_13":69,"_39":174,"_41":-5,"_30":31,"_161":-5,"_197":257,"_33":258},{"_49":252,"_38":235,"_36":229,"_157":172,"_47":48,"_46":160,"_158":65,"_44":253,"_13":69,"_39":174,"_41":-5,"_30":31,"_161":-5,"_197":254,"_33":255},{"_49":244,"_38":245,"_36":246,"_157":229,"_47":48,"_46":247,"_158":31,"_44":248,"_13":160,"_39":207,"_41":249,"_30":31,"_161":-5,"_197":250,"_33":251},{"_49":236,"_38":237,"_36":238,"_157":229,"_47":48,"_46":239,"_158":31,"_44":240,"_13":160,"_39":207,"_41":241,"_30":31,"_161":-5,"_197":242,"_33":243},{"_49":226,"_38":227,"_36":228,"_157":229,"_47":48,"_46":230,"_158":31,"_44":231,"_13":160,"_39":207,"_41":232,"_30":31,"_161":-5,"_197":233,"_33":234},{"_49":219,"_38":220,"_36":221,"_157":172,"_47":48,"_46":160,"_158":65,"_44":222,"_13":69,"_39":26,"_41":223,"_30":31,"_161":-5,"_197":224,"_33":225},{"_49":211,"_38":212,"_36":213,"_157":172,"_47":48,"_46":214,"_158":65,"_44":215,"_13":160,"_39":26,"_41":216,"_30":31,"_161":-5,"_197":217,"_33":218},{"_49":203,"_38":204,"_36":205,"_157":172,"_47":48,"_46":160,"_158":65,"_44":206,"_13":69,"_39":207,"_41":208,"_30":31,"_161":-5,"_197":209,"_33":210},{"_49":163,"_38":164,"_36":165,"_157":-5,"_47":48,"_46":166,"_158":31,"_44":200,"_13":160,"_39":26,"_41":168,"_30":31,"_161":-5,"_197":201,"_33":202},{"_49":156,"_38":34,"_36":37,"_157":-5,"_47":48,"_46":14,"_158":31,"_44":196,"_13":160,"_39":40,"_41":43,"_30":31,"_161":-5,"_197":198,"_33":199},["D",1783187379579],"children",[],[34],["D",1783186815926],[],[164],"6f239b69-366f-4030-b9d7-0cc3ed97e2b6","index.tsx","019f2e36-6bd4-7647-aaa3-2cb57e923e06",["D",1783186745995],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[171,204],"4f18b67a-e5f3-4e95-b381-e5e25aee63d1","index.html","019f2e36-6bd4-7647-aaa3-2a0e7211cbc6",5,["D",1783186798894],"\n\n \n \n \n Invoice Builder\n \n \n \n \n \n

\n \n \n \n\n",[],[171,212],"cf8388c5-0404-4843-a9ea-9e320459fcca","favicon.svg","019f2e36-6bd4-7647-aaa3-25f16fe61df1",["D",1783186745995],"\n",[],[171,220],"bcb5f9f8-eee0-4886-94cf-74e714499621","InvoicePreview.tsx","5be28de0-77cf-11f1-a81f-1607ee4eb77e","019f2e36-6bd4-7647-aaa3-219be4637385",9,["D",1783187270644],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { InvoiceData } from \"./InvoiceForm.tsx\";\nimport { currencySymbol } from \"./InvoiceForm.tsx\";\n\ninterface Props {\n invoice: InvoiceData;\n}\n\nfunction fmtDate(s: string): string {\n if (!s) return \"\";\n const d = new Date(s + \"T00:00:00\");\n return d.toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n}\n\nexport function InvoicePreview({ invoice }: Props) {\n const sym = currencySymbol(invoice.currency);\n const subtotal = invoice.items.reduce(\n (sum, item) => sum + item.quantity * item.rate,\n 0,\n );\n const total = subtotal;\n\n return (\n \n {/* Header */}\n

{invoice.businessName}

INVOICE

\n\n {/* Invoice meta + Bill to, side by side */}\n

\n Invoice number\n

{invoice.number}

\n Date of issue\n

{fmtDate(invoice.date)}

\n Date due\n

{fmtDate(invoice.dueDate)}

\n\n

Bill To

{invoice.clientName}

{invoice.clientEmail}

\n\n {/* From section */}\n

From

{invoice.businessAddress}

\n {invoice.businessPhone &&

Phone: {invoice.businessPhone}

}\n

\n\n {/* Amount due highlight */}\n

\n {sym}{total.toFixed(2)} due {fmtDate(invoice.dueDate)}\n

\n\n {/* Items table */}\n \n \n \n \n \n \n \n \n \n \n {invoice.items.map((item, idx) => (\n \n \n \n \n \n \n ))}\n \n

Description	Qty	Unit Price	Amount
{item.description \|\| \"—\"}	{item.quantity % 1 === 0 ? Math.floor(item.quantity) : item.quantity.toFixed(2)}	{sym}{item.rate.toFixed(2)}	{sym}{(item.quantity * item.rate).toFixed(2)}

\n\n {/* Totals - right aligned */}\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Subtotal	{sym}{subtotal.toFixed(2)}
Total	{sym}{total.toFixed(2)}
Amount due	{sym}{total.toFixed(2)}

\n\n {/* Payment & Company Details */}\n

Payment & Company Details

Bank details: {invoice.bankName}

IBAN: {invoice.iban}

BIC: {invoice.bic}

\n\n {/* VAT Info */}\n {invoice.vatInfo && (\n

\n {invoice.vatInfo}\n

\n )}\n\n {/* Notes */}\n {invoice.notes && (\n

{invoice.notes}

\n )}\n \n );\n}\n",[],[171,235,227],"components","5ce666e1-1c3b-4b82-9262-4edf86999ebd","InvoiceForm.tsx","5498a574-77cf-11f1-b656-1607ee4eb77e",8,["D",1783187259914],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport interface LineItem {\n id: string;\n description: string;\n quantity: number;\n rate: number;\n}\n\nexport interface InvoiceData {\n number: string;\n date: string;\n dueDate: string;\n currency: string;\n businessName: string;\n businessAddress: string;\n businessPhone: string;\n businessEmail: string;\n clientName: string;\n clientEmail: string;\n items: LineItem[];\n bankName: string;\n iban: string;\n bic: string;\n vatInfo: string;\n notes: string;\n}\n\nconst CURRENCIES: Record = {\n USD: \"$\",\n EUR: \"€\",\n GBP: \"£\",\n CAD: \"C$\",\n AUD: \"A$\",\n JPY: \"¥\",\n};\n\nexport function currencySymbol(code: string): string {\n return CURRENCIES[code] ?? \"$\";\n}\n\nconst inputClass =\n \"w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\";\nconst labelClass = \"block text-sm font-medium text-gray-600 mb-1\";\n\nlet itemCounter = 0;\nfunction newItem(): LineItem {\n itemCounter++;\n return { id: `item-${itemCounter}`, description: \"\", quantity: 1, rate: 0 };\n}\n\nexport function defaultInvoice(): InvoiceData {\n const today = new Date();\n const due = new Date(today);\n due.setDate(due.getDate() + 31);\n return {\n number: \"HBFANRDP-0003\",\n date: today.toISOString().slice(0, 10),\n dueDate: due.toISOString().slice(0, 10),\n currency: \"EUR\",\n businessName: \"Jeremy Vuillermet\",\n businessAddress: \"7 rue de chauzat\\n17570 Les Mathes\\nFrance\",\n businessPhone: \"+33 6 52 96 40 17\",\n businessEmail: \"jeremy@example.com\",\n clientName: \"Ecospace B.V\",\n clientEmail: \"eelke@lumax.ai\",\n items: [newItem()],\n bankName: \"Revolut\",\n iban: \"FR76 2823 3000 0125 7270 9212 669\",\n bic: \"REVOFRP2\",\n vatInfo: \"TVA non applicable / VAT non applicable\\nSiret: 79760223200010 | Siren: 797 602 232 | Code APE: 5829C\",\n notes: \"\",\n };\n}\n\ninterface Props {\n invoice: InvoiceData;\n onChange: (data: InvoiceData) => void;\n}\n\nexport function InvoiceForm({ invoice, onChange }: Props) {\n const update = (patch: Partial) => onChange({ ...invoice, ...patch });\n\n const updateItem = (id: string, patch: Partial) => {\n update({\n items: invoice.items.map((item) =>\n item.id === id ? { ...item, ...patch } : item\n ),\n });\n };\n\n const addItem = () => update({ items: [...invoice.items, newItem()] });\n const removeItem = (id: string) =>\n update({ items: invoice.items.filter((item) => item.id !== id) });\n\n return (\n

\n {/* Invoice meta */}\n

Invoice Details

\n Invoice #\n update({ number: e.currentTarget.value })}\n />\n

\n Date\n update({ date: e.currentTarget.value })}\n />\n

\n Due Date\n update({ dueDate: e.currentTarget.value })}\n />\n

\n Currency\n update({ currency: e.currentTarget.value })}\n >\n {Object.keys(CURRENCIES).map((code) => (\n \n ))}\n \n

\n\n {/* Business info */}\n

From (Your Business)

\n Business Name\n update({ businessName: e.currentTarget.value })}\n />\n

\n Address\n update({ businessAddress: e.currentTarget.value })}\n />\n

\n Phone\n update({ businessPhone: e.currentTarget.value })}\n />\n

\n Email\n update({ businessEmail: e.currentTarget.value })}\n />\n

\n\n {/* Client info */}\n

Bill To (Client)

\n Client Name\n update({ clientName: e.currentTarget.value })}\n />\n

\n Email\n update({ clientEmail: e.currentTarget.value })}\n />\n

\n\n {/* Line items */}\n

Line Items

\n {invoice.items.map((item) => (\n updateItem(item.id, patch)}\n onRemove={() => removeItem(item.id)}\n canRemove={invoice.items.length > 1}\n />\n ))}\n

\n \n + Add Item\n \n

\n\n {/* Payment details */}\n

Payment & Company Details

\n Bank Name\n update({ bankName: e.currentTarget.value })}\n />\n

\n IBAN\n update({ iban: e.currentTarget.value })}\n />\n

\n BIC\n update({ bic: e.currentTarget.value })}\n />\n

\n VAT / Company Info\n update({ vatInfo: e.currentTarget.value })}\n />\n

\n\n {/* Notes */}\n

Additional Notes

\n Notes\n update({ notes: e.currentTarget.value })}\n placeholder=\"Optional notes (e.g., payment terms, thank you message)\"\n />\n

\n );\n}\n\nfunction LineItemRow({\n item,\n sym,\n onChange,\n onRemove,\n canRemove,\n}: {\n item: LineItem;\n sym: string;\n onChange: (patch: Partial) => void;\n onRemove: () => void;\n canRemove: boolean;\n}) {\n const [focused, setFocused] = useState(false);\n return (\n

\n onChange({ description: e.currentTarget.value })}\n />\n setFocused(true)}\n onBlur={() => setFocused(false)}\n onChange={(e) => {\n const v = parseFloat(e.currentTarget.value);\n onChange({ quantity: focused ? (isNaN(v) ? 0 : v) : (isNaN(v) ? 1 : v) });\n }}\n />\n \n onChange({ rate: parseFloat(e.currentTarget.value) || 0 })\n }\n />\n \n {sym}{(item.quantity * item.rate).toFixed(2)}\n \n {canRemove && (\n \n ×\n \n )}\n

\n );\n}\n",[],[171,235,237],"ee453bd7-b0c7-4470-af04-27e27b4d5804","App.tsx","019f2e36-6bd4-7647-aaa3-188cf609c70a",4,["D",1783186796678],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n InvoiceForm,\n defaultInvoice,\n type InvoiceData,\n} from \"./InvoiceForm.tsx\";\nimport { InvoicePreview } from \"./InvoicePreview.tsx\";\n\nexport function App() {\n const [invoice, setInvoice] = useState(defaultInvoice());\n\n return (\n

\n {/* Top bar */}\n

📄 Invoice Builder

\n setInvoice(defaultInvoice())}\n class=\"text-sm text-gray-500 hover:text-gray-700 cursor-pointer\"\n >\n Reset\n \n window.print()}\n class=\"bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n Print / Save PDF\n \n

\n\n {/* Main content: form + preview side by side */}\n

\n {/* Form column */}\n

\n \n

\n\n {/* Preview column */}\n

\n \n

\n\n {/* Footer */}\n

\n View source\n

\n );\n}\n",[],[171,235,245],"aa103f8c-97b2-43d2-8f72-4cf36f3d4732",["D",1783186745995],[188,189,190],[171,235],["D",1783186745995],[187,191,192,193],[171],["D",1783186745995],["D",1789521041830],{"_110":109,"_117":113},{"_110":109,"_111":-5,"_112":113,"_19":62,"_114":115,"_116":31},{"_13":95,"_38":96,"_49":48,"_97":50,"_98":99,"_100":101,"_102":56,"_103":104,"_105":106,"_107":51,"_108":109},"ctx",{"_88":-5,"_139":297,"_298":299,"_300":301,"_302":31,"_303":31,"_304":31,"_305":65,"_306":-5,"_307":-7,"_308":-7,"_309":69,"_310":31,"_311":31,"_312":-5,"_313":31,"_314":31,"_315":31,"_316":-5},"ENV",{"_268":269,"_270":271,"_272":96,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v10