\\n\" +\n \"

Draftsim News Performance

\\n\" +\n \"

\\n\" +\n '

\\n' +\n ' \\n\" +\n '

\\n' +\n '

\\n' +\n \"

\\n\";\nconst CLIENT_JS = [\n 'const form = document.getElementById(\"rangeForm\");',\n 'const statusEl = document.getElementById(\"status\");',\n 'const results = document.getElementById(\"results\");',\n 'const goBtn = document.getElementById(\"goBtn\");',\n 'const csvBtn = document.getElementById(\"csvBtn\");',\n 'const presetEl = document.getElementById(\"preset\");',\n 'const startEl = document.getElementById(\"start\");',\n 'const endEl = document.getElementById(\"end\");',\n 'const togglesEl = document.getElementById(\"toggles\");',\n 'const pubInRangeEl = document.getElementById(\"pubInRange\");',\n 'const showZeroEl = document.getElementById(\"showZero\");',\n 'const SOURCES = [\"Discover\",\"Google News\",\"Reddit\",\"Facebook\",\"Discord\",\"Other\"];',\n \"let report = null;\",\n 'let sortKey = \"total\";',\n \"let sortDir = -1;\",\n \"const hiddenCols = new Set();\",\n \"function typeColor(t) {\",\n ' if (!t) return \"#4b5162\";',\n \" let hash = 0;\",\n \" for (let i = 0; i < t.length; i++) hash = (hash * 31 + t.charCodeAt(i)) >>> 0;\",\n ' return \"hsl(\" + (hash % 360) + \",50%,32%)\";',\n \"}\",\n \"function pvColor(n) {\",\n ' return n >= 5000 ? \"#22c55e\" : n >= 3000 ? \"#eab308\" : \"#ef4444\";',\n \"}\",\n \"function buildColToggles() {\",\n ' const wrap = document.getElementById(\"colToggles\");',\n \" if (wrap.childElementCount) return;\",\n \" for (const s of SOURCES) {\",\n ' const label = document.createElement(\"label\");',\n ' const cb = document.createElement(\"input\");',\n ' cb.type = \"checkbox\";',\n \" cb.checked = true;\",\n ' cb.addEventListener(\"change\", () => {',\n \" if (cb.checked) hiddenCols.delete(s); else hiddenCols.add(s);\",\n \" render();\",\n \" });\",\n \" label.appendChild(cb);\",\n ' label.appendChild(document.createTextNode(\" \" + s));',\n \" wrap.appendChild(label);\",\n \" }\",\n ' wrap.style.display = \"flex\";',\n \"}\",\n \"function isoDaysAgo(n) {\",\n \" const d = new Date(Date.now() - n * 86400000);\",\n ' return d.toISOString().split(\"T\")[0];',\n \"}\",\n \"function applyPreset() {\",\n \" const v = presetEl.value;\",\n ' if (v === \"custom\") return;',\n \" endEl.value = isoDaysAgo(0);\",\n \" startEl.value = isoDaysAgo(parseInt(v, 10) - 1);\",\n \"}\",\n 'presetEl.addEventListener(\"change\", applyPreset);',\n '[startEl, endEl].forEach(el => el.addEventListener(\"input\", () => { presetEl.value = \"custom\"; }));',\n \"applyPreset();\",\n 'form.addEventListener(\"submit\", (e) => { e.preventDefault(); load(); });',\n 'pubInRangeEl.addEventListener(\"change\", render);',\n 'showZeroEl.addEventListener(\"change\", render);',\n \"async function load() {\",\n \" const start = startEl.value, end = endEl.value;\",\n \" if (!start || !end) return;\",\n ' if (start > end) { statusEl.textContent = \"Start date must be before end date.\"; return; }',\n \" goBtn.disabled = true;\",\n ' statusEl.textContent = \"Pulling Asana tasks and GA4 data... (about 10-20s)\";',\n \" try {\",\n ' const resp = await fetch(\"/api/report?start=\" + start + \"&end=\" + end);',\n \" if (!resp.ok) throw new Error(await resp.text() || resp.statusText);\",\n \" report = await resp.json();\",\n ' statusEl.textContent = \"\";',\n ' togglesEl.style.display = \"flex\";',\n ' csvBtn.style.display = \"inline-block\";',\n \" buildColToggles();\",\n \" render();\",\n \" } catch (err) {\",\n ' statusEl.textContent = \"Error: \" + err.message;',\n \" } finally {\",\n \" goBtn.disabled = false;\",\n \" }\",\n \"}\",\n \"function visibleArticles() {\",\n \" if (!report) return [];\",\n \" let arts = report.articles;\",\n \" if (pubInRangeEl.checked) {\",\n \" arts = arts.filter(a => a.publishDate && a.publishDate >= report.startDate && a.publishDate <= report.endDate);\",\n \" }\",\n \" if (!showZeroEl.checked) {\",\n \" arts = arts.filter(a => a.total > 0 || (pubInRangeEl.checked && a.publishDate));\",\n \" }\",\n \" return arts;\",\n \"}\",\n \"function sortArticles(arts) {\",\n \" const key = sortKey, dir = sortDir;\",\n \" return [...arts].sort((a, b) => {\",\n \" let va, vb;\",\n ' if (key === \"name\" || key === \"type\") { va = (a[key] || \"\").toLowerCase(); vb = (b[key] || \"\").toLowerCase(); }',\n ' else if (key === \"publishDate\") { va = a.publishDate || \"\"; vb = b.publishDate || \"\"; }',\n ' else if (key === \"total\") { va = a.total; vb = b.total; }',\n \" else { va = a.sources[key] || 0; vb = b.sources[key] || 0; }\",\n \" if (va < vb) return -1 * dir;\",\n \" if (va > vb) return 1 * dir;\",\n \" return 0;\",\n \" });\",\n \"}\",\n \"function setSort(key) {\",\n \" if (sortKey === key) sortDir = -sortDir;\",\n ' else { sortKey = key; sortDir = (key === \"name\" || key === \"type\" || key === \"publishDate\") ? 1 : -1; }',\n \" render();\",\n \"}\",\n \"function fmt(n) { return n.toLocaleString(); }\",\n 'function escHtml(s) { const d = document.createElement(\"div\"); d.textContent = s || \"\"; return d.innerHTML; }',\n \"function render() {\",\n \" if (!report) return;\",\n \" const arts = sortArticles(visibleArticles());\",\n \" const shownTotal = arts.reduce((s, a) => s + a.total, 0);\",\n \" const shownSources = {};\",\n \" SOURCES.forEach(s => shownSources[s] = 0);\",\n \" arts.forEach(a => SOURCES.forEach(s => shownSources[s] += a.sources[s] || 0));\",\n ' let h = \"\";',\n \" h += '

