stacker.news/pages/day/[day].js

216 lines
5.8 KiB
JavaScript
Raw Normal View History

2024-06-29 23:06:02 +00:00
import { getGetServerSideProps } from '@/api/ssrApollo'
import Layout from '@/components/layout'
import { datePivot, dayMonthYearToDate } from '@/lib/time'
import { gql, useQuery } from '@apollo/client'
import { numWithUnits, suffix, abbrNum } from '@/lib/format'
import PageLoading from '@/components/page-loading'
import { useRouter } from 'next/router'
// force SSR to include CSP nonces
export const getServerSideProps = getGetServerSideProps({ query: null })
const THIS_DAY = gql`
query thisDay($to: String, $from: String) {
posts: items (sort: "top", when: "custom", from: $from, to: $to, limit: 1) {
items {
id
title
text
url
ncomments
sats
boost
2024-06-30 16:45:06 +00:00
subName
2024-06-29 23:06:02 +00:00
user {
name
}
}
}
comments: items (sort: "top", type: "comments", when: "custom", from: $from, to: $to, limit: 1) {
items {
id
parentId
text
ncomments
sats
boost
user {
name
}
root {
title
id
subName
user {
name
}
}
}
}
users: topUsers(when: "custom", from: $from, to: $to) {
users {
name
nposts(when: "custom", from: $from, to: $to)
ncomments(when: "custom", from: $from, to: $to)
optional {
stacked(when: "custom", from: $from, to: $to)
spent(when: "custom", from: $from, to: $to)
referrals(when: "custom", from: $from, to: $to)
}
}
}
territories: topSubs(when: "custom", from: $from, to: $to, limit: 1) {
subs {
name
createdAt
desc
user {
name
id
optional {
streak
}
}
ncomments(when: "custom", from: $from, to: $to)
nposts(when: "custom", from: $from, to: $to)
optional {
stacked(when: "custom", from: $from, to: $to)
spent(when: "custom", from: $from, to: $to)
revenue(when: "custom", from: $from, to: $to)
}
}
}
}
`
export default function Index () {
const router = useRouter()
const days = []
let day = router.query.day
? datePivot(dayMonthYearToDate(router.query.day), { years: -1 })
: datePivot(new Date(), { years: -1 })
while (day > new Date('2021-06-10')) {
days.push(day)
day = datePivot(day, { years: -1 })
}
const sep = `
https://imgprxy.stacker.news/fsFoWlgwKYsk5mxx2ijgqU8fg04I_2zA_D28t_grR74/rs:fit:960:540/aHR0cHM6Ly9tLnN0YWNrZXIubmV3cy8yMzc5Ng
`
return (
<Layout>
<code style={{ whiteSpace: 'pre-line' }}>
* * -
{days
.map(day => <ThisDay key={day} day={day} />)
.reduce((acc, x) => acc === null
? [x]
: [acc, sep, x], null)}
</code>
</Layout>
)
}
function ThisDay ({ day }) {
const [from, to] = [
String(new Date(new Date(day).setHours(0, 0, 0, 0)).getTime()),
String(new Date(new Date(day).setHours(23, 59, 59, 999)).getTime())]
const { data } = useQuery(THIS_DAY, { variables: { from, to } })
if (!data) return <PageLoading />
return `
### ${day.toLocaleString('default', { month: 'long', day: 'numeric', year: 'numeric' })} 📅
----
### 📝 \`TOP POST\`
${topPost(data.posts.items)}
----
### 💬 \`TOP COMMENT\`
${topComment(data.comments.items)}
----
### 🏆 \`TOP STACKER\`
${topStacker(data.users.users)}
----
### 🗺 \`TOP TERRITORY\`
${topTerritory(data.territories.subs)}
`
}
const truncateString = (string = '', maxLength = 140) =>
string.length > maxLength
? `${string.substring(0, 250)} […]`
: string
function topPost (posts) {
const post = posts?.[0]
if (!post) return 'No top post'
return `**[${post.title}](https://stacker.news/items/${post.id}/r/Undisciplined)**
${post.text
? `
#### Excerpt
> ${truncateString(post.text)}`
: ''}
*${numWithUnits(post.sats)} \\ ${numWithUnits(post.ncomments, { unitSingular: 'comment', unitPlural: 'comments' })} \\ @${post.user.name} \\ ~${post.subName}*`
}
function topComment (comments) {
const comment = comments?.[0]
if (!comment) return 'No top comment'
return `**https://stacker.news/items/${comment.root.id}/r/Undisciplined?commentId=${comment.id}**
${comment.text
? `
#### Excerpt
> ${truncateString(comment.text)}`
: ''}
*${numWithUnits(comment.sats)} \\ ${numWithUnits(comment.ncomments, { unitSingular: 'reply', unitPlural: 'replies' })} \\ @${comment.user.name}*
From **[${comment.root.title}](https://stacker.news/items/${comment.root.id}/r/Undisciplined)** by @${comment.root.user.name} in ~${comment.root.subName}`
}
function topStacker (users) {
const userIdx = users.findIndex(u => !!u)
if (userIdx === -1) return 'No top stacker'
const user = users[userIdx]
return `${suffix(userIdx + 1)} place **@${user.name}** ${userIdx > 0 ? `(1st${userIdx > 1 ? `-${suffix(userIdx - 1)}` : ''} hiding)` : ''}
*${abbrNum(user.optional?.stacked)} stacked \\ ${abbrNum(user.optional?.spent)} spent \\ ${numWithUnits(user.nposts, { unitSingular: 'post', unitPlural: 'posts' })} \\ ${numWithUnits(user.ncomments, { unitSingular: 'comment', unitPlural: 'comments' })} \\ ${numWithUnits(user.optional.referrals, { unitSingular: 'referral', unitPlural: 'referrals' })}*`
}
function topTerritory (subs) {
const sub = subs?.[0]
if (!sub) return 'No top territory'
return `**~${sub.name}**
${sub.desc
? `> ${truncateString(sub.desc)}`
: ''}
founded by @${sub.user.name} on ${new Date(sub.createdAt).toDateString()}
*${abbrNum(sub.optional?.stacked)} stacked \\ ${abbrNum(sub.optional?.revenue)} revenue \\ ${abbrNum(sub.optional?.spent)} spent \\ ${numWithUnits(sub.nposts, { unitSingular: 'post', unitPlural: 'posts' })} \\ ${numWithUnits(sub.ncomments, { unitSingular: 'comment', unitPlural: 'comments' })}*`
}