Default to the permalink if the url isn't defined

This enables the block to be used in query loops, for example the Make homepage team grid

Author: adamwoodnz

mu-plugins/blocks/link-wrapper/index.php

@@ -20,5 +20,29 @@
  * @see https://developer.wordpress.org/reference/functions/register_block_type/
  */
 function init() {
-	register_block_type( __DIR__ . '/build' );
+	register_block_type(
+		__DIR__ . '/build',
+		array(
+			'render_callback' => __NAMESPACE__ . '\render',
+		)
+	);
+}
+
+/**
+ * Renders the Link Wrapper block.
+ *
+ * @param array  $attributes Block attributes.
+ * @param string $content    Block content.
+ * @return string Rendered block HTML.
+ */
+function render( $attributes, $content ) {
+	$wrapper_attributes = get_block_wrapper_attributes();
+	$link  = isset( $attributes['url'] ) ? ' ' . $attributes['url'] : get_permalink();
+
+	return sprintf(
+		'<a href="%1$s" %2$s>%3$s</a>',
+		esc_url( $link ),
+		$wrapper_attributes,
+		do_blocks( $content )
+	);
 }

mu-plugins/blocks/link-wrapper/src/block.json

@@ -30,6 +30,9 @@
 				"padding": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true

mu-plugins/blocks/link-wrapper/src/index.js

@@ -24,6 +24,7 @@ function Edit( { attributes, setAttributes } ) {
 		<>
 			<InspectorControls key="setting">
 				<PanelBody title={ __( 'Link destination', 'wporg' ) }>
+					<p>{ __( 'Defaults to the permalink if not set.', 'wporg' ) }</p>
 					<TextControl
 						label={ __( 'Link destination', 'wporg' ) }
 						hideLabelFromVision
@@ -55,12 +56,7 @@ function Edit( { attributes, setAttributes } ) {
 
 registerBlockType( metadata.name, {
 	edit: Edit,
-	save: ( { attributes } ) => {
-		const blockProps = useBlockProps.save();
-		return (
-			<a { ...blockProps } href={ attributes.url }>
-				<InnerBlocks.Content />
-			</a>
-		);
+	save: () => {
+		return <InnerBlocks.Content />
 	},
 } );