@@ -6,6 +6,17 @@ import type {
66 DocumentTableRecord ,
77 DocumentTableViewCards ,
88} from '@gitbook/api' ;
9+ 10+ /**
11+ * Cover value can be either a direct ContentRef or an object with objectFit and ref
12+ */
13+ export type CoverValue =
14+ | ContentRefFile
15+ | ContentRefURL
16+ | {
17+ objectFit : string ;
18+ ref : ContentRefFile | ContentRefURL ;
19+ } ;
920import assertNever from 'assert-never' ;
1021
1122/**
@@ -21,51 +32,69 @@ export function getRecordValue<T extends number | string | boolean | string[] |
2132
2233/**
2334 * Get the covers for a record card.
24- * Returns both the light and dark covers.
35+ * Returns both the light and dark covers with their content refs and optional object fit .
2536 * The light cover is a string or a content ref (image or files column type).
2637 * The dark cover is a content ref (image column type).
2738 */
2839export function getRecordCardCovers (
2940 record : DocumentTableRecord ,
3041 view : DocumentTableViewCards
31- ) : { [ key in 'light' | 'dark' ] : ContentRefFile | ContentRefURL | null } {
42+ ) : {
43+ [ key in 'light' | 'dark' ] : {
44+ contentRef : ContentRefFile | ContentRefURL | null ;
45+ objectFit ?: string ;
46+ } ;
47+ } {
3248 return {
3349 light : ( ( ) => {
3450 if ( ! view . coverDefinition ) {
35- return null ;
51+ return { contentRef : null } ;
3652 }
3753
38- const value = getRecordValue ( record , view . coverDefinition ) as
39- | ContentRefFile
40- | ContentRefURL
41- | string [ ] ;
54+ const value = getRecordValue ( record , view . coverDefinition ) as CoverValue | string [ ] ;
4255
4356 if ( Array . isArray ( value ) ) {
4457 if ( value . length === 0 ) {
45- return null ;
58+ return { contentRef : null } ;
4659 }
4760
4861 if ( typeof value [ 0 ] === 'string' ) {
49- return { kind : 'file' , file : value [ 0 ] } ;
62+ return { contentRef : { kind : 'file' , file : value [ 0 ] } } ;
5063 }
5164 }
5265
53- return value as ContentRefFile | ContentRefURL ;
66+ // Check if it's the new schema with objectFit
67+ if ( value && typeof value === 'object' && 'ref' in value && 'objectFit' in value ) {
68+ return {
69+ contentRef : value . ref ,
70+ objectFit : value . objectFit ,
71+ } ;
72+ }
73+ 74+ // It's a direct ContentRef
75+ return { contentRef : value as ContentRefFile | ContentRefURL } ;
5476 } ) ( ) ,
5577 dark : ( ( ) => {
5678 if ( ! view . coverDefinitionDark ) {
57- return null ;
79+ return { contentRef : null } ;
5880 }
5981
60- const value = getRecordValue ( record , view . coverDefinitionDark ) as
61- | ContentRefFile
62- | ContentRefURL ;
82+ const value = getRecordValue ( record , view . coverDefinitionDark ) as CoverValue ;
6383
6484 if ( ! value ) {
65- return null ;
85+ return { contentRef : null } ;
86+ }
87+ 88+ // Check if it's the new schema with objectFit
89+ if ( typeof value === 'object' && 'ref' in value && 'objectFit' in value ) {
90+ return {
91+ contentRef : value . ref ,
92+ objectFit : value . objectFit ,
93+ } ;
6694 }
6795
68- return value ;
96+ // It's a direct ContentRef
97+ return { contentRef : value as ContentRefFile | ContentRefURL } ;
6998 } ) ( ) ,
7099 } ;
71100}
0 commit comments