fix: format web

xmlking · Nov 14, 2023 · 30ba7fc · 30ba7fc
1 parent 6da3ee0
commit 30ba7fc
Show file tree

Hide file tree

Showing 110 changed files with 587 additions and 524 deletions.
diff --git a/apps/web/.env.example b/apps/web/.env.example
@@ -3,7 +3,7 @@
 # Use .env.local to override environment variables in `.env` (like API keys)
 
 ## dynamic public
-PUBLIC_BASE_URL=https://chinthagunta.com
+PUBLIC_BASE_URL=https://spectacular-console.vercel.app
 PUBLIC_ORGANIZATION=chinthagunta
 PUBLIC_GRAPHQL_ENDPOINT=http://0.0.0.0:8080/v1/graphql
 
@@ -14,17 +14,21 @@ PUBLIC_GRAPHQL_ENDPOINT=http://0.0.0.0:8080/v1/graphql
 ## dynamic private
 
 # Hasura
-HASURA_GRAPHQL_ENDPOINT=http://0.0.0.0:8080
 HASURA_GRAPHQL_ADMIN_SECRET=myadminsecretkey
-# HASURA_GRAPHQL_ACTIONS_HANDLER_WEBHOOK_BASEURL=http://localhost:3000
-HASURA_GRAPHQL_DATABASE_URL=postgres://postgres:postgres@postgres:5432/postgresdb?sslmode=allow
-HASURA_GRAPHQL_METADATA_DATABASE_URL=postgres://postgres:postgres@postgres:5432/postgresdb?sslmode=allow
+HASURA_GRAPHQL_ENDPOINT=http://0.0.0.0:8080
+
+# Microsoft Graph API
+MICROSOFT_GRAPH_ENDPOINT=https://graph.microsoft.com
+MICROSOFT_GRAPH_TENANT_ID=<fill-me-in>
+MICROSOFT_GRAPH_CLIENT_ID=<fill-me-in>
+MICROSOFT_GRAPH_CLIENT_SECRET=<fill-me-in>
+MICROSOFT_GRAPH_SCOPES=https://graph.microsoft.com/.default
 
 # AuthJS
 # AUTH_SECRET: On UNIX systems you can use `openssl rand -hex 32` or
-# https://generate-secret.vercel.app/32 to generate a secret.
-# or copy (openssl rand -hex 32) output here
-AUTH_SECRET=<copy (openssl rand -hex 32) output here>
+# https://generate-secret.vercel.app/64 to generate a secret.
+# or copy (openssl rand -hex 64) output here
+AUTH_SECRET=<copy (openssl rand -hex 64) output here>
 NEXTAUTH_URL=http://localhost:5173
 GOOGLE_ID=<copy Application (client) ID here>
 GOOGLE_SECRET=<copy generated client secret value here>

diff --git a/apps/web/src/hooks.client.ts b/apps/web/src/hooks.client.ts
@@ -1,6 +1,6 @@
+import type { HandleClientError } from '@sveltejs/kit';
 import { dev } from '$app/environment';
 import { Logger } from '$lib/utils';
