Frontend

frontend/src/app/layout.tsx

@@ -11,9 +11,9 @@ import React from "react";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
-  title: "Proxmox VE Helper-Scripts",
+  title: "Proxmox VE Helper-Scripts DEVELOP",
   generator: "Next.js",
-  applicationName: "Proxmox VE Helper-Scripts",
+  applicationName: "Proxmox VE Helper-Scripts DEVELOP",
   referrer: "origin-when-cross-origin",
   keywords: [
     "Proxmox VE",
@@ -23,12 +23,13 @@ export const metadata = {
     "scripts",
     "proxmox",
     "VE",
+    "Development",
   ],
   authors: { name: "Bram Suurd" },
   creator: "Bram Suurd",
   publisher: "Bram Suurd",
   description:
-    "A Front-end for the Proxmox VE Helper-Scripts (Community) Repository. Featuring over 200+ scripts to help you manage your Proxmox VE environment.",
+    "A Front-end for the Proxmox VE Helper-Scripts (DEVELOP) Repository. Featuring over 200+ scripts to help you manage your Proxmox VE environment.",
   favicon: "/app/favicon.ico",
   formatDetection: {
     email: false,
@@ -37,7 +38,7 @@ export const metadata = {
   },
   metadataBase: new URL(`https://community-scripts.github.io/${basePath}/`),
   openGraph: {
-    title: "Proxmox VE Helper-Scripts",
+    title: "Proxmox VE Helper-Scripts DEVELOP",
     description:
       "A Front-end for the Proxmox VE Helper-Scripts (Community) Repository. Featuring over 200+ scripts to help you manage your Proxmox VE environment.",
     url: "/defaultimg.png",

frontend/src/app/manifest.ts

@@ -7,8 +7,8 @@ export const generateStaticParams = () => {
 
 export default function manifest(): MetadataRoute.Manifest {
   return {
-    name: "Proxmox VE Helper-Scripts",
-    short_name: "Proxmox VE Helper-Scripts",
+    name: "Proxmox VE Helper-Scripts Development",
+    short_name: "Proxmox VE Helper-Scripts Development",
     description:
       "A Re-designed Front-end for the Proxmox VE Helper-Scripts Repository. Featuring over 200+ scripts to help you manage your Proxmox VE environment.",
     theme_color: "#030712",

frontend/src/app/page.tsx

@@ -103,17 +103,12 @@ export default function Page() {
 
 						<div className="flex flex-col gap-4">
 							<h1 className="max-w-2xl text-center text-3xl font-semibold tracking-tighter md:text-7xl">
-								Make managing your Homelab a breeze
+								Beta Scripts
 							</h1>
 							<div className="max-w-2xl gap-2 flex flex-col text-center sm:text-lg text-sm leading-relaxed tracking-tight text-muted-foreground md:text-xl">
 								<p>
-									We are a community-driven initiative that simplifies the setup
-									of Proxmox Virtual Environment (VE).
-								</p>
-								<p>
-									
-									With 300+ scripts to help you manage your <b>Proxmox VE environment</b>. Whether you&#39;re a seasoned
-									user or a newcomer, we&#39;ve got you covered.
+									On this Website you can find a collection of scripts that are under development and open for testing.
+                                    We do not provide any support for these scripts when run in production, but you can help us by testing them and providing feedback.
 								</p>
 							</div>
 						</div>

frontend/src/app/scripts/_components/ScriptAccordion.tsx

@@ -46,10 +46,10 @@ export default function ScriptAccordion({
       );
       if (category) {
         setExpandedItem(category.name);
-        handleSelected(selectedScript);
       }
     }
-  }, [selectedScript, items, handleSelected]);
+  }, [selectedScript, items]);
+
   return (
     <Accordion
       type="single"

frontend/src/app/scripts/_components/Sidebar.tsx

@@ -21,6 +21,8 @@ const Sidebar = ({
 		return acc;
 	}, [] as Script[]);
 
+	const filteredItems = items.filter(category => category.scripts.length > 0);
+
 	return (
 		<div className="flex min-w-72 flex-col sm:max-w-72">
 			<div className="flex items-end justify-between pb-4">
@@ -31,7 +33,7 @@ const Sidebar = ({
 			</div>
 			<div className="rounded-lg">
 				<ScriptAccordion
-					items={items}
+					items={filteredItems}
 					selectedScript={selectedScript}
 					setSelectedScript={setSelectedScript}
 				/>

frontend/src/components/Navbar.tsx

@@ -47,7 +47,7 @@ function Navbar() {
 								src="/ProxmoxVED/logo.png"
 								className=""
 							/>
-							<span className="hidden md:block">Proxmox VE Helper-Scripts</span>
+							<span className="hidden md:block">Proxmox VE Helper-Scripts DEVELOPMENT REPO</span>
 						</Link>
 						<div className="flex gap-2">
 							<CommandMenu />

frontend/tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -10,7 +14,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {
@@ -18,7 +22,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     },
     "target": "ES2017"
   },
@@ -29,5 +35,7 @@
     ".next/types/**/*.ts",
     "next.config.mjs"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }