@drawnagency/primitives 0.1.38 → 0.1.40

package/src/media/videoPoster.ts

@@ -5,21 +5,46 @@ export function generateVideoPoster(
   return new Promise((resolve, reject) => {
     const video = document.createElement("video");
     const url = URL.createObjectURL(blob);
-    video.muted = true;
-    video.preload = "auto";
-    video.src = url;
+    let settled = false;
 
     const cleanup = () => {
+      clearTimeout(timeoutId);
       URL.revokeObjectURL(url);
       video.removeAttribute("src");
       video.load();
     };
 
+    const safeReject = (err: Error) => {
+      if (settled) return;
+      settled = true;
+      cleanup();
+      reject(err);
+    };
+
+    const timeoutId = setTimeout(() => {
+      safeReject(new Error("Video poster generation timed out"));
+    }, 10_000);
+
+    video.addEventListener("error", () => {
+      safeReject(new Error("Failed to load video for poster generation"));
+    }, { once: true });
+
+    video.muted = true;
+    video.preload = "auto";
+    video.src = url;
+
     video.addEventListener("loadeddata", () => {
       video.addEventListener("seeked", () => {
+        if (settled) return;
         try {
           const w = video.videoWidth;
           const h = video.videoHeight;
+
+          if (w === 0 || h === 0) {
+            safeReject(new Error("Video dimensions not available"));
+            return;
+          }
+
           const canvas = document.createElement("canvas");
           canvas.width = w;
           canvas.height = h;
@@ -27,6 +52,8 @@ export function generateVideoPoster(
           ctx.drawImage(video, 0, 0);
           canvas.toBlob(
             (posterBlob) => {
+              if (settled) return;
+              settled = true;
               cleanup();
               if (!posterBlob) {
                 reject(new Error("Failed to create poster blob"));
@@ -38,16 +65,10 @@ export function generateVideoPoster(
             quality / 100,
           );
         } catch (err) {
-          cleanup();
-          reject(err);
+          safeReject(err instanceof Error ? err : new Error(String(err)));
         }
       }, { once: true });
       video.currentTime = isFinite(video.duration) ? Math.min(0.1, video.duration / 2) : 0;
     }, { once: true });
-
-    video.addEventListener("error", () => {
-      cleanup();
-      reject(new Error("Failed to load video for poster generation"));
-    }, { once: true });
   });
 }

package/src/schemas/site-config.ts

@@ -20,8 +20,12 @@ export const IndexSchema = z.object({
   sections: z.record(z.string(), SectionMetaSchema),
   lastModified: z.string().nullable().optional(),
 }).refine(
-  (data) => data.order.every((id) => id in data.sections),
-  { message: "All order entries must have a corresponding section in sections" }
+  (data) => {
+    const orderSet = new Set(data.order);
+    return data.order.every((id) => id in data.sections) &&
+      Object.keys(data.sections).every((key) => orderSet.has(key));
+  },
+  { message: "Every id in order must have a sections entry and vice versa" }
 );
 
 export type SiteIndex = z.infer<typeof IndexSchema>;
@@ -33,6 +37,7 @@ export const SiteConfigSchema = z.object({
   darkMode: z.enum(["light", "dark", "optional"]).default("light"),
   headingFont: z.string().default("system-ui"),
   bodyFont: z.string().default("system-ui"),
+  uppercaseHeadings: z.boolean().default(true),
   googleFontsUrl: z.string()
     .refine(url => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL")
     .nullable()