[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_297":298,"_299":300},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_219":-5,"_20":220,"_22":221,"_222":223,"_224":225,"_26":226,"_24":227,"_228":229,"_230":231,"_232":51,"_233":234,"_235":75,"_236":-5,"_237":-5,"_238":239},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","bharatbushan","name","ppf-calculator","branchName","main","version","path","frontend","project",{"_36":172,"_13":14,"_38":173,"_49":-5,"_174":51,"_52":53,"_175":53,"_176":177,"_178":179,"_180":181,"_182":112,"_183":75,"_184":-5,"_185":-5,"_186":77,"_56":187,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":193,"_194":193,"_195":196,"_197":196,"_198":196,"_199":193,"_200":193,"_201":202,"_203":204,"_205":206,"_50":51},"tree",[107,108,109],"file",{"_36":104,"_70":71,"_66":69,"_13":19,"_80":-5,"_78":102,"_17":77,"_68":-5,"_38":105,"_72":73,"_83":-5,"_18":106},"contents",[60,61,62,63],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",8,"behind",2,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":98,"_13":99,"_66":100,"_68":69,"_70":71,"_72":73,"_74":75,"_38":101,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_18":103},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":73,"_74":75,"_38":95,"_17":77,"_78":24,"_80":96,"_82":51,"_83":-5,"_18":97},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":91},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":84},"194c706e-2957-4f94-bb60-06f727c53c4a","index.tsx","fileId","019ed14f-90f9-71e8-aee7-c280eb576086","parentId","019ed14f-90f9-71e8-aee7-c427456cad4d","branchId","dd7bfd80-515d-4e66-81a2-7a5d1c60dd56","branchVersion",1,"latest",true,["D",1781628113082],0,"fileType","script","content","/** @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();","deleted","label",[19,65],"71ae04e7-3906-43ca-8e1a-08ed59d7fbcc","index.html","019ed14f-90f9-71e8-aee7-bedb1bc50057",6,["D",1781628157827],"\n\n \n \n \n PPF Calculator\n \n \n \n \n

