fix the astro ts warnings

Author: muhammad-fiaz

scripts/fill-category-paths.js

@@ -1,6 +1,10 @@
 #!/usr/bin/env node
-const fs = require("fs").promises;
-const path = require("path");
+import fs from "fs/promises";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 function slugify(str) {
   return String(str)

src/components/bases/head.astro

@@ -7,7 +7,7 @@ import "@fontsource-variable/source-serif-4";
 import { ClientRouter } from "astro:transitions";
 import { SITE } from "@/lib/config";
 import type { ArticleMeta, Meta } from "@/lib/types";
-import { GOOGLE_CONFIG, getGATagConfig, getGTMContainerId, hasGoogleAnalytics, hasGoogleTagManager, hasGoogleAdSense } from "@/utils/google-config";
+import { GOOGLE_CONFIG, hasGoogleAnalytics, hasGoogleTagManager, hasGoogleAdSense } from "@/utils/google-config";
 
 type Props = {
   meta: Meta | ArticleMeta;
@@ -41,7 +41,7 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
 
   <!-- Google AdSense -->
   {hasGoogleAdSense() && (
-    <script async src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${GOOGLE_CONFIG.ADSENSE_CLIENT_ID}`}
+    <script is:inline async src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${GOOGLE_CONFIG.ADSENSE_CLIENT_ID}`}
        crossorigin="anonymous"></script>
   )}
 
@@ -213,7 +213,7 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
         ))}
 
         <!-- Article structured data -->
-        <script type="application/ld+json">
+        <script is:inline type="application/ld+json">
           {JSON.stringify({
             '@context': 'https://schema.org',
             '@type': 'Article',
@@ -248,7 +248,7 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
         </script>
 
         <!-- Breadcrumb structured data -->
-        <script type="application/ld+json">
+        <script is:inline type="application/ld+json">
           {JSON.stringify({
             '@context': 'https://schema.org',
             '@type': 'BreadcrumbList',
@@ -280,7 +280,7 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
 
   {
     !isArticleMeta(meta) && meta.metaTitle ? (
-      <script type="application/ld+json">
+      <script is:inline type="application/ld+json">
         {JSON.stringify({
           '@context': 'https://schema.org',
           '@type': 'WebSite',
@@ -292,14 +292,14 @@ const OGImage = new URL(meta.ogImage, Astro.url).href;
             name: SITE.title,
             logo: {
               '@type': 'ImageObject',
-              url: new URL('/favicon.png', Astro.site).href,
+              url: new URL('/favicon.png', SITE.url).href,
             },
           },
           potentialAction: {
             '@type': 'SearchAction',
             target: {
               '@type': 'EntryPoint',
-              urlTemplate: new URL('/search?q={search_term_string}', Astro.site).href,
+              urlTemplate: new URL('/search?q={search_term_string}', SITE.url).href,
             },
             'query-input': 'required name=search_term_string',
           },

src/components/bases/script.astro

@@ -89,8 +89,21 @@
     textArea.select();
 
     try {
-      document.execCommand("copy");
-      console.log("Fallback: Text copied to clipboard");
+      // Use modern Clipboard API if available, fallback to execCommand
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard
+          .writeText(text)
+          .then(() => {
+            console.log("Fallback: Text copied to clipboard");
+          })
+          .catch((err) => {
+            console.error("Fallback: Unable to copy text to clipboard", err);
+          });
+      } else {
+        console.warn(
+          "Clipboard API not available and execCommand is deprecated"
+        );
+      }
     } catch (err) {
       console.error("Fallback: Unable to copy text to clipboard", err);
     }

src/components/elements/giscus.astro

@@ -22,6 +22,7 @@ const lang = env.PUBLIC_GISCUS_LANG || "en";
     >
       <h2 class="text-lg font-semibold mb-3">Comments</h2>
       <script
+        is:inline
         src="https://giscus.app/client.js"
         data-repo={repo}
         data-repo-id={repoId}

src/components/elements/toc.astro

@@ -107,7 +107,6 @@ const editUrl = `${SITE.github}/edit/main/${articleContentFilePath(article)}`;
           let candidate = null;
           entries.forEach((entry) => {
             if (entry.isIntersecting) {
-              const id = entry.target.id;
               // Prefer the entry closest to the top
               if (
                 !candidate ||

src/components/shared/cookie-consent.astro

@@ -246,7 +246,6 @@
 
       // Show customize options
       const customizeBtn = document.getElementById("customize-cookies");
-      const arrowIcon = document.getElementById("customize-arrow");
       if (customizeBtn) {
         customizeBtn.addEventListener("click", () => {
           const isHidden = this.optionsPanel.classList.contains("hidden");
@@ -300,12 +299,6 @@
           const analyticsCheckbox = document.getElementById(
             "analytics-cookies"
           ) as HTMLInputElement;
-          const advertisingCheckbox = document.getElementById(
-            "advertising-cookies"
-          ) as HTMLInputElement;
-          const functionalCheckbox = document.getElementById(
-            "functional-cookies"
-          ) as HTMLInputElement;
           const personalizationCheckbox = document.getElementById(
             "personalization-cookies"
           ) as HTMLInputElement;

src/lib/utils/getMeta.ts

@@ -1,6 +1,5 @@
 import { render, type CollectionEntry } from "astro:content";
 import { authorsHandler } from "@/lib/handlers/authors";
-import defaultImage from "@/assets/images/default-image.jpg";
 import type { ArticleMeta, Meta } from "@/lib/types";
 import { capitalizeFirstLetter } from "@/lib/utils/letter";
 import { normalizeDate } from "@/lib/utils/date";

src/lib/utils/remarks.mjs

@@ -1,5 +1,4 @@
 import { execSync } from "node:child_process";
-import { statSync } from "node:fs";
 import getReadingTime from "reading-time";
 import { toString as ConvertToString } from "mdast-util-to-string";
 

src/pages/articles/[id].astro

@@ -1,6 +1,6 @@
 ---
 // Legacy route removed. Redirecting to homepage.
 export const getStaticPaths = () => [];
-const { redirect } = Astro;
-return redirect("/articles");
 ---
+
+<meta http-equiv="refresh" content="0;url=/articles" />

src/pages/articles/[year]/[month]/[day]/[slug].astro

@@ -4,7 +4,6 @@ import BaseLayout from "@/layouts/base.astro";
 import ContentLayout from "@/layouts/content.astro";
 import ArticleHeader from "../../../_components/article-header.astro";
 import Giscus from "@/components/elements/giscus.astro";
-import Toc from "@/components/elements/toc.astro";
 import NewsCard from "@/components/cards/newsCard.astro";
 import { SITE } from "@/lib/config";