Merge pull request #9 from 10up/feature/wide-view-support

Modify the embed default size for the case of Figma Embed blocks to allow supporting wide view using the native aspect ratio classes provided by the editor

includes/FigmaBlock/Block.php

@@ -24,6 +24,7 @@ public function setup() {
 
 		add_action( 'enqueue_block_editor_assets', [ $this, 'block_editor_assets' ] );
 		add_filter( 'rest_request_after_callbacks', [ $this, 'filter_rest_request_after_callbacks' ], 10, 3 );
+		add_filter( 'embed_defaults', [ $this, 'embed_defaults_for_figma_block' ], 10, 2 );
 	}
 
 	/**
@@ -105,4 +106,30 @@ public function filter_rest_request_after_callbacks( $response, array $handler,
 
 		return $response;
 	}
+
+	/**
+	 * Modify the embed default size for the case of Figma Embed blocks to allow supporting wide view using the native
+	 * aspect ratio classes provided by the editor.
+	 *
+	 * @param int[]  $size The array of dimensions for the size
+	 * @param string $url  The URL that should be embedded.
+	 *
+	 * @return int[]
+	 */
+	public function embed_defaults_for_figma_block( $size, $url ) {
+		if ( empty( $url ) ) {
+			return $size;
+		}
+
+		$domain = wp_parse_url( $url, PHP_URL_HOST );
+
+		if ( 'www.figma.com' !== $domain ) {
+			return $size;
+		}
+
+		return [
+			'width'  => 600,
+			'height' => 452,
+		];
+	}
 }

src/assets/js/icon.js

@@ -83,7 +83,7 @@ export const IconColor = () => (
 			width="95.0226"
 			height="142.534"
 			fill="black"
-			fill-opacity="0"
+			fillOpacity="0"
 			transform="translate(1.46603 2.19946) scale(3)"
 		/>
 		<Path