Merge pull request #29 from dvdsgl/fix-missing-format

Sometimes ContentValueType values do not have a format

Author: tobiaslins

Diff for: src/block.tsx

@@ -247,7 +247,11 @@ export const Block: React.FC<Block> = props => {
       return (
         <figure
           className="notion-asset-wrapper"
-          style={{ width: value.format.block_width }}
+          style={
+            value.format !== undefined
+              ? { width: value.format.block_width }
+              : undefined
+          }
         >
           <Asset block={block} mapImageUrl={mapImageUrl} />
 

Diff for: src/components/asset.tsx

@@ -16,11 +16,11 @@ const Asset: React.FC<{
 
   const format = value.format;
   const {
-    display_source,
-    block_aspect_ratio,
-    block_height,
-    block_width
-  } = format;
+    display_source = undefined,
+    block_aspect_ratio = undefined,
+    block_height = 1,
+    block_width = 1
+  } = format ?? {};
 
   const aspectRatio = block_aspect_ratio || block_height / block_width;
 

Diff for: src/types.ts

@@ -196,7 +196,7 @@ export interface ContentValueType extends BaseValueType {
     source: string[][];
     caption?: DecorationType[];
   };
-  format: {
+  format?: {
     block_width: number;
     block_height: number;
     display_source: string;