fix: resolve all svelte-check and SSR build errors after SDK migration

Author: sherifhanna-google

package.json

@@ -154,6 +154,7 @@
     "svelte-css-vars": "^0.0.3",
     "svelte-focus-trap": "^1.2.0",
     "svelte-i18n": "^3.7.4",
+    "intl-messageformat": "9.13.0",
     "svelte-meta-tags": "^3.0.4",
     "svelte-modals": "^1.3.0",
     "tippy.js": "^6.3.7"

pnpm-lock.yaml

@@ -4,17 +4,13 @@
 <script lang="ts">
   import type { ClaimGeneratorDisplayInfo } from '$src/lib/asset';
 
-  interface DisposableBlobUrl {
-    url: string;
-    dispose: () => void;
-  }
   import { onMount } from 'svelte';
 
   export let generator: ClaimGeneratorDisplayInfo;
   let iconUrl: string | undefined;
 
   onMount(() => {
-    let dispose: DisposableBlobUrl['dispose'];
+    let dispose: () => void = () => {};
 
     if (generator.icon) {
       // The new SDK requires the active reader instance to fetch embedded resources.

src/components/EmbeddedIcon/EmbeddedIcon.svelte

@@ -146,7 +146,7 @@ export async function resultToAssetMap({
   dbg('Runtime validation statuses by manifest label', runtimeValidationStatuses);
 
   const activeManifestValidationResults =
-    manifestStore?.validation_results?.activeManifest;
+    manifestStore?.validation_results?.activeManifest ?? undefined;
 
   const rootValidationStatuses =
     runtimeValidationStatuses[activeManifestLabel] ?? [];
@@ -260,7 +260,7 @@ export async function resultToAssetMap({
       manifestData: await getManifestData(manifest, rootValidationResult),
       dataType: null,
       validationResult: rootValidationResult,
-      trustSource: (manifest as Manifest & { trust_source?: string }).trust_source || 'none',
+      trustSource: ((manifest as Manifest & { trust_source?: 'legacy' | 'none' | 'official' }).trust_source || 'none') as 'legacy' | 'none' | 'official',
     };
 
     if (thumbnail?.dispose) {
@@ -288,7 +288,7 @@ export async function resultToAssetMap({
     );
 
     const activeManifestValidationResults =
-      ingredient.validation_results?.activeManifest;
+      ingredient.validation_results?.activeManifest ?? undefined;
 
     let validationResult = selectValidationResult(
       ingredient.validation_status || [],
@@ -318,7 +318,7 @@ export async function resultToAssetMap({
       manifestData: await getManifestData(ingredientManifest, validationResult),
       dataType: getIngredientDataType(ingredient),
       validationResult,
-      trustSource: (ingredient as Ingredient & { trust_source?: string })?.trust_source || 'none',
+      trustSource: ((ingredient as Ingredient & { trust_source?: 'legacy' | 'none' | 'official' })?.trust_source || 'none') as 'legacy' | 'none' | 'official',
     };
 
     if (thumbnail?.dispose) {
@@ -338,9 +338,8 @@ export async function resultToAssetMap({
       return null;
     }
 
-    type ClaimGeneratorEntry = { name?: string; version?: string | null; icon?: Thumbnail | null };
-
-    function formattedGeneratorInfo(claim_generator: ClaimGeneratorEntry): ClaimGeneratorEntry {
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    function formattedGeneratorInfo(claim_generator: any): any {
       const version = claim_generator?.version;
       claim_generator.version = version?.replace(/\([^()]*\)/g, '');
 
@@ -384,9 +383,25 @@ export async function resultToAssetMap({
         );
 
         if (editsAndActivity) {
-          const actionsAssertion = manifest.assertions?.['c2pa.actions'] as { data?: { metadata?: Record<string, unknown> } } | undefined;
+          const assertions = manifest.assertions;
+
+          let actionsAssertion: unknown;
+
+          if (Array.isArray(assertions)) {
+            actionsAssertion = assertions.find(
+              (a): a is { label: string; data: unknown } =>
+                typeof a === 'object' &&
+                a !== null &&
+                'label' in a &&
+                typeof (a as Record<string, unknown>)['label'] === 'string' &&
+                (a as Record<string, unknown>)['label'] === 'c2pa.actions'
+            );
+          } else if (assertions && typeof assertions === 'object') {
+            actionsAssertion = (assertions as Record<string, unknown>)['c2pa.actions'];
+          }
+
           const hasInference =
-            !!actionsAssertion?.data?.metadata?.['com.adobe.inference'];
+            !!(actionsAssertion as { data?: { metadata?: Record<string, unknown> } })?.data?.metadata?.['com.adobe.inference'];
 
           const filteredEditsAndActivity = editsAndActivity.filter(
             (value) => !!value.label,

src/lib/asset.ts

@@ -302,12 +302,15 @@ function legacyManifestToCrJsonEntry(label: string, m: Record<string, unknown>):
   const validationResults = m.validation_results ?? m.validationResults;
   const validationStatus = m.validation_status ?? m.validationStatus;
 
-  return {
+  const entry: CrJsonManifestEntry = {
     label,
     assertions,
-    ...(claim && { claim: claim as Record<string, unknown> }),
-    ...(signature && { signature }),
-    ...(validationResults && { validationResults: validationResults as CrJsonValidationResults }),
-    ...(validationStatus && { validationStatus: validationStatus as Record<string, unknown> })
   }
+
+  if (claim) entry.claim = claim as Record<string, unknown>;
+  if (signature) entry.signature = signature;
+  if (validationResults) entry.validationResults = validationResults as CrJsonValidationResults;
+  if (validationStatus) entry.validationStatus = validationStatus as Record<string, unknown>;
+
+  return entry;
 }

src/lib/crjson.ts

@@ -28,11 +28,7 @@ export interface ExifTags {
   'exif:offsettimeoriginal'?: string;
 }
 
-declare module 'c2pa' {
-  interface ExtendedAssertions {
-    'stds.exif': ExifTags;
-  }
-}
+
 
 function findExifValue(exif: ExifTags, locations: string[]) {
   return (
@@ -203,8 +199,24 @@ export function parseDateTime(exif: ExifTags): Date | null {
 }
 
 export function selectExif(manifest: Manifest): ExifSummary | null {
-  const assertion = manifest.assertions?.['stds.exif'];
-  const exif: ExifTags = (Array.isArray(assertion) ? assertion : [assertion]).reduce(
+  const assertions = manifest.assertions;
+  let assertion: unknown;
+
+  if (Array.isArray(assertions)) {
+    assertion = assertions.find(
+      (a): a is { label: string; data: unknown } =>
+        typeof a === 'object' &&
+        a !== null &&
+        'label' in a &&
+        typeof (a as Record<string, unknown>)['label'] === 'string' &&
+        (a as Record<string, unknown>)['label'] === 'stds.exif'
+    );
+  } else if (assertions && typeof assertions === 'object') {
+    assertion = (assertions as Record<string, unknown>)['stds.exif'];
+  }
+
+  const assertionData = (assertion as { data?: unknown })?.data;
+  const exif: ExifTags = (Array.isArray(assertionData) ? assertionData : [assertionData]).reduce(
     (acc, exif) => {
       const caseInsensitiveData = mapKeys(exif?.data, (_, key) => {
         return key.toLowerCase();

src/lib/exif.ts

@@ -14,19 +14,40 @@ export interface AutoDubInfo {
 }
 
 export function selectAutoDubInfo(manifest: Manifest): AutoDubInfo | null {
-  const actionAssertion = manifest.assertions?.['c2pa.actions.v2'];
+  const assertions = manifest.assertions;
+  let actionAssertion: unknown;
+
+  if (Array.isArray(assertions)) {
+    actionAssertion = assertions.find(
+      (a): a is { label: string; data: unknown } =>
+        typeof a === 'object' &&
+        a !== null &&
+        'label' in a &&
+        typeof (a as Record<string, unknown>)['label'] === 'string' &&
+        (a as Record<string, unknown>)['label'] === 'c2pa.actions.v2'
+    );
+  } else if (assertions && typeof assertions === 'object') {
+    actionAssertion = (assertions as Record<string, unknown>)['c2pa.actions.v2'];
+  }
 
   if (!actionAssertion) {
     return null;
   }
 
-  const dubbedAction = actionAssertion.data.actions.find(
+  type ActionItem = { 
+    action: string; 
+    changes?: Array<{ region?: Array<{ type?: string; item?: { value?: string } }> }>;
+    parameters?: unknown;
+  };
+  type ActionsAssertion = { data?: { actions?: ActionItem[] } };
+
+  const dubbedAction = (actionAssertion as ActionsAssertion).data?.actions?.find(
     ({ action }) => action === 'c2pa.dubbed',
   );
-  const translatedAction = actionAssertion.data.actions.find(
+  const translatedAction = (actionAssertion as ActionsAssertion).data?.actions?.find(
     ({ action }) => action === 'c2pa.translated',
   );
-  const editedAction = actionAssertion.data.actions.find(
+  const editedAction = (actionAssertion as ActionsAssertion).data?.actions?.find(
     ({ action }) => action === 'c2pa.edited',
   );
 
@@ -36,15 +57,15 @@ export function selectAutoDubInfo(manifest: Manifest): AutoDubInfo | null {
     )?.region;
     const dubbedIdentified = dubbedRegionOfInterest?.find(
       (region: Record<string, unknown>) => region.type === 'identified',
-    )?.item.value;
+    )?.item?.value;
     const hasLipsRoi = dubbedIdentified === 'lips';
 
     const editedRegionOfInterest = editedAction?.changes?.find(
       (change) => !!change?.region,
     )?.region;
     const editedIdentified = editedRegionOfInterest?.find(
       (region: Record<string, unknown>) => region.type === 'identified',
-    )?.item.value;
+    )?.item?.value;
     const hasTranscriptRoi = editedIdentified === 'transcript';
 
     const translatedLanguageData = translatedAction?.parameters ?? null;