+ {#if correct}
+ {#if part == 1}
+ You have completed the first part of the question.
+
+ You earned {points} points for part 1.
+ {:else}
+ You have completed both parts of the question.
+
+ You earned {points} points for part 2.
+ {/if}
+ {:else}
+ The answer you have provided was not correct. Try again!
+ {/if}
+
+
+
+
+
+
+
diff --git a/web_src/lib/pb/.pnpm-debug.log b/web_src/lib/pb/.pnpm-debug.log
new file mode 100644
index 0000000..fa10508
--- /dev/null
+++ b/web_src/lib/pb/.pnpm-debug.log
@@ -0,0 +1,19 @@
+{
+ "0 debug pnpm:scope": {
+ "selected": 1
+ },
+ "1 error pnpm": {
+ "errno": 1,
+ "code": "ELIFECYCLE",
+ "pkgid": "cq-ui@0.0.1",
+ "stage": "lint",
+ "script": "prettier --ignore-path .gitignore --check --plugin-search-dir=. web_src && eslint --ignore-path .gitignore web_src",
+ "pkgname": "cq-ui",
+ "err": {
+ "name": "pnpm",
+ "message": "cq-ui@0.0.1 lint: `prettier --ignore-path .gitignore --check --plugin-search-dir=. web_src && eslint --ignore-path .gitignore web_src`\nExit status 1",
+ "code": "ELIFECYCLE",
+ "stack": "pnpm: cq-ui@0.0.1 lint: `prettier --ignore-path .gitignore --check --plugin-search-dir=. web_src && eslint --ignore-path .gitignore web_src`\nExit status 1\n at EventEmitter. (/usr/pnpm-global/5/node_modules/.pnpm/pnpm@6.32.8/node_modules/pnpm/dist/pnpm.cjs:105794:20)\n at EventEmitter.emit (node:events:527:28)\n at ChildProcess. (/usr/pnpm-global/5/node_modules/.pnpm/pnpm@6.32.8/node_modules/pnpm/dist/pnpm.cjs:92355:18)\n at ChildProcess.emit (node:events:527:28)\n at maybeClose (node:internal/child_process:1090:16)\n at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)"
+ }
+ }
+}
\ No newline at end of file
diff --git a/web_src/lib/pb/all.pb.ts b/web_src/lib/pb/all.pb.ts
new file mode 100644
index 0000000..2fd5b6a
--- /dev/null
+++ b/web_src/lib/pb/all.pb.ts
@@ -0,0 +1,204 @@
+/* eslint-disable */
+// @ts-nocheck
+/*
+* This file is a generated Typescript file for GRPC Gateway, DO NOT MODIFY
+*/
+
+import * as fm from "./fetch.pb"
+
+export enum Difficulty {
+ Level1 = "Level1",
+ Level2 = "Level2",
+}
+
+export type Token = {
+ token?: string
+ expires?: string
+}
+
+export type OAuthCodeRequest = {
+}
+
+export type OAuthCodeResponse = {
+ redirectURI?: string
+}
+
+export type TokenRequest = {
+ code?: string
+ state?: string
+}
+
+export type DeleteTokenRequest = {
+ all?: boolean
+ token?: Token
+}
+
+export type DeleteTokenResponse = {
+}
+
+export type Info = {
+ currentUser?: User
+ active?: boolean
+ points?: number
+ startTime?: string
+ endTime?: string
+}
+
+export type User = {
+ id?: string
+ name?: string
+ email?: string
+ picture?: string
+ admin?: boolean
+ createdAt?: string
+}
+
+export type QuestionsRequest = {
+}
+
+export type PartData = {
+ completed?: boolean
+ pointsWorth?: number
+}
+
+export type Question = {
+ id?: string
+ title?: string
+ text?: string
+ difficulty?: Difficulty
+ part1?: PartData
+ part2?: PartData
+}
+
+export type QuestionsResponse = {
+ questions?: Question[]
+}
+
+export type QuestionByIDRequest = {
+ id?: string
+}
+
+export type QuestionInputRequest = {
+ id?: string
+}
+
+export type QuestionInput = {
+ id?: string
+ input?: string
+}
+
+export type SubmitRequestData = {
+ answer?: string
+ code?: string
+}
+
+export type SubmitRequest = {
+ id?: string
+ part?: number
+ body?: SubmitRequestData
+}
+
+export type SubmitResponse = {
+ correct?: boolean
+ points?: number
+}
+
+export type LeaderboardRequest = {
+}
+
+export type LeaderboardResponse = {
+ leaderboard?: LeaderboardEntry[]
+}
+
+export type LeaderboardEntry = {
+ username?: string
+ points?: number
+}
+
+export type InfoRequest = {
+}
+
+export type UpdateFields = {
+ name?: string
+ gradeLevel?: number
+ admin?: boolean
+}
+
+export type AdminUpdateFields = {
+ email?: string
+ name?: string
+ gradeLevel?: number
+ admin?: boolean
+}
+
+export type UpdateUserRequest = {
+ body?: UpdateFields
+}
+
+export type AdminUpdateUserRequest = {
+ body?: AdminUpdateFields
+}
+
+export type UserByEmailRequest = {
+ email?: string
+}
+
+export type DeleteUserRequest = {
+ email?: string
+}
+
+export type AllUsersRequest = {
+}
+
+export type AllUsersResponse = {
+ users?: User[]
+}
+
+export class AuthService {
+ static OAuthCode(req: OAuthCodeRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/auth/code?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+ static Token(req: TokenRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/auth/token?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+ static DeleteToken(req: DeleteTokenRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/auth/token`, {...initReq, method: "DELETE"})
+ }
+}
+export class QuestService {
+ static Questions(req: QuestionsRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/questions?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+ static QuestionByID(req: QuestionByIDRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/questions/${req["id"]}?${fm.renderURLSearchParams(req, ["id"])}`, {...initReq, method: "GET"})
+ }
+ static QuestionInput(req: QuestionInputRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/questions/${req["id"]}/input?${fm.renderURLSearchParams(req, ["id"])}`, {...initReq, method: "GET"})
+ }
+ static Submit(req: SubmitRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/questions/${req["id"]}/${req["part"]}`, {...initReq, method: "POST", body: JSON.stringify(req["Body"])})
+ }
+ static Leaderboard(req: LeaderboardRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/questions/leaderboard?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+}
+export class UserService {
+ static Info(req: InfoRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/users/me?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+ static UserByEmail(req: UserByEmailRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/admin/users/${req["email"]}?${fm.renderURLSearchParams(req, ["email"])}`, {...initReq, method: "GET"})
+ }
+ static AllUsers(req: AllUsersRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/admin/users?${fm.renderURLSearchParams(req, [])}`, {...initReq, method: "GET"})
+ }
+ static UpdateUser(req: UpdateUserRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/users/me`, {...initReq, method: "PATCH", body: JSON.stringify(req["Body"])})
+ }
+ static AdminUpdateUser(req: AdminUpdateUserRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/admin/users/${req["bodyEmail"]}`, {...initReq, method: "PATCH", body: JSON.stringify(req["Body"])})
+ }
+ static DeleteUser(req: DeleteUserRequest, initReq?: fm.InitReq): Promise {
+ return fm.fetchReq(`/v1/admin/users/${req["email"]}`, {...initReq, method: "DELETE"})
+ }
+}
\ No newline at end of file
diff --git a/web_src/lib/pb/fetch.pb.ts b/web_src/lib/pb/fetch.pb.ts
new file mode 100644
index 0000000..acaa579
--- /dev/null
+++ b/web_src/lib/pb/fetch.pb.ts
@@ -0,0 +1,233 @@
+/* eslint-disable */
+// @ts-nocheck
+/*
+ * This file is a generated Typescript file for GRPC Gateway, DO NOT MODIFY
+ */
+
+export interface InitReq extends RequestInit {
+ pathPrefix?: string;
+}
+
+export function fetchReq(path: string, init?: InitReq): Promise {
+ const { pathPrefix, ...req } = init || {};
+
+ const url = pathPrefix ? `${pathPrefix}${path}` : path;
+
+ return fetch(url, req).then((r) =>
+ r.json().then((body: O) => {
+ if (!r.ok) {
+ throw body;
+ }
+ return body;
+ })
+ ) as Promise;
+}
+
+// NotifyStreamEntityArrival is a callback that will be called on streaming entity arrival
+export type NotifyStreamEntityArrival = (resp: T) => void;
+
+/**
+ * fetchStreamingRequest is able to handle grpc-gateway server side streaming call
+ * it takes NotifyStreamEntityArrival that lets users respond to entity arrival during the call
+ * all entities will be returned as an array after the call finishes.
+ **/
+export async function fetchStreamingRequest(
+ path: string,
+ callback?: NotifyStreamEntityArrival,
+ init?: InitReq
+) {
+ const { pathPrefix, ...req } = init || {};
+ const url = pathPrefix ? `${pathPrefix}${path}` : path;
+ const result = await fetch(url, req);
+ // needs to use the .ok to check the status of HTTP status code
+ // http other than 200 will not throw an error, instead the .ok will become false.
+ // see https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#
+ if (!result.ok) {
+ const resp = await result.json();
+ const errMsg = resp.error && resp.error.message ? resp.error.message : '';
+ throw new Error(errMsg);
+ }
+
+ if (!result.body) {
+ throw new Error('response doesnt have a body');
+ }
+
+ await result.body
+ .pipeThrough(new TextDecoderStream())
+ .pipeThrough(getNewLineDelimitedJSONDecodingStream())
+ .pipeTo(
+ getNotifyEntityArrivalSink((e: R) => {
+ if (callback) {
+ callback(e);
+ }
+ })
+ );
+
+ // wait for the streaming to finish and return the success respond
+ return;
+}
+
+/**
+ * JSONStringStreamController represents the transform controller that's able to transform the incoming
+ * new line delimited json content stream into entities and able to push the entity to the down stream
+ */
+interface JSONStringStreamController extends TransformStreamDefaultController {
+ buf?: string;
+ pos?: number;
+ enqueue: (s: T) => void;
+}
+
+/**
+ * getNewLineDelimitedJSONDecodingStream returns a TransformStream that's able to handle new line delimited json stream content into parsed entities
+ */
+function getNewLineDelimitedJSONDecodingStream(): TransformStream {
+ return new TransformStream({
+ start(controller: JSONStringStreamController) {
+ controller.buf = '';
+ controller.pos = 0;
+ },
+
+ transform(chunk: string, controller: JSONStringStreamController) {
+ if (controller.buf === undefined) {
+ controller.buf = '';
+ }
+ if (controller.pos === undefined) {
+ controller.pos = 0;
+ }
+ controller.buf += chunk;
+ while (controller.pos < controller.buf.length) {
+ if (controller.buf[controller.pos] === '\n') {
+ const line = controller.buf.substring(0, controller.pos);
+ const response = JSON.parse(line);
+ controller.enqueue(response.result);
+ controller.buf = controller.buf.substring(controller.pos + 1);
+ controller.pos = 0;
+ } else {
+ ++controller.pos;
+ }
+ }
+ }
+ });
+}
+
+/**
+ * getNotifyEntityArrivalSink takes the NotifyStreamEntityArrival callback and return
+ * a sink that will call the callback on entity arrival
+ * @param notifyCallback
+ */
+function getNotifyEntityArrivalSink(notifyCallback: NotifyStreamEntityArrival) {
+ return new WritableStream({
+ write(entity: T) {
+ notifyCallback(entity);
+ }
+ });
+}
+
+type Primitive = string | boolean | number;
+type RequestPayload = Record;
+type FlattenedRequestPayload = Record>;
+
+/**
+ * Checks if given value is a plain object
+ * Logic copied and adapted from below source:
+ * https://github.com/char0n/ramda-adjunct/blob/master/src/isPlainObj.js
+ * @param {unknown} value
+ * @return {boolean}
+ */
+function isPlainObject(value: unknown): boolean {
+ const isObject = Object.prototype.toString.call(value).slice(8, -1) === 'Object';
+ const isObjLike = value !== null && isObject;
+
+ if (!isObjLike || !isObject) {
+ return false;
+ }
+
+ const proto = Object.getPrototypeOf(value);
+
+ const hasObjectConstructor =
+ typeof proto === 'object' && proto.constructor === Object.prototype.constructor;
+
+ return hasObjectConstructor;
+}
+
+/**
+ * Checks if given value is of a primitive type
+ * @param {unknown} value
+ * @return {boolean}
+ */
+function isPrimitive(value: unknown): boolean {
+ return ['string', 'number', 'boolean'].some((t) => typeof value === t);
+}
+
+/**
+ * Checks if given primitive is zero-value
+ * @param {Primitive} value
+ * @return {boolean}
+ */
+function isZeroValuePrimitive(value: Primitive): boolean {
+ return value === false || value === 0 || value === '';
+}
+
+/**
+ * Flattens a deeply nested request payload and returns an object
+ * with only primitive values and non-empty array of primitive values
+ * as per https://github.com/googleapis/googleapis/blob/master/google/api/http.proto
+ * @param {RequestPayload} requestPayload
+ * @param {String} path
+ * @return {FlattenedRequestPayload>}
+ */
+function flattenRequestPayload(
+ requestPayload: T,
+ path: string = ''
+): FlattenedRequestPayload {
+ return Object.keys(requestPayload).reduce((acc: T, key: string): T => {
+ const value = requestPayload[key];
+ const newPath = path ? [path, key].join('.') : key;
+
+ const isNonEmptyPrimitiveArray =
+ Array.isArray(value) && value.every((v) => isPrimitive(v)) && value.length > 0;
+
+ const isNonZeroValuePrimitive = isPrimitive(value) && !isZeroValuePrimitive(value as Primitive);
+
+ let objectToMerge = {};
+
+ if (isPlainObject(value)) {
+ objectToMerge = flattenRequestPayload(value as RequestPayload, newPath);
+ } else if (isNonZeroValuePrimitive || isNonEmptyPrimitiveArray) {
+ objectToMerge = { [newPath]: value };
+ }
+
+ return { ...acc, ...objectToMerge };
+ }, {} as T) as FlattenedRequestPayload;
+}
+
+/**
+ * Renders a deeply nested request payload into a string of URL search
+ * parameters by first flattening the request payload and then removing keys
+ * which are already present in the URL path.
+ * @param {RequestPayload} requestPayload
+ * @param {string[]} urlPathParams
+ * @return {string}
+ */
+export function renderURLSearchParams(
+ requestPayload: T,
+ urlPathParams: string[] = []
+): string {
+ const flattenedRequestPayload = flattenRequestPayload(requestPayload);
+
+ const urlSearchParams = Object.keys(flattenedRequestPayload).reduce(
+ (acc: string[][], key: string): string[][] => {
+ // key should not be present in the url path as a parameter
+ const value = flattenedRequestPayload[key];
+ if (urlPathParams.find((f) => f === key)) {
+ return acc;
+ }
+ return Array.isArray(value)
+ ? [...acc, ...value.map((m) => [key, m.toString()])]
+ : (acc = [...acc, [key, value.toString()]]);
+ },
+ [] as string[][]
+ );
+
+ return new URLSearchParams(urlSearchParams).toString();
+}
diff --git a/web_src/lib/pb/pbutil.ts b/web_src/lib/pb/pbutil.ts
new file mode 100644
index 0000000..43f477b
--- /dev/null
+++ b/web_src/lib/pb/pbutil.ts
@@ -0,0 +1,19 @@
+import { browser } from '$app/env';
+
+const protocol = browser ? window.location.protocol : 'http:';
+const pathPrefix = protocol + '//api.playcode.quest';
+
+export const withToken = (token: string): any => {
+ return {
+ pathPrefix,
+ headers: {
+ Authorization: `Bearer ${token}`
+ }
+ };
+};
+
+export const noToken = (): any => {
+ return {
+ pathPrefix
+ };
+};
diff --git a/web_src/lib/stores.ts b/web_src/lib/stores.ts
new file mode 100644
index 0000000..944150f
--- /dev/null
+++ b/web_src/lib/stores.ts
@@ -0,0 +1,70 @@
+import { goto } from '$app/navigation';
+import { browser } from '$app/env';
+import { writable } from 'svelte/store';
+import type { Info } from '$lib/pb/all.pb';
+import { UserService } from '$lib/pb/all.pb';
+import { withToken } from '$lib/pb/pbutil';
+
+const token = browser ? window.localStorage.getItem('authToken') : null;
+
+export class Data {
+ readonly info?: Info;
+ readonly token?: string;
+
+ constructor(token?: string, info?: Info) {
+ this.info = info;
+ this.token = token;
+ }
+
+ loggedIn(): boolean {
+ return this.token !== null;
+ }
+
+ login(newToken: string) {
+ window.localStorage.setItem('authToken', newToken);
+ }
+
+ logout() {
+ window.localStorage.removeItem('authToken');
+ }
+
+ refresh() {
+ UserService.Info({}, withToken(this.token))
+ .then((info) => {
+ auth.set(new Data(token, info));
+ })
+ .catch(() => {
+ this.logout();
+ auth.set(new Data());
+ goto('/');
+ });
+ }
+}
+
+export const auth = writable(new Data(token));
+
+auth.subscribe(async (newAuth) => {
+ if (!browser) return;
+
+ // user is already set
+ if (newAuth.info || !newAuth.token) return;
+
+ if (!newAuth.token) {
+ newAuth.logout();
+ auth.set(new Data());
+ return;
+ }
+
+ // token just got added
+ window.localStorage.setItem('authToken', newAuth.token);
+
+ UserService.Info({}, withToken(newAuth.token))
+ .then((info) => {
+ auth.set(new Data(newAuth.token, info));
+ })
+ .catch(() => {
+ newAuth.logout();
+ auth.set(new Data());
+ goto('/');
+ });
+});
diff --git a/web_src/routes/__layout-dashboard.svelte b/web_src/routes/__layout-dashboard.svelte
new file mode 100644
index 0000000..4f5ea02
--- /dev/null
+++ b/web_src/routes/__layout-dashboard.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+ CodeQuest is a challenge of 10 different programming puzzles.
+
+ Designed to be open and accessible to all.
+
+ Open to any language and technology you like.
+
+ CodeQuest is not like most other programming competitions. Instead, it is heavily inspired
+ by the Advent of Code . Instead of submitting code
+ which will be tested and evaluated by CodeQuest, only your final answers will be
+ validated to an input you can inspect and verify.
+
+ This is an opportunity for you to use tools that
+ you enjoy, and demonstrate your skills and expertise.
+
+ CodeQuest will be hosted on Friday, April 29 in F-201. We highly encourage everyone
+ to join. The entire competition will take place over approximately 2 hours, where we will spend
+ 10-15 minutes preparing and geting ready, before the competition of 90 minutes will start. Please
+ try to get here by 15:15 so we can finish by 5pm!
+
+ While we encourage everyone to join and have fun, prizes will be awarded. We want to
+ recognize, promote, and encourage students who have cultivated their programming skills both
+ within class, and outside of school.
+
+
+ 
+