\n \n \n \n",[19,86],"48659b70-427e-427b-a86a-5a629c634f3a","favicon.svg","019ed14f-90f9-71e8-aee7-ba141333e23f",["D",1781628113082],"\n",[19,93],"943e62e4-a5d6-49ad-b2aa-dbe33a2f8bc7","components","019ed14f-90f9-71e8-aee7-b5c130ec83ae",["D",1781628113082],"directory",[19,99],"de1340c2-bf83-416a-ac7b-2be7975afbfd",["D",1781628113082],[19],{"_36":104,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":127,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_116":128,"_18":129},{"_36":119,"_13":120,"_66":121,"_68":-5,"_70":71,"_72":122,"_74":75,"_38":123,"_17":73,"_78":24,"_80":124,"_82":51,"_83":-5,"_116":125,"_18":126},{"_36":110,"_13":111,"_66":112,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":113,"_17":77,"_78":114,"_80":115,"_82":51,"_83":-5,"_116":117,"_18":118},"d19c689c-ac43-4723-a8a9-ad6967a5ed59","index.ts","019ed14f-90fa-74ee-98fd-edcfe36d5312",["D",1781628113082],"http","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","children",[],[111],"26fde307-519f-4c73-8196-d35d22a0b1cf","README.md","019ed14f-90f9-71e8-aee7-cb61cf1b8aa1",9,["D",1781628187506],"# PPF Calculator 🇮🇳\n\nA simple calculator for India's **Public Provident Fund (PPF)**. Enter your\nyearly investment, the interest rate, and the tenure to see your invested\namount, total interest earned, maturity value, and a year-by-year breakdown.\n\n## How it works\n\nDeposits are assumed to be made at the start of each financial year and earn a\nfull year of interest. Interest is compounded annually and credited at year-end:\n\n```\ninterest = (openingBalance + deposit) × rate\nclosingBalance = openingBalance + deposit + interest\n```\n\nPPF rules baked into the defaults:\n\n- **Annual cap:** ₹1.5 lakh\n- **Lock-in:** 15 years (extendable in 5-year blocks)\n- **Current rate:** 7.1% (government-set, revised quarterly)\n\n> Estimates only — actual returns depend on the government's quarterly rate\n> revisions and your exact deposit dates.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Calc[\"Calculator.tsx\"]\n Calc -->|uses| Lib[\"ppf.ts
(math + formatting)\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n components/\n App.tsx ← Page layout\n Calculator.tsx ← Inputs, summary cards, breakdown table\n ppf.ts ← Calculation + INR formatting helpers\n```\n",[],[120],["D",1781628113082],[130,131,132,133],[19],{"_36":98,"_13":99,"_66":100,"_68":69,"_70":71,"_72":73,"_74":75,"_38":143,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_116":144,"_18":145},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":73,"_74":75,"_38":140,"_17":77,"_78":24,"_80":96,"_82":51,"_83":-5,"_116":141,"_18":142},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":137,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_116":138,"_18":139},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":134,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_116":135,"_18":136},["D",1781628113082],[],[19,65],["D",1781628157827],[],[19,86],["D",1781628113082],[],[19,93],["D",1781628113082],[146,147,148],[19,99],{"_36":164,"_13":165,"_66":166,"_68":100,"_70":71,"_72":167,"_74":75,"_38":168,"_17":73,"_78":79,"_80":169,"_82":51,"_83":-5,"_116":170,"_18":171},{"_36":156,"_13":157,"_66":158,"_68":100,"_70":71,"_72":159,"_74":75,"_38":160,"_17":77,"_78":79,"_80":161,"_82":51,"_83":-5,"_116":162,"_18":163},{"_36":149,"_13":150,"_66":151,"_68":100,"_70":71,"_72":34,"_74":75,"_38":152,"_17":77,"_78":79,"_80":153,"_82":51,"_83":-5,"_116":154,"_18":155},"d37b3102-5c70-483d-a83d-6d22e36810db","ppf.ts","501d1560-69a2-11f1-b431-1607ee4eb77e",["D",1781628127481],"// PPF (Public Provident Fund) calculation helpers.\n//\n// Model: each year a fixed deposit is made, interest is compounded annually\n// and credited at the end of every financial year. The deposit is assumed to\n// be made at the start of the year, so it earns a full year of interest.\n\nexport interface YearRow {\n year: number;\n openingBalance: number;\n deposit: number;\n interest: number;\n closingBalance: number;\n}\n\nexport interface PpfResult {\n rows: YearRow[];\n totalInvested: number;\n totalInterest: number;\n maturityValue: number;\n}\n\n/**\n * @param yearlyDeposit amount invested each year (₹)\n * @param rate annual interest rate as a percentage, e.g. 7.1\n * @param years tenure in years (PPF minimum is 15)\n */\nexport function calculatePpf(\n yearlyDeposit: number,\n rate: number,\n years: number,\n): PpfResult {\n const r = rate / 100;\n const rows: YearRow[] = [];\n let balance = 0;\n let totalInvested = 0;\n let totalInterest = 0;\n\n for (let year = 1; year <= years; year++) {\n const openingBalance = balance;\n const deposit = yearlyDeposit;\n const interest = (openingBalance + deposit) * r;\n const closingBalance = openingBalance + deposit + interest;\n\n rows.push({ year, openingBalance, deposit, interest, closingBalance });\n\n balance = closingBalance;\n totalInvested += deposit;\n totalInterest += interest;\n }\n\n return {\n rows,\n totalInvested,\n totalInterest,\n maturityValue: balance,\n };\n}\n\n/** Format a number as Indian Rupees with grouping (lakh/crore style). */\nexport function formatINR(n: number): string {\n return new Intl.NumberFormat(\"en-IN\", {\n style: \"currency\",\n currency: \"INR\",\n maximumFractionDigits: 0,\n }).format(Math.round(n));\n}\n",[],[19,99,150],"3477f2a8-3787-4be7-969c-95a3f2530f9d","Calculator.tsx","5c7e7650-69a2-11f1-92ab-1607ee4eb77e",3,["D",1781628148254],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { calculatePpf, formatINR } from \"./ppf.ts\";\n\nfunction Field({\n label,\n suffix,\n value,\n min,\n max,\n step,\n onChange,\n}: {\n label: string;\n suffix?: string;\n value: number;\n min: number;\n max: number;\n step: number;\n onChange: (n: number) => void;\n}) {\n return (\n

\n {label}\n

\n onChange(Number(e.currentTarget.value))}\n class=\"w-28 text-right border border-gray-300 rounded-md px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-400\"\n />\n {suffix && {suffix}}\n

\n onChange(Number(e.currentTarget.value))}\n class=\"w-full accent-emerald-500 cursor-pointer\"\n />\n

\n );\n}\n\nfunction SummaryCard({ label, value, accent }: { label: string; value: string; accent: string }) {\n return (\n

{label}

{value}

\n );\n}\n\nexport function Calculator() {\n const [yearlyDeposit, setYearlyDeposit] = useState(150000);\n const [rate, setRate] = useState(7.1);\n const [years, setYears] = useState(15);\n\n const result = useMemo(\n () => calculatePpf(yearlyDeposit, rate, years),\n [yearlyDeposit, rate, years],\n );\n\n return (\n

\n \n \n \n

\n PPF has a 15-year lock-in (extendable in 5-year blocks) and a ₹1.5 lakh\n annual cap. The current government rate is 7.1%.\n

\n\n

\n \n \n \n

\n\n

\n Year-by-year breakdown\n

\n \n \n \n \n \n \n \n \n \n \n \n {result.rows.map((row) => (\n \n \n \n \n \n \n \n ))}\n \n

Year	Opening	Deposit	Interest	Closing
{row.year}	{formatINR(row.openingBalance)}	{formatINR(row.deposit)}	{formatINR(row.interest)}	{formatINR(row.closingBalance)}

\n );\n}\n",[],[19,99,157],"24054267-3666-4dba-bca9-50a37bba087a","App.tsx","019ed14f-90f9-71e8-aee7-ae4a83c107f5",4,["D",1781628155989],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Calculator } from \"./Calculator.tsx\";\n\nexport function App() {\n return (\n

PPF Calculator 🇮🇳

\n Estimate the maturity value of your Public Provident Fund.\n

\n\n \n\n

\n View source\n

\n );\n}\n",[],[19,99,165],"9fc09c03-7a17-4eea-9dd6-6ebb91c5b23f",["D",1781628113082],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789577999&sig=2ab81189fced4fb576e9436da67acbaf730951eef80212e8dc3c2bf0f6be2f57","userId","b761ad71-44c7-4f38-a1e5-c450f0ed9a66","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ed14d-b53a-757a-b956-9147713b8c75","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_218":214},"org",{"_11":12,"_211":212,"_213":214,"_180":181,"_215":216,"_217":51},"branch",{"_17":122,"_13":16,"_36":71,"_42":172,"_45":37,"_46":207,"_208":53,"_209":43,"_210":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Bharat Bushan","avatar","https://lh3.googleusercontent.com/a/ACg8ocJQ6CJX_87R1O_Rb-pI5szwZXfs89DoW2YVkO1FieRl4nRhZ4na=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":172,"_13":14,"_38":293,"_49":-5,"_174":51,"_52":53,"_175":53,"_176":177,"_178":179,"_180":181,"_182":112,"_183":75,"_184":-5,"_185":-5,"_186":77,"_56":187,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":193,"_194":193,"_195":196,"_197":196,"_198":196,"_199":193,"_200":193,"_201":294,"_203":295,"_205":296,"_50":51},[263,271,272],"files",[263,264,265,266,267,268,269,270,271,272],"counts",{"_254":77,"_255":73,"_256":77,"_35":257,"_258":259},[246,247,248,249],{"_36":104,"_70":71,"_66":69,"_13":19,"_80":-5,"_78":102,"_17":77,"_68":-5,"_38":244,"_72":73,"_83":-5,"_18":245},"upstreamProject",{"_36":43,"_13":59,"_176":177,"_178":179,"_52":53,"_201":242},"upstreamBranch",{"_36":37,"_38":240,"_40":241,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":55,"_218":243},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789577999&sig=aa7aec25480c67f41f9650e8445afc21cf1a6c5fd3969752b90fbd3f6a604c46",["D",1781628113082],[19],{"_36":98,"_13":99,"_66":100,"_68":69,"_70":71,"_72":73,"_74":75,"_38":101,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_18":253},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":73,"_74":75,"_38":95,"_17":77,"_78":24,"_80":96,"_82":51,"_83":-5,"_18":252},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":251},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":250},[19,65],[19,86],[19,93],[19,99],"pulls","branches","forks",{"_260":77,"_262":77},"connections",{"_260":77,"_261":77},"count","unfilledCount","emptyCount",{"_36":104,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":127,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_116":291,"_18":292},{"_36":98,"_13":99,"_66":100,"_68":69,"_70":71,"_72":73,"_74":75,"_38":143,"_17":77,"_78":102,"_80":-5,"_82":51,"_83":-5,"_116":289,"_18":290},{"_36":164,"_13":165,"_66":166,"_68":100,"_70":71,"_72":167,"_74":75,"_38":168,"_17":73,"_78":79,"_80":169,"_82":51,"_83":-5,"_116":287,"_18":288},{"_36":156,"_13":157,"_66":158,"_68":100,"_70":71,"_72":159,"_74":75,"_38":160,"_17":77,"_78":79,"_80":161,"_82":51,"_83":-5,"_116":285,"_18":286},{"_36":149,"_13":150,"_66":151,"_68":100,"_70":71,"_72":34,"_74":75,"_38":152,"_17":77,"_78":79,"_80":153,"_82":51,"_83":-5,"_116":283,"_18":284},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":73,"_74":75,"_38":140,"_17":77,"_78":24,"_80":96,"_82":51,"_83":-5,"_116":281,"_18":282},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":137,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_116":279,"_18":280},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":134,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_116":277,"_18":278},{"_36":119,"_13":120,"_66":121,"_68":-5,"_70":71,"_72":122,"_74":75,"_38":123,"_17":73,"_78":24,"_80":124,"_82":51,"_83":-5,"_116":275,"_18":276},{"_36":110,"_13":111,"_66":112,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":113,"_17":77,"_78":114,"_80":115,"_82":51,"_83":-5,"_116":273,"_18":274},[],[111],[],[120],[],[19,65],[],[19,86],[],[19,93],[],[19,99,150],[],[19,99,157],[],[19,99,165],[265,266,267],[19,99],[264,268,269,270],[19],["D",1781628113082],{"_11":12,"_218":214},{"_11":12,"_211":212,"_213":214,"_180":181,"_215":216,"_217":51},{"_17":122,"_13":16,"_36":71,"_42":172,"_45":37,"_46":207,"_208":53,"_209":43,"_210":57,"_58":14,"_54":12},"ctx",{"_201":-5,"_237":330,"_331":332,"_333":334,"_335":51,"_336":51,"_337":51,"_338":75,"_339":-5,"_340":-7,"_341":-7,"_342":77,"_343":51,"_344":51,"_345":-5,"_346":51,"_347":51,"_348":51,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":16,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329},"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"]