[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","a82ca658-43b4-11f1-a445-42b51c65c3df","name","fileType","http","content","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"POST\") {\n let body: { emp_id?: string; month?: string; year?: string };\n try {\n body = await req.json();\n } catch {\n return Response.json({ error: \"Invalid JSON body\" }, { status: 400 });\n }\n\n const { emp_id, month, year } = body;\n if (!emp_id || !month || !year) {\n return Response.json(\n { error: \"Missing required fields: emp_id, month, year\" },\n { status: 400 },\n );\n }\n\n const downloadUrl = `${url.origin}${url.pathname}` +\n `?emp_id=${encodeURIComponent(emp_id)}` +\n `&month=${encodeURIComponent(month)}` +\n `&year=${encodeURIComponent(year)}`;\n\n return Response.json({\n status: \"success\",\n message: \"Payslip generated\",\n emp_id,\n month,\n year,\n download_url: downloadUrl,\n });\n }\n\n if (req.method === \"GET\" || req.method === \"HEAD\") {\n const emp_id = url.searchParams.get(\"emp_id\");\n const month = url.searchParams.get(\"month\");\n const year = url.searchParams.get(\"year\");\n\n if (!emp_id || !month || !year) {\n return Response.json(\n { error: \"Missing query params: emp_id, month, year\" },\n { status: 400 },\n );\n }\n\n const fileBody = `emp_id=${emp_id}\\nmonth=${month}\\nyear=${year}\\n`;\n const filename = `payslip_${emp_id}_${month}_${year}.txt`;\n const bytes = new TextEncoder().encode(fileBody);\n\n return new Response(req.method === \"HEAD\" ? null : fileBody, {\n status: 200,\n headers: {\n \"Content-Type\": \"text/plain; charset=utf-8\",\n \"Content-Length\": String(bytes.length),\n \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n \"Cache-Control\": \"no-store\",\n },\n });\n }\n\n return Response.json({ error: \"Method not allowed\" }, { status: 405 });\n}","import {\n PDFDocument,\n type PDFFont,\n rgb,\n StandardFonts,\n} from \"https://esm.sh/pdf-lib@1.17.1\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"POST\") {\n let body: { emp_id?: string; month?: string; year?: string };\n try {\n body = await req.json();\n } catch {\n return Response.json({ error: \"Invalid JSON body\" }, { status: 400 });\n }\n\n const { emp_id, month, year } = body;\n if (!emp_id || !month || !year) {\n return Response.json(\n { error: \"Missing required fields: emp_id, month, year\" },\n { status: 400 },\n );\n }\n\n const downloadUrl = `${url.origin}${url.pathname}` +\n `?emp_id=${encodeURIComponent(emp_id)}` +\n `&month=${encodeURIComponent(month)}` +\n `&year=${encodeURIComponent(year)}`;\n\n return Response.json({\n status: \"success\",\n message: \"Payslip generated\",\n emp_id,\n month,\n year,\n download_url: downloadUrl,\n });\n }\n\n if (req.method === \"GET\" || req.method === \"HEAD\") {\n const emp_id = url.searchParams.get(\"emp_id\");\n const month = url.searchParams.get(\"month\");\n const year = url.searchParams.get(\"year\");\n\n if (!emp_id || !month || !year) {\n return Response.json(\n { error: \"Missing query params: emp_id, month, year\" },\n { status: 400 },\n );\n }\n\n const monthName = monthToName(month);\n const filename = `payslip_${emp_id}_${monthName}_${year}.pdf`;\n const pdfBytes = await generatePayslipPdf(emp_id, month, year);\n\n return new Response(req.method === \"HEAD\" ? null : pdfBytes, {\n status: 200,\n headers: {\n \"Content-Type\": \"application/pdf\",\n \"Content-Length\": String(pdfBytes.byteLength),\n \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n \"Cache-Control\": \"no-store\",\n },\n });\n }\n\n return Response.json({ error: \"Method not allowed\" }, { status: 405 });\n}\n\nfunction monthToName(month: string): string {\n const m = parseInt(month, 10);\n const names = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n return Number.isFinite(m) && m >= 1 && m <= 12 ? names[m - 1] : month;\n}\n\nfunction fmtINR(n: number): string {\n return n.toLocaleString(\"en-IN\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n });\n}\n\nfunction stableHash(s: string): number {\n let h = 0;\n for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) | 0;\n return Math.abs(h);\n}\n\nfunction numberToIndianWords(num: number): string {\n if (num === 0) return \"Zero Rupees Only\";\n const ones = [\n \"\",\n \"One\",\n \"Two\",\n \"Three\",\n \"Four\",\n \"Five\",\n \"Six\",\n \"Seven\",\n \"Eight\",\n \"Nine\",\n \"Ten\",\n \"Eleven\",\n \"Twelve\",\n \"Thirteen\",\n \"Fourteen\",\n \"Fifteen\",\n \"Sixteen\",\n \"Seventeen\",\n \"Eighteen\",\n \"Nineteen\",\n ];\n const tens = [\n \"\",\n \"\",\n \"Twenty\",\n \"Thirty\",\n \"Forty\",\n \"Fifty\",\n \"Sixty\",\n \"Seventy\",\n \"Eighty\",\n \"Ninety\",\n ];\n const two = (n: number): string =>\n n < 20\n ? ones[n]\n : tens[Math.floor(n / 10)] + (n % 10 ? \" \" + ones[n % 10] : \"\");\n const three = (n: number): string => {\n const h = Math.floor(n / 100);\n const r = n % 100;\n return (h ? ones[h] + \" Hundred\" + (r ? \" and \" : \"\") : \"\") +\n (r ? two(r) : \"\");\n };\n let n = Math.floor(num);\n const parts: string[] = [];\n const crore = Math.floor(n / 10000000);\n n %= 10000000;\n const lakh = Math.floor(n / 100000);\n n %= 100000;\n const thousand = Math.floor(n / 1000);\n n %= 1000;\n if (crore) parts.push(two(crore) + \" Crore\");\n if (lakh) parts.push(two(lakh) + \" Lakh\");\n if (thousand) parts.push(two(thousand) + \" Thousand\");\n if (n) parts.push(three(n));\n return parts.join(\" \") + \" Rupees Only\";\n}\n\nfunction lastDayOfMonth(monthStr: string, yearStr: string): number {\n const m = parseInt(monthStr, 10);\n const y = parseInt(yearStr, 10);\n if (!Number.isFinite(m) || !Number.isFinite(y)) return 30;\n return new Date(y, m, 0).getDate();\n}\n\nasync function generatePayslipPdf(\n emp_id: string,\n month: string,\n year: string,\n): Promise {\n const h = stableHash(emp_id);\n\n const basic = 45000 + (h % 8) * 1000;\n const hra = Math.round(basic * 0.40);\n const special = Math.round(basic * 0.25);\n const conveyance = 1600;\n const medical = 1250;\n const gross = basic + hra + special + conveyance + medical;\n\n const pf = Math.round(basic * 0.12);\n const profTax = 200;\n const tds = Math.round(gross * 0.08);\n const insurance = 1000;\n const totalDed = pf + profTax + tds + insurance;\n\n const net = gross - totalDed;\n\n const monthName = monthToName(month);\n const monthShort = monthName.slice(0, 3);\n const payDate = `${lastDayOfMonth(month, year)}-${monthShort}-${year}`;\n const accountTail = String(1000 + (h % 9000)).padStart(4, \"0\");\n\n const pdf = await PDFDocument.create();\n const page = pdf.addPage([595, 842]);\n const font = await pdf.embedFont(StandardFonts.Helvetica);\n const fontBold = await pdf.embedFont(StandardFonts.HelveticaBold);\n\n const W = 595, H = 842, margin = 40;\n const contentW = W - margin * 2;\n\n const col = {\n headerBg: rgb(0.13, 0.27, 0.55),\n accent: rgb(0.13, 0.27, 0.55),\n netBg: rgb(0.13, 0.27, 0.55),\n altRow: rgb(0.96, 0.97, 0.99),\n totalRow: rgb(0.92, 0.94, 0.98),\n text: rgb(0.15, 0.15, 0.15),\n muted: rgb(0.45, 0.45, 0.5),\n white: rgb(1, 1, 1),\n };\n\n const w = (text: string, f: PDFFont, size: number) =>\n f.widthOfTextAtSize(text, size);\n\n page.drawRectangle({\n x: 0,\n y: H - 90,\n width: W,\n height: 90,\n color: col.headerBg,\n });\n page.drawText(\"SAPIEN INC.\", {\n x: margin,\n y: H - 45,\n size: 22,\n font: fontBold,\n color: col.white,\n });\n page.drawText(\"123 Tech Park, Bengaluru, Karnataka 560001\", {\n x: margin,\n y: H - 65,\n size: 9,\n font,\n color: rgb(0.85, 0.9, 1),\n });\n page.drawText(\"payroll@sapien.com | www.sapien.com\", {\n x: margin,\n y: H - 78,\n size: 9,\n font,\n color: rgb(0.85, 0.9, 1),\n });\n const titleText = `Payslip - ${monthName} ${year}`;\n page.drawText(titleText, {\n x: W - margin - w(titleText, fontBold, 14),\n y: H - 45,\n size: 14,\n font: fontBold,\n color: col.white,\n });\n\n let y = H - 120;\n page.drawText(\"EMPLOYEE DETAILS\", {\n x: margin,\n y,\n size: 11,\n font: fontBold,\n color: col.accent,\n });\n y -= 18;\n page.drawLine({\n start: { x: margin, y: y + 4 },\n end: { x: W - margin, y: y + 4 },\n thickness: 0.5,\n color: col.accent,\n });\n\n const empRows: Array<[string, string, string, string]> = [\n [\"Employee ID\", emp_id, \"Pay Period\", `${monthName} ${year}`],\n [\"Employee Name\", \"Manvita D\", \"Pay Date\", payDate],\n [\"Designation\", \"Software Engineer\", \"PAN\", \"ABCDE1234F\"],\n [\"Department\", \"Engineering\", \"Bank A/C\", `XXXX-XXXX-${accountTail}`],\n ];\n for (const [k1, v1, k2, v2] of empRows) {\n page.drawText(k1, { x: margin, y, size: 9, font, color: col.muted });\n page.drawText(v1, {\n x: margin + 90,\n y,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n page.drawText(k2, { x: margin + 290, y, size: 9, font, color: col.muted });\n page.drawText(v2, {\n x: margin + 380,\n y,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n y -= 16;\n }\n\n y -= 14;\n const colW = contentW / 2 - 5;\n const drawTableHeader = (x: number, label: string) => {\n page.drawRectangle({\n x,\n y: y - 18,\n width: colW,\n height: 18,\n color: col.headerBg,\n });\n page.drawText(label, {\n x: x + 10,\n y: y - 13,\n size: 10,\n font: fontBold,\n color: col.white,\n });\n const amt = \"AMOUNT (INR)\";\n page.drawText(amt, {\n x: x + colW - 10 - w(amt, fontBold, 9),\n y: y - 13,\n size: 9,\n font: fontBold,\n color: col.white,\n });\n };\n drawTableHeader(margin, \"EARNINGS\");\n drawTableHeader(margin + colW + 10, \"DEDUCTIONS\");\n y -= 18;\n\n const earnings: Array<[string, number]> = [\n [\"Basic Salary\", basic],\n [\"HRA\", hra],\n [\"Special Allowance\", special],\n [\"Conveyance Allowance\", conveyance],\n [\"Medical Allowance\", medical],\n ];\n const deductions: Array<[string, number]> = [\n [\"Provident Fund (PF)\", pf],\n [\"Professional Tax\", profTax],\n [\"Income Tax (TDS)\", tds],\n [\"Health Insurance\", insurance],\n ];\n const rowH = 18;\n const rows = Math.max(earnings.length, deductions.length);\n for (let i = 0; i < rows; i++) {\n const yy = y - (i + 1) * rowH;\n if (i % 2 === 0) {\n page.drawRectangle({\n x: margin,\n y: yy,\n width: colW,\n height: rowH,\n color: col.altRow,\n });\n page.drawRectangle({\n x: margin + colW + 10,\n y: yy,\n width: colW,\n height: rowH,\n color: col.altRow,\n });\n }\n const e = earnings[i];\n if (e) {\n page.drawText(e[0], {\n x: margin + 10,\n y: yy + 5,\n size: 10,\n font,\n color: col.text,\n });\n const v = fmtINR(e[1]);\n page.drawText(v, {\n x: margin + colW - 10 - w(v, font, 10),\n y: yy + 5,\n size: 10,\n font,\n color: col.text,\n });\n }\n const d = deductions[i];\n if (d) {\n page.drawText(d[0], {\n x: margin + colW + 20,\n y: yy + 5,\n size: 10,\n font,\n color: col.text,\n });\n const v = fmtINR(d[1]);\n page.drawText(v, {\n x: margin + colW + 10 + colW - 10 - w(v, font, 10),\n y: yy + 5,\n size: 10,\n font,\n color: col.text,\n });\n }\n }\n y -= rows * rowH;\n\n page.drawRectangle({\n x: margin,\n y: y - rowH,\n width: colW,\n height: rowH,\n color: col.totalRow,\n });\n page.drawRectangle({\n x: margin + colW + 10,\n y: y - rowH,\n width: colW,\n height: rowH,\n color: col.totalRow,\n });\n page.drawText(\"Gross Earnings\", {\n x: margin + 10,\n y: y - rowH + 5,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n let v = fmtINR(gross);\n page.drawText(v, {\n x: margin + colW - 10 - w(v, fontBold, 10),\n y: y - rowH + 5,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n page.drawText(\"Total Deductions\", {\n x: margin + colW + 20,\n y: y - rowH + 5,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n v = fmtINR(totalDed);\n page.drawText(v, {\n x: margin + colW + 10 + colW - 10 - w(v, fontBold, 10),\n y: y - rowH + 5,\n size: 10,\n font: fontBold,\n color: col.text,\n });\n y -= rowH + 24;\n\n page.drawRectangle({\n x: margin,\n y: y - 36,\n width: contentW,\n height: 36,\n color: col.netBg,\n });\n page.drawText(\"NET PAY\", {\n x: margin + 16,\n y: y - 23,\n size: 14,\n font: fontBold,\n color: col.white,\n });\n const netStr = \"INR \" + fmtINR(net);\n page.drawText(netStr, {\n x: W - margin - 16 - w(netStr, fontBold, 14),\n y: y - 23,\n size: 14,\n font: fontBold,\n color: col.white,\n });\n y -= 52;\n\n page.drawText(\"Amount in words:\", {\n x: margin,\n y,\n size: 9,\n font,\n color: col.muted,\n });\n page.drawText(numberToIndianWords(net), {\n x: margin + 95,\n y,\n size: 9,\n font: fontBold,\n color: col.text,\n });\n\n page.drawText(\n \"This is a system-generated payslip and does not require a signature.\",\n { x: margin, y: 50, size: 8, font, color: col.muted },\n );\n page.drawText(\n `Generated on ${\n new Date().toISOString().slice(0, 10)\n } via Sapien Payroll System`,\n { x: margin, y: 38, size: 8, font, color: col.muted },\n );\n\n return await pdf.save();\n}","createdAt",["D",1777467800043],"branchVersion","branchId","a828f2a6-43b4-11f1-a445-42b51c65c3df","id","a826fe88-43b4-11f1-a445-42b51c65c3df","payslip",["D",1777457861949],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","6115faae-dfcf-4d5f-9699-c5c4ac5a98bb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019dd8bd-5bc9-71a0-b84a-815430e67128","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",25,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","manvita","handle","displayName","Datta Manvita","avatar","https://lh3.googleusercontent.com/a/ACg8ocLP1Dpx0tEFPfjYaQl3GWGDM9gXkAxGpwvAW0QYoE0L73gJfw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":151,"_79":152,"_81":153,"_83":25},"tree",[145],"files",[145],"counts",{"_134":61,"_135":136,"_137":61,"_138":139,"_140":141},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"cbbb24fc-43cb-11f1-a2b5-42b51c65c3df","parentId","latest",["D",1777467800043],13,"label",[28],"pulls","branches",1,"forks","envVars",{"_142":61,"_144":61},"connections",{"_142":61,"_143":61},"count","unfilledCount","emptyCount",{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":146,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_147":148,"_27":149},["D",1777467800043],"children",[],[28],["D",1777457861949],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":121,"_196":-5,"_197":-7,"_198":-7,"_199":61,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":85,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v14