Merge pull request #3187 from KBVE/patch-atomic-herbmail-deployment-1…

…1-07-2024-1730974089 [CI] Merge patch-atomic-herbmail-deployment-11-07-2024-1730974089 into dev
KBVE · Nov 7, 2024 · dc19217 · dc19217
2 parents 022573c + 0d7af8e
commit dc19217
Show file tree

Hide file tree

Showing 83 changed files with 7,931 additions and 1,948 deletions.
diff --git a/apps/herbmail.com/astro.config.mjs b/apps/herbmail.com/astro.config.mjs
@@ -26,6 +26,7 @@ export default defineConfig({
 			//extendPlugins: "astroDefaults"
 		}),
     tailwind({
+      applyBaseStyles: false,
       configFile: fileURLToPath(
         new URL('./tailwind.config.cjs', import.meta.url)
       ),

diff --git a/apps/herbmail.com/project.json b/apps/herbmail.com/project.json
@@ -5,11 +5,33 @@
 	"sourceRoot": "apps/herbmail.com/src",
 	"tags": [],
 	"targets": {
+		"dev": {
+			"executor": "nx:run-commands",
+			"options": {
+				"cwd": "apps/herbmail.com",
+				"commands": [
+					"UV_THREADPOOL_SIZE=4 NODE_OPTIONS=\"--max-old-space-size=4096\" nx exec -- astro dev"
+				],
+				"parallel": false
+			}
+
+		},
 		"build": {
+			"executor": "nx:run-commands",
+			"options": {
+				"cwd": "apps/herbmail.com",
+				"commands": [
+					"UV_THREADPOOL_SIZE=4 NODE_OPTIONS=\"--max-old-space-size=4096\" nx exec -- astro build"
+				],
+				"parallel": false
+			}
+
+		},
+		"buildx": {
 			"executor": "@nxtensions/astro:build",
 			"options": {}
 		},
-		"dev": {
+		"devx": {
 			"executor": "@nxtensions/astro:dev",
 			"options": {}
 		},

diff --git a/apps/herbmail.com/src/layouts/Layout.astro b/apps/herbmail.com/src/layouts/Layout.astro
@@ -5,8 +5,9 @@ interface Props {
 	image?: string;
 }
 const { title, description } = Astro.props;
-import { Toastify } from '@kbve/astropad';
-import { AstroVe as VE } from '@kbve/astro-ve';
+// import { Toastify } from '@kbve/astropad';
+
+import './global.css';
 ---
 
 <!doctype html>
@@ -19,135 +20,11 @@ import { AstroVe as VE } from '@kbve/astro-ve';
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 		<!-- <VE widget="header:external:toastify" data="" /> -->
-		<Toastify />
-		<VE widget="header:external:flowbite" data="" class="" />
-		<VE widget="header:external:lottie" data="dot" />
-
-		<VE widget="header:css:demo" data="gradient" />
+		<!--  <Toastify /> -->
 	</head>
 
 	<body>
-		<VE
-			widget="nav:flowbite:demo"
-			img="1561407958-54aa9fa49a21"
-			logo="/assets/img/logo.svg">
-			<VE
-				widget="kbve:user:user"
-				avatar="https://flowbite.com/docs/images/people/profile-picture-3.jpg"
-			/>
-		</VE>
 		<slot />
-		<footer>
-			<VE widget="footer:float:float" data="">
-				<button
-					type="button"
-					class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 hover:bg-gray-800 group">
-					<svg
-						class="w-5 h-5 mb-2 text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500"
-						aria-hidden="true"
-						xmlns="http://www.w3.org/2000/svg"
-						fill="currentColor"
-						viewBox="0 0 20 20">
-						<path
-							d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z">
-						</path>
-					</svg>
-					<span
-						class="text-sm text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500">
-						Home
-					</span>
-				</button>
-				<button
-					type="button"
-					class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 hover:bg-gray-800 group">
-					<svg
-						class="w-5 h-5 mb-2 text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500"
-						aria-hidden="true"
-						xmlns="http://www.w3.org/2000/svg"
-						fill="currentColor"
-						viewBox="0 0 20 20">
-						<path
-							d="M11.074 4 8.442.408A.95.95 0 0 0 7.014.254L2.926 4h8.148ZM9 13v-1a4 4 0 0 1 4-4h6V6a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1v-2h-6a4 4 0 0 1-4-4Z">
-						</path>
-						<path
-							d="M19 10h-6a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h6a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1Zm-4.5 3.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM12.62 4h2.78L12.539.41a1.086 1.086 0 1 0-1.7 1.352L12.62 4Z">
-						</path>
-					</svg>
-					<span
-						class="text-sm text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500">
-						Wallet
-					</span>
-				</button>
-				<button
-					type="button"
-					class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 hover:bg-gray-800 group">
-					<svg
-						class="w-5 h-5 mb-2 text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500"
-						aria-hidden="true"
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 20 20">
-						<path
-							stroke="currentColor"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M4 12.25V1m0 11.25a2.25 2.25 0 0 0 0 4.5m0-4.5a2.25 2.25 0 0 1 0 4.5M4 19v-2.25m6-13.5V1m0 2.25a2.25 2.25 0 0 0 0 4.5m0-4.5a2.25 2.25 0 0 1 0 4.5M10 19V7.75m6 4.5V1m0 11.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM16 19v-2">
-						</path>
-					</svg>
-					<span
-						class="text-sm text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500">
-						Settings
-					</span>
-				</button>
-				<button
-					type="button"
-					class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 hover:bg-gray-800 group">
-					<svg
-						class="w-5 h-5 mb-2 text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500"
-						aria-hidden="true"
-						xmlns="http://www.w3.org/2000/svg"
-						fill="currentColor"
-						viewBox="0 0 20 20">
-						<path
-							d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z">
-						</path>
-					</svg>
-					<span
-						class="text-sm text-gray-400 group-hover:text-blue-600 group-hover:text-blue-500">
-						Profile
-					</span>
-				</button>
-			</VE>
-		</footer>
-		<style is:global>
-			:root {
-				--accent: 126, 217, 87;
-				--accent-light: 224, 204, 250;
-				--accent-dark: 49, 10, 101;
-				--accent-gradient: linear-gradient(
-					45deg,
-					rgb(var(--accent)),
-					rgb(var(--accent-light)) 30%,
-					white 60%
-				);
-			}
-
-			html {
-				font-family: system-ui, sans-serif;
-			}
-
-			code {
-				font-family:
-					Menlo,
-					Monaco,
-					Lucida Console,
-					Liberation Mono,
-					DejaVu Sans Mono,
-					Bitstream Vera Sans Mono,
-					Courier New,
-					monospace;
-			}
-		</style>
+		<footer></footer>
 	</body>
 </html>
diff --git a/apps/herbmail.com/src/layouts/global.css b/apps/herbmail.com/src/layouts/global.css
@@ -0,0 +1,41 @@
+/* global.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* Background colors */
+  --border: 220 20% 20%; /* darker zinc-like shade */
+  --input: 210 22% 96%;
+  --ring: 206 100% 50%;
+  --background: 210 40% 98%; /* dark zinc background */
+  --foreground: 220 13% 13%; /* light foreground for contrast */
+
+  /* Button colors */
+  --primary: 130 80% 40%; /* vibrant green */
+  --primary-foreground: 0 0% 100%;
+
+  --secondary: 140 40% 30%; /* subdued green for secondary buttons */
+  --secondary-foreground: 0 0% 100%;
+
+  /* Alert/Destructive colors */
+  --destructive: 4 90% 58%; /* red for destructive actions */
+  --destructive-foreground: 0 0% 100%;
+
+  /* Muted, accent, and additional colors */
+  --muted: 210 16% 93%; /* soft muted gray */
+  --muted-foreground: 210 22% 49%;
+
+  --accent: 174 62% 47%; /* teal accent */
+  --accent-foreground: 0 0% 100%;
+
+  --popover: 210 24% 92%; /* popover with slight contrast to background */
+  --popover-foreground: 210 22% 33%;
+
+  /* Card colors */
+  --card: 220 13% 15%; /* slightly lighter than background */
+  --card-foreground: 210 22% 20%;
+
+  /* Border radius */
+  --radius: 8px;
+}
diff --git a/apps/herbmail.com/src/pages/dashboard.astro b/apps/herbmail.com/src/pages/dashboard.astro
@@ -1,8 +1,9 @@
 ---
+//	[IMPORTS]
 import Layout from '../layouts/Layout.astro';
-import { AstroVe as VE } from '@kbve/astro-ve';
-let title = 'HerbMail Dashboard';
-let description = 'HB Dashboard Proof of Concept';
+//	[Constants]
+const title = `HerbMail Dashboard`;
+const description = `HB Dashboard Proof of Concept`;
 ---
 
 <Layout title={title} description={description}>
@@ -11,7 +12,6 @@ let description = 'HB Dashboard Proof of Concept';
 			class="grid gap-4 grid-flow-row-dense grid-rows-3 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-8 3xl:grid-cols-12">
 			<section
 				class="p-4 sm:p-6 bg-gray-800 border border-gray-700 rounded-lg shadow-sm 2xl:col-span-3 text-kbve-primary transition ease-in-out hover:scale-110">
-
 			</section>
 
 			<section
@@ -59,19 +59,15 @@ let description = 'HB Dashboard Proof of Concept';
 						</div>
 						<span
 							class="flex items-center justify-center w-full p-3 font-semibold tracki rounded-md">
-							<VE widget="button:shutter:dashboard" href="#_">
-								Read This Now
-							</VE>
 						</span>
 					</div>
 				</div>
 			</section>
 
-			<section class="md:p-4 bg-gray-800 border border-gray-700 rounded-lg shadow-sm 2xl:col-span-2 transition ease-in-out hover:scale-110 focus:overscroll-contain focus:pointer-events-auto">
-				<VE widget="header:embed:yorha" class="" />
+			<section
+				class="md:p-4 bg-gray-800 border border-gray-700 rounded-lg shadow-sm 2xl:col-span-2 transition ease-in-out hover:scale-110 focus:overscroll-contain focus:pointer-events-auto">
 			</section>
 
-
 			<section
 				class="p-4 bg-gray-800 border border-gray-700 rounded-lg shadow-sm 2xl:col-span-2 sm:p-6 text-kbve-primary text-kbve-primary transition ease-in-out hover:scale-110">
 				<!-- User Component -->
@@ -105,16 +101,10 @@ let description = 'HB Dashboard Proof of Concept';
 				</div>
 			</section>
 
-
-
 			<section
 				class="p-4 bg-gray-800 border border-gray-700 rounded-lg shadow-sm sm:p-6 h-24 text-kbve-primary">
 				User Nav Bar Here!
 			</section>
-
-
-
 		</div>
 	</main>
-	<VE widget="header:external:apexcharts" />
 </Layout>
diff --git a/apps/herbmail.com/src/pages/dice.astro b/apps/herbmail.com/src/pages/dice.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import { AstroVe as VE } from '@kbve/astro-ve';
 let title = 'Dice Panda';
 let description = 'Dice Roller';
 ---