) {
6 | const GAComponent = ({ ...props }: T) => {
7 | useEffect(() => {
8 | // @ts-ignore - this hacks the window object and is apparently recommended
9 | // https://coderrocketfuel.com/article/add-google-analytics-to-a-next-js-and-react-website
10 | if (!window.GA_INITIALIZED) {
11 | initGA();
12 | // @ts-ignore
13 | window.GA_INITIALIZED = true;
14 | }
15 | logPageView();
16 | }, []);
17 | /* eslint-disable */
18 | // @ts-ignore
19 | return ;
20 | /* eslint-enable */
21 | };
22 |
23 | return GAComponent;
24 | }
25 |
--------------------------------------------------------------------------------
/frontend/utils/gippage.ts:
--------------------------------------------------------------------------------
1 | import { NextPageContext, NextPage } from "next";
2 |
3 | export type GIPPage = NextPage
& {
4 | getInitialProps: (ctx: NextPageContext) => P | Promise
;
5 | };
6 |
--------------------------------------------------------------------------------
/frontend/utils/index.tsx:
--------------------------------------------------------------------------------
1 | import { ALLOWED_LINKS } from "../constants";
2 | import { Membership, Kind, User } from "../types";
3 |
4 | export function isValidEmail(email: string) {
5 | const pattern =
6 | /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
7 | return pattern.test(email);
8 | }
9 |
10 | export function isValidVideoChatURL(url: string) {
11 | try {
12 | // URL constructor does not prevent "http://www.zoom.us Meeting ID: ..."
13 | const pattern =
14 | /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/;
15 |
16 | if (!pattern.test(url)) {
17 | return false;
18 | }
19 |
20 | const urlObject = new URL(url);
21 | return ALLOWED_LINKS.reduce(
22 | (acc: boolean, link: string) =>
23 | acc ||
24 | urlObject.hostname === link ||
25 | urlObject.hostname.endsWith(`.${link}`),
26 | false
27 | );
28 | } catch (e) {
29 | return false;
30 | }
31 | }
32 |
33 | export function roleSortFunc(a: Kind, b: Kind) {
34 | const order = ["PROFESSOR", "HEAD_TA", "TA", "STUDENT"];
35 | return order.indexOf(a) - order.indexOf(b);
36 | }
37 |
38 | export function leadershipSortFunc(a: Membership, b: Membership) {
39 | if (a.kind !== b.kind) {
40 | return roleSortFunc(a.kind, b.kind);
41 | }
42 | if (a.user.firstName !== b.user.firstName) {
43 | return a.user.firstName < b.user.firstName ? -1 : 1;
44 | }
45 | if (a.user.lastName !== b.user.lastName) {
46 | return a.user.lastName < b.user.lastName ? -1 : 1;
47 | }
48 | if (a.user.email < b.user.email) {
49 | return a.user.email < b.user.email ? -1 : 1;
50 | }
51 | return 0;
52 | }
53 |
54 | export function getFullName(user: User): string {
55 | return `${user.firstName} ${user.lastName}`;
56 | }
57 |
--------------------------------------------------------------------------------
/frontend/utils/notifications.ts:
--------------------------------------------------------------------------------
1 | import { logException } from "./sentry";
2 |
3 | export function browserSupportsNotifications() {
4 | return typeof window !== "undefined" && "Notification" in window;
5 | }
6 |
7 | export function askNotificationPermissions() {
8 | if (browserSupportsNotifications()) {
9 | try {
10 | Notification.requestPermission();
11 | } catch (e) {
12 | logException(e);
13 | }
14 | }
15 | }
16 |
17 | export function playNotification(message: string) {
18 | if (browserSupportsNotifications()) {
19 | try {
20 | /* eslint-disable-next-line */
21 | new Notification("Alert", {
22 | body: message,
23 | icon: "../favicon.ico",
24 | });
25 | } catch (e) {
26 | logException(e);
27 | }
28 | }
29 | }
30 |
31 | export function checkPermissions() {
32 | return localStorage && localStorage.getItem("notifs") === "false";
33 | }
34 |
--------------------------------------------------------------------------------
/frontend/utils/protectpage.tsx:
--------------------------------------------------------------------------------
1 | import { NextPageContext } from "next";
2 | import { AuthProps } from "../context/auth";
3 | import { User } from "../types";
4 | import nextRedirect from "./redirect";
5 | import { GIPPage } from "./gippage";
6 |
7 | export function withProtectPage(
8 | // this enforces that WrappedComponent has a
9 | // getInitialProps that contains a user object
10 | WrappedComponent: GIPPage,
11 | condition: (user: User, ctx: NextPageContext) => boolean
12 | ) {
13 | const ProtectedComponent = ({ ...props }: T) => {
14 | // eslint-disable-next-line
15 | return ;
16 | };
17 |
18 | ProtectedComponent.getInitialProps = async (ctx: NextPageContext) => {
19 | const wrappedProps = await WrappedComponent.getInitialProps(ctx);
20 | const { user } = wrappedProps;
21 | if (user && !condition(user, ctx)) {
22 | nextRedirect(ctx, () => true, "/404");
23 | }
24 |
25 | return wrappedProps;
26 | };
27 |
28 | return ProtectedComponent;
29 | }
30 |
--------------------------------------------------------------------------------
/frontend/utils/redirect.ts:
--------------------------------------------------------------------------------
1 | import Router from "next/router";
2 | import { NextPageContext } from "next";
3 |
4 | export default function nextRedirect(
5 | { req, res }: NextPageContext,
6 | condition: (url: string) => boolean,
7 | redirectUrl: string
8 | ) {
9 | // if redirect is called server side
10 | if (req && res) {
11 | // if request doesn't have an associated URL or the condition
12 | // on the url applies, we redirect
13 | if (!req.url || condition(req.url)) {
14 | res.writeHead(302, { Location: redirectUrl });
15 | res.end();
16 | }
17 | } else if (condition(window.location.pathname)) {
18 | Router.replace(redirectUrl);
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/frontend/utils/sentry.tsx:
--------------------------------------------------------------------------------
1 | let Sentry;
2 |
3 | const SENTRY_URL =
4 | "https://8bac880d12c34567b17d8af1ea4ea0d1@sentry.pennlabs.org/18";
5 | const dev = process.env.NODE_ENV !== "production";
6 |
7 | if (process.browser) {
8 | // If the code is running in user's browser
9 | Sentry = require("@sentry/browser");
10 | } else {
11 | // If code is running on the server
12 | Sentry = require("@sentry/node");
13 | }
14 |
15 | if (!dev) {
16 | Sentry.init({ dsn: SENTRY_URL });
17 | }
18 |
19 | export function logException(ex: Error, context?: any): void {
20 | Sentry.captureException(ex, {
21 | extra: context,
22 | });
23 | window.console && console.error && console.error(ex); // eslint-disable-line no-console
24 | }
25 |
26 | export function logMessage(msg: string): void {
27 | Sentry.captureMessage(msg);
28 | }
29 |
--------------------------------------------------------------------------------
/frontend/utils/staffcheck.ts:
--------------------------------------------------------------------------------
1 | import { NextPageContext } from "next";
2 | import { User, Kind } from "../types";
3 |
4 | /**
5 | * staffCheck is a helper function used to verify that the user
6 | * visiting a *course* page is a staff member.
7 | *
8 | * Note: this method returns false if the page is not associated with a course
9 | *
10 | */
11 |
12 | export default function staffCheck(user: User, ctx: NextPageContext): boolean {
13 | const {
14 | query: { course },
15 | } = ctx;
16 |
17 | if (!course) {
18 | return false;
19 | }
20 |
21 | let parsedCourse: number;
22 | if (typeof course == "string") {
23 | parsedCourse = parseInt(course, 10);
24 | } else {
25 | parsedCourse = parseInt(course[0], 10);
26 | }
27 |
28 | const foundCourse = user.membershipSet.find(
29 | (membership) => membership.course.id === parsedCourse
30 | );
31 |
32 | if (!foundCourse) {
33 | return false;
34 | }
35 |
36 | return foundCourse.kind !== Kind.STUDENT;
37 | }
38 |
--------------------------------------------------------------------------------
/k8s/.gitignore:
--------------------------------------------------------------------------------
1 | *.d.ts
2 | *.js
3 | node_modules
4 | dist/
5 |
--------------------------------------------------------------------------------
/k8s/cdk8s.yaml:
--------------------------------------------------------------------------------
1 | language: typescript
2 | app: node main.js
3 |
--------------------------------------------------------------------------------
/k8s/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "k8s",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "types": "main.ts",
6 | "license": "Apache-2.0",
7 | "private": true,
8 | "scripts": {
9 | "import": "cdk8s import",
10 | "synth": "cdk8s synth",
11 | "compile": "tsc",
12 | "watch": "tsc -w",
13 | "test": "jest",
14 | "build": "npm run compile && npm run synth",
15 | "upgrade": "npm i cdk8s@latest cdk8s-cli@latest",
16 | "upgrade:next": "npm i cdk8s@next cdk8s-cli@next"
17 | },
18 | "dependencies": {
19 | "@pennlabs/kittyhawk": "^1.1.11",
20 | "cdk8s": "^2.2.63",
21 | "constructs": "^10.0.110"
22 | },
23 | "devDependencies": {
24 | "@types/jest": "^26.0.24",
25 | "@types/node": "^14.18.12",
26 | "jest": "^26.6.3",
27 | "ts-jest": "^26.5.6",
28 | "typescript": "^4.6.3"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/k8s/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "alwaysStrict": true,
4 | "charset": "utf8",
5 | "declaration": true,
6 | "experimentalDecorators": true,
7 | "inlineSourceMap": true,
8 | "inlineSources": true,
9 | "lib": [
10 | "es2016"
11 | ],
12 | "module": "CommonJS",
13 | "noEmitOnError": true,
14 | "noFallthroughCasesInSwitch": true,
15 | "noImplicitAny": true,
16 | "noImplicitReturns": true,
17 | "noImplicitThis": true,
18 | "noUnusedLocals": true,
19 | "noUnusedParameters": true,
20 | "resolveJsonModule": true,
21 | "strict": true,
22 | "strictNullChecks": true,
23 | "strictPropertyInitialization": true,
24 | "stripInternal": true,
25 | "target": "ES2017"
26 | },
27 | "include": [
28 | "**/*.ts"
29 | ],
30 | "exclude": [
31 | "node_modules"
32 | ]
33 | }
34 |
--------------------------------------------------------------------------------
/ohq.code-workspace:
--------------------------------------------------------------------------------
1 | {
2 | "folders": [
3 | {
4 | "path": "backend"
5 | },
6 | {
7 | "path": "frontend"
8 | }
9 | ],
10 | "settings": {},
11 | "tasks": {
12 | "version": "2.0.0",
13 | "tasks": [
14 | {
15 | "label": "Run frontend",
16 | "type": "shell",
17 | "args": [
18 | "dev",
19 | ],
20 | "command": "yarn",
21 | "options": {
22 | "cwd": "${workspaceFolder:frontend}"
23 | },
24 | },
25 | {
26 | "label": "Run database",
27 | "type": "shell",
28 | "args": [
29 | "up",
30 | ],
31 | "command": "docker-compose",
32 | "options": {
33 | "cwd": "${workspaceFolder:backend}"
34 | },
35 | },
36 | {
37 | "label": "Run backend",
38 | "type": "shell",
39 | "args": [
40 | "run",
41 | "./manage.py",
42 | "runserver",
43 | ],
44 | "command": "pipenv",
45 | "options": {
46 | "cwd": "${workspaceFolder:backend}"
47 | },
48 | },
49 | {
50 | "label": "Run OHQ",
51 | "dependsOrder": "sequence",
52 | "dependsOn": [
53 | "Run database",
54 | "Run backend",
55 | "Run frontend",
56 | ],
57 | },
58 | ]
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
70 | 
28 | 
36 |