Redesigned homepage

Author: ofriw

website/docusaurus.config.ts

@@ -176,14 +176,14 @@ const config: Config = {
           type: 'doc',
           docId: 'index',
           position: 'left',
-          label: 'Prompts',
+          label: 'Prompt Library',
           docsPluginId: 'prompts',
         },
         {
           type: 'doc',
           docId: 'cli-coding-agents',
           position: 'left',
-          label: 'Developer Tools',
+          label: 'Toolbox',
           docsPluginId: 'developer-tools',
         },
         {

website/src/components/LessonAudioPlayer.tsx

@@ -49,7 +49,7 @@ export default function LessonAudioPlayer(): React.ReactElement | null {
         }
 
         setIsLoading(false);
-      } catch (error) {
+      } catch {
         setIsLoading(false);
       }
     }

website/src/components/PresentationMode/PresentationToggle.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useCallback, lazy, Suspense } from 'react';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './PresentationToggle.module.css';
+import type { PresentationData } from './RevealSlideshow';
 
 // Lazy load RevealSlideshow to avoid bundling Reveal.js for all users
 const RevealSlideshow = lazy(() => import('./RevealSlideshow'));
@@ -9,9 +10,13 @@ interface PresentationToggleProps {
   lessonPath: string;
 }
 
-export default function PresentationToggle({ lessonPath }: PresentationToggleProps) {
+export default function PresentationToggle({
+  lessonPath,
+}: PresentationToggleProps) {
   const [isOpen, setIsOpen] = useState(false);
-  const [presentation, setPresentation] = useState<any>(null);
+  const [presentation, setPresentation] = useState<PresentationData | null>(
+    null
+  );
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [hasPresentation, setHasPresentation] = useState(false);
@@ -27,7 +32,7 @@ export default function PresentationToggle({ lessonPath }: PresentationTogglePro
           // Check if this lesson has a presentation
           setHasPresentation(!!manifest[lessonPath]);
         }
-      } catch (err) {
+      } catch {
         // Manifest doesn't exist yet, hide button
         setHasPresentation(false);
       }
@@ -42,7 +47,9 @@ export default function PresentationToggle({ lessonPath }: PresentationTogglePro
 
     try {
       // Load manifest to get presentation URL
-      const manifestResponse = await fetch(`${baseUrl}presentations/manifest.json`);
+      const manifestResponse = await fetch(
+        `${baseUrl}presentations/manifest.json`
+      );
       if (!manifestResponse.ok) {
         throw new Error('Presentation manifest not found');
       }
@@ -55,7 +62,9 @@ export default function PresentationToggle({ lessonPath }: PresentationTogglePro
       }
 
       // Load presentation data
-      const presentationResponse = await fetch(`${baseUrl.replace(/\/$/, '')}${lessonData.presentationUrl}`);
+      const presentationResponse = await fetch(
+        `${baseUrl.replace(/\/$/, '')}${lessonData.presentationUrl}`
+      );
       if (!presentationResponse.ok) {
         throw new Error('Failed to load presentation');
       }
@@ -126,7 +135,11 @@ export default function PresentationToggle({ lessonPath }: PresentationTogglePro
       )}
 
       {isOpen && presentation && (
-        <Suspense fallback={<div className={styles.loadingOverlay}>Loading presentation...</div>}>
+        <Suspense
+          fallback={
+            <div className={styles.loadingOverlay}>Loading presentation...</div>
+          }
+        >
           <RevealSlideshow
             presentation={presentation}
             onClose={() => {

website/src/components/PresentationMode/RevealSlideshow.tsx

@@ -67,7 +67,7 @@ interface Slide {
   speakerNotes?: SpeakerNotes;
 }
 
-interface PresentationData {
+export interface PresentationData {
   metadata: {
     title: string;
     lessonId: string;

website/src/components/PresentationMode/types.ts

@@ -137,7 +137,7 @@ export interface ScalableVisualProps extends PresentationAwareProps {
  * ```
  */
 export function isPresentationAware(
-  props: any
+  props: unknown
 ): props is PresentationAwareProps {
   return props !== null && typeof props === 'object';
 }

website/src/components/VisualElements/UShapeAttentionCurve.tsx

@@ -161,7 +161,7 @@ export default function UShapeAttentionCurve({
         cancelAnimationFrame(animationFrameRef.current);
       }
     };
-  }, [curvePath]);
+  }, [curvePath, endX, middleX]);
 
   // Area fill path (curve + bottom edge for filled area)
   // Use animatedEndX to keep the right edge synchronized during transitions

website/src/docusaurus-theme.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Ambient type declarations for Docusaurus @theme/* modules.
+ * These modules are generated at build time by Docusaurus and don't have
+ * static type definitions available to TSC.
+ */
+
+declare module '@theme/DocItem/Paginator' {
+  import type { ComponentType } from 'react';
+  const DocItemPaginator: ComponentType;
+  export default DocItemPaginator;
+}
+
+declare module '@theme/DocVersionBanner' {
+  import type { ComponentType } from 'react';
+  const DocVersionBanner: ComponentType;
+  export default DocVersionBanner;
+}
+
+declare module '@theme/DocVersionBadge' {
+  import type { ComponentType } from 'react';
+  const DocVersionBadge: ComponentType;
+  export default DocVersionBadge;
+}
+
+declare module '@theme/DocItem/Footer' {
+  import type { ComponentType } from 'react';
+  const DocItemFooter: ComponentType;
+  export default DocItemFooter;
+}
+
+declare module '@theme/DocItem/TOC/Mobile' {
+  import type { ComponentType } from 'react';
+  const DocItemTOCMobile: ComponentType;
+  export default DocItemTOCMobile;
+}
+
+declare module '@theme/DocItem/TOC/Desktop' {
+  import type { ComponentType } from 'react';
+  const DocItemTOCDesktop: ComponentType;
+  export default DocItemTOCDesktop;
+}
+
+declare module '@theme/DocBreadcrumbs' {
+  import type { ComponentType } from 'react';
+  const DocBreadcrumbs: ComponentType;
+  export default DocBreadcrumbs;
+}
+
+declare module '@theme/ContentVisibility' {
+  import type { ComponentType } from 'react';
+  import type { DocMetadata } from '@docusaurus/plugin-content-docs';
+  interface ContentVisibilityProps {
+    metadata: DocMetadata;
+  }
+  const ContentVisibility: ComponentType<ContentVisibilityProps>;
+  export default ContentVisibility;
+}
+
+declare module '@theme/DocItem/Layout' {
+  import type { ReactNode } from 'react';
+  export interface Props {
+    children: ReactNode;
+  }
+}