From 9619c641aacaa888f82c5757675755ddb592591c Mon Sep 17 00:00:00 2001
From: hbdc <133312218+hbdc-BtcFixesThis@users.noreply.github.com>
Date: Tue, 28 Oct 2025 18:10:08 +0000
Subject: [PATCH 1/3] add dropdown menu to download stacker analytics

---
 pages/stackers/[sub]/[when].js | 85 +++++++++++++++++++++++++++++++++-
 1 file changed, 83 insertions(+), 2 deletions(-)

diff --git a/pages/stackers/[sub]/[when].js b/pages/stackers/[sub]/[when].js
index eec02af076..8382a2fd1f 100644
--- a/pages/stackers/[sub]/[when].js
+++ b/pages/stackers/[sub]/[when].js
@@ -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'
@@ -90,6 +93,16 @@ export default function Growth ({ ssrData }) {
   const { data } = useQuery(GROWTH_QUERY, { variables: { when, from, to, sub, subSelect: sub !== 'all' } })
   if (!data && !ssrData) return <PageLoading />
 
+  const genHrefDownloadBlob = (data) => {
+    const blob = new Blob([
+      JSON.stringify(data, null, 2),
+    ], {
+      type: 'text/plain'
+    });
+    return URL.createObjectURL(blob);
+  };
+  const downloadLinkStyle = { textDecoration: "inherit", color: "inherit" };
+
   const {
     registrationGrowth,
     itemGrowth,
@@ -104,7 +117,55 @@ export default function Growth ({ ssrData }) {
   if (sub === 'all') {
     return (
       <Layout>
-        <SubAnalyticsHeader />
+        <Row>
+          <Col><SubAnalyticsHeader /></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={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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>
@@ -140,7 +201,27 @@ export default function Growth ({ ssrData }) {
   } else {
     return (
       <Layout>
-        <SubAnalyticsHeader />
+        <Row>
+          <Col><SubAnalyticsHeader /></Col>
+          <Col>
+            <DropdownButton id="dropdown-item-button" title="Download JSON Data">
+              <Dropdown.ItemText>
+                <Button variant="outlined">
+                  <a download="item_growth_subs.txt" target="_blank" rel="noreferrer"
+                    href={ genHrefDownloadBlob(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={ genHrefDownloadBlob(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>

From 6ba5e6b8cb9c00fd683c76ed5dcb4d2f4f39b8fa Mon Sep 17 00:00:00 2001
From: hbdc <133312218+hbdc-BtcFixesThis@users.noreply.github.com>
Date: Tue, 28 Oct 2025 18:31:17 +0000
Subject: [PATCH 2/3] float button right

---
 pages/stackers/[sub]/[when].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/stackers/[sub]/[when].js b/pages/stackers/[sub]/[when].js
index 8382a2fd1f..6b6a253265 100644
--- a/pages/stackers/[sub]/[when].js
+++ b/pages/stackers/[sub]/[when].js
@@ -204,7 +204,7 @@ export default function Growth ({ ssrData }) {
         <Row>
           <Col><SubAnalyticsHeader /></Col>
           <Col>
-            <DropdownButton id="dropdown-item-button" title="Download JSON Data">
+            <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"

From a1b86a855c59f37e9063878994b624fb3494e598 Mon Sep 17 00:00:00 2001
From: hbdc <133312218+hbdc-BtcFixesThis@users.noreply.github.com>
Date: Thu, 6 Nov 2025 18:56:31 +0000
Subject: [PATCH 3/3] add csv download option

---
 pages/stackers/[sub]/[when].js | 110 +++++++++++++++++++++++++++++----
 1 file changed, 99 insertions(+), 11 deletions(-)

diff --git a/pages/stackers/[sub]/[when].js b/pages/stackers/[sub]/[when].js
index 6b6a253265..6334f08264 100644
--- a/pages/stackers/[sub]/[when].js
+++ b/pages/stackers/[sub]/[when].js
@@ -93,15 +93,39 @@ export default function Growth ({ ssrData }) {
   const { data } = useQuery(GROWTH_QUERY, { variables: { when, from, to, sub, subSelect: sub !== 'all' } })
   if (!data && !ssrData) return <PageLoading />
 
-  const genHrefDownloadBlob = (data) => {
+  const downloadLinkStyle = { textDecoration: "inherit", color: "inherit" };
+
+  const genHrefDownloadBlobJSON = (data) => {
     const blob = new Blob([
       JSON.stringify(data, null, 2),
     ], {
-      type: 'text/plain'
+      type: 'text/plain;charset=utf-8;'
     });
     return URL.createObjectURL(blob);
   };
-  const downloadLinkStyle = { textDecoration: "inherit", color: "inherit" };
+
+  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,
@@ -119,47 +143,93 @@ export default function Growth ({ ssrData }) {
       <Layout>
         <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={ genHrefDownloadBlob(stackerGrowth) }
+                    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={ genHrefDownloadBlob(stackingGrowth) }
+                    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={ genHrefDownloadBlob(spenderGrowth) }
+                    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={ genHrefDownloadBlob(spendingGrowth) }
+                    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={ genHrefDownloadBlob(registrationGrowth) }
+                    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={ genHrefDownloadBlob(itemGrowth) }
+                    href={ genHrefDownloadBlobJSON(itemGrowth) }
                     style={ downloadLinkStyle }>items</a>
                 </Button>
               </Dropdown.Item>
@@ -203,19 +273,37 @@ export default function Growth ({ ssrData }) {
       <Layout>
         <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={ genHrefDownloadBlob(itemGrowthSubs) }
+                    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={ genHrefDownloadBlob(revenueGrowthSubs) }
+                    href={ genHrefDownloadBlobJSON(revenueGrowthSubs) }
                     style={ downloadLinkStyle }>sats</a>
                 </Button>
               </Dropdown.Item>