Merge branch 'main' into 825-image-size

Author: w3bdesign

DOCS/repository_context.txt

@@ -13,6 +13,7 @@ The content is organized as follows:
 1. This summary section
 2. Repository information
 3. Directory structure
+4. Repository files (if enabled)
 4. Multiple file entries, each consisting of:
   a. A header with the file path (## File: path/to/file)
   b. The full contents of the file in a code block
@@ -8420,6 +8421,37 @@ tsconfig.json
 34: });
 ````
 
+## File: src/hooks/useClickOutside.ts
+````typescript
+ 1: import { useEffect, RefObject } from "react";
+ 2: /**
+ 3:  * Hook that handles clicks outside of the passed ref element
+ 4:  * @param ref - React ref object for the element to monitor
+ 5:  * @param callback - Function to call when a click outside occurs
+ 6:  */
+ 7: const useClickOutside = (
+ 8:   ref: RefObject<HTMLElement | null>,
+ 9:   callback: () => void
+10: ): void => {
+11:   useEffect(() => {
+12:     const handleClick = (event: MouseEvent | TouchEvent) => {
+13:       if (ref.current && !ref.current.contains(event.target as Node)) {
+14:         callback();
+15:       }
+16:     };
+17:     // Add event listeners
+18:     document.addEventListener("mousedown", handleClick);
+19:     document.addEventListener("touchend", handleClick);
+20:     // Cleanup function
+21:     return () => {
+22:       document.removeEventListener("mousedown", handleClick);
+23:       document.removeEventListener("touchend", handleClick);
+24:     };
+25:   }, [ref, callback]); // Re-run effect if ref or callback changes
+26: };
+27: export default useClickOutside;
+````
+
 ## File: src/hooks/useMobile.tsx
 ````typescript
  1: import { useState, useEffect } from "react";
@@ -13213,45 +13245,6 @@ tsconfig.json
 21: SOFTWARE.
 ````
 
-## File: lighthouserc.json
-````json
- 1: {
- 2:   "ci": {
- 3:     "collect": {
- 4:       "numberOfRuns": 1,
- 5:       "url": [
- 6:         "http://localhost:3000/",
- 7:         "http://localhost:3000/cv",
- 8:         "http://localhost:3000/prosjekter",
- 9:         "http://localhost:3000/kontakt"
-10:       ],
-11:       "port": 3000,
-12:       "settings": {
-13:         "onlyCategories": [
-14:           "performance",
-15:           "accessibility",
-16:           "best-practices",
-17:           "seo"
-18:         ],
-19:         "skipAudits": ["uses-http2"]
-20:       }
-21:     },
-22:     "upload": {
-23:       "target": "temporary-public-storage"
-24:     },
-25:     "assert": {
-26:       "assertions": {
-27:         "categories:performance": ["warn", { "minScore": 0.6 }],
-28:         "categories:accessibility": ["warn", { "minScore": 0.9 }],
-29:         "categories:best-practices": ["warn", { "minScore": 0.9 }],
-30:         "categories:seo": ["warn", { "minScore": 0.9 }],
-31:         "uses-http2": "off"
-32:       }
-33:     }
-34:   }
-35: }
-````
-
 ## File: next.config.ts
 ````typescript
  1: import type { NextConfig } from "next";
@@ -14502,37 +14495,6 @@ tsconfig.json
 48: }
 ````
 
-## File: src/hooks/useClickOutside.ts
-````typescript
- 1: import { useEffect, RefObject } from "react";
- 2: /**
- 3:  * Hook that handles clicks outside of the passed ref element
- 4:  * @param ref - React ref object for the element to monitor
- 5:  * @param callback - Function to call when a click outside occurs
- 6:  */
- 7: const useClickOutside = (
- 8:   ref: RefObject<HTMLElement | null>,
- 9:   callback: () => void
-10: ): void => {
-11:   useEffect(() => {
-12:     const handleClick = (event: MouseEvent | TouchEvent) => {
-13:       if (ref.current && !ref.current.contains(event.target as Node)) {
-14:         callback();
-15:       }
-16:     };
-17:     // Add event listeners
-18:     document.addEventListener("mousedown", handleClick);
-19:     document.addEventListener("touchend", handleClick);
-20:     // Cleanup function
-21:     return () => {
-22:       document.removeEventListener("mousedown", handleClick);
-23:       document.removeEventListener("touchend", handleClick);
-24:     };
-25:   }, [ref, callback]); // Re-run effect if ref or callback changes
-26: };
-27: export default useClickOutside;
-````
-
 ## File: src/utils/eslint/package.json
 ````json
  1: {
@@ -14556,6 +14518,46 @@ tsconfig.json
 19: }
 ````
 
+## File: lighthouserc.json
+````json
+ 1: {
+ 2:   "ci": {
+ 3:     "collect": {
+ 4:       "numberOfRuns": 1,
+ 5:       "url": [
+ 6:         "http://localhost:3000/",
+ 7:         "http://localhost:3000/cv",
+ 8:         "http://localhost:3000/prosjekter",
+ 9:         "http://localhost:3000/kontakt"
+10:       ],
+11:       "port": 3000,
+12:       "settings": {
+13:         "onlyCategories": [
+14:           "performance",
+15:           "accessibility",
+16:           "best-practices",
+17:           "seo"
+18:         ],
+19:         "skipAudits": ["uses-http2"]
+20:       }
+21:     },
+22:     "upload": {
+23:       "target": "temporary-public-storage"
+24:     },
+25:     "assert": {
+26:       "assertions": {
+27:         "categories:performance": ["warn", { "minScore": 0.6 }],
+28:         "categories:accessibility": ["warn", { "minScore": 0.9 }],
+29:         "categories:best-practices": ["warn", { "minScore": 0.9 }],
+30:         "categories:seo": ["warn", { "minScore": 0.9 }],
+31:         "uses-responsive-images": ["error", { "maxWastedBytes": 102400 }],
+32:         "uses-http2": "off"
+33:       }
+34:     }
+35:   }
+36: }
+````
+
 ## File: src/components/Layout/MobileMenu.component.tsx
 ````typescript
   1: "use client";
@@ -15073,7 +15075,7 @@ tsconfig.json
 35:     "cookie": ">=1.0.2",
 36:     "envalid": "^8.0.0",
 37:     "jest": "^29.7.0",
-38:     "motion": "^12.8.0",
+38:     "motion": "^12.9.1",
 39:     "next": "15.3.1",
 40:     "next-sanity": "^9.10.2",
 41:     "path-to-regexp": "^8.2.0",

package.json

@@ -35,7 +35,7 @@
     "cookie": ">=1.0.2",
     "envalid": "^8.0.0",
     "jest": "^29.7.0",
-    "motion": "^12.8.0",
+    "motion": "^12.9.1",
     "next": "15.3.1",
     "next-sanity": "^9.10.2",
     "path-to-regexp": "^8.2.0",