tr]:last:border-b-0", className)}
32 | {...props} />
33 | ))
34 | TableFooter.displayName = "TableFooter"
35 |
36 | const TableRow = React.forwardRef(({ className, ...props }, ref) => (
37 | |
44 | ))
45 | TableRow.displayName = "TableRow"
46 |
47 | const TableHead = React.forwardRef(({ className, ...props }, ref) => (
48 | [role=checkbox]]:translate-y-[2px]",
52 | className
53 | )}
54 | {...props} />
55 | ))
56 | TableHead.displayName = "TableHead"
57 |
58 | const TableCell = React.forwardRef(({ className, ...props }, ref) => (
59 | | [role=checkbox]]:translate-y-[2px]",
63 | className
64 | )}
65 | {...props} />
66 | ))
67 | TableCell.displayName = "TableCell"
68 |
69 | const TableCaption = React.forwardRef(({ className, ...props }, ref) => (
70 |
74 | ))
75 | TableCaption.displayName = "TableCaption"
76 |
77 | export {
78 | Table,
79 | TableHeader,
80 | TableBody,
81 | TableFooter,
82 | TableHead,
83 | TableRow,
84 | TableCell,
85 | TableCaption,
86 | }
87 |
--------------------------------------------------------------------------------
/app/src/components/ui/tabs.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as TabsPrimitive from "@radix-ui/react-tabs"
3 |
4 | import { cn } from "~/lib/utils"
5 |
6 | const Tabs = TabsPrimitive.Root
7 |
8 | const TabsList = React.forwardRef(({ className, ...props }, ref) => (
9 |
16 | ))
17 | TabsList.displayName = TabsPrimitive.List.displayName
18 |
19 | const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
20 |
27 | ))
28 | TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
29 |
30 | const TabsContent = React.forwardRef(({ className, ...props }, ref) => (
31 |
38 | ))
39 | TabsContent.displayName = TabsPrimitive.Content.displayName
40 |
41 | export { Tabs, TabsList, TabsTrigger, TabsContent }
42 |
--------------------------------------------------------------------------------
/app/src/components/ui/textarea.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "~/lib/utils"
4 |
5 | const Textarea = React.forwardRef(({ className, ...props }, ref) => {
6 | return (
7 | ()
14 | );
15 | })
16 | Textarea.displayName = "Textarea"
17 |
18 | export { Textarea }
19 |
--------------------------------------------------------------------------------
/app/src/components/ui/toast.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as ToastPrimitives from "@radix-ui/react-toast"
3 | import { cva } from "class-variance-authority";
4 | import { X } from "lucide-react"
5 |
6 | import { cn } from "~/lib/utils"
7 |
8 | const ToastProvider = ToastPrimitives.Provider
9 |
10 | const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (
11 |
18 | ))
19 | ToastViewport.displayName = ToastPrimitives.Viewport.displayName
20 |
21 | const toastVariants = cva(
22 | "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
23 | {
24 | variants: {
25 | variant: {
26 | default: "border bg-background text-foreground",
27 | destructive:
28 | "destructive group border-destructive bg-destructive text-destructive-foreground",
29 | },
30 | },
31 | defaultVariants: {
32 | variant: "default",
33 | },
34 | }
35 | )
36 |
37 | const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
38 | return (
39 | ()
43 | );
44 | })
45 | Toast.displayName = ToastPrimitives.Root.displayName
46 |
47 | const ToastAction = React.forwardRef(({ className, ...props }, ref) => (
48 |
55 | ))
56 | ToastAction.displayName = ToastPrimitives.Action.displayName
57 |
58 | const ToastClose = React.forwardRef(({ className, ...props }, ref) => (
59 |
67 |
68 |
69 | ))
70 | ToastClose.displayName = ToastPrimitives.Close.displayName
71 |
72 | const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (
73 |
77 | ))
78 | ToastTitle.displayName = ToastPrimitives.Title.displayName
79 |
80 | const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (
81 |
82 | ))
83 | ToastDescription.displayName = ToastPrimitives.Description.displayName
84 |
85 | export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction };
86 |
--------------------------------------------------------------------------------
/app/src/components/ui/toaster.jsx:
--------------------------------------------------------------------------------
1 | import { useToast } from "~/hooks/use-toast"
2 | import {
3 | Toast,
4 | ToastClose,
5 | ToastDescription,
6 | ToastProvider,
7 | ToastTitle,
8 | ToastViewport,
9 | } from "~/components/ui/toast"
10 |
11 | export function Toaster() {
12 | const { toasts } = useToast()
13 |
14 | return (
15 | (
16 | {toasts.map(function ({ id, title, description, action, ...props }) {
17 | return (
18 | (
19 |
20 | {title && {title}}
21 | {description && (
22 | {description}
23 | )}
24 |
25 | {action}
26 |
27 | )
28 | );
29 | })}
30 |
31 | )
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/app/src/components/ui/tooltip.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as TooltipPrimitive from "@radix-ui/react-tooltip"
3 |
4 | import { cn } from "~/lib/utils"
5 |
6 | const TooltipProvider = TooltipPrimitive.Provider
7 |
8 | const Tooltip = TooltipPrimitive.Root
9 |
10 | const TooltipTrigger = TooltipPrimitive.Trigger
11 |
12 | const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (
13 |
14 |
22 |
23 | ))
24 | TooltipContent.displayName = TooltipPrimitive.Content.displayName
25 |
26 | export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
27 |
--------------------------------------------------------------------------------
/app/src/hooks/use-mobile.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | const MOBILE_BREAKPOINT = 768
4 |
5 | export function useIsMobile() {
6 | const [isMobile, setIsMobile] = React.useState(undefined)
7 |
8 | React.useEffect(() => {
9 | const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
10 | const onChange = () => {
11 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
12 | }
13 | mql.addEventListener("change", onChange)
14 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
15 | return () => mql.removeEventListener("change", onChange);
16 | }, [])
17 |
18 | return !!isMobile
19 | }
20 |
--------------------------------------------------------------------------------
/app/src/hooks/use-toast.js:
--------------------------------------------------------------------------------
1 | "use client";
2 | // Inspired by react-hot-toast library
3 | import * as React from "react"
4 |
5 | const TOAST_LIMIT = 1
6 | const TOAST_REMOVE_DELAY = 1000000
7 |
8 | const actionTypes = {
9 | ADD_TOAST: "ADD_TOAST",
10 | UPDATE_TOAST: "UPDATE_TOAST",
11 | DISMISS_TOAST: "DISMISS_TOAST",
12 | REMOVE_TOAST: "REMOVE_TOAST"
13 | }
14 |
15 | let count = 0
16 |
17 | function genId() {
18 | count = (count + 1) % Number.MAX_SAFE_INTEGER
19 | return count.toString();
20 | }
21 |
22 | const toastTimeouts = new Map()
23 |
24 | const addToRemoveQueue = (toastId) => {
25 | if (toastTimeouts.has(toastId)) {
26 | return
27 | }
28 |
29 | const timeout = setTimeout(() => {
30 | toastTimeouts.delete(toastId)
31 | dispatch({
32 | type: "REMOVE_TOAST",
33 | toastId: toastId,
34 | })
35 | }, TOAST_REMOVE_DELAY)
36 |
37 | toastTimeouts.set(toastId, timeout)
38 | }
39 |
40 | export const reducer = (state, action) => {
41 | switch (action.type) {
42 | case "ADD_TOAST":
43 | return {
44 | ...state,
45 | toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
46 | };
47 |
48 | case "UPDATE_TOAST":
49 | return {
50 | ...state,
51 | toasts: state.toasts.map((t) =>
52 | t.id === action.toast.id ? { ...t, ...action.toast } : t),
53 | };
54 |
55 | case "DISMISS_TOAST": {
56 | const { toastId } = action
57 |
58 | // ! Side effects ! - This could be extracted into a dismissToast() action,
59 | // but I'll keep it here for simplicity
60 | if (toastId) {
61 | addToRemoveQueue(toastId)
62 | } else {
63 | state.toasts.forEach((toast) => {
64 | addToRemoveQueue(toast.id)
65 | })
66 | }
67 |
68 | return {
69 | ...state,
70 | toasts: state.toasts.map((t) =>
71 | t.id === toastId || toastId === undefined
72 | ? {
73 | ...t,
74 | open: false,
75 | }
76 | : t),
77 | };
78 | }
79 | case "REMOVE_TOAST":
80 | if (action.toastId === undefined) {
81 | return {
82 | ...state,
83 | toasts: [],
84 | }
85 | }
86 | return {
87 | ...state,
88 | toasts: state.toasts.filter((t) => t.id !== action.toastId),
89 | };
90 | }
91 | }
92 |
93 | const listeners = []
94 |
95 | let memoryState = { toasts: [] }
96 |
97 | function dispatch(action) {
98 | memoryState = reducer(memoryState, action)
99 | listeners.forEach((listener) => {
100 | listener(memoryState)
101 | })
102 | }
103 |
104 | function toast({
105 | ...props
106 | }) {
107 | const id = genId()
108 |
109 | const update = (props) =>
110 | dispatch({
111 | type: "UPDATE_TOAST",
112 | toast: { ...props, id },
113 | })
114 | const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
115 |
116 | dispatch({
117 | type: "ADD_TOAST",
118 | toast: {
119 | ...props,
120 | id,
121 | open: true,
122 | onOpenChange: (open) => {
123 | if (!open) dismiss()
124 | },
125 | },
126 | })
127 |
128 | return {
129 | id: id,
130 | dismiss,
131 | update,
132 | }
133 | }
134 |
135 | function useToast() {
136 | const [state, setState] = React.useState(memoryState)
137 |
138 | React.useEffect(() => {
139 | listeners.push(setState)
140 | return () => {
141 | const index = listeners.indexOf(setState)
142 | if (index > -1) {
143 | listeners.splice(index, 1)
144 | }
145 | };
146 | }, [state])
147 |
148 | return {
149 | ...state,
150 | toast,
151 | dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
152 | };
153 | }
154 |
155 | export { useToast, toast }
156 |
--------------------------------------------------------------------------------
/app/src/index.css:
--------------------------------------------------------------------------------
1 |
2 | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
3 | @tailwind base;
4 | @tailwind components;
5 | @tailwind utilities;
6 |
7 | .font-mono {
8 | font-family: 'JetBrains Mono', monospace;
9 | }
10 |
11 | @font-face {
12 | font-family: 'Mozilla Text';
13 | src: url('/assets/MozillaText-Variable.woff2') format('woff2-variations'),
14 | url('/assets/MozillaText-Variable.woff') format('woff-variations'),
15 | url('/assets/MozillaText-Variable.ttf') format('truetype-variations');
16 | font-weight: 100 900;
17 | font-style: normal;
18 | }
19 |
20 | @font-face {
21 | font-family: 'Mozilla Text';
22 | src: url('/assets/MozillaTextItalic-Variable.woff2') format('woff2-variations'),
23 | url('/assets/MozillaTextItalic-Variable.woff') format('woff-variations'),
24 | url('/assets/MozillaTextItalic-Variable.ttf') format('truetype-variations');
25 | font-weight: 100 900;
26 | font-style: italic;
27 | }
28 |
29 | * {
30 | font-family: 'Mozilla Text', sans-serif;
31 | }
32 |
33 | @layer base {
34 | :root {
35 | --background: 0 0% 100%;
36 | --foreground: 0 0% 3.9%;
37 | --card: 0 0% 100%;
38 | --card-foreground: 0 0% 3.9%;
39 | --popover: 0 0% 100%;
40 | --popover-foreground: 0 0% 3.9%;
41 | --primary: 0 0% 9%;
42 | --primary-foreground: 0 0% 98%;
43 | --secondary: 0 0% 96.1%;
44 | --secondary-foreground: 0 0% 9%;
45 | --muted: 0 0% 96.1%;
46 | --muted-foreground: 0 0% 45.1%;
47 | --accent: 0 0% 96.1%;
48 | --accent-foreground: 0 0% 9%;
49 | --destructive: 0 84.2% 60.2%;
50 | --destructive-foreground: 0 0% 98%;
51 | --border: 0 0% 89.8%;
52 | --input: 0 0% 89.8%;
53 | --ring: 0 0% 3.9%;
54 | --chart-1: 12 76% 61%;
55 | --chart-2: 173 58% 39%;
56 | --chart-3: 197 37% 24%;
57 | --chart-4: 43 74% 66%;
58 | --chart-5: 27 87% 67%;
59 | --radius: 0.5rem;
60 | --sidebar-background: 0 0% 98%;
61 | --sidebar-foreground: 240 5.3% 26.1%;
62 | --sidebar-primary: 240 5.9% 10%;
63 | --sidebar-primary-foreground: 0 0% 98%;
64 | --sidebar-accent: 240 4.8% 95.9%;
65 | --sidebar-accent-foreground: 240 5.9% 10%;
66 | --sidebar-border: 220 13% 91%;
67 | --sidebar-ring: 217.2 91.2% 59.8%;
68 | }
69 | .dark {
70 | --background: 0 0% 3.9%;
71 | --foreground: 0 0% 98%;
72 | --card: 0 0% 3.9%;
73 | --card-foreground: 0 0% 98%;
74 | --popover: 0 0% 3.9%;
75 | --popover-foreground: 0 0% 98%;
76 | --primary: 0 0% 98%;
77 | --primary-foreground: 0 0% 9%;
78 | --secondary: 0 0% 14.9%;
79 | --secondary-foreground: 0 0% 98%;
80 | --muted: 0 0% 14.9%;
81 | --muted-foreground: 0 0% 63.9%;
82 | --accent: 0 0% 14.9%;
83 | --accent-foreground: 0 0% 98%;
84 | --destructive: 0 62.8% 30.6%;
85 | --destructive-foreground: 0 0% 98%;
86 | --border: 0 0% 14.9%;
87 | --input: 0 0% 14.9%;
88 | --ring: 0 0% 83.1%;
89 | --chart-1: 220 70% 50%;
90 | --chart-2: 160 60% 45%;
91 | --chart-3: 30 80% 55%;
92 | --chart-4: 280 65% 60%;
93 | --chart-5: 340 75% 55%;
94 | --sidebar-background: 240 5.9% 10%;
95 | --sidebar-foreground: 240 4.8% 95.9%;
96 | --sidebar-primary: 224.3 76.3% 48%;
97 | --sidebar-primary-foreground: 0 0% 100%;
98 | --sidebar-accent: 240 3.7% 15.9%;
99 | --sidebar-accent-foreground: 240 4.8% 95.9%;
100 | --sidebar-border: 240 3.7% 15.9%;
101 | --sidebar-ring: 217.2 91.2% 59.8%;
102 | }
103 | }
104 |
105 | @layer base {
106 | * {
107 | @apply border-border;
108 | }
109 | body {
110 | @apply bg-background text-foreground;
111 | }
112 | }
--------------------------------------------------------------------------------
/app/src/lib/api.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 |
3 | export const api = axios.create({
4 | baseURL: '/api',
5 | withCredentials: true
6 | })
--------------------------------------------------------------------------------
/app/src/lib/utils.js:
--------------------------------------------------------------------------------
1 | import { clsx } from "clsx";
2 | import { twMerge } from "tailwind-merge"
3 |
4 | export function cn(...inputs) {
5 | return twMerge(clsx(inputs));
6 | }
7 |
--------------------------------------------------------------------------------
/app/src/main.jsx:
--------------------------------------------------------------------------------
1 | {/**
2 |
3 | Mono v0.1.0 for Prism - codename "Adelante"
4 | © 2024 Matt James, MJI Inc and contributors
5 |
6 | */}
7 |
8 | import React from 'react'
9 | import ReactDOM from 'react-dom/client'
10 | import { BrowserRouter } from 'react-router-dom'
11 | import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
12 | import App from './App'
13 | import './index.css'
14 |
15 | const queryClient = new QueryClient()
16 |
17 | ReactDOM.createRoot(document.getElementById('MonoApp')).render(
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | )
--------------------------------------------------------------------------------
/app/src/pages/NotFound.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from '@/components/ui/button';
3 | import { Card, CardContent } from '@/components/ui/card';
4 | import { useNavigate } from 'react-router-dom';
5 | import { Home, AlertCircle } from 'lucide-react';
6 |
7 | const NotFound = () => {
8 | const navigate = useNavigate();
9 |
10 | return (
11 |
12 |
13 |
14 |
15 | {/* Animated Text */}
16 |
17 |
18 | 404
19 |
20 |
21 |
22 | Oops! This page seems to be missing.
23 |
24 |
25 | Prism couldn't find the page you were looking for.
26 |
27 |
28 |
29 | {/* Action Buttons */}
30 |
31 |
38 |
45 |
46 |
49 |
50 |
92 |
43 | {/* How Referrals Work */}
44 |
45 |
46 |
47 |
48 | Information
49 |
50 |
51 |
52 |
53 |
54 |
55 | Rewards
56 |
57 |
58 | - • When someone uses your code, you get 80 coins
59 | - • They receive 250 coins for using a referral code
60 | - • Each user can only claim one referral code
61 | - • You cannot claim your own referral code
62 |
63 |
64 |
67 |
68 | {/* Generate Code Section */}
69 |
70 |
71 | Generate Referral Code
72 | Create a unique code for others to use
73 |
74 |
75 |
76 | setNewCode(e.target.value)}
80 | maxLength={15}
81 | className="bg-neutral-800/50"
82 | />
83 |
89 |
90 |
91 | {message && (
92 |
93 | {message.text}
94 |
95 | )}
96 |
97 |
98 |
64 |
65 | AFK page
66 |
67 | {connected ? 'CONNECTED' : 'DISCONNECTED'}
68 |
69 |
70 |
71 | {error && (
72 |
73 |
74 | {error}
75 |
76 | )}
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 | Earnings Rate
86 |
90 | {coinsPerMinute.toFixed(1)} coins/min
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 | Session Time
102 |
106 | {formatTime(sessionTime)}
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 | Next Reward
115 |
116 |
117 |
118 |
119 |
120 |
121 | Next reward in {Math.ceil(nextReward / 1000)} seconds
122 |
123 |
124 |
125 |
126 |
127 |
128 | How it works
129 |
130 |
131 |
132 | Earn coins automatically just by keeping this page open! You'll receive {coinsPerMinute} coins every minute.
133 |
134 |
135 | You can use these coins to purchase resources and upgrades in the store.
136 |
137 |
138 |
139 |
76 |
77 | Users
78 |
82 |
83 |
84 |
85 |
86 | Sub-users
87 |
88 |
89 | {loading ? (
90 |
91 |
92 |
93 | ) : error ? (
94 |
95 | {error}
96 |
97 | ) : (
98 |
99 |
100 |
101 |
102 | Username
103 | Email
104 | Actions
105 |
106 |
107 |
108 | {users.map((user) => (
109 |
110 | {user.attributes.username}
111 | {user.attributes.email}
112 |
113 |
124 |
125 |
126 | ))}
127 |
128 |
129 |
130 | )}
131 |
132 |
133 |
134 | {/* Add User Modal */}
135 |
158 |
159 | {/* Delete User Modal */}
160 |
179 | |