';\",\n ' h += kpi(\"Total Pageviews\", fmt(shownTotal));',\n ' h += kpi(\"Articles Shown\", fmt(arts.length));',\n ' h += kpi(\"Avg PVs / Article\", fmt(arts.length ? Math.round(shownTotal / arts.length) : 0));',\n ' h += kpi(\"Date Range\", report.startDate.slice(5) + \" to \" + report.endDate.slice(5));',\n \" h += '

';\",\n \" const maxSrc = Math.max(1, ...SOURCES.map(s => shownSources[s]));\",\n \" h += '

Traffic Sources

';\",\n \" for (const s of SOURCES) {\",\n \" const w = Math.max(1, shownSources[s] / maxSrc * 100);\",\n \" h += '

' + s + ''\",\n ' + \\'

\\'',\n \" + '' + fmt(shownSources[s]) + '

';\",\n \" }\",\n \" if (report.otherBreakdown && report.otherBreakdown.length) {\",\n ' h += \\'

Top raw sources still in Other (all articles)

\\'',\n \" + '

';\",\n \" for (const o of report.otherBreakdown) {\",\n \" h += '

' + escHtml(o.source) + \\\" - \\\" + fmt(o.pvs) + \\\"

\\\";\",\n \" }\",\n \" h += '

';\",\n \" }\",\n \" h += '

';\",\n \" h += '

Pageview counts are lifetime totals over the last 180 days - same methodology as the tracking sheet. The date range selects which articles are shown.

';\",\n \" if (report.endDate === isoDaysAgo(0)) {\",\n \" h += '

GA is still processing todays traffic - articles published today may show low or zero pageviews for a few more hours.

';\",\n \" }\",\n \" const shownCols = SOURCES.filter(s => !hiddenCols.has(s));\",\n \" h += '

';\",\n ' h += th(\"Article\", \"name\") + th(\"Type\", \"type\") + th(\"Published\", \"publishDate\");',\n ' h += th(\"Total PVs\", \"total\", true);',\n \" for (const s of shownCols) h += th(s, s, true);\",\n \" h += '';\",\n \" for (const a of arts) {\",\n \" h += ''\",\n \" + ''\",\n \" + ''\",\n \" + '';\",\n \" for (const s of shownCols) h += '';\",\n \" h += '';\",\n \" }\",\n \" h += '

' + escHtml(a.name) + '	' + (escHtml(a.type) \|\| \\\"-\\\") + '	' + (a.publishDate \|\| \\\"-\\\") + '	' + fmt(a.total) + '	' + fmt(a.sources[s] \|\| 0) + '

';\",\n \" results.innerHTML = h;\",\n ' results.querySelectorAll(\"th[data-key]\").forEach(el => {',\n ' el.addEventListener(\"click\", () => setSort(el.dataset.key));',\n \" });\",\n \"}\",\n \"function kpi(label, val) {\",\n \" return '

' + label + '

' + val + '

';\",\n \"}\",\n \"function th(label, key, num) {\",\n ' const arrow = sortKey === key ? \\'\\' + (sortDir === 1 ? \"▲\" : \"▼\") + \\'\\' : \"\";',\n \" return '' + label + arrow + '';\",\n \"}\",\n 'csvBtn.addEventListener(\"click\", () => {',\n \" if (!report) return;\",\n \" const arts = sortArticles(visibleArticles());\",\n ' const head = [\"Article\",\"URL\",\"Type\",\"Published\",\"Total PVs\", ...SOURCES];',\n ' const lines = [head.join(\",\")];',\n \" for (const a of arts) {\",\n ' const cells = [a.name, a.url, a.type, a.publishDate || \"\", a.total, ...SOURCES.map(s => a.sources[s] || 0)];',\n \" lines.push(cells.map(c => {\",\n \" const s = String(c);\",\n \" return /[\\\",]/.test(s) || s.indexOf(String.fromCharCode(10)) >= 0 ? '\\\"' + s.split('\\\"').join('\\\"\\\"') + '\\\"' : s;\",\n ' }).join(\",\"));',\n \" }\",\n ' const blobObj = new Blob([lines.join(String.fromCharCode(10))], { type: \"text/csv\" });',\n ' const a = document.createElement(\"a\");',\n \" a.href = URL.createObjectURL(blobObj);\",\n ' a.download = \"news-performance-\" + report.startDate + \"-to-\" + report.endDate + \".csv\";',\n \" a.click();\",\n \" URL.revokeObjectURL(a.href);\",\n \"});\",\n \"load();\",\n].join(\"\\n\");\nfunction serveHTML() {\n const html =\n 'Draftsim News Performance\" +\n PAGE_BODY +\n \"\" + CLIENT_JS + \"\";\n return new Response(html, {\n headers: { \"content-type\": \"text/html;charset=utf-8\" },\n });\n}\n// ========================= HTTP HANDLER =========================\nexport default async function handler(req) {\n const url = new URL(req.url);\n if (req.method === \"GET\" && (url.pathname === \"/\" || url.pathname === \"\")) {\n return serveHTML();\n }\n if (req.method === \"GET\" && url.pathname === \"/api/report\") {\n try {\n const start = url.searchParams.get(\"start\");\n const end = url.searchParams.get(\"end\");\n if (!isValidDate(start) || !isValidDate(end)) {\n return new Response(\"start and end must be YYYY-MM-DD\", {\n status: 400,\n });\n }\n if (start > end) {\n return new Response(\"start must be <= end\", { status: 400 });\n }\n const report = await buildReport(start, end);\n return new Response(JSON.stringify(report), {\n headers: { \"content-type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(err.message || \"Internal error\", { status: 500 });\n }\n }\n return new Response(\"Not found\", { status: 404 });\n}","deleted","label",[109],"pulls","branches",1,"forks","envVars",{"_132":134,"_135":42},"connections",{"_132":42,"_133":42},"count","unfilledCount",3,"emptyCount",{"_18":108,"_20":109,"_110":36,"_111":-5,"_112":68,"_113":66,"_114":38,"_22":137,"_65":116,"_117":118,"_119":120,"_121":26,"_122":-5,"_138":139,"_85":140},["D",1787677538092],"children",[],[109],["D",1786385510983],{"_16":17,"_83":79},{"_16":17,"_77":-5,"_78":79,"_33":34,"_80":81,"_82":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_104":178,"_179":180,"_181":182,"_183":26,"_184":26,"_185":26,"_186":38,"_187":-5,"_188":-7,"_189":-7,"_190":42,"_191":26,"_192":26,"_193":-5,"_194":26,"_195":26,"_196":26,"_197":-5},"ENV",{"_149":150,"_151":152,"_153":67,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177},"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