Improvements to Download Page

apps/site/package.json

@@ -21,6 +21,7 @@
     "astro-robots-txt": "^1.0.0",
     "astro-seo": "^1.1.0",
     "daisyui": "5.5.14",
+    "pretty-bytes": "^7.1.0",
     "starlight-sidebar-topics": "^0.6.2",
     "svelte": "^5.49.0",
     "tiny-invariant": "^1.3.3",

apps/site/src/components/common/download_button_headless.svelte

@@ -74,7 +74,7 @@
 </script>
 
 <div class="join">
-  <a href={config.main.url} class="{classes} join-item" target="_blank">
+  <a href={config.main.url} class="{classes} join-item">
     {#if children}{@render children()}{/if}
     <span class="ml-2"
       >{config.main.label
@@ -93,7 +93,7 @@
         class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52 z-100"
       >
         {#each config.others as item}
-          <li><a href={item.url} target="_blank">{item.label}</a></li>
+          <li><a href={item.url}>{item.label}</a></li>
         {/each}
       </ul>
     </div>

apps/site/src/components/home_page/section_2/index.astro

@@ -33,7 +33,7 @@ let { class: classes } = Astro.props;
             250 MB
           </div>
         </div>
-        <p class="text-sm text-base-content/30 font-mono">
+        <p class="text-sm text-base-content/30 font-mono font-bold">
           Electron Backend + Chrome Runtime + Node Modules
         </p>
       </div>
@@ -58,7 +58,7 @@ let { class: classes } = Astro.props;
             4 MB
           </div>
         </div>
-        <p class="text-sm text-base-content/40 font-mono">
+        <p class="text-sm text-base-content/40 font-mono font-bold">
           Rust Core + Native UI WebView
         </p>
       </div>

apps/site/src/components/navbar/interactive.svelte

@@ -55,7 +55,7 @@
     <div class=" flex items-center gap-2 justify-self-end lt-md:hidden">
       <a
         href="https://github.com/Keshav-writes-code/Cherit"
-        class="btn btn-ghost flex items-center"
+        class="btn btn-ghost flex items-center font-mono"
         target="_blank"
       >
         <div class="i-mdi:github size-5.5"></div>

apps/site/src/lib/download_links.ts

@@ -0,0 +1,137 @@
+// @unocss-include
+import { call_gh_api, file, repo } from "@/lib/gh_api.ts";
+
+type Platform = {
+  label: string;
+  icon: string;
+  binaries: {
+    ext: "exe" | "msi" | "dmg" | "deb" | "rpm" | "appimage" | "apk";
+    arch: "x64" | "arm64" | "armv7";
+    size: number | undefined;
+    link: string;
+  }[];
+};
+export const gh_relases_latest_metadata = (await call_gh_api(
+  "/releases/latest",
+)) as {
+  tag_name: string;
+  assets: { name: string; size: number }[];
+};
+
+function file_size(suffix: string): number | undefined {
+  return gh_relases_latest_metadata.assets.find(
+    (asset) => asset.name === `${repo}-${suffix}`,
+  )?.size;
+}
+
+export let platforms: Platform[] = [
+  {
+    label: "windows",
+    icon: "i-tabler:brand-windows-filled",
+    binaries: [
+      {
+        ext: "exe",
+        arch: "x64",
+        size: file_size("windows-x64.exe"),
+        link: file("windows-x64.exe"),
+      },
+      {
+        ext: "exe",
+        arch: "arm64",
+        size: file_size("windows-arm64.exe"),
+        link: file("windows-arm64.exe"),
+      },
+      {
+        ext: "msi",
+        arch: "x64",
+        size: file_size("windows-x64.msi"),
+        link: file("windows-x64.msi"),
+      },
+      {
+        ext: "msi",
+        arch: "arm64",
+        size: file_size("windows-arm64.exe"),
+        link: file("windows-arm64.msi"),
+      },
+    ],
+  },
+  {
+    label: "macos",
+    icon: "i-tabler:brand-apple-filled",
+    binaries: [
+      {
+        ext: "dmg",
+        arch: "x64",
+        size: file_size("darwin-x64.dmg"),
+        link: file("darwin-x64.dmg"),
+      },
+      {
+        ext: "dmg",
+        arch: "arm64",
+        size: file_size("darwin-aarch64.dmg"),
+        link: file("darwin-aarch64.dmg"),
+      },
+    ],
+  },
+  {
+    label: "linux",
+    icon: "i-mdi:linux",
+    binaries: [
+      {
+        ext: "deb",
+        arch: "x64",
+        size: file_size("linux-amd64.deb"),
+        link: file("linux-amd64.deb"),
+      },
+      {
+        ext: "deb",
+        arch: "arm64",
+        size: file_size("linux-arm64.deb"),
+        link: file("linux-arm64.deb"),
+      },
+      {
+        ext: "rpm",
+        arch: "x64",
+        size: file_size("linux-x86_64.rpm"),
+        link: file("linux-x86_64.rpm"),
+      },
+      {
+        ext: "rpm",
+        arch: "arm64",
+        size: file_size("linux-aarch64.rpm"),
+        link: file("linux-aarch64.rpm"),
+      },
+      {
+        ext: "appimage",
+        arch: "x64",
+        size: file_size("linux-amd64.AppImage"),
+        link: file("linux-amd64.AppImage"),
+      },
+      {
+        ext: "appimage",
+        arch: "arm64",
+        size: file_size("linux-aarch64.AppImage"),
+        link: file("linux-aarch64.AppImage"),
+      },
+    ],
+  },
+  {
+    label: "android",
+    icon: "i-mdi:android",
+    binaries: [
+      {
+        ext: "apk",
+        arch: "arm64",
+        size: file_size("android-arm64.apk"),
+        link: file("android-arm64.apk"),
+      },
+      {
+        ext: "apk",
+        arch: "armv7",
+        size: file_size("android-arm.apk"),
+        link: file("android-arm.apk"),
+      },
+    ],
+  },
+  { label: "IOS", icon: "i-mdi:apple-ios", binaries: [] },
+];

apps/site/src/lib/gh_api.ts

@@ -18,3 +18,17 @@ export async function call_gh_api(path?: string) {
   );
   return await res.json();
 }
+
+export function get_total_downloads(data: any): number {
+  return Array.isArray(data)
+    ? data.reduce(
+        (acc, release) =>
+          acc +
+          release.assets.reduce(
+            (sum: number, asset: any) => sum + asset.download_count,
+            0,
+          ),
+        0,
+      )
+    : 0;
+}