Skip to content

add dropdown menu to download stacker analytics #2619

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

add dropdown menu to download stacker analytics #2619

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9619c64
add dropdown menu to download stacker analytics
hbdc-BtcFixesThis Oct 28, 2025
6ba5e6b
float button right
hbdc-BtcFixesThis Oct 28, 2025
c64e6d9
Merge branch 'stackernews:master' into download_stacker_analytics_data
hbdc-BtcFixesThis Nov 6, 2025
a1b86a8
add csv download option
hbdc-BtcFixesThis Nov 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
173 changes: 171 additions & 2 deletions pages/stackers/[sub]/[when].js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
import { gql, useQuery } from '@apollo/client'
import { getGetServerSideProps } from '@/api/ssrApollo'
import Layout from '@/components/layout'
import Button from 'react-bootstrap/Button';
import Dropdown from 'react-bootstrap/Dropdown';
import DropdownButton from 'react-bootstrap/DropdownButton';
import Col from 'react-bootstrap/Col'
import Row from 'react-bootstrap/Row'
import { SubAnalyticsHeader } from '@/components/sub-analytics-header'
Expand Down Expand Up @@ -90,6 +93,40 @@ export default function Growth ({ ssrData }) {
const { data } = useQuery(GROWTH_QUERY, { variables: { when, from, to, sub, subSelect: sub !== 'all' } })
if (!data && !ssrData) return <PageLoading />

const downloadLinkStyle = { textDecoration: "inherit", color: "inherit" };

const genHrefDownloadBlobJSON = (data) => {
const blob = new Blob([
JSON.stringify(data, null, 2),
], {
type: 'text/plain;charset=utf-8;'
});
return URL.createObjectURL(blob);
};

const genHrefDownloadBlobCSV = (data) => {
if (data.length > 0) {
data = flattenTimeDataForCsv(data);
const headers = Object.keys(data[0]);
const rows = data.map((item) => headers.map((header) => item[header]));
const csvStr = [headers.join(","), ...rows.map((row) => row.join(","))].join("\n");
const blob = new Blob([csvStr,], {type: 'text/csv;charset=utf-8;'});
return URL.createObjectURL(blob);
}
return ""
};

const flattenTimeDataForCsv = (timeData) => {
let rows = [];
for (const timeI in timeData) {
let flattened = {};
flattened.time = timeData[timeI].time;
timeData[timeI].data.forEach(kv => {flattened[kv.name] = kv.value;});
rows.push(flattened);
}
return rows;
};

const {
registrationGrowth,
itemGrowth,
Expand All @@ -104,7 +141,101 @@ export default function Growth ({ ssrData }) {
if (sub === 'all') {
return (
<Layout>
<SubAnalyticsHeader />
<Row>
<Col><SubAnalyticsHeader /></Col>
<Col>
<DropdownButton id="dropdown-item-button" title="Download CSV Data" style={{ float: "right" }}>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="stacker_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(stackerGrowth) }
style={ downloadLinkStyle }>stacker</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="stacking_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(stackingGrowth) }
style={ downloadLinkStyle }>stacking</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="spender_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(spenderGrowth) }
style={ downloadLinkStyle }>spenders</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="spending_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(spendingGrowth) }
style={ downloadLinkStyle }>spending</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="registration_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(registrationGrowth) }
style={ downloadLinkStyle }>registration</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="item_growth.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(itemGrowth) }
style={ downloadLinkStyle }>items</a>
</Button>
</Dropdown.Item>
</DropdownButton>
</Col>
<Col>
<DropdownButton id="dropdown-item-button" title="Download JSON Data" style={{ float: "right" }}>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="stacker_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(stackerGrowth) }
style={ downloadLinkStyle }>stacker</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="stacking_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(stackingGrowth) }
style={ downloadLinkStyle }>stacking</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="spender_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(spenderGrowth) }
style={ downloadLinkStyle }>spenders</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="spending_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(spendingGrowth) }
style={ downloadLinkStyle }>spending</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="registration_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(registrationGrowth) }
style={ downloadLinkStyle }>registration</a>
</Button>
</Dropdown.Item>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="item_growth.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(itemGrowth) }
style={ downloadLinkStyle }>items</a>
</Button>
</Dropdown.Item>
</DropdownButton>
</Col>
</Row>
<Row>
<Col className='mt-3'>
<div className='text-center text-muted fw-bold'>stackers</div>
Expand Down Expand Up @@ -140,7 +271,45 @@ export default function Growth ({ ssrData }) {
} else {
return (
<Layout>
<SubAnalyticsHeader />
<Row>
<Col><SubAnalyticsHeader /></Col>
<Col>
<DropdownButton id="dropdown-item-button" title="Download CSV Data" style={{ float: "right" }}>
<Dropdown.ItemText>
<Button variant="outlined">
<a download="item_growth_subs.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(itemGrowthSubs) }
style={ downloadLinkStyle }>item</a>
</Button>
</Dropdown.ItemText>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="revenue_growth_subs.csv" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobCSV(revenueGrowthSubs) }
style={ downloadLinkStyle }>sats</a>
</Button>
</Dropdown.Item>
</DropdownButton>
</Col>
<Col>
<DropdownButton id="dropdown-item-button" title="Download JSON Data" style={{ float: "right" }}>
<Dropdown.ItemText>
<Button variant="outlined">
<a download="item_growth_subs.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(itemGrowthSubs) }
style={ downloadLinkStyle }>item</a>
</Button>
</Dropdown.ItemText>
<Dropdown.Item as="button">
<Button variant="outlined">
<a download="revenue_growth_subs.txt" target="_blank" rel="noreferrer"
href={ genHrefDownloadBlobJSON(revenueGrowthSubs) }
style={ downloadLinkStyle }>sats</a>
</Button>
</Dropdown.Item>
</DropdownButton>
</Col>
</Row>
<Row>
<Col className='mt-3'>
<div className='text-center text-muted fw-bold'>items</div>
Expand Down