-import type { HandleClientError } from '@sveltejs/kit';
 
 // Setup logger
 if (!dev) {

diff --git a/apps/web/src/hooks.server.ts b/apps/web/src/hooks.server.ts
@@ -1,10 +1,10 @@
+import type { HandleFetch, HandleServerError } from '@sveltejs/kit';
+import { sequence } from '@sveltejs/kit/hooks';
 import { dev } from '$app/environment';
 import { TokenVault } from '$lib/server/backend/TokenVault';
 import { authjs, guard, houdini } from '$lib/server/middleware';
 import { Logger } from '$lib/utils';
 // import envPri from '$lib/variables/variables.server';
-import type { HandleFetch, HandleServerError } from '@sveltejs/kit';
-import { sequence } from '@sveltejs/kit/hooks';
 /**
  * Code in hooks.server.ts will run when the application starts up,
  * making them useful for initializing database clients, Sentry and so on.

diff --git a/apps/web/src/lib/blocks/blog/Blog1.svelte b/apps/web/src/lib/blocks/blog/Blog1.svelte
@@ -6,7 +6,7 @@
 			<p class="mb-3 text-xs font-semibold uppercase tracking-wide">
 				<a
 					href="/"
-					class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+					class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 					aria-label="Category">weekend</a
 				>
 				<span class="text-gray-600">— 1 Feb 2020</span>
@@ -15,7 +15,7 @@
 				href="/"
 				aria-label="Article"
 				title="Jingle Bells"
-				class="mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 				>Jingle Bells</a
 			>
 			<p class="mb-5 text-gray-700">
@@ -34,7 +34,7 @@
 						href="/"
 						aria-label="Author"
 						title="Author"
-						class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 						>Vasile Melinte</a
 					>
 					<p class="text-sm font-medium leading-4 text-gray-600">Author</p>
@@ -45,7 +45,7 @@
 			<p class="mb-3 text-xs font-semibold uppercase tracking-wide">
 				<a
 					href="/"
-					class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+					class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 					aria-label="Category">holidays</a
 				>
 				<span class="text-gray-600">— 15 Nov 2020</span>
@@ -54,7 +54,7 @@
 				href="/"
 				aria-label="Article"
 				title="Happy new Year"
-				class="mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 				>Happy new Year</a
 			>
 			<p class="mb-5 text-gray-700">
@@ -74,7 +74,7 @@
 						href="/"
 						aria-label="Author"
 						title="Author"
-						class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 						>John Doe</a
 					>
 					<p class="text-sm font-medium leading-4 text-gray-600">Author</p>
@@ -85,7 +85,7 @@
 			<p class="mb-3 text-xs font-semibold uppercase tracking-wide">
 				<a
 					href="/"
-					class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+					class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 					aria-label="Category">programming</a
 				>
 				<span class="text-gray-600">— 28 Dec 2020</span>
@@ -94,7 +94,7 @@
 				href="/"
 				aria-label="Article"
 				title="Why i love C++"
-				class="mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mb-3 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 				>Why i love C++</a
 			>
 			<p class="mb-5 text-gray-700">
@@ -114,7 +114,7 @@
 						href="/"
 						aria-label="Author"
 						title="Author"
-						class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 						>Andrew Larkin</a
 					>
 					<p class="text-sm font-medium leading-4 text-gray-600">Author</p>

diff --git a/apps/web/src/lib/blocks/blog/Blog2.svelte b/apps/web/src/lib/blocks/blog/Blog2.svelte
@@ -5,15 +5,15 @@
 		<div class="flex">
 			<div class="mr-6 pt-1 text-center">
 				<div class="mb-1 border-b border-gray-400 px-2 pb-1">
-					<p class="text-sm text-blue-gray-700">Jul</p>
+					<p class="text-blue-gray-700 text-sm">Jul</p>
 				</div>
 				<div class="px-2"><p class="text-lg font-bold">18</p></div>
 			</div>
 			<div>
 				<div class="mb-2">
 					<a
 						href="/"
-						class="text-xs font-semibold uppercase tracking-wide text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 text-xs font-semibold uppercase tracking-wide transition-colors duration-200"
 						aria-label="Category"
 						title="Delevopment">Delevopment</a
 					>
@@ -22,7 +22,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 						>Why I love Laravel</a
 					>
 				</div>
@@ -43,7 +43,7 @@
 							href="/"
 							aria-label="Author"
 							title="Author"
-							class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+							class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 							>Petru Vîrtos</a
 						>
 						<p class="text-sm font-medium leading-4 text-gray-600">Author</p>
@@ -54,15 +54,15 @@
 		<div class="flex">
 			<div class="mr-6 pt-1 text-center">
 				<div class="mb-1 border-b border-gray-400 px-2 pb-1">
-					<p class="text-sm text-blue-gray-700">May</p>
+					<p class="text-blue-gray-700 text-sm">May</p>
 				</div>
 				<div class="px-2"><p class="text-lg font-bold">6</p></div>
 			</div>
 			<div>
 				<div class="mb-2">
 					<a
 						href="/"
-						class="text-xs font-semibold uppercase tracking-wide text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 text-xs font-semibold uppercase tracking-wide transition-colors duration-200"
 						aria-label="Category"
 						title="Food &amp; Snacks">Food &amp; Snacks</a
 					>
@@ -71,7 +71,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 						>Pizza, you should try it</a
 					>
 				</div>
@@ -92,7 +92,7 @@
 							href="/"
 							aria-label="Author"
 							title="Author"
-							class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+							class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 							>Alex Stratulat</a
 						>
 						<p class="text-sm font-medium leading-4 text-gray-600">Author</p>
@@ -103,15 +103,15 @@
 		<div class="flex">
 			<div class="mr-6 pt-1 text-center">
 				<div class="mb-1 border-b border-gray-400 px-2 pb-1">
-					<p class="text-sm text-blue-gray-700">Feb</p>
+					<p class="text-blue-gray-700 text-sm">Feb</p>
 				</div>
 				<div class="px-2"><p class="text-lg font-bold">27</p></div>
 			</div>
 			<div>
 				<div class="mb-2">
 					<a
 						href="/"
-						class="text-xs font-semibold uppercase tracking-wide text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 text-xs font-semibold uppercase tracking-wide transition-colors duration-200"
 						aria-label="Category"
 						title="Out of this world">Out of this world</a
 					>
@@ -120,7 +120,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200 hover:text-deep-purple-accent-400"
+						class="hover:text-deep-purple-accent-400 inline-block text-2xl font-bold leading-5 text-black transition-colors duration-200"
 						>Whatever, just feed me</a
 					>
 				</div>
@@ -141,7 +141,7 @@
 							href="/"
 							aria-label="Author"
 							title="Author"
-							class="font-semibold text-gray-800 transition-colors duration-200 hover:text-deep-purple-accent-400"
+							class="hover:text-deep-purple-accent-400 font-semibold text-gray-800 transition-colors duration-200"
 							>Susie the Cat</a
 						>
 						<p class="text-sm font-medium leading-4 text-gray-600">Author</p>

diff --git a/apps/web/src/lib/blocks/blog/Blog3.svelte b/apps/web/src/lib/blocks/blog/Blog3.svelte
@@ -4,7 +4,7 @@
 	<div class="mb-10 max-w-xl sm:text-center md:mx-auto md:mb-12 lg:max-w-2xl">
 		<div>
 			<p
-				class="mb-4 inline-block rounded-full bg-teal-accent-400 px-3 py-px text-xs font-semibold uppercase tracking-wider text-teal-900"
+				class="bg-teal-accent-400 mb-4 inline-block rounded-full px-3 py-px text-xs font-semibold uppercase tracking-wider text-teal-900"
 			>
 				Brand new
 			</p>
@@ -16,7 +16,7 @@
 				<svg
 					viewBox="0 0 52 24"
 					fill="currentColor"
-					class="absolute left-0 top-0 z-0 -ml-20 -mt-8 hidden w-32 text-blue-gray-100 sm:block lg:-ml-28 lg:-mt-10 lg:w-32"
+					class="text-blue-gray-100 absolute left-0 top-0 z-0 -ml-20 -mt-8 hidden w-32 sm:block lg:-ml-28 lg:-mt-10 lg:w-32"
 				>
 					<defs>
 						<pattern
@@ -51,7 +51,7 @@
 			</p>
 			<a
 				href="/"
-				class="mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200"
 				aria-label="Read article"
 				title="Nori grape silver beet broccoli kombu beet"
 			>
@@ -64,7 +64,7 @@
 			<a
 				href="/"
 				aria-label=""
-				class="inline-flex items-center font-semibold text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+				class="text-deep-purple-accent-400 hover:text-deep-purple-800 inline-flex items-center font-semibold transition-colors duration-200"
 				>Read more</a
 			>
 		</div>
@@ -74,7 +74,7 @@
 			</p>
 			<a
 				href="/"
-				class="mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200"
 				aria-label="Read article"
 				title="Well, the way they make shows is, they make one"
 			>
@@ -86,7 +86,7 @@
 			<a
 				href="/"
 				aria-label=""
-				class="inline-flex items-center font-semibold text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+				class="text-deep-purple-accent-400 hover:text-deep-purple-800 inline-flex items-center font-semibold transition-colors duration-200"
 				>Read more</a
 			>
 		</div>
@@ -96,7 +96,7 @@
 			</p>
 			<a
 				href="/"
-				class="mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200 hover:text-deep-purple-accent-400"
+				class="hover:text-deep-purple-accent-400 mx-auto mb-3 inline-block max-w-xs text-2xl font-extrabold leading-7 transition-colors duration-200"
 				aria-label="Read article"
 				title="Pommy ipsum smeg head whizz morris himer due"
 			>
@@ -109,7 +109,7 @@
 			<a
 				href="/"
 				aria-label=""
-				class="inline-flex items-center font-semibold text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+				class="text-deep-purple-accent-400 hover:text-deep-purple-800 inline-flex items-center font-semibold transition-colors duration-200"
 				>Read more</a
 			>
 		</div>

diff --git a/apps/web/src/lib/blocks/blog/Blog4.svelte b/apps/web/src/lib/blocks/blog/Blog4.svelte
@@ -7,7 +7,7 @@
 				<div class="space-y-1 text-xs font-semibold uppercase tracking-wide">
 					<a
 						href="/"
-						class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 						aria-label="Category">Books</a
 					>
 					<p class="text-gray-600">5 Jan 2020</p>
@@ -18,7 +18,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-black transition-colors duration-200 hover:text-deep-purple-accent-700"
+						class="hover:text-deep-purple-accent-700 inline-block text-black transition-colors duration-200"
 					>
 						<p class="text-3xl font-extrabold leading-none sm:text-4xl xl:text-4xl">
 							Tell them I hate them
@@ -36,7 +36,7 @@
 				<div class="space-y-1 text-xs font-semibold uppercase tracking-wide">
 					<a
 						href="/"
-						class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 						aria-label="Category">Inspiration</a
 					>
 					<p class="text-gray-600">15 Sep 2020</p>
@@ -47,7 +47,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-black transition-colors duration-200 hover:text-deep-purple-accent-700"
+						class="hover:text-deep-purple-accent-700 inline-block text-black transition-colors duration-200"
 					>
 						<p class="text-3xl font-extrabold leading-none sm:text-4xl xl:text-4xl">
 							A flower in my green garden
@@ -65,7 +65,7 @@
 				<div class="space-y-1 text-xs font-semibold uppercase tracking-wide">
 					<a
 						href="/"
-						class="text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+						class="text-deep-purple-accent-400 hover:text-deep-purple-800 transition-colors duration-200"
 						aria-label="Category">Detective</a
 					>
 					<p class="text-gray-600">28 Dec 2020</p>
@@ -76,7 +76,7 @@
 					<a
 						href="/"
 						aria-label="Article"
-						class="inline-block text-black transition-colors duration-200 hover:text-deep-purple-accent-700"
+						class="hover:text-deep-purple-accent-700 inline-block text-black transition-colors duration-200"
 					>
 						<p class="text-3xl font-extrabold leading-none sm:text-4xl xl:text-4xl">
 							We never had the love we deserve
@@ -94,7 +94,7 @@
 		<a
 			href="/"
 			aria-label=""
-			class="inline-flex items-center font-semibold text-deep-purple-accent-400 transition-colors duration-200 hover:text-deep-purple-800"
+			class="text-deep-purple-accent-400 hover:text-deep-purple-800 inline-flex items-center font-semibold transition-colors duration-200"
 		>
 			See all articles
 			<svg class="ml-2 inline-block w-3" fill="currentColor" viewBox="0 0 12 12">