├── app
├── favicon.ico
├── globals.css
├── layout.tsx
├── api
│ └── update
│ │ └── route.ts
└── page.tsx
├── postcss.config.mjs
├── vercel.json
├── public
├── vercel.svg
├── window.svg
├── file.svg
├── globe.svg
└── next.svg
├── next.config.ts
├── eslint.config.mjs
├── .gitignore
├── tsconfig.json
├── package.json
├── README.md
└── pnpm-lock.yaml
/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sandboxnu/giving-dayerator/main/app/favicon.ico
--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | const config = {
2 | plugins: ["@tailwindcss/postcss"],
3 | };
4 |
5 | export default config;
6 |
--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "crons": [
3 | {
4 | "path": "/api/update",
5 | "schedule": "*/10 * * * *"
6 | }
7 | ]
8 | }
9 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/next.config.ts:
--------------------------------------------------------------------------------
1 | import type { NextConfig } from "next";
2 |
3 | const nextConfig: NextConfig = {
4 | /* config options here */
5 | };
6 |
7 | export default nextConfig;
8 |
--------------------------------------------------------------------------------
/public/window.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/file.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/eslint.config.mjs:
--------------------------------------------------------------------------------
1 | import { dirname } from "path";
2 | import { fileURLToPath } from "url";
3 | import { FlatCompat } from "@eslint/eslintrc";
4 |
5 | const __filename = fileURLToPath(import.meta.url);
6 | const __dirname = dirname(__filename);
7 |
8 | const compat = new FlatCompat({
9 | baseDirectory: __dirname,
10 | });
11 |
12 | const eslintConfig = [
13 | ...compat.extends("next/core-web-vitals", "next/typescript"),
14 | ];
15 |
16 | export default eslintConfig;
17 |
--------------------------------------------------------------------------------
/app/globals.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss";
2 |
3 | :root {
4 | --background: #ffffff;
5 | --foreground: #171717;
6 | }
7 |
8 | @theme inline {
9 | --color-background: var(--background);
10 | --color-foreground: var(--foreground);
11 | --font-sans: var(--font-geist-sans);
12 | --font-mono: var(--font-geist-mono);
13 | }
14 |
15 | @media (prefers-color-scheme: dark) {
16 | :root {
17 | --background: #0a0a0a;
18 | --foreground: #ededed;
19 | }
20 | }
21 |
22 | body {
23 | background: var(--background);
24 | color: var(--foreground);
25 | font-family: Arial, Helvetica, sans-serif;
26 | }
27 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.*
7 | .yarn/*
8 | !.yarn/patches
9 | !.yarn/plugins
10 | !.yarn/releases
11 | !.yarn/versions
12 |
13 | # testing
14 | /coverage
15 |
16 | # next.js
17 | /.next/
18 | /out/
19 |
20 | # production
21 | /build
22 |
23 | # misc
24 | .DS_Store
25 | *.pem
26 |
27 | # debug
28 | npm-debug.log*
29 | yarn-debug.log*
30 | yarn-error.log*
31 | .pnpm-debug.log*
32 |
33 | # env files (can opt-in for committing if needed)
34 | .env*
35 |
36 | # vercel
37 | .vercel
38 |
39 | # typescript
40 | *.tsbuildinfo
41 | next-env.d.ts
42 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2017",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "noEmit": true,
9 | "esModuleInterop": true,
10 | "module": "esnext",
11 | "moduleResolution": "bundler",
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "jsx": "preserve",
15 | "incremental": true,
16 | "plugins": [
17 | {
18 | "name": "next"
19 | }
20 | ],
21 | "paths": {
22 | "@/*": ["./*"]
23 | }
24 | },
25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 | "exclude": ["node_modules"]
27 | }
28 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "giving-day",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev --turbopack",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "next": "15.2.5",
13 | "node-html-parser": "^7.0.1",
14 | "react": "^19.0.0",
15 | "react-dom": "^19.0.0",
16 | "redis": "^4.7.0"
17 | },
18 | "devDependencies": {
19 | "@eslint/eslintrc": "^3",
20 | "@tailwindcss/postcss": "^4",
21 | "@types/node": "^20",
22 | "@types/react": "^19",
23 | "@types/react-dom": "^19",
24 | "eslint": "^9",
25 | "eslint-config-next": "15.2.5",
26 | "tailwindcss": "^4",
27 | "typescript": "^5"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { Geist, Geist_Mono } from "next/font/google";
3 | import "./globals.css";
4 |
5 | const geistSans = Geist({
6 | variable: "--font-geist-sans",
7 | subsets: ["latin"],
8 | });
9 |
10 | const geistMono = Geist_Mono({
11 | variable: "--font-geist-mono",
12 | subsets: ["latin"],
13 | });
14 |
15 | export const metadata: Metadata = {
16 | title: "Create Next App",
17 | description: "Generated by create next app",
18 | };
19 |
20 | export default function RootLayout({
21 | children,
22 | }: Readonly<{
23 | children: React.ReactNode;
24 | }>) {
25 | return (
26 |
27 |
30 | {children}
31 |
32 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/public/globe.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
37 |
--------------------------------------------------------------------------------
/app/api/update/route.ts:
--------------------------------------------------------------------------------
1 | import { parse } from "node-html-parser";
2 | import { type NextRequest } from "next/server";
3 | import { createClient } from "redis";
4 |
5 | interface combinedAmount {
6 | index: number;
7 | name: string;
8 | amount: string;
9 | }
10 |
11 | export async function GET(req: NextRequest) {
12 | const authHeader = req.headers.get("authorization");
13 | if (authHeader !== `Bearer ${process.env.CRON_SECRET}`) {
14 | return new Response("Unauthorized", {
15 | status: 401,
16 | });
17 | }
18 |
19 | // ===== Get the info =====
20 | const page = await fetch(
21 | "https://givingday.northeastern.edu/campaigns/sandbox-club",
22 | {},
23 | ).then((r) => r.text());
24 |
25 | const p = parse(page);
26 |
27 | const items = p.querySelectorAll(".fb-message");
28 |
29 | const combined: combinedAmount[] = [];
30 | for (const item of items) {
31 | const name = item.querySelector(".fb-user-name")?.text;
32 | const amount = item.querySelector(".donation-amount")?.text;
33 |
34 | const cleanedName = name ? name.trim() : "Secret";
35 | const cleanedAmount = amount ? amount.trim().substring(2) : "Secret";
36 |
37 | combined.push({
38 | index: items.length - items.indexOf(item),
39 | name: cleanedName,
40 | amount: cleanedAmount,
41 | });
42 | }
43 |
44 | // ===== find the new ones =====
45 | const client = createClient({
46 | url: process.env.REDIS_URL ?? "",
47 | });
48 |
49 | client.on("error", (err) => console.log("Redis Client Error", err));
50 |
51 | await client.connect();
52 |
53 | try {
54 | const newKeys = combined.map(
55 | (o) => `${o.name.substring(0, 50)}-${o.amount}`,
56 | );
57 |
58 | const oldKeys = await client.lRange("donations", 0, -1);
59 |
60 | console.log(newKeys);
61 | console.log(oldKeys);
62 |
63 | const newDonations = findUniqueElementsInB(oldKeys, newKeys);
64 | const newDonationObj = combined.slice(0, newDonations.length).toReversed();
65 |
66 | // ===== add the rest to redis =====
67 | for (const e of newDonationObj) {
68 | await client.lPush("donations", `${e.name.substring(0, 50)}-${e.amount}`);
69 | }
70 |
71 | console.log(newDonationObj);
72 |
73 | // ===== hit the slack webhook for the new ones =====
74 | for (const record of newDonationObj) {
75 | const body = {
76 | blocks: [
77 | {
78 | type: "header",
79 | text: {
80 | type: "plain_text",
81 | text: "Somebody donated!",
82 | },
83 | },
84 | {
85 | type: "section",
86 | fields: [
87 | {
88 | type: "mrkdwn",
89 | text: "*Name*\n" + record.name,
90 | },
91 | {
92 | type: "mrkdwn",
93 | text: "*Donation*\n" + record.amount,
94 | },
95 | ],
96 | },
97 | ],
98 | };
99 |
100 | await fetch(process.env.SLACK_WEBHOOK ?? "", {
101 | method: "POST",
102 | body: JSON.stringify(body),
103 | }).catch(() => console.log("failed to send slack update :("));
104 | }
105 | } finally {
106 | await client.disconnect();
107 | }
108 |
109 | return Response.json({ success: true });
110 | }
111 |
112 | function findUniqueElementsInB(a: string[], b: string[]) {
113 | const aCopy = [...a];
114 |
115 | const result = [];
116 |
117 | for (let i = 0; i < b.length; i++) {
118 | const matchIndex = aCopy.indexOf(b[i]);
119 |
120 | if (matchIndex === -1) {
121 | result.push(b[i]);
122 | } else {
123 | aCopy.splice(matchIndex, 1);
124 | }
125 | }
126 |
127 | return result;
128 | }
129 |
--------------------------------------------------------------------------------
/app/page.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 |
3 | export default function Home() {
4 | return (
5 |
6 |
7 |
15 |
16 | -
17 | Get started by editing{" "}
18 |
19 | app/page.tsx
20 |
21 | .
22 |
23 | -
24 | Save and see your changes instantly.
25 |
26 |
27 |
28 |
53 |
54 |
101 |