Fix code lint errors

Author: webstackdev

@types/astro-vtbot.d.ts

@@ -5,6 +5,6 @@ declare module 'astro-vtbot' {
     [key: string]: unknown
   }
 
-  const vtbot: (options?: VtbotOptions) => AstroIntegration
+  const vtbot: (_options?: VtbotOptions) => AstroIntegration
   export default vtbot
 }

@types/jsx.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-
-// Make JSX namespace available globally for MDX compatibility
-// This fixes the "Cannot find namespace 'JSX'" error from @types/mdx
-/* eslint-disable-next-line no-restricted-imports */
+/**
+ * Make JSX namespace available globally for MDX compatibility
+ * This fixes the "Cannot find namespace 'JSX'" error from `@types/mdx`
+ */
 import * as React from 'react'
 
 declare global {

@types/unstorage/index.d.ts

@@ -1,34 +1,34 @@
 declare module 'unstorage' {
-  const createStorage: any
+  const createStorage: unknown
   export default createStorage
 }
 
 declare module 'unstorage/*' {
-  const driver: any
+  const driver: unknown
   export default driver
 }
 
 declare module 'unstorage/*.mjs' {
-  const driver: any
+  const driver: unknown
   export default driver
 }
 
 declare module 'unstorage/drivers' {
-  const driver: any
+  const driver: unknown
   export default driver
 }
 
 declare module 'unstorage/drivers/*' {
-  const driver: any
+  const driver: unknown
   export default driver
 }
 
 declare module 'unstorage/drivers/*.mjs' {
-  const driver: any
+  const driver: unknown
   export default driver
 }
 
 declare module 'unstorage/drivers/utils/*' {
-  const driver: any
+  const driver: unknown
   export default driver
 }

src/components/Avatar/server/avatarImports.ts

@@ -3,7 +3,6 @@ import type { ImageMetadata } from 'astro'
 export type AvatarModuleMap = Record<string, ImageMetadata>
 
 export const loadAvatarModules = (): AvatarModuleMap =>
-  /* eslint-disable-next-line no-restricted-syntax -- rule to forbid import.meta.env is not granular enough to allow .glob */
   import.meta.glob('../../assets/images/avatars/*.{webp,jpg,png}', {
     eager: true,
     import: 'default',

src/components/Consent/Checkbox/client/index.ts

@@ -20,7 +20,7 @@ export class ConsentCheckboxElement extends HTMLElement {
   private form: HTMLFormElement | null = null
   private consentUnsubscribe: (() => void) | null = null
   private changeHandler: (() => void) | null = null
-  private submitHandler: ((event: SubmitEvent) => void) | null = null
+  private submitHandler: ((_event: SubmitEvent) => void) | null = null
   private componentPurpose = ''
   private componentFormId: string | undefined
 

src/components/Forms/Download/client/__tests__/selectors.spec.ts

@@ -41,7 +41,7 @@ const removeElementById = (root: Document | Element, id: string) => {
 const replaceElementWith = (
   root: Document | Element,
   id: string,
-  createNode: (doc: Document) => HTMLElement,
+  createNode: (_doc: Document) => HTMLElement,
 ) => {
   const doc = resolveDocument(root)
   const original = doc.querySelector<HTMLElement>(`#${id}`)

src/components/Test/index.astro

@@ -14,7 +14,7 @@ const { content } = Astro.props
 
 // Parse and render the markdown using Astro's built-in capabilities
 // This ensures we're testing the actual markdown pipeline as configured
-const { Content } = await (async () => {
+const processMarkdown = async () => {
   // For testing, we'll use Astro's markdown rendering directly
   const { remark } = await import('remark')
   const { default: remarkGfm } = await import('remark-gfm')
@@ -47,10 +47,7 @@ const { Content } = await (async () => {
 
   // Import configs
   const configModule = await import('../../lib/config/markdown')
-  const { remarkAttributesConfig, remarkTocConfig, rehypeAutolinkHeadingsConfig, remarkRehypeConfig } =
-    configModule
-
-  /* eslint-enable import/no-restricted-paths */
+  const { remarkAttributesConfig, remarkTocConfig, rehypeAutolinkHeadingsConfig, remarkRehypeConfig } = configModule
 
   // Process markdown through the full pipeline
   const processor = remark()
@@ -70,12 +67,10 @@ const { Content } = await (async () => {
     .use(rehypeStringify)
 
   const result = await processor.process(content)
-  const html = String(result)
-
-  return { Content: () => html }
-})()
+  return String(result)
+}
 
-const html = Content()
+const html = await processMarkdown()
 ---
 
 <article class="markdown-content" data-testid="markdown-output">

src/components/scripts/store/__tests__/consent.spec.ts

@@ -293,7 +293,7 @@ describe('Consent side effects', () => {
     modal.id = 'consent-modal-id'
     document.body.appendChild(modal)
 
-    let visibilityListener: ((visible: boolean) => void) | undefined
+    let visibilityListener: ((_visible: boolean) => void) | undefined
     vi.spyOn($isConsentBannerVisible, 'subscribe').mockImplementation((listener) => {
       visibilityListener = listener
       return () => {}
@@ -318,7 +318,7 @@ describe('Consent side effects', () => {
     vi.stubGlobal('fetch', fetchSpy)
 
     let consentListener:
-      | ((state: ConsentState, oldState?: ConsentState) => Promise<void> | void)
+      | ((_state: ConsentState, _oldState?: ConsentState) => Promise<void> | void)
       | undefined
     vi.spyOn($consent, 'subscribe').mockImplementation((listener) => {
       consentListener = listener
@@ -362,7 +362,7 @@ describe('Consent side effects', () => {
   })
 
   it('deletes the data subject id when functional consent is revoked', () => {
-    let functionalListener: ((hasConsent: boolean) => void) | undefined
+    let functionalListener: ((_hasConsent: boolean) => void) | undefined
     vi.spyOn($hasFunctionalConsent, 'subscribe').mockImplementation((listener) => {
       functionalListener = listener
       return () => {}
@@ -383,7 +383,7 @@ describe('Consent side effects', () => {
   })
 
   it('updates the Sentry consent context when analytics consent changes', async () => {
-    let analyticsListener: ((hasConsent: boolean) => void) | undefined
+    let analyticsListener: ((_hasConsent: boolean) => void) | undefined
     vi.spyOn($hasAnalyticsConsent, 'subscribe').mockImplementation((listener) => {
       analyticsListener = listener
       return () => {}

src/components/scripts/store/__tests__/socialEmbeds.spec.ts

@@ -107,8 +107,10 @@ describe('Embed Cache Management', () => {
 
   it('should expose cache state getters and setters', () => {
     const state = {
+      /* eslint-disable camelcase */
       entry_a: { data: { html: 'A' }, timestamp: 0, ttl: 1000 },
       entry_b: { data: { html: 'B' }, timestamp: 0, ttl: 1000 },
+      /* eslint-enable camelcase */
     }
 
     setEmbedCacheState(state)

src/components/scripts/store/__tests__/themes.spec.ts

@@ -194,7 +194,7 @@ describe('themeKeyChangeSideEffectsListener', () => {
     document.head.appendChild(meta)
     ;(window as ThemeTestWindow).metaColors = { dark: '#000000' }
 
-    let listener: ((themeId: ThemeId) => void) | undefined
+    let listener: ((_themeId: ThemeId) => void) | undefined
     const listenSpy = vi
       .spyOn($theme, 'listen')
       .mockImplementation((callback: (themeId: ThemeId) => void) => {