[OA][Fullstack] - OA Websockets #278
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import { TokenSchema } from '@/lib/schemas/token.schema'; | ||
| import { handleError } from '@/lib/utils/errors.utils'; | ||
| import { generateToken } from '@/lib/utils/token.utils'; | ||
| import { type NextRequest } from 'next/server'; | ||
|
|
||
| export async function POST(request: NextRequest) { | ||
| try { | ||
| // TODO: add route security | ||
|
Collaborator
There was a problem hiding this comment. Have we made a ticket for this?
Collaborator
Author
There was a problem hiding this comment. Not yet. Will be written, but not urgent for showcase |
||
| const body = await request.json(); | ||
| const parsed = TokenSchema.parse(body); | ||
| const token = await generateToken(parsed.email); | ||
|
|
||
| return Response.json({ data: token }, { status: 201 }); | ||
| } catch (err) { | ||
| return handleError(err); | ||
| } | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| /** | ||
| * POST /api/token | ||
| */ | ||
| export async function createToken(email: string): Promise<string> { | ||
| const res = await fetch(`/api/token`, { | ||
| method: 'POST', | ||
| headers: { | ||
| 'Content-Type': 'application/json', | ||
| }, | ||
| body: JSON.stringify({ email }), | ||
| }); | ||
|
|
||
| const json = await res.json(); | ||
|
|
||
| if (!res.ok) { | ||
| throw new Error(json.message); | ||
| } | ||
|
|
||
| return json.data; | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| import { Skeleton } from '@/lib/components/ui/Skeleton'; | ||
|
Collaborator
There was a problem hiding this comment. Something to note (I saw this post abt this package that does exact skeleton according to the content - not really needed here but could be something so that skeleton is just a wrapper and we don't have to do this in the future) not prio tho |
||
| import { | ||
| ResizablePanelGroup, | ||
| ResizablePanel, | ||
| ResizableHandle, | ||
| } from '@/lib/components/ui/Resizable'; | ||
| import { useMemo } from 'react'; | ||
|
|
||
| export default function AssessmentSkeleton() { | ||
| // generating random line widths for the skelton code lines | ||
| const skeletonCodeLineWidths = useMemo( | ||
| () => Array.from({ length: 16 }, () => `${Math.random() * 40 + 30}%`), | ||
| [] | ||
| ); | ||
|
|
||
| return ( | ||
| <ResizablePanelGroup direction="horizontal" className="h-full"> | ||
| <ResizablePanel defaultSize={35} minSize={20}> | ||
| <div className="flex h-full flex-col"> | ||
| <div className="box-content shrink-0 px-5 pt-4 pb-2"> | ||
| <Skeleton className="h-9 w-3/4 rounded-md" /> | ||
| </div> | ||
| <div className="flex-1 space-y-3 overflow-hidden px-5 pt-1 pb-4"> | ||
| <Skeleton className="h-4 w-full rounded" /> | ||
| <Skeleton className="h-4 w-5/6 rounded" /> | ||
| <Skeleton className="h-4 w-full rounded" /> | ||
| <Skeleton className="h-4 w-4/6 rounded" /> | ||
| <Skeleton className="h-4 w-full rounded" /> | ||
| <Skeleton className="h-4 w-3/4 rounded" /> | ||
| <div className="space-y-3 pt-2"> | ||
| <Skeleton className="h-4 w-full rounded" /> | ||
| <Skeleton className="h-4 w-5/6 rounded" /> | ||
| <Skeleton className="h-4 w-full rounded" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </ResizablePanel> | ||
|
|
||
| <ResizableHandle className="bg-sarge-gray-200 w-px" /> | ||
|
|
||
| <ResizablePanel defaultSize={65} minSize={40}> | ||
| <div className="flex h-full flex-col overflow-hidden bg-[#3a414f]"> | ||
|
Collaborator
There was a problem hiding this comment. are we just doing this hex bc we have nothing in the design system? (idt we have skeleton so would be fine if not)
Collaborator
Author
There was a problem hiding this comment. This hex is the same color as our monacode text editor theme
Collaborator
There was a problem hiding this comment. I think eventually we'll make a design token for this then I know olivia has new designs for the editor |
||
| <div className="min-h-0 flex-1 space-y-2 px-4 pt-4"> | ||
| {skeletonCodeLineWidths.map((w, i) => ( | ||
| <Skeleton key={i} className="h-4 rounded" style={{ width: w }} /> | ||
| ))} | ||
| </div> | ||
| <div className="border-sarge-gray-200 flex items-center justify-between border-t bg-white px-4 py-3"> | ||
| <div className="flex gap-2"> | ||
| <Skeleton className="h-8 w-24 rounded-md" /> | ||
| </div> | ||
| <div className="flex gap-2"> | ||
| <Skeleton className="h-8 w-24 rounded-md" /> | ||
| <Skeleton className="h-8 w-24 rounded-md" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </ResizablePanel> | ||
| </ResizablePanelGroup> | ||
| ); | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import { Dialog, DialogContent, DialogTitle } from '@/lib/components/ui/Modal'; | ||
| import { VisuallyHidden } from '@radix-ui/react-visually-hidden'; | ||
| import { Button } from '@/lib/components/ui/Button'; | ||
|
|
||
| export type LostConnectionModalProps = { | ||
| open: boolean; | ||
| onOpenChange: (open: boolean) => void; | ||
| }; | ||
|
|
||
| export function LostConnectionModal({ open, onOpenChange }: LostConnectionModalProps) { | ||
| return ( | ||
| <Dialog open={open} onOpenChange={onOpenChange}> | ||
| <DialogContent className="h-[234px] w-[381px] gap-4" showCloseButton={true}> | ||
| <VisuallyHidden> | ||
| <DialogTitle>Network Disconnected</DialogTitle> | ||
| </VisuallyHidden> | ||
| <div className="flex flex-col items-center gap-6 text-center"> | ||
| <p className="text-sarge-gray-800 mt-2 text-base leading-tight font-medium tracking-wide"> | ||
| You seem to be having issues with your connection. | ||
| </p> | ||
| <p> | ||
| If you disconnect again during this exam, your current progress will be | ||
| auto-submitted. | ||
| </p> | ||
| <Button className="px-4 py-2">I understand</Button> | ||
| </div> | ||
| </DialogContent> | ||
| </Dialog> | ||
| ); | ||
| } |
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
when you say "recovery," do you mean a client disconnects and then reconnects after a brief delay?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, this is to tee us nicely for handling us having a seperate countdown for clients who have disconnected, and give them a chance to reconnect.