@cedgetec-utils/astro-components 1.7.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedgetec-utils/astro-components",
-  "version": "1.7.0",
+  "version": "1.10.0",
   "keywords": [
     "astro-component"
   ],
@@ -13,19 +13,15 @@
     ".": "./src/components/index.ts",
     "./libs": "./src/libs/index.ts"
   },
-  "scripts": {
-    "lint": "oxlint",
-    "format": "oxfmt"
-  },
   "dependencies": {
-    "astro": "^6.0.2"
+    "astro": "^6.4.7"
   },
   "devDependencies": {
-    "oxfmt": "^0.38.0",
-    "oxlint": "^1.53.0",
-    "typescript": "^5.9.3"
+    "oxfmt": "^0.55.0",
+    "oxlint": "^1.70.0",
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "astro": "^6.0.2"
+    "astro": "^6.4.7"
   }
 }

package/src/components/Head.astro

@@ -24,19 +24,25 @@ const title =
 
 const ogTitle = slug === "" ? props.siteName : `${props.title}`;
 
-const iconLight = await getImage({
-  src: props.icons.light,
-  width: 48,
-  height: 48,
-  fit: "contain",
-});
+// Common favicon / PWA icon sizes.
+const faviconSizes = [16, 32, 48, 96, 192, 512];
 
-const iconDark = await getImage({
-  src: props.icons.dark,
-  width: 48,
-  height: 48,
-  fit: "contain",
-});
+const buildIcons = (src: string | ImageMetadata) =>
+  Promise.all(
+    faviconSizes.map(async (size) => ({
+      size,
+      image: await getImage({
+        src,
+        width: size,
+        height: size,
+        fit: "contain",
+        format: "png",
+      }),
+    })),
+  );
+
+const iconsLight = await buildIcons(props.icons.light);
+const iconsDark = await buildIcons(props.icons.dark);
 
 const openGraphImage = props.image
   ? await getImage({
@@ -51,9 +57,43 @@ const openGraphImage = props.image
   <meta charset="UTF-8" />
   <title>{title}</title>
 
-  <link rel="icon" href={iconDark.src} />
-  <link rel="icon" href={iconLight.src} media="(prefers-color-scheme:dark)" />
-  <link rel="icon" href={iconDark.src} media="(prefers-color-scheme:light)" />
+  {/* Default fallback icons (used when prefers-color-scheme is unsupported) */}
+  {
+    iconsDark.map(({ size, image }) => (
+      <link
+        rel="icon"
+        type="image/png"
+        sizes={`${size}x${size}`}
+        href={image.src}
+      />
+    ))
+  }
+
+  {/* Light-colored icons for dark UI */}
+  {
+    iconsLight.map(({ size, image }) => (
+      <link
+        rel="icon"
+        type="image/png"
+        sizes={`${size}x${size}`}
+        href={image.src}
+        media="(prefers-color-scheme:dark)"
+      />
+    ))
+  }
+
+  {/* Dark-colored icons for light UI */}
+  {
+    iconsDark.map(({ size, image }) => (
+      <link
+        rel="icon"
+        type="image/png"
+        sizes={`${size}x${size}`}
+        href={image.src}
+        media="(prefers-color-scheme:light)"
+      />
+    ))
+  }
 
   <meta name="generator" content={Astro.generator} />
   <meta name="view-transition" content="same-origin" />
@@ -75,4 +115,4 @@ const openGraphImage = props.image
   {props.type && <meta property="og:type" content={props.type} />}
   {openGraphImage && <meta property="og:image" content={openGraphImage.src} />}
   <slot />
-</head>
+</head>

package/src/libs/directus.ts

@@ -1,4 +1,4 @@
-import type { ZodObject, ZodRawShape, ZodSchema } from "astro/zod"
+import type { ZodObject, ZodRawShape, ZodType } from "astro/zod"
 import { defineCollection } from "astro:content"
 import { z } from "astro/zod"
 
@@ -32,20 +32,20 @@ async function fetchWithRetry(
   }
 }
 
-function getZodSchemaPaths(schema: ZodSchema, prefix = ""): string[] {
+function getZodSchemaPaths(schema: ZodType, prefix = ""): string[] {
   const paths: string[] = []
 
-  // Unwrap optional, nullable, and effects (transforms, refinements, etc.)
-  let unwrapped = schema
+  // Unwrap optional, nullable, and pipe/transform
+  let unwrapped: ZodType = schema
   while (
     unwrapped instanceof z.ZodOptional ||
     unwrapped instanceof z.ZodNullable ||
-    unwrapped instanceof z.ZodEffects
+    unwrapped instanceof z.ZodPipe
   ) {
-    if (unwrapped instanceof z.ZodEffects) {
-      unwrapped = unwrapped._def.schema
+    if (unwrapped instanceof z.ZodPipe) {
+      unwrapped = unwrapped.def.in as ZodType
     } else {
-      unwrapped = unwrapped._def.innerType
+      unwrapped = unwrapped.def.innerType as ZodType
     }
   }
 
@@ -67,14 +67,14 @@ function getZodSchemaPaths(schema: ZodSchema, prefix = ""): string[] {
     }
   } // Handle ZodArray
   else if (unwrapped instanceof z.ZodArray) {
-    const elementSchema = unwrapped._def.type
+    const elementSchema = unwrapped.def.element as ZodType
     // Get paths from the array element schema without adding array indices
     const nestedPaths = getZodSchemaPaths(elementSchema, prefix)
     paths.push(...nestedPaths)
   } // Handle ZodDiscriminatedUnion (for Directus M2A relationships)
   else if (unwrapped instanceof z.ZodDiscriminatedUnion) {
-    const discriminator = unwrapped._def.discriminator as string
-    const options = unwrapped._def.options as z.ZodObject<any>[]
+    const discriminator = unwrapped.def.discriminator as string
+    const options = unwrapped.def.options as z.ZodObject<any>[]
 
     // Always include the discriminator field
     paths.push(prefix ? `${prefix}.${discriminator}` : discriminator)
@@ -85,7 +85,7 @@ function getZodSchemaPaths(schema: ZodSchema, prefix = ""): string[] {
       let discriminatorValue: string | undefined
       const discriminatorSchema = shape[discriminator]
       if (discriminatorSchema instanceof z.ZodLiteral) {
-        discriminatorValue = discriminatorSchema._def.value as string
+        discriminatorValue = discriminatorSchema.def.values[0] as string
       }
 
       // Process other fields in this variant