${e} ${t}
${n?` 18 |${n}
9 |
28 |
10 | Good People Borrow
11 |
12 |
13 |
15 | Great People Steal
14 |
16 | ~ Picasso ~
17 |
18 |
19 | Get the Developer Resources Your Need
20 |
21 |
22 |
10 |
18 | );
19 | });
20 |
--------------------------------------------------------------------------------
/frontend/src/components/site/navigation/navigation.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | component$,
3 | useSignal,
4 | useClientEffect$,
5 | useContext,
6 | $
7 | } from "@builder.io/qwik";
8 | import { Logo } from "../logo/logo";
9 | import { ButtonStd } from "~/components/ui/button-std";
10 | import { Link, useNavigate } from "@builder.io/qwik-city";
11 | import { UserSessionContext } from "~/root";
12 | import { supabase } from "~/utils/supabase";
13 |
14 | export const Navigation = component$(() => {
15 | const userSession: any = useContext(UserSessionContext)
16 | const isSession = useSignal(false);
17 | const nav = useNavigate()
18 |
19 | // Handle Logout
20 | const handleLogout = $(async () => {
21 | // !!! Handle serverside logout !!!
22 |
23 |
24 | // Handle client side
25 | await supabase.auth.signOut();
26 | nav.path = "/"
27 | })
28 |
29 | useClientEffect$(({ track }) => {
30 | track(userSession)
31 | if (userSession?.isLoggedIn) {
32 | isSession.value = true;
33 | } else {
34 | isSession.value = false;
35 | }
36 | })
37 |
38 | return (
39 |
92 | );
93 | });
94 |
--------------------------------------------------------------------------------
/frontend/src/components/svgs/grid.tsx:
--------------------------------------------------------------------------------
1 | // https://samherbert.net/svg-loaders/
2 | import { component$ } from "@builder.io/qwik";
3 |
4 | export const Grid = component$(() => {
5 | return (
6 |
104 | );
105 | });
106 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/button-action.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from "@builder.io/qwik";
2 | import { Grid } from "../svgs/grid";
3 |
4 | interface ItemProps {
5 | isDisabled?: boolean;
6 | isLoading?: boolean;
7 | isLoadingLabel?: string;
8 | handleFunction?: any;
9 | label: string;
10 | }
11 |
12 | export const ButtonAction = component$((props: ItemProps) => {
13 | return (
14 |
30 | );
31 | });
32 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/button-std.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from "@builder.io/qwik";
2 |
3 | interface ItemProps {
4 | title: string;
5 | classText?: string;
6 | handleFunction?: any;
7 | noBackground?: boolean;
8 | }
9 |
10 | export const ButtonStd = component$((props: ItemProps) => {
11 |
12 | return (
13 |
22 | );
23 | });
24 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/message.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from "@builder.io/qwik";
2 |
3 | interface Message {
4 | message: string | undefined;
5 | status: string;
6 | }
7 |
8 | type Props = {
9 | message: Message;
10 | classText?: string;
11 | };
12 |
13 | export const Message = component$(({ message, classText }: Props) => {
14 | return (
15 | <>
16 | {message.message && (
17 |
11 | ![Code Raiders Logo]({"/img/icon.png"})
12 |
13 |
12 |
14 |
17 | Code Raiders
15 | Shut up and code
16 |
31 | {message.message}
32 |
33 | )}
34 |
35 | );
36 | });
37 |
--------------------------------------------------------------------------------
/frontend/src/entry.dev.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * WHAT IS THIS FILE?
3 | *
4 | * Development entry point using only client-side modules:
5 | * - Do not use this mode in production!
6 | * - No SSR
7 | * - No portion of the application is pre-rendered on the server.
8 | * - All of the application is running eagerly in the browser.
9 | * - More code is transferred to the browser than in SSR mode.
10 | * - Optimizer/Serialization/Deserialization code is not exercised!
11 | */
12 | import { render, RenderOptions } from '@builder.io/qwik';
13 | import Root from './root';
14 |
15 | export default function (opts: RenderOptions) {
16 | return render(document, 7 | About Page 8 |
9 | ); 10 | }); 11 | 12 | export const head: DocumentHead = { 13 | title: 'About', 14 | meta: [ 15 | { 16 | name: 'description', 17 | content: 'Learn all about the Code Raiders initialive', 18 | }, 19 | ], 20 | }; -------------------------------------------------------------------------------- /frontend/src/routes/contact/index.tsx: -------------------------------------------------------------------------------- 1 | import { component$ } from '@builder.io/qwik'; 2 | import type { DocumentHead } from "@builder.io/qwik-city"; 3 | 4 | export default component$(() => { 5 | returnContact
6 | });
7 |
8 | export const head: DocumentHead = {
9 | title: "Contact us",
10 | meta: [
11 | {
12 | name: "description",
13 | content:
14 | "Contact admin team at Code Raiders",
15 | },
16 | ],
17 | };
18 |
--------------------------------------------------------------------------------
/frontend/src/routes/disclaimer/index.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from '@builder.io/qwik';
2 | import type { DocumentHead } from "@builder.io/qwik-city";
3 |
4 | export default component$(() => {
5 | return Disclaimer
6 | });
7 |
8 | export const head: DocumentHead = {
9 | title: "Disclaimer",
10 | meta: [
11 | {
12 | name: "description",
13 | content:
14 | "Disclaimer",
15 | },
16 | ],
17 | };
18 |
--------------------------------------------------------------------------------
/frontend/src/routes/index@site.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from "@builder.io/qwik";
2 | import type { DocumentHead } from "@builder.io/qwik-city";
3 | // import { Link } from "@builder.io/qwik-city";
4 | import { Hero } from "~/components/site/hero/hero";
5 | // import { ButtonAction } from "~/components/ui/button-action";
6 |
7 | export default component$(() => {
8 | return (
9 | <>
10 |
12 | {/*
13 |
14 |
19 |
20 | );
21 | });
22 |
23 | export const head: DocumentHead = {
24 | title: "Code Raiders",
25 | meta: [
26 | {
27 | name: "description",
28 | content:
29 | "Code, training and applications for making development exciting",
30 | },
31 | ],
32 | };
33 |
--------------------------------------------------------------------------------
/frontend/src/routes/layout-site.tsx:
--------------------------------------------------------------------------------
1 | import { component$, Slot } from '@builder.io/qwik';
2 | import { Navigation } from '~/components/site/navigation/navigation';
3 | import { Footer } from '~/components/site/footer/footer';
4 |
5 | export default component$(() => {
6 | return (
7 | <>
8 |
68 |
206 | );
207 | });
208 |
--------------------------------------------------------------------------------
/frontend/src/routes/login/staging/index.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | component$,
3 | useClientEffect$,
4 | useSignal,
5 | useContext,
6 | } from "@builder.io/qwik";
7 | import type { DocumentHead } from "@builder.io/qwik-city";
8 | import { useNavigate } from "@builder.io/qwik-city";
9 | import { Link } from "@builder.io/qwik-city";
10 | import { supabase } from "~/utils/supabase";
11 | import { UserSessionContext } from "~/root";
12 | import axios from "axios";
13 |
14 | export default component$(() => {
15 | const userSession: any = useContext(UserSessionContext);
16 | const isProtectedOk = useSignal(false);
17 | const nav = useNavigate();
18 |
19 | useClientEffect$(async () => {
20 | const timeout = setTimeout(async () => {
21 | const { data, error } = await supabase.auth.getUser();
22 |
23 | const {
24 | data: { session },
25 | } = await supabase.auth.getSession();
26 |
27 | if (session) {
28 | // Send cookies to server
29 | const body = {
30 | accessToken: session.access_token,
31 | refreshToken: session.refresh_token,
32 | };
33 |
34 | // Send request to server
35 | await axios
36 | .post("/api_v1/store-auth", body, {
37 | withCredentials: true,
38 | })
39 | .then((res) => {
40 | console.log(res.data);
41 |
42 | // Set Auth State Context
43 | userSession.userId = session?.user?.id;
44 | userSession.isLoggedIn = true;
45 | })
46 | .catch((err) => {
47 | console.log(err);
48 | });
49 | }
50 |
51 | if (data?.user?.id && !error) {
52 | isProtectedOk.value = true;
53 | userSession.userId = data?.user?.id;
54 | userSession.isLoggedIn = true;
55 | nav.path = "/members/dashboard";
56 | } else {
57 | console.error(error);
58 | userSession.userId = "";
59 | userSession.isLoggedIn = false;
60 | nav.path = "/login";
61 | }
62 | }, 500);
63 |
64 | return () => {
65 | clearTimeout(timeout);
66 | };
67 | });
68 |
69 | return (
70 | <>
71 |
69 |
70 |
71 |
72 |
85 |
86 |
71 |
72 | 73 | Log in 74 |
75 |76 | Or{" "} 77 | 81 | create an account 82 | 83 |
84 |
87 |
205 |
88 |
204 |
89 |
140 |
202 |
90 |
129 |
91 |
95 | Log in with Google
96 |
105 |
106 |
107 |
108 |
109 |
127 |
128 |
130 |
139 |
131 |
132 |
133 |
134 |
135 | Or log in with email
136 |
137 |
138 |
72 | {isProtectedOk && (
73 | <>
74 | Redirecting to
75 |
76 |
77 |
78 |
79 | )}
80 | {!isProtectedOk && <>Please log in}
81 |
82 |
83 | );
84 | });
85 |
86 | export const head: DocumentHead = {
87 | title: "Staging",
88 | meta: [
89 | {
90 | name: "description",
91 | content: "Authorization check for Code Raiders",
92 | },
93 | ],
94 | };
95 |
--------------------------------------------------------------------------------
/frontend/src/routes/members/dashboard/index.tsx:
--------------------------------------------------------------------------------
1 | import { component$, useSignal, useClientEffect$ } from "@builder.io/qwik";
2 | import { useEndpoint, useNavigate } from "@builder.io/qwik-city";
3 | import { Link } from "@builder.io/qwik-city";
4 | import type { DocumentHead } from "@builder.io/qwik-city";
5 | import type { RequestHandler } from "@builder.io/qwik-city";
6 | import { getUserProfile } from "~/utils/helpers";
7 |
8 | interface SessionData {
9 | isSession: boolean;
10 | user: any;
11 | role: string;
12 | }
13 |
14 | // Server Side Get Session
15 | export const onGet: RequestHandler
48 |
55 | )}
56 | Welcome to the Dashboard Page
49 |
50 |
53 |
54 | Privacy
6 | });
7 |
8 | export const head: DocumentHead = {
9 | title: "Privacy Policy",
10 | meta: [
11 | {
12 | name: "description",
13 | content:
14 | "Privacy Policy",
15 | },
16 | ],
17 | };
18 |
--------------------------------------------------------------------------------
/frontend/src/routes/service-worker.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * WHAT IS THIS FILE?
3 | *
4 | * The service-worker.ts file is used to have state of the art prefetching.
5 | * https://qwik.builder.io/qwikcity/prefetching/overview/
6 | *
7 | * Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
8 | * You can also use this file to add more functionality that runs in the service worker.
9 | */
10 | import { setupServiceWorker } from '@builder.io/qwik-city/service-worker';
11 |
12 | setupServiceWorker();
13 |
14 | addEventListener('install', () => self.skipWaiting());
15 |
16 | addEventListener('activate', () => self.clients.claim());
17 |
18 | declare const self: ServiceWorkerGlobalScope;
19 |
--------------------------------------------------------------------------------
/frontend/src/routes/services/index@site.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from '@builder.io/qwik';
2 | import type { DocumentHead } from '@builder.io/qwik-city';
3 |
4 | export default component$(() => {
5 | return (
6 | 7 | Services Page 8 |
9 | ); 10 | }); 11 | 12 | export const head: DocumentHead = { 13 | title: 'Services', 14 | meta: [ 15 | { 16 | name: 'description', 17 | content: 'Code downloads, consulting, apps and more', 18 | }, 19 | ], 20 | }; -------------------------------------------------------------------------------- /frontend/src/routes/shop/index@site.tsx: -------------------------------------------------------------------------------- 1 | import { component$ } from '@builder.io/qwik'; 2 | import type { DocumentHead } from '@builder.io/qwik-city'; 3 | 4 | export default component$(() => { 5 | return ( 6 |7 | Shop Page 8 |
9 | ); 10 | }); 11 | 12 | export const head: DocumentHead = { 13 | title: 'Shop', 14 | meta: [ 15 | { 16 | name: 'description', 17 | content: 'Purchase one off code downloads to make your life easier', 18 | }, 19 | ], 20 | }; -------------------------------------------------------------------------------- /frontend/src/routes/signup/index.tsx: -------------------------------------------------------------------------------- 1 | import { component$, useStore, useSignal, $ } from "@builder.io/qwik"; 2 | import { Link } from "@builder.io/qwik-city"; 3 | import { Message } from "~/components/ui/message"; 4 | import { validateEmail } from "~/utils/helpers"; 5 | import { supabase } from "~/utils/supabase"; 6 | import { REDIRECT_URL } from "../login"; 7 | 8 | export default component$(() => { 9 | const message: any = useStore({ message: undefined, status: "error" }); 10 | const isLoading = useSignal(false); 11 | // const loc = useLocation(); 12 | 13 | // Handle GitHub Login 14 | const handleGitHubSignUp= $(async () => { 15 | const { data, error } = await supabase.auth.signInWithOAuth({ 16 | provider: "github", 17 | options: { 18 | redirectTo: REDIRECT_URL, 19 | }, 20 | }); 21 | console.log(data); 22 | console.log("Error: ", error); 23 | }); 24 | 25 | // Handle email signup 26 | const handleEmailSignup = $(async (event: any) => { 27 | // Initialize resets 28 | message.message = undefined; 29 | message.status = "error"; 30 | isLoading.value = true; 31 | 32 | // Value extraction 33 | const email = event.target.email.value; 34 | const isTerms = event.target.terms.checked; 35 | const isEmailValid = validateEmail(email); 36 | 37 | // Email validation 38 | if (!isEmailValid) { 39 | message.message = "You must have a valid email"; 40 | isLoading.value = false; 41 | return; 42 | } 43 | 44 | // Terms validation 45 | if (!isTerms) { 46 | message.message = 47 | "You must agree to our terms, privacy and disclaimer before signing up"; 48 | isLoading.value = false; 49 | return; 50 | } 51 | 52 | // Set password 53 | const timestamp = Date.now(); 54 | const pwd = Math.floor(Math.random() * 1000000) + email + timestamp; 55 | 56 | // Create user in supabase 57 | const { data, error } = await supabase.auth.signUp({ 58 | email: email, 59 | password: pwd, 60 | }); 61 | 62 | // Confirm signup 63 | if (data?.user?.id) { 64 | message.message = "Success. Please check your email/spam folder"; 65 | message.status = "success"; 66 | isLoading.value = false; 67 | return; 68 | } else { 69 | message.message = 70 | "There was a problem creating a user. " + error?.message; 71 | isLoading.value = false; 72 | return; 73 | } 74 | }); 75 | 76 | return ( 77 |
78 |
233 | );
234 | });
235 |
--------------------------------------------------------------------------------
/frontend/src/routes/terms/index.tsx:
--------------------------------------------------------------------------------
1 | import { component$ } from '@builder.io/qwik';
2 | import type { DocumentHead } from "@builder.io/qwik-city";
3 |
4 | export default component$(() => {
5 | return
79 |
80 |
81 |
82 |
95 |
96 |
81 |
82 | 83 | Sign up 84 |
85 |86 | Or{" "} 87 | 91 | log in to my account 92 | 93 |
94 |
97 |
232 |
98 |
231 |
99 |
150 |
151 |
230 |
100 |
139 |
101 |
105 | Log in with Google
106 |
115 |
116 |
117 |
118 |
119 |
137 |
138 |
140 |
149 |
141 |
142 |
143 |
144 |
145 | Or sign up with email
146 |
147 |
148 | Terms
6 | });
7 |
8 | export const head: DocumentHead = {
9 | title: "Terms",
10 | meta: [
11 | {
12 | name: "description",
13 | content:
14 | "Terms of use",
15 | },
16 | ],
17 | };
18 |
--------------------------------------------------------------------------------
/frontend/src/utils/helpers.ts:
--------------------------------------------------------------------------------
1 | import { createClient } from "@supabase/supabase-js";
2 | import dotenv from "dotenv";
3 |
4 | // Check email is valid
5 | export const validateEmail = (email: string) => {
6 | const regex = new RegExp(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/);
7 | if (regex.test(email)) {
8 | return true;
9 | }
10 | return false;
11 | };
12 |
13 | // Check user auth and role via server
14 | // ONLY CALL VIA SERVER SIDE
15 | export const getUserProfile = async (cookie: any) => {
16 | dotenv.config();
17 |
18 | // Initialize output
19 | const ret = {
20 | isSession: false,
21 | user: {},
22 | role: "",
23 | };
24 |
25 | // Extract env for supabase
26 | const supabaseUrl = process.env.SUPABASE_URL;
27 | const supabaseSecretKey = process.env.SUPABASE_SECRET_KEY;
28 |
29 | // Run Code
30 | if (supabaseUrl && supabaseSecretKey) {
31 | const supabaseServer = createClient(supabaseUrl, supabaseSecretKey);
32 |
33 | // Get JWT
34 | const jwt = cookie.get("server-access-token")?.value;
35 |
36 | // Authenticate with Supabase
37 | const { data } = await supabaseServer.auth.getUser(jwt);
38 |
39 | // Structure result and get user profile
40 | if (data?.user?.id) {
41 | ret.isSession = true;
42 | ret.user = data.user;
43 |
44 | const { data: profile } = await supabaseServer
45 | .from("profiles")
46 | .select("id, role")
47 | .eq("id", data.user.id)
48 | .limit(1)
49 |
50 | if (profile && profile?.[0].role) {
51 | ret.role = profile[0].role
52 | }
53 | }
54 | }
55 |
56 | // Return result
57 | return ret
58 | };
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 | // // Get user profile !!!!!!
91 | // export const getUserProfile = async (cookie: any) => {
92 | // dotenv.config();
93 |
94 | // // Initialize output
95 | // const userObj: any = {};
96 | // const ret = {
97 | // isSession: false,
98 | // user: userObj,
99 | // role: "",
100 | // };
101 |
102 | // // Connect to supabase
103 | // const supabaseUrl = process.env.SUPABASE_URL;
104 | // const supabaseSecret = process.env.SUPABASE_SECRET_KEY;
105 | // if (supabaseUrl && supabaseSecret) {
106 | // const supabaseServer = createClient(supabaseUrl, supabaseSecret);
107 |
108 | // // Get JWT
109 | // const jwt = cookie.get("server-access-token")?.value;
110 |
111 | // // Get user
112 | // const { data } = await supabaseServer.auth.getUser(jwt);
113 |
114 | // // Construct
115 | // if (data?.user?.id) {
116 | // ret.isSession = true;
117 | // ret.user = data.user;
118 |
119 | // // Get role information for user
120 | // const { data: userData } = await supabaseServer
121 | // .from("profiles")
122 | // .select("*")
123 | // .eq("id", data.user.id)
124 | // .limit(1);
125 |
126 | // if (userData && userData?.length > 0) {
127 | // ret.role = userData[0]?.role;
128 | // }
129 | // }
130 | // }
131 |
132 | // // Return result
133 | // return ret;
134 | // };
135 |
136 | // interface SessionData {
137 | // isSession: boolean;
138 | // user: any;
139 | // role: string;
140 | // }
141 |
142 | // // Protect route server side
143 | // export const onGet: RequestHandler
175 | //
177 | // )}
178 | //