feat!(many things): read desc

ThisCatLikesCrypto · ThisCatLikesCrypto · commit dc3ba8654fd2 · 2025-07-07T20:01:11.000+01:00
* de-mbaharip-ify
* fix version
* improve footer more generally
* move README to sidebar and get rid of the giant "Markdown" button
* reduce margin on x axis either side in header
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import { type Metadata } from "next";
 import { JetBrains_Mono, Outfit, Source_Sans_3 } from "next/font/google";
-import { headers } from "next/headers";
 
 import config from "@/config/gIndex.config";
 import { BASE_URL } from "@/constant";
@@ -52,7 +51,7 @@ export const metadata: Metadata = {
         name: config.siteConfig.siteAuthor,
       }
     : undefined,
-  creator: "mbaharip",
+  creator: "allthingslinux",
   icons: [
     {
       url: config.siteConfig.favIcon,
@@ -70,27 +69,17 @@ export const metadata: Metadata = {
       },
     ],
   },
-  twitter: {
-    card: "summary_large_image",
-    creator: config.siteConfig.twitterHandle,
-  },
   robots: config.siteConfig.robots,
 };
 
 export default async function RootLayout({
   children,
 }: Readonly<{ children: React.ReactNode }>) {
-  const head = await headers();
-  const pathname = head.get("X-Pathname") ?? "/";
-
   return (
     <html lang="en" suppressHydrationWarning>
       <body
         className={cn(
-          "overflow-x-hidden stroke-foreground font-sans text-foreground",
-          pathname.startsWith("/ngdi-internal/embed/")
-            ? "h-fit bg-transparent"
-            : "h-full min-h-screen bg-background",
+          "overflow-x-hidden stroke-foreground font-sans text-foreground h-full min-h-screen bg-background",
           jetbrainsMono.variable,
           sourceSans3.variable,
           outfit.variable
diff --git a/src/app/ngdi-internal/page.tsx b/src/app/ngdi-internal/page.tsx
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -304,11 +304,19 @@ export default function RootPage() {
       </div>
 
       <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
-        {/* System Info Sidebar */}
+        {/* System Info Sidebar and README view*/}
         <div className="lg:col-span-1 space-y-4">
           <SystemInfoPanel
             rootItemCount={(data as FileData).data?.files?.length || 0}
           />
+          {(readme as ReadmeData).data && (
+            <Suspense fallback={<FileReadmeFallback />}>
+              <FileReadme
+                content={(readme as ReadmeData).data.content}
+                title={`README.${(readme as ReadmeData).data.type === "markdown" ? "md" : "txt"}`}
+              />
+            </Suspense>
+          )}
         </div>
 
         {/* Main Content */}
@@ -342,15 +350,6 @@ export default function RootPage() {
           </Card>
         </div>
       </div>
-
-      {(readme as ReadmeData).data && (
-        <Suspense fallback={<FileReadmeFallback />}>
-          <FileReadme
-            content={(readme as ReadmeData).data.content}
-            title={`README.${(readme as ReadmeData).data.type === "markdown" ? "md" : "txt"}`}
-          />
-        </Suspense>
-      )}
     </div>
   );
 }
diff --git a/src/components/explorer/FileReadme.tsx b/src/components/explorer/FileReadme.tsx
@@ -5,45 +5,26 @@ import { useState } from "react";
 import { cn } from "@/lib/utils";
 
 import { Markdown } from "@/components/global";
-import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 type Props = {
   content: string;
   title: string;
 };
 export default function FileReadme({ content, title }: Props) {
-  const [view, setView] = useState<"markdown" | "raw">("markdown");
+  const [view] = useState<"markdown" | "raw">("markdown");
 
   return (
     <div slot="readme" className="w-full">
       <Card>
         <CardHeader className="pb-0">
           <div
             className={cn(
-              "flex flex-col gap-4 overflow-hidden",
+              "flex flex-col overflow-hidden",
               "mobile:flex-row mobile:items-center mobile:justify-between"
             )}
           >
             <CardTitle>{title}</CardTitle>
-            <div className="flex w-full items-center mobile:w-fit">
-              <Button
-                size={"sm"}
-                variant={view === "markdown" ? "default" : "outline"}
-                onClick={() => setView("markdown")}
-                className="w-full rounded-r-none mobile:w-fit"
-              >
-                Markdown
-              </Button>
-              <Button
-                size={"sm"}
-                variant={view === "raw" ? "default" : "outline"}
-                onClick={() => setView("raw")}
-                className="w-full rounded-l-none mobile:w-fit"
-              >
-                Raw
-              </Button>
-            </div>
           </div>
         </CardHeader>
         <CardContent className="p-1.5 px-3 pt-0 tablet:p-3 tablet:px-6 tablet:pt-0">
diff --git a/src/components/internal/index.ts b/src/components/internal/index.ts
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
@@ -20,7 +20,7 @@ export default function Navbar() {
   return (
     <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="w-full h-16 px-6">
-        <div className="grid grid-cols-3 h-full items-center max-w-screen-2xl mx-auto">
+        <div className="grid grid-cols-3 h-full items-center mx-auto tablet:grid-cols-2">
           {/* Left Section - Logo */}
           <div className="flex items-center justify-start">
             <Link href="/" className="flex items-center space-x-3">
@@ -42,7 +42,7 @@ export default function Navbar() {
                   {config.siteConfig.siteName}
                 </span>
                 <span className="text-xs text-muted-foreground font-mono leading-tight">
-                  v2.4.2 • ONLINE
+                  v{config.version} • ONLINE
                 </span>
               </div>
             </Link>
diff --git a/src/config/gIndex.config.ts b/src/config/gIndex.config.ts
@@ -4,11 +4,10 @@ import { type z } from "zod";
 import { type Schema_Config } from "@/types/schema";
 
 const config: z.input<typeof Schema_Config> = {
-  /**
-   * If possible, please don't change this value
-   * Even if you're creating a PR, just let me change it myself
+  /*
+   * version number
    */
-  version: "2.4.2",
+  version: "0.0.1-alpha",
   /**
    * Base path of the app, used for generating links
    *
@@ -171,7 +170,6 @@ const config: z.input<typeof Schema_Config> = {
      * ref: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#robots
      */
     robots: "noindex, nofollow",
-    twitterHandle: "",
 
     /**
      * Show file extension on the file name
@@ -252,18 +250,17 @@ const config: z.input<typeof Schema_Config> = {
      * - {{ year }} will be replaced with the current year
      * - {{ repository }} will be replaced with the original repository link
      * - {{ poweredBy }} will be replaced with "Powered by next-gdrive-index", linked to the repository
-     * - {{ author }} will be replaced with author from siteAuthor config above (If it's not set, it will be set to mbaharip)
+     * - {{ author }} will be replaced with author from siteAuthor config above (If it's not set, it will be set to allthingslinux)
      * - {{ version }} will be replaced with the current version
      * - {{ siteName }} will be replaced with the siteName config above
      * - {{ handle }} will be replaced with the twitter handle from twitterHandle config above
-     * - {{ creator }} will be replaced with mbaharip if you want to credit me
      */
     footer: [
       {
-        value: "{{ poweredBy }}",
+        value: "{{ repository }} :: {{ poweredBy }}",
       },
       {
-        value: " [**{{ author }}**](https://allthingslinux.org)",
+        value: "An [**{{ author }}**](https://allthingslinux.org) project",
       },
     ],
     /**
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
@@ -37,7 +37,11 @@ export function formatDate(
     const year = parseInt(yearStr!, 10);
 
     parsedDate = new Date(year, month - 1, day); // JS months are 0-based
-  } else if (typeof date === "string" || typeof date === "number" || date instanceof Date) {
+  } else if (
+    typeof date === "string" ||
+    typeof date === "number" ||
+    date instanceof Date
+  ) {
     parsedDate = new Date(date);
   } else {
     throw new TypeError("Invalid date format");
@@ -74,13 +78,12 @@ export function formatFooterContent(
   const data = siteConfig ?? config.siteConfig;
   const formatMap = {
     year: new Date().getFullYear().toString(),
-    repository: "[Source Code](https://github.com/mbaharip/next-gdrive-index)",
-    poweredBy: `Powered by [next-gdrive-index v${config.version}](https://github.com/mbaharip/next-gdrive-index)`,
-    author: data.siteAuthor ?? "mbaharip",
-    version: config.version ?? "0.0.0",
-    siteName: data.siteName ?? "next-gdrive-index",
-    handle: data.twitterHandle ?? "@__mbaharip__",
-    creator: "mbaharip",
+    repository: "[Source Code](https://github.com/allthingslinux/iso.atl.dev)",
+    poweredBy: `Originally forked from [next-gdrive-index v2.4.2](https://github.com/mbaharip/next-gdrive-index)`,
+    author: data.siteAuthor ?? "allthingslinux",
+    version: config.version ?? "0.0.1",
+    siteName: data.siteName ?? "iso.atl.dev",
+    creator: "allthingslinux",
   };
 
   return text
diff --git a/src/types/schema.ts b/src/types/schema.ts
@@ -165,11 +165,9 @@ export const Schema_Config_Site = z.object({
   siteNameTemplate: z.string().optional().default("%s"),
   siteDescription: z.string(),
   siteIcon: z.string(),
-  siteAuthor: z.string().optional().default("mbaharip"),
+  siteAuthor: z.string().optional().default("allthingslinux"),
   favIcon: z.string(),
   robots: z.string().optional().default("noindex, nofollow"),
-  twitterHandle: z.string().optional().default("@__mbaharip__"),
-
   showFileExtension: z.coerce.boolean().optional().default(false),
 
   footer: z
