LlamaParse Tier Comparison

Source PDF

\n \n

\n Parsed — —\n

\n cost —\n \n

\n total demo: 2,950 credits · $3.69 · 50 pages × 4 tiers · fits within free tier (10k credits/mo)\n

\n`;\n\nconst JS = `\nvar currentDoc = null;\nvar currentTier = \"cost_effective\";\nvar showRaw = false;\nvar cache = {};\nvar meta = {};\n\nasync function init() {\n var resp = await fetch(\"/meta.json\");\n meta = await resp.json();\n if (meta.docs && meta.docs.length > 0) {\n meta.docs.forEach(function(doc) { doc.pdfUrl = \"/pdf/\" + doc.id; });\n var pres = meta.docs.find(function(d) { return d.id === \"jpm_presentation\"; });\n currentDoc = pres || meta.docs[0];\n renderDocTabs();\n renderTierTabs();\n update();\n }\n}\n\nfunction renderDocTabs() {\n var el = document.getElementById(\"docTabs\");\n el.innerHTML = \"\";\n if (!meta.docs) return;\n meta.docs.forEach(function(doc) {\n var btn = document.createElement(\"button\");\n btn.className = \"doc-tab\" + (currentDoc && currentDoc.id === doc.id ? \" active\" : \"\");\n btn.textContent = doc.name.replace(\"JPMorgan Q4 2025 — \",\"\");\n btn.title = doc.name;\n btn.onclick = function() { currentDoc = doc; renderDocTabs(); renderTierTabs(); update(); };\n el.appendChild(btn);\n });\n}\n\nfunction renderTierTabs() {\n var el = document.getElementById(\"tierTabs\");\n el.innerHTML = \"\";\n TIERS_LIST.forEach(function(t) {\n var btn = document.createElement(\"button\");\n btn.className = \"tier-tab\" + (t === currentTier ? \" active\" : \"\");\n var key = currentDoc ? currentDoc.id + \"_\" + t : \"\";\n var r = meta.results ? (meta.results[key] || {}) : {};\n var inner = '' + t.replace(/_/g, \" \") + '';\n if (r.chars && r.pages) {\n var credits = r.pages * TIER_CREDITS[t];\n var cost = credits * CREDIT_RATE;\n inner += '' + r.pages + 'pg · ' + (r.chars/1000).toFixed(0) + 'k chars';\n inner += '$' + cost.toFixed(3) + '';\n }\n btn.innerHTML = inner;\n btn.onclick = function() { currentTier = t; renderTierTabs(); loadContent(); };\n el.appendChild(btn);\n });\n}\n\nfunction update() {\n if (!currentDoc) return;\n document.getElementById(\"pdfFrame\").src = currentDoc.pdfUrl;\n loadContent();\n}\n\nfunction updateCostBadge() {\n var key = currentDoc ? currentDoc.id + \"_\" + currentTier : \"\";\n var r = meta.results ? (meta.results[key] || {}) : {};\n var badge = document.getElementById(\"costBadge\");\n if (r.pages) {\n var credits = r.pages * TIER_CREDITS[currentTier];\n var cost = credits * CREDIT_RATE;\n badge.innerHTML = '' + credits + ' cr $' + cost.toFixed(3);\n } else {\n badge.innerHTML = 'cost —';\n }\n}\n\nfunction loadContent() {\n if (!currentDoc) return;\n document.getElementById(\"tierLabel\").textContent = currentTier.replace(/_/g, \" \");\n updateCostBadge();\n var cacheKey = currentDoc.id + \"_\" + currentTier;\n if (cache[cacheKey]) { render(cache[cacheKey]); return; }\n var container = document.getElementById(\"mdContainer\");\n container.innerHTML = '

loading ' + currentTier.replace(/_/g, \" \") + '...

';\n fetch(\"/result/\" + currentDoc.id + \"/\" + currentTier)\n .then(function(r) { if (!r.ok) throw new Error(\"Not available\"); return r.text(); })\n .then(function(text) { cache[cacheKey] = text; render(text); })\n .catch(function(err) { container.innerHTML = '

' + err.message + '

'; });\n}\n\nfunction render(text) {\n var c = document.getElementById(\"mdContainer\");\n if (showRaw) { c.className = \"md-container raw\"; c.textContent = text; return; }\n c.className = \"md-container\";\n var tables = [];\n var processed = text.replace(//gi, function(tbl) {\n var idx = tables.length;\n var clean = tbl.replace(/^[ \\\\t]+/gm, \"\");\n clean = clean.replace(/]*)>([\\\\s\\\\S]*?)<\\\\/td>/gi, function(m, a, ct) {\n return \"\" + ct.replace(/\\\\*\\\\*([^*]+)\\\\*\\\\*/g, \"$1\") + \"\";\n });\n clean = clean.replace(/]*)>([\\\\s\\\\S]*?)<\\\\/th>/gi, function(m, a, ct) {\n return \"\" + ct.replace(/\\\\*\\\\*([^*]+)\\\\*\\\\*/g, \"$1\") + \"\";\n });\n tables.push(clean);\n return \"TABLEPLACEHOLDER\" + idx + \"ENDPLACEHOLDER\";\n });\n var html = marked.parse(processed);\n for (var i = 0; i < tables.length; i++) {\n html = html.replace(\"TABLEPLACEHOLDER\" + i + \"ENDPLACEHOLDER\", tables[i]);\n html = html.replace(\"

TABLEPLACEHOLDER\" + i + \"ENDPLACEHOLDER

\", tables[i]);\n }\n c.innerHTML = html;\n}\n\nfunction toggleRaw() {\n showRaw = !showRaw;\n document.getElementById(\"toggleRaw\").textContent = showRaw ? \"rendered\" : \"raw\";\n var cacheKey = currentDoc ? currentDoc.id + \"_\" + currentTier : \"\";\n if (cache[cacheKey]) render(cache[cacheKey]);\n}\n\nvar dividerEl = document.getElementById(\"divider\");\nvar leftPanel = document.getElementById(\"leftPanel\");\nvar rightPanel = document.getElementById(\"rightPanel\");\nvar dragging = false;\ndividerEl.addEventListener(\"mousedown\", function(e) {\n dragging = true; document.body.style.cursor = \"col-resize\"; document.body.style.userSelect = \"none\";\n document.getElementById(\"pdfFrame\").style.pointerEvents = \"none\"; e.preventDefault();\n});\ndocument.addEventListener(\"mousemove\", function(e) {\n if (!dragging) return;\n var rect = document.getElementById(\"mainContainer\").getBoundingClientRect();\n var leftW = Math.max(40, Math.min(rect.width - 44, e.clientX - rect.left));\n leftPanel.style.flex = \"none\"; leftPanel.style.width = leftW + \"px\"; rightPanel.style.flex = \"1\";\n});\ndocument.addEventListener(\"mouseup\", function() {\n if (!dragging) return; dragging = false;\n document.body.style.cursor = \"\"; document.body.style.userSelect = \"\";\n document.getElementById(\"pdfFrame\").style.pointerEvents = \"\";\n});\n\ninit();\n`;\n","deleted","label",[100],"permalink","https://www.val.town/x/dcm31/llamaparse-compare/code/viewer.ts","extension","actionData","errors"]