From d117ca192d9f417319eb84cb418bcb48841e9034 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 17:28:55 +0200
Subject: [PATCH 01/23] read links from link blocks, fall back to the attribute

---
 build/blogroll/render.php  |  5 +-
 includes/class-opml.php    |  2 +-
 includes/class-sources.php | 46 ++++++++++++++++--
 src/blogroll/render.php    |  5 +-
 tests/test-opml.php        | 11 +++++
 tests/test-render.php      | 95 ++++++++++++++++++++++++++++++++++++--
 6 files changed, 153 insertions(+), 11 deletions(-)

diff --git a/build/blogroll/render.php b/build/blogroll/render.php
index 06786a5..1cb3e71 100644
--- a/build/blogroll/render.php
+++ b/build/blogroll/render.php
@@ -7,7 +7,8 @@
  *
  * @package Blockroll
  *
- * @var array $attributes Block attributes.
+ * @var array    $attributes Block attributes.
+ * @var WP_Block $block      The block, with its link blocks as inner blocks.
  */
 
 use Blockroll\Links;
@@ -16,7 +17,7 @@
 
 defined( 'ABSPATH' ) || exit;
 
-$blockroll_links = Sources::links( $attributes );
+$blockroll_links = Sources::links( $attributes, $block->inner_blocks );
 
 $blockroll_sortable = $attributes['showSort'];
 
diff --git a/includes/class-opml.php b/includes/class-opml.php
index caf5b68..9af9eb3 100644
--- a/includes/class-opml.php
+++ b/includes/class-opml.php
@@ -181,7 +181,7 @@ public static function extract_groups( $post ) {
 		$walker = function ( $blocks ) use ( &$walker, &$groups ) {
 			foreach ( $blocks as $block ) {
 				if ( 'blockroll/blogroll' === $block['blockName'] ) {
-					$links = Sources::links( (array) ( $block['attrs'] ?? array() ) );
+					$links = Sources::links( (array) ( $block['attrs'] ?? array() ), $block['innerBlocks'] ?? array() );
 					if ( $links ) {
 						$groups[] = array(
 							'name'   => \sanitize_text_field( (string) ( $block['attrs']['metadata']['name'] ?? '' ) ),
diff --git a/includes/class-sources.php b/includes/class-sources.php
index d25cbf6..5e40d9a 100644
--- a/includes/class-sources.php
+++ b/includes/class-sources.php
@@ -100,16 +100,27 @@ public static function help_url( $source ) {
 		return \is_scalar( $url ) ? \esc_url_raw( (string) $url ) : '';
 	}
 
+	/**
+	 * The block that holds one link of a manual blogroll.
+	 */
+	const LINK_BLOCK = 'blockroll/link';
+
 	/**
 	 * Resolve and normalize the links for a block's selected source.
 	 *
-	 * @param array $attributes Block attributes.
+	 * @param array                     $attributes   Block attributes.
+	 * @param array|\WP_Block_List|null $inner_blocks Inner blocks of the block, as parsed
+	 *                                                arrays or as WP_Block objects.
 	 * @return array Normalized links.
 	 */
-	public static function links( $attributes ) {
+	public static function links( $attributes, $inner_blocks = array() ) {
 		$source = self::source( $attributes );
 		if ( self::MANUAL === $source ) {
-			$links = (array) ( $attributes['links'] ?? array() );
+			$links = self::link_blocks( $inner_blocks );
+			if ( ! $links ) {
+				// Blocks saved before links became blocks of their own.
+				$links = (array) ( $attributes['links'] ?? array() );
+			}
 		} else {
 			/**
 			 * Provide links for a selected blogroll source.
@@ -138,6 +149,35 @@ function ( $link ) {
 		);
 	}
 
+	/**
+	 * Collect the attributes of the link blocks among a block's inner blocks.
+	 *
+	 * Other blocks are ignored. Takes both shapes an inner block comes in:
+	 * the parsed array of parse_blocks() and the WP_Block of a render.
+	 *
+	 * @param array|\WP_Block_List|null $inner_blocks Inner blocks.
+	 * @return array Raw link arrays, in block order.
+	 */
+	private static function link_blocks( $inner_blocks ) {
+		$links = array();
+		if ( ! \is_iterable( $inner_blocks ) ) {
+			return $links;
+		}
+		foreach ( $inner_blocks as $block ) {
+			if ( $block instanceof \WP_Block ) {
+				$name  = $block->name;
+				$attrs = $block->attributes;
+			} else {
+				$name  = $block['blockName'] ?? '';
+				$attrs = $block['attrs'] ?? array();
+			}
+			if ( self::LINK_BLOCK === $name ) {
+				$links[] = (array) $attrs;
+			}
+		}
+		return $links;
+	}
+
 	/**
 	 * Get a block's selected source.
 	 *
diff --git a/src/blogroll/render.php b/src/blogroll/render.php
index 06786a5..1cb3e71 100644
--- a/src/blogroll/render.php
+++ b/src/blogroll/render.php
@@ -7,7 +7,8 @@
  *
  * @package Blockroll
  *
- * @var array $attributes Block attributes.
+ * @var array    $attributes Block attributes.
+ * @var WP_Block $block      The block, with its link blocks as inner blocks.
  */
 
 use Blockroll\Links;
@@ -16,7 +17,7 @@
 
 defined( 'ABSPATH' ) || exit;
 
-$blockroll_links = Sources::links( $attributes );
+$blockroll_links = Sources::links( $attributes, $block->inner_blocks );
 
 $blockroll_sortable = $attributes['showSort'];
 
diff --git a/tests/test-opml.php b/tests/test-opml.php
index 180ddfd..7b7140d 100644
--- a/tests/test-opml.php
+++ b/tests/test-opml.php
@@ -18,6 +18,17 @@ public function test_extract_links() {
 		$this->assertSame( 'https://a.example/', $links[0]['url'] );
 	}
 
+	public function test_extract_links_from_link_blocks() {
+		$post  = self::factory()->post->create_and_get(
+			array( 'post_content' => '<!-- wp:blockroll/blogroll --><!-- wp:blockroll/link {"url":"https://a.example/","name":"A"} /--><!-- wp:blockroll/link {"url":"https://b.example/","name":"B","xfn":["friend"]} /--><!-- /wp:blockroll/blogroll -->' )
+		);
+		$links = Blockroll\Opml::extract_links( $post );
+
+		$this->assertCount( 2, $links );
+		$this->assertSame( 'https://a.example/', $links[0]['url'] );
+		$this->assertSame( array( 'friend' ), $links[1]['xfn'] );
+	}
+
 	public function test_extract_links_uses_registered_source_links() {
 		add_filter(
 			'blockroll_sources',
diff --git a/tests/test-render.php b/tests/test-render.php
index fc74910..5125ef9 100644
--- a/tests/test-render.php
+++ b/tests/test-render.php
@@ -12,18 +12,107 @@ class Test_Render extends WP_UnitTestCase {
 	/**
 	 * Render the block with the given attributes.
 	 *
-	 * @param array $attrs Block attributes.
+	 * @param array $attrs        Block attributes.
+	 * @param array $inner_blocks Parsed inner blocks.
 	 * @return string Rendered HTML.
 	 */
-	private function render_block_html( $attrs ) {
+	private function render_block_html( $attrs, $inner_blocks = array() ) {
 		$block = array(
 			'blockName'    => 'blockroll/blogroll',
 			'attrs'        => $attrs,
+			'innerBlocks'  => $inner_blocks,
+			'innerHTML'    => '',
+			'innerContent' => array_fill( 0, count( $inner_blocks ), null ),
+		);
+		return render_block( $block );
+	}
+
+	/**
+	 * A parsed link block, the way a child of the blogroll is stored.
+	 *
+	 * @param array $attrs Link attributes.
+	 * @return array Parsed block.
+	 */
+	private function link_block( $attrs ) {
+		return array(
+			'blockName'    => 'blockroll/link',
+			'attrs'        => $attrs,
 			'innerBlocks'  => array(),
 			'innerHTML'    => '',
 			'innerContent' => array(),
 		);
-		return render_block( $block );
+	}
+
+	public function test_renders_link_blocks() {
+		$html = $this->render_block_html(
+			array( 'sortBy' => 'manual' ),
+			array(
+				$this->link_block(
+					array(
+						'url'         => 'https://b.example/',
+						'name'        => 'B',
+						'description' => 'Second',
+						'xfn'         => array( 'friend' ),
+					)
+				),
+				$this->link_block( array( 'url' => 'https://a.example/' ) ),
+			)
+		);
+
+		$this->assertSame( 2, substr_count( $html, 'class="h-card"' ) );
+		$this->assertStringContainsString( 'rel="friend noopener"', $html );
+		$this->assertStringContainsString( '<p class="p-note">Second</p>', $html );
+		// Manual order is the order of the blocks.
+		$this->assertLessThan( strpos( $html, 'a.example' ), strpos( $html, 'b.example' ) );
+	}
+
+	public function test_link_blocks_win_over_links_attribute() {
+		$html = $this->render_block_html(
+			array(
+				'links' => array(
+					array(
+						'url'  => 'https://old.example/',
+						'name' => 'Old',
+					),
+				),
+			),
+			array( $this->link_block( array( 'url' => 'https://new.example/' ) ) )
+		);
+
+		$this->assertStringContainsString( 'new.example', $html );
+		$this->assertStringNotContainsString( 'old.example', $html );
+	}
+
+	public function test_links_attribute_still_renders_without_link_blocks() {
+		$html = $this->render_block_html(
+			array(
+				'links' => array(
+					array(
+						'url'  => 'https://old.example/',
+						'name' => 'Old',
+					),
+				),
+			)
+		);
+
+		$this->assertStringContainsString( 'old.example', $html );
+	}
+
+	public function test_other_inner_blocks_are_ignored() {
+		$paragraph = array(
+			'blockName'    => 'core/paragraph',
+			'attrs'        => array( 'url' => 'https://not-a-link.example/' ),
+			'innerBlocks'  => array(),
+			'innerHTML'    => '<p>Hi</p>',
+			'innerContent' => array( '<p>Hi</p>' ),
+		);
+		$html      = $this->render_block_html(
+			array(),
+			array( $paragraph, $this->link_block( array( 'url' => 'https://a.example/' ) ) )
+		);
+
+		$this->assertSame( 1, substr_count( $html, 'class="h-card"' ) );
+		$this->assertStringNotContainsString( 'not-a-link', $html );
 	}
 
 	public function test_renders_h_card_with_xfn() {

From ba8c8a7e58bde6e18ecbff16aa7eb3878102a3be Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:16:51 +0200
Subject: [PATCH 02/23] links as blocks in the editor

---
 blockroll.php                         |   1 +
 build/blogroll/block.json             |   4 +-
 build/blogroll/index-rtl.css          |   2 +-
 build/blogroll/index.asset.php        |   2 +-
 build/blogroll/index.css              |   2 +-
 build/blogroll/index.js               |  12 +-
 build/link/block.json                 |  52 ++++
 build/link/index-rtl.css              |   1 +
 build/link/index.asset.php            |   1 +
 build/link/index.css                  |   1 +
 build/link/index.js                   |   1 +
 src/blogroll/__tests__/to-url.test.js |  21 ++
 src/blogroll/block.json               |   2 +-
 src/blogroll/components/add-link.js   | 109 ++++++++
 src/blogroll/edit.js                  | 129 ++++-----
 src/blogroll/editor.scss              |  20 ++
 src/blogroll/index.js                 |   9 +-
 src/blogroll/utils.js                 |  11 +
 src/icons.js                          |   9 +
 src/link/block.json                   |  23 ++
 src/link/edit.js                      | 364 ++++++++++++++++++++++++++
 src/link/editor.scss                  |  58 ++++
 src/link/index.js                     |   9 +
 23 files changed, 753 insertions(+), 90 deletions(-)
 create mode 100644 build/link/block.json
 create mode 100644 build/link/index-rtl.css
 create mode 100644 build/link/index.asset.php
 create mode 100644 build/link/index.css
 create mode 100644 build/link/index.js
 create mode 100644 src/blogroll/__tests__/to-url.test.js
 create mode 100644 src/blogroll/components/add-link.js
 create mode 100644 src/icons.js
 create mode 100644 src/link/block.json
 create mode 100644 src/link/edit.js
 create mode 100644 src/link/editor.scss
 create mode 100644 src/link/index.js

diff --git a/blockroll.php b/blockroll.php
index d3ed139..c913fae 100644
--- a/blockroll.php
+++ b/blockroll.php
@@ -47,6 +47,7 @@ function init() {
 	Opml::register();
 	Xfn::register();
 	\register_block_type( __DIR__ . '/build/blogroll' );
+	\register_block_type( __DIR__ . '/build/link' );
 }
 \add_action( 'init', __NAMESPACE__ . '\init' );
 
diff --git a/build/blogroll/block.json b/build/blogroll/block.json
index db82671..59d42bb 100644
--- a/build/blogroll/block.json
+++ b/build/blogroll/block.json
@@ -4,7 +4,6 @@
   "name": "blockroll/blogroll",
   "title": "Blogroll",
   "category": "widgets",
-  "icon": "admin-links",
   "description": "Share a list of the blogs and sites you follow.",
   "textdomain": "blockroll",
   "keywords": [
@@ -70,6 +69,9 @@
       "default": true
     }
   },
+  "providesContext": {
+    "blockroll/showAvatars": "showAvatars"
+  },
   "editorScript": "file:./index.js",
   "editorStyle": "file:./index.css",
   "style": "file:./style-index.css",
diff --git a/build/blogroll/index-rtl.css b/build/blogroll/index-rtl.css
index 2ace2ae..e602659 100644
--- a/build/blogroll/index-rtl.css
+++ b/build/blogroll/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 37c9d47..8209dc7 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'c3dd04e9224b2aa7b893');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'f360bc8f81ff92b6a2c1');
diff --git a/build/blogroll/index.css b/build/blogroll/index.css
index 2ace2ae..e602659 100644
--- a/build/blogroll/index.css
+++ b/build/blogroll/index.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index f39538d..8777db5 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={408(e,l,o){const t=window.wp.blocks,n=JSON.parse('{"UU":"blockroll/blogroll"}'),r=window.wp.i18n,s=window.wp.element,a=window.wp.data,i=window.wp.blockEditor,c=window.wp.components,d=window.wp.primitives,u=window.ReactJSXRuntime;var h=(0,u.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,u.jsx)(d.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),_=(0,u.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,u.jsx)(d.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})}),p=(0,u.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,u.jsx)(d.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})}),m=(0,u.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,u.jsx)(d.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"})});const b=window.wp.apiFetch;var x=o.n(b);const k=window.wp.notices,f=window.wp.escapeHtml,g={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},v=["friendship","geographical","family"],w=Object.values(g).flat();function j({value:e=[],onChange:l}){return(0,u.jsx)(c.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,r.__)("Relationship","blockroll"),value:e,suggestions:w,onChange:e=>l(function(e){return e.filter(e=>w.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of v)g[e].includes(l)&&(o=o.filter(l=>!g[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}function C(e,l,o){const t=[...e];return t.splice(o,0,...t.splice(l,1)),t}function S(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}const B={url:"",name:"",description:"",feedUrl:"",photo:"",xfn:[],added:""};function y({link:e,onSave:l,onCancel:o}){const[t,n]=(0,s.useState)({...B,...e}),[a,i]=(0,s.useState)(!1),[d,h]=(0,s.useState)(null),_=e=>l=>n(o=>({...o,[e]:l}));return(0,u.jsx)(c.Modal,{title:e?(0,r.__)("Edit link","blockroll"):(0,r.__)("Add link","blockroll"),size:"medium",onRequestClose:o,focusOnMount:"firstContentElement",children:(0,u.jsxs)("div",{className:"blockroll-form",children:[d&&(0,u.jsx)(c.Notice,{status:"error",isDismissible:!1,children:d}),(0,u.jsxs)("div",{className:"blockroll-form__row",children:[(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Address","blockroll"),placeholder:"https://example.com/",type:"url",value:t.url,onChange:_("url")}),(0,u.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"secondary",isBusy:a,disabled:!t.url||a,onClick:()=>{i(!0),h(null),x()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}}).then(e=>n(l=>S(l,e))).catch(e=>h(e.message||(0,r.__)("The site could not be reached.","blockroll"))).finally(()=>i(!1))},children:(0,r.__)("Fetch details","blockroll")})]}),(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Name","blockroll"),value:t.name,onChange:_("name")}),(0,u.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("Description","blockroll"),rows:2,value:t.description,onChange:_("description")}),(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Feed address","blockroll"),type:"url",value:t.feedUrl,onChange:_("feedUrl")}),(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Image address","blockroll"),type:"url",value:t.photo,onChange:_("photo")}),(0,u.jsx)(j,{value:t.xfn,onChange:_("xfn")}),(0,u.jsxs)("div",{className:"blockroll-form__footer",children:[(0,u.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:o,children:(0,r.__)("Cancel","blockroll")}),(0,u.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",disabled:!t.url,onClick:()=>l({...t,added:t.added||(new Date).toISOString().slice(0,10)}),children:(0,r.__)("Save","blockroll")})]})]})})}var N=(0,u.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,u.jsx)(d.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function M({onImport:e,onClose:l}){const[o,t]=(0,s.useState)(""),[n,a]=(0,s.useState)(""),[i,d]=(0,s.useState)(""),[h,_]=(0,s.useState)(!1),[p,m]=(0,s.useState)(!1),[b,k]=(0,s.useState)(null),[f,g]=(0,s.useState)(null),v=e=>{e&&(e.text().then(t),a(e.name))},w={file:(0,u.jsxs)("div",{className:"blockroll-import-upload",children:[(0,u.jsx)(c.DropZone,{onFilesDrop:e=>v(e[0])}),(0,u.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:N,variant:"secondary",onChange:e=>v(e.target.files?.[0]),children:n||(0,r.__)("Choose or drop a file","blockroll")})]}),paste:(0,u.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),a("")}}),url:(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,u.jsx)(c.Modal,{title:(0,r.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,u.jsxs)("div",{className:"blockroll-form",children:[f&&(0,u.jsx)(c.Notice,{status:"error",isDismissible:!1,children:f}),(0,u.jsx)("p",{className:"blockroll-import-intro",children:(0,r.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,u.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,r.__)("Upload","blockroll")},{name:"paste",title:(0,r.__)("Paste","blockroll")},{name:"url",title:(0,r.__)("Address","blockroll")}],children:e=>(0,u.jsx)("div",{className:"blockroll-import-tab",children:w[e.name]})}),(0,u.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("Fetch details for imported links","blockroll"),help:(0,r.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:_}),(0,u.jsxs)("div",{className:"blockroll-form__footer",children:[null!==b&&(0,u.jsx)("span",{children:(0,r.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,r.__)("%d links processed…","blockroll"),b)}),(0,u.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,r.__)("Cancel","blockroll")}),(0,u.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:p,disabled:!o&&!i||p,onClick:async()=>{m(!0),g(null);try{const t=o?{opml:o}:{url:i},{links:n}=await x()({path:"/blockroll/v1/import",method:"POST",data:t}),r=h?await async function(e,l){const o=[];for(const t of e){try{const e=await x()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(S(t,e))}catch{o.push(t)}l(o.length)}return o}(n,k):n;e(r),l()}catch(e){g(e.message||(0,r.__)("The file could not be imported.","blockroll")),m(!1),k(null)}},children:(0,r.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function D(e){return(0,O.cleanForSlug)(e)||"blogroll"}function T(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}(0,t.registerBlockType)(n.UU,{edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:n,links:d,source:b,sortBy:g,perPage:v,showAvatars:w,showSort:j,showOpml:S,metadata:B}=e,N=B?.name||"",O=(0,a.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:H}=(0,a.useDispatch)(i.store),z=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=O.select(i.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,s.useEffect)(()=>{if(!n)return H(),void l({anchor:T(D(N),z())});if(t)return;const e=z();e.includes(n)&&(H(),l({anchor:T(n,e)}))},[n,t]);const A=(0,s.useRef)(N);(0,s.useEffect)(()=>{if(A.current===N)return;const e=!n||function(e,l){const o=D(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(n,A.current);A.current=N,e&&l({anchor:T(D(N),z())})},[N]);const P=(0,a.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:r,getSelectedBlockClientId:s}=e(i.store);if(!n||t)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&r(e)?.anchor===n)},[o,n,t]),{createWarningNotice:U,removeNotice:L}=(0,a.useDispatch)(k.store),F=(0,s.useRef)(null);(0,s.useEffect)(()=>{F.current&&(L(F.current),F.current=null),P&&(F.current=`blockroll-anchor-${n}`,U((0,r.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,r.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,f.escapeHTML)(n)),{id:F.current,isDismissible:!0,__unstableHTML:!0}))},[P,n]),(0,s.useEffect)(()=>()=>{F.current&&L(F.current)},[]);const[I,E]=(0,s.useState)(null),[R,V]=(0,s.useState)(!1),[G,Z]=(0,s.useState)([{label:(0,r.__)("Manual links","blockroll"),value:"manual"}]),[$,W]=(0,s.useState)([]),[q,J]=(0,s.useState)(!1),[X,K]=(0,s.useState)(null),[Q,Y]=(0,s.useState)(!1),ee="manual",le=G.some(e=>b===e.value),oe=!b||Q&&!le?ee:b,te=JSON.stringify(e),ne=G.filter(e=>ee!==e.value),re=G.find(e=>oe===e.value)||G[0];(0,s.useEffect)(()=>{x()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(Z(e),Y(!0))}).catch(()=>{})},[]),(0,s.useEffect)(()=>{let e=!0;return ee===oe?(W([]),K(null),J(!1),()=>{e=!1}):(J(!0),K(null),x()({path:`/blockroll/v1/sources/${oe}/links?attributes=`+encodeURIComponent(te)}).then(l=>{e&&W(Array.isArray(l)?l:[])}).catch(l=>{e&&(W([]),K(l.message||(0,r.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[oe,te]);const se=(0,u.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,u.jsx)(c.Button,{variant:"primary",onClick:()=>E("new"),children:(0,r.__)("Add link","blockroll")}),(0,u.jsx)(c.Button,{variant:"secondary",onClick:()=>V(!0),children:(0,r.__)("Import links","blockroll")}),!d.length&&ee===oe&&ne.map(e=>(0,u.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,r.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,r.__)("Use %s","blockroll"),e.label)},e.value))]});let ae=null;ee!==oe||d.length||(ae=(0,u.jsx)(c.Placeholder,{icon:"admin-links",label:(0,r.__)("Blogroll","blockroll"),instructions:(0,r.__)("Share a list of the blogs and sites you follow.","blockroll"),children:se}));const ie=(0,u.jsx)("div",{className:"blockroll-editor-actions",children:(0,u.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:ee}),children:(0,r.__)("Use manual links","blockroll")})}),ce=(e,o=!1)=>(0,u.jsx)("ul",{className:"blockroll-editor-list",children:e.map((e,t)=>(0,u.jsxs)("li",{children:[w&&(e.photo?(0,u.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,u.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,u.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,u.jsx)("strong",{children:e.name||e.url}),(0,u.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]}),!o&&(0,u.jsxs)("span",{className:"blockroll-editor-list__actions",children:[(0,u.jsx)(c.Button,{size:"compact",icon:h,label:(0,r.__)("Move up","blockroll"),disabled:0===t,onClick:()=>l({links:C(d,t,t-1)})}),(0,u.jsx)(c.Button,{size:"compact",icon:_,label:(0,r.__)("Move down","blockroll"),disabled:t===d.length-1,onClick:()=>l({links:C(d,t,t+1)})}),(0,u.jsx)(c.Button,{size:"compact",icon:p,label:(0,r.__)("Edit","blockroll"),onClick:()=>E(t)}),(0,u.jsx)(c.Button,{size:"compact",icon:m,label:(0,r.__)("Remove","blockroll"),isDestructive:!0,onClick:()=>l({links:d.filter((e,l)=>l!==t)})})]})]},e.url))});return(0,u.jsxs)("div",{...(0,i.useBlockProps)(),children:[(0,u.jsx)(i.InspectorControls,{children:(0,u.jsxs)(c.PanelBody,{title:(0,r.__)("Blogroll settings","blockroll"),children:[(0,u.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Name","blockroll"),help:(0,s.createInterpolateElement)((0,r.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,r.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),n||D(N)),{code:(0,u.jsx)("code",{})}),placeholder:(0,r.__)("Blogroll","blockroll"),value:N,onChange:e=>{const o={...B};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,u.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Sort by","blockroll"),value:g,options:[{label:(0,r.__)("Name","blockroll"),value:"name"},{label:(0,r.__)("Newest first","blockroll"),value:"added"},{label:(0,r.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,u.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,r.__)("Links per page","blockroll"),help:(0,r.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:v,onChange:e=>l({perPage:e})}),(0,u.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("Show images","blockroll"),checked:w,onChange:e=>l({showAvatars:e})}),(0,u.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("Let visitors sort the list","blockroll"),checked:j,onChange:e=>l({showSort:e})}),(0,u.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,r.__)("Show download link","blockroll"),help:(0,r.__)("Links to the list as an OPML file.","blockroll"),checked:S,onChange:e=>l({showOpml:e})})]})}),null!==I&&(0,u.jsx)(y,{link:"new"===I?void 0:d[I],onSave:e=>{const o=[...d];"new"===I?o.push(e):o[I]=e,l({links:o,source:ee}),E(null)},onCancel:()=>E(null)}),R&&(0,u.jsx)(M,{onImport:e=>{const o=new Set(d.map(e=>e.url));l({source:ee,links:[...d,...e.filter(e=>!o.has(e.url))]})},onClose:()=>V(!1)}),ee!==oe?(0,u.jsxs)("div",{className:"blockroll-editor",children:[(0,u.jsx)(c.Placeholder,{icon:"admin-links",label:re.label,instructions:q?(0,r.__)("Loading source preview…","blockroll"):(0,r.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,r.__)("%d links will be shown when the block is rendered.","blockroll"),$.length),children:ie}),re.help&&(0,u.jsxs)("p",{children:[re.help,re.helpUrl&&(0,u.jsxs)(u.Fragment,{children:[" ",(0,u.jsx)("a",{href:re.helpUrl,children:(0,r.__)("Manage source","blockroll")})]})]}),X&&(0,u.jsx)("p",{children:X}),!X&&!q&&!!$.length&&ce($,!0)]}):ae||(0,u.jsxs)("div",{className:"blockroll-editor",children:[ce(d),se]})]})},save:()=>null})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var d=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(408));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={3(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll"}'),s=window.wp.i18n,a=window.wp.element,c=window.wp.data,i=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}const _=window.ReactJSXRuntime;function m({anchor:e,onAdd:l,onClose:o}){const[t,n]=(0,a.useState)(""),[r,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,_.jsx)(i.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,_.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!r&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(c(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(b({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1)}))})()},children:[d&&(0,_.jsx)(i.Notice,{status:"error",isDismissible:!1,children:d}),(0,_.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",spellCheck:!1,value:t,disabled:r,onChange:e=>{n(e),h(null)}}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:r,disabled:!p||r,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const k=window.wp.primitives;var x=(0,_.jsx)(k.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(k.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function f({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[c,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[m,k]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),r(e.name))},S={file:(0,_.jsxs)("div",{className:"blockroll-import-upload",children:[(0,_.jsx)(i.DropZone,{onFilesDrop:e=>j(e[0])}),(0,_.jsx)(i.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,_.jsx)(i.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:c,onChange:d})};return(0,_.jsx)(i.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,_.jsxs)("div",{className:"blockroll-form",children:[v&&(0,_.jsx)(i.Notice,{status:"error",isDismissible:!1,children:v}),(0,_.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,_.jsx)(i.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,_.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,_.jsx)(i.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,_.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,_.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),f)}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!c||m,onClick:async()=>{k(!0),w(null);try{const t=o?{opml:o}:{url:c},{links:n}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),r=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(b(t,e))}catch{o.push(t)}l(o.length)}return o}(n,g):n;e(r),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),k(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const g=window.wp.url;function v(e){return(0,g.cleanForSlug)(e)||"blogroll"}function w(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const j=(0,_.jsx)(k.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(k.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:j,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:r}){const{anchor:d,links:b,source:k,sortBy:x,perPage:g,showAvatars:j,showSort:S,showOpml:C,metadata:y}=e,B=y?.name||"",N=(0,c.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,c.useDispatch)(n.store),O=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return M(),void l({anchor:w(v(B),O())});if(r)return;const e=O();e.includes(d)&&(M(),l({anchor:w(d,e)}))},[d,r]);const A=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(A.current===B)return;const e=!d||function(e,l){const o=v(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,A.current);A.current=B,e&&l({anchor:w(v(B),O())})},[B]);const T=(0,c.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(n.store);if(!d||r)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,r]),{createWarningNotice:D,removeNotice:H}=(0,c.useDispatch)(h.store),P=(0,a.useRef)(null);(0,a.useEffect)(()=>{P.current&&(H(P.current),P.current=null),T&&(P.current=`blockroll-anchor-${d}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:P.current,isDismissible:!0,__unstableHTML:!0}))},[T,d]),(0,a.useEffect)(()=>()=>{P.current&&H(P.current)},[]);const[I,L]=(0,a.useState)(!1),[U,z]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),J="manual",q=U.some(e=>k===e.value),X=!k||W&&!q?J:k,K=JSON.stringify(e),Q=U.filter(e=>J!==e.value),Y=U.find(e=>X===e.value)||U[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(z(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return J===X?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(K)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[X,K]);const ee=(0,c.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:le}=(0,c.useDispatch)(n.store),[oe,te]=(0,a.useState)(!1),[ne,re]=(0,a.useState)(),se=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ae=(0,_.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,_.jsx)(i.Button,{variant:"primary",ref:re,"aria-expanded":oe,onClick:()=>te(!oe),children:(0,s.__)("Add link","blockroll")}),oe&&(0,_.jsx)(m,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),te(!1)},onClose:()=>te(!1)}),(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&J===X&&Q.map(e=>(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;J!==X||ee||(ce=(0,_.jsx)(i.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ae}));const ie=(0,_.jsx)("div",{className:"blockroll-editor-actions",children:(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>l({source:J}),children:(0,s.__)("Use manual links","blockroll")})});return(0,_.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,_.jsx)(n.InspectorControls,{children:(0,_.jsxs)(i.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||v(B)),{code:(0,_.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...y};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,_.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:x,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,_.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:g,onChange:e=>l({perPage:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:j,onChange:e=>l({showAvatars:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:S,onChange:e=>l({showSort:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:C,onChange:e=>l({showOpml:e})})]})}),I&&(0,_.jsx)(f,{onImport:e=>{const o=new Set(b.map(e=>e.url));l({source:J,links:[...b,...e.filter(e=>!o.has(e.url))]})},onClose:()=>L(!1)}),J!==X?(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)(i.Placeholder,{icon:"admin-links",label:Y.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:ie}),Y.help&&(0,_.jsxs)("p",{children:[Y.help,Y.helpUrl&&(0,_.jsxs)(_.Fragment,{children:[" ",(0,_.jsx)("a",{href:Y.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,_.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(de=V,(0,_.jsx)("ul",{className:"blockroll-editor-list",children:de.map(e=>(0,_.jsxs)("li",{children:[j&&(e.photo?(0,_.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,_.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,_.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,_.jsx)("strong",{children:e.name||e.url}),(0,_.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,_.jsxs)("div",{className:"blockroll-editor",children:[ce||(0,_.jsx)("div",{...se}),!ce&&ae]})]});var de},save:()=>(0,_.jsx)(n.InnerBlocks.Content,{})})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],i=!0;for(var c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[c]))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,c,i=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var d=s(o)}for(l&&l(t);i<n.length;i++)c=n[i],o.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(3));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/link/block.json b/build/link/block.json
new file mode 100644
index 0000000..c5127b1
--- /dev/null
+++ b/build/link/block.json
@@ -0,0 +1,52 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "name": "blockroll/link",
+  "title": "Link",
+  "category": "widgets",
+  "description": "One site in a blogroll.",
+  "textdomain": "blockroll",
+  "parent": [
+    "blockroll/blogroll"
+  ],
+  "supports": {
+    "html": false,
+    "inserter": false,
+    "reusable": false
+  },
+  "usesContext": [
+    "blockroll/showAvatars"
+  ],
+  "attributes": {
+    "url": {
+      "type": "string",
+      "default": ""
+    },
+    "name": {
+      "type": "string",
+      "default": ""
+    },
+    "description": {
+      "type": "string",
+      "default": ""
+    },
+    "feedUrl": {
+      "type": "string",
+      "default": ""
+    },
+    "photo": {
+      "type": "string",
+      "default": ""
+    },
+    "xfn": {
+      "type": "array",
+      "default": []
+    },
+    "added": {
+      "type": "string",
+      "default": ""
+    }
+  },
+  "editorScript": "file:./index.js",
+  "editorStyle": "file:./index.css"
+}
\ No newline at end of file
diff --git a/build/link/index-rtl.css b/build/link/index-rtl.css
new file mode 100644
index 0000000..353e294
--- /dev/null
+++ b/build/link/index-rtl.css
@@ -0,0 +1 @@
+.wp-block-blockroll-link .blockroll-link__address{align-items:flex-start;display:flex;gap:8px}.wp-block-blockroll-link .blockroll-link__address .components-base-control{flex-grow:1}.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-left:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-left:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
new file mode 100644
index 0000000..d4f3a20
--- /dev/null
+++ b/build/link/index.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '5aa3d5d9411a186187a1');
diff --git a/build/link/index.css b/build/link/index.css
new file mode 100644
index 0000000..8239256
--- /dev/null
+++ b/build/link/index.css
@@ -0,0 +1 @@
+.wp-block-blockroll-link .blockroll-link__address{align-items:flex-start;display:flex;gap:8px}.wp-block-blockroll-link .blockroll-link__address .components-base-control{flex-grow:1}.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-right:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-right:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
diff --git a/build/link/index.js b/build/link/index.js
new file mode 100644
index 0000000..686eb7e
--- /dev/null
+++ b/build/link/index.js
@@ -0,0 +1 @@
+(()=>{"use strict";const e=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),o=window.wp.i18n,t=window.wp.element,n=window.wp.blockEditor,r=window.wp.components,s=window.wp.primitives,a=window.ReactJSXRuntime;var i=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),c=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const d={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},u=["friendship","geographical","family"],h=Object.values(d).flat();function m({value:e=[],onChange:l}){return(0,a.jsx)(r.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,o.__)("Relationship","blockroll"),value:e,suggestions:h,onChange:e=>l(function(e){return e.filter(e=>h.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of u)d[e].includes(l)&&(o=o.filter(l=>!d[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const p=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,e.registerBlockType)(l.UU,{icon:p,edit:function({attributes:e,setAttributes:l,context:s,isSelected:d}){const{url:u,name:h,description:p,photo:x,feedUrl:_,xfn:f,added:b}=e,[k,g]=(0,t.useState)(""),[v,w]=(0,t.useState)(null),j=!!v,C=e=>w(e?"toolbar":null),[S,N]=(0,t.useState)(),[y,B]=(0,t.useState)(null),[F,T]=(0,t.useState)(),[H,M]=(0,t.useState)(),A=(0,t.useRef)({}),R=s["blockroll/showAvatars"]??!0,z=(0,n.useBlockProps)({className:u?"h-card":"is-placeholder"}),O=x?(0,a.jsx)("img",{className:"u-photo",src:x,alt:""}):(0,a.jsx)("span",{className:"blockroll-no-photo"}),V=(0,a.jsx)(n.InspectorControls,{children:(0,a.jsx)(r.PanelBody,{title:(0,o.__)("Link settings","blockroll"),children:(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Added","blockroll"),help:(0,o.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:b,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=k.trim();e&&l({url:e,added:b||(new Date).toISOString().slice(0,10)})};return(0,a.jsxs)("div",{...z,children:[V,(0,a.jsxs)("form",{className:"blockroll-link__address",onSubmit:l=>{l.preventDefault(),e()},children:[(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"https://example.com/",type:"url",value:k,onChange:g}),(0,a.jsx)(r.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",disabled:!k.trim(),children:(0,o.__)("Add","blockroll")})]})]})}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.BlockControls,{group:"block",children:(0,a.jsx)(r.ToolbarButton,{icon:i,title:(0,o.__)("Link","blockroll"),isActive:j,onClick:()=>C(!j)})}),V,d&&j&&(0,a.jsx)(r.Popover,{anchor:S,placement:"bottom-start",shift:!0,onClose:()=>C(!1),focusOnMount:"toolbar"===v&&"firstElement",className:"blockroll-link__overlay",children:(0,a.jsx)(n.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),C(!1)},onCancel:()=>C(!1)})}),(0,a.jsxs)("div",{...z,children:[R&&(0,a.jsx)(n.MediaReplaceFlow,{mediaURL:x,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:()=>{const e=document.activeElement;e?.closest('.block-editor-media-replace-flow__options, .media-modal, [role="dialog"]')||A.current.isOpen&&A.current.onToggle()}},renderToggle:({children:e,...l})=>(A.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,a.jsx)(r.Button,{...l,className:"blockroll-link__photo",label:(0,o.__)("Image","blockroll"),children:O}))}),(0,a.jsx)(n.RichText,{ref:N,onFocus:()=>w("name"),tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,o.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,a.jsx)(n.RichText,{tagName:"p",className:"p-note",value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,o.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,a.jsxs)("div",{className:"blockroll-meta",children:[(0,a.jsxs)(r.Button,{className:"blockroll-feed blockroll-link__meta-button",ref:T,"aria-expanded":"feed"===y,onClick:()=>B("feed"===y?null:"feed"),children:[(0,a.jsx)(r.Icon,{icon:c,className:"blockroll-feed-icon"}),_?(0,o.__)("feed","blockroll"):(0,o.__)("Add feed","blockroll")]}),(0,a.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,a.jsx)(r.Button,{className:"blockroll-link__meta-button",ref:M,"aria-expanded":"xfn"===y,onClick:()=>B("xfn"===y?null:"xfn"),children:f.length>0?(0,a.jsx)("ul",{className:"blockroll-xfn",children:f.map(e=>(0,a.jsx)("li",{children:e},e))}):(0,o.__)("Add relationship","blockroll")})]}),d&&"feed"===y&&(0,a.jsx)(r.Popover,{anchor:F,placement:"bottom-start",shift:!0,onClose:()=>B(null),focusOnMount:"firstElement",className:"blockroll-link__overlay",children:(0,a.jsx)("div",{className:"blockroll-link__overlay-more",children:(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Feed address","blockroll"),help:(0,o.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>l({feedUrl:e})})})}),d&&"xfn"===y&&(0,a.jsx)(r.Popover,{anchor:H,placement:"bottom-start",shift:!0,onClose:()=>B(null),focusOnMount:!1,className:"blockroll-link__overlay",children:(0,a.jsx)("div",{className:"blockroll-link__overlay-more",ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,a.jsx)(m,{value:f,onChange:e=>l({xfn:e})})})})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/to-url.test.js b/src/blogroll/__tests__/to-url.test.js
new file mode 100644
index 0000000..d03940e
--- /dev/null
+++ b/src/blogroll/__tests__/to-url.test.js
@@ -0,0 +1,21 @@
+import { toUrl } from '../utils';
+
+describe( 'toUrl', () => {
+	it( 'keeps a full address', () => {
+		expect( toUrl( 'https://notiz.blog/' ) ).toBe( 'https://notiz.blog/' );
+		expect( toUrl( 'http://notiz.blog' ) ).toBe( 'http://notiz.blog' );
+	} );
+
+	it( 'adds https to a bare domain', () => {
+		expect( toUrl( 'pfefferle.org' ) ).toBe( 'https://pfefferle.org' );
+		expect( toUrl( '  pfefferle.org/blog ' ) ).toBe(
+			'https://pfefferle.org/blog'
+		);
+	} );
+
+	it( 'leaves other schemes alone', () => {
+		expect( toUrl( 'feed:https://a.example/feed/' ) ).toBe(
+			'feed:https://a.example/feed/'
+		);
+	} );
+} );
diff --git a/src/blogroll/block.json b/src/blogroll/block.json
index dde3988..a7b376f 100644
--- a/src/blogroll/block.json
+++ b/src/blogroll/block.json
@@ -4,7 +4,6 @@
 	"name": "blockroll/blogroll",
 	"title": "Blogroll",
 	"category": "widgets",
-	"icon": "admin-links",
 	"description": "Share a list of the blogs and sites you follow.",
 	"textdomain": "blockroll",
 	"keywords": [ "blogroll", "links", "opml", "xfn" ],
@@ -26,6 +25,7 @@
 		"showSort": { "type": "boolean", "default": true },
 		"showOpml": { "type": "boolean", "default": true }
 	},
+	"providesContext": { "blockroll/showAvatars": "showAvatars" },
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
 	"style": "file:./style-index.css",
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
new file mode 100644
index 0000000..152ea41
--- /dev/null
+++ b/src/blogroll/components/add-link.js
@@ -0,0 +1,109 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useState } from '@wordpress/element';
+import apiFetch from '@wordpress/api-fetch';
+import { Button, Notice, Popover, TextControl } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { mergeDiscovered, toUrl } from '../utils';
+
+/**
+ * The overlay behind "Add link": an address field, anchored at the button.
+ *
+ * Adding looks the site up and fills in what it finds, the way the old
+ * form's "Fetch details" did. When the site can't be reached the error
+ * is shown and the link can be added with the address alone.
+ *
+ * @param {Object}   props         Component props.
+ * @param {Element}  props.anchor  Element the popover is anchored at.
+ * @param {Function} props.onAdd   Called with the attributes of the new link.
+ * @param {Function} props.onClose Called when the overlay closes.
+ */
+export default function AddLink( { anchor, onAdd, onClose } ) {
+	const [ input, setInput ] = useState( '' );
+	const [ isBusy, setIsBusy ] = useState( false );
+	const [ error, setError ] = useState( null );
+	const value = input.trim();
+
+	const add = () => {
+		const url = toUrl( value );
+		if ( error ) {
+			onAdd( { url } );
+			return;
+		}
+		setIsBusy( true );
+		apiFetch( {
+			path: '/blockroll/v1/discover',
+			method: 'POST',
+			data: { url },
+		} )
+			.then( ( found ) => onAdd( mergeDiscovered( { url }, found ) ) )
+			.catch( ( fetchError ) => {
+				setError(
+					fetchError.message ||
+						__( 'The site could not be reached.', 'blockroll' )
+				);
+				setIsBusy( false );
+			} );
+	};
+
+	return (
+		<Popover
+			anchor={ anchor }
+			placement="bottom-start"
+			offset={ 8 }
+			onClose={ onClose }
+			focusOnMount="firstElement"
+			className="blockroll-add-link"
+		>
+			<form
+				className="blockroll-add-link__form"
+				onSubmit={ ( event ) => {
+					event.preventDefault();
+					if ( value && ! isBusy ) {
+						add();
+					}
+				} }
+			>
+				{ error && (
+					<Notice status="error" isDismissible={ false }>
+						{ error }
+					</Notice>
+				) }
+				<div className="blockroll-add-link__row">
+					<TextControl
+						__next40pxDefaultSize
+						__nextHasNoMarginBottom
+						label={ __( 'Address', 'blockroll' ) }
+						hideLabelFromVision
+						placeholder="example.com"
+						type="text"
+						inputMode="url"
+						spellCheck={ false }
+						value={ input }
+						disabled={ isBusy }
+						onChange={ ( next ) => {
+							setInput( next );
+							setError( null );
+						} }
+					/>
+					<Button
+						__next40pxDefaultSize
+						variant="primary"
+						type="submit"
+						isBusy={ isBusy }
+						disabled={ ! value || isBusy }
+					>
+						{ error
+							? __( 'Add anyway', 'blockroll' )
+							: __( 'Add', 'blockroll' ) }
+					</Button>
+				</div>
+			</form>
+		</Popover>
+	);
+}
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 5ebd142..1d1e4a9 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -13,7 +13,9 @@ import {
 	InspectorControls,
 	store as blockEditorStore,
 	useBlockProps,
+	useInnerBlocksProps,
 } from '@wordpress/block-editor';
+import { createBlock } from '@wordpress/blocks';
 import {
 	Button,
 	PanelBody,
@@ -23,7 +25,6 @@ import {
 	TextControl,
 	ToggleControl,
 } from '@wordpress/components';
-import { arrowDown, arrowUp, pencil, trash } from '@wordpress/icons';
 import apiFetch from '@wordpress/api-fetch';
 import { store as noticesStore } from '@wordpress/notices';
 import { escapeHTML } from '@wordpress/escape-html';
@@ -31,9 +32,8 @@ import { escapeHTML } from '@wordpress/escape-html';
 /**
  * Internal dependencies
  */
-import LinkForm from './components/link-form';
+import AddLink from './components/add-link';
 import ImportModal from './components/import-modal';
-import { move } from './utils';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
 /**
@@ -206,7 +206,6 @@ export default function Edit( {
 		[]
 	);
 
-	const [ editing, setEditing ] = useState( null ); // Index, 'new', or null.
 	const [ isImporting, setIsImporting ] = useState( false );
 	const [ sources, setSources ] = useState( [
 		{ label: __( 'Manual links', 'blockroll' ), value: 'manual' },
@@ -288,16 +287,33 @@ export default function Edit( {
 		};
 	}, [ currentSource, serializedAttributes ] );
 
-	const saveLink = ( link ) => {
-		const next = [ ...links ];
-		if ( 'new' === editing ) {
-			next.push( link );
-		} else {
-			next[ editing ] = link;
-		}
-		setAttributes( { links: next, source: manualSource } );
-		setEditing( null );
+	// The links of a manual list are blocks of their own.
+	const linkCount = useSelect(
+		( select ) => select( blockEditorStore ).getBlockCount( clientId ),
+		[ clientId ]
+	);
+	const { insertBlock } = useDispatch( blockEditorStore );
+	const [ isAdding, setIsAdding ] = useState( false );
+	const [ addAnchor, setAddAnchor ] = useState();
+	const addLink = ( link ) => {
+		insertBlock(
+			createBlock( 'blockroll/link', {
+				...link,
+				added: new Date().toISOString().slice( 0, 10 ),
+			} ),
+			undefined,
+			clientId
+		);
+		setIsAdding( false );
 	};
+	const innerBlocksProps = useInnerBlocksProps(
+		{ className: 'blockroll-editor-links' },
+		{
+			allowedBlocks: [ 'blockroll/link' ],
+			templateLock: false,
+			renderAppender: false,
+		}
+	);
 
 	const importLinks = ( imported ) => {
 		const known = new Set( links.map( ( link ) => link.url ) );
@@ -312,16 +328,28 @@ export default function Edit( {
 
 	const actions = (
 		<div className="blockroll-editor-actions">
-			<Button variant="primary" onClick={ () => setEditing( 'new' ) }>
+			<Button
+				variant="primary"
+				ref={ setAddAnchor }
+				aria-expanded={ isAdding }
+				onClick={ () => setIsAdding( ! isAdding ) }
+			>
 				{ __( 'Add link', 'blockroll' ) }
 			</Button>
+			{ isAdding && (
+				<AddLink
+					anchor={ addAnchor }
+					onAdd={ addLink }
+					onClose={ () => setIsAdding( false ) }
+				/>
+			) }
 			<Button
 				variant="secondary"
 				onClick={ () => setIsImporting( true ) }
 			>
 				{ __( 'Import links', 'blockroll' ) }
 			</Button>
-			{ ! links.length &&
+			{ ! linkCount &&
 				manualSource === currentSource &&
 				externalSources.map( ( item ) => (
 					<Button
@@ -342,7 +370,7 @@ export default function Edit( {
 	);
 
 	let emptyState = null;
-	if ( manualSource === currentSource && ! links.length ) {
+	if ( manualSource === currentSource && ! linkCount ) {
 		emptyState = (
 			<Placeholder
 				icon="admin-links"
@@ -368,9 +396,9 @@ export default function Edit( {
 		</div>
 	);
 
-	const renderEditorList = ( listLinks, isReadOnly = false ) => (
+	const renderEditorList = ( listLinks ) => (
 		<ul className="blockroll-editor-list">
-			{ listLinks.map( ( link, index ) => (
+			{ listLinks.map( ( link ) => (
 				<li key={ link.url }>
 					{ showAvatars &&
 						( link.photo ? (
@@ -391,51 +419,6 @@ export default function Edit( {
 								' · ' + link.xfn.join( ' ' ) }
 						</small>
 					</span>
-					{ ! isReadOnly && (
-						<span className="blockroll-editor-list__actions">
-							<Button
-								size="compact"
-								icon={ arrowUp }
-								label={ __( 'Move up', 'blockroll' ) }
-								disabled={ 0 === index }
-								onClick={ () =>
-									setAttributes( {
-										links: move( links, index, index - 1 ),
-									} )
-								}
-							/>
-							<Button
-								size="compact"
-								icon={ arrowDown }
-								label={ __( 'Move down', 'blockroll' ) }
-								disabled={ index === links.length - 1 }
-								onClick={ () =>
-									setAttributes( {
-										links: move( links, index, index + 1 ),
-									} )
-								}
-							/>
-							<Button
-								size="compact"
-								icon={ pencil }
-								label={ __( 'Edit', 'blockroll' ) }
-								onClick={ () => setEditing( index ) }
-							/>
-							<Button
-								size="compact"
-								icon={ trash }
-								label={ __( 'Remove', 'blockroll' ) }
-								isDestructive
-								onClick={ () =>
-									setAttributes( {
-										links: links.filter(
-											( unused, i ) => i !== index
-										),
-									} )
-								}
-							/>
-						</span>
-					) }
 				</li>
 			) ) }
 		</ul>
@@ -532,14 +515,6 @@ export default function Edit( {
 					/>
 				</PanelBody>
 			</InspectorControls>
-			{ null !== editing && (
-				<LinkForm
-					link={ 'new' === editing ? undefined : links[ editing ] }
-					onSave={ saveLink }
-					onCancel={ () => setEditing( null ) }
-				/>
-			) }
-
 			{ isImporting && (
 				<ImportModal
 					onImport={ importLinks }
@@ -584,15 +559,13 @@ export default function Edit( {
 					{ ! previewError &&
 						! isPreviewLoading &&
 						!! previewLinks.length &&
-						renderEditorList( previewLinks, true ) }
+						renderEditorList( previewLinks ) }
 				</div>
 			) : (
-				emptyState || (
-					<div className="blockroll-editor">
-						{ renderEditorList( links ) }
-						{ actions }
-					</div>
-				)
+				<div className="blockroll-editor">
+					{ emptyState || <div { ...innerBlocksProps } /> }
+					{ ! emptyState && actions }
+				</div>
 			) }
 		</div>
 	);
diff --git a/src/blogroll/editor.scss b/src/blogroll/editor.scss
index f4c055f..5b45af4 100644
--- a/src/blogroll/editor.scss
+++ b/src/blogroll/editor.scss
@@ -105,3 +105,23 @@
 	border: 1px dashed #949494;
 	border-radius: 4px;
 }
+
+.blockroll-add-link {
+
+	.blockroll-add-link__form {
+		display: grid;
+		gap: 8px;
+		padding: 8px;
+		width: 360px;
+		max-width: 90vw;
+	}
+
+	.blockroll-add-link__row {
+		display: flex;
+		gap: 8px;
+
+		.components-base-control {
+			flex-grow: 1;
+		}
+	}
+}
diff --git a/src/blogroll/index.js b/src/blogroll/index.js
index 5fbd019..7923519 100644
--- a/src/blogroll/index.js
+++ b/src/blogroll/index.js
@@ -1,7 +1,14 @@
 import { registerBlockType } from '@wordpress/blocks';
+import { InnerBlocks } from '@wordpress/block-editor';
 import metadata from './block.json';
 import Edit from './edit';
+import { blogroll as icon } from '../icons';
 import './style.scss';
 import './editor.scss';
 
-registerBlockType( metadata.name, { edit: Edit, save: () => null } );
+// The list is rendered on the server; only the link blocks are saved.
+registerBlockType( metadata.name, {
+	icon,
+	edit: Edit,
+	save: () => <InnerBlocks.Content />,
+} );
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 57009e3..9f41e0e 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -28,3 +28,14 @@ export function mergeDiscovered( link, found ) {
 		photo: link.photo || found.photo,
 	};
 }
+
+/**
+ * A bare domain is fine; it becomes an https address.
+ *
+ * @param {string} input What was typed.
+ * @return {string} An address with a scheme.
+ */
+export function toUrl( input ) {
+	const value = input.trim();
+	return /^[a-z][a-z0-9+.-]*:/i.test( value ) ? value : `https://${ value }`;
+}
diff --git a/src/icons.js b/src/icons.js
new file mode 100644
index 0000000..3d842f5
--- /dev/null
+++ b/src/icons.js
@@ -0,0 +1,9 @@
+/**
+ * WordPress dependencies
+ */
+import { listItem, postList } from '@wordpress/icons';
+
+// A list of sites, and one item of it. Not the link icon, the toolbar
+// has that one for the link overlay.
+export const blogroll = postList;
+export const link = listItem;
diff --git a/src/link/block.json b/src/link/block.json
new file mode 100644
index 0000000..ce1c5be
--- /dev/null
+++ b/src/link/block.json
@@ -0,0 +1,23 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "blockroll/link",
+	"title": "Link",
+	"category": "widgets",
+	"description": "One site in a blogroll.",
+	"textdomain": "blockroll",
+	"parent": [ "blockroll/blogroll" ],
+	"supports": { "html": false, "inserter": false, "reusable": false },
+	"usesContext": [ "blockroll/showAvatars" ],
+	"attributes": {
+		"url": { "type": "string", "default": "" },
+		"name": { "type": "string", "default": "" },
+		"description": { "type": "string", "default": "" },
+		"feedUrl": { "type": "string", "default": "" },
+		"photo": { "type": "string", "default": "" },
+		"xfn": { "type": "array", "default": [] },
+		"added": { "type": "string", "default": "" }
+	},
+	"editorScript": "file:./index.js",
+	"editorStyle": "file:./index.css"
+}
diff --git a/src/link/edit.js b/src/link/edit.js
new file mode 100644
index 0000000..c7010bb
--- /dev/null
+++ b/src/link/edit.js
@@ -0,0 +1,364 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useRef, useState } from '@wordpress/element';
+import {
+	BlockControls,
+	InspectorControls,
+	LinkControl,
+	MediaReplaceFlow,
+	RichText,
+	useBlockProps,
+} from '@wordpress/block-editor';
+import {
+	Button,
+	Icon,
+	PanelBody,
+	Popover,
+	TextControl,
+	ToolbarButton,
+} from '@wordpress/components';
+import { link as linkIcon, rss } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import XfnControl from '../blogroll/components/xfn-control';
+
+/**
+ * Today as the date a link was added, the way the form used to set it.
+ *
+ * @return {string} YYYY-MM-DD.
+ */
+const today = () => new Date().toISOString().slice( 0, 10 );
+
+/**
+ * One link of a blogroll.
+ *
+ * The card looks like the one on the site and uses its class names, so
+ * the frontend stylesheet, which the editor loads as well, styles it.
+ * Everything is edited where it shows: name and description in place,
+ * the address in a link overlay under the name that opens with a click
+ * into the name (or from the toolbar), the feed and the relationship in
+ * small overlays on the meta row, like an inline link in a paragraph.
+ * A click on the image opens the menu an Image block has in its
+ * toolbar: library, upload, address, reset.
+ *
+ * @param {Object}   props               Block props.
+ * @param {Object}   props.attributes    Block attributes.
+ * @param {Function} props.setAttributes Attribute setter.
+ * @param {Object}   props.context       Values provided by the blogroll.
+ * @param {boolean}  props.isSelected    Whether the block is selected.
+ */
+export default function Edit( {
+	attributes,
+	setAttributes,
+	context,
+	isSelected,
+} ) {
+	const { url, name, description, photo, feedUrl, xfn, added } = attributes;
+	const [ draftUrl, setDraftUrl ] = useState( '' );
+	// The link overlay opened from the name leaves the focus there, the
+	// one opened from the toolbar takes it.
+	const [ linkOverlay, setLinkOverlay ] = useState( null ); // 'name' | 'toolbar' | null
+	const isEditingLink = !! linkOverlay;
+	const setIsEditingLink = ( open ) =>
+		setLinkOverlay( open ? 'toolbar' : null );
+	const [ popoverAnchor, setPopoverAnchor ] = useState();
+	// The meta row: 'feed' or 'xfn' while one of its overlays is open.
+	const [ metaOverlay, setMetaOverlay ] = useState( null );
+	const [ feedAnchor, setFeedAnchor ] = useState();
+	const [ xfnAnchor, setXfnAnchor ] = useState();
+	// The image menu's toggle, as the menu hands it over on each render.
+	const photoMenu = useRef( {} );
+
+	// The image is in the editor's iframe, the menu and the media library
+	// are in the parent document. The menu's own "focus left" check looks
+	// at the iframe's document only, takes the library for outside and
+	// closes; that unmounts the media control, which removes the library
+	// on unmount and leaves an empty modal. So the check is done here,
+	// against the parent document, and the menu is closed through its
+	// own toggle. The blur check runs in a timeout, so the parent's
+	// active element is the one that got the focus.
+	const closePhotoMenuIfFocusOutside = () => {
+		// eslint-disable-next-line @wordpress/no-global-active-element -- The parent document is the point here.
+		const active = document.activeElement;
+		if (
+			active?.closest(
+				'.block-editor-media-replace-flow__options, .media-modal, [role="dialog"]'
+			)
+		) {
+			return;
+		}
+		if ( photoMenu.current.isOpen ) {
+			photoMenu.current.onToggle();
+		}
+	};
+	const showAvatar = context[ 'blockroll/showAvatars' ] ?? true;
+	const blockProps = useBlockProps( {
+		className: url ? 'h-card' : 'is-placeholder',
+	} );
+
+	const avatar = photo ? (
+		<img className="u-photo" src={ photo } alt="" />
+	) : (
+		<span className="blockroll-no-photo" />
+	);
+
+	const inspector = (
+		<InspectorControls>
+			<PanelBody title={ __( 'Link settings', 'blockroll' ) }>
+				<TextControl
+					__next40pxDefaultSize
+					__nextHasNoMarginBottom
+					label={ __( 'Added', 'blockroll' ) }
+					help={ __(
+						'Used when the list is sorted newest first.',
+						'blockroll'
+					) }
+					type="date"
+					value={ added }
+					onChange={ ( value ) => setAttributes( { added: value } ) }
+				/>
+			</PanelBody>
+		</InspectorControls>
+	);
+
+	if ( ! url ) {
+		const add = () => {
+			const value = draftUrl.trim();
+			if ( ! value ) {
+				return;
+			}
+			setAttributes( { url: value, added: added || today() } );
+		};
+		return (
+			<div { ...blockProps }>
+				{ inspector }
+				<form
+					className="blockroll-link__address"
+					onSubmit={ ( event ) => {
+						event.preventDefault();
+						add();
+					} }
+				>
+					<TextControl
+						__next40pxDefaultSize
+						__nextHasNoMarginBottom
+						label={ __( 'Address', 'blockroll' ) }
+						hideLabelFromVision
+						placeholder="https://example.com/"
+						type="url"
+						value={ draftUrl }
+						onChange={ setDraftUrl }
+					/>
+					<Button
+						__next40pxDefaultSize
+						variant="primary"
+						type="submit"
+						disabled={ ! draftUrl.trim() }
+					>
+						{ __( 'Add', 'blockroll' ) }
+					</Button>
+				</form>
+			</div>
+		);
+	}
+
+	return (
+		<>
+			<BlockControls group="block">
+				<ToolbarButton
+					icon={ linkIcon }
+					title={ __( 'Link', 'blockroll' ) }
+					isActive={ isEditingLink }
+					onClick={ () => setIsEditingLink( ! isEditingLink ) }
+				/>
+			</BlockControls>
+			{ inspector }
+			{ isSelected && isEditingLink && (
+				<Popover
+					anchor={ popoverAnchor }
+					placement="bottom-start"
+					shift
+					onClose={ () => setIsEditingLink( false ) }
+					focusOnMount={
+						'toolbar' === linkOverlay ? 'firstElement' : false
+					}
+					className="blockroll-link__overlay"
+				>
+					<LinkControl
+						value={ { url, title: name } }
+						settings={ [] }
+						hasTextControl
+						forceIsEditingLink
+						showInitialSuggestions={ false }
+						onChange={ ( next ) => {
+							setAttributes( {
+								url: next.url || '',
+								name: next.title ?? name,
+							} );
+							setIsEditingLink( false );
+						} }
+						onCancel={ () => setIsEditingLink( false ) }
+					/>
+				</Popover>
+			) }
+			<div { ...blockProps }>
+				{ showAvatar && (
+					<MediaReplaceFlow
+						mediaURL={ photo }
+						allowedTypes={ [ 'image' ] }
+						accept="image/*"
+						onSelect={ ( media ) =>
+							setAttributes( { photo: media.url } )
+						}
+						onSelectURL={ ( value ) =>
+							setAttributes( { photo: value } )
+						}
+						onReset={ () => setAttributes( { photo: '' } ) }
+						popoverProps={ {
+							onFocusOutside: closePhotoMenuIfFocusOutside,
+						} }
+						renderToggle={ ( { children, ...toggleProps } ) => {
+							photoMenu.current = {
+								isOpen: toggleProps[ 'aria-expanded' ],
+								onToggle: toggleProps.onClick,
+							};
+							return (
+								<Button
+									{ ...toggleProps }
+									className="blockroll-link__photo"
+									label={ __( 'Image', 'blockroll' ) }
+								>
+									{ avatar }
+								</Button>
+							);
+						} }
+					/>
+				) }
+				<RichText
+					ref={ setPopoverAnchor }
+					onFocus={ () => setLinkOverlay( 'name' ) }
+					tagName="a"
+					className="u-url p-name"
+					href={ url }
+					value={ name }
+					allowedFormats={ [] }
+					withoutInteractiveFormatting
+					placeholder={ __( 'Site name', 'blockroll' ) }
+					onChange={ ( value ) => setAttributes( { name: value } ) }
+				/>
+				<RichText
+					tagName="p"
+					className="p-note"
+					value={ description }
+					allowedFormats={ [] }
+					withoutInteractiveFormatting
+					placeholder={ __( 'Description', 'blockroll' ) }
+					onChange={ ( value ) =>
+						setAttributes( { description: value } )
+					}
+				/>
+				<div className="blockroll-meta">
+					<Button
+						className="blockroll-feed blockroll-link__meta-button"
+						ref={ setFeedAnchor }
+						aria-expanded={ 'feed' === metaOverlay }
+						onClick={ () =>
+							setMetaOverlay(
+								'feed' === metaOverlay ? null : 'feed'
+							)
+						}
+					>
+						<Icon icon={ rss } className="blockroll-feed-icon" />
+						{ feedUrl
+							? __( 'feed', 'blockroll' )
+							: __( 'Add feed', 'blockroll' ) }
+					</Button>
+					<span className="blockroll-divider" aria-hidden="true">
+						&#183;
+					</span>
+					<Button
+						className="blockroll-link__meta-button"
+						ref={ setXfnAnchor }
+						aria-expanded={ 'xfn' === metaOverlay }
+						onClick={ () =>
+							setMetaOverlay(
+								'xfn' === metaOverlay ? null : 'xfn'
+							)
+						}
+					>
+						{ xfn.length > 0 ? (
+							<ul className="blockroll-xfn">
+								{ xfn.map( ( token ) => (
+									<li key={ token }>{ token }</li>
+								) ) }
+							</ul>
+						) : (
+							__( 'Add relationship', 'blockroll' )
+						) }
+					</Button>
+				</div>
+				{ isSelected && 'feed' === metaOverlay && (
+					<Popover
+						anchor={ feedAnchor }
+						placement="bottom-start"
+						shift
+						onClose={ () => setMetaOverlay( null ) }
+						focusOnMount="firstElement"
+						className="blockroll-link__overlay"
+					>
+						<div className="blockroll-link__overlay-more">
+							<TextControl
+								__next40pxDefaultSize
+								__nextHasNoMarginBottom
+								label={ __( 'Feed address', 'blockroll' ) }
+								help={ __(
+									'The RSS or Atom feed of the site, for readers who subscribe to your list.',
+									'blockroll'
+								) }
+								type="url"
+								value={ feedUrl }
+								onChange={ ( value ) =>
+									setAttributes( { feedUrl: value } )
+								}
+							/>
+						</div>
+					</Popover>
+				) }
+				{ isSelected && 'xfn' === metaOverlay && (
+					<Popover
+						anchor={ xfnAnchor }
+						placement="bottom-start"
+						shift
+						onClose={ () => setMetaOverlay( null ) }
+						focusOnMount={ false }
+						className="blockroll-link__overlay"
+					>
+						{ /* The first focusable thing would be a token's remove
+						     button, so the input is focused by hand, once the
+						     popover is placed and can take focus. */ }
+						<div
+							className="blockroll-link__overlay-more"
+							ref={ ( node ) =>
+								node &&
+								node.ownerDocument.defaultView.requestAnimationFrame(
+									() => node.querySelector( 'input' )?.focus()
+								)
+							}
+						>
+							<XfnControl
+								value={ xfn }
+								onChange={ ( value ) =>
+									setAttributes( { xfn: value } )
+								}
+							/>
+						</div>
+					</Popover>
+				) }
+			</div>
+		</>
+	);
+}
diff --git a/src/link/editor.scss b/src/link/editor.scss
new file mode 100644
index 0000000..28611d6
--- /dev/null
+++ b/src/link/editor.scss
@@ -0,0 +1,58 @@
+.wp-block-blockroll-link {
+
+	.blockroll-link__address {
+		display: flex;
+		align-items: flex-start;
+		gap: 8px;
+
+		.components-base-control {
+			flex-grow: 1;
+		}
+	}
+
+	// The rest of the card is styled by the frontend stylesheet.
+	.u-url {
+		display: block;
+	}
+
+	// The image is a button here; it takes the place the image has on
+	// the site and the image inside loses its own margin.
+	&.h-card .blockroll-link__photo {
+		grid-row: 1 / span 2;
+		align-self: start;
+		height: auto;
+		padding: 0;
+		margin-right: 0.75em;
+		border-radius: 50%;
+
+		.u-photo,
+		.blockroll-no-photo {
+			margin-right: 0;
+		}
+	}
+
+	// The meta row's parts are buttons here, looking like the text on the site.
+	&.h-card .blockroll-link__meta-button {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.25em;
+		height: auto;
+		padding: 0;
+		font: inherit;
+		color: inherit;
+
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+}
+
+.blockroll-link__overlay {
+
+	.blockroll-link__overlay-more {
+		display: grid;
+		gap: 16px;
+		padding: 16px;
+		min-width: 300px;
+	}
+}
diff --git a/src/link/index.js b/src/link/index.js
new file mode 100644
index 0000000..6f38463
--- /dev/null
+++ b/src/link/index.js
@@ -0,0 +1,9 @@
+import { registerBlockType } from '@wordpress/blocks';
+import metadata from './block.json';
+import Edit from './edit';
+import { link as icon } from '../icons';
+import './editor.scss';
+
+// The blogroll renders the whole list on the server, so a link has no
+// output of its own.
+registerBlockType( metadata.name, { icon, edit: Edit, save: () => null } );

From 569d65c07928c94c67bf91150c026e55b578dc82 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:32:32 +0200
Subject: [PATCH 03/23] migrate old links and import into link blocks

---
 build/blogroll/index-rtl.css           |  2 +-
 build/blogroll/index.asset.php         |  2 +-
 build/blogroll/index.css               |  2 +-
 build/blogroll/index.js                | 12 ++---
 src/blogroll/__tests__/migrate.test.js | 68 ++++++++++++++++++++++++++
 src/blogroll/deprecated.js             | 38 ++++++++++++++
 src/blogroll/edit.js                   | 36 +++++++++-----
 src/blogroll/editor.scss               |  4 ++
 src/blogroll/index.js                  |  2 +
 src/blogroll/utils.js                  | 45 +++++++++++++++++
 10 files changed, 191 insertions(+), 20 deletions(-)
 create mode 100644 src/blogroll/__tests__/migrate.test.js
 create mode 100644 src/blogroll/deprecated.js

diff --git a/build/blogroll/index-rtl.css b/build/blogroll/index-rtl.css
index e602659..6de65e9 100644
--- a/build/blogroll/index-rtl.css
+++ b/build/blogroll/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 8209dc7..279029a 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'f360bc8f81ff92b6a2c1');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'b30ca27182b5430c7c86');
diff --git a/build/blogroll/index.css b/build/blogroll/index.css
index e602659..6de65e9 100644
--- a/build/blogroll/index.css
+++ b/build/blogroll/index.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 8777db5..b477074 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={3(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll"}'),s=window.wp.i18n,a=window.wp.element,c=window.wp.data,i=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}const _=window.ReactJSXRuntime;function m({anchor:e,onAdd:l,onClose:o}){const[t,n]=(0,a.useState)(""),[r,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,_.jsx)(i.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,_.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!r&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(c(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(b({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1)}))})()},children:[d&&(0,_.jsx)(i.Notice,{status:"error",isDismissible:!1,children:d}),(0,_.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",spellCheck:!1,value:t,disabled:r,onChange:e=>{n(e),h(null)}}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:r,disabled:!p||r,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const k=window.wp.primitives;var x=(0,_.jsx)(k.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(k.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function f({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[c,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[m,k]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),r(e.name))},S={file:(0,_.jsxs)("div",{className:"blockroll-import-upload",children:[(0,_.jsx)(i.DropZone,{onFilesDrop:e=>j(e[0])}),(0,_.jsx)(i.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,_.jsx)(i.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:c,onChange:d})};return(0,_.jsx)(i.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,_.jsxs)("div",{className:"blockroll-form",children:[v&&(0,_.jsx)(i.Notice,{status:"error",isDismissible:!1,children:v}),(0,_.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,_.jsx)(i.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,_.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,_.jsx)(i.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,_.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,_.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),f)}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,_.jsx)(i.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!c||m,onClick:async()=>{k(!0),w(null);try{const t=o?{opml:o}:{url:c},{links:n}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),r=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(b(t,e))}catch{o.push(t)}l(o.length)}return o}(n,g):n;e(r),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),k(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const g=window.wp.url;function v(e){return(0,g.cleanForSlug)(e)||"blogroll"}function w(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const j=(0,_.jsx)(k.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(k.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:j,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:r}){const{anchor:d,links:b,source:k,sortBy:x,perPage:g,showAvatars:j,showSort:S,showOpml:C,metadata:y}=e,B=y?.name||"",N=(0,c.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,c.useDispatch)(n.store),O=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return M(),void l({anchor:w(v(B),O())});if(r)return;const e=O();e.includes(d)&&(M(),l({anchor:w(d,e)}))},[d,r]);const A=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(A.current===B)return;const e=!d||function(e,l){const o=v(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,A.current);A.current=B,e&&l({anchor:w(v(B),O())})},[B]);const T=(0,c.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(n.store);if(!d||r)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,r]),{createWarningNotice:D,removeNotice:H}=(0,c.useDispatch)(h.store),P=(0,a.useRef)(null);(0,a.useEffect)(()=>{P.current&&(H(P.current),P.current=null),T&&(P.current=`blockroll-anchor-${d}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:P.current,isDismissible:!0,__unstableHTML:!0}))},[T,d]),(0,a.useEffect)(()=>()=>{P.current&&H(P.current)},[]);const[I,L]=(0,a.useState)(!1),[U,z]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),J="manual",q=U.some(e=>k===e.value),X=!k||W&&!q?J:k,K=JSON.stringify(e),Q=U.filter(e=>J!==e.value),Y=U.find(e=>X===e.value)||U[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(z(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return J===X?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(K)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[X,K]);const ee=(0,c.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:le}=(0,c.useDispatch)(n.store),[oe,te]=(0,a.useState)(!1),[ne,re]=(0,a.useState)(),se=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ae=(0,_.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,_.jsx)(i.Button,{variant:"primary",ref:re,"aria-expanded":oe,onClick:()=>te(!oe),children:(0,s.__)("Add link","blockroll")}),oe&&(0,_.jsx)(m,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),te(!1)},onClose:()=>te(!1)}),(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&J===X&&Q.map(e=>(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;J!==X||ee||(ce=(0,_.jsx)(i.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ae}));const ie=(0,_.jsx)("div",{className:"blockroll-editor-actions",children:(0,_.jsx)(i.Button,{variant:"secondary",onClick:()=>l({source:J}),children:(0,s.__)("Use manual links","blockroll")})});return(0,_.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,_.jsx)(n.InspectorControls,{children:(0,_.jsxs)(i.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,_.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||v(B)),{code:(0,_.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...y};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,_.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:x,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,_.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:g,onChange:e=>l({perPage:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:j,onChange:e=>l({showAvatars:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:S,onChange:e=>l({showSort:e})}),(0,_.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:C,onChange:e=>l({showOpml:e})})]})}),I&&(0,_.jsx)(f,{onImport:e=>{const o=new Set(b.map(e=>e.url));l({source:J,links:[...b,...e.filter(e=>!o.has(e.url))]})},onClose:()=>L(!1)}),J!==X?(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)(i.Placeholder,{icon:"admin-links",label:Y.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:ie}),Y.help&&(0,_.jsxs)("p",{children:[Y.help,Y.helpUrl&&(0,_.jsxs)(_.Fragment,{children:[" ",(0,_.jsx)("a",{href:Y.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,_.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(de=V,(0,_.jsx)("ul",{className:"blockroll-editor-list",children:de.map(e=>(0,_.jsxs)("li",{children:[j&&(e.photo?(0,_.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,_.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,_.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,_.jsx)("strong",{children:e.name||e.url}),(0,_.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,_.jsxs)("div",{className:"blockroll-editor",children:[ce||(0,_.jsx)("div",{...se}),!ce&&ae]})]});var de},save:()=>(0,_.jsx)(n.InnerBlocks.Content,{})})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],i=!0;for(var c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[c]))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,c,i=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var d=s(o)}for(l&&l(t);i<n.length;i++)c=n[i],o.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(3));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,onClose:o}){const[t,r]=(0,a.useState)(""),[n,i]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!n&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(i(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),i(!1)}))})()},children:[d&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:d}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",spellCheck:!1,value:t,disabled:n,onChange:e=>{r(e),h(null)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:n,disabled:!p||n,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),f)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{_(!0),w(null);try{const t=o?{opml:o}:{url:i},{links:r}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(m(t,e))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const v=window.wp.url;function w(e){return(0,v.cleanForSlug)(e)||"blogroll"}function j(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const y=[{attributes:n.uK,supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,r]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url).map(b)]}(e);return[o,[...l||[],...r.map(e=>(0,t.createBlock)("blockroll/link",e))]]}}],S=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:S,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:n}){const{anchor:d,source:m,sortBy:f,perPage:x,showAvatars:v,showSort:y,showOpml:S,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:A}=(0,i.useDispatch)(r.store),M=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return A(),void l({anchor:j(w(B),M())});if(n)return;const e=M();e.includes(d)&&(A(),l({anchor:j(d,e)}))},[d,n]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!d||function(e,l){const o=w(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,O.current);O.current=B,e&&l({anchor:j(w(B),M())})},[B]);const H=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(r.store);if(!d||n)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,n]),{createWarningNotice:P,removeNotice:T}=(0,i.useDispatch)(h.store),D=(0,a.useRef)(null);(0,a.useEffect)(()=>{D.current&&(T(D.current),D.current=null),H&&(D.current=`blockroll-anchor-${d}`,P((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:D.current,isDismissible:!0,__unstableHTML:!0}))},[H,d]),(0,a.useEffect)(()=>()=>{D.current&&T(D.current)},[]);const[I,L]=(0,a.useState)(!1),[U,z]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),J="manual",K=U.some(e=>m===e.value),Y=!m||W&&!K?J:m,q=JSON.stringify(e),X=U.filter(e=>J!==e.value),Q=U.find(e=>Y===e.value)||U[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(z(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return J===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,k.jsx)(_,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},onClose:()=>re(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&J===Y&&X.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;J!==Y||ee||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:J}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||w(B)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:f,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:x,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:y,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:S,onChange:e=>l({showOpml:e})})]})}),I&&(0,k.jsx)(g,{onImport:e=>{const n=new Set(N.select(r.store).getBlock(o).innerBlocks.map(e=>e.attributes.url)),s=e.filter(e=>e.url&&!n.has(e.url)).map(e=>(0,t.createBlock)("blockroll/link",b(e)));J!==Y&&l({source:J}),s.length&&oe(s,void 0,o)},onClose:()=>L(!1)}),J!==Y?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:de}),Q.help&&(0,k.jsxs)("p",{children:[Q.help,Q.helpUrl&&(0,k.jsxs)(k.Fragment,{children:[" ",(0,k.jsx)("a",{href:Q.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,k.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(ue=V,(0,k.jsx)("ul",{className:"blockroll-editor-list",children:ue.map(e=>(0,k.jsxs)("li",{children:[v&&(e.photo?(0,k.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,k.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,k.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,k.jsx)("strong",{children:e.name||e.url}),(0,k.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,k.jsxs)("div",{className:"blockroll-editor",children:[ce,(0,k.jsx)("div",{...ae}),!ce&&ie]})]});var ue},save:()=>(0,k.jsx)(r.InnerBlocks.Content,{}),deprecated:y})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var d=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(704));t=o.O(t)})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/migrate.test.js b/src/blogroll/__tests__/migrate.test.js
new file mode 100644
index 0000000..0594bbd
--- /dev/null
+++ b/src/blogroll/__tests__/migrate.test.js
@@ -0,0 +1,68 @@
+import { hasLegacyLinks, linkBlockAttributes, migrateLinks } from '../utils';
+
+describe( 'linkBlockAttributes', () => {
+	it( 'fills every field', () => {
+		expect( linkBlockAttributes( { url: 'https://a.example/' } ) ).toEqual(
+			{
+				url: 'https://a.example/',
+				name: '',
+				description: '',
+				feedUrl: '',
+				photo: '',
+				xfn: [],
+				added: '',
+			}
+		);
+	} );
+
+	it( 'drops unknown fields and keeps known ones', () => {
+		expect(
+			linkBlockAttributes( {
+				url: 'https://a.example/',
+				name: 'A',
+				xfn: [ 'friend' ],
+				extra: 1,
+			} )
+		).toEqual( {
+			url: 'https://a.example/',
+			name: 'A',
+			description: '',
+			feedUrl: '',
+			photo: '',
+			xfn: [ 'friend' ],
+			added: '',
+		} );
+	} );
+} );
+
+describe( 'hasLegacyLinks', () => {
+	it( 'is true only for a non-empty links array', () => {
+		expect( hasLegacyLinks( { links: [ { url: 'x' } ] } ) ).toBe( true );
+		expect( hasLegacyLinks( { links: [] } ) ).toBe( false );
+		expect( hasLegacyLinks( {} ) ).toBe( false );
+	} );
+} );
+
+describe( 'migrateLinks', () => {
+	it( 'empties the attribute and returns the links as block attributes', () => {
+		const [ attributes, links ] = migrateLinks( {
+			anchor: 'blogroll',
+			sortBy: 'manual',
+			links: [
+				{ url: 'https://a.example/', name: 'A' },
+				{ name: 'no url' },
+				{ url: 'https://b.example/', xfn: [ 'me' ] },
+			],
+		} );
+		expect( attributes ).toEqual( {
+			anchor: 'blogroll',
+			sortBy: 'manual',
+			links: [],
+		} );
+		expect( links.map( ( link ) => link.url ) ).toEqual( [
+			'https://a.example/',
+			'https://b.example/',
+		] );
+		expect( links[ 1 ].xfn ).toEqual( [ 'me' ] );
+	} );
+} );
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
new file mode 100644
index 0000000..b211863
--- /dev/null
+++ b/src/blogroll/deprecated.js
@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import metadata from './block.json';
+import { hasLegacyLinks, migrateLinks } from './utils';
+
+/**
+ * Before 1.3 the links were an attribute of the blogroll; now each is a
+ * block of its own inside it. The saved markup was empty either way, so
+ * the old block is still valid; isEligible makes the editor migrate it
+ * anyway. The server keeps reading the attribute for posts nobody opens.
+ */
+const v1 = {
+	attributes: metadata.attributes,
+	supports: metadata.supports,
+	save: () => null,
+	isEligible: ( attributes, innerBlocks ) =>
+		hasLegacyLinks( attributes ) && ! innerBlocks?.length,
+	migrate: ( attributes, innerBlocks ) => {
+		const [ next, links ] = migrateLinks( attributes );
+		return [
+			next,
+			[
+				...( innerBlocks || [] ),
+				...links.map( ( link ) =>
+					createBlock( 'blockroll/link', link )
+				),
+			],
+		];
+	},
+};
+
+export default [ v1 ];
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 1d1e4a9..ef53899 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -33,6 +33,7 @@ import { escapeHTML } from '@wordpress/escape-html';
  * Internal dependencies
  */
 import AddLink from './components/add-link';
+import { linkBlockAttributes } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
@@ -53,7 +54,6 @@ export default function Edit( {
 } ) {
 	const {
 		anchor,
-		links,
 		source,
 		sortBy,
 		perPage,
@@ -292,7 +292,7 @@ export default function Edit( {
 		( select ) => select( blockEditorStore ).getBlockCount( clientId ),
 		[ clientId ]
 	);
-	const { insertBlock } = useDispatch( blockEditorStore );
+	const { insertBlock, insertBlocks } = useDispatch( blockEditorStore );
 	const [ isAdding, setIsAdding ] = useState( false );
 	const [ addAnchor, setAddAnchor ] = useState();
 	const addLink = ( link ) => {
@@ -315,15 +315,26 @@ export default function Edit( {
 		}
 	);
 
+	// Imported links become link blocks at the end of the list; addresses
+	// already in it are skipped.
 	const importLinks = ( imported ) => {
-		const known = new Set( links.map( ( link ) => link.url ) );
-		setAttributes( {
-			source: manualSource,
-			links: [
-				...links,
-				...imported.filter( ( link ) => ! known.has( link.url ) ),
-			],
-		} );
+		const known = new Set(
+			registry
+				.select( blockEditorStore )
+				.getBlock( clientId )
+				.innerBlocks.map( ( block ) => block.attributes.url )
+		);
+		const blocks = imported
+			.filter( ( link ) => link.url && ! known.has( link.url ) )
+			.map( ( link ) =>
+				createBlock( 'blockroll/link', linkBlockAttributes( link ) )
+			);
+		if ( manualSource !== currentSource ) {
+			setAttributes( { source: manualSource } );
+		}
+		if ( blocks.length ) {
+			insertBlocks( blocks, undefined, clientId );
+		}
 	};
 
 	const actions = (
@@ -563,7 +574,10 @@ export default function Edit( {
 				</div>
 			) : (
 				<div className="blockroll-editor">
-					{ emptyState || <div { ...innerBlocksProps } /> }
+					{ emptyState }
+					{ /* Always rendered: it is what registers the block
+					     list settings a link block needs to be inserted. */ }
+					<div { ...innerBlocksProps } />
 					{ ! emptyState && actions }
 				</div>
 			) }
diff --git a/src/blogroll/editor.scss b/src/blogroll/editor.scss
index 5b45af4..e2fe125 100644
--- a/src/blogroll/editor.scss
+++ b/src/blogroll/editor.scss
@@ -10,6 +10,10 @@
 		gap: 12px;
 	}
 
+	.blockroll-editor-links:empty {
+		display: none;
+	}
+
 	.blockroll-editor-list {
 		list-style: none;
 		margin: 0;
diff --git a/src/blogroll/index.js b/src/blogroll/index.js
index 7923519..154ddbf 100644
--- a/src/blogroll/index.js
+++ b/src/blogroll/index.js
@@ -2,6 +2,7 @@ import { registerBlockType } from '@wordpress/blocks';
 import { InnerBlocks } from '@wordpress/block-editor';
 import metadata from './block.json';
 import Edit from './edit';
+import deprecated from './deprecated';
 import { blogroll as icon } from '../icons';
 import './style.scss';
 import './editor.scss';
@@ -11,4 +12,5 @@ registerBlockType( metadata.name, {
 	icon,
 	edit: Edit,
 	save: () => <InnerBlocks.Content />,
+	deprecated,
 } );
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 9f41e0e..ae8ee9c 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -39,3 +39,48 @@ export function toUrl( input ) {
 	const value = input.trim();
 	return /^[a-z][a-z0-9+.-]*:/i.test( value ) ? value : `https://${ value }`;
 }
+
+/**
+ * The attributes of a link block, from a link the way the block stored
+ * it in its own attributes before links became blocks, or the way an
+ * import or a source delivers it. Only the known fields, filled in.
+ *
+ * @param {Object} link Raw link.
+ * @return {Object} Link block attributes.
+ */
+export function linkBlockAttributes( link ) {
+	return {
+		url: link?.url || '',
+		name: link?.name || '',
+		description: link?.description || '',
+		feedUrl: link?.feedUrl || '',
+		photo: link?.photo || '',
+		xfn: Array.isArray( link?.xfn ) ? link.xfn : [],
+		added: link?.added || '',
+	};
+}
+
+/**
+ * Whether a blogroll block still has its links in the `links` attribute.
+ *
+ * @param {Object} attributes Block attributes.
+ * @return {boolean} True for a block saved before links were blocks.
+ */
+export function hasLegacyLinks( attributes ) {
+	return Array.isArray( attributes?.links ) && attributes.links.length > 0;
+}
+
+/**
+ * Move the links of a block's `links` attribute out of it.
+ *
+ * @param {Object} attributes Block attributes.
+ * @return {Array} The attributes without links, and the link block attributes.
+ */
+export function migrateLinks( attributes ) {
+	return [
+		{ ...attributes, links: [] },
+		( attributes.links || [] )
+			.filter( ( link ) => link?.url )
+			.map( linkBlockAttributes ),
+	];
+}

From c2b9af33f92037dcbd2d2215d5ac2c2d7508c71f Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:32:59 +0200
Subject: [PATCH 04/23] remove the old link form

---
 build/blogroll/index-rtl.css         |   2 +-
 build/blogroll/index.asset.php       |   2 +-
 build/blogroll/index.css             |   2 +-
 src/blogroll/__tests__/utils.test.js |  18 +--
 src/blogroll/components/link-form.js | 161 ---------------------------
 src/blogroll/editor.scss             |  27 -----
 src/blogroll/utils.js                |  14 ---
 7 files changed, 4 insertions(+), 222 deletions(-)
 delete mode 100644 src/blogroll/components/link-form.js

diff --git a/build/blogroll/index-rtl.css b/build/blogroll/index-rtl.css
index 6de65e9..7974b79 100644
--- a/build/blogroll/index-rtl.css
+++ b/build/blogroll/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 279029a..0c1676a 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'b30ca27182b5430c7c86');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'a4b8bf32f8b8c9b1a924');
diff --git a/build/blogroll/index.css b/build/blogroll/index.css
index 6de65e9..7974b79 100644
--- a/build/blogroll/index.css
+++ b/build/blogroll/index.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__actions{display:flex;flex-shrink:0}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-end;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
diff --git a/src/blogroll/__tests__/utils.test.js b/src/blogroll/__tests__/utils.test.js
index 82f5e65..b886c93 100644
--- a/src/blogroll/__tests__/utils.test.js
+++ b/src/blogroll/__tests__/utils.test.js
@@ -1,23 +1,7 @@
 /**
  * Internal dependencies
  */
-import { move, mergeDiscovered } from '../utils';
-
-describe( 'move', () => {
-	it( 'moves an element down', () => {
-		expect( move( [ 'a', 'b', 'c' ], 0, 1 ) ).toEqual( [ 'b', 'a', 'c' ] );
-	} );
-
-	it( 'moves an element up', () => {
-		expect( move( [ 'a', 'b', 'c' ], 2, 0 ) ).toEqual( [ 'c', 'a', 'b' ] );
-	} );
-
-	it( 'does not mutate the original', () => {
-		const original = [ 'a', 'b' ];
-		move( original, 0, 1 );
-		expect( original ).toEqual( [ 'a', 'b' ] );
-	} );
-} );
+import { mergeDiscovered } from '../utils';
 
 describe( 'mergeDiscovered', () => {
 	it( 'fills empty fields only', () => {
diff --git a/src/blogroll/components/link-form.js b/src/blogroll/components/link-form.js
deleted file mode 100644
index b50862b..0000000
--- a/src/blogroll/components/link-form.js
+++ /dev/null
@@ -1,161 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import apiFetch from '@wordpress/api-fetch';
-import {
-	Button,
-	Modal,
-	Notice,
-	TextControl,
-	TextareaControl,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import XfnControl from './xfn-control';
-import { mergeDiscovered } from '../utils';
-
-const EMPTY = {
-	url: '',
-	name: '',
-	description: '',
-	feedUrl: '',
-	photo: '',
-	xfn: [],
-	added: '',
-};
-
-/**
- * Modal to add or edit a single link.
- *
- * @param {Object}   props          Component props.
- * @param {Object}   props.link     Link to edit, or undefined for a new one.
- * @param {Function} props.onSave   Called with the finished link.
- * @param {Function} props.onCancel Called when the user cancels.
- */
-export default function LinkForm( { link, onSave, onCancel } ) {
-	const [ draft, setDraft ] = useState( { ...EMPTY, ...link } );
-	const [ isFetching, setIsFetching ] = useState( false );
-	const [ error, setError ] = useState( null );
-
-	const set = ( field ) => ( fieldValue ) =>
-		setDraft( ( current ) => ( { ...current, [ field ]: fieldValue } ) );
-
-	const fetchDetails = () => {
-		setIsFetching( true );
-		setError( null );
-		apiFetch( {
-			path: '/blockroll/v1/discover',
-			method: 'POST',
-			data: { url: draft.url },
-		} )
-			.then( ( found ) =>
-				setDraft( ( current ) => mergeDiscovered( current, found ) )
-			)
-			.catch( ( fetchError ) =>
-				setError(
-					fetchError.message ||
-						__( 'The site could not be reached.', 'blockroll' )
-				)
-			)
-			.finally( () => setIsFetching( false ) );
-	};
-
-	const save = () =>
-		onSave( {
-			...draft,
-			added: draft.added || new Date().toISOString().slice( 0, 10 ),
-		} );
-
-	return (
-		<Modal
-			title={
-				link
-					? __( 'Edit link', 'blockroll' )
-					: __( 'Add link', 'blockroll' )
-			}
-			size="medium"
-			onRequestClose={ onCancel }
-			focusOnMount="firstContentElement"
-		>
-			<div className="blockroll-form">
-				{ error && (
-					<Notice status="error" isDismissible={ false }>
-						{ error }
-					</Notice>
-				) }
-				<div className="blockroll-form__row">
-					<TextControl
-						__next40pxDefaultSize
-						__nextHasNoMarginBottom
-						label={ __( 'Address', 'blockroll' ) }
-						placeholder="https://example.com/"
-						type="url"
-						value={ draft.url }
-						onChange={ set( 'url' ) }
-					/>
-					<Button
-						__next40pxDefaultSize
-						variant="secondary"
-						isBusy={ isFetching }
-						disabled={ ! draft.url || isFetching }
-						onClick={ fetchDetails }
-					>
-						{ __( 'Fetch details', 'blockroll' ) }
-					</Button>
-				</div>
-				<TextControl
-					__next40pxDefaultSize
-					__nextHasNoMarginBottom
-					label={ __( 'Name', 'blockroll' ) }
-					value={ draft.name }
-					onChange={ set( 'name' ) }
-				/>
-				<TextareaControl
-					__nextHasNoMarginBottom
-					label={ __( 'Description', 'blockroll' ) }
-					rows={ 2 }
-					value={ draft.description }
-					onChange={ set( 'description' ) }
-				/>
-				<TextControl
-					__next40pxDefaultSize
-					__nextHasNoMarginBottom
-					label={ __( 'Feed address', 'blockroll' ) }
-					type="url"
-					value={ draft.feedUrl }
-					onChange={ set( 'feedUrl' ) }
-				/>
-				<TextControl
-					__next40pxDefaultSize
-					__nextHasNoMarginBottom
-					label={ __( 'Image address', 'blockroll' ) }
-					type="url"
-					value={ draft.photo }
-					onChange={ set( 'photo' ) }
-				/>
-				<XfnControl value={ draft.xfn } onChange={ set( 'xfn' ) } />
-				<div className="blockroll-form__footer">
-					<Button
-						__next40pxDefaultSize
-						variant="tertiary"
-						onClick={ onCancel }
-					>
-						{ __( 'Cancel', 'blockroll' ) }
-					</Button>
-					<Button
-						__next40pxDefaultSize
-						variant="primary"
-						disabled={ ! draft.url }
-						onClick={ save }
-					>
-						{ __( 'Save', 'blockroll' ) }
-					</Button>
-				</div>
-			</div>
-		</Modal>
-	);
-}
diff --git a/src/blogroll/editor.scss b/src/blogroll/editor.scss
index e2fe125..09c84f1 100644
--- a/src/blogroll/editor.scss
+++ b/src/blogroll/editor.scss
@@ -61,37 +61,10 @@
 				}
 			}
 
-			.blockroll-editor-list__actions {
-				display: flex;
-				flex-shrink: 0;
-			}
 		}
 	}
 }
 
-.blockroll-form {
-	display: grid;
-	gap: 16px;
-}
-
-.blockroll-form__row {
-	display: flex;
-	align-items: flex-end;
-	gap: 8px;
-
-	> :first-child {
-		flex-grow: 1;
-	}
-}
-
-.blockroll-form__footer {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	gap: 8px;
-	margin-top: 8px;
-}
-
 .blockroll-import-intro {
 	margin: 0;
 }
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index ae8ee9c..7d924c6 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -1,17 +1,3 @@
-/**
- * Move an array element.
- *
- * @param {Array}  list Array.
- * @param {number} from Index to move.
- * @param {number} to   Target index.
- * @return {Array} New array.
- */
-export function move( list, from, to ) {
-	const next = [ ...list ];
-	next.splice( to, 0, ...next.splice( from, 1 ) );
-	return next;
-}
-
 /**
  * Fill empty link fields with discovered values; existing values win.
  *

From a0a0ddaa5e7f621f1011aea4fbe336ae2bddc373 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:33:18 +0200
Subject: [PATCH 05/23] document link blocks

---
 docs/developers.md | 12 +++++++++---
 readme.md          |  6 ++++--
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/docs/developers.md b/docs/developers.md
index 3c61413..ea2ff6b 100644
--- a/docs/developers.md
+++ b/docs/developers.md
@@ -4,9 +4,15 @@ Notes for people who build on the plugin or work on it. Everything a user needs
 
 ## How it works
 
-The links live in the block attributes, so the whole blogroll travels with the post
-content. Each link holds `url`, `name`, `description`, `feedUrl`, `photo`, an `xfn`
-array, and the date it was added.
+Every link is a block of its own, `blockroll/link`, inside the `blockroll/blogroll`
+block, so the whole blogroll travels with the post content. A link block holds `url`,
+`name`, `description`, `feedUrl`, `photo`, an `xfn` array, and the date it was `added`.
+It has no output of its own: the blogroll renders the whole list on the server, because
+sorting and paging reorder and cut it. Blogrolls saved before 1.3 kept their links in a
+`links` attribute of the blogroll block. The server still reads that attribute when a
+block has no link blocks, so such a post renders without being opened; the editor
+migrates it to link blocks when it is opened (a block deprecation, see
+`src/blogroll/deprecated.js`).
 
 Every entry is marked up as an [h-card](https://microformats.org/wiki/h-card) with
 [XFN](https://gmpg.org/xfn/) relationships on the link, in an
diff --git a/readme.md b/readme.md
index 5349c75..e5d8b2b 100644
--- a/readme.md
+++ b/readme.md
@@ -66,8 +66,10 @@ this version get their anchor the first time the page is viewed.
 ### How do I add a link?
 
 Paste the address of the site and the plugin fills in the rest: name, description, icon,
-and the feed, if it finds one. Everything stays editable, and links can be reordered by
-dragging.
+and the feed, if it finds one. Every link is a block of its own inside the list, so it
+can be moved, duplicated, copied to another page and edited right where it is: name and
+description in place, the address behind the name, the feed and the relationship in the
+line below, the icon by clicking it.
 
 ### Can I import the subscriptions from my feed reader?
 

From f9839158e99fbe9b60d5e02c231b91b674436307 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:43:39 +0200
Subject: [PATCH 06/23] no autocomplete on the address field

---
 build/blogroll/index.asset.php      | 2 +-
 build/blogroll/index.js             | 2 +-
 src/blogroll/components/add-link.js | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 0c1676a..2dfbdf8 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'a4b8bf32f8b8c9b1a924');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '5b958431e9418addfb3a');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index b477074..976f316 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,4 +1,4 @@
-(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,onClose:o}){const[t,r]=(0,a.useState)(""),[n,i]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!n&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(i(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),i(!1)}))})()},children:[d&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:d}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",spellCheck:!1,value:t,disabled:n,onChange:e=>{r(e),h(null)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:n,disabled:!p||n,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,onClose:o}){const[t,r]=(0,a.useState)(""),[n,i]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!n&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(i(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),i(!1)}))})()},children:[d&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:d}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:t,disabled:n,onChange:e=>{r(e),h(null)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:n,disabled:!p||n,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
 (0,s.__)("%d links processed…","blockroll"),f)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{_(!0),w(null);try{const t=o?{opml:o}:{url:i},{links:r}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(m(t,e))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const v=window.wp.url;function w(e){return(0,v.cleanForSlug)(e)||"blogroll"}function j(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const y=[{attributes:n.uK,supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,r]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url).map(b)]}(e);return[o,[...l||[],...r.map(e=>(0,t.createBlock)("blockroll/link",e))]]}}],S=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:S,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:n}){const{anchor:d,source:m,sortBy:f,perPage:x,showAvatars:v,showSort:y,showOpml:S,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:A}=(0,i.useDispatch)(r.store),M=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return A(),void l({anchor:j(w(B),M())});if(n)return;const e=M();e.includes(d)&&(A(),l({anchor:j(d,e)}))},[d,n]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!d||function(e,l){const o=w(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,O.current);O.current=B,e&&l({anchor:j(w(B),M())})},[B]);const H=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(r.store);if(!d||n)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,n]),{createWarningNotice:P,removeNotice:T}=(0,i.useDispatch)(h.store),D=(0,a.useRef)(null);(0,a.useEffect)(()=>{D.current&&(T(D.current),D.current=null),H&&(D.current=`blockroll-anchor-${d}`,P((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
 (0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:D.current,isDismissible:!0,__unstableHTML:!0}))},[H,d]),(0,a.useEffect)(()=>()=>{D.current&&T(D.current)},[]);const[I,L]=(0,a.useState)(!1),[U,z]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),J="manual",K=U.some(e=>m===e.value),Y=!m||W&&!K?J:m,q=JSON.stringify(e),X=U.filter(e=>J!==e.value),Q=U.find(e=>Y===e.value)||U[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(z(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return J===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,k.jsx)(_,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},onClose:()=>re(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&J===Y&&X.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
 (0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;J!==Y||ee||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:J}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index 152ea41..a4f32fd 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -83,6 +83,7 @@ export default function AddLink( { anchor, onAdd, onClose } ) {
 						placeholder="example.com"
 						type="text"
 						inputMode="url"
+						autoComplete="off"
 						spellCheck={ false }
 						value={ input }
 						disabled={ isBusy }

From 0c5507280b030ab68e4b9e5de9de98a4a125103b Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:45:46 +0200
Subject: [PATCH 07/23] do not add a site twice

---
 build/blogroll/index.asset.php           |  2 +-
 build/blogroll/index.js                  | 10 +++++-----
 src/blogroll/__tests__/same-site.test.js | 21 +++++++++++++++++++++
 src/blogroll/components/add-link.js      | 19 +++++++++++++++++--
 src/blogroll/edit.js                     | 11 ++++++++++-
 src/blogroll/utils.js                    | 19 +++++++++++++++++++
 6 files changed, 73 insertions(+), 9 deletions(-)
 create mode 100644 src/blogroll/__tests__/same-site.test.js

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 2dfbdf8..45fc288 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '5b958431e9418addfb3a');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '7d36f51929a1d530591b');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 976f316..fb84f86 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,onClose:o}){const[t,r]=(0,a.useState)(""),[n,i]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),p=t.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),p&&!n&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(p);d?l({url:e}):(i(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),i(!1)}))})()},children:[d&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:d}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:t,disabled:n,onChange:e=>{r(e),h(null)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:n,disabled:!p||n,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),f)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{_(!0),w(null);try{const t=o?{opml:o}:{url:i},{links:r}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(m(t,e))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const v=window.wp.url;function w(e){return(0,v.cleanForSlug)(e)||"blogroll"}function j(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const y=[{attributes:n.uK,supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,r]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url).map(b)]}(e);return[o,[...l||[],...r.map(e=>(0,t.createBlock)("blockroll/link",e))]]}}],S=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:S,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:n}){const{anchor:d,source:m,sortBy:f,perPage:x,showAvatars:v,showSort:y,showOpml:S,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:A}=(0,i.useDispatch)(r.store),M=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return A(),void l({anchor:j(w(B),M())});if(n)return;const e=M();e.includes(d)&&(A(),l({anchor:j(d,e)}))},[d,n]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!d||function(e,l){const o=w(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,O.current);O.current=B,e&&l({anchor:j(w(B),M())})},[B]);const H=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(r.store);if(!d||n)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,n]),{createWarningNotice:P,removeNotice:T}=(0,i.useDispatch)(h.store),D=(0,a.useRef)(null);(0,a.useEffect)(()=>{D.current&&(T(D.current),D.current=null),H&&(D.current=`blockroll-anchor-${d}`,P((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:D.current,isDismissible:!0,__unstableHTML:!0}))},[H,d]),(0,a.useEffect)(()=>()=>{D.current&&T(D.current)},[]);const[I,L]=(0,a.useState)(!1),[U,z]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),J="manual",K=U.some(e=>m===e.value),Y=!m||W&&!K?J:m,q=JSON.stringify(e),X=U.filter(e=>J!==e.value),Q=U.find(e=>Y===e.value)||U[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(z(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return J===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,k.jsx)(_,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},onClose:()=>re(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&J===Y&&X.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;J!==Y||ee||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:J}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||w(B)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:f,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:x,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:y,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:S,onChange:e=>l({showOpml:e})})]})}),I&&(0,k.jsx)(g,{onImport:e=>{const n=new Set(N.select(r.store).getBlock(o).innerBlocks.map(e=>e.attributes.url)),s=e.filter(e=>e.url&&!n.has(e.url)).map(e=>(0,t.createBlock)("blockroll/link",b(e)));J!==Y&&l({source:J}),s.length&&oe(s,void 0,o)},onClose:()=>L(!1)}),J!==Y?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(!1),[h,p]=(0,a.useState)(null),[b,_]=(0,a.useState)(!1),f=r.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?_(!0):h?l({url:e}):(d(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{p(e.message||(0,s.__)("The site could not be reached.","blockroll")),d(!1)}))})()},children:[h&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:h}),b&&(0,k.jsx)(c.Notice,{status:"warning",isDismissible:!1,children:(0,s.__)("This site is in the list already.","blockroll")}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),p(null),_(!1)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||b,children:h?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),f)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{_(!0),w(null);try{const t=o?{opml:o}:{url:i},{links:r}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(m(t,e))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const v=window.wp.url;function w(e){return(0,v.cleanForSlug)(e)||"blogroll"}function j(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const y=[{attributes:n.uK,supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,r]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url).map(b)]}(e);return[o,[...l||[],...r.map(e=>(0,t.createBlock)("blockroll/link",e))]]}}],S=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:S,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:n}){const{anchor:d,source:m,sortBy:f,perPage:x,showAvatars:v,showSort:y,showOpml:S,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:A}=(0,i.useDispatch)(r.store),M=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return A(),void l({anchor:j(w(B),M())});if(n)return;const e=M();e.includes(d)&&(A(),l({anchor:j(d,e)}))},[d,n]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!d||function(e,l){const o=w(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,O.current);O.current=B,e&&l({anchor:j(w(B),M())})},[B]);const T=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(r.store);if(!d||n)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,n]),{createWarningNotice:D,removeNotice:H}=(0,i.useDispatch)(h.store),P=(0,a.useRef)(null);(0,a.useEffect)(()=>{P.current&&(H(P.current),P.current=null),T&&(P.current=`blockroll-anchor-${d}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:P.current,isDismissible:!0,__unstableHTML:!0}))},[T,d]),(0,a.useEffect)(()=>()=>{P.current&&H(P.current)},[]);const[L,z]=(0,a.useState)(!1),[I,U]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[K,W]=(0,a.useState)(!1),G="manual",J=I.some(e=>m===e.value),Y=!m||K&&!J?G:m,q=JSON.stringify(e),X=I.filter(e=>G!==e.value),Q=I.find(e=>Y===e.value)||I[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(U(e),W(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return G===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,k.jsx)(_,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},isKnown:e=>N.select(r.store).getBlock(o).innerBlocks.some(l=>function(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}(l.attributes.url,e)),onClose:()=>re(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>z(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&G===Y&&X.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;G!==Y||ee||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:G}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||w(B)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:f,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:x,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:y,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:S,onChange:e=>l({showOpml:e})})]})}),L&&(0,k.jsx)(g,{onImport:e=>{const n=new Set(N.select(r.store).getBlock(o).innerBlocks.map(e=>e.attributes.url)),s=e.filter(e=>e.url&&!n.has(e.url)).map(e=>(0,t.createBlock)("blockroll/link",b(e)));G!==Y&&l({source:G}),s.length&&oe(s,void 0,o)},onClose:()=>z(!1)}),G!==Y?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
 (0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:de}),Q.help&&(0,k.jsxs)("p",{children:[Q.help,Q.helpUrl&&(0,k.jsxs)(k.Fragment,{children:[" ",(0,k.jsx)("a",{href:Q.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,k.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(ue=V,(0,k.jsx)("ul",{className:"blockroll-editor-list",children:ue.map(e=>(0,k.jsxs)("li",{children:[v&&(e.photo?(0,k.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,k.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,k.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,k.jsx)("strong",{children:e.name||e.url}),(0,k.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,k.jsxs)("div",{className:"blockroll-editor",children:[ce,(0,k.jsx)("div",{...ae}),!ce&&ie]})]});var ue},save:()=>(0,k.jsx)(r.InnerBlocks.Content,{}),deprecated:y})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var d=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(704));t=o.O(t)})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/same-site.test.js b/src/blogroll/__tests__/same-site.test.js
new file mode 100644
index 0000000..4a02bb7
--- /dev/null
+++ b/src/blogroll/__tests__/same-site.test.js
@@ -0,0 +1,21 @@
+import { sameSite } from '../utils';
+
+describe( 'sameSite', () => {
+	it( 'ignores scheme, www, case and the trailing slash', () => {
+		expect(
+			sameSite( 'https://notiz.blog/', 'http://www.Notiz.blog' )
+		).toBe( true );
+		expect( sameSite( 'notiz.blog', 'https://notiz.blog/' ) ).toBe( true );
+	} );
+
+	it( 'keeps paths apart', () => {
+		expect(
+			sameSite( 'https://a.example/blog', 'https://a.example/' )
+		).toBe( false );
+	} );
+
+	it( 'never matches an empty address', () => {
+		expect( sameSite( '', '' ) ).toBe( false );
+		expect( sameSite( undefined, 'https://a.example/' ) ).toBe( false );
+	} );
+} );
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index a4f32fd..166bb9d 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -21,16 +21,22 @@ import { mergeDiscovered, toUrl } from '../utils';
  * @param {Object}   props         Component props.
  * @param {Element}  props.anchor  Element the popover is anchored at.
  * @param {Function} props.onAdd   Called with the attributes of the new link.
+ * @param {Function} props.isKnown Whether an address is in the list already.
  * @param {Function} props.onClose Called when the overlay closes.
  */
-export default function AddLink( { anchor, onAdd, onClose } ) {
+export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ input, setInput ] = useState( '' );
 	const [ isBusy, setIsBusy ] = useState( false );
 	const [ error, setError ] = useState( null );
+	const [ isDuplicate, setIsDuplicate ] = useState( false );
 	const value = input.trim();
 
 	const add = () => {
 		const url = toUrl( value );
+		if ( isKnown?.( url ) ) {
+			setIsDuplicate( true );
+			return;
+		}
 		if ( error ) {
 			onAdd( { url } );
 			return;
@@ -74,6 +80,14 @@ export default function AddLink( { anchor, onAdd, onClose } ) {
 						{ error }
 					</Notice>
 				) }
+				{ isDuplicate && (
+					<Notice status="warning" isDismissible={ false }>
+						{ __(
+							'This site is in the list already.',
+							'blockroll'
+						) }
+					</Notice>
+				) }
 				<div className="blockroll-add-link__row">
 					<TextControl
 						__next40pxDefaultSize
@@ -90,6 +104,7 @@ export default function AddLink( { anchor, onAdd, onClose } ) {
 						onChange={ ( next ) => {
 							setInput( next );
 							setError( null );
+							setIsDuplicate( false );
 						} }
 					/>
 					<Button
@@ -97,7 +112,7 @@ export default function AddLink( { anchor, onAdd, onClose } ) {
 						variant="primary"
 						type="submit"
 						isBusy={ isBusy }
-						disabled={ ! value || isBusy }
+						disabled={ ! value || isBusy || isDuplicate }
 					>
 						{ error
 							? __( 'Add anyway', 'blockroll' )
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index ef53899..3c2c88f 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -33,7 +33,7 @@ import { escapeHTML } from '@wordpress/escape-html';
  * Internal dependencies
  */
 import AddLink from './components/add-link';
-import { linkBlockAttributes } from './utils';
+import { linkBlockAttributes, sameSite } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
@@ -295,6 +295,14 @@ export default function Edit( {
 	const { insertBlock, insertBlocks } = useDispatch( blockEditorStore );
 	const [ isAdding, setIsAdding ] = useState( false );
 	const [ addAnchor, setAddAnchor ] = useState();
+	// The addresses in the list right now, for the duplicate check.
+	const isKnown = ( url ) =>
+		registry
+			.select( blockEditorStore )
+			.getBlock( clientId )
+			.innerBlocks.some( ( block ) =>
+				sameSite( block.attributes.url, url )
+			);
 	const addLink = ( link ) => {
 		insertBlock(
 			createBlock( 'blockroll/link', {
@@ -351,6 +359,7 @@ export default function Edit( {
 				<AddLink
 					anchor={ addAnchor }
 					onAdd={ addLink }
+					isKnown={ isKnown }
 					onClose={ () => setIsAdding( false ) }
 				/>
 			) }
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 7d924c6..26b731d 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -70,3 +70,22 @@ export function migrateLinks( attributes ) {
 			.map( linkBlockAttributes ),
 	];
 }
+
+/**
+ * Whether two addresses point at the same site: scheme, "www.", case
+ * and a trailing slash do not make a difference.
+ *
+ * @param {string} a One address.
+ * @param {string} b Another address.
+ * @return {boolean} True for the same site.
+ */
+export function sameSite( a, b ) {
+	const key = ( url ) =>
+		String( url || '' )
+			.trim()
+			.toLowerCase()
+			.replace( /^[a-z][a-z0-9+.-]*:\/\//, '' )
+			.replace( /^www\./, '' )
+			.replace( /\/+$/, '' );
+	return key( a ) !== '' && key( a ) === key( b );
+}

From 06631dec84572ca3b001eedd3b9f1ce0117a8ff6 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 18:55:32 +0200
Subject: [PATCH 08/23] simplify link blocks

---
 blockroll.php                           |   4 +-
 build/blogroll/index-rtl.css            |   2 +-
 build/blogroll/index.asset.php          |   2 +-
 build/blogroll/index.css                |   2 +-
 build/blogroll/index.js                 |  12 +-
 build/blogroll/render.php               |   4 +-
 build/link/index-rtl.css                |   2 +-
 build/link/index.asset.php              |   2 +-
 build/link/index.css                    |   2 +-
 build/link/index.js                     |   2 +-
 includes/class-sources.php              |  36 ++---
 src/blogroll/__tests__/migrate.test.js  |  46 +-----
 src/blogroll/components/add-link.js     |  35 ++---
 src/blogroll/components/import-modal.js |   8 +-
 src/blogroll/deprecated.js              |  26 ++--
 src/blogroll/discover.js                |  35 +++++
 src/blogroll/edit.js                    |  50 +++---
 src/blogroll/editor.scss                |  37 +++--
 src/blogroll/index.js                   |   2 +-
 src/blogroll/link-block.js              |  26 ++++
 src/blogroll/render.php                 |   4 +-
 src/blogroll/utils.js                   |  35 ++---
 src/icons.js                            |   9 --
 src/link/edit.js                        | 199 +++++++++++-------------
 src/link/editor.scss                    |  10 --
 src/link/index.js                       |   3 +-
 src/link/overlay-button.js              |  55 +++++++
 27 files changed, 325 insertions(+), 325 deletions(-)
 create mode 100644 src/blogroll/discover.js
 create mode 100644 src/blogroll/link-block.js
 delete mode 100644 src/icons.js
 create mode 100644 src/link/overlay-button.js

diff --git a/blockroll.php b/blockroll.php
index c913fae..92f8bb6 100644
--- a/blockroll.php
+++ b/blockroll.php
@@ -46,7 +46,9 @@ function init() {
 	Anchors::register();
 	Opml::register();
 	Xfn::register();
-	\register_block_type( __DIR__ . '/build/blogroll' );
+	// The blogroll renders its list itself, from the attributes of its link
+	// blocks; the link blocks have no output, so core need not render them.
+	\register_block_type( __DIR__ . '/build/blogroll', array( 'skip_inner_blocks' => true ) );
 	\register_block_type( __DIR__ . '/build/link' );
 }
 \add_action( 'init', __NAMESPACE__ . '\init' );
diff --git a/build/blogroll/index-rtl.css b/build/blogroll/index-rtl.css
index 7974b79..7c936a6 100644
--- a/build/blogroll/index-rtl.css
+++ b/build/blogroll/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 45fc288..d75138e 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '7d36f51929a1d530591b');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '43a9aaf327f1ea8a2c82');
diff --git a/build/blogroll/index.css b/build/blogroll/index.css
index 7974b79..7c936a6 100644
--- a/build/blogroll/index.css
+++ b/build/blogroll/index.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-links:empty{display:none}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-add-link .blockroll-add-link__row{display:flex;gap:8px}.blockroll-add-link .blockroll-add-link__row .components-base-control{flex-grow:1}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index fb84f86..d6f9ca2 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={704(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,d=window.wp.apiFetch;var u=o.n(d);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return{url:e?.url||"",name:e?.name||"",description:e?.description||"",feedUrl:e?.feedUrl||"",photo:e?.photo||"",xfn:Array.isArray(e?.xfn)?e.xfn:[],added:e?.added||""}}const k=window.ReactJSXRuntime;function _({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(!1),[h,p]=(0,a.useState)(null),[b,_]=(0,a.useState)(!1),f=r.trim();return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsxs)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?_(!0):h?l({url:e}):(d(!0),u()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}}).then(o=>l(m({url:e},o))).catch(e=>{p(e.message||(0,s.__)("The site could not be reached.","blockroll")),d(!1)}))})()},children:[h&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:h}),b&&(0,k.jsx)(c.Notice,{status:"warning",isDismissible:!1,children:(0,s.__)("This site is in the list already.","blockroll")}),(0,k.jsxs)("div",{className:"blockroll-add-link__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),p(null),_(!1)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||b,children:h?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})]})})}const f=window.wp.primitives;var x=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function g({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,d]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),[f,g]=(0,a.useState)(null),[v,w]=(0,a.useState)(null),j=e=>{e&&(e.text().then(t),n(e.name))},y={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>j(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:x,variant:"secondary",onChange:e=>j(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:d})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:y[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==f&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),f)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{_(!0),w(null);try{const t=o?{opml:o}:{url:i},{links:r}=await u()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{const e=await u()({path:"/blockroll/v1/discover",method:"POST",data:{url:t.url}});o.push(m(t,e))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){w(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const v=window.wp.url;function w(e){return(0,v.cleanForSlug)(e)||"blogroll"}function j(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const y=[{attributes:n.uK,supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,r]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url).map(b)]}(e);return[o,[...l||[],...r.map(e=>(0,t.createBlock)("blockroll/link",e))]]}}],S=(0,k.jsx)(f.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(f.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:S,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:n}){const{anchor:d,source:m,sortBy:f,perPage:x,showAvatars:v,showSort:y,showOpml:S,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:A}=(0,i.useDispatch)(r.store),M=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!d)return A(),void l({anchor:j(w(B),M())});if(n)return;const e=M();e.includes(d)&&(A(),l({anchor:j(d,e)}))},[d,n]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!d||function(e,l){const o=w(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(d,O.current);O.current=B,e&&l({anchor:j(w(B),M())})},[B]);const T=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:t,getSelectedBlockClientId:s}=e(r.store);if(!d||n)return!1;const a=s();return l().some(e=>e!==o&&e!==a&&t(e)?.anchor===d)},[o,d,n]),{createWarningNotice:D,removeNotice:H}=(0,i.useDispatch)(h.store),P=(0,a.useRef)(null);(0,a.useEffect)(()=>{P.current&&(H(P.current),P.current=null),T&&(P.current=`blockroll-anchor-${d}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(d)),{id:P.current,isDismissible:!0,__unstableHTML:!0}))},[T,d]),(0,a.useEffect)(()=>()=>{P.current&&H(P.current)},[]);const[L,z]=(0,a.useState)(!1),[I,U]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[K,W]=(0,a.useState)(!1),G="manual",J=I.some(e=>m===e.value),Y=!m||K&&!J?G:m,q=JSON.stringify(e),X=I.filter(e=>G!==e.value),Q=I.find(e=>Y===e.value)||I[0];(0,a.useEffect)(()=>{u()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(U(e),W(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return G===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),u()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:["blockroll/link"],templateLock:!1,renderAppender:!1}),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,k.jsx)(_,{anchor:ne,onAdd:e=>{le((0,t.createBlock)("blockroll/link",{...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},isKnown:e=>N.select(r.store).getBlock(o).innerBlocks.some(l=>function(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}(l.attributes.url,e)),onClose:()=>re(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>z(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&G===Y&&X.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;G!==Y||ee||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:G}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),d||w(B)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:f,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:x,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:y,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:S,onChange:e=>l({showOpml:e})})]})}),L&&(0,k.jsx)(g,{onImport:e=>{const n=new Set(N.select(r.store).getBlock(o).innerBlocks.map(e=>e.attributes.url)),s=e.filter(e=>e.url&&!n.has(e.url)).map(e=>(0,t.createBlock)("blockroll/link",b(e)));G!==Y&&l({source:G}),s.length&&oe(s,void 0,o)},onClose:()=>z(!1)}),G!==Y?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:de}),Q.help&&(0,k.jsxs)("p",{children:[Q.help,Q.helpUrl&&(0,k.jsxs)(k.Fragment,{children:[" ",(0,k.jsx)("a",{href:Q.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,k.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(ue=V,(0,k.jsx)("ul",{className:"blockroll-editor-list",children:ue.map(e=>(0,k.jsxs)("li",{children:[v&&(e.photo?(0,k.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,k.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,k.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,k.jsx)("strong",{children:e.name||e.url}),(0,k.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,k.jsxs)("div",{className:"blockroll-editor",children:[ce,(0,k.jsx)("div",{...ae}),!ce&&ie]})]});var ue},save:()=>(0,k.jsx)(r.InnerBlocks.Content,{}),deprecated:y})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var d=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(d)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(704));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={285(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,u=window.wp.apiFetch;var d=o.n(u);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return d()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}const _=window.ReactJSXRuntime;function k({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,k]=(0,a.useState)(!1),f=r.trim(),x=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,_.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,_.jsx)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?k(!0):d?l({url:e}):(u(!0),function(e){return b(e).then(l=>m({url:e},l))}(e).then(l).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),u(!1)}))})()},children:(0,_.jsxs)("div",{className:"blockroll-form__row",children:[(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:x,className:x?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),h(null),k(!1)}}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||p,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})})})}const f=JSON.parse('{"UU":"blockroll/link"}').UU;function x(e){return(0,t.createBlock)(f,e)}const g=window.wp.primitives;var v=(0,_.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(g.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function w({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[k,f]=(0,a.useState)(!1),[x,g]=(0,a.useState)(null),[w,j]=(0,a.useState)(null),y=e=>{e&&(e.text().then(t),n(e.name))},S={file:(0,_.jsxs)("div",{className:"blockroll-import-upload",children:[(0,_.jsx)(c.DropZone,{onFilesDrop:e=>y(e[0])}),(0,_.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:v,variant:"secondary",onChange:e=>y(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,_.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:u})};return(0,_.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,_.jsxs)("div",{className:"blockroll-form",children:[w&&(0,_.jsx)(c.Notice,{status:"error",isDismissible:!1,children:w}),(0,_.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,_.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,_.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,_.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,_.jsxs)("div",{className:"blockroll-form__footer",children:[null!==x&&(0,_.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),x)}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:k,disabled:!o&&!i||k,onClick:async()=>{f(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:r}=await d()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{o.push(m(t,await b(t.url)))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){j(e.message||(0,s.__)("The file could not be imported.","blockroll")),f(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const j=window.wp.url;function y(e){return(0,j.cleanForSlug)(e)||"blogroll"}function S(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const C=[{attributes:{...n.uK,links:{type:"array",default:[]}},supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(x)]}}];var B=(0,_.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(g.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:B,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:n,source:u,sortBy:m,perPage:b,showAvatars:g,showSort:v,showOpml:j,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,i.useDispatch)(r.store),A=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!n)return M(),void l({anchor:S(y(B),A())});if(t)return;const e=A();e.includes(n)&&(M(),l({anchor:S(n,e)}))},[n,t]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!n||function(e,l){const o=y(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(n,O.current);O.current=B,e&&l({anchor:S(y(B),A())})},[B]);const H=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(r.store);if(!n||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===n)},[o,n,t]),{createWarningNotice:T,removeNotice:P}=(0,i.useDispatch)(h.store),D=(0,a.useRef)(null);(0,a.useEffect)(()=>{D.current&&(P(D.current),D.current=null),H&&(D.current=`blockroll-anchor-${n}`,T((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(n)),{id:D.current,isDismissible:!0,__unstableHTML:!0}))},[H,n]),(0,a.useEffect)(()=>()=>{D.current&&P(D.current)},[]);const[U,L]=(0,a.useState)(!1),[z,I]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[J,K]=(0,a.useState)(!1),W="manual",G=z.some(e=>u===e.value),Y=!u||J&&!G?W:u,q=JSON.stringify(e),X=z.filter(e=>W!==e.value),Q=z.find(e=>Y===e.value)||z[0];(0,a.useEffect)(()=>{d()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(I(e),K(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return W===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),d()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,_.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,_.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,_.jsx)(k,{anchor:ne,onAdd:e=>{le(x({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},isKnown:e=>N.select(r.store).getBlocks(o).some(l=>function(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}(l.attributes.url,e)),onClose:()=>re(!1)}),(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&W===Y&&X.map(e=>(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ie=null;W!==Y||ee||(ie=(0,_.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ae}));const ce=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[f],templateLock:!1,renderAppender:!1,placeholder:ie}),ue=(0,_.jsx)("div",{className:"blockroll-editor-actions",children:(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:W}),children:(0,s.__)("Use manual links","blockroll")})});return(0,_.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,_.jsx)(r.InspectorControls,{children:(0,_.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),n||y(B)),{code:(0,_.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,_.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:m,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,_.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:b,onChange:e=>l({perPage:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:g,onChange:e=>l({showAvatars:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:v,onChange:e=>l({showSort:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:j,onChange:e=>l({showOpml:e})})]})}),U&&(0,_.jsx)(w,{onImport:e=>{const l=new Set(N.select(r.store).getBlocks(o).map(e=>e.attributes.url)),t=e.filter(e=>e.url&&!l.has(e.url)).map(x);t.length&&oe(t,void 0,o)},onClose:()=>L(!1)}),W!==Y?(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:ue}),Q.help&&(0,_.jsxs)("p",{children:[Q.help,Q.helpUrl&&(0,_.jsxs)(_.Fragment,{children:[" ",(0,_.jsx)("a",{href:Q.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,_.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(de=V,(0,_.jsx)("ul",{className:"blockroll-editor-list",children:de.map(e=>(0,_.jsxs)("li",{children:[g&&(e.photo?(0,_.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,_.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,_.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,_.jsx)("strong",{children:e.name||e.url}),(0,_.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)("div",{...ce}),!ie&&ae]})]});var de},save:()=>(0,_.jsx)(r.InnerBlocks.Content,{}),deprecated:C})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var u=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(285));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/blogroll/render.php b/build/blogroll/render.php
index 1cb3e71..0d269ef 100644
--- a/build/blogroll/render.php
+++ b/build/blogroll/render.php
@@ -8,7 +8,7 @@
  * @package Blockroll
  *
  * @var array    $attributes Block attributes.
- * @var WP_Block $block      The block, with its link blocks as inner blocks.
+ * @var WP_Block $block      The block; its link blocks are its inner blocks.
  */
 
 use Blockroll\Links;
@@ -17,7 +17,7 @@
 
 defined( 'ABSPATH' ) || exit;
 
-$blockroll_links = Sources::links( $attributes, $block->inner_blocks );
+$blockroll_links = Sources::links( $attributes, $block->parsed_block['innerBlocks'] ?? array() );
 
 $blockroll_sortable = $attributes['showSort'];
 
diff --git a/build/link/index-rtl.css b/build/link/index-rtl.css
index 353e294..3debdc7 100644
--- a/build/link/index-rtl.css
+++ b/build/link/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-link .blockroll-link__address{align-items:flex-start;display:flex;gap:8px}.wp-block-blockroll-link .blockroll-link__address .components-base-control{flex-grow:1}.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-left:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-left:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
+.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-left:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-left:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index d4f3a20..a4b5251 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '5aa3d5d9411a186187a1');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'b50dc0cd594a5d61967e');
diff --git a/build/link/index.css b/build/link/index.css
index 8239256..c6aa22e 100644
--- a/build/link/index.css
+++ b/build/link/index.css
@@ -1 +1 @@
-.wp-block-blockroll-link .blockroll-link__address{align-items:flex-start;display:flex;gap:8px}.wp-block-blockroll-link .blockroll-link__address .components-base-control{flex-grow:1}.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-right:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-right:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
+.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-right:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-right:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
diff --git a/build/link/index.js b/build/link/index.js
index 686eb7e..a7f0b9d 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),o=window.wp.i18n,t=window.wp.element,n=window.wp.blockEditor,r=window.wp.components,s=window.wp.primitives,a=window.ReactJSXRuntime;var i=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),c=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const d={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},u=["friendship","geographical","family"],h=Object.values(d).flat();function m({value:e=[],onChange:l}){return(0,a.jsx)(r.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,o.__)("Relationship","blockroll"),value:e,suggestions:h,onChange:e=>l(function(e){return e.filter(e=>h.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of u)d[e].includes(l)&&(o=o.filter(l=>!d[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const p=(0,a.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)(s.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,e.registerBlockType)(l.UU,{icon:p,edit:function({attributes:e,setAttributes:l,context:s,isSelected:d}){const{url:u,name:h,description:p,photo:x,feedUrl:_,xfn:f,added:b}=e,[k,g]=(0,t.useState)(""),[v,w]=(0,t.useState)(null),j=!!v,C=e=>w(e?"toolbar":null),[S,N]=(0,t.useState)(),[y,B]=(0,t.useState)(null),[F,T]=(0,t.useState)(),[H,M]=(0,t.useState)(),A=(0,t.useRef)({}),R=s["blockroll/showAvatars"]??!0,z=(0,n.useBlockProps)({className:u?"h-card":"is-placeholder"}),O=x?(0,a.jsx)("img",{className:"u-photo",src:x,alt:""}):(0,a.jsx)("span",{className:"blockroll-no-photo"}),V=(0,a.jsx)(n.InspectorControls,{children:(0,a.jsx)(r.PanelBody,{title:(0,o.__)("Link settings","blockroll"),children:(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Added","blockroll"),help:(0,o.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:b,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=k.trim();e&&l({url:e,added:b||(new Date).toISOString().slice(0,10)})};return(0,a.jsxs)("div",{...z,children:[V,(0,a.jsxs)("form",{className:"blockroll-link__address",onSubmit:l=>{l.preventDefault(),e()},children:[(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"https://example.com/",type:"url",value:k,onChange:g}),(0,a.jsx)(r.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",disabled:!k.trim(),children:(0,o.__)("Add","blockroll")})]})]})}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.BlockControls,{group:"block",children:(0,a.jsx)(r.ToolbarButton,{icon:i,title:(0,o.__)("Link","blockroll"),isActive:j,onClick:()=>C(!j)})}),V,d&&j&&(0,a.jsx)(r.Popover,{anchor:S,placement:"bottom-start",shift:!0,onClose:()=>C(!1),focusOnMount:"toolbar"===v&&"firstElement",className:"blockroll-link__overlay",children:(0,a.jsx)(n.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),C(!1)},onCancel:()=>C(!1)})}),(0,a.jsxs)("div",{...z,children:[R&&(0,a.jsx)(n.MediaReplaceFlow,{mediaURL:x,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:()=>{const e=document.activeElement;e?.closest('.block-editor-media-replace-flow__options, .media-modal, [role="dialog"]')||A.current.isOpen&&A.current.onToggle()}},renderToggle:({children:e,...l})=>(A.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,a.jsx)(r.Button,{...l,className:"blockroll-link__photo",label:(0,o.__)("Image","blockroll"),children:O}))}),(0,a.jsx)(n.RichText,{ref:N,onFocus:()=>w("name"),tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,o.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,a.jsx)(n.RichText,{tagName:"p",className:"p-note",value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,o.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,a.jsxs)("div",{className:"blockroll-meta",children:[(0,a.jsxs)(r.Button,{className:"blockroll-feed blockroll-link__meta-button",ref:T,"aria-expanded":"feed"===y,onClick:()=>B("feed"===y?null:"feed"),children:[(0,a.jsx)(r.Icon,{icon:c,className:"blockroll-feed-icon"}),_?(0,o.__)("feed","blockroll"):(0,o.__)("Add feed","blockroll")]}),(0,a.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,a.jsx)(r.Button,{className:"blockroll-link__meta-button",ref:M,"aria-expanded":"xfn"===y,onClick:()=>B("xfn"===y?null:"xfn"),children:f.length>0?(0,a.jsx)("ul",{className:"blockroll-xfn",children:f.map(e=>(0,a.jsx)("li",{children:e},e))}):(0,o.__)("Add relationship","blockroll")})]}),d&&"feed"===y&&(0,a.jsx)(r.Popover,{anchor:F,placement:"bottom-start",shift:!0,onClose:()=>B(null),focusOnMount:"firstElement",className:"blockroll-link__overlay",children:(0,a.jsx)("div",{className:"blockroll-link__overlay-more",children:(0,a.jsx)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Feed address","blockroll"),help:(0,o.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>l({feedUrl:e})})})}),d&&"xfn"===y&&(0,a.jsx)(r.Popover,{anchor:H,placement:"bottom-start",shift:!0,onClose:()=>B(null),focusOnMount:!1,className:"blockroll-link__overlay",children:(0,a.jsx)("div",{className:"blockroll-link__overlay-more",ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,a.jsx)(m,{value:f,onChange:e=>l({xfn:e})})})})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:l=>{const o=l&&l.__esModule?()=>l.default:()=>l;return e.d(o,{a:o}),o},d:(l,o)=>{if(Array.isArray(o))for(var t=0;t<o.length;){var n=o[t++],r=o[t++];e.o(l,n)?0===r&&t++:0===r?Object.defineProperty(l,n,{enumerable:!0,value:o[t++]}):Object.defineProperty(l,n,{enumerable:!0,get:r})}else for(var n in o)e.o(o,n)&&!e.o(l,n)&&Object.defineProperty(l,n,{enumerable:!0,get:o[n]})},o:(e,l)=>Object.hasOwn(e,l)},l=window.wp.blocks,o=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,n=window.wp.element,r=window.wp.blockEditor,s=window.wp.components,a=window.wp.primitives,i=window.ReactJSXRuntime;var c=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const u={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},h=["friendship","geographical","family"],m=Object.values(u).flat();function p({value:e=[],onChange:l}){return(0,i.jsx)(s.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:m,onChange:e=>l(function(e){return e.filter(e=>m.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of h)u[e].includes(l)&&(o=o.filter(l=>!u[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const f=window.wp.apiFetch;var x=e.n(f);function b({isOpen:e,onToggle:l,className:o,focusOnMount:t="firstElement",label:r,children:a}){const[c,d]=(0,n.useState)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Button,{className:o,ref:d,"aria-expanded":e,onClick:l,children:r}),e&&(0,i.jsx)(s.Popover,{anchor:c,placement:"bottom-start",shift:!0,onClose:l,focusOnMount:t,className:"blockroll-link__overlay",children:(0,i.jsx)("div",{className:"blockroll-link__overlay-more",children:a})})]})}var _=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,l.registerBlockType)(o.UU,{icon:_,edit:function({attributes:e,setAttributes:l,context:o,isSelected:a}){const{url:u,name:h,description:m,photo:f,feedUrl:_,xfn:g,added:v}=e,[w,k]=(0,n.useState)(""),[j,C]=(0,n.useState)(!1),[S,N]=(0,n.useState)(null),[y,O]=(0,n.useState)(),[T,F]=(0,n.useState)(null),B=e=>F(e===T?null:e),M=(0,n.useRef)({}),A=o["blockroll/showAvatars"]??!0,H=(0,r.useBlockProps)({className:u?"h-card":void 0}),z=f?(0,i.jsx)("img",{className:"u-photo",src:f,alt:""}):(0,i.jsx)("span",{className:"blockroll-no-photo"}),P=(0,i.jsx)(r.InspectorControls,{children:(0,i.jsx)(s.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:v,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(w);C(!0),function(e){return function(e){return x()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}(e).then(l=>function(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}({url:e},l))}(e).catch(()=>({url:e})).then(e=>l({...e,added:v||(new Date).toISOString().slice(0,10)}))};return(0,i.jsxs)("div",{...H,children:[P,(0,i.jsxs)("form",{className:"blockroll-form__row",onSubmit:l=>{l.preventDefault(),e()},children:[(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:w,disabled:j,onChange:k}),(0,i.jsx)(s.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:j,disabled:!w.trim()||j,children:(0,t.__)("Add","blockroll")})]})]})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BlockControls,{group:"block",children:(0,i.jsx)(s.ToolbarButton,{icon:c,title:(0,t.__)("Link","blockroll"),isActive:!!S,onClick:()=>N(S?null:"toolbar")})}),P,a&&S&&(0,i.jsx)(s.Popover,{anchor:y,placement:"bottom-start",shift:!0,onClose:()=>N(null),focusOnMount:"toolbar"===S&&"firstElement",className:"blockroll-link__overlay",children:(0,i.jsx)(r.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),N(null)},onCancel:()=>N(null)})}),(0,i.jsxs)("div",{...H,children:[A&&(0,i.jsx)(r.MediaReplaceFlow,{mediaURL:f,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:e=>{const l=e.target.ownerDocument.activeElement;!l?.closest('[role="dialog"]')&&M.current.isOpen&&M.current.onToggle()}},renderToggle:({children:e,...l})=>(M.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,i.jsx)(s.Button,{...l,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:z}))}),(0,i.jsx)(r.RichText,{ref:O,onFocus:()=>N("name"),tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,i.jsx)(r.RichText,{tagName:"p",className:"p-note",value:m,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,i.jsxs)("div",{className:"blockroll-meta",children:[(0,i.jsx)(b,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===T,onToggle:()=>B("feed"),label:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>l({feedUrl:e})})}),(0,i.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,i.jsx)(b,{className:"blockroll-link__meta-button",isOpen:"xfn"===T,onToggle:()=>B("xfn"),focusOnMount:!0,label:g.length>0?(0,i.jsx)("ul",{className:"blockroll-xfn",children:g.map(e=>(0,i.jsx)("li",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,i.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,i.jsx)(p,{value:g,onChange:e=>l({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/includes/class-sources.php b/includes/class-sources.php
index 5e40d9a..7e45fba 100644
--- a/includes/class-sources.php
+++ b/includes/class-sources.php
@@ -16,6 +16,11 @@ class Sources {
 	 */
 	const MANUAL = 'manual';
 
+	/**
+	 * The block that holds one link of a manual blogroll.
+	 */
+	const LINK_BLOCK = 'blockroll/link';
+
 	/**
 	 * Get available source labels.
 	 *
@@ -100,17 +105,11 @@ public static function help_url( $source ) {
 		return \is_scalar( $url ) ? \esc_url_raw( (string) $url ) : '';
 	}
 
-	/**
-	 * The block that holds one link of a manual blogroll.
-	 */
-	const LINK_BLOCK = 'blockroll/link';
-
 	/**
 	 * Resolve and normalize the links for a block's selected source.
 	 *
-	 * @param array                     $attributes   Block attributes.
-	 * @param array|\WP_Block_List|null $inner_blocks Inner blocks of the block, as parsed
-	 *                                                arrays or as WP_Block objects.
+	 * @param array $attributes   Block attributes.
+	 * @param array $inner_blocks Parsed inner blocks of the block.
 	 * @return array Normalized links.
 	 */
 	public static function links( $attributes, $inner_blocks = array() ) {
@@ -152,27 +151,16 @@ function ( $link ) {
 	/**
 	 * Collect the attributes of the link blocks among a block's inner blocks.
 	 *
-	 * Other blocks are ignored. Takes both shapes an inner block comes in:
-	 * the parsed array of parse_blocks() and the WP_Block of a render.
+	 * Other blocks are ignored.
 	 *
-	 * @param array|\WP_Block_List|null $inner_blocks Inner blocks.
+	 * @param array $inner_blocks Parsed inner blocks.
 	 * @return array Raw link arrays, in block order.
 	 */
 	private static function link_blocks( $inner_blocks ) {
 		$links = array();
-		if ( ! \is_iterable( $inner_blocks ) ) {
-			return $links;
-		}
-		foreach ( $inner_blocks as $block ) {
-			if ( $block instanceof \WP_Block ) {
-				$name  = $block->name;
-				$attrs = $block->attributes;
-			} else {
-				$name  = $block['blockName'] ?? '';
-				$attrs = $block['attrs'] ?? array();
-			}
-			if ( self::LINK_BLOCK === $name ) {
-				$links[] = (array) $attrs;
+		foreach ( (array) $inner_blocks as $block ) {
+			if ( self::LINK_BLOCK === ( $block['blockName'] ?? '' ) ) {
+				$links[] = (array) ( $block['attrs'] ?? array() );
 			}
 		}
 		return $links;
diff --git a/src/blogroll/__tests__/migrate.test.js b/src/blogroll/__tests__/migrate.test.js
index 0594bbd..3972839 100644
--- a/src/blogroll/__tests__/migrate.test.js
+++ b/src/blogroll/__tests__/migrate.test.js
@@ -1,39 +1,4 @@
-import { hasLegacyLinks, linkBlockAttributes, migrateLinks } from '../utils';
-
-describe( 'linkBlockAttributes', () => {
-	it( 'fills every field', () => {
-		expect( linkBlockAttributes( { url: 'https://a.example/' } ) ).toEqual(
-			{
-				url: 'https://a.example/',
-				name: '',
-				description: '',
-				feedUrl: '',
-				photo: '',
-				xfn: [],
-				added: '',
-			}
-		);
-	} );
-
-	it( 'drops unknown fields and keeps known ones', () => {
-		expect(
-			linkBlockAttributes( {
-				url: 'https://a.example/',
-				name: 'A',
-				xfn: [ 'friend' ],
-				extra: 1,
-			} )
-		).toEqual( {
-			url: 'https://a.example/',
-			name: 'A',
-			description: '',
-			feedUrl: '',
-			photo: '',
-			xfn: [ 'friend' ],
-			added: '',
-		} );
-	} );
-} );
+import { hasLegacyLinks, migrateLinks } from '../utils';
 
 describe( 'hasLegacyLinks', () => {
 	it( 'is true only for a non-empty links array', () => {
@@ -44,7 +9,7 @@ describe( 'hasLegacyLinks', () => {
 } );
 
 describe( 'migrateLinks', () => {
-	it( 'empties the attribute and returns the links as block attributes', () => {
+	it( 'empties the attribute and returns the links with an address', () => {
 		const [ attributes, links ] = migrateLinks( {
 			anchor: 'blogroll',
 			sortBy: 'manual',
@@ -59,10 +24,9 @@ describe( 'migrateLinks', () => {
 			sortBy: 'manual',
 			links: [],
 		} );
-		expect( links.map( ( link ) => link.url ) ).toEqual( [
-			'https://a.example/',
-			'https://b.example/',
+		expect( links ).toEqual( [
+			{ url: 'https://a.example/', name: 'A' },
+			{ url: 'https://b.example/', xfn: [ 'me' ] },
 		] );
-		expect( links[ 1 ].xfn ).toEqual( [ 'me' ] );
 	} );
 } );
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index 166bb9d..fc2bb71 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -3,13 +3,13 @@
  */
 import { __ } from '@wordpress/i18n';
 import { useState } from '@wordpress/element';
-import apiFetch from '@wordpress/api-fetch';
-import { Button, Notice, Popover, TextControl } from '@wordpress/components';
+import { Button, Popover, TextControl } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
-import { mergeDiscovered, toUrl } from '../utils';
+import { lookUp } from '../discover';
+import { toUrl } from '../utils';
 
 /**
  * The overlay behind "Add link": an address field, anchored at the button.
@@ -30,6 +30,10 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ error, setError ] = useState( null );
 	const [ isDuplicate, setIsDuplicate ] = useState( false );
 	const value = input.trim();
+	// A line under the field, like the notes core's overlays show.
+	const message = isDuplicate
+		? __( 'This site is in the list already.', 'blockroll' )
+		: error;
 
 	const add = () => {
 		const url = toUrl( value );
@@ -42,12 +46,8 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 			return;
 		}
 		setIsBusy( true );
-		apiFetch( {
-			path: '/blockroll/v1/discover',
-			method: 'POST',
-			data: { url },
-		} )
-			.then( ( found ) => onAdd( mergeDiscovered( { url }, found ) ) )
+		lookUp( url )
+			.then( onAdd )
 			.catch( ( fetchError ) => {
 				setError(
 					fetchError.message ||
@@ -75,25 +75,14 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 					}
 				} }
 			>
-				{ error && (
-					<Notice status="error" isDismissible={ false }>
-						{ error }
-					</Notice>
-				) }
-				{ isDuplicate && (
-					<Notice status="warning" isDismissible={ false }>
-						{ __(
-							'This site is in the list already.',
-							'blockroll'
-						) }
-					</Notice>
-				) }
-				<div className="blockroll-add-link__row">
+				<div className="blockroll-form__row">
 					<TextControl
 						__next40pxDefaultSize
 						__nextHasNoMarginBottom
 						label={ __( 'Address', 'blockroll' ) }
 						hideLabelFromVision
+						help={ message }
+						className={ message ? 'has-message' : undefined }
 						placeholder="example.com"
 						type="text"
 						inputMode="url"
diff --git a/src/blogroll/components/import-modal.js b/src/blogroll/components/import-modal.js
index 07689a7..53c49a6 100644
--- a/src/blogroll/components/import-modal.js
+++ b/src/blogroll/components/import-modal.js
@@ -20,6 +20,7 @@ import {
 /**
  * Internal dependencies
  */
+import { discover } from '../discover';
 import { mergeDiscovered } from '../utils';
 
 /**
@@ -33,12 +34,7 @@ async function enrich( links, onProgress ) {
 	const result = [];
 	for ( const link of links ) {
 		try {
-			const found = await apiFetch( {
-				path: '/blockroll/v1/discover',
-				method: 'POST',
-				data: { url: link.url },
-			} );
-			result.push( mergeDiscovered( link, found ) );
+			result.push( mergeDiscovered( link, await discover( link.url ) ) );
 		} catch {
 			result.push( link );
 		}
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index b211863..79e02f6 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -1,12 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { createBlock } from '@wordpress/blocks';
-
 /**
  * Internal dependencies
  */
 import metadata from './block.json';
+import { createLinkBlock } from './link-block';
 import { hasLegacyLinks, migrateLinks } from './utils';
 
 /**
@@ -14,24 +10,22 @@ import { hasLegacyLinks, migrateLinks } from './utils';
  * block of its own inside it. The saved markup was empty either way, so
  * the old block is still valid; isEligible makes the editor migrate it
  * anyway. The server keeps reading the attribute for posts nobody opens.
+ *
+ * The attribute is spelled out here, so this keeps working once it has
+ * left block.json.
  */
 const v1 = {
-	attributes: metadata.attributes,
+	attributes: {
+		...metadata.attributes,
+		links: { type: 'array', default: [] },
+	},
 	supports: metadata.supports,
 	save: () => null,
 	isEligible: ( attributes, innerBlocks ) =>
 		hasLegacyLinks( attributes ) && ! innerBlocks?.length,
-	migrate: ( attributes, innerBlocks ) => {
+	migrate: ( attributes ) => {
 		const [ next, links ] = migrateLinks( attributes );
-		return [
-			next,
-			[
-				...( innerBlocks || [] ),
-				...links.map( ( link ) =>
-					createBlock( 'blockroll/link', link )
-				),
-			],
-		];
+		return [ next, links.map( createLinkBlock ) ];
 	},
 };
 
diff --git a/src/blogroll/discover.js b/src/blogroll/discover.js
new file mode 100644
index 0000000..d663e64
--- /dev/null
+++ b/src/blogroll/discover.js
@@ -0,0 +1,35 @@
+/**
+ * WordPress dependencies
+ */
+import apiFetch from '@wordpress/api-fetch';
+
+/**
+ * Internal dependencies
+ */
+import { mergeDiscovered } from './utils';
+
+/**
+ * Ask the site behind an address for its name, description, feed and image.
+ *
+ * @param {string} url Address of the site.
+ * @return {Promise<Object>} What was found.
+ */
+export function discover( url ) {
+	return apiFetch( {
+		path: '/blockroll/v1/discover',
+		method: 'POST',
+		data: { url },
+	} );
+}
+
+/**
+ * The attributes of a link for an address: what the site says about itself.
+ *
+ * @param {string} url Address of the site.
+ * @return {Promise<Object>} Link attributes.
+ */
+export function lookUp( url ) {
+	return discover( url ).then( ( found ) =>
+		mergeDiscovered( { url }, found )
+	);
+}
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 3c2c88f..8e16e7b 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -15,7 +15,6 @@ import {
 	useBlockProps,
 	useInnerBlocksProps,
 } from '@wordpress/block-editor';
-import { createBlock } from '@wordpress/blocks';
 import {
 	Button,
 	PanelBody,
@@ -33,7 +32,8 @@ import { escapeHTML } from '@wordpress/escape-html';
  * Internal dependencies
  */
 import AddLink from './components/add-link';
-import { linkBlockAttributes, sameSite } from './utils';
+import { createLinkBlock, LINK_BLOCK } from './link-block';
+import { sameSite, today } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
@@ -299,29 +299,16 @@ export default function Edit( {
 	const isKnown = ( url ) =>
 		registry
 			.select( blockEditorStore )
-			.getBlock( clientId )
-			.innerBlocks.some( ( block ) =>
-				sameSite( block.attributes.url, url )
-			);
+			.getBlocks( clientId )
+			.some( ( block ) => sameSite( block.attributes.url, url ) );
 	const addLink = ( link ) => {
 		insertBlock(
-			createBlock( 'blockroll/link', {
-				...link,
-				added: new Date().toISOString().slice( 0, 10 ),
-			} ),
+			createLinkBlock( { ...link, added: today() } ),
 			undefined,
 			clientId
 		);
 		setIsAdding( false );
 	};
-	const innerBlocksProps = useInnerBlocksProps(
-		{ className: 'blockroll-editor-links' },
-		{
-			allowedBlocks: [ 'blockroll/link' ],
-			templateLock: false,
-			renderAppender: false,
-		}
-	);
 
 	// Imported links become link blocks at the end of the list; addresses
 	// already in it are skipped.
@@ -329,17 +316,12 @@ export default function Edit( {
 		const known = new Set(
 			registry
 				.select( blockEditorStore )
-				.getBlock( clientId )
-				.innerBlocks.map( ( block ) => block.attributes.url )
+				.getBlocks( clientId )
+				.map( ( block ) => block.attributes.url )
 		);
 		const blocks = imported
 			.filter( ( link ) => link.url && ! known.has( link.url ) )
-			.map( ( link ) =>
-				createBlock( 'blockroll/link', linkBlockAttributes( link ) )
-			);
-		if ( manualSource !== currentSource ) {
-			setAttributes( { source: manualSource } );
-		}
+			.map( createLinkBlock );
 		if ( blocks.length ) {
 			insertBlocks( blocks, undefined, clientId );
 		}
@@ -405,6 +387,19 @@ export default function Edit( {
 		);
 	}
 
+	// The list of link blocks; the placeholder stands in while it is empty.
+	// Rendered whenever the source is manual, empty or not: it is what
+	// registers the block list settings a link block needs to be inserted.
+	const innerBlocksProps = useInnerBlocksProps(
+		{ className: 'blockroll-editor-links' },
+		{
+			allowedBlocks: [ LINK_BLOCK ],
+			templateLock: false,
+			renderAppender: false,
+			placeholder: emptyState,
+		}
+	);
+
 	const switchToManualButton = (
 		<div className="blockroll-editor-actions">
 			<Button
@@ -583,9 +578,6 @@ export default function Edit( {
 				</div>
 			) : (
 				<div className="blockroll-editor">
-					{ emptyState }
-					{ /* Always rendered: it is what registers the block
-					     list settings a link block needs to be inserted. */ }
 					<div { ...innerBlocksProps } />
 					{ ! emptyState && actions }
 				</div>
diff --git a/src/blogroll/editor.scss b/src/blogroll/editor.scss
index 09c84f1..2eeba79 100644
--- a/src/blogroll/editor.scss
+++ b/src/blogroll/editor.scss
@@ -10,10 +10,6 @@
 		gap: 12px;
 	}
 
-	.blockroll-editor-links:empty {
-		display: none;
-	}
-
 	.blockroll-editor-list {
 		list-style: none;
 		margin: 0;
@@ -60,7 +56,6 @@
 					opacity: 0.7;
 				}
 			}
-
 		}
 	}
 }
@@ -93,12 +88,32 @@
 		max-width: 90vw;
 	}
 
-	.blockroll-add-link__row {
-		display: flex;
-		gap: 8px;
+}
 
-		.components-base-control {
-			flex-grow: 1;
-		}
+// A field with its button next to it, in the overlays and the import.
+.blockroll-form {
+	display: grid;
+	gap: 16px;
+}
+
+.blockroll-form__row {
+	display: flex;
+	align-items: flex-start;
+	gap: 8px;
+
+	> :first-child {
+		flex-grow: 1;
+	}
+
+	.has-message .components-base-control__help {
+		color: #cc1818;
 	}
 }
+
+.blockroll-form__footer {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: 8px;
+	margin-top: 8px;
+}
diff --git a/src/blogroll/index.js b/src/blogroll/index.js
index 154ddbf..6878b66 100644
--- a/src/blogroll/index.js
+++ b/src/blogroll/index.js
@@ -3,7 +3,7 @@ import { InnerBlocks } from '@wordpress/block-editor';
 import metadata from './block.json';
 import Edit from './edit';
 import deprecated from './deprecated';
-import { blogroll as icon } from '../icons';
+import { postList as icon } from '@wordpress/icons';
 import './style.scss';
 import './editor.scss';
 
diff --git a/src/blogroll/link-block.js b/src/blogroll/link-block.js
new file mode 100644
index 0000000..1329e07
--- /dev/null
+++ b/src/blogroll/link-block.js
@@ -0,0 +1,26 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import metadata from '../link/block.json';
+
+/**
+ * The block that holds one link of a blogroll.
+ */
+export const LINK_BLOCK = metadata.name;
+
+/**
+ * A link block for a link, the way an import, a lookup or the old
+ * attribute delivers it. createBlock keeps the declared attributes only
+ * and fills the missing ones.
+ *
+ * @param {Object} link Raw link.
+ * @return {Object} Link block.
+ */
+export function createLinkBlock( link ) {
+	return createBlock( LINK_BLOCK, link );
+}
diff --git a/src/blogroll/render.php b/src/blogroll/render.php
index 1cb3e71..0d269ef 100644
--- a/src/blogroll/render.php
+++ b/src/blogroll/render.php
@@ -8,7 +8,7 @@
  * @package Blockroll
  *
  * @var array    $attributes Block attributes.
- * @var WP_Block $block      The block, with its link blocks as inner blocks.
+ * @var WP_Block $block      The block; its link blocks are its inner blocks.
  */
 
 use Blockroll\Links;
@@ -17,7 +17,7 @@
 
 defined( 'ABSPATH' ) || exit;
 
-$blockroll_links = Sources::links( $attributes, $block->inner_blocks );
+$blockroll_links = Sources::links( $attributes, $block->parsed_block['innerBlocks'] ?? array() );
 
 $blockroll_sortable = $attributes['showSort'];
 
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 26b731d..f9a2150 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -26,26 +26,6 @@ export function toUrl( input ) {
 	return /^[a-z][a-z0-9+.-]*:/i.test( value ) ? value : `https://${ value }`;
 }
 
-/**
- * The attributes of a link block, from a link the way the block stored
- * it in its own attributes before links became blocks, or the way an
- * import or a source delivers it. Only the known fields, filled in.
- *
- * @param {Object} link Raw link.
- * @return {Object} Link block attributes.
- */
-export function linkBlockAttributes( link ) {
-	return {
-		url: link?.url || '',
-		name: link?.name || '',
-		description: link?.description || '',
-		feedUrl: link?.feedUrl || '',
-		photo: link?.photo || '',
-		xfn: Array.isArray( link?.xfn ) ? link.xfn : [],
-		added: link?.added || '',
-	};
-}
-
 /**
  * Whether a blogroll block still has its links in the `links` attribute.
  *
@@ -60,17 +40,24 @@ export function hasLegacyLinks( attributes ) {
  * Move the links of a block's `links` attribute out of it.
  *
  * @param {Object} attributes Block attributes.
- * @return {Array} The attributes without links, and the link block attributes.
+ * @return {Array} The attributes without links, and the links with an address.
  */
 export function migrateLinks( attributes ) {
 	return [
 		{ ...attributes, links: [] },
-		( attributes.links || [] )
-			.filter( ( link ) => link?.url )
-			.map( linkBlockAttributes ),
+		( attributes.links || [] ).filter( ( link ) => link?.url ),
 	];
 }
 
+/**
+ * Today, as the date a link was added.
+ *
+ * @return {string} YYYY-MM-DD.
+ */
+export function today() {
+	return new Date().toISOString().slice( 0, 10 );
+}
+
 /**
  * Whether two addresses point at the same site: scheme, "www.", case
  * and a trailing slash do not make a difference.
diff --git a/src/icons.js b/src/icons.js
deleted file mode 100644
index 3d842f5..0000000
--- a/src/icons.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { listItem, postList } from '@wordpress/icons';
-
-// A list of sites, and one item of it. Not the link icon, the toolbar
-// has that one for the link overlay.
-export const blogroll = postList;
-export const link = listItem;
diff --git a/src/link/edit.js b/src/link/edit.js
index c7010bb..82a1f3c 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -25,13 +25,9 @@ import { link as linkIcon, rss } from '@wordpress/icons';
  * Internal dependencies
  */
 import XfnControl from '../blogroll/components/xfn-control';
-
-/**
- * Today as the date a link was added, the way the form used to set it.
- *
- * @return {string} YYYY-MM-DD.
- */
-const today = () => new Date().toISOString().slice( 0, 10 );
+import { lookUp } from '../blogroll/discover';
+import { toUrl, today } from '../blogroll/utils';
+import OverlayButton from './overlay-button';
 
 /**
  * One link of a blogroll.
@@ -59,17 +55,15 @@ export default function Edit( {
 } ) {
 	const { url, name, description, photo, feedUrl, xfn, added } = attributes;
 	const [ draftUrl, setDraftUrl ] = useState( '' );
+	const [ isLookingUp, setIsLookingUp ] = useState( false );
 	// The link overlay opened from the name leaves the focus there, the
 	// one opened from the toolbar takes it.
 	const [ linkOverlay, setLinkOverlay ] = useState( null ); // 'name' | 'toolbar' | null
-	const isEditingLink = !! linkOverlay;
-	const setIsEditingLink = ( open ) =>
-		setLinkOverlay( open ? 'toolbar' : null );
 	const [ popoverAnchor, setPopoverAnchor ] = useState();
 	// The meta row: 'feed' or 'xfn' while one of its overlays is open.
 	const [ metaOverlay, setMetaOverlay ] = useState( null );
-	const [ feedAnchor, setFeedAnchor ] = useState();
-	const [ xfnAnchor, setXfnAnchor ] = useState();
+	const toggleMeta = ( key ) =>
+		setMetaOverlay( key === metaOverlay ? null : key );
 	// The image menu's toggle, as the menu hands it over on each render.
 	const photoMenu = useRef( {} );
 
@@ -77,27 +71,21 @@ export default function Edit( {
 	// are in the parent document. The menu's own "focus left" check looks
 	// at the iframe's document only, takes the library for outside and
 	// closes; that unmounts the media control, which removes the library
-	// on unmount and leaves an empty modal. So the check is done here,
-	// against the parent document, and the menu is closed through its
-	// own toggle. The blur check runs in a timeout, so the parent's
-	// active element is the one that got the focus.
-	const closePhotoMenuIfFocusOutside = () => {
-		// eslint-disable-next-line @wordpress/no-global-active-element -- The parent document is the point here.
-		const active = document.activeElement;
+	// on unmount and leaves an empty modal. So the same check is done
+	// here against the document the focus went to, and the menu is closed
+	// through its own toggle.
+	const closePhotoMenuIfFocusOutside = ( event ) => {
+		const active = event.target.ownerDocument.activeElement;
 		if (
-			active?.closest(
-				'.block-editor-media-replace-flow__options, .media-modal, [role="dialog"]'
-			)
+			! active?.closest( '[role="dialog"]' ) &&
+			photoMenu.current.isOpen
 		) {
-			return;
-		}
-		if ( photoMenu.current.isOpen ) {
 			photoMenu.current.onToggle();
 		}
 	};
 	const showAvatar = context[ 'blockroll/showAvatars' ] ?? true;
 	const blockProps = useBlockProps( {
-		className: url ? 'h-card' : 'is-placeholder',
+		className: url ? 'h-card' : undefined,
 	} );
 
 	const avatar = photo ? (
@@ -125,19 +113,23 @@ export default function Edit( {
 		</InspectorControls>
 	);
 
+	// A link block without an address, from the inserter or after the
+	// address was removed: the same lookup as "Add link" runs.
 	if ( ! url ) {
 		const add = () => {
-			const value = draftUrl.trim();
-			if ( ! value ) {
-				return;
-			}
-			setAttributes( { url: value, added: added || today() } );
+			const value = toUrl( draftUrl );
+			setIsLookingUp( true );
+			lookUp( value )
+				.catch( () => ( { url: value } ) )
+				.then( ( link ) =>
+					setAttributes( { ...link, added: added || today() } )
+				);
 		};
 		return (
 			<div { ...blockProps }>
 				{ inspector }
 				<form
-					className="blockroll-link__address"
+					className="blockroll-form__row"
 					onSubmit={ ( event ) => {
 						event.preventDefault();
 						add();
@@ -148,16 +140,21 @@ export default function Edit( {
 						__nextHasNoMarginBottom
 						label={ __( 'Address', 'blockroll' ) }
 						hideLabelFromVision
-						placeholder="https://example.com/"
-						type="url"
+						placeholder="example.com"
+						type="text"
+						inputMode="url"
+						autoComplete="off"
+						spellCheck={ false }
 						value={ draftUrl }
+						disabled={ isLookingUp }
 						onChange={ setDraftUrl }
 					/>
 					<Button
 						__next40pxDefaultSize
 						variant="primary"
 						type="submit"
-						disabled={ ! draftUrl.trim() }
+						isBusy={ isLookingUp }
+						disabled={ ! draftUrl.trim() || isLookingUp }
 					>
 						{ __( 'Add', 'blockroll' ) }
 					</Button>
@@ -172,17 +169,19 @@ export default function Edit( {
 				<ToolbarButton
 					icon={ linkIcon }
 					title={ __( 'Link', 'blockroll' ) }
-					isActive={ isEditingLink }
-					onClick={ () => setIsEditingLink( ! isEditingLink ) }
+					isActive={ !! linkOverlay }
+					onClick={ () =>
+						setLinkOverlay( linkOverlay ? null : 'toolbar' )
+					}
 				/>
 			</BlockControls>
 			{ inspector }
-			{ isSelected && isEditingLink && (
+			{ isSelected && linkOverlay && (
 				<Popover
 					anchor={ popoverAnchor }
 					placement="bottom-start"
 					shift
-					onClose={ () => setIsEditingLink( false ) }
+					onClose={ () => setLinkOverlay( null ) }
 					focusOnMount={
 						'toolbar' === linkOverlay ? 'firstElement' : false
 					}
@@ -199,9 +198,9 @@ export default function Edit( {
 								url: next.url || '',
 								name: next.title ?? name,
 							} );
-							setIsEditingLink( false );
+							setLinkOverlay( null );
 						} }
-						onCancel={ () => setIsEditingLink( false ) }
+						onCancel={ () => setLinkOverlay( null ) }
 					/>
 				</Popover>
 			) }
@@ -262,86 +261,62 @@ export default function Edit( {
 					}
 				/>
 				<div className="blockroll-meta">
-					<Button
+					<OverlayButton
 						className="blockroll-feed blockroll-link__meta-button"
-						ref={ setFeedAnchor }
-						aria-expanded={ 'feed' === metaOverlay }
-						onClick={ () =>
-							setMetaOverlay(
-								'feed' === metaOverlay ? null : 'feed'
-							)
+						isOpen={ 'feed' === metaOverlay }
+						onToggle={ () => toggleMeta( 'feed' ) }
+						label={
+							<>
+								<Icon
+									icon={ rss }
+									className="blockroll-feed-icon"
+								/>
+								{ feedUrl
+									? __( 'feed', 'blockroll' )
+									: __( 'Add feed', 'blockroll' ) }
+							</>
 						}
 					>
-						<Icon icon={ rss } className="blockroll-feed-icon" />
-						{ feedUrl
-							? __( 'feed', 'blockroll' )
-							: __( 'Add feed', 'blockroll' ) }
-					</Button>
+						<TextControl
+							__next40pxDefaultSize
+							__nextHasNoMarginBottom
+							label={ __( 'Feed address', 'blockroll' ) }
+							help={ __(
+								'The RSS or Atom feed of the site, for readers who subscribe to your list.',
+								'blockroll'
+							) }
+							type="url"
+							value={ feedUrl }
+							onChange={ ( value ) =>
+								setAttributes( { feedUrl: value } )
+							}
+						/>
+					</OverlayButton>
 					<span className="blockroll-divider" aria-hidden="true">
 						&#183;
 					</span>
-					<Button
+					{ /* The first focusable thing in the token field is a
+					     token's remove button, so the input is focused by
+					     hand once the overlay is placed. focusOnMount stays
+					     on, for the focus trap and the focus return. */ }
+					<OverlayButton
 						className="blockroll-link__meta-button"
-						ref={ setXfnAnchor }
-						aria-expanded={ 'xfn' === metaOverlay }
-						onClick={ () =>
-							setMetaOverlay(
-								'xfn' === metaOverlay ? null : 'xfn'
+						isOpen={ 'xfn' === metaOverlay }
+						onToggle={ () => toggleMeta( 'xfn' ) }
+						focusOnMount
+						label={
+							xfn.length > 0 ? (
+								<ul className="blockroll-xfn">
+									{ xfn.map( ( token ) => (
+										<li key={ token }>{ token }</li>
+									) ) }
+								</ul>
+							) : (
+								__( 'Add relationship', 'blockroll' )
 							)
 						}
 					>
-						{ xfn.length > 0 ? (
-							<ul className="blockroll-xfn">
-								{ xfn.map( ( token ) => (
-									<li key={ token }>{ token }</li>
-								) ) }
-							</ul>
-						) : (
-							__( 'Add relationship', 'blockroll' )
-						) }
-					</Button>
-				</div>
-				{ isSelected && 'feed' === metaOverlay && (
-					<Popover
-						anchor={ feedAnchor }
-						placement="bottom-start"
-						shift
-						onClose={ () => setMetaOverlay( null ) }
-						focusOnMount="firstElement"
-						className="blockroll-link__overlay"
-					>
-						<div className="blockroll-link__overlay-more">
-							<TextControl
-								__next40pxDefaultSize
-								__nextHasNoMarginBottom
-								label={ __( 'Feed address', 'blockroll' ) }
-								help={ __(
-									'The RSS or Atom feed of the site, for readers who subscribe to your list.',
-									'blockroll'
-								) }
-								type="url"
-								value={ feedUrl }
-								onChange={ ( value ) =>
-									setAttributes( { feedUrl: value } )
-								}
-							/>
-						</div>
-					</Popover>
-				) }
-				{ isSelected && 'xfn' === metaOverlay && (
-					<Popover
-						anchor={ xfnAnchor }
-						placement="bottom-start"
-						shift
-						onClose={ () => setMetaOverlay( null ) }
-						focusOnMount={ false }
-						className="blockroll-link__overlay"
-					>
-						{ /* The first focusable thing would be a token's remove
-						     button, so the input is focused by hand, once the
-						     popover is placed and can take focus. */ }
 						<div
-							className="blockroll-link__overlay-more"
 							ref={ ( node ) =>
 								node &&
 								node.ownerDocument.defaultView.requestAnimationFrame(
@@ -356,8 +331,8 @@ export default function Edit( {
 								}
 							/>
 						</div>
-					</Popover>
-				) }
+					</OverlayButton>
+				</div>
 			</div>
 		</>
 	);
diff --git a/src/link/editor.scss b/src/link/editor.scss
index 28611d6..bfa3acf 100644
--- a/src/link/editor.scss
+++ b/src/link/editor.scss
@@ -1,15 +1,5 @@
 .wp-block-blockroll-link {
 
-	.blockroll-link__address {
-		display: flex;
-		align-items: flex-start;
-		gap: 8px;
-
-		.components-base-control {
-			flex-grow: 1;
-		}
-	}
-
 	// The rest of the card is styled by the frontend stylesheet.
 	.u-url {
 		display: block;
diff --git a/src/link/index.js b/src/link/index.js
index 6f38463..bed1113 100644
--- a/src/link/index.js
+++ b/src/link/index.js
@@ -1,7 +1,8 @@
 import { registerBlockType } from '@wordpress/blocks';
 import metadata from './block.json';
 import Edit from './edit';
-import { link as icon } from '../icons';
+// Not the link icon: the toolbar has that one for the link overlay.
+import { listItem as icon } from '@wordpress/icons';
 import './editor.scss';
 
 // The blogroll renders the whole list on the server, so a link has no
diff --git a/src/link/overlay-button.js b/src/link/overlay-button.js
new file mode 100644
index 0000000..a442568
--- /dev/null
+++ b/src/link/overlay-button.js
@@ -0,0 +1,55 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+import { Button, Popover } from '@wordpress/components';
+
+/**
+ * A button in the card with an overlay under it, like an inline link in
+ * a paragraph: the meta row's feed and relationship.
+ *
+ * @param {Object}         props              Component props.
+ * @param {boolean}        props.isOpen       Whether the overlay is open.
+ * @param {Function}       props.onToggle     Called to open or close it.
+ * @param {string}         props.className    Class of the button.
+ * @param {boolean|string} props.focusOnMount What the overlay focuses when it opens.
+ * @param {Element}        props.label        Contents of the button.
+ * @param {Element}        props.children     Contents of the overlay.
+ */
+export default function OverlayButton( {
+	isOpen,
+	onToggle,
+	className,
+	focusOnMount = 'firstElement',
+	label,
+	children,
+} ) {
+	const [ anchor, setAnchor ] = useState();
+
+	return (
+		<>
+			<Button
+				className={ className }
+				ref={ setAnchor }
+				aria-expanded={ isOpen }
+				onClick={ onToggle }
+			>
+				{ label }
+			</Button>
+			{ isOpen && (
+				<Popover
+					anchor={ anchor }
+					placement="bottom-start"
+					shift
+					onClose={ onToggle }
+					focusOnMount={ focusOnMount }
+					className="blockroll-link__overlay"
+				>
+					<div className="blockroll-link__overlay-more">
+						{ children }
+					</div>
+				</Popover>
+			) }
+		</>
+	);
+}

From 6b6a773f74ce1fc0179e916f3927f0a1f35eafa9 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 19:49:24 +0200
Subject: [PATCH 09/23] close overlays properly, no site twice via import,
 WordPress 6.8

---
 .github/workflows/phpunit.yml       |  2 +-
 blockroll.php                       |  2 +-
 build/blogroll/index.asset.php      |  2 +-
 build/blogroll/index.js             | 12 +++---
 build/link/index.asset.php          |  2 +-
 build/link/index.js                 |  2 +-
 readme.md                           |  2 +-
 src/blogroll/components/add-link.js | 19 +++++++--
 src/blogroll/edit.js                | 16 ++++----
 src/blogroll/utils.js               | 20 ++++++++++
 src/link/edit.js                    | 60 +++++++++++++++++++++--------
 src/link/overlay-button.js          |  6 +++
 12 files changed, 107 insertions(+), 38 deletions(-)

diff --git a/.github/workflows/phpunit.yml b/.github/workflows/phpunit.yml
index fe686e7..36cc8bd 100644
--- a/.github/workflows/phpunit.yml
+++ b/.github/workflows/phpunit.yml
@@ -30,7 +30,7 @@ jobs:
         php-versions: ['7.4', '8.3', '8.4']
         include:
           - wp-version: latest
-          - wp-version: '6.3'
+          - wp-version: '6.8'
             php-versions: '7.4'
           - wp-version: trunk
             php-versions: '8.4'
diff --git a/blockroll.php b/blockroll.php
index 92f8bb6..6016aed 100644
--- a/blockroll.php
+++ b/blockroll.php
@@ -4,7 +4,7 @@
  * Plugin URI: https://github.com/pfefferle/wordpress-blockroll
  * Description: Share the blogs and podcasts you follow, and let other people subscribe to your list.
  * Version: 1.2.0
- * Requires at least: 6.5
+ * Requires at least: 6.8
  * Requires PHP: 7.4
  * Author: Matthias Pfefferle
  * Author URI: https://notiz.blog/
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index d75138e..120e4f9 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '43a9aaf327f1ea8a2c82');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '99a00267e045e4cb2e37');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index d6f9ca2..153a539 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={285(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,u=window.wp.apiFetch;var d=o.n(u);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e){return d()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}const _=window.ReactJSXRuntime;function k({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,k]=(0,a.useState)(!1),f=r.trim(),x=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,_.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,_.jsx)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?k(!0):d?l({url:e}):(u(!0),function(e){return b(e).then(l=>m({url:e},l))}(e).then(l).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),u(!1)}))})()},children:(0,_.jsxs)("div",{className:"blockroll-form__row",children:[(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:x,className:x?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),h(null),k(!1)}}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||p,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})})})}const f=JSON.parse('{"UU":"blockroll/link"}').UU;function x(e){return(0,t.createBlock)(f,e)}const g=window.wp.primitives;var v=(0,_.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(g.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function w({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[k,f]=(0,a.useState)(!1),[x,g]=(0,a.useState)(null),[w,j]=(0,a.useState)(null),y=e=>{e&&(e.text().then(t),n(e.name))},S={file:(0,_.jsxs)("div",{className:"blockroll-import-upload",children:[(0,_.jsx)(c.DropZone,{onFilesDrop:e=>y(e[0])}),(0,_.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:v,variant:"secondary",onChange:e=>y(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,_.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:u})};return(0,_.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,_.jsxs)("div",{className:"blockroll-form",children:[w&&(0,_.jsx)(c.Notice,{status:"error",isDismissible:!1,children:w}),(0,_.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,_.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,_.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,_.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,_.jsxs)("div",{className:"blockroll-form__footer",children:[null!==x&&(0,_.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),x)}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,_.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:k,disabled:!o&&!i||k,onClick:async()=>{f(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:r}=await d()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{o.push(m(t,await b(t.url)))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){j(e.message||(0,s.__)("The file could not be imported.","blockroll")),f(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const j=window.wp.url;function y(e){return(0,j.cleanForSlug)(e)||"blogroll"}function S(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const C=[{attributes:{...n.uK,links:{type:"array",default:[]}},supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(x)]}}];var B=(0,_.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,_.jsx)(g.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:B,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:n,source:u,sortBy:m,perPage:b,showAvatars:g,showSort:v,showOpml:j,metadata:C}=e,B=C?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,i.useDispatch)(r.store),A=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!n)return M(),void l({anchor:S(y(B),A())});if(t)return;const e=A();e.includes(n)&&(M(),l({anchor:S(n,e)}))},[n,t]);const O=(0,a.useRef)(B);(0,a.useEffect)(()=>{if(O.current===B)return;const e=!n||function(e,l){const o=y(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(n,O.current);O.current=B,e&&l({anchor:S(y(B),A())})},[B]);const H=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(r.store);if(!n||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===n)},[o,n,t]),{createWarningNotice:T,removeNotice:P}=(0,i.useDispatch)(h.store),D=(0,a.useRef)(null);(0,a.useEffect)(()=>{D.current&&(P(D.current),D.current=null),H&&(D.current=`blockroll-anchor-${n}`,T((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(n)),{id:D.current,isDismissible:!0,__unstableHTML:!0}))},[H,n]),(0,a.useEffect)(()=>()=>{D.current&&P(D.current)},[]);const[U,L]=(0,a.useState)(!1),[z,I]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,E]=(0,a.useState)([]),[F,R]=(0,a.useState)(!1),[Z,$]=(0,a.useState)(null),[J,K]=(0,a.useState)(!1),W="manual",G=z.some(e=>u===e.value),Y=!u||J&&!G?W:u,q=JSON.stringify(e),X=z.filter(e=>W!==e.value),Q=z.find(e=>Y===e.value)||z[0];(0,a.useEffect)(()=>{d()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(I(e),K(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return W===Y?(E([]),$(null),R(!1),()=>{e=!1}):(R(!0),$(null),d()({path:`/blockroll/v1/sources/${Y}/links?attributes=`+encodeURIComponent(q)}).then(l=>{e&&E(Array.isArray(l)?l:[])}).catch(l=>{e&&(E([]),$(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&R(!1)}),()=>{e=!1})},[Y,q]);const ee=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:le,insertBlocks:oe}=(0,i.useDispatch)(r.store),[te,re]=(0,a.useState)(!1),[ne,se]=(0,a.useState)(),ae=(0,_.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,_.jsx)(c.Button,{variant:"primary",ref:se,"aria-expanded":te,onClick:()=>re(!te),children:(0,s.__)("Add link","blockroll")}),te&&(0,_.jsx)(k,{anchor:ne,onAdd:e=>{le(x({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),re(!1)},isKnown:e=>N.select(r.store).getBlocks(o).some(l=>function(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}(l.attributes.url,e)),onClose:()=>re(!1)}),(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>L(!0),children:(0,s.__)("Import links","blockroll")}),!ee&&W===Y&&X.map(e=>(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ie=null;W!==Y||ee||(ie=(0,_.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ae}));const ce=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[f],templateLock:!1,renderAppender:!1,placeholder:ie}),ue=(0,_.jsx)("div",{className:"blockroll-editor-actions",children:(0,_.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:W}),children:(0,s.__)("Use manual links","blockroll")})});return(0,_.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,_.jsx)(r.InspectorControls,{children:(0,_.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,_.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),n||y(B)),{code:(0,_.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:B,onChange:e=>{const o={...C};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,_.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:m,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,_.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:b,onChange:e=>l({perPage:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:g,onChange:e=>l({showAvatars:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:v,onChange:e=>l({showSort:e})}),(0,_.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:j,onChange:e=>l({showOpml:e})})]})}),U&&(0,_.jsx)(w,{onImport:e=>{const l=new Set(N.select(r.store).getBlocks(o).map(e=>e.attributes.url)),t=e.filter(e=>e.url&&!l.has(e.url)).map(x);t.length&&oe(t,void 0,o)},onClose:()=>L(!1)}),W!==Y?(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)(c.Placeholder,{icon:"admin-links",label:Q.label,instructions:F?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:ue}),Q.help&&(0,_.jsxs)("p",{children:[Q.help,Q.helpUrl&&(0,_.jsxs)(_.Fragment,{children:[" ",(0,_.jsx)("a",{href:Q.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),Z&&(0,_.jsx)("p",{children:Z}),!Z&&!F&&!!V.length&&(de=V,(0,_.jsx)("ul",{className:"blockroll-editor-list",children:de.map(e=>(0,_.jsxs)("li",{children:[g&&(e.photo?(0,_.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,_.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,_.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,_.jsx)("strong",{children:e.name||e.url}),(0,_.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,_.jsxs)("div",{className:"blockroll-editor",children:[(0,_.jsx)("div",{...ce}),!ie&&ae]})]});var de},save:()=>(0,_.jsx)(r.InnerBlocks.Content,{}),deprecated:C})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var u=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(285));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={285(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,u=window.wp.apiFetch;var d=o.n(u);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}function _(e){return d()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}const k=window.ReactJSXRuntime;function f({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,b]=(0,a.useState)(!1),f=r.trim(),x=(0,a.useRef)(!1);(0,a.useEffect)(()=>()=>{x.current=!0},[]);const g=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:(v=e,w=t,()=>{v&&v.ownerDocument.activeElement===v||w()}),focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsx)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?b(!0):d?l({url:e}):(u(!0),function(e){return _(e).then(l=>m({url:e},l))}(e).then(e=>{x.current||l(e)}).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),u(!1)}))})()},children:(0,k.jsxs)("div",{className:"blockroll-form__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:g,className:g?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),h(null),b(!1)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||p,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})})});var v,w}const x=JSON.parse('{"UU":"blockroll/link"}').UU;function g(e){return(0,t.createBlock)(x,e)}const v=window.wp.primitives;var w=(0,k.jsx)(v.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(v.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function j({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,f]=(0,a.useState)(!1),[x,g]=(0,a.useState)(null),[v,j]=(0,a.useState)(null),y=e=>{e&&(e.text().then(t),n(e.name))},S={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>y(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:w,variant:"secondary",onChange:e=>y(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:u})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==x&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),x)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{f(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:r}=await d()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{o.push(m(t,await _(t.url)))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){j(e.message||(0,s.__)("The file could not be imported.","blockroll")),f(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const y=window.wp.url;function S(e){return(0,y.cleanForSlug)(e)||"blogroll"}function C(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const B=[{attributes:{...n.uK,links:{type:"array",default:[]}},supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(g)]}}];var N=(0,k.jsx)(v.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(v.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:N,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:n,source:u,sortBy:m,perPage:_,showAvatars:v,showSort:w,showOpml:y,metadata:B}=e,N=B?.name||"",M=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(r.store),A=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=M.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!n)return O(),void l({anchor:C(S(N),A())});if(t)return;const e=A();e.includes(n)&&(O(),l({anchor:C(n,e)}))},[n,t]);const H=(0,a.useRef)(N);(0,a.useEffect)(()=>{if(H.current===N)return;const e=!n||function(e,l){const o=S(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(n,H.current);H.current=N,e&&l({anchor:C(S(N),A())})},[N]);const T=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(r.store);if(!n||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===n)},[o,n,t]),{createWarningNotice:D,removeNotice:P}=(0,i.useDispatch)(h.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(P(U.current),U.current=null),T&&(U.current=`blockroll-anchor-${n}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(n)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[T,n]),(0,a.useEffect)(()=>()=>{U.current&&P(U.current)},[]);const[L,z]=(0,a.useState)(!1),[I,E]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,F]=(0,a.useState)([]),[R,Z]=(0,a.useState)(!1),[$,J]=(0,a.useState)(null),[K,W]=(0,a.useState)(!1),G="manual",Y=I.some(e=>u===e.value),q=!u||K&&!Y?G:u,X=JSON.stringify(e),Q=I.filter(e=>G!==e.value),ee=I.find(e=>q===e.value)||I[0];(0,a.useEffect)(()=>{d()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(E(e),W(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return G===q?(F([]),J(null),Z(!1),()=>{e=!1}):(Z(!0),J(null),d()({path:`/blockroll/v1/sources/${q}/links?attributes=`+encodeURIComponent(X)}).then(l=>{e&&F(Array.isArray(l)?l:[])}).catch(l=>{e&&(F([]),J(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&Z(!1)}),()=>{e=!1})},[q,X]);const le=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:oe,insertBlocks:te}=(0,i.useDispatch)(r.store),[re,ne]=(0,a.useState)(!1),[se,ae]=(0,a.useState)(),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:ae,"aria-expanded":re,onClick:()=>ne(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,k.jsx)(f,{anchor:se,onAdd:e=>{oe(g({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ne(!1)},isKnown:e=>M.select(r.store).getBlocks(o).some(l=>b(l.attributes.url,e)),onClose:()=>ne(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>z(!0),children:(0,s.__)("Import links","blockroll")}),!le&&G===q&&Q.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;G!==q||le||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const ue=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[x],templateLock:!1,renderAppender:!1,placeholder:ce}),de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:G}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),n||S(N)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:N,onChange:e=>{const o={...B};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:m,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:_,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:w,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:y,onChange:e=>l({showOpml:e})})]})}),L&&(0,k.jsx)(j,{onImport:e=>{const l=M.select(r.store).getBlocks(o).map(e=>e.attributes.url),t=e.filter(e=>e.url&&!l.some(l=>b(l,e.url))).map(g);t.length&&te(t,void 0,o)},onClose:()=>z(!1)}),G!==q?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:ee.label,instructions:R?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:de}),ee.help&&(0,k.jsxs)("p",{children:[ee.help,ee.helpUrl&&(0,k.jsxs)(k.Fragment,{children:[" ",(0,k.jsx)("a",{href:ee.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),$&&(0,k.jsx)("p",{children:$}),!$&&!R&&!!V.length&&(he=V,(0,k.jsx)("ul",{className:"blockroll-editor-list",children:he.map(e=>(0,k.jsxs)("li",{children:[v&&(e.photo?(0,k.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,k.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,k.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,k.jsx)("strong",{children:e.name||e.url}),(0,k.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)("div",{...ue}),!ce&&ie]})]});var he},save:()=>(0,k.jsx)(r.InnerBlocks.Content,{}),deprecated:B})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var u=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(285));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index a4b5251..fcdd554 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'b50dc0cd594a5d61967e');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '94550e95b42e375a110a');
diff --git a/build/link/index.js b/build/link/index.js
index a7f0b9d..f9b0d4e 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:l=>{const o=l&&l.__esModule?()=>l.default:()=>l;return e.d(o,{a:o}),o},d:(l,o)=>{if(Array.isArray(o))for(var t=0;t<o.length;){var n=o[t++],r=o[t++];e.o(l,n)?0===r&&t++:0===r?Object.defineProperty(l,n,{enumerable:!0,value:o[t++]}):Object.defineProperty(l,n,{enumerable:!0,get:r})}else for(var n in o)e.o(o,n)&&!e.o(l,n)&&Object.defineProperty(l,n,{enumerable:!0,get:o[n]})},o:(e,l)=>Object.hasOwn(e,l)},l=window.wp.blocks,o=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,n=window.wp.element,r=window.wp.blockEditor,s=window.wp.components,a=window.wp.primitives,i=window.ReactJSXRuntime;var c=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const u={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},h=["friendship","geographical","family"],m=Object.values(u).flat();function p({value:e=[],onChange:l}){return(0,i.jsx)(s.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:m,onChange:e=>l(function(e){return e.filter(e=>m.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of h)u[e].includes(l)&&(o=o.filter(l=>!u[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const f=window.wp.apiFetch;var x=e.n(f);function b({isOpen:e,onToggle:l,className:o,focusOnMount:t="firstElement",label:r,children:a}){const[c,d]=(0,n.useState)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Button,{className:o,ref:d,"aria-expanded":e,onClick:l,children:r}),e&&(0,i.jsx)(s.Popover,{anchor:c,placement:"bottom-start",shift:!0,onClose:l,focusOnMount:t,className:"blockroll-link__overlay",children:(0,i.jsx)("div",{className:"blockroll-link__overlay-more",children:a})})]})}var _=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,l.registerBlockType)(o.UU,{icon:_,edit:function({attributes:e,setAttributes:l,context:o,isSelected:a}){const{url:u,name:h,description:m,photo:f,feedUrl:_,xfn:g,added:v}=e,[w,k]=(0,n.useState)(""),[j,C]=(0,n.useState)(!1),[S,N]=(0,n.useState)(null),[y,O]=(0,n.useState)(),[T,F]=(0,n.useState)(null),B=e=>F(e===T?null:e),M=(0,n.useRef)({}),A=o["blockroll/showAvatars"]??!0,H=(0,r.useBlockProps)({className:u?"h-card":void 0}),z=f?(0,i.jsx)("img",{className:"u-photo",src:f,alt:""}):(0,i.jsx)("span",{className:"blockroll-no-photo"}),P=(0,i.jsx)(r.InspectorControls,{children:(0,i.jsx)(s.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:v,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(w);C(!0),function(e){return function(e){return x()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}(e).then(l=>function(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}({url:e},l))}(e).catch(()=>({url:e})).then(e=>l({...e,added:v||(new Date).toISOString().slice(0,10)}))};return(0,i.jsxs)("div",{...H,children:[P,(0,i.jsxs)("form",{className:"blockroll-form__row",onSubmit:l=>{l.preventDefault(),e()},children:[(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:w,disabled:j,onChange:k}),(0,i.jsx)(s.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:j,disabled:!w.trim()||j,children:(0,t.__)("Add","blockroll")})]})]})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BlockControls,{group:"block",children:(0,i.jsx)(s.ToolbarButton,{icon:c,title:(0,t.__)("Link","blockroll"),isActive:!!S,onClick:()=>N(S?null:"toolbar")})}),P,a&&S&&(0,i.jsx)(s.Popover,{anchor:y,placement:"bottom-start",shift:!0,onClose:()=>N(null),focusOnMount:"toolbar"===S&&"firstElement",className:"blockroll-link__overlay",children:(0,i.jsx)(r.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),N(null)},onCancel:()=>N(null)})}),(0,i.jsxs)("div",{...H,children:[A&&(0,i.jsx)(r.MediaReplaceFlow,{mediaURL:f,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:e=>{const l=e.target.ownerDocument.activeElement;!l?.closest('[role="dialog"]')&&M.current.isOpen&&M.current.onToggle()}},renderToggle:({children:e,...l})=>(M.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,i.jsx)(s.Button,{...l,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:z}))}),(0,i.jsx)(r.RichText,{ref:O,onFocus:()=>N("name"),tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,i.jsx)(r.RichText,{tagName:"p",className:"p-note",value:m,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,i.jsxs)("div",{className:"blockroll-meta",children:[(0,i.jsx)(b,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===T,onToggle:()=>B("feed"),label:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>l({feedUrl:e})})}),(0,i.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,i.jsx)(b,{className:"blockroll-link__meta-button",isOpen:"xfn"===T,onToggle:()=>B("xfn"),focusOnMount:!0,label:g.length>0?(0,i.jsx)("ul",{className:"blockroll-xfn",children:g.map(e=>(0,i.jsx)("li",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,i.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,i.jsx)(p,{value:g,onChange:e=>l({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:l=>{const o=l&&l.__esModule?()=>l.default:()=>l;return e.d(o,{a:o}),o},d:(l,o)=>{if(Array.isArray(o))for(var t=0;t<o.length;){var n=o[t++],r=o[t++];e.o(l,n)?0===r&&t++:0===r?Object.defineProperty(l,n,{enumerable:!0,value:o[t++]}):Object.defineProperty(l,n,{enumerable:!0,get:r})}else for(var n in o)e.o(o,n)&&!e.o(l,n)&&Object.defineProperty(l,n,{enumerable:!0,get:o[n]})},o:(e,l)=>Object.hasOwn(e,l)},l=window.wp.blocks,o=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,n=window.wp.element,r=window.wp.blockEditor,s=window.wp.components,a=window.wp.primitives,i=window.ReactJSXRuntime;var c=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const u={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},h=["friendship","geographical","family"],m=Object.values(u).flat();function p({value:e=[],onChange:l}){return(0,i.jsx)(s.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:m,onChange:e=>l(function(e){return e.filter(e=>m.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of h)u[e].includes(l)&&(o=o.filter(l=>!u[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const f=window.wp.apiFetch;var x=e.n(f);function b(e,l){return()=>{e&&e.ownerDocument.activeElement===e||l()}}function _({isOpen:e,onToggle:l,className:o,focusOnMount:t="firstElement",label:r,children:a}){const[c,d]=(0,n.useState)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Button,{className:o,ref:d,"aria-expanded":e,onClick:l,children:r}),e&&(0,i.jsx)(s.Popover,{anchor:c,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:b(c,l),focusOnMount:t,className:"blockroll-link__overlay",children:(0,i.jsx)("div",{className:"blockroll-link__overlay-more",children:a})})]})}var g=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,l.registerBlockType)(o.UU,{icon:g,edit:function({attributes:e,setAttributes:l,context:o,isSelected:a}){const{url:u,name:h,description:m,photo:f,feedUrl:g,xfn:v,added:w}=e,[k,j]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[N,y]=(0,n.useState)(null),[O,B]=(0,n.useState)(),[F,T]=(0,n.useState)(),M=(0,n.useRef)(),[A,H]=(0,n.useState)(null),z=e=>H(e===A?null:e),D=(0,n.useRef)({}),P=o["blockroll/showAvatars"]??!0,R=(0,r.useBlockProps)({className:u?"h-card":void 0}),U=f?(0,i.jsx)("img",{className:"u-photo",src:f,alt:""}):(0,i.jsx)("span",{className:"blockroll-no-photo"}),V=(0,i.jsx)(r.InspectorControls,{children:(0,i.jsx)(s.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:w,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(k);C(!0),function(e){return function(e){return x()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}(e).then(l=>function(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}({url:e},l))}(e).catch(()=>({url:e})).then(e=>l({...e,added:w||(new Date).toISOString().slice(0,10)}))};return(0,i.jsxs)("div",{...R,children:[V,(0,i.jsxs)("form",{className:"blockroll-form__row",onSubmit:l=>{l.preventDefault(),e()},children:[(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:k,disabled:S,onChange:j}),(0,i.jsx)(s.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:S,disabled:!k.trim()||S,children:(0,t.__)("Add","blockroll")})]})]})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BlockControls,{group:"block",children:(0,i.jsx)(s.ToolbarButton,{ref:T,icon:c,title:(0,t.__)("Link","blockroll"),isActive:!!N,onClick:()=>y(N?null:"toolbar")})}),V,a&&N&&(0,i.jsx)(s.Popover,{anchor:O,placement:"bottom-start",shift:!0,onClose:()=>y(null),onFocusOutside:b(F,()=>y(null)),focusOnMount:"toolbar"===N&&"firstElement",className:"blockroll-link__overlay",children:(0,i.jsx)("div",{ref:M,children:(0,i.jsx)(r.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),y(null)},onCancel:()=>y(null)})})}),(0,i.jsxs)("div",{...R,children:[P&&(0,i.jsx)(r.MediaReplaceFlow,{mediaURL:f,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:e=>{const l=e.target.ownerDocument.activeElement;!l?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...l})=>(D.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,i.jsx)(s.Button,{...l,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:U}))}),(0,i.jsx)(r.RichText,{ref:B,onFocus:()=>y("name"),onBlur:()=>{"name"===N&&setTimeout(()=>{const e=M.current;e&&e.contains(e.ownerDocument.activeElement)||y(null)})},disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,i.jsx)(r.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:m,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,i.jsxs)("div",{className:"blockroll-meta",children:[(0,i.jsx)(_,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===A,onToggle:()=>z("feed"),label:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Icon,{icon:d,className:"blockroll-feed-icon"}),g?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:g,onChange:e=>l({feedUrl:e})})}),(0,i.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,i.jsx)(_,{className:"blockroll-link__meta-button",isOpen:"xfn"===A,onToggle:()=>z("xfn"),focusOnMount:!0,label:v.length>0?(0,i.jsx)("ul",{className:"blockroll-xfn",children:v.map(e=>(0,i.jsx)("li",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,i.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,i.jsx)(p,{value:v,onChange:e=>l({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/readme.md b/readme.md
index e5d8b2b..26fd58b 100644
--- a/readme.md
+++ b/readme.md
@@ -3,7 +3,7 @@
 - Contributors: pfefferle
 - Donate link: https://notiz.blog/donate/
 - Tags: blogroll, podroll, opml, links, feeds
-- Requires at least: 6.5
+- Requires at least: 6.8
 - Tested up to: 7.1
 - Stable tag: 1.2.0
 - Requires PHP: 7.4
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index fc2bb71..99ae3ed 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -2,14 +2,14 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
+import { useEffect, useRef, useState } from '@wordpress/element';
 import { Button, Popover, TextControl } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import { lookUp } from '../discover';
-import { toUrl } from '../utils';
+import { closeUnlessToggle, toUrl } from '../utils';
 
 /**
  * The overlay behind "Add link": an address field, anchored at the button.
@@ -30,6 +30,14 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ error, setError ] = useState( null );
 	const [ isDuplicate, setIsDuplicate ] = useState( false );
 	const value = input.trim();
+	// A lookup still running when the overlay closes must not add its link.
+	const isClosed = useRef( false );
+	useEffect(
+		() => () => {
+			isClosed.current = true;
+		},
+		[]
+	);
 	// A line under the field, like the notes core's overlays show.
 	const message = isDuplicate
 		? __( 'This site is in the list already.', 'blockroll' )
@@ -47,7 +55,11 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 		}
 		setIsBusy( true );
 		lookUp( url )
-			.then( onAdd )
+			.then( ( link ) => {
+				if ( ! isClosed.current ) {
+					onAdd( link );
+				}
+			} )
 			.catch( ( fetchError ) => {
 				setError(
 					fetchError.message ||
@@ -63,6 +75,7 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 			placement="bottom-start"
 			offset={ 8 }
 			onClose={ onClose }
+			onFocusOutside={ closeUnlessToggle( anchor, onClose ) }
 			focusOnMount="firstElement"
 			className="blockroll-add-link"
 		>
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 8e16e7b..e990b49 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -313,14 +313,16 @@ export default function Edit( {
 	// Imported links become link blocks at the end of the list; addresses
 	// already in it are skipped.
 	const importLinks = ( imported ) => {
-		const known = new Set(
-			registry
-				.select( blockEditorStore )
-				.getBlocks( clientId )
-				.map( ( block ) => block.attributes.url )
-		);
+		const known = registry
+			.select( blockEditorStore )
+			.getBlocks( clientId )
+			.map( ( block ) => block.attributes.url );
 		const blocks = imported
-			.filter( ( link ) => link.url && ! known.has( link.url ) )
+			.filter(
+				( link ) =>
+					link.url &&
+					! known.some( ( url ) => sameSite( url, link.url ) )
+			)
 			.map( createLinkBlock );
 		if ( blocks.length ) {
 			insertBlocks( blocks, undefined, clientId );
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index f9a2150..96da72d 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -76,3 +76,23 @@ export function sameSite( a, b ) {
 			.replace( /\/+$/, '' );
 	return key( a ) !== '' && key( a ) === key( b );
 }
+
+/**
+ * A "focus left the overlay" handler for a Popover with a toggle button.
+ *
+ * A click on the toggle blurs the overlay first; closing on that blur and
+ * toggling on the click would reopen it. So the close is skipped while
+ * the focus is on the toggle, like core's Dropdown does it.
+ *
+ * @param {Element}  toggle The button that opens and closes the overlay.
+ * @param {Function} close  Closes the overlay.
+ * @return {Function} The handler.
+ */
+export function closeUnlessToggle( toggle, close ) {
+	return () => {
+		if ( toggle && toggle.ownerDocument.activeElement === toggle ) {
+			return;
+		}
+		close();
+	};
+}
diff --git a/src/link/edit.js b/src/link/edit.js
index 82a1f3c..145da72 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -26,7 +26,7 @@ import { link as linkIcon, rss } from '@wordpress/icons';
  */
 import XfnControl from '../blogroll/components/xfn-control';
 import { lookUp } from '../blogroll/discover';
-import { toUrl, today } from '../blogroll/utils';
+import { closeUnlessToggle, toUrl, today } from '../blogroll/utils';
 import OverlayButton from './overlay-button';
 
 /**
@@ -60,6 +60,25 @@ export default function Edit( {
 	// one opened from the toolbar takes it.
 	const [ linkOverlay, setLinkOverlay ] = useState( null ); // 'name' | 'toolbar' | null
 	const [ popoverAnchor, setPopoverAnchor ] = useState();
+	const [ linkToggle, setLinkToggle ] = useState();
+	const linkOverlayRef = useRef();
+	// The overlay opened from the name closes when the focus leaves the
+	// name for anything but the overlay itself. The blur runs before the
+	// next element has the focus, so the check waits a moment.
+	const closeLinkOverlayOnBlur = () => {
+		if ( 'name' !== linkOverlay ) {
+			return;
+		}
+		setTimeout( () => {
+			const overlay = linkOverlayRef.current;
+			if (
+				! overlay ||
+				! overlay.contains( overlay.ownerDocument.activeElement )
+			) {
+				setLinkOverlay( null );
+			}
+		} );
+	};
 	// The meta row: 'feed' or 'xfn' while one of its overlays is open.
 	const [ metaOverlay, setMetaOverlay ] = useState( null );
 	const toggleMeta = ( key ) =>
@@ -167,6 +186,7 @@ export default function Edit( {
 		<>
 			<BlockControls group="block">
 				<ToolbarButton
+					ref={ setLinkToggle }
 					icon={ linkIcon }
 					title={ __( 'Link', 'blockroll' ) }
 					isActive={ !! linkOverlay }
@@ -182,26 +202,31 @@ export default function Edit( {
 					placement="bottom-start"
 					shift
 					onClose={ () => setLinkOverlay( null ) }
+					onFocusOutside={ closeUnlessToggle( linkToggle, () =>
+						setLinkOverlay( null )
+					) }
 					focusOnMount={
 						'toolbar' === linkOverlay ? 'firstElement' : false
 					}
 					className="blockroll-link__overlay"
 				>
-					<LinkControl
-						value={ { url, title: name } }
-						settings={ [] }
-						hasTextControl
-						forceIsEditingLink
-						showInitialSuggestions={ false }
-						onChange={ ( next ) => {
-							setAttributes( {
-								url: next.url || '',
-								name: next.title ?? name,
-							} );
-							setLinkOverlay( null );
-						} }
-						onCancel={ () => setLinkOverlay( null ) }
-					/>
+					<div ref={ linkOverlayRef }>
+						<LinkControl
+							value={ { url, title: name } }
+							settings={ [] }
+							hasTextControl
+							forceIsEditingLink
+							showInitialSuggestions={ false }
+							onChange={ ( next ) => {
+								setAttributes( {
+									url: next.url || '',
+									name: next.title ?? name,
+								} );
+								setLinkOverlay( null );
+							} }
+							onCancel={ () => setLinkOverlay( null ) }
+						/>
+					</div>
 				</Popover>
 			) }
 			<div { ...blockProps }>
@@ -240,6 +265,8 @@ export default function Edit( {
 				<RichText
 					ref={ setPopoverAnchor }
 					onFocus={ () => setLinkOverlay( 'name' ) }
+					onBlur={ closeLinkOverlayOnBlur }
+					disableLineBreaks
 					tagName="a"
 					className="u-url p-name"
 					href={ url }
@@ -250,6 +277,7 @@ export default function Edit( {
 					onChange={ ( value ) => setAttributes( { name: value } ) }
 				/>
 				<RichText
+					disableLineBreaks
 					tagName="p"
 					className="p-note"
 					value={ description }
diff --git a/src/link/overlay-button.js b/src/link/overlay-button.js
index a442568..f8c0cc0 100644
--- a/src/link/overlay-button.js
+++ b/src/link/overlay-button.js
@@ -4,6 +4,11 @@
 import { useState } from '@wordpress/element';
 import { Button, Popover } from '@wordpress/components';
 
+/**
+ * Internal dependencies
+ */
+import { closeUnlessToggle } from '../blogroll/utils';
+
 /**
  * A button in the card with an overlay under it, like an inline link in
  * a paragraph: the meta row's feed and relationship.
@@ -42,6 +47,7 @@ export default function OverlayButton( {
 					placement="bottom-start"
 					shift
 					onClose={ onToggle }
+					onFocusOutside={ closeUnlessToggle( anchor, onToggle ) }
 					focusOnMount={ focusOnMount }
 					className="blockroll-link__overlay"
 				>

From 0d76e1f237905c5c7689d90970c1855944fee44f Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Mon, 21 Sep 2026 20:14:57 +0200
Subject: [PATCH 10/23] core focus handling for the overlays, cancellable
 lookups, one address form

---
 build/blogroll/index-rtl.css             |   2 +-
 build/blogroll/index.asset.php           |   2 +-
 build/blogroll/index.css                 |   2 +-
 build/blogroll/index.js                  |  12 +-
 build/link/index-rtl.css                 |   2 +-
 build/link/index.asset.php               |   2 +-
 build/link/index.css                     |   2 +-
 build/link/index.js                      |   2 +-
 eslint.config.cjs                        |  18 ++
 package-lock.json                        |  52 +-----
 package.json                             |   3 +
 src/blogroll/__tests__/same-site.test.js |  21 ---
 src/blogroll/__tests__/site-key.test.js  |  21 +++
 src/blogroll/components/add-link.js      |  97 ++++-------
 src/blogroll/components/address-form.js  |  62 +++++++
 src/blogroll/components/import-modal.js  |  28 ++-
 src/blogroll/deprecated.js               |   8 +-
 src/blogroll/discover.js                 |  23 ++-
 src/blogroll/edit.js                     |  78 +++++----
 src/blogroll/editor.scss                 |  50 +++---
 src/blogroll/utils.js                    |  45 ++---
 src/link/edit.js                         | 210 ++++++++++-------------
 src/link/editor.scss                     |  18 +-
 src/link/overlay-button.js               |  26 +--
 24 files changed, 389 insertions(+), 397 deletions(-)
 create mode 100644 eslint.config.cjs
 delete mode 100644 src/blogroll/__tests__/same-site.test.js
 create mode 100644 src/blogroll/__tests__/site-key.test.js
 create mode 100644 src/blogroll/components/address-form.js

diff --git a/build/blogroll/index-rtl.css b/build/blogroll/index-rtl.css
index 7c936a6..d3caefa 100644
--- a/build/blogroll/index-rtl.css
+++ b/build/blogroll/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-add-link .components-popover__content{max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}
diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 120e4f9..dcd438b 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '99a00267e045e4cb2e37');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'e6a1598dbe2253de4ceb');
diff --git a/build/blogroll/index.css b/build/blogroll/index.css
index 7c936a6..d3caefa 100644
--- a/build/blogroll/index.css
+++ b/build/blogroll/index.css
@@ -1 +1 @@
-.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}.blockroll-add-link .blockroll-add-link__form{display:grid;gap:8px;max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
+.wp-block-blockroll-blogroll .blockroll-editor-actions{display:flex;gap:8px}.wp-block-blockroll-blogroll .blockroll-editor{display:grid;gap:12px}.wp-block-blockroll-blogroll .blockroll-editor-list{border:1px solid #ddd;border-radius:4px;list-style:none;margin:0;padding:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li{align-items:center;display:flex;gap:12px;padding:8px 12px}.wp-block-blockroll-blogroll .blockroll-editor-list>li:not(:last-child){border-bottom:1px solid #eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo,.wp-block-blockroll-blogroll .blockroll-editor-list>li img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__no-photo{background:#eee}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text{display:grid;flex-grow:1;min-width:0}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small,.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-blockroll-blogroll .blockroll-editor-list>li .blockroll-editor-list__text small{opacity:.7}.blockroll-add-link .components-popover__content{max-width:90vw;padding:8px;width:360px}.blockroll-form{display:grid;gap:16px}.blockroll-form__row{align-items:flex-start;display:flex;gap:8px}.blockroll-form__row>:first-child{flex-grow:1}.blockroll-form__row .has-message .components-base-control__help{color:#cc1818}.blockroll-form__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.blockroll-import-intro{margin:0}.blockroll-import-tab{padding:16px 0}.blockroll-import-upload{align-items:center;border:1px dashed #949494;border-radius:4px;display:flex;justify-content:center;min-height:100px;position:relative}
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 153a539..42ca2f1 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={285(e,l,o){const t=window.wp.blocks,r=window.wp.blockEditor,n=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.components,u=window.wp.apiFetch;var d=o.n(u);const h=window.wp.notices,p=window.wp.escapeHtml;function m(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function b(e,l){const o=e=>String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"");return""!==o(e)&&o(e)===o(l)}function _(e){return d()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}const k=window.ReactJSXRuntime;function f({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,b]=(0,a.useState)(!1),f=r.trim(),x=(0,a.useRef)(!1);(0,a.useEffect)(()=>()=>{x.current=!0},[]);const g=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,k.jsx)(c.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:(v=e,w=t,()=>{v&&v.ownerDocument.activeElement===v||w()}),focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,k.jsx)("form",{className:"blockroll-add-link__form",onSubmit:e=>{e.preventDefault(),f&&!i&&(()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(f);o?.(e)?b(!0):d?l({url:e}):(u(!0),function(e){return _(e).then(l=>m({url:e},l))}(e).then(e=>{x.current||l(e)}).catch(e=>{h(e.message||(0,s.__)("The site could not be reached.","blockroll")),u(!1)}))})()},children:(0,k.jsxs)("div",{className:"blockroll-form__row",children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:g,className:g?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:r,disabled:i,onChange:e=>{n(e),h(null),b(!1)}}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:i,disabled:!f||i||p,children:d?(0,s.__)("Add anyway","blockroll"):(0,s.__)("Add","blockroll")})]})})});var v,w}const x=JSON.parse('{"UU":"blockroll/link"}').UU;function g(e){return(0,t.createBlock)(x,e)}const v=window.wp.primitives;var w=(0,k.jsx)(v.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(v.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function j({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[r,n]=(0,a.useState)(""),[i,u]=(0,a.useState)(""),[h,p]=(0,a.useState)(!1),[b,f]=(0,a.useState)(!1),[x,g]=(0,a.useState)(null),[v,j]=(0,a.useState)(null),y=e=>{e&&(e.text().then(t),n(e.name))},S={file:(0,k.jsxs)("div",{className:"blockroll-import-upload",children:[(0,k.jsx)(c.DropZone,{onFilesDrop:e=>y(e[0])}),(0,k.jsx)(c.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:w,variant:"secondary",onChange:e=>y(e.target.files?.[0]),children:r||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,k.jsx)(c.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),n("")}}),url:(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:u})};return(0,k.jsx)(c.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,k.jsxs)("div",{className:"blockroll-form",children:[v&&(0,k.jsx)(c.Notice,{status:"error",isDismissible:!1,children:v}),(0,k.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,k.jsx)(c.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,k.jsx)("div",{className:"blockroll-import-tab",children:S[e.name]})}),(0,k.jsx)(c.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:h,onChange:p}),(0,k.jsxs)("div",{className:"blockroll-form__footer",children:[null!==x&&(0,k.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),x)}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,k.jsx)(c.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:b,disabled:!o&&!i||b,onClick:async()=>{f(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:r}=await d()({path:"/blockroll/v1/import",method:"POST",data:t}),n=h?await async function(e,l){const o=[];for(const t of e){try{o.push(m(t,await _(t.url)))}catch{o.push(t)}l(o.length)}return o}(r,g):r;e(n),l()}catch(e){j(e.message||(0,s.__)("The file could not be imported.","blockroll")),f(!1),g(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const y=window.wp.url;function S(e){return(0,y.cleanForSlug)(e)||"blogroll"}function C(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const B=[{attributes:{...n.uK,links:{type:"array",default:[]}},supports:n.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(g)]}}];var N=(0,k.jsx)(v.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,k.jsx)(v.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(n.UU,{icon:N,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:n,source:u,sortBy:m,perPage:_,showAvatars:v,showSort:w,showOpml:y,metadata:B}=e,N=B?.name||"",M=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(r.store),A=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=M.select(r.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!n)return O(),void l({anchor:C(S(N),A())});if(t)return;const e=A();e.includes(n)&&(O(),l({anchor:C(n,e)}))},[n,t]);const H=(0,a.useRef)(N);(0,a.useEffect)(()=>{if(H.current===N)return;const e=!n||function(e,l){const o=S(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(n,H.current);H.current=N,e&&l({anchor:C(S(N),A())})},[N]);const T=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(r.store);if(!n||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===n)},[o,n,t]),{createWarningNotice:D,removeNotice:P}=(0,i.useDispatch)(h.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(P(U.current),U.current=null),T&&(U.current=`blockroll-anchor-${n}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,p.escapeHTML)(n)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[T,n]),(0,a.useEffect)(()=>()=>{U.current&&P(U.current)},[]);const[L,z]=(0,a.useState)(!1),[I,E]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,F]=(0,a.useState)([]),[R,Z]=(0,a.useState)(!1),[$,J]=(0,a.useState)(null),[K,W]=(0,a.useState)(!1),G="manual",Y=I.some(e=>u===e.value),q=!u||K&&!Y?G:u,X=JSON.stringify(e),Q=I.filter(e=>G!==e.value),ee=I.find(e=>q===e.value)||I[0];(0,a.useEffect)(()=>{d()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(E(e),W(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return G===q?(F([]),J(null),Z(!1),()=>{e=!1}):(Z(!0),J(null),d()({path:`/blockroll/v1/sources/${q}/links?attributes=`+encodeURIComponent(X)}).then(l=>{e&&F(Array.isArray(l)?l:[])}).catch(l=>{e&&(F([]),J(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&Z(!1)}),()=>{e=!1})},[q,X]);const le=(0,i.useSelect)(e=>e(r.store).getBlockCount(o),[o]),{insertBlock:oe,insertBlocks:te}=(0,i.useDispatch)(r.store),[re,ne]=(0,a.useState)(!1),[se,ae]=(0,a.useState)(),ie=(0,k.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,k.jsx)(c.Button,{variant:"primary",ref:ae,"aria-expanded":re,onClick:()=>ne(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,k.jsx)(f,{anchor:se,onAdd:e=>{oe(g({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ne(!1)},isKnown:e=>M.select(r.store).getBlocks(o).some(l=>b(l.attributes.url,e)),onClose:()=>ne(!1)}),(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>z(!0),children:(0,s.__)("Import links","blockroll")}),!le&&G===q&&Q.map(e=>(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let ce=null;G!==q||le||(ce=(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:ie}));const ue=(0,r.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[x],templateLock:!1,renderAppender:!1,placeholder:ce}),de=(0,k.jsx)("div",{className:"blockroll-editor-actions",children:(0,k.jsx)(c.Button,{variant:"secondary",onClick:()=>l({source:G}),children:(0,s.__)("Use manual links","blockroll")})});return(0,k.jsxs)("div",{...(0,r.useBlockProps)(),children:[(0,k.jsx)(r.InspectorControls,{children:(0,k.jsxs)(c.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,k.jsx)(c.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),n||S(N)),{code:(0,k.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:N,onChange:e=>{const o={...B};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,k.jsx)(c.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:m,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,k.jsx)(c.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:_,onChange:e=>l({perPage:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:v,onChange:e=>l({showAvatars:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:w,onChange:e=>l({showSort:e})}),(0,k.jsx)(c.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:y,onChange:e=>l({showOpml:e})})]})}),L&&(0,k.jsx)(j,{onImport:e=>{const l=M.select(r.store).getBlocks(o).map(e=>e.attributes.url),t=e.filter(e=>e.url&&!l.some(l=>b(l,e.url))).map(g);t.length&&te(t,void 0,o)},onClose:()=>z(!1)}),G!==q?(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)(c.Placeholder,{icon:"admin-links",label:ee.label,instructions:R?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:de}),ee.help&&(0,k.jsxs)("p",{children:[ee.help,ee.helpUrl&&(0,k.jsxs)(k.Fragment,{children:[" ",(0,k.jsx)("a",{href:ee.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),$&&(0,k.jsx)("p",{children:$}),!$&&!R&&!!V.length&&(he=V,(0,k.jsx)("ul",{className:"blockroll-editor-list",children:he.map(e=>(0,k.jsxs)("li",{children:[v&&(e.photo?(0,k.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,k.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,k.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,k.jsx)("strong",{children:e.name||e.url}),(0,k.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,k.jsxs)("div",{className:"blockroll-editor",children:[(0,k.jsx)("div",{...ue}),!ce&&ie]})]});var he},save:()=>(0,k.jsx)(r.InnerBlocks.Content,{}),deprecated:B})}};const l={};function o(t){const r=l[t];if(void 0!==r)return r.exports;const n=l[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.m=e,(()=>{const e=[];o.O=(l,t,r,n)=>{if(t){n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];return void(e[s]=[t,r,n])}let a=1/0;for(s=0;s<e.length;s++){let[t,r,n]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&n||a>=n)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,n<a&&(a=n));if(c){e.splice(s--,1);const o=r();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var r=l[t++],n=l[t++];o.o(e,r)?0===n&&t++:0===n?Object.defineProperty(e,r,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,r,{enumerable:!0,get:n})}else for(var r in l)o.o(l,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[r,n,s]=t;var a,i,c=0;if(r.some(l=>0!==e[l])){for(a in n)o.o(n,a)&&(o.m[a]=n[a]);if(s)var u=s(o)}for(l&&l(t);c<r.length;c++)i=r[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(285));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={270(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}const x=window.ReactJSXRuntime;function g({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:r||(0,s.__)("Add","blockroll")})]})}const v=()=>{};function w({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=(0,a.useRef)(new AbortController);(0,a.useEffect)(()=>()=>_.current.abort(),[]);const w=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:v,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(g,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:w,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const j=JSON.parse('{"UU":"blockroll/link"}').UU;function y(e){return(0,t.createBlock)(j,e)}const S=window.wp.primitives;var C=(0,x.jsx)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(S.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function B({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[g,v]=(0,a.useState)(null),[w,j]=(0,a.useState)(null),y=(0,a.useRef)(new AbortController);(0,a.useEffect)(()=>()=>y.current.abort(),[]);const S=e=>{e&&(e.text().then(t),r(e.name))},B={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>S(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:C,variant:"secondary",onChange:e=>S(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[w&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:w}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:B[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==g&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),g)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,v,y.current.signal):n;e(r),l()}catch(e){if(f(e))return;j(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),v(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const N=window.wp.url;function A(e){return(0,N.cleanForSlug)(e)||"blogroll"}function O(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const M=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(y)]}}];var H=(0,x.jsx)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(S.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:H,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:S}=e,C=S?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,i.useDispatch)(n.store),H=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return M(),void l({anchor:O(A(C),H())});if(t)return;const e=H();e.includes(r)&&(M(),l({anchor:O(r,e)}))},[r,t]);const T=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(T.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,T.current);T.current=C,e&&l({anchor:O(A(C),H())})},[C]);const P=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:D,removeNotice:L}=(0,i.useDispatch)(p.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(L(U.current),U.current=null),P&&(U.current=`blockroll-anchor-${r}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(N.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...ce,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,x.jsx)(w,{anchor:ae,onAdd:e=>{te(y({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let he=null;Y!==X||oe||(he=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:de}));const pe=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[j],templateLock:!1,renderAppender:!1,placeholder:he}),me=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...S};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,x.jsx)(B,{onImport:e=>{const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(y);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:me}),le.help&&(0,x.jsxs)("p",{children:[le.help,le.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,x.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(be=V,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:be.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{...pe}),!he&&de]})]});var be},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:M})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(270));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/link/index-rtl.css b/build/link/index-rtl.css
index 3debdc7..7aefcc7 100644
--- a/build/link/index-rtl.css
+++ b/build/link/index-rtl.css
@@ -1 +1 @@
-.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-left:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-left:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
+.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link .blockroll-link__name,.wp-block-blockroll-link .blockroll-meta>span{display:contents}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-left:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-left:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__meta-overlay .components-popover__content{min-width:300px;padding:16px}
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index fcdd554..053147c 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '94550e95b42e375a110a');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '48168cac4f1117dcaa31');
diff --git a/build/link/index.css b/build/link/index.css
index c6aa22e..94bcf1c 100644
--- a/build/link/index.css
+++ b/build/link/index.css
@@ -1 +1 @@
-.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-right:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-right:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__overlay .blockroll-link__overlay-more{display:grid;gap:16px;min-width:300px;padding:16px}
+.wp-block-blockroll-link .u-url{display:block}.wp-block-blockroll-link .blockroll-link__name,.wp-block-blockroll-link .blockroll-meta>span{display:contents}.wp-block-blockroll-link.h-card .blockroll-link__photo{align-self:start;border-radius:50%;grid-row:1/span 2;height:auto;margin-right:.75em;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__photo .blockroll-no-photo,.wp-block-blockroll-link.h-card .blockroll-link__photo .u-photo{margin-right:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button{align-items:center;color:inherit;display:inline-flex;font:inherit;gap:.25em;height:auto;padding:0}.wp-block-blockroll-link.h-card .blockroll-link__meta-button:hover{text-decoration:underline}.blockroll-link__meta-overlay .components-popover__content{min-width:300px;padding:16px}
diff --git a/build/link/index.js b/build/link/index.js
index f9b0d4e..a1bf162 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:l=>{const o=l&&l.__esModule?()=>l.default:()=>l;return e.d(o,{a:o}),o},d:(l,o)=>{if(Array.isArray(o))for(var t=0;t<o.length;){var n=o[t++],r=o[t++];e.o(l,n)?0===r&&t++:0===r?Object.defineProperty(l,n,{enumerable:!0,value:o[t++]}):Object.defineProperty(l,n,{enumerable:!0,get:r})}else for(var n in o)e.o(o,n)&&!e.o(l,n)&&Object.defineProperty(l,n,{enumerable:!0,get:o[n]})},o:(e,l)=>Object.hasOwn(e,l)},l=window.wp.blocks,o=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,n=window.wp.element,r=window.wp.blockEditor,s=window.wp.components,a=window.wp.primitives,i=window.ReactJSXRuntime;var c=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});const u={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},h=["friendship","geographical","family"],m=Object.values(u).flat();function p({value:e=[],onChange:l}){return(0,i.jsx)(s.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:m,onChange:e=>l(function(e){return e.filter(e=>m.includes(e)).reduce((e,l)=>function(e,l){if("me"===l)return["me"];let o=e.filter(e=>"me"!==e);for(const e of h)u[e].includes(l)&&(o=o.filter(l=>!u[e].includes(l)));return[...o,l]}(e,l),[])}(e))})}const f=window.wp.apiFetch;var x=e.n(f);function b(e,l){return()=>{e&&e.ownerDocument.activeElement===e||l()}}function _({isOpen:e,onToggle:l,className:o,focusOnMount:t="firstElement",label:r,children:a}){const[c,d]=(0,n.useState)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Button,{className:o,ref:d,"aria-expanded":e,onClick:l,children:r}),e&&(0,i.jsx)(s.Popover,{anchor:c,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:b(c,l),focusOnMount:t,className:"blockroll-link__overlay",children:(0,i.jsx)("div",{className:"blockroll-link__overlay-more",children:a})})]})}var g=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,i.jsx)(a.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,l.registerBlockType)(o.UU,{icon:g,edit:function({attributes:e,setAttributes:l,context:o,isSelected:a}){const{url:u,name:h,description:m,photo:f,feedUrl:g,xfn:v,added:w}=e,[k,j]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[N,y]=(0,n.useState)(null),[O,B]=(0,n.useState)(),[F,T]=(0,n.useState)(),M=(0,n.useRef)(),[A,H]=(0,n.useState)(null),z=e=>H(e===A?null:e),D=(0,n.useRef)({}),P=o["blockroll/showAvatars"]??!0,R=(0,r.useBlockProps)({className:u?"h-card":void 0}),U=f?(0,i.jsx)("img",{className:"u-photo",src:f,alt:""}):(0,i.jsx)("span",{className:"blockroll-no-photo"}),V=(0,i.jsx)(r.InspectorControls,{children:(0,i.jsx)(s.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:w,onChange:e=>l({added:e})})})});if(!u){const e=()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(k);C(!0),function(e){return function(e){return x()({path:"/blockroll/v1/discover",method:"POST",data:{url:e}})}(e).then(l=>function(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}({url:e},l))}(e).catch(()=>({url:e})).then(e=>l({...e,added:w||(new Date).toISOString().slice(0,10)}))};return(0,i.jsxs)("div",{...R,children:[V,(0,i.jsxs)("form",{className:"blockroll-form__row",onSubmit:l=>{l.preventDefault(),e()},children:[(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:k,disabled:S,onChange:j}),(0,i.jsx)(s.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:S,disabled:!k.trim()||S,children:(0,t.__)("Add","blockroll")})]})]})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.BlockControls,{group:"block",children:(0,i.jsx)(s.ToolbarButton,{ref:T,icon:c,title:(0,t.__)("Link","blockroll"),isActive:!!N,onClick:()=>y(N?null:"toolbar")})}),V,a&&N&&(0,i.jsx)(s.Popover,{anchor:O,placement:"bottom-start",shift:!0,onClose:()=>y(null),onFocusOutside:b(F,()=>y(null)),focusOnMount:"toolbar"===N&&"firstElement",className:"blockroll-link__overlay",children:(0,i.jsx)("div",{ref:M,children:(0,i.jsx)(r.LinkControl,{value:{url:u,title:h},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{l({url:e.url||"",name:e.title??h}),y(null)},onCancel:()=>y(null)})})}),(0,i.jsxs)("div",{...R,children:[P&&(0,i.jsx)(r.MediaReplaceFlow,{mediaURL:f,allowedTypes:["image"],accept:"image/*",onSelect:e=>l({photo:e.url}),onSelectURL:e=>l({photo:e}),onReset:()=>l({photo:""}),popoverProps:{onFocusOutside:e=>{const l=e.target.ownerDocument.activeElement;!l?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...l})=>(D.current={isOpen:l["aria-expanded"],onToggle:l.onClick},(0,i.jsx)(s.Button,{...l,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:U}))}),(0,i.jsx)(r.RichText,{ref:B,onFocus:()=>y("name"),onBlur:()=>{"name"===N&&setTimeout(()=>{const e=M.current;e&&e.contains(e.ownerDocument.activeElement)||y(null)})},disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:u,value:h,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>l({name:e})}),(0,i.jsx)(r.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:m,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>l({description:e})}),(0,i.jsxs)("div",{className:"blockroll-meta",children:[(0,i.jsx)(_,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===A,onToggle:()=>z("feed"),label:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Icon,{icon:d,className:"blockroll-feed-icon"}),g?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,i.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:g,onChange:e=>l({feedUrl:e})})}),(0,i.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,i.jsx)(_,{className:"blockroll-link__meta-button",isOpen:"xfn"===A,onToggle:()=>z("xfn"),focusOnMount:!0,label:v.length>0?(0,i.jsx)("ul",{className:"blockroll-xfn",children:v.map(e=>(0,i.jsx)("li",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,i.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,i.jsx)(p,{value:v,onChange:e=>l({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[N,y]=(0,t.useState)(!1),O=(0,t.useRef)(new AbortController);(0,t.useEffect)(()=>()=>O.current.abort(),[]);const[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=(0,s.useBlockProps)({className:m?"h-card":void 0}),E=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),I=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>y(!1))};return(0,c.jsxs)("div",{...V,children:[I,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[I,(0,c.jsxs)("div",{...V,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:E}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(0,c.jsxs)("div",{className:"blockroll-meta",children:[(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/eslint.config.cjs b/eslint.config.cjs
new file mode 100644
index 0000000..be4dfe5
--- /dev/null
+++ b/eslint.config.cjs
@@ -0,0 +1,18 @@
+/**
+ * The config of @wordpress/scripts, with one addition: the focus-outside
+ * hook of @wordpress/compose. It has kept its experimental prefix for
+ * years, and it is what the editor's own popovers and dropdowns use.
+ */
+const config = require( '@wordpress/scripts/config/eslint.config.cjs' );
+
+module.exports = [
+	...config,
+	{
+		rules: {
+			'@wordpress/no-unsafe-wp-apis': [
+				'error',
+				{ '@wordpress/compose': [ '__experimentalUseFocusOutside' ] },
+			],
+		},
+	},
+];
diff --git a/package-lock.json b/package-lock.json
index 347a27a..2cb4056 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,9 @@
 	"packages": {
 		"": {
 			"name": "wordpress-blockroll",
+			"dependencies": {
+				"@wordpress/compose": "^8.8.0"
+			},
 			"devDependencies": {
 				"@wordpress/api-fetch": "^7.52.0",
 				"@wordpress/block-editor": "^16.1.0",
@@ -8646,7 +8649,6 @@
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/compile/-/compile-1.1.0.tgz",
 			"integrity": "sha512-n8m9eNDfoNZoxdvWiTfW/hSPhehzLJ3zW7f8E7oT6mCROoMNWCB4TYtv041+2FMAxweiE0j7i1jubQU4MEC/Gg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/evaluate": "^1.2.0",
@@ -8657,14 +8659,12 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/@tannin/evaluate/-/evaluate-1.2.0.tgz",
 			"integrity": "sha512-3ioXvNowbO/wSrxsDG5DKIMxC81P0QrQTYai8zFNY+umuoHWRPbQ/TuuDEOju9E+jQDXmj6yI5GyejNuh8I+eg==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tannin/plural-forms": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/plural-forms/-/plural-forms-1.1.0.tgz",
 			"integrity": "sha512-xl9R2mDZO/qiHam1AgMnAES6IKIg7OBhcXqy6eDsRCdXuxAFPcjrej9HMjyCLE0DJ/8cHf0i5OQTstuBRhpbHw==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/compile": "^1.1.0"
@@ -8674,14 +8674,12 @@
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/postfix/-/postfix-1.1.0.tgz",
 			"integrity": "sha512-oocsqY7g0cR+Gur5jRQLSrX2OtpMLMse1I10JQBm8CdGMrDkh1Mg2gjsiquMHRtBs4Qwu5wgEp5GgIYHk4SNPw==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tannin/sprintf": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/@tannin/sprintf/-/sprintf-1.3.3.tgz",
 			"integrity": "sha512-RwARl+hFwhzy0tg9atWcchLFvoQiOh4rrP7uG2N5E4W80BPCUX0ElcUR9St43fxB9EfjsW2df9Qp+UsTbvQDjA==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tootallnate/quickjs-emscripten": {
@@ -9003,7 +9001,6 @@
 			"version": "1.6.15",
 			"resolved": "https://registry.npmjs.org/@types/mousetrap/-/mousetrap-1.6.15.tgz",
 			"integrity": "sha512-qL0hyIMNPow317QWW/63RvL1x5MVMV+Ru3NaY9f/CuEpCqrmb7WeuK2071ZY5hczOnm38qExWM2i2WtkXLSqFw==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@types/ms": {
@@ -10615,7 +10612,6 @@
 			"version": "8.8.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-8.8.0.tgz",
 			"integrity": "sha512-jxTRusB3rd6qn+Fu6TJuKGP9EcUy2aeLw0aKFvYGa31E4oW6IapZdjW3vy4evyXEegzJMNqL+0Vu8zSlUoauNw==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@types/mousetrap": "^1.6.8",
@@ -10649,7 +10645,6 @@
 			"version": "8.7.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-8.7.0.tgz",
 			"integrity": "sha512-cdsapQymvTBNt2gvWT10fEfM15z/2cO4Yas/4qQDXkcKWVV+mNmY26lwIUDl2uoglZt5eKwso+yZ4eq5ZiEWxQ==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/escape-html": "^3.55.0",
@@ -10907,7 +10902,6 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/deprecated/-/deprecated-4.55.0.tgz",
 			"integrity": "sha512-XZgQeaODuOVhiDgho9I5Gd+oO/O6R8BHj9aXWZMZycsSt33XWNdzt2XnPmjazO9eMiIL2Vw6PwJjT6iUP3Ac3Q==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/hooks": "^4.55.0"
@@ -10921,7 +10915,6 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/dom/-/dom-4.55.0.tgz",
 			"integrity": "sha512-wXmpmvA06O7py+Qf8ed2rBkS4/rI6V+IQMWHGCbDVyudLIYpUkng+NaS1YftLDDBbOWd7DPditmwf2xZwWEUSA==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/deprecated": "^4.55.0"
@@ -11028,7 +11021,6 @@
 			"version": "3.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.55.0.tgz",
 			"integrity": "sha512-/KuueukNLGHzQrTcXXqwRSZ0qPMD0AKheYXadDZFJBr3BGmdUBR7Z7rCoW7l9VfUFWfMmBj4ltyNAEZtrg0oBA==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11183,7 +11175,6 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-4.55.0.tgz",
 			"integrity": "sha512-oI5NkudaBOewGR/qxPKx7us4h/D+Iokr1UPJHdh3pSnwhUgXFS1ptY7O98Hl6HpUZMyTwdP60fZJ5hlgSyivVA==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11205,7 +11196,6 @@
 			"version": "6.28.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-6.28.0.tgz",
 			"integrity": "sha512-it2GLsty4A6YLf30DOt+qSc40EjpCXavLwaKxREQkkSJgCPvka2jn3bKcku4KCrf4wAlYArxoY0yiEf8CSC5gw==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@tannin/sprintf": "^1.3.2",
@@ -11379,7 +11369,6 @@
 			"version": "5.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/is-shallow-equal/-/is-shallow-equal-5.55.0.tgz",
 			"integrity": "sha512-hL3fkQ6ac/Zq0hSQlqxq0fW1hVjyJGzLQYTC2S1n7aJhNyrkEMN9ozoTyeMlUWUx8uPakWbmsAwm/dGPiVHo3Q==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11467,7 +11456,6 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/keycodes/-/keycodes-4.55.0.tgz",
 			"integrity": "sha512-a6kz0pADBOSgMpNPsHix0b3tk7Tc0DSp6IxFgYofdQsI97Md3+FvI703KoM0DKObdlK/Vo52z4wxlImNe5UeAw==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/i18n": "^6.28.0"
@@ -12015,7 +12003,6 @@
 			"version": "3.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/priority-queue/-/priority-queue-3.55.0.tgz",
 			"integrity": "sha512-QyYEjFXH5IPrkHetVRv4RDZ+nq2RrocFo1VjWVaiwTXsw3V6MBLplx9zfyYw2QmCNi1uEB3CSwRTiQUsC6GMrg==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"requestidlecallback": "^0.3.0"
@@ -12029,7 +12016,6 @@
 			"version": "1.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/private-apis/-/private-apis-1.55.0.tgz",
 			"integrity": "sha512-i3VIoRP7XXOQoNSNFO8yqRIX3ujzUg+qK//Ldz/7hPtY3kRuvGRJhadJuifC9donXe2265am3LSO1lwxvq2uWA==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -12706,7 +12692,6 @@
 			"version": "1.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/undo-manager/-/undo-manager-1.55.0.tgz",
 			"integrity": "sha512-yyNXz7ts0DKJ6hxqurnvqCMxsHV62M0sheQNDL2INdayj+9b0ZiawPW+x4+rjSfHW6kAu8yqPZssb45eJNvEpw==",
-			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/is-shallow-equal": "^5.55.0"
@@ -14524,7 +14509,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
 			"integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"pascal-case": "^3.1.2",
@@ -14610,7 +14594,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
 			"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -14639,7 +14622,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
 			"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"camel-case": "^4.1.2",
@@ -15201,7 +15183,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
 			"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -16283,7 +16264,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
 			"integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -16416,7 +16396,6 @@
 			"version": "0.1.13",
 			"resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
 			"integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"iconv-lite": "^0.6.2"
@@ -18623,7 +18602,6 @@
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/gettext-parser/-/gettext-parser-1.4.0.tgz",
 			"integrity": "sha512-sedZYLHlHeBop/gZ1jdg59hlUEcpcZJofLq2JFwJT1zTqAU3l2wFv6IsuwFHGqbiT9DWzMUW4/em2+hspnmMMA==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"encoding": "^0.1.12",
@@ -19036,7 +19014,6 @@
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
 			"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"capital-case": "^1.0.4",
@@ -19405,7 +19382,6 @@
 			"version": "0.6.3",
 			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
 			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -20099,7 +20075,6 @@
 			"version": "5.1.0",
 			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.1.0.tgz",
 			"integrity": "sha512-bUi/yjmtKYcRVUtWRGr0UA6xEFh2I6zWUwMrUXB3s7bmYCaZ8a+0ZsTRkrawh/mzlSD1Y0Ph8bp/U+TvBpWDNw==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=0.10.0"
@@ -23035,7 +23010,6 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
 			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/js-yaml": {
@@ -23632,7 +23606,6 @@
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
 			"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"js-tokens": "^3.0.0 || ^4.0.0"
@@ -23645,7 +23618,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
 			"integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -24438,7 +24410,6 @@
 			"version": "1.6.5",
 			"resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
 			"integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==",
-			"dev": true,
 			"license": "Apache-2.0 WITH LLVM-exception"
 		},
 		"node_modules/mrmime": {
@@ -24562,7 +24533,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
 			"integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"lower-case": "^2.0.2",
@@ -25435,7 +25405,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
 			"integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -25554,7 +25523,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
 			"integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -25565,7 +25533,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
 			"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -27117,7 +27084,6 @@
 			"version": "18.3.1",
 			"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
 			"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"loose-envify": "^1.1.0"
@@ -27164,7 +27130,6 @@
 			"version": "18.3.1",
 			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
 			"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
-			"dev": true,
 			"license": "MIT",
 			"peer": true,
 			"dependencies": {
@@ -27576,7 +27541,6 @@
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/requestidlecallback/-/requestidlecallback-0.3.0.tgz",
 			"integrity": "sha512-TWHFkT7S9p7IxLC5A1hYmAYQx2Eb9w1skrXmQ+dS1URyvR8tenMLl4lHbqEOUnpEYxNKpkVMXUgknVpBZWXXfQ==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/require-directory": {
@@ -27901,7 +27865,6 @@
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -27957,7 +27920,6 @@
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
 			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/sass": {
@@ -28049,7 +28011,6 @@
 			"version": "0.23.2",
 			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
 			"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-			"dev": true,
 			"license": "MIT",
 			"peer": true,
 			"dependencies": {
@@ -28203,7 +28164,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
 			"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -28666,7 +28626,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
 			"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -29950,7 +29909,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/tannin/-/tannin-1.2.0.tgz",
 			"integrity": "sha512-U7GgX/RcSeUETbV7gYgoz8PD7Ni4y95pgIP/Z6ayI3CfhSujwKEBlGFTCRN+Aqnuyf4AN2yHL+L8x+TCGjb9uA==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/plural-forms": "^1.1.0"
@@ -30500,7 +30458,6 @@
 			"version": "2.8.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
 			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-			"dev": true,
 			"license": "0BSD"
 		},
 		"node_modules/tsyringe": {
@@ -30885,7 +30842,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
 			"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -30895,7 +30851,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
 			"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -30984,7 +30939,6 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
 			"integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
-			"dev": true,
 			"license": "MIT",
 			"peerDependencies": {
 				"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/package.json b/package.json
index 6481ddc..651de16 100644
--- a/package.json
+++ b/package.json
@@ -25,5 +25,8 @@
 		"@wordpress/notices": "^5.55.0",
 		"@wordpress/scripts": "^34.2.0",
 		"@wordpress/url": "^4.55.0"
+	},
+	"dependencies": {
+		"@wordpress/compose": "^8.8.0"
 	}
 }
diff --git a/src/blogroll/__tests__/same-site.test.js b/src/blogroll/__tests__/same-site.test.js
deleted file mode 100644
index 4a02bb7..0000000
--- a/src/blogroll/__tests__/same-site.test.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { sameSite } from '../utils';
-
-describe( 'sameSite', () => {
-	it( 'ignores scheme, www, case and the trailing slash', () => {
-		expect(
-			sameSite( 'https://notiz.blog/', 'http://www.Notiz.blog' )
-		).toBe( true );
-		expect( sameSite( 'notiz.blog', 'https://notiz.blog/' ) ).toBe( true );
-	} );
-
-	it( 'keeps paths apart', () => {
-		expect(
-			sameSite( 'https://a.example/blog', 'https://a.example/' )
-		).toBe( false );
-	} );
-
-	it( 'never matches an empty address', () => {
-		expect( sameSite( '', '' ) ).toBe( false );
-		expect( sameSite( undefined, 'https://a.example/' ) ).toBe( false );
-	} );
-} );
diff --git a/src/blogroll/__tests__/site-key.test.js b/src/blogroll/__tests__/site-key.test.js
new file mode 100644
index 0000000..168832e
--- /dev/null
+++ b/src/blogroll/__tests__/site-key.test.js
@@ -0,0 +1,21 @@
+import { siteKey } from '../utils';
+
+describe( 'siteKey', () => {
+	it( 'ignores scheme, www, case and the trailing slash', () => {
+		expect( siteKey( 'https://notiz.blog/' ) ).toBe(
+			siteKey( 'http://www.Notiz.blog' )
+		);
+		expect( siteKey( 'notiz.blog' ) ).toBe( 'notiz.blog' );
+	} );
+
+	it( 'keeps paths apart', () => {
+		expect( siteKey( 'https://a.example/blog' ) ).not.toBe(
+			siteKey( 'https://a.example/' )
+		);
+	} );
+
+	it( 'is empty for no address', () => {
+		expect( siteKey( '' ) ).toBe( '' );
+		expect( siteKey( undefined ) ).toBe( '' );
+	} );
+} );
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index 99ae3ed..c4792cc 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -3,13 +3,20 @@
  */
 import { __ } from '@wordpress/i18n';
 import { useEffect, useRef, useState } from '@wordpress/element';
-import { Button, Popover, TextControl } from '@wordpress/components';
+import { Popover } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
-import { lookUp } from '../discover';
-import { closeUnlessToggle, toUrl } from '../utils';
+import { isAborted, lookUp } from '../discover';
+import { toUrl } from '../utils';
+import AddressForm from './address-form';
+
+/**
+ * Nothing: the overlay's own focus check is off, the wrapper around the
+ * button and the overlay does it.
+ */
+const noop = () => {};
 
 /**
  * The overlay behind "Add link": an address field, anchored at the button.
@@ -29,23 +36,17 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ isBusy, setIsBusy ] = useState( false );
 	const [ error, setError ] = useState( null );
 	const [ isDuplicate, setIsDuplicate ] = useState( false );
-	const value = input.trim();
-	// A lookup still running when the overlay closes must not add its link.
-	const isClosed = useRef( false );
-	useEffect(
-		() => () => {
-			isClosed.current = true;
-		},
-		[]
-	);
+	// A lookup still running when the overlay closes is cancelled.
+	const controller = useRef( new AbortController() );
+	useEffect( () => () => controller.current.abort(), [] );
 	// A line under the field, like the notes core's overlays show.
 	const message = isDuplicate
 		? __( 'This site is in the list already.', 'blockroll' )
 		: error;
 
 	const add = () => {
-		const url = toUrl( value );
-		if ( isKnown?.( url ) ) {
+		const url = toUrl( input );
+		if ( isKnown( url ) ) {
 			setIsDuplicate( true );
 			return;
 		}
@@ -54,13 +55,12 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 			return;
 		}
 		setIsBusy( true );
-		lookUp( url )
-			.then( ( link ) => {
-				if ( ! isClosed.current ) {
-					onAdd( link );
-				}
-			} )
+		lookUp( url, controller.current.signal )
+			.then( onAdd )
 			.catch( ( fetchError ) => {
+				if ( isAborted( fetchError ) ) {
+					return;
+				}
 				setError(
 					fetchError.message ||
 						__( 'The site could not be reached.', 'blockroll' )
@@ -75,53 +75,24 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 			placement="bottom-start"
 			offset={ 8 }
 			onClose={ onClose }
-			onFocusOutside={ closeUnlessToggle( anchor, onClose ) }
+			onFocusOutside={ noop }
 			focusOnMount="firstElement"
 			className="blockroll-add-link"
 		>
-			<form
-				className="blockroll-add-link__form"
-				onSubmit={ ( event ) => {
-					event.preventDefault();
-					if ( value && ! isBusy ) {
-						add();
-					}
+			<AddressForm
+				value={ input }
+				onChange={ ( next ) => {
+					setInput( next );
+					setError( null );
+					setIsDuplicate( false );
 				} }
-			>
-				<div className="blockroll-form__row">
-					<TextControl
-						__next40pxDefaultSize
-						__nextHasNoMarginBottom
-						label={ __( 'Address', 'blockroll' ) }
-						hideLabelFromVision
-						help={ message }
-						className={ message ? 'has-message' : undefined }
-						placeholder="example.com"
-						type="text"
-						inputMode="url"
-						autoComplete="off"
-						spellCheck={ false }
-						value={ input }
-						disabled={ isBusy }
-						onChange={ ( next ) => {
-							setInput( next );
-							setError( null );
-							setIsDuplicate( false );
-						} }
-					/>
-					<Button
-						__next40pxDefaultSize
-						variant="primary"
-						type="submit"
-						isBusy={ isBusy }
-						disabled={ ! value || isBusy || isDuplicate }
-					>
-						{ error
-							? __( 'Add anyway', 'blockroll' )
-							: __( 'Add', 'blockroll' ) }
-					</Button>
-				</div>
-			</form>
+				onSubmit={ add }
+				isBusy={ isBusy }
+				message={ message }
+				buttonLabel={
+					error ? __( 'Add anyway', 'blockroll' ) : undefined
+				}
+			/>
 		</Popover>
 	);
 }
diff --git a/src/blogroll/components/address-form.js b/src/blogroll/components/address-form.js
new file mode 100644
index 0000000..c350492
--- /dev/null
+++ b/src/blogroll/components/address-form.js
@@ -0,0 +1,62 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { Button, TextControl } from '@wordpress/components';
+
+/**
+ * An address field with its button: the "Add link" overlay and a link
+ * block that has no address yet.
+ *
+ * @param {Object}   props             Component props.
+ * @param {string}   props.value       The address as typed.
+ * @param {Function} props.onChange    Called with the typed address.
+ * @param {Function} props.onSubmit    Called when the address is submitted.
+ * @param {boolean}  props.isBusy      Whether the address is being looked up.
+ * @param {string}   props.message     A line under the field, an error or a note.
+ * @param {string}   props.buttonLabel Label of the button, "Add" by default.
+ */
+export default function AddressForm( {
+	value,
+	onChange,
+	onSubmit,
+	isBusy,
+	message,
+	buttonLabel,
+} ) {
+	return (
+		<form
+			className="blockroll-form__row"
+			onSubmit={ ( event ) => {
+				event.preventDefault();
+				onSubmit();
+			} }
+		>
+			<TextControl
+				__next40pxDefaultSize
+				__nextHasNoMarginBottom
+				label={ __( 'Address', 'blockroll' ) }
+				hideLabelFromVision
+				help={ message }
+				className={ message ? 'has-message' : undefined }
+				placeholder="example.com"
+				type="text"
+				inputMode="url"
+				autoComplete="off"
+				spellCheck={ false }
+				value={ value }
+				disabled={ isBusy }
+				onChange={ onChange }
+			/>
+			<Button
+				__next40pxDefaultSize
+				variant="primary"
+				type="submit"
+				isBusy={ isBusy }
+				disabled={ ! value.trim() || isBusy }
+			>
+				{ buttonLabel || __( 'Add', 'blockroll' ) }
+			</Button>
+		</form>
+	);
+}
diff --git a/src/blogroll/components/import-modal.js b/src/blogroll/components/import-modal.js
index 53c49a6..735f674 100644
--- a/src/blogroll/components/import-modal.js
+++ b/src/blogroll/components/import-modal.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
+import { useEffect, useRef, useState } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
 import { upload } from '@wordpress/icons';
 import {
@@ -20,22 +20,28 @@ import {
 /**
  * Internal dependencies
  */
-import { discover } from '../discover';
+import { discover, isAborted } from '../discover';
 import { mergeDiscovered } from '../utils';
 
 /**
  * Fetch details for imported links, one after the other.
  *
- * @param {Array}    links      Imported links.
- * @param {Function} onProgress Called with the number of finished links.
+ * @param {Array}       links      Imported links.
+ * @param {Function}    onProgress Called with the number of finished links.
+ * @param {AbortSignal} signal     Stops the loop when the modal is gone.
  * @return {Promise<Array>} Enriched links.
  */
-async function enrich( links, onProgress ) {
+async function enrich( links, onProgress, signal ) {
 	const result = [];
 	for ( const link of links ) {
 		try {
-			result.push( mergeDiscovered( link, await discover( link.url ) ) );
-		} catch {
+			result.push(
+				mergeDiscovered( link, await discover( link.url, signal ) )
+			);
+		} catch ( error ) {
+			if ( isAborted( error ) ) {
+				throw error;
+			}
 			result.push( link );
 		}
 		onProgress( result.length );
@@ -58,6 +64,9 @@ export default function ImportModal( { onImport, onClose } ) {
 	const [ isBusy, setIsBusy ] = useState( false );
 	const [ progress, setProgress ] = useState( null );
 	const [ error, setError ] = useState( null );
+	// Lookups still running when the modal closes are cancelled.
+	const controller = useRef( new AbortController() );
+	useEffect( () => () => controller.current.abort(), [] );
 
 	const readFile = ( file ) => {
 		if ( file ) {
@@ -77,11 +86,14 @@ export default function ImportModal( { onImport, onClose } ) {
 				data,
 			} );
 			const finished = fetchDetails
-				? await enrich( links, setProgress )
+				? await enrich( links, setProgress, controller.current.signal )
 				: links;
 			onImport( finished );
 			onClose();
 		} catch ( importError ) {
+			if ( isAborted( importError ) ) {
+				return;
+			}
 			setError(
 				importError.message ||
 					__( 'The file could not be imported.', 'blockroll' )
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index 79e02f6..f4fbe35 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -10,15 +10,9 @@ import { hasLegacyLinks, migrateLinks } from './utils';
  * block of its own inside it. The saved markup was empty either way, so
  * the old block is still valid; isEligible makes the editor migrate it
  * anyway. The server keeps reading the attribute for posts nobody opens.
- *
- * The attribute is spelled out here, so this keeps working once it has
- * left block.json.
  */
 const v1 = {
-	attributes: {
-		...metadata.attributes,
-		links: { type: 'array', default: [] },
-	},
+	attributes: metadata.attributes,
 	supports: metadata.supports,
 	save: () => null,
 	isEligible: ( attributes, innerBlocks ) =>
diff --git a/src/blogroll/discover.js b/src/blogroll/discover.js
index d663e64..9f40b30 100644
--- a/src/blogroll/discover.js
+++ b/src/blogroll/discover.js
@@ -11,25 +11,38 @@ import { mergeDiscovered } from './utils';
 /**
  * Ask the site behind an address for its name, description, feed and image.
  *
- * @param {string} url Address of the site.
+ * @param {string}      url    Address of the site.
+ * @param {AbortSignal} signal Aborts the request, when the asking side is gone.
  * @return {Promise<Object>} What was found.
  */
-export function discover( url ) {
+export function discover( url, signal ) {
 	return apiFetch( {
 		path: '/blockroll/v1/discover',
 		method: 'POST',
 		data: { url },
+		signal,
 	} );
 }
 
 /**
  * The attributes of a link for an address: what the site says about itself.
  *
- * @param {string} url Address of the site.
+ * @param {string}      url    Address of the site.
+ * @param {AbortSignal} signal Aborts the request.
  * @return {Promise<Object>} Link attributes.
  */
-export function lookUp( url ) {
-	return discover( url ).then( ( found ) =>
+export function lookUp( url, signal ) {
+	return discover( url, signal ).then( ( found ) =>
 		mergeDiscovered( { url }, found )
 	);
 }
+
+/**
+ * Whether a request failed because it was aborted, not because of the site.
+ *
+ * @param {Error} error The error.
+ * @return {boolean} True when aborted.
+ */
+export function isAborted( error ) {
+	return 'AbortError' === error?.name;
+}
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index e990b49..9ee8c36 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -9,6 +9,7 @@ import {
 	useState,
 } from '@wordpress/element';
 import { useDispatch, useRegistry, useSelect } from '@wordpress/data';
+import { __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';
 import {
 	InspectorControls,
 	store as blockEditorStore,
@@ -33,7 +34,7 @@ import { escapeHTML } from '@wordpress/escape-html';
  */
 import AddLink from './components/add-link';
 import { createLinkBlock, LINK_BLOCK } from './link-block';
-import { sameSite, today } from './utils';
+import { siteKey, today } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
@@ -295,12 +296,18 @@ export default function Edit( {
 	const { insertBlock, insertBlocks } = useDispatch( blockEditorStore );
 	const [ isAdding, setIsAdding ] = useState( false );
 	const [ addAnchor, setAddAnchor ] = useState();
-	// The addresses in the list right now, for the duplicate check.
-	const isKnown = ( url ) =>
-		registry
-			.select( blockEditorStore )
-			.getBlocks( clientId )
-			.some( ( block ) => sameSite( block.attributes.url, url ) );
+	// The "Add link" overlay closes when the focus leaves the button and
+	// the overlay; a click on the button itself only toggles.
+	const addFocusOutside = useFocusOutside( () => setIsAdding( false ) );
+	// The sites in the list right now, for the duplicate checks.
+	const siteKeys = () =>
+		new Set(
+			registry
+				.select( blockEditorStore )
+				.getBlocks( clientId )
+				.map( ( block ) => siteKey( block.attributes.url ) )
+		);
+	const isKnown = ( url ) => siteKeys().has( siteKey( url ) );
 	const addLink = ( link ) => {
 		insertBlock(
 			createLinkBlock( { ...link, added: today() } ),
@@ -310,19 +317,19 @@ export default function Edit( {
 		setIsAdding( false );
 	};
 
-	// Imported links become link blocks at the end of the list; addresses
-	// already in it are skipped.
+	// Imported links become link blocks at the end of the list; sites
+	// already in it, or twice in the file, are skipped.
 	const importLinks = ( imported ) => {
-		const known = registry
-			.select( blockEditorStore )
-			.getBlocks( clientId )
-			.map( ( block ) => block.attributes.url );
+		const seen = siteKeys();
 		const blocks = imported
-			.filter(
-				( link ) =>
-					link.url &&
-					! known.some( ( url ) => sameSite( url, link.url ) )
-			)
+			.filter( ( link ) => {
+				const key = siteKey( link.url );
+				if ( ! key || seen.has( key ) ) {
+					return false;
+				}
+				seen.add( key );
+				return true;
+			} )
 			.map( createLinkBlock );
 		if ( blocks.length ) {
 			insertBlocks( blocks, undefined, clientId );
@@ -331,22 +338,24 @@ export default function Edit( {
 
 	const actions = (
 		<div className="blockroll-editor-actions">
-			<Button
-				variant="primary"
-				ref={ setAddAnchor }
-				aria-expanded={ isAdding }
-				onClick={ () => setIsAdding( ! isAdding ) }
-			>
-				{ __( 'Add link', 'blockroll' ) }
-			</Button>
-			{ isAdding && (
-				<AddLink
-					anchor={ addAnchor }
-					onAdd={ addLink }
-					isKnown={ isKnown }
-					onClose={ () => setIsAdding( false ) }
-				/>
-			) }
+			<span { ...addFocusOutside }>
+				<Button
+					variant="primary"
+					ref={ setAddAnchor }
+					aria-expanded={ isAdding }
+					onClick={ () => setIsAdding( ! isAdding ) }
+				>
+					{ __( 'Add link', 'blockroll' ) }
+				</Button>
+				{ isAdding && (
+					<AddLink
+						anchor={ addAnchor }
+						onAdd={ addLink }
+						isKnown={ isKnown }
+						onClose={ () => setIsAdding( false ) }
+					/>
+				) }
+			</span>
 			<Button
 				variant="secondary"
 				onClick={ () => setIsImporting( true ) }
@@ -354,7 +363,6 @@ export default function Edit( {
 				{ __( 'Import links', 'blockroll' ) }
 			</Button>
 			{ ! linkCount &&
-				manualSource === currentSource &&
 				externalSources.map( ( item ) => (
 					<Button
 						key={ item.value }
diff --git a/src/blogroll/editor.scss b/src/blogroll/editor.scss
index 2eeba79..d1b873e 100644
--- a/src/blogroll/editor.scss
+++ b/src/blogroll/editor.scss
@@ -60,34 +60,10 @@
 	}
 }
 
-.blockroll-import-intro {
-	margin: 0;
-}
-
-.blockroll-import-tab {
-	padding: 16px 0;
-}
-
-.blockroll-import-upload {
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	min-height: 100px;
-	border: 1px dashed #949494;
-	border-radius: 4px;
-}
-
-.blockroll-add-link {
-
-	.blockroll-add-link__form {
-		display: grid;
-		gap: 8px;
-		padding: 8px;
-		width: 360px;
-		max-width: 90vw;
-	}
-
+.blockroll-add-link .components-popover__content {
+	padding: 8px;
+	width: 360px;
+	max-width: 90vw;
 }
 
 // A field with its button next to it, in the overlays and the import.
@@ -117,3 +93,21 @@
 	gap: 8px;
 	margin-top: 8px;
 }
+
+.blockroll-import-intro {
+	margin: 0;
+}
+
+.blockroll-import-tab {
+	padding: 16px 0;
+}
+
+.blockroll-import-upload {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 100px;
+	border: 1px dashed #949494;
+	border-radius: 4px;
+}
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 96da72d..a7750f9 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -59,40 +59,17 @@ export function today() {
 }
 
 /**
- * Whether two addresses point at the same site: scheme, "www.", case
- * and a trailing slash do not make a difference.
+ * What makes an address the address of a site: scheme, "www.", case and
+ * a trailing slash do not.
  *
- * @param {string} a One address.
- * @param {string} b Another address.
- * @return {boolean} True for the same site.
+ * @param {string} url An address.
+ * @return {string} The key, empty for no address.
  */
-export function sameSite( a, b ) {
-	const key = ( url ) =>
-		String( url || '' )
-			.trim()
-			.toLowerCase()
-			.replace( /^[a-z][a-z0-9+.-]*:\/\//, '' )
-			.replace( /^www\./, '' )
-			.replace( /\/+$/, '' );
-	return key( a ) !== '' && key( a ) === key( b );
-}
-
-/**
- * A "focus left the overlay" handler for a Popover with a toggle button.
- *
- * A click on the toggle blurs the overlay first; closing on that blur and
- * toggling on the click would reopen it. So the close is skipped while
- * the focus is on the toggle, like core's Dropdown does it.
- *
- * @param {Element}  toggle The button that opens and closes the overlay.
- * @param {Function} close  Closes the overlay.
- * @return {Function} The handler.
- */
-export function closeUnlessToggle( toggle, close ) {
-	return () => {
-		if ( toggle && toggle.ownerDocument.activeElement === toggle ) {
-			return;
-		}
-		close();
-	};
+export function siteKey( url ) {
+	return String( url || '' )
+		.trim()
+		.toLowerCase()
+		.replace( /^[a-z][a-z0-9+.-]*:\/\//, '' )
+		.replace( /^www\./, '' )
+		.replace( /\/+$/, '' );
 }
diff --git a/src/link/edit.js b/src/link/edit.js
index 145da72..b01b4f1 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -2,7 +2,8 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useRef, useState } from '@wordpress/element';
+import { useEffect, useRef, useState } from '@wordpress/element';
+import { __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';
 import {
 	BlockControls,
 	InspectorControls,
@@ -24,11 +25,18 @@ import { link as linkIcon, rss } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import AddressForm from '../blogroll/components/address-form';
 import XfnControl from '../blogroll/components/xfn-control';
-import { lookUp } from '../blogroll/discover';
-import { closeUnlessToggle, toUrl, today } from '../blogroll/utils';
+import { isAborted, lookUp } from '../blogroll/discover';
+import { toUrl, today } from '../blogroll/utils';
 import OverlayButton from './overlay-button';
 
+/**
+ * Nothing: the link overlay's own focus check is off, the wrapper around
+ * the name, the toolbar button and the overlay does it.
+ */
+const noop = () => {};
+
 /**
  * One link of a blogroll.
  *
@@ -56,31 +64,20 @@ export default function Edit( {
 	const { url, name, description, photo, feedUrl, xfn, added } = attributes;
 	const [ draftUrl, setDraftUrl ] = useState( '' );
 	const [ isLookingUp, setIsLookingUp ] = useState( false );
+	// A lookup still running when the block is gone is cancelled.
+	const controller = useRef( new AbortController() );
+	useEffect( () => () => controller.current.abort(), [] );
 	// The link overlay opened from the name leaves the focus there, the
-	// one opened from the toolbar takes it.
+	// one opened from the toolbar takes it. It closes when the focus
+	// leaves the name, the toolbar button and the overlay; a click on the
+	// toolbar button only toggles.
 	const [ linkOverlay, setLinkOverlay ] = useState( null ); // 'name' | 'toolbar' | null
+	const closeLinkOverlay = () => setLinkOverlay( null );
+	const linkFocusOutside = useFocusOutside( closeLinkOverlay );
 	const [ popoverAnchor, setPopoverAnchor ] = useState();
-	const [ linkToggle, setLinkToggle ] = useState();
-	const linkOverlayRef = useRef();
-	// The overlay opened from the name closes when the focus leaves the
-	// name for anything but the overlay itself. The blur runs before the
-	// next element has the focus, so the check waits a moment.
-	const closeLinkOverlayOnBlur = () => {
-		if ( 'name' !== linkOverlay ) {
-			return;
-		}
-		setTimeout( () => {
-			const overlay = linkOverlayRef.current;
-			if (
-				! overlay ||
-				! overlay.contains( overlay.ownerDocument.activeElement )
-			) {
-				setLinkOverlay( null );
-			}
-		} );
-	};
 	// The meta row: 'feed' or 'xfn' while one of its overlays is open.
 	const [ metaOverlay, setMetaOverlay ] = useState( null );
+	const closeMeta = () => setMetaOverlay( null );
 	const toggleMeta = ( key ) =>
 		setMetaOverlay( key === metaOverlay ? null : key );
 	// The image menu's toggle, as the menu hands it over on each render.
@@ -138,97 +135,35 @@ export default function Edit( {
 		const add = () => {
 			const value = toUrl( draftUrl );
 			setIsLookingUp( true );
-			lookUp( value )
-				.catch( () => ( { url: value } ) )
+			lookUp( value, controller.current.signal )
+				.catch( ( error ) => {
+					if ( isAborted( error ) ) {
+						throw error;
+					}
+					return { url: value };
+				} )
 				.then( ( link ) =>
 					setAttributes( { ...link, added: added || today() } )
-				);
+				)
+				.catch( noop )
+				.finally( () => setIsLookingUp( false ) );
 		};
 		return (
 			<div { ...blockProps }>
 				{ inspector }
-				<form
-					className="blockroll-form__row"
-					onSubmit={ ( event ) => {
-						event.preventDefault();
-						add();
-					} }
-				>
-					<TextControl
-						__next40pxDefaultSize
-						__nextHasNoMarginBottom
-						label={ __( 'Address', 'blockroll' ) }
-						hideLabelFromVision
-						placeholder="example.com"
-						type="text"
-						inputMode="url"
-						autoComplete="off"
-						spellCheck={ false }
-						value={ draftUrl }
-						disabled={ isLookingUp }
-						onChange={ setDraftUrl }
-					/>
-					<Button
-						__next40pxDefaultSize
-						variant="primary"
-						type="submit"
-						isBusy={ isLookingUp }
-						disabled={ ! draftUrl.trim() || isLookingUp }
-					>
-						{ __( 'Add', 'blockroll' ) }
-					</Button>
-				</form>
+				<AddressForm
+					value={ draftUrl }
+					onChange={ setDraftUrl }
+					onSubmit={ add }
+					isBusy={ isLookingUp }
+				/>
 			</div>
 		);
 	}
 
 	return (
 		<>
-			<BlockControls group="block">
-				<ToolbarButton
-					ref={ setLinkToggle }
-					icon={ linkIcon }
-					title={ __( 'Link', 'blockroll' ) }
-					isActive={ !! linkOverlay }
-					onClick={ () =>
-						setLinkOverlay( linkOverlay ? null : 'toolbar' )
-					}
-				/>
-			</BlockControls>
 			{ inspector }
-			{ isSelected && linkOverlay && (
-				<Popover
-					anchor={ popoverAnchor }
-					placement="bottom-start"
-					shift
-					onClose={ () => setLinkOverlay( null ) }
-					onFocusOutside={ closeUnlessToggle( linkToggle, () =>
-						setLinkOverlay( null )
-					) }
-					focusOnMount={
-						'toolbar' === linkOverlay ? 'firstElement' : false
-					}
-					className="blockroll-link__overlay"
-				>
-					<div ref={ linkOverlayRef }>
-						<LinkControl
-							value={ { url, title: name } }
-							settings={ [] }
-							hasTextControl
-							forceIsEditingLink
-							showInitialSuggestions={ false }
-							onChange={ ( next ) => {
-								setAttributes( {
-									url: next.url || '',
-									name: next.title ?? name,
-								} );
-								setLinkOverlay( null );
-							} }
-							onCancel={ () => setLinkOverlay( null ) }
-						/>
-					</div>
-				</Popover>
-			) }
 			<div { ...blockProps }>
 				{ showAvatar && (
 					<MediaReplaceFlow
@@ -262,20 +197,63 @@ export default function Edit( {
 						} }
 					/>
 				) }
-				<RichText
-					ref={ setPopoverAnchor }
-					onFocus={ () => setLinkOverlay( 'name' ) }
-					onBlur={ closeLinkOverlayOnBlur }
-					disableLineBreaks
-					tagName="a"
-					className="u-url p-name"
-					href={ url }
-					value={ name }
-					allowedFormats={ [] }
-					withoutInteractiveFormatting
-					placeholder={ __( 'Site name', 'blockroll' ) }
-					onChange={ ( value ) => setAttributes( { name: value } ) }
-				/>
+				<span className="blockroll-link__name" { ...linkFocusOutside }>
+					<BlockControls group="block">
+						<ToolbarButton
+							icon={ linkIcon }
+							title={ __( 'Link', 'blockroll' ) }
+							isActive={ !! linkOverlay }
+							onClick={ () =>
+								setLinkOverlay( linkOverlay ? null : 'toolbar' )
+							}
+						/>
+					</BlockControls>
+					{ isSelected && linkOverlay && (
+						<Popover
+							anchor={ popoverAnchor }
+							placement="bottom-start"
+							shift
+							onClose={ closeLinkOverlay }
+							onFocusOutside={ noop }
+							focusOnMount={
+								'toolbar' === linkOverlay
+									? 'firstElement'
+									: false
+							}
+						>
+							<LinkControl
+								value={ { url, title: name } }
+								settings={ [] }
+								hasTextControl
+								forceIsEditingLink
+								showInitialSuggestions={ false }
+								onChange={ ( next ) => {
+									setAttributes( {
+										url: next.url || '',
+										name: next.title ?? name,
+									} );
+									closeLinkOverlay();
+								} }
+								onCancel={ closeLinkOverlay }
+							/>
+						</Popover>
+					) }
+					<RichText
+						ref={ setPopoverAnchor }
+						onFocus={ () => setLinkOverlay( 'name' ) }
+						disableLineBreaks
+						tagName="a"
+						className="u-url p-name"
+						href={ url }
+						value={ name }
+						allowedFormats={ [] }
+						withoutInteractiveFormatting
+						placeholder={ __( 'Site name', 'blockroll' ) }
+						onChange={ ( value ) =>
+							setAttributes( { name: value } )
+						}
+					/>
+				</span>
 				<RichText
 					disableLineBreaks
 					tagName="p"
@@ -293,6 +271,7 @@ export default function Edit( {
 						className="blockroll-feed blockroll-link__meta-button"
 						isOpen={ 'feed' === metaOverlay }
 						onToggle={ () => toggleMeta( 'feed' ) }
+						onClose={ closeMeta }
 						label={
 							<>
 								<Icon
@@ -331,6 +310,7 @@ export default function Edit( {
 						className="blockroll-link__meta-button"
 						isOpen={ 'xfn' === metaOverlay }
 						onToggle={ () => toggleMeta( 'xfn' ) }
+						onClose={ closeMeta }
 						focusOnMount
 						label={
 							xfn.length > 0 ? (
diff --git a/src/link/editor.scss b/src/link/editor.scss
index bfa3acf..eb4138e 100644
--- a/src/link/editor.scss
+++ b/src/link/editor.scss
@@ -5,6 +5,13 @@
 		display: block;
 	}
 
+	// The wrappers that watch the focus leave no box of their own, so the
+	// grid of the card still sees the name and the meta row's buttons.
+	.blockroll-link__name,
+	.blockroll-meta > span {
+		display: contents;
+	}
+
 	// The image is a button here; it takes the place the image has on
 	// the site and the image inside loses its own margin.
 	&.h-card .blockroll-link__photo {
@@ -37,12 +44,7 @@
 	}
 }
 
-.blockroll-link__overlay {
-
-	.blockroll-link__overlay-more {
-		display: grid;
-		gap: 16px;
-		padding: 16px;
-		min-width: 300px;
-	}
+.blockroll-link__meta-overlay .components-popover__content {
+	padding: 16px;
+	min-width: 300px;
 }
diff --git a/src/link/overlay-button.js b/src/link/overlay-button.js
index f8c0cc0..30ae1cc 100644
--- a/src/link/overlay-button.js
+++ b/src/link/overlay-button.js
@@ -3,19 +3,23 @@
  */
 import { useState } from '@wordpress/element';
 import { Button, Popover } from '@wordpress/components';
+import { __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';
 
 /**
- * Internal dependencies
+ * Nothing: the overlay's own focus check is off, the wrapper does it.
  */
-import { closeUnlessToggle } from '../blogroll/utils';
+const noop = () => {};
 
 /**
  * A button in the card with an overlay under it, like an inline link in
- * a paragraph: the meta row's feed and relationship.
+ * a paragraph: the meta row's feed and relationship. The overlay closes
+ * when the focus leaves the button and the overlay; a click on the
+ * button itself only toggles.
  *
  * @param {Object}         props              Component props.
  * @param {boolean}        props.isOpen       Whether the overlay is open.
  * @param {Function}       props.onToggle     Called to open or close it.
+ * @param {Function}       props.onClose      Called to close it.
  * @param {string}         props.className    Class of the button.
  * @param {boolean|string} props.focusOnMount What the overlay focuses when it opens.
  * @param {Element}        props.label        Contents of the button.
@@ -24,15 +28,17 @@ import { closeUnlessToggle } from '../blogroll/utils';
 export default function OverlayButton( {
 	isOpen,
 	onToggle,
+	onClose,
 	className,
 	focusOnMount = 'firstElement',
 	label,
 	children,
 } ) {
 	const [ anchor, setAnchor ] = useState();
+	const focusOutside = useFocusOutside( onClose );
 
 	return (
-		<>
+		<span { ...focusOutside }>
 			<Button
 				className={ className }
 				ref={ setAnchor }
@@ -46,16 +52,14 @@ export default function OverlayButton( {
 					anchor={ anchor }
 					placement="bottom-start"
 					shift
-					onClose={ onToggle }
-					onFocusOutside={ closeUnlessToggle( anchor, onToggle ) }
+					onClose={ onClose }
+					onFocusOutside={ noop }
 					focusOnMount={ focusOnMount }
-					className="blockroll-link__overlay"
+					className="blockroll-link__meta-overlay"
 				>
-					<div className="blockroll-link__overlay-more">
-						{ children }
-					</div>
+					{ children }
 				</Popover>
 			) }
-		</>
+		</span>
 	);
 }

From 1c7d093effe9bad144640357aa725abdcde1f6d0 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 08:38:42 +0200
Subject: [PATCH 11/23] compose is a dev dependency like the rest

---
 package-lock.json | 53 ++++++++++++++++++++++++++++++++++++++++++++---
 package.json      |  4 +---
 2 files changed, 51 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2cb4056..5e48ffd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,14 +5,12 @@
 	"packages": {
 		"": {
 			"name": "wordpress-blockroll",
-			"dependencies": {
-				"@wordpress/compose": "^8.8.0"
-			},
 			"devDependencies": {
 				"@wordpress/api-fetch": "^7.52.0",
 				"@wordpress/block-editor": "^16.1.0",
 				"@wordpress/blocks": "^15.25.0",
 				"@wordpress/components": "^38.0.0",
+				"@wordpress/compose": "^8.8.0",
 				"@wordpress/data": "^10.55.0",
 				"@wordpress/element": "^8.4.0",
 				"@wordpress/env": "^11.14.0",
@@ -8649,6 +8647,7 @@
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/compile/-/compile-1.1.0.tgz",
 			"integrity": "sha512-n8m9eNDfoNZoxdvWiTfW/hSPhehzLJ3zW7f8E7oT6mCROoMNWCB4TYtv041+2FMAxweiE0j7i1jubQU4MEC/Gg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/evaluate": "^1.2.0",
@@ -8659,12 +8658,14 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/@tannin/evaluate/-/evaluate-1.2.0.tgz",
 			"integrity": "sha512-3ioXvNowbO/wSrxsDG5DKIMxC81P0QrQTYai8zFNY+umuoHWRPbQ/TuuDEOju9E+jQDXmj6yI5GyejNuh8I+eg==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tannin/plural-forms": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/plural-forms/-/plural-forms-1.1.0.tgz",
 			"integrity": "sha512-xl9R2mDZO/qiHam1AgMnAES6IKIg7OBhcXqy6eDsRCdXuxAFPcjrej9HMjyCLE0DJ/8cHf0i5OQTstuBRhpbHw==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/compile": "^1.1.0"
@@ -8674,12 +8675,14 @@
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/@tannin/postfix/-/postfix-1.1.0.tgz",
 			"integrity": "sha512-oocsqY7g0cR+Gur5jRQLSrX2OtpMLMse1I10JQBm8CdGMrDkh1Mg2gjsiquMHRtBs4Qwu5wgEp5GgIYHk4SNPw==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tannin/sprintf": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/@tannin/sprintf/-/sprintf-1.3.3.tgz",
 			"integrity": "sha512-RwARl+hFwhzy0tg9atWcchLFvoQiOh4rrP7uG2N5E4W80BPCUX0ElcUR9St43fxB9EfjsW2df9Qp+UsTbvQDjA==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@tootallnate/quickjs-emscripten": {
@@ -9001,6 +9004,7 @@
 			"version": "1.6.15",
 			"resolved": "https://registry.npmjs.org/@types/mousetrap/-/mousetrap-1.6.15.tgz",
 			"integrity": "sha512-qL0hyIMNPow317QWW/63RvL1x5MVMV+Ru3NaY9f/CuEpCqrmb7WeuK2071ZY5hczOnm38qExWM2i2WtkXLSqFw==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@types/ms": {
@@ -10612,6 +10616,7 @@
 			"version": "8.8.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-8.8.0.tgz",
 			"integrity": "sha512-jxTRusB3rd6qn+Fu6TJuKGP9EcUy2aeLw0aKFvYGa31E4oW6IapZdjW3vy4evyXEegzJMNqL+0Vu8zSlUoauNw==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@types/mousetrap": "^1.6.8",
@@ -10645,6 +10650,7 @@
 			"version": "8.7.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-8.7.0.tgz",
 			"integrity": "sha512-cdsapQymvTBNt2gvWT10fEfM15z/2cO4Yas/4qQDXkcKWVV+mNmY26lwIUDl2uoglZt5eKwso+yZ4eq5ZiEWxQ==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/escape-html": "^3.55.0",
@@ -10902,6 +10908,7 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/deprecated/-/deprecated-4.55.0.tgz",
 			"integrity": "sha512-XZgQeaODuOVhiDgho9I5Gd+oO/O6R8BHj9aXWZMZycsSt33XWNdzt2XnPmjazO9eMiIL2Vw6PwJjT6iUP3Ac3Q==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/hooks": "^4.55.0"
@@ -10915,6 +10922,7 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/dom/-/dom-4.55.0.tgz",
 			"integrity": "sha512-wXmpmvA06O7py+Qf8ed2rBkS4/rI6V+IQMWHGCbDVyudLIYpUkng+NaS1YftLDDBbOWd7DPditmwf2xZwWEUSA==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/deprecated": "^4.55.0"
@@ -11021,6 +11029,7 @@
 			"version": "3.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.55.0.tgz",
 			"integrity": "sha512-/KuueukNLGHzQrTcXXqwRSZ0qPMD0AKheYXadDZFJBr3BGmdUBR7Z7rCoW7l9VfUFWfMmBj4ltyNAEZtrg0oBA==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11175,6 +11184,7 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-4.55.0.tgz",
 			"integrity": "sha512-oI5NkudaBOewGR/qxPKx7us4h/D+Iokr1UPJHdh3pSnwhUgXFS1ptY7O98Hl6HpUZMyTwdP60fZJ5hlgSyivVA==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11196,6 +11206,7 @@
 			"version": "6.28.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-6.28.0.tgz",
 			"integrity": "sha512-it2GLsty4A6YLf30DOt+qSc40EjpCXavLwaKxREQkkSJgCPvka2jn3bKcku4KCrf4wAlYArxoY0yiEf8CSC5gw==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@tannin/sprintf": "^1.3.2",
@@ -11369,6 +11380,7 @@
 			"version": "5.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/is-shallow-equal/-/is-shallow-equal-5.55.0.tgz",
 			"integrity": "sha512-hL3fkQ6ac/Zq0hSQlqxq0fW1hVjyJGzLQYTC2S1n7aJhNyrkEMN9ozoTyeMlUWUx8uPakWbmsAwm/dGPiVHo3Q==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -11456,6 +11468,7 @@
 			"version": "4.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/keycodes/-/keycodes-4.55.0.tgz",
 			"integrity": "sha512-a6kz0pADBOSgMpNPsHix0b3tk7Tc0DSp6IxFgYofdQsI97Md3+FvI703KoM0DKObdlK/Vo52z4wxlImNe5UeAw==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/i18n": "^6.28.0"
@@ -12003,6 +12016,7 @@
 			"version": "3.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/priority-queue/-/priority-queue-3.55.0.tgz",
 			"integrity": "sha512-QyYEjFXH5IPrkHetVRv4RDZ+nq2RrocFo1VjWVaiwTXsw3V6MBLplx9zfyYw2QmCNi1uEB3CSwRTiQUsC6GMrg==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"requestidlecallback": "^0.3.0"
@@ -12016,6 +12030,7 @@
 			"version": "1.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/private-apis/-/private-apis-1.55.0.tgz",
 			"integrity": "sha512-i3VIoRP7XXOQoNSNFO8yqRIX3ujzUg+qK//Ldz/7hPtY3kRuvGRJhadJuifC9donXe2265am3LSO1lwxvq2uWA==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"engines": {
 				"node": ">=18.12.0",
@@ -12692,6 +12707,7 @@
 			"version": "1.55.0",
 			"resolved": "https://registry.npmjs.org/@wordpress/undo-manager/-/undo-manager-1.55.0.tgz",
 			"integrity": "sha512-yyNXz7ts0DKJ6hxqurnvqCMxsHV62M0sheQNDL2INdayj+9b0ZiawPW+x4+rjSfHW6kAu8yqPZssb45eJNvEpw==",
+			"dev": true,
 			"license": "GPL-2.0-or-later",
 			"dependencies": {
 				"@wordpress/is-shallow-equal": "^5.55.0"
@@ -14509,6 +14525,7 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
 			"integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"pascal-case": "^3.1.2",
@@ -14594,6 +14611,7 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
 			"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -14622,6 +14640,7 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
 			"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"camel-case": "^4.1.2",
@@ -15183,6 +15202,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
 			"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -16264,6 +16284,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
 			"integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -16396,6 +16417,7 @@
 			"version": "0.1.13",
 			"resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
 			"integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"iconv-lite": "^0.6.2"
@@ -18602,6 +18624,7 @@
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/gettext-parser/-/gettext-parser-1.4.0.tgz",
 			"integrity": "sha512-sedZYLHlHeBop/gZ1jdg59hlUEcpcZJofLq2JFwJT1zTqAU3l2wFv6IsuwFHGqbiT9DWzMUW4/em2+hspnmMMA==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"encoding": "^0.1.12",
@@ -19014,6 +19037,7 @@
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
 			"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"capital-case": "^1.0.4",
@@ -19382,6 +19406,7 @@
 			"version": "0.6.3",
 			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
 			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -20075,6 +20100,7 @@
 			"version": "5.1.0",
 			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.1.0.tgz",
 			"integrity": "sha512-bUi/yjmtKYcRVUtWRGr0UA6xEFh2I6zWUwMrUXB3s7bmYCaZ8a+0ZsTRkrawh/mzlSD1Y0Ph8bp/U+TvBpWDNw==",
+			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=0.10.0"
@@ -23010,6 +23036,7 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
 			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/js-yaml": {
@@ -23606,6 +23633,7 @@
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
 			"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"js-tokens": "^3.0.0 || ^4.0.0"
@@ -23618,6 +23646,7 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
 			"integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -24410,6 +24439,7 @@
 			"version": "1.6.5",
 			"resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
 			"integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==",
+			"dev": true,
 			"license": "Apache-2.0 WITH LLVM-exception"
 		},
 		"node_modules/mrmime": {
@@ -24533,6 +24563,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
 			"integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"lower-case": "^2.0.2",
@@ -25405,6 +25436,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
 			"integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -25523,6 +25555,7 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
 			"integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -25533,6 +25566,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
 			"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -27084,6 +27118,7 @@
 			"version": "18.3.1",
 			"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
 			"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"loose-envify": "^1.1.0"
@@ -27130,6 +27165,7 @@
 			"version": "18.3.1",
 			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
 			"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+			"dev": true,
 			"license": "MIT",
 			"peer": true,
 			"dependencies": {
@@ -27541,6 +27577,7 @@
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/requestidlecallback/-/requestidlecallback-0.3.0.tgz",
 			"integrity": "sha512-TWHFkT7S9p7IxLC5A1hYmAYQx2Eb9w1skrXmQ+dS1URyvR8tenMLl4lHbqEOUnpEYxNKpkVMXUgknVpBZWXXfQ==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/require-directory": {
@@ -27865,6 +27902,7 @@
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -27920,6 +27958,7 @@
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
 			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/sass": {
@@ -28011,6 +28050,7 @@
 			"version": "0.23.2",
 			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
 			"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+			"dev": true,
 			"license": "MIT",
 			"peer": true,
 			"dependencies": {
@@ -28164,6 +28204,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
 			"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"no-case": "^3.0.4",
@@ -28626,6 +28667,7 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
 			"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"dot-case": "^3.0.4",
@@ -29909,6 +29951,7 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/tannin/-/tannin-1.2.0.tgz",
 			"integrity": "sha512-U7GgX/RcSeUETbV7gYgoz8PD7Ni4y95pgIP/Z6ayI3CfhSujwKEBlGFTCRN+Aqnuyf4AN2yHL+L8x+TCGjb9uA==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@tannin/plural-forms": "^1.1.0"
@@ -30458,6 +30501,7 @@
 			"version": "2.8.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
 			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+			"dev": true,
 			"license": "0BSD"
 		},
 		"node_modules/tsyringe": {
@@ -30842,6 +30886,7 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
 			"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -30851,6 +30896,7 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
 			"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
+			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"tslib": "^2.0.3"
@@ -30939,6 +30985,7 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
 			"integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
+			"dev": true,
 			"license": "MIT",
 			"peerDependencies": {
 				"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/package.json b/package.json
index 651de16..41d2606 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
 		"@wordpress/block-editor": "^16.1.0",
 		"@wordpress/blocks": "^15.25.0",
 		"@wordpress/components": "^38.0.0",
+		"@wordpress/compose": "^8.8.0",
 		"@wordpress/data": "^10.55.0",
 		"@wordpress/element": "^8.4.0",
 		"@wordpress/env": "^11.14.0",
@@ -25,8 +26,5 @@
 		"@wordpress/notices": "^5.55.0",
 		"@wordpress/scripts": "^34.2.0",
 		"@wordpress/url": "^4.55.0"
-	},
-	"dependencies": {
-		"@wordpress/compose": "^8.8.0"
 	}
 }

From fd282b23581229685ef3f4d085357dd95ab318cc Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 09:26:56 +0200
Subject: [PATCH 12/23] empty parts of a link only while it is selected

---
 build/link/index.asset.php |   2 +-
 build/link/index.js        |   2 +-
 src/link/edit.js           | 184 ++++++++++++++++++++-----------------
 3 files changed, 104 insertions(+), 84 deletions(-)

diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 053147c..3b1f056 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '48168cac4f1117dcaa31');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '956195824cbb9022aa5c');
diff --git a/build/link/index.js b/build/link/index.js
index a1bf162..d7e7608 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[N,y]=(0,t.useState)(!1),O=(0,t.useRef)(new AbortController);(0,t.useEffect)(()=>()=>O.current.abort(),[]);const[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=(0,s.useBlockProps)({className:m?"h-card":void 0}),E=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),I=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>y(!1))};return(0,c.jsxs)("div",{...V,children:[I,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[I,(0,c.jsxs)("div",{...V,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:E}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(0,c.jsxs)("div",{className:"blockroll-meta",children:[(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[N,y]=(0,t.useState)(!1),O=(0,t.useRef)(new AbortController);(0,t.useEffect)(()=>()=>O.current.abort(),[]);const[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=i||!!_,E=i||k.length>0,I=(0,s.useBlockProps)({className:m?"h-card":void 0}),q=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),G=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>y(!1))};return(0,c.jsxs)("div",{...I,children:[G,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[G,(0,c.jsxs)("div",{...I,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:q}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(V||E)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[V&&(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),V&&E&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),E&&(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/link/edit.js b/src/link/edit.js
index b01b4f1..21c7fd3 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -100,6 +100,8 @@ export default function Edit( {
 		}
 	};
 	const showAvatar = context[ 'blockroll/showAvatars' ] ?? true;
+	const showFeed = isSelected || !! feedUrl;
+	const showXfn = isSelected || xfn.length > 0;
 	const blockProps = useBlockProps( {
 		className: url ? 'h-card' : undefined,
 	} );
@@ -254,93 +256,111 @@ export default function Edit( {
 						}
 					/>
 				</span>
-				<RichText
-					disableLineBreaks
-					tagName="p"
-					className="p-note"
-					value={ description }
-					allowedFormats={ [] }
-					withoutInteractiveFormatting
-					placeholder={ __( 'Description', 'blockroll' ) }
-					onChange={ ( value ) =>
-						setAttributes( { description: value } )
-					}
-				/>
-				<div className="blockroll-meta">
-					<OverlayButton
-						className="blockroll-feed blockroll-link__meta-button"
-						isOpen={ 'feed' === metaOverlay }
-						onToggle={ () => toggleMeta( 'feed' ) }
-						onClose={ closeMeta }
-						label={
-							<>
-								<Icon
-									icon={ rss }
-									className="blockroll-feed-icon"
-								/>
-								{ feedUrl
-									? __( 'feed', 'blockroll' )
-									: __( 'Add feed', 'blockroll' ) }
-							</>
+				{ ( isSelected || description ) && (
+					<RichText
+						disableLineBreaks
+						tagName="p"
+						className="p-note"
+						value={ description }
+						allowedFormats={ [] }
+						withoutInteractiveFormatting
+						placeholder={ __( 'Description', 'blockroll' ) }
+						onChange={ ( value ) =>
+							setAttributes( { description: value } )
 						}
-					>
-						<TextControl
-							__next40pxDefaultSize
-							__nextHasNoMarginBottom
-							label={ __( 'Feed address', 'blockroll' ) }
-							help={ __(
-								'The RSS or Atom feed of the site, for readers who subscribe to your list.',
-								'blockroll'
-							) }
-							type="url"
-							value={ feedUrl }
-							onChange={ ( value ) =>
-								setAttributes( { feedUrl: value } )
-							}
-						/>
-					</OverlayButton>
-					<span className="blockroll-divider" aria-hidden="true">
-						&#183;
-					</span>
-					{ /* The first focusable thing in the token field is a
+					/>
+				) }
+				{ /* Like on the site, what is empty shows only while the block
+				     is selected, as what could be added. */ }
+				{ ( showFeed || showXfn ) && (
+					<div className="blockroll-meta">
+						{ showFeed && (
+							<OverlayButton
+								className="blockroll-feed blockroll-link__meta-button"
+								isOpen={ 'feed' === metaOverlay }
+								onToggle={ () => toggleMeta( 'feed' ) }
+								onClose={ closeMeta }
+								label={
+									<>
+										<Icon
+											icon={ rss }
+											className="blockroll-feed-icon"
+										/>
+										{ feedUrl
+											? __( 'feed', 'blockroll' )
+											: __( 'Add feed', 'blockroll' ) }
+									</>
+								}
+							>
+								<TextControl
+									__next40pxDefaultSize
+									__nextHasNoMarginBottom
+									label={ __( 'Feed address', 'blockroll' ) }
+									help={ __(
+										'The RSS or Atom feed of the site, for readers who subscribe to your list.',
+										'blockroll'
+									) }
+									type="url"
+									value={ feedUrl }
+									onChange={ ( value ) =>
+										setAttributes( { feedUrl: value } )
+									}
+								/>
+							</OverlayButton>
+						) }
+						{ showFeed && showXfn && (
+							<span
+								className="blockroll-divider"
+								aria-hidden="true"
+							>
+								&#183;
+							</span>
+						) }
+						{ /* The first focusable thing in the token field is a
 					     token's remove button, so the input is focused by
 					     hand once the overlay is placed. focusOnMount stays
 					     on, for the focus trap and the focus return. */ }
-					<OverlayButton
-						className="blockroll-link__meta-button"
-						isOpen={ 'xfn' === metaOverlay }
-						onToggle={ () => toggleMeta( 'xfn' ) }
-						onClose={ closeMeta }
-						focusOnMount
-						label={
-							xfn.length > 0 ? (
-								<ul className="blockroll-xfn">
-									{ xfn.map( ( token ) => (
-										<li key={ token }>{ token }</li>
-									) ) }
-								</ul>
-							) : (
-								__( 'Add relationship', 'blockroll' )
-							)
-						}
-					>
-						<div
-							ref={ ( node ) =>
-								node &&
-								node.ownerDocument.defaultView.requestAnimationFrame(
-									() => node.querySelector( 'input' )?.focus()
-								)
-							}
-						>
-							<XfnControl
-								value={ xfn }
-								onChange={ ( value ) =>
-									setAttributes( { xfn: value } )
+						{ showXfn && (
+							<OverlayButton
+								className="blockroll-link__meta-button"
+								isOpen={ 'xfn' === metaOverlay }
+								onToggle={ () => toggleMeta( 'xfn' ) }
+								onClose={ closeMeta }
+								focusOnMount
+								label={
+									xfn.length > 0 ? (
+										<ul className="blockroll-xfn">
+											{ xfn.map( ( token ) => (
+												<li key={ token }>{ token }</li>
+											) ) }
+										</ul>
+									) : (
+										__( 'Add relationship', 'blockroll' )
+									)
 								}
-							/>
-						</div>
-					</OverlayButton>
-				</div>
+							>
+								<div
+									ref={ ( node ) =>
+										node &&
+										node.ownerDocument.defaultView.requestAnimationFrame(
+											() =>
+												node
+													.querySelector( 'input' )
+													?.focus()
+										)
+									}
+								>
+									<XfnControl
+										value={ xfn }
+										onChange={ ( value ) =>
+											setAttributes( { xfn: value } )
+										}
+									/>
+								</div>
+							</OverlayButton>
+						) }
+					</div>
+				) }
 			</div>
 		</>
 	);

From 6a7cf1ba6be203d6a54909ae04adeedd76ee8878 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 10:39:46 +0200
Subject: [PATCH 13/23] keep the address form focusable while busy, one abort
 controller per mount

---
 build/blogroll/index.asset.php          |  2 +-
 build/blogroll/index.js                 | 12 ++++++------
 build/link/index.asset.php              |  2 +-
 build/link/index.js                     |  2 +-
 src/blogroll/components/add-link.js     |  6 +++---
 src/blogroll/components/address-form.js | 13 ++++++++++---
 src/blogroll/components/import-modal.js |  6 +++---
 src/blogroll/use-abort-on-unmount.js    | 21 +++++++++++++++++++++
 src/link/edit.js                        |  6 +++---
 9 files changed, 49 insertions(+), 21 deletions(-)
 create mode 100644 src/blogroll/use-abort-on-unmount.js

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index dcd438b..8ef53fa 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'e6a1598dbe2253de4ceb');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '0049e9842290b99cfd72');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 42ca2f1..eaae487 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={270(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}const x=window.ReactJSXRuntime;function g({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:r||(0,s.__)("Add","blockroll")})]})}const v=()=>{};function w({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=(0,a.useRef)(new AbortController);(0,a.useEffect)(()=>()=>_.current.abort(),[]);const w=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:v,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(g,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:w,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const j=JSON.parse('{"UU":"blockroll/link"}').UU;function y(e){return(0,t.createBlock)(j,e)}const S=window.wp.primitives;var C=(0,x.jsx)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(S.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function B({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[g,v]=(0,a.useState)(null),[w,j]=(0,a.useState)(null),y=(0,a.useRef)(new AbortController);(0,a.useEffect)(()=>()=>y.current.abort(),[]);const S=e=>{e&&(e.text().then(t),r(e.name))},B={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>S(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:C,variant:"secondary",onChange:e=>S(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[w&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:w}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:B[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==g&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),g)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),j(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,v,y.current.signal):n;e(r),l()}catch(e){if(f(e))return;j(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),v(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const N=window.wp.url;function A(e){return(0,N.cleanForSlug)(e)||"blogroll"}function O(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const M=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(y)]}}];var H=(0,x.jsx)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(S.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:H,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:S}=e,C=S?.name||"",N=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:M}=(0,i.useDispatch)(n.store),H=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=N.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return M(),void l({anchor:O(A(C),H())});if(t)return;const e=H();e.includes(r)&&(M(),l({anchor:O(r,e)}))},[r,t]);const T=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(T.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,T.current);T.current=C,e&&l({anchor:O(A(C),H())})},[C]);const P=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:D,removeNotice:L}=(0,i.useDispatch)(p.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(L(U.current),U.current=null),P&&(U.current=`blockroll-anchor-${r}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(N.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...ce,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,x.jsx)(w,{anchor:ae,onAdd:e=>{te(y({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let he=null;Y!==X||oe||(he=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:de}));const pe=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[j],templateLock:!1,renderAppender:!1,placeholder:he}),me=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...S};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,x.jsx)(B,{onImport:e=>{const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(y);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:me}),le.help&&(0,x.jsxs)("p",{children:[le.help,le.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,x.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(be=V,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:be.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{...pe}),!he&&de]})]});var be},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:M})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(270));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function x(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const g=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,g.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=x(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,g.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,g.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=x(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,g.jsxs)("div",{className:"blockroll-import-upload",children:[(0,g.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,g.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,g.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,g.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,g.jsxs)("div",{className:"blockroll-form",children:[j&&(0,g.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,g.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,g.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,g.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,g.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,g.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,g.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(S)]}}];var T=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:T,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:x,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),H=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),H())});if(t)return;const e=H();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const T=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(T.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,T.current);T.current=C,e&&l({anchor:M(A(C),H())})},[C]);const P=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:D,removeNotice:L}=(0,i.useDispatch)(p.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(L(U.current),U.current=null),P&&(U.current=`blockroll-anchor-${r}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(B.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...ce,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,g.jsx)(j,{anchor:ae,onAdd:e=>{te(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let he=null;Y!==X||oe||(he=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:de}));const pe=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:he}),me=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,g.jsx)(N,{onImport:e=>{const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:me}),le.help&&(0,g.jsxs)("p",{children:[le.help,le.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,g.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(be=V,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:be.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{...pe}),!he&&de]})]});var be},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:H})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 3b1f056..41caba0 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '956195824cbb9022aa5c');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '7f5495bae54f7a965af1');
diff --git a/build/link/index.js b/build/link/index.js
index d7e7608..91250b4 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,disabled:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,disabled:!e.trim()||t,children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[N,y]=(0,t.useState)(!1),O=(0,t.useRef)(new AbortController);(0,t.useEffect)(()=>()=>O.current.abort(),[]);const[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=i||!!_,E=i||k.length>0,I=(0,s.useBlockProps)({className:m?"h-card":void 0}),q=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),G=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>y(!1))};return(0,c.jsxs)("div",{...I,children:[G,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[G,(0,c.jsxs)("div",{...I,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:q}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(V||E)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[V&&(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),V&&E&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),E&&(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[y,N]=(0,t.useState)(!1),O=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=i||!!_,E=i||k.length>0,I=(0,s.useBlockProps)({className:m?"h-card":void 0}),q=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),G=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);N(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>N(!1))};return(0,c.jsxs)("div",{...I,children:[G,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:y})]})}return(0,c.jsxs)(c.Fragment,{children:[G,(0,c.jsxs)("div",{...I,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:q}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(V||E)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[V&&(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),V&&E&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),E&&(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index c4792cc..86823f3 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useEffect, useRef, useState } from '@wordpress/element';
+import { useState } from '@wordpress/element';
 import { Popover } from '@wordpress/components';
 
 /**
@@ -10,6 +10,7 @@ import { Popover } from '@wordpress/components';
  */
 import { isAborted, lookUp } from '../discover';
 import { toUrl } from '../utils';
+import useAbortOnUnmount from '../use-abort-on-unmount';
 import AddressForm from './address-form';
 
 /**
@@ -37,8 +38,7 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ error, setError ] = useState( null );
 	const [ isDuplicate, setIsDuplicate ] = useState( false );
 	// A lookup still running when the overlay closes is cancelled.
-	const controller = useRef( new AbortController() );
-	useEffect( () => () => controller.current.abort(), [] );
+	const controller = useAbortOnUnmount();
 	// A line under the field, like the notes core's overlays show.
 	const message = isDuplicate
 		? __( 'This site is in the list already.', 'blockroll' )
diff --git a/src/blogroll/components/address-form.js b/src/blogroll/components/address-form.js
index c350492..86dc386 100644
--- a/src/blogroll/components/address-form.js
+++ b/src/blogroll/components/address-form.js
@@ -8,6 +8,10 @@ import { Button, TextControl } from '@wordpress/components';
  * An address field with its button: the "Add link" overlay and a link
  * block that has no address yet.
  *
+ * While the lookup runs the field and the button stay enabled: a
+ * disabled element loses the focus, and the overlay around this form
+ * closes when the focus leaves it.
+ *
  * @param {Object}   props             Component props.
  * @param {string}   props.value       The address as typed.
  * @param {Function} props.onChange    Called with the typed address.
@@ -29,7 +33,9 @@ export default function AddressForm( {
 			className="blockroll-form__row"
 			onSubmit={ ( event ) => {
 				event.preventDefault();
-				onSubmit();
+				if ( ! isBusy ) {
+					onSubmit();
+				}
 			} }
 		>
 			<TextControl
@@ -45,7 +51,7 @@ export default function AddressForm( {
 				autoComplete="off"
 				spellCheck={ false }
 				value={ value }
-				disabled={ isBusy }
+				readOnly={ isBusy }
 				onChange={ onChange }
 			/>
 			<Button
@@ -53,7 +59,8 @@ export default function AddressForm( {
 				variant="primary"
 				type="submit"
 				isBusy={ isBusy }
-				disabled={ ! value.trim() || isBusy }
+				aria-disabled={ isBusy }
+				disabled={ ! value.trim() }
 			>
 				{ buttonLabel || __( 'Add', 'blockroll' ) }
 			</Button>
diff --git a/src/blogroll/components/import-modal.js b/src/blogroll/components/import-modal.js
index 735f674..7966d06 100644
--- a/src/blogroll/components/import-modal.js
+++ b/src/blogroll/components/import-modal.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { useEffect, useRef, useState } from '@wordpress/element';
+import { useState } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
 import { upload } from '@wordpress/icons';
 import {
@@ -22,6 +22,7 @@ import {
  */
 import { discover, isAborted } from '../discover';
 import { mergeDiscovered } from '../utils';
+import useAbortOnUnmount from '../use-abort-on-unmount';
 
 /**
  * Fetch details for imported links, one after the other.
@@ -65,8 +66,7 @@ export default function ImportModal( { onImport, onClose } ) {
 	const [ progress, setProgress ] = useState( null );
 	const [ error, setError ] = useState( null );
 	// Lookups still running when the modal closes are cancelled.
-	const controller = useRef( new AbortController() );
-	useEffect( () => () => controller.current.abort(), [] );
+	const controller = useAbortOnUnmount();
 
 	const readFile = ( file ) => {
 		if ( file ) {
diff --git a/src/blogroll/use-abort-on-unmount.js b/src/blogroll/use-abort-on-unmount.js
new file mode 100644
index 0000000..30e6b92
--- /dev/null
+++ b/src/blogroll/use-abort-on-unmount.js
@@ -0,0 +1,21 @@
+/**
+ * WordPress dependencies
+ */
+import { useEffect, useRef } from '@wordpress/element';
+
+/**
+ * A signal for requests that must not outlive the component.
+ *
+ * The controller is made when the component mounts and aborted when it
+ * unmounts, one per mount: the editor's development build mounts twice.
+ *
+ * @return {Object} A ref whose `current` is the AbortController.
+ */
+export default function useAbortOnUnmount() {
+	const controller = useRef();
+	useEffect( () => {
+		controller.current = new AbortController();
+		return () => controller.current.abort();
+	}, [] );
+	return controller;
+}
diff --git a/src/link/edit.js b/src/link/edit.js
index 21c7fd3..d06e4ed 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useEffect, useRef, useState } from '@wordpress/element';
+import { useRef, useState } from '@wordpress/element';
 import { __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';
 import {
 	BlockControls,
@@ -30,6 +30,7 @@ import XfnControl from '../blogroll/components/xfn-control';
 import { isAborted, lookUp } from '../blogroll/discover';
 import { toUrl, today } from '../blogroll/utils';
 import OverlayButton from './overlay-button';
+import useAbortOnUnmount from '../blogroll/use-abort-on-unmount';
 
 /**
  * Nothing: the link overlay's own focus check is off, the wrapper around
@@ -65,8 +66,7 @@ export default function Edit( {
 	const [ draftUrl, setDraftUrl ] = useState( '' );
 	const [ isLookingUp, setIsLookingUp ] = useState( false );
 	// A lookup still running when the block is gone is cancelled.
-	const controller = useRef( new AbortController() );
-	useEffect( () => () => controller.current.abort(), [] );
+	const controller = useAbortOnUnmount();
 	// The link overlay opened from the name leaves the focus there, the
 	// one opened from the toolbar takes it. It closes when the focus
 	// leaves the name, the toolbar button and the overlay; a click on the

From 71868403036e39ae43b3b1f317453256dd45e490 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 16:01:35 +0200
Subject: [PATCH 14/23] a list with links of its own is a manual one

---
 build/blogroll/index.asset.php |  2 +-
 build/blogroll/index.js        |  8 ++++----
 src/blogroll/edit.js           | 11 +++++++++++
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 8ef53fa..8f2cd5f 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '0049e9842290b99cfd72');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '1d91cebce545cf4e9d06');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index eaae487..35ff125 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
 (()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function x(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const g=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,g.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=x(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,g.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,g.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=x(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,g.jsxs)("div",{className:"blockroll-import-upload",children:[(0,g.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,g.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,g.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,g.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,g.jsxs)("div",{className:"blockroll-form",children:[j&&(0,g.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,g.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,g.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,g.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,g.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,g.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,g.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
 (0,s.__)("%d links processed…","blockroll"),v)}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(S)]}}];var T=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:T,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:x,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),H=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),H())});if(t)return;const e=H();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const T=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(T.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,T.current);T.current=C,e&&l({anchor:M(A(C),H())})},[C]);const P=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:D,removeNotice:L}=(0,i.useDispatch)(p.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(L(U.current),U.current=null),P&&(U.current=`blockroll-anchor-${r}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(B.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...ce,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,g.jsx)(j,{anchor:ae,onAdd:e=>{te(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let he=null;Y!==X||oe||(he=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:de}));const pe=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:he}),me=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,g.jsx)(N,{onImport:e=>{const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:me}),le.help&&(0,g.jsxs)("p",{children:[le.help,le.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,g.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(be=V,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:be.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{...pe}),!he&&de]})]});var be},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:H})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(B.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=()=>{Y!==d&&l({source:Y})},he=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...ce,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,g.jsx)(j,{anchor:ae,onAdd:e=>{de(),te(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let pe=null;Y!==X||oe||(pe=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:he}));const me=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:pe}),be=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,g.jsx)(N,{onImport:e=>{de();const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:be}),le.help&&(0,g.jsxs)("p",{children:[le.help,le.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,g.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(_e=V,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:_e.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{...me}),!pe&&he]})]});var _e},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:H})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 9ee8c36..19e2438 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -308,7 +308,17 @@ export default function Edit( {
 				.map( ( block ) => siteKey( block.attributes.url ) )
 		);
 	const isKnown = ( url ) => siteKeys().has( siteKey( url ) );
+	// A list that gets links of its own is a manual one. The source can be
+	// one that is not there right now, a plugin that is deactivated: the
+	// editor and the server both fall back to manual then, and without
+	// this the links would be ignored again the moment it comes back.
+	const becomeManual = () => {
+		if ( manualSource !== source ) {
+			setAttributes( { source: manualSource } );
+		}
+	};
 	const addLink = ( link ) => {
+		becomeManual();
 		insertBlock(
 			createLinkBlock( { ...link, added: today() } ),
 			undefined,
@@ -320,6 +330,7 @@ export default function Edit( {
 	// Imported links become link blocks at the end of the list; sites
 	// already in it, or twice in the file, are skipped.
 	const importLinks = ( imported ) => {
+		becomeManual();
 		const seen = siteKeys();
 		const blocks = imported
 			.filter( ( link ) => {

From f289b31bca99396eb1a64ca673afe505c6f12c3f Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 16:25:53 +0200
Subject: [PATCH 15/23] count the links, not every child

---
 build/blogroll/index.asset.php |  2 +-
 build/blogroll/index.js        | 10 +++++-----
 src/blogroll/edit.js           | 31 +++++++++++++++++++++++++------
 3 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 8f2cd5f..253a48e 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '1d91cebce545cf4e9d06');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '2bb2f8ca1bdb84fdb5c5');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 35ff125..df9d497 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
 (()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function x(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const g=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,g.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=x(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,g.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,g.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=x(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,g.jsxs)("div",{className:"blockroll-import-upload",children:[(0,g.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,g.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,g.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,g.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,g.jsxs)("div",{className:"blockroll-form",children:[j&&(0,g.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,g.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,g.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,g.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,g.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,g.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,g.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(S)]}}];var T=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:T,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:x,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),H=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),H())});if(t)return;const e=H();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const T=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(T.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,T.current);T.current=C,e&&l({anchor:M(A(C),H())})},[C]);const P=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:D,removeNotice:L}=(0,i.useDispatch)(p.store),U=(0,a.useRef)(null);(0,a.useEffect)(()=>{U.current&&(L(U.current),U.current=null),P&&(U.current=`blockroll-anchor-${r}`,D((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:U.current,isDismissible:!0,__unstableHTML:!0}))},[P,r]),(0,a.useEffect)(()=>()=>{U.current&&L(U.current)},[]);const[z,I]=(0,a.useState)(!1),[E,F]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[V,R]=(0,a.useState)([]),[Z,$]=(0,a.useState)(!1),[J,K]=(0,a.useState)(null),[W,G]=(0,a.useState)(!1),Y="manual",q=E.some(e=>d===e.value),X=!d||W&&!q?Y:d,Q=JSON.stringify(e),ee=E.filter(e=>Y!==e.value),le=E.find(e=>X===e.value)||E[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(F(e),G(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return Y===X?(R([]),K(null),$(!1),()=>{e=!1}):($(!0),K(null),h()({path:`/blockroll/v1/sources/${X}/links?attributes=`+encodeURIComponent(Q)}).then(l=>{e&&R(Array.isArray(l)?l:[])}).catch(l=>{e&&(R([]),K(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&$(!1)}),()=>{e=!1})},[X,Q]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),{insertBlock:te,insertBlocks:ne}=(0,i.useDispatch)(n.store),[re,se]=(0,a.useState)(!1),[ae,ie]=(0,a.useState)(),ce=(0,c.__experimentalUseFocusOutside)(()=>se(!1)),ue=()=>new Set(B.select(n.store).getBlocks(o).map(e=>_(e.attributes.url))),de=()=>{Y!==d&&l({source:Y})},he=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...ce,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ie,"aria-expanded":re,onClick:()=>se(!re),children:(0,s.__)("Add link","blockroll")}),re&&(0,g.jsx)(j,{anchor:ae,onAdd:e=>{de(),te(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),se(!1)},isKnown:e=>ue().has(_(e)),onClose:()=>se(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>I(!0),children:(0,s.__)("Import links","blockroll")}),!oe&&ee.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let pe=null;Y!==X||oe||(pe=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:he}));const me=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:pe}),be=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:Y}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),z&&(0,g.jsx)(N,{onImport:e=>{de();const l=ue(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&ne(t,void 0,o)},onClose:()=>I(!1)}),Y!==X?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:le.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),V.length),children:be}),le.help&&(0,g.jsxs)("p",{children:[le.help,le.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:le.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),J&&(0,g.jsx)("p",{children:J}),!J&&!Z&&!!V.length&&(_e=V,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:_e.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{...me}),!pe&&he]})]});var _e},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:H})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlocks(l).filter(e=>y===e.name),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(S)]}}];var P=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:x,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>new Set(H(B.select(n.store),o).map(e=>_(e.attributes.url))),pe=()=>{q!==d&&l({source:q})},me=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...de,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,g.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,g.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,g.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,g.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 19e2438..ec0d863 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -38,6 +38,18 @@ import { siteKey, today } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
+/**
+ * The link blocks of a blogroll, without anything else that may be in it.
+ *
+ * @param {Object} select   The block editor store.
+ * @param {string} clientId Client ID of the blogroll.
+ * @return {Object[]} The link blocks.
+ */
+const linkBlocks = ( select, clientId ) =>
+	select
+		.getBlocks( clientId )
+		.filter( ( block ) => LINK_BLOCK === block.name );
+
 /**
  * Block edit component.
  *
@@ -289,10 +301,18 @@ export default function Edit( {
 	}, [ currentSource, serializedAttributes ] );
 
 	// The links of a manual list are blocks of their own.
-	const linkCount = useSelect(
+	// Two counts: the placeholder stands in for an empty list, which is
+	// when the inner blocks render it, and the links are what the server
+	// renders. They differ only in a hand-edited post that has something
+	// else in here, which both sides ignore.
+	const childCount = useSelect(
 		( select ) => select( blockEditorStore ).getBlockCount( clientId ),
 		[ clientId ]
 	);
+	const linkCount = useSelect(
+		( select ) => linkBlocks( select( blockEditorStore ), clientId ).length,
+		[ clientId ]
+	);
 	const { insertBlock, insertBlocks } = useDispatch( blockEditorStore );
 	const [ isAdding, setIsAdding ] = useState( false );
 	const [ addAnchor, setAddAnchor ] = useState();
@@ -302,10 +322,9 @@ export default function Edit( {
 	// The sites in the list right now, for the duplicate checks.
 	const siteKeys = () =>
 		new Set(
-			registry
-				.select( blockEditorStore )
-				.getBlocks( clientId )
-				.map( ( block ) => siteKey( block.attributes.url ) )
+			linkBlocks( registry.select( blockEditorStore ), clientId ).map(
+				( block ) => siteKey( block.attributes.url )
+			)
 		);
 	const isKnown = ( url ) => siteKeys().has( siteKey( url ) );
 	// A list that gets links of its own is a manual one. The source can be
@@ -393,7 +412,7 @@ export default function Edit( {
 	);
 
 	let emptyState = null;
-	if ( manualSource === currentSource && ! linkCount ) {
+	if ( manualSource === currentSource && ! childCount ) {
 		emptyState = (
 			<Placeholder
 				icon="admin-links"

From d72085a85e2ebc45d360361dafa675c416a50d25 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 16:47:25 +0200
Subject: [PATCH 16/23] keep the links on a second migration, open the link
 overlay from the toolbar

---
 build/blogroll/index.asset.php      |  2 +-
 build/blogroll/index.js             | 12 ++++++------
 build/link/index.asset.php          |  2 +-
 build/link/index.js                 |  2 +-
 src/blogroll/components/add-link.js |  9 +++++----
 src/blogroll/deprecated.js          | 12 ++++++++++--
 src/blogroll/edit.js                | 26 +++++++++++++++----------
 src/link/edit.js                    | 30 ++++++++++++++++++-----------
 8 files changed, 59 insertions(+), 36 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 253a48e..9ce1f9a 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '2bb2f8ca1bdb84fdb5c5');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'dc6e8e303f5c0c0815b7');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index df9d497..95a2d63 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function x(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const g=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,g.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=x(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,g.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,g.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l).catch(e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=x(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,g.jsxs)("div",{className:"blockroll-import-upload",children:[(0,g.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,g.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,g.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,g.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,g.jsxs)("div",{className:"blockroll-form",children:[j&&(0,g.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,g.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,g.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,g.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,g.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,g.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,g.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,g.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlocks(l).filter(e=>y===e.name),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:e=>{const[l,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[l,o.map(S)]}}];var P=(0,g.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,g.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:x,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>new Set(H(B.select(n.store),o).map(e=>_(e.attributes.url))),pe=()=>{q!==d&&l({source:q})},me=(0,g.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,g.jsxs)("span",{...de,children:[(0,g.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,g.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,g.jsx)("div",{className:"blockroll-editor-actions",children:(0,g.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,g.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,g.jsx)(n.InspectorControls,{children:(0,g.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,g.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,g.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,g.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,g.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,g.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,g.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,g.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,g.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,g.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,g.jsxs)("li",{children:[f&&(e.photo?(0,g.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,g.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,g.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,g.jsx)("strong",{children:e.name||e.url}),(0,g.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,g.jsxs)("div",{className:"blockroll-editor",children:[(0,g.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,g.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,t]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[o,l?.length?l:t.map(S)]}}];var P=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,o).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,x.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 41caba0..263e3d3 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '7f5495bae54f7a965af1');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '118f9c658a2f494699c7');
diff --git a/build/link/index.js b/build/link/index.js
index 91250b4..5f8736c 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);const _=()=>{};function w({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:_,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const v=()=>{};var k=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:k,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:_,xfn:k,added:j}=e,[C,S]=(0,t.useState)(""),[y,N]=(0,t.useState)(!1),O=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[B,F]=(0,t.useState)(null),T=()=>F(null),M=(0,r.__experimentalUseFocusOutside)(T),[A,U]=(0,t.useState)(),[H,z]=(0,t.useState)(null),P=()=>z(null),R=e=>z(e===H?null:e),D=(0,t.useRef)({}),L=l["blockroll/showAvatars"]??!0,V=i||!!_,E=i||k.length>0,I=(0,s.useBlockProps)({className:m?"h-card":void 0}),q=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),G=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:j,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(C);N(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,O.current.signal).catch(o=>{if(function(e){return"AbortError"===e?.name}(o))throw o;return{url:e}}).then(e=>o({...e,added:j||(new Date).toISOString().slice(0,10)})).catch(v).finally(()=>N(!1))};return(0,c.jsxs)("div",{...I,children:[G,(0,c.jsx)(h,{value:C,onChange:S,onSubmit:e,isBusy:y})]})}return(0,c.jsxs)(c.Fragment,{children:[G,(0,c.jsxs)("div",{...I,children:[L&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&D.current.isOpen&&D.current.onToggle()}},renderToggle:({children:e,...o})=>(D.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:q}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...M,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!B,onClick:()=>F(B?null:"toolbar")})}),i&&B&&(0,c.jsx)(a.Popover,{anchor:A,placement:"bottom-start",shift:!0,onClose:T,onFocusOutside:v,focusOnMount:"toolbar"===B&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),T()},onCancel:T})}),(0,c.jsx)(s.RichText,{ref:U,onFocus:()=>F("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(V||E)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[V&&(0,c.jsx)(w,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===H,onToggle:()=>R("feed"),onClose:P,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),_?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:_,onChange:e=>o({feedUrl:e})})}),V&&E&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),E&&(0,c.jsx)(w,{className:"blockroll-link__meta-button",isOpen:"xfn"===H,onToggle:()=>R("xfn"),onClose:P,focusOnMount:!0,label:k.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:k.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:k,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}const w=()=>{};function v({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:w,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const k=()=>{};var j=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:j,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:w,xfn:j,added:C}=e,[S,N]=(0,t.useState)(""),[O,y]=(0,t.useState)(!1),B=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[F,T]=(0,t.useState)(null),M=()=>T(null),A=(0,r.__experimentalUseFocusOutside)(M),[U,H]=(0,t.useState)(),[z,P]=(0,t.useState)(null),R=()=>P(null),D=e=>P(e===z?null:e),L=(0,t.useRef)({}),V=l["blockroll/showAvatars"]??!0,E=i||!!w,I=i||j.length>0,q=(0,s.useBlockProps)({className:m?"h-card":void 0}),G=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),Z=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:C,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(S);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,B.current.signal).then(e=>{o({...e,added:C||_()}),y(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:C||_()}),y(!1))})};return(0,c.jsxs)("div",{...q,children:[Z,(0,c.jsx)(h,{value:S,onChange:N,onSubmit:e,isBusy:O})]})}return(0,c.jsxs)(c.Fragment,{children:[Z,(0,c.jsxs)("div",{...q,children:[V&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&L.current.isOpen&&L.current.onToggle()}},renderToggle:({children:e,...o})=>(L.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:G}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...A,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!F,onClick:()=>T("toolbar"===F?null:"toolbar")})}),i&&F&&(0,c.jsx)(a.Popover,{anchor:U,placement:"bottom-start",shift:!0,onClose:M,onFocusOutside:k,focusOnMount:"toolbar"===F&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),M()},onCancel:M})},F),(0,c.jsx)(s.RichText,{ref:H,onFocus:()=>T("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(E||I)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[E&&(0,c.jsx)(v,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===z,onToggle:()=>D("feed"),onClose:R,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),w?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:w,onChange:e=>o({feedUrl:e})})}),E&&I&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),I&&(0,c.jsx)(v,{className:"blockroll-link__meta-button",isOpen:"xfn"===z,onToggle:()=>D("xfn"),onClose:R,focusOnMount:!0,label:j.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:j.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:j,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index 86823f3..ce9534e 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -55,9 +55,9 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 			return;
 		}
 		setIsBusy( true );
-		lookUp( url, controller.current.signal )
-			.then( onAdd )
-			.catch( ( fetchError ) => {
+		lookUp( url, controller.current.signal ).then(
+			onAdd,
+			( fetchError ) => {
 				if ( isAborted( fetchError ) ) {
 					return;
 				}
@@ -66,7 +66,8 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 						__( 'The site could not be reached.', 'blockroll' )
 				);
 				setIsBusy( false );
-			} );
+			}
+		);
 	};
 
 	return (
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index f4fbe35..239948c 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -10,6 +10,11 @@ import { hasLegacyLinks, migrateLinks } from './utils';
  * block of its own inside it. The saved markup was empty either way, so
  * the old block is still valid; isEligible makes the editor migrate it
  * anyway. The server keeps reading the attribute for posts nobody opens.
+ *
+ * isEligible only decides for a block the editor finds valid; for an
+ * invalid one the editor tries every deprecation on its markup alone.
+ * Both versions save nothing, so v1 could match a block that has its
+ * links as blocks already, which is why migrate keeps them.
  */
 const v1 = {
 	attributes: metadata.attributes,
@@ -17,9 +22,12 @@ const v1 = {
 	save: () => null,
 	isEligible: ( attributes, innerBlocks ) =>
 		hasLegacyLinks( attributes ) && ! innerBlocks?.length,
-	migrate: ( attributes ) => {
+	migrate: ( attributes, innerBlocks ) => {
 		const [ next, links ] = migrateLinks( attributes );
-		return [ next, links.map( createLinkBlock ) ];
+		return [
+			next,
+			innerBlocks?.length ? innerBlocks : links.map( createLinkBlock ),
+		];
 	},
 };
 
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index ec0d863..204af96 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -39,16 +39,19 @@ import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
 /**
- * The link blocks of a blogroll, without anything else that may be in it.
+ * The client IDs of a blogroll's link blocks, without anything else that
+ * may be in it. Reads the names, not the blocks: this runs on every change
+ * of the editor store, and building the blocks would build every link's
+ * attributes with them.
  *
  * @param {Object} select   The block editor store.
  * @param {string} clientId Client ID of the blogroll.
- * @return {Object[]} The link blocks.
+ * @return {string[]} Client IDs of the link blocks.
  */
-const linkBlocks = ( select, clientId ) =>
+const linkBlockIds = ( select, clientId ) =>
 	select
-		.getBlocks( clientId )
-		.filter( ( block ) => LINK_BLOCK === block.name );
+		.getBlockOrder( clientId )
+		.filter( ( id ) => LINK_BLOCK === select.getBlockName( id ) );
 
 /**
  * Block edit component.
@@ -310,7 +313,8 @@ export default function Edit( {
 		[ clientId ]
 	);
 	const linkCount = useSelect(
-		( select ) => linkBlocks( select( blockEditorStore ), clientId ).length,
+		( select ) =>
+			linkBlockIds( select( blockEditorStore ), clientId ).length,
 		[ clientId ]
 	);
 	const { insertBlock, insertBlocks } = useDispatch( blockEditorStore );
@@ -320,12 +324,14 @@ export default function Edit( {
 	// the overlay; a click on the button itself only toggles.
 	const addFocusOutside = useFocusOutside( () => setIsAdding( false ) );
 	// The sites in the list right now, for the duplicate checks.
-	const siteKeys = () =>
-		new Set(
-			linkBlocks( registry.select( blockEditorStore ), clientId ).map(
-				( block ) => siteKey( block.attributes.url )
+	const siteKeys = () => {
+		const select = registry.select( blockEditorStore );
+		return new Set(
+			linkBlockIds( select, clientId ).map( ( id ) =>
+				siteKey( select.getBlockAttributes( id )?.url )
 			)
 		);
+	};
 	const isKnown = ( url ) => siteKeys().has( siteKey( url ) );
 	// A list that gets links of its own is a manual one. The source can be
 	// one that is not there right now, a plugin that is deactivated: the
diff --git a/src/link/edit.js b/src/link/edit.js
index d06e4ed..5bd8931 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -137,18 +137,20 @@ export default function Edit( {
 		const add = () => {
 			const value = toUrl( draftUrl );
 			setIsLookingUp( true );
-			lookUp( value, controller.current.signal )
-				.catch( ( error ) => {
+			lookUp( value, controller.current.signal ).then(
+				( link ) => {
+					setAttributes( { ...link, added: added || today() } );
+					setIsLookingUp( false );
+				},
+				( error ) => {
+					// An abort means the block is gone; nothing to set.
 					if ( isAborted( error ) ) {
-						throw error;
+						return;
 					}
-					return { url: value };
-				} )
-				.then( ( link ) =>
-					setAttributes( { ...link, added: added || today() } )
-				)
-				.catch( noop )
-				.finally( () => setIsLookingUp( false ) );
+					setAttributes( { url: value, added: added || today() } );
+					setIsLookingUp( false );
+				}
+			);
 		};
 		return (
 			<div { ...blockProps }>
@@ -206,12 +208,18 @@ export default function Edit( {
 							title={ __( 'Link', 'blockroll' ) }
 							isActive={ !! linkOverlay }
 							onClick={ () =>
-								setLinkOverlay( linkOverlay ? null : 'toolbar' )
+								setLinkOverlay(
+									'toolbar' === linkOverlay ? null : 'toolbar'
+								)
 							}
 						/>
 					</BlockControls>
 					{ isSelected && linkOverlay && (
 						<Popover
+							// Opening it from the toolbar while it is open
+							// from the name mounts it again, so that the
+							// focus moves into it.
+							key={ linkOverlay }
 							anchor={ popoverAnchor }
 							placement="bottom-start"
 							shift

From 860614a753dd7a307ce5e735bf392b391172b23f Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 16:51:18 +0200
Subject: [PATCH 17/23] version 2.0.0

---
 blockroll.php              |  2 +-
 docs/developers.md         |  2 +-
 readme.md                  | 10 +++++++++-
 src/blogroll/deprecated.js |  2 +-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/blockroll.php b/blockroll.php
index 6016aed..09996ca 100644
--- a/blockroll.php
+++ b/blockroll.php
@@ -3,7 +3,7 @@
  * Plugin Name: Blogroll & Podroll Block
  * Plugin URI: https://github.com/pfefferle/wordpress-blockroll
  * Description: Share the blogs and podcasts you follow, and let other people subscribe to your list.
- * Version: 1.2.0
+ * Version: 2.0.0
  * Requires at least: 6.8
  * Requires PHP: 7.4
  * Author: Matthias Pfefferle
diff --git a/docs/developers.md b/docs/developers.md
index ea2ff6b..ac096e6 100644
--- a/docs/developers.md
+++ b/docs/developers.md
@@ -8,7 +8,7 @@ Every link is a block of its own, `blockroll/link`, inside the `blockroll/blogro
 block, so the whole blogroll travels with the post content. A link block holds `url`,
 `name`, `description`, `feedUrl`, `photo`, an `xfn` array, and the date it was `added`.
 It has no output of its own: the blogroll renders the whole list on the server, because
-sorting and paging reorder and cut it. Blogrolls saved before 1.3 kept their links in a
+sorting and paging reorder and cut it. Blogrolls saved before 2.0 kept their links in a
 `links` attribute of the blogroll block. The server still reads that attribute when a
 block has no link blocks, so such a post renders without being opened; the editor
 migrates it to link blocks when it is opened (a block deprecation, see
diff --git a/readme.md b/readme.md
index 26fd58b..6d95d13 100644
--- a/readme.md
+++ b/readme.md
@@ -5,7 +5,7 @@
 - Tags: blogroll, podroll, opml, links, feeds
 - Requires at least: 6.8
 - Tested up to: 7.1
-- Stable tag: 1.2.0
+- Stable tag: 2.0.0
 - Requires PHP: 7.4
 - License: GPL-2.0-or-later
 - License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -129,6 +129,14 @@ routes are described in the
 
 Project and support maintained on github at [pfefferle/wordpress-blockroll](https://github.com/pfefferle/wordpress-blockroll).
 
+### 2.0.0
+
+* Every link is a block of its own now. You can move it, duplicate it, copy it to another page, and edit it where it shows: the name and the description in the list, the address behind the name, the feed and the relationships in the line below, the image by clicking it.
+* Adding a link looks the site up and fills in what it finds, and says so when the site is already in the list.
+* Lists made before this version keep working as they are. They get their links as blocks the first time you open the page in the editor, and the file of a page nobody opens again is rendered the way it always was.
+* The list can be styled with the colors, spacing and typography of your theme, like any other block.
+* Needs WordPress 6.8 or newer.
+
 ### 1.2.0
 
 * Every list has an anchor of its own now, made from its name, so you can link to one blogroll on a page: `https://example.com/links/#podcasts`. The sorting and paging links jump back to the list instead of the top of the page.
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index 239948c..8942eee 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -6,7 +6,7 @@ import { createLinkBlock } from './link-block';
 import { hasLegacyLinks, migrateLinks } from './utils';
 
 /**
- * Before 1.3 the links were an attribute of the blogroll; now each is a
+ * Before 2.0 the links were an attribute of the blogroll; now each is a
  * block of its own inside it. The saved markup was empty either way, so
  * the old block is still valid; isEligible makes the editor migrate it
  * anyway. The server keeps reading the attribute for posts nobody opens.

From 0f6c7a06c45b3961985dd73f005a39c1eb8d5dc5 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 17:08:39 +0200
Subject: [PATCH 18/23] a port is not a scheme, cancel the import too, no list
 in a button

---
 build/blogroll/index.asset.php          |  2 +-
 build/blogroll/index.js                 | 12 ++++++------
 build/link/index.asset.php              |  2 +-
 build/link/index.js                     |  2 +-
 src/blogroll/__tests__/to-url.test.js   | 20 ++++++++++++++++++++
 src/blogroll/components/import-modal.js |  1 +
 src/blogroll/utils.js                   |  5 ++++-
 src/link/edit.js                        | 10 +++++++---
 8 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 9ce1f9a..2f57717 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'dc6e8e303f5c0c0815b7');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '14c5965b46a43818aea7');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 95a2d63..a45f97b 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[o,t]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[o,l?.length?l:t.map(S)]}}];var P=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,o).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,x.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[t,l?.length?l:o.map(S)]}}];var P=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||oe||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...w};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 263e3d3..83b52e1 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '118f9c658a2f494699c7');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '67cd532629b24fe9c32d');
diff --git a/build/link/index.js b/build/link/index.js
index 5f8736c..d99366b 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}const w=()=>{};function v({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:w,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const k=()=>{};var j=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:j,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:w,xfn:j,added:C}=e,[S,N]=(0,t.useState)(""),[O,y]=(0,t.useState)(!1),B=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[F,T]=(0,t.useState)(null),M=()=>T(null),A=(0,r.__experimentalUseFocusOutside)(M),[U,H]=(0,t.useState)(),[z,P]=(0,t.useState)(null),R=()=>P(null),D=e=>P(e===z?null:e),L=(0,t.useRef)({}),V=l["blockroll/showAvatars"]??!0,E=i||!!w,I=i||j.length>0,q=(0,s.useBlockProps)({className:m?"h-card":void 0}),G=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),Z=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:C,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)?o:`https://${o}`}(S);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,B.current.signal).then(e=>{o({...e,added:C||_()}),y(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:C||_()}),y(!1))})};return(0,c.jsxs)("div",{...q,children:[Z,(0,c.jsx)(h,{value:S,onChange:N,onSubmit:e,isBusy:O})]})}return(0,c.jsxs)(c.Fragment,{children:[Z,(0,c.jsxs)("div",{...q,children:[V&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&L.current.isOpen&&L.current.onToggle()}},renderToggle:({children:e,...o})=>(L.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:G}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...A,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!F,onClick:()=>T("toolbar"===F?null:"toolbar")})}),i&&F&&(0,c.jsx)(a.Popover,{anchor:U,placement:"bottom-start",shift:!0,onClose:M,onFocusOutside:k,focusOnMount:"toolbar"===F&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),M()},onCancel:M})},F),(0,c.jsx)(s.RichText,{ref:H,onFocus:()=>T("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(E||I)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[E&&(0,c.jsx)(v,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===z,onToggle:()=>D("feed"),onClose:R,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),w?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:w,onChange:e=>o({feedUrl:e})})}),E&&I&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),I&&(0,c.jsx)(v,{className:"blockroll-link__meta-button",isOpen:"xfn"===z,onToggle:()=>D("xfn"),onClose:R,focusOnMount:!0,label:j.length>0?(0,c.jsx)("ul",{className:"blockroll-xfn",children:j.map(e=>(0,c.jsx)("li",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:j,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}const w=()=>{};function v({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:w,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const k=()=>{};var j=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:j,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:w,xfn:j,added:C}=e,[S,N]=(0,t.useState)(""),[O,y]=(0,t.useState)(!1),B=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[F,T]=(0,t.useState)(null),M=()=>T(null),A=(0,r.__experimentalUseFocusOutside)(M),[U,H]=(0,t.useState)(),[z,P]=(0,t.useState)(null),R=()=>P(null),D=e=>P(e===z?null:e),L=(0,t.useRef)({}),V=l["blockroll/showAvatars"]??!0,E=i||!!w,I=i||j.length>0,q=(0,s.useBlockProps)({className:m?"h-card":void 0}),G=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),Z=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:C,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(S);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,B.current.signal).then(e=>{o({...e,added:C||_()}),y(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:C||_()}),y(!1))})};return(0,c.jsxs)("div",{...q,children:[Z,(0,c.jsx)(h,{value:S,onChange:N,onSubmit:e,isBusy:O})]})}return(0,c.jsxs)(c.Fragment,{children:[Z,(0,c.jsxs)("div",{...q,children:[V&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&L.current.isOpen&&L.current.onToggle()}},renderToggle:({children:e,...o})=>(L.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:G}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...A,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!F,onClick:()=>T("toolbar"===F?null:"toolbar")})}),i&&F&&(0,c.jsx)(a.Popover,{anchor:U,placement:"bottom-start",shift:!0,onClose:M,onFocusOutside:k,focusOnMount:"toolbar"===F&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),M()},onCancel:M})},F),(0,c.jsx)(s.RichText,{ref:H,onFocus:()=>T("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(E||I)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[E&&(0,c.jsx)(v,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===z,onToggle:()=>D("feed"),onClose:R,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),w?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:w,onChange:e=>o({feedUrl:e})})}),E&&I&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),I&&(0,c.jsx)(v,{className:"blockroll-link__meta-button",isOpen:"xfn"===z,onToggle:()=>D("xfn"),onClose:R,focusOnMount:!0,label:j.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:j.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:j,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/to-url.test.js b/src/blogroll/__tests__/to-url.test.js
index d03940e..c7fc8d5 100644
--- a/src/blogroll/__tests__/to-url.test.js
+++ b/src/blogroll/__tests__/to-url.test.js
@@ -19,3 +19,23 @@ describe( 'toUrl', () => {
 		);
 	} );
 } );
+
+describe( 'toUrl with a port', () => {
+	it( 'treats a port as part of the address, not as a scheme', () => {
+		expect( toUrl( 'example.com:8080' ) ).toBe(
+			'https://example.com:8080'
+		);
+		expect( toUrl( 'localhost:3000/blog' ) ).toBe(
+			'https://localhost:3000/blog'
+		);
+	} );
+
+	it( 'still keeps a real scheme', () => {
+		expect( toUrl( 'https://example.com:8080/' ) ).toBe(
+			'https://example.com:8080/'
+		);
+		expect( toUrl( 'feed:https://a.example/feed/' ) ).toBe(
+			'feed:https://a.example/feed/'
+		);
+	} );
+} );
diff --git a/src/blogroll/components/import-modal.js b/src/blogroll/components/import-modal.js
index 7966d06..ce9a680 100644
--- a/src/blogroll/components/import-modal.js
+++ b/src/blogroll/components/import-modal.js
@@ -84,6 +84,7 @@ export default function ImportModal( { onImport, onClose } ) {
 				path: '/blockroll/v1/import',
 				method: 'POST',
 				data,
+				signal: controller.current.signal,
 			} );
 			const finished = fetchDetails
 				? await enrich( links, setProgress, controller.current.signal )
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index a7750f9..6923e92 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -23,7 +23,10 @@ export function mergeDiscovered( link, found ) {
  */
 export function toUrl( input ) {
 	const value = input.trim();
-	return /^[a-z][a-z0-9+.-]*:/i.test( value ) ? value : `https://${ value }`;
+	// A colon followed by digits is a port, not a scheme: example.com:8080.
+	const hasScheme =
+		/^[a-z][a-z0-9+.-]*:/i.test( value ) && ! /^[^:/?#]+:\d/.test( value );
+	return hasScheme ? value : `https://${ value }`;
 }
 
 /**
diff --git a/src/link/edit.js b/src/link/edit.js
index 5bd8931..ce06bf5 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -337,11 +337,15 @@ export default function Edit( {
 								focusOnMount
 								label={
 									xfn.length > 0 ? (
-										<ul className="blockroll-xfn">
+										// Spans, not the list of the site: a
+										// list is not allowed in a button.
+										<span className="blockroll-xfn">
 											{ xfn.map( ( token ) => (
-												<li key={ token }>{ token }</li>
+												<span key={ token }>
+													{ token }
+												</span>
 											) ) }
-										</ul>
+										</span>
 									) : (
 										__( 'Add relationship', 'blockroll' )
 									)

From 5f806a8512c56da1442f1a9cc90ab2d951732964 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 17:23:38 +0200
Subject: [PATCH 19/23] migrate a legacy list that has something else in it

---
 build/blogroll/index.asset.php |  2 +-
 build/blogroll/index.js        | 12 ++++++------
 src/blogroll/deprecated.js     | 22 +++++++++++++++++++---
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 2f57717..68996c2 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '14c5965b46a43818aea7');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '1e1845feb45b8043255e');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index a45f97b..844ba5b 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!l?.length,migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e);return[t,l?.length?l:o.map(S)]}}];var P=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:P,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||oe||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...w};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:T})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t,signal:S.current.signal}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[o,t]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[o,T(n)?n:[...n,...t.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,o).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,x.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index 8942eee..7e5fbb8 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import metadata from './block.json';
-import { createLinkBlock } from './link-block';
+import { createLinkBlock, LINK_BLOCK } from './link-block';
 import { hasLegacyLinks, migrateLinks } from './utils';
 
 /**
@@ -16,17 +16,33 @@ import { hasLegacyLinks, migrateLinks } from './utils';
  * Both versions save nothing, so v1 could match a block that has its
  * links as blocks already, which is why migrate keeps them.
  */
+
+/**
+ * Whether a blogroll holds its links as blocks already.
+ *
+ * Only link blocks count. Anything else a hand-edited post has in there
+ * stays where it is; the server ignores it, too.
+ *
+ * @param {Object[]} innerBlocks Inner blocks of the blogroll.
+ * @return {boolean} True when there is a link block.
+ */
+const hasLinkBlocks = ( innerBlocks ) =>
+	( innerBlocks || [] ).some( ( block ) => LINK_BLOCK === block.name );
+
 const v1 = {
 	attributes: metadata.attributes,
 	supports: metadata.supports,
 	save: () => null,
 	isEligible: ( attributes, innerBlocks ) =>
-		hasLegacyLinks( attributes ) && ! innerBlocks?.length,
+		hasLegacyLinks( attributes ) && ! hasLinkBlocks( innerBlocks ),
 	migrate: ( attributes, innerBlocks ) => {
 		const [ next, links ] = migrateLinks( attributes );
+		const children = innerBlocks || [];
 		return [
 			next,
-			innerBlocks?.length ? innerBlocks : links.map( createLinkBlock ),
+			hasLinkBlocks( children )
+				? children
+				: [ ...children, ...links.map( createLinkBlock ) ],
 		];
 	},
 };

From 6d7860a3efe72054d40adb4fcf4bcd9141618f9b Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 17:40:52 +0200
Subject: [PATCH 20/23] only web addresses are linked and stored

---
 build/blogroll/index.asset.php        |  2 +-
 build/blogroll/index.js               | 12 ++++++------
 build/link/index.asset.php            |  2 +-
 build/link/index.js                   |  2 +-
 src/blogroll/__tests__/to-url.test.js | 17 ++++++++++++++++-
 src/blogroll/components/add-link.js   | 17 +++++++++++++----
 src/blogroll/utils.js                 | 11 +++++++++++
 src/link/edit.js                      | 25 +++++++++++++++++++++----
 8 files changed, 70 insertions(+), 18 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 68996c2..a9d18dd 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '1e1845feb45b8043255e');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '90b99f134328783233a7');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 844ba5b..0e8efc7 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,o){const t=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=o.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:o,isBusy:t,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||o()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:o,onClose:t}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),_=g(),j=p?(0,s.__)("This site is in the list already.","blockroll"):d;return(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:t,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);o(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,_.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:j,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,t.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[o,t]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(t),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:o,onChange:e=>{t(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!o&&!i||m,onClick:async()=>{_(!0),y(null);try{const t=o?{opml:o}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:t,signal:S.current.signal}),r=d?await async function(e,l,o){const t=[];for(const n of e){try{t.push(b(n,await k(n.url,o)))}catch(e){if(f(e))throw e;t.push(n)}l(t.length)}return t}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let o=e,t=0;for(;l.includes(o);)t+=1,o=`${e}-${t}`;return o}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[o,t]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[o,T(n)?n:[...n,...t.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,t.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:o,isSelected:t}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==o).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(t)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,t]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const o=A(l);return e===o||e.startsWith(o+"-")&&/^\d+$/.test(e.slice(o.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||t)return!1;const i=a();return l().some(e=>e!==o&&e!==i&&s(e)?.anchor===r)},[o,r,t]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),oe=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const te=(0,i.useSelect)(e=>e(n.store).getBlockCount(o),[o]),ne=(0,i.useSelect)(e=>H(e(n.store),o).length,[o]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,o).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,o),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||te||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const o={...w};e?o.name=e:delete o.name,l({metadata:Object.keys(o).length?o:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),t=e.filter(e=>{const o=_(e.url);return!(!o||l.has(o)||(l.add(o),0))}).map(S);t.length&&se(t,void 0,o)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:oe.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),oe.help&&(0,x.jsxs)("p",{children:[oe.help,oe.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:oe.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function o(t){const n=l[t];if(void 0!==n)return n.exports;const r=l[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,(()=>{const e=[];o.O=(l,t,n,r)=>{if(t){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[t,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[t,n,r]=e[s],c=!0;for(var i=0;i<t.length;i++)(!1&r||a>=r)&&Object.keys(o.O).every(e=>o.O[e](t[i]))?t.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const o=n();void 0!==o&&(l=o)}}return l}})(),o.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return o.d(l,{a:l}),l},o.d=(e,l)=>{if(Array.isArray(l))for(var t=0;t<l.length;){var n=l[t++],r=l[t++];o.o(e,n)?0===r&&t++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[t++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)o.o(l,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},o.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};o.O.j=l=>0===e[l];const l=(l,t)=>{let[n,r,s]=t;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)o.o(r,a)&&(o.m[a]=r[a]);if(s)var u=s(o)}for(l&&l(t);c<n.length;c++)i=n[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},t=globalThis.webpackChunkwordpress_blockroll||=[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();let t=o.O(void 0,[375],()=>o(669));t=o.O(t)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),[_,j]=(0,a.useState)(!1),y=g();let S=d;return p?S=(0,s.__)("This site is in the list already.","blockroll"):_&&(S=(0,s.__)("Only web addresses can be added.","blockroll")),(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1),j(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);!function(e){return/^https?:\/\//i.test(String(e||"").trim())}(e)?j(!0):t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,y.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:S,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[t,T(n)?n:[...n,...o.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||oe||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...w};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 83b52e1..46a103a 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '67cd532629b24fe9c32d');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '55e26d48d12c9268aa71');
diff --git a/build/link/index.js b/build/link/index.js
index d99366b..d6dc220 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}const w=()=>{};function v({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:w,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const k=()=>{};var j=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:j,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:w,xfn:j,added:C}=e,[S,N]=(0,t.useState)(""),[O,y]=(0,t.useState)(!1),B=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[F,T]=(0,t.useState)(null),M=()=>T(null),A=(0,r.__experimentalUseFocusOutside)(M),[U,H]=(0,t.useState)(),[z,P]=(0,t.useState)(null),R=()=>P(null),D=e=>P(e===z?null:e),L=(0,t.useRef)({}),V=l["blockroll/showAvatars"]??!0,E=i||!!w,I=i||j.length>0,q=(0,s.useBlockProps)({className:m?"h-card":void 0}),G=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),Z=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:C,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(S);y(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,B.current.signal).then(e=>{o({...e,added:C||_()}),y(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:C||_()}),y(!1))})};return(0,c.jsxs)("div",{...q,children:[Z,(0,c.jsx)(h,{value:S,onChange:N,onSubmit:e,isBusy:O})]})}return(0,c.jsxs)(c.Fragment,{children:[Z,(0,c.jsxs)("div",{...q,children:[V&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&L.current.isOpen&&L.current.onToggle()}},renderToggle:({children:e,...o})=>(L.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:G}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...A,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!F,onClick:()=>T("toolbar"===F?null:"toolbar")})}),i&&F&&(0,c.jsx)(a.Popover,{anchor:U,placement:"bottom-start",shift:!0,onClose:M,onFocusOutside:k,focusOnMount:"toolbar"===F&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{o({url:e.url||"",name:e.title??p}),M()},onCancel:M})},F),(0,c.jsx)(s.RichText,{ref:H,onFocus:()=>T("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:m,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(E||I)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[E&&(0,c.jsx)(v,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===z,onToggle:()=>D("feed"),onClose:R,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),w?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:w,onChange:e=>o({feedUrl:e})})}),E&&I&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),I&&(0,c.jsx)(v,{className:"blockroll-link__meta-button",isOpen:"xfn"===z,onToggle:()=>D("xfn"),onClose:R,focusOnMount:!0,label:j.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:j.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:j,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){return/^https?:\/\//i.test(String(e||"").trim())}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:d}){const[u,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:u,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:d})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[O,y]=(0,t.useState)(""),[N,B]=(0,t.useState)(!1),[F,T]=(0,t.useState)(null),M=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[A,U]=(0,t.useState)(null),H=()=>U(null),z=(0,r.__experimentalUseFocusOutside)(H),[P,R]=(0,t.useState)(),[D,L]=(0,t.useState)(null),V=()=>L(null),E=e=>L(e===D?null:e),I=(0,t.useRef)({}),q=l["blockroll/showAvatars"]??!0,G=i||!!v,Z=i||C.length>0,J=(0,s.useBlockProps)({className:m?"h-card":void 0}),X=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),$=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(O);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,M.current.signal).then(e=>{o({...e,added:S||_()}),B(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:S||_()}),B(!1))})):T((0,n.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...J,children:[$,(0,c.jsx)(h,{value:O,message:F,onChange:e=>{y(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[$,(0,c.jsxs)("div",{...J,children:[q&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&I.current.isOpen&&I.current.onToggle()}},renderToggle:({children:e,...o})=>(I.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:X}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...z,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:d,title:(0,n.__)("Link","blockroll"),isActive:!!A,onClick:()=>U("toolbar"===A?null:"toolbar")})}),i&&A&&(0,c.jsx)(a.Popover,{anchor:P,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===A&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const l=e.url||"";o({url:!l||w(l)?l:m,name:e.title??p}),H()},onCancel:H})},A),(0,c.jsx)(s.RichText,{ref:R,onFocus:()=>U("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(G||Z)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[G&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===D,onToggle:()=>E("feed"),onClose:V,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:u,className:"blockroll-feed-icon"}),v?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),G&&Z&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),Z&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===D,onToggle:()=>E("xfn"),onClose:V,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/to-url.test.js b/src/blogroll/__tests__/to-url.test.js
index c7fc8d5..738ddaf 100644
--- a/src/blogroll/__tests__/to-url.test.js
+++ b/src/blogroll/__tests__/to-url.test.js
@@ -1,4 +1,4 @@
-import { toUrl } from '../utils';
+import { isSafeUrl, toUrl } from '../utils';
 
 describe( 'toUrl', () => {
 	it( 'keeps a full address', () => {
@@ -39,3 +39,18 @@ describe( 'toUrl with a port', () => {
 		);
 	} );
 } );
+
+describe( 'isSafeUrl', () => {
+	it( 'takes the web addresses', () => {
+		expect( isSafeUrl( 'https://a.example/' ) ).toBe( true );
+		expect( isSafeUrl( 'http://a.example:8080/x' ) ).toBe( true );
+	} );
+
+	it( 'refuses the others', () => {
+		expect( isSafeUrl( 'javascript:alert(1)' ) ).toBe( false );
+		expect( isSafeUrl( ' JavaScript:alert(1)' ) ).toBe( false );
+		expect( isSafeUrl( 'data:text/html,<script>' ) ).toBe( false );
+		expect( isSafeUrl( 'feed:https://a.example/feed/' ) ).toBe( false );
+		expect( isSafeUrl( '' ) ).toBe( false );
+	} );
+} );
diff --git a/src/blogroll/components/add-link.js b/src/blogroll/components/add-link.js
index ce9534e..a170e50 100644
--- a/src/blogroll/components/add-link.js
+++ b/src/blogroll/components/add-link.js
@@ -9,7 +9,7 @@ import { Popover } from '@wordpress/components';
  * Internal dependencies
  */
 import { isAborted, lookUp } from '../discover';
-import { toUrl } from '../utils';
+import { isSafeUrl, toUrl } from '../utils';
 import useAbortOnUnmount from '../use-abort-on-unmount';
 import AddressForm from './address-form';
 
@@ -37,15 +37,23 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 	const [ isBusy, setIsBusy ] = useState( false );
 	const [ error, setError ] = useState( null );
 	const [ isDuplicate, setIsDuplicate ] = useState( false );
+	const [ isUnsafe, setIsUnsafe ] = useState( false );
 	// A lookup still running when the overlay closes is cancelled.
 	const controller = useAbortOnUnmount();
 	// A line under the field, like the notes core's overlays show.
-	const message = isDuplicate
-		? __( 'This site is in the list already.', 'blockroll' )
-		: error;
+	let message = error;
+	if ( isDuplicate ) {
+		message = __( 'This site is in the list already.', 'blockroll' );
+	} else if ( isUnsafe ) {
+		message = __( 'Only web addresses can be added.', 'blockroll' );
+	}
 
 	const add = () => {
 		const url = toUrl( input );
+		if ( ! isSafeUrl( url ) ) {
+			setIsUnsafe( true );
+			return;
+		}
 		if ( isKnown( url ) ) {
 			setIsDuplicate( true );
 			return;
@@ -86,6 +94,7 @@ export default function AddLink( { anchor, onAdd, isKnown, onClose } ) {
 					setInput( next );
 					setError( null );
 					setIsDuplicate( false );
+					setIsUnsafe( false );
 				} }
 				onSubmit={ add }
 				isBusy={ isBusy }
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 6923e92..ef89b23 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -61,6 +61,17 @@ export function today() {
 	return new Date().toISOString().slice( 0, 10 );
 }
 
+/**
+ * Whether an address is one a browser may follow: the web ones. Anything
+ * else, a javascript: address above all, is never linked or stored.
+ *
+ * @param {string} url An address.
+ * @return {boolean} True for http and https.
+ */
+export function isSafeUrl( url ) {
+	return /^https?:\/\//i.test( String( url || '' ).trim() );
+}
+
 /**
  * What makes an address the address of a site: scheme, "www.", case and
  * a trailing slash do not.
diff --git a/src/link/edit.js b/src/link/edit.js
index ce06bf5..50c1af7 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -28,7 +28,7 @@ import { link as linkIcon, rss } from '@wordpress/icons';
 import AddressForm from '../blogroll/components/address-form';
 import XfnControl from '../blogroll/components/xfn-control';
 import { isAborted, lookUp } from '../blogroll/discover';
-import { toUrl, today } from '../blogroll/utils';
+import { isSafeUrl, toUrl, today } from '../blogroll/utils';
 import OverlayButton from './overlay-button';
 import useAbortOnUnmount from '../blogroll/use-abort-on-unmount';
 
@@ -65,6 +65,7 @@ export default function Edit( {
 	const { url, name, description, photo, feedUrl, xfn, added } = attributes;
 	const [ draftUrl, setDraftUrl ] = useState( '' );
 	const [ isLookingUp, setIsLookingUp ] = useState( false );
+	const [ addressMessage, setAddressMessage ] = useState( null );
 	// A lookup still running when the block is gone is cancelled.
 	const controller = useAbortOnUnmount();
 	// The link overlay opened from the name leaves the focus there, the
@@ -136,6 +137,12 @@ export default function Edit( {
 	if ( ! url ) {
 		const add = () => {
 			const value = toUrl( draftUrl );
+			if ( ! isSafeUrl( value ) ) {
+				setAddressMessage(
+					__( 'Only web addresses can be added.', 'blockroll' )
+				);
+				return;
+			}
 			setIsLookingUp( true );
 			lookUp( value, controller.current.signal ).then(
 				( link ) => {
@@ -157,7 +164,11 @@ export default function Edit( {
 				{ inspector }
 				<AddressForm
 					value={ draftUrl }
-					onChange={ setDraftUrl }
+					message={ addressMessage }
+					onChange={ ( next ) => {
+						setDraftUrl( next );
+						setAddressMessage( null );
+					} }
 					onSubmit={ add }
 					isBusy={ isLookingUp }
 				/>
@@ -238,8 +249,14 @@ export default function Edit( {
 								forceIsEditingLink
 								showInitialSuggestions={ false }
 								onChange={ ( next ) => {
+									// An address a browser must not follow
+									// is not stored; clearing it is fine.
+									const nextUrl = next.url || '';
 									setAttributes( {
-										url: next.url || '',
+										url:
+											! nextUrl || isSafeUrl( nextUrl )
+												? nextUrl
+												: url,
 										name: next.title ?? name,
 									} );
 									closeLinkOverlay();
@@ -254,7 +271,7 @@ export default function Edit( {
 						disableLineBreaks
 						tagName="a"
 						className="u-url p-name"
-						href={ url }
+						href={ isSafeUrl( url ) ? url : undefined }
 						value={ name }
 						allowedFormats={ [] }
 						withoutInteractiveFormatting

From 8616514a6c94e4bc93df29c70e52d8f96e2b38f0 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 18:12:01 +0200
Subject: [PATCH 21/23] an address needs a host, a manual list stays manual
 however links arrive

---
 build/blogroll/index.asset.php        |  2 +-
 build/blogroll/index.js               | 12 ++++++------
 build/link/index.asset.php            |  2 +-
 build/link/index.js                   |  2 +-
 src/blogroll/__tests__/to-url.test.js |  7 +++++++
 src/blogroll/edit.js                  | 27 ++++++++++++++++++---------
 src/blogroll/utils.js                 |  7 ++++++-
 7 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index a9d18dd..1a0cc98 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '90b99f134328783233a7');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '31266032d7de9ac663fa');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index 0e8efc7..f2da2b2 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function v({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const w=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),[_,j]=(0,a.useState)(!1),y=g();let S=d;return p?S=(0,s.__)("This site is in the list already.","blockroll"):_&&(S=(0,s.__)("Only web addresses can be added.","blockroll")),(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:w,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(v,{value:n,onChange:e=>{r(e),h(null),m(!1),j(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);!function(e){return/^https?:\/\//i.test(String(e||"").trim())}(e)?j(!0):t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,y.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:S,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[v,w]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==v&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),v)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,w,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),w(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[t,T(n)?n:[...n,...o.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:v,metadata:w}=e,C=w?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,Z]=(0,a.useState)([]),[$,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?(Z([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&Z(Array.isArray(l)?l:[])}).catch(l=>{e&&(Z([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))},pe=()=>{q!==d&&l({source:q})},me=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{pe(),re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let be=null;q!==Q||oe||(be=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:me}));const _e=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:be}),ke=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...w};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:v,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{pe();const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:$?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:ke}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!$&&!!R.length&&(fe=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:fe.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{..._e}),!be&&me]})]});var fe},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function w({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const v=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),[_,j]=(0,a.useState)(!1),y=g();let S=d;return p?S=(0,s.__)("This site is in the list already.","blockroll"):_&&(S=(0,s.__)("Only web addresses can be added.","blockroll")),(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:v,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(w,{value:n,onChange:e=>{r(e),h(null),m(!1),j(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);!function(e){try{const{protocol:l,hostname:t}=new URL(String(e||"").trim());return/^https?:$/i.test(l)&&""!==t}catch{return!1}}(e)?j(!0):t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,y.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:S,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[w,v]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==w&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),w)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,v,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),v(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[t,T(n)?n:[...n,...o.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:w,metadata:v}=e,C=v?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,$]=(0,a.useState)([]),[Z,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?($([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&$(Array.isArray(l)?l:[])}).catch(l=>{e&&($([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))};(0,a.useEffect)(()=>{G&&!X&&q!==d&&ne&&(O(),l({source:q}))},[G,X,d,ne]);const pe=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let me=null;q!==Q||oe||(me=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:pe}));const be=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:me}),_e=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...v};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:w,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:_e}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!Z&&!!R.length&&(ke=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:ke.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{...be}),!me&&pe]})]});var ke},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 46a103a..dc2b7b2 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '55e26d48d12c9268aa71');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '55a03a8aebadea898429');
diff --git a/build/link/index.js b/build/link/index.js
index d6dc220..6bb337f 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){return/^https?:\/\//i.test(String(e||"").trim())}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:d}){const[u,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:u,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:d})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[O,y]=(0,t.useState)(""),[N,B]=(0,t.useState)(!1),[F,T]=(0,t.useState)(null),M=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[A,U]=(0,t.useState)(null),H=()=>U(null),z=(0,r.__experimentalUseFocusOutside)(H),[P,R]=(0,t.useState)(),[D,L]=(0,t.useState)(null),V=()=>L(null),E=e=>L(e===D?null:e),I=(0,t.useRef)({}),q=l["blockroll/showAvatars"]??!0,G=i||!!v,Z=i||C.length>0,J=(0,s.useBlockProps)({className:m?"h-card":void 0}),X=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),$=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(O);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,M.current.signal).then(e=>{o({...e,added:S||_()}),B(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:S||_()}),B(!1))})):T((0,n.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...J,children:[$,(0,c.jsx)(h,{value:O,message:F,onChange:e=>{y(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[$,(0,c.jsxs)("div",{...J,children:[q&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&I.current.isOpen&&I.current.onToggle()}},renderToggle:({children:e,...o})=>(I.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:X}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...z,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:d,title:(0,n.__)("Link","blockroll"),isActive:!!A,onClick:()=>U("toolbar"===A?null:"toolbar")})}),i&&A&&(0,c.jsx)(a.Popover,{anchor:P,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===A&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const l=e.url||"";o({url:!l||w(l)?l:m,name:e.title??p}),H()},onCancel:H})},A),(0,c.jsx)(s.RichText,{ref:R,onFocus:()=>U("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(G||Z)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[G&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===D,onToggle:()=>E("feed"),onClose:V,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:u,className:"blockroll-feed-icon"}),v?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),G&&Z&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),Z&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===D,onToggle:()=>E("xfn"),onClose:V,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){try{const{protocol:o,hostname:l}=new URL(String(e||"").trim());return/^https?:$/i.test(o)&&""!==l}catch{return!1}}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[y,O]=(0,t.useState)(""),[N,B]=(0,t.useState)(!1),[F,T]=(0,t.useState)(null),M=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[A,U]=(0,t.useState)(null),H=()=>U(null),R=(0,r.__experimentalUseFocusOutside)(H),[z,P]=(0,t.useState)(),[L,D]=(0,t.useState)(null),V=()=>D(null),E=e=>D(e===L?null:e),I=(0,t.useRef)({}),q=l["blockroll/showAvatars"]??!0,G=i||!!v,Z=i||C.length>0,J=(0,s.useBlockProps)({className:m?"h-card":void 0}),$=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),X=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(y);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,M.current.signal).then(e=>{o({...e,added:S||_()}),B(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:S||_()}),B(!1))})):T((0,n.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...J,children:[X,(0,c.jsx)(h,{value:y,message:F,onChange:e=>{O(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[X,(0,c.jsxs)("div",{...J,children:[q&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&I.current.isOpen&&I.current.onToggle()}},renderToggle:({children:e,...o})=>(I.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:$}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...R,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!A,onClick:()=>U("toolbar"===A?null:"toolbar")})}),i&&A&&(0,c.jsx)(a.Popover,{anchor:z,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===A&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const l=e.url||"";o({url:!l||w(l)?l:m,name:e.title??p}),H()},onCancel:H})},A),(0,c.jsx)(s.RichText,{ref:P,onFocus:()=>U("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(G||Z)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[G&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===L,onToggle:()=>E("feed"),onClose:V,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),v?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),G&&Z&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),Z&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===L,onToggle:()=>E("xfn"),onClose:V,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/to-url.test.js b/src/blogroll/__tests__/to-url.test.js
index 738ddaf..40f0029 100644
--- a/src/blogroll/__tests__/to-url.test.js
+++ b/src/blogroll/__tests__/to-url.test.js
@@ -54,3 +54,10 @@ describe( 'isSafeUrl', () => {
 		expect( isSafeUrl( '' ) ).toBe( false );
 	} );
 } );
+
+describe( 'isSafeUrl without a host', () => {
+	it( 'refuses an address that is only a scheme', () => {
+		expect( isSafeUrl( 'https://' ) ).toBe( false );
+		expect( isSafeUrl( 'https://?q=1' ) ).toBe( false );
+	} );
+} );
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 204af96..78b7b5f 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -333,17 +333,27 @@ export default function Edit( {
 		);
 	};
 	const isKnown = ( url ) => siteKeys().has( siteKey( url ) );
-	// A list that gets links of its own is a manual one. The source can be
-	// one that is not there right now, a plugin that is deactivated: the
-	// editor and the server both fall back to manual then, and without
-	// this the links would be ignored again the moment it comes back.
-	const becomeManual = () => {
-		if ( manualSource !== source ) {
+	// A list that has links of its own is a manual one, however they got
+	// there: added, imported, pasted or duplicated. Only when its source
+	// is one that is not there right now, a plugin that is deactivated:
+	// the editor and the server both fall back to manual then, and
+	// without this the links would be ignored again the moment it comes
+	// back. Not an undo step of its own; it is saved with the edit that
+	// brought the links.
+	useEffect( () => {
+		if (
+			hasLoadedSources &&
+			! sourceIsAvailable &&
+			manualSource !== source &&
+			linkCount
+		) {
+			__unstableMarkNextChangeAsNotPersistent();
 			setAttributes( { source: manualSource } );
 		}
-	};
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [ hasLoadedSources, sourceIsAvailable, source, linkCount ] );
+
 	const addLink = ( link ) => {
-		becomeManual();
 		insertBlock(
 			createLinkBlock( { ...link, added: today() } ),
 			undefined,
@@ -355,7 +365,6 @@ export default function Edit( {
 	// Imported links become link blocks at the end of the list; sites
 	// already in it, or twice in the file, are skipped.
 	const importLinks = ( imported ) => {
-		becomeManual();
 		const seen = siteKeys();
 		const blocks = imported
 			.filter( ( link ) => {
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index ef89b23..3266bff 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -69,7 +69,12 @@ export function today() {
  * @return {boolean} True for http and https.
  */
 export function isSafeUrl( url ) {
-	return /^https?:\/\//i.test( String( url || '' ).trim() );
+	try {
+		const { protocol, hostname } = new URL( String( url || '' ).trim() );
+		return /^https?:$/i.test( protocol ) && '' !== hostname;
+	} catch {
+		return false;
+	}
 }
 
 /**

From 2511656ee0715d89082d1631a48f40f5bba69515 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 18:34:09 +0200
Subject: [PATCH 22/23] keep a date set while the lookup runs

---
 build/link/index.asset.php |  2 +-
 build/link/index.js        |  2 +-
 src/link/edit.js           | 14 ++++++++++++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index dc2b7b2..8fce234 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '55a03a8aebadea898429');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'fe43d77e8f1b3974e23c');
diff --git a/build/link/index.js b/build/link/index.js
index 6bb337f..51a55fc 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const l=o&&o.__esModule?()=>o.default:()=>o;return e.d(l,{a:l}),l},d:(o,l)=>{if(Array.isArray(l))for(var n=0;n<l.length;){var t=l[n++],r=l[n++];e.o(o,t)?0===r&&n++:0===r?Object.defineProperty(o,t,{enumerable:!0,value:l[n++]}):Object.defineProperty(o,t,{enumerable:!0,get:r})}else for(var t in l)e.o(l,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:l[t]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,l=JSON.parse('{"UU":"blockroll/link"}'),n=window.wp.i18n,t=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:l,isBusy:t,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),t||l()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:t,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:t,"aria-disabled":t,disabled:!e.trim(),children:s||(0,n.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,n.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let l=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(l=l.filter(o=>!m[e].includes(o)));return[...l,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){try{const{protocol:o,hostname:l}=new URL(String(e||"").trim());return/^https?:$/i.test(o)&&""!==l}catch{return!1}}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:l,className:n,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,t.useState)(),m=(0,r.__experimentalUseFocusOutside)(l);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:n,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:l,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(l.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:l,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[y,O]=(0,t.useState)(""),[N,B]=(0,t.useState)(!1),[F,T]=(0,t.useState)(null),M=function(){const e=(0,t.useRef)();return(0,t.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[A,U]=(0,t.useState)(null),H=()=>U(null),R=(0,r.__experimentalUseFocusOutside)(H),[z,P]=(0,t.useState)(),[L,D]=(0,t.useState)(null),V=()=>D(null),E=e=>D(e===L?null:e),I=(0,t.useRef)({}),q=l["blockroll/showAvatars"]??!0,G=i||!!v,Z=i||C.length>0,J=(0,s.useBlockProps)({className:m?"h-card":void 0}),$=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),X=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,n.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Added","blockroll"),help:(0,n.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(y);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,M.current.signal).then(e=>{o({...e,added:S||_()}),B(!1)},l=>{(function(e){return"AbortError"===e?.name})(l)||(o({url:e,added:S||_()}),B(!1))})):T((0,n.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...J,children:[X,(0,c.jsx)(h,{value:y,message:F,onChange:e=>{O(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[X,(0,c.jsxs)("div",{...J,children:[q&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&I.current.isOpen&&I.current.onToggle()}},renderToggle:({children:e,...o})=>(I.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,n.__)("Image","blockroll"),children:$}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...R,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,n.__)("Link","blockroll"),isActive:!!A,onClick:()=>U("toolbar"===A?null:"toolbar")})}),i&&A&&(0,c.jsx)(a.Popover,{anchor:z,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===A&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const l=e.url||"";o({url:!l||w(l)?l:m,name:e.title??p}),H()},onCancel:H})},A),(0,c.jsx)(s.RichText,{ref:P,onFocus:()=>U("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,n.__)("Description","blockroll"),onChange:e=>o({description:e})}),(G||Z)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[G&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===L,onToggle:()=>E("feed"),onClose:V,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),v?(0,n.__)("feed","blockroll"):(0,n.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Feed address","blockroll"),help:(0,n.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),G&&Z&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),Z&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===L,onToggle:()=>E("xfn"),onClose:V,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,n.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const n=o&&o.__esModule?()=>o.default:()=>o;return e.d(n,{a:n}),n},d:(o,n)=>{if(Array.isArray(n))for(var t=0;t<n.length;){var l=n[t++],r=n[t++];e.o(o,l)?0===r&&t++:0===r?Object.defineProperty(o,l,{enumerable:!0,value:n[t++]}):Object.defineProperty(o,l,{enumerable:!0,get:r})}else for(var l in n)e.o(n,l)&&!e.o(o,l)&&Object.defineProperty(o,l,{enumerable:!0,get:n[l]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,n=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,l=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:n,isBusy:l,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l||n()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:l,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:l,"aria-disabled":l,disabled:!e.trim(),children:s||(0,t.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let n=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(n=n.filter(o=>!m[e].includes(o)));return[...n,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){try{const{protocol:o,hostname:n}=new URL(String(e||"").trim());return/^https?:$/i.test(o)&&""!==n}catch{return!1}}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:n,className:t,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,l.useState)(),m=(0,r.__experimentalUseFocusOutside)(n);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:t,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:n,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(n.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:n,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[y,O]=(0,l.useState)(""),[N,B]=(0,l.useState)(!1),[F,T]=(0,l.useState)(null),M=(0,l.useRef)(S);M.current=S;const A=function(){const e=(0,l.useRef)();return(0,l.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[U,R]=(0,l.useState)(null),H=()=>R(null),z=(0,r.__experimentalUseFocusOutside)(H),[P,L]=(0,l.useState)(),[D,V]=(0,l.useState)(null),E=()=>V(null),I=e=>V(e===D?null:e),q=(0,l.useRef)({}),G=n["blockroll/showAvatars"]??!0,Z=i||!!v,J=i||C.length>0,$=(0,s.useBlockProps)({className:m?"h-card":void 0}),X=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),K=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(y);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,A.current.signal).then(e=>{o({...e,added:M.current||_()}),B(!1)},n=>{(function(e){return"AbortError"===e?.name})(n)||(o({url:e,added:M.current||_()}),B(!1))})):T((0,t.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...$,children:[K,(0,c.jsx)(h,{value:y,message:F,onChange:e=>{O(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[K,(0,c.jsxs)("div",{...$,children:[G&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&q.current.isOpen&&q.current.onToggle()}},renderToggle:({children:e,...o})=>(q.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:X}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...z,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,t.__)("Link","blockroll"),isActive:!!U,onClick:()=>R("toolbar"===U?null:"toolbar")})}),i&&U&&(0,c.jsx)(a.Popover,{anchor:P,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===U&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const n=e.url||"";o({url:!n||w(n)?n:m,name:e.title??p}),H()},onCancel:H})},U),(0,c.jsx)(s.RichText,{ref:L,onFocus:()=>R("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>o({description:e})}),(Z||J)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[Z&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===D,onToggle:()=>I("feed"),onClose:E,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),v?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),Z&&J&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),J&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===D,onToggle:()=>I("xfn"),onClose:E,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/link/edit.js b/src/link/edit.js
index 50c1af7..d85bbb6 100644
--- a/src/link/edit.js
+++ b/src/link/edit.js
@@ -66,6 +66,10 @@ export default function Edit( {
 	const [ draftUrl, setDraftUrl ] = useState( '' );
 	const [ isLookingUp, setIsLookingUp ] = useState( false );
 	const [ addressMessage, setAddressMessage ] = useState( null );
+	// The date as it is when a lookup comes back, not as it was when it
+	// started: it can be set in the sidebar while the lookup runs.
+	const addedRef = useRef( added );
+	addedRef.current = added;
 	// A lookup still running when the block is gone is cancelled.
 	const controller = useAbortOnUnmount();
 	// The link overlay opened from the name leaves the focus there, the
@@ -146,7 +150,10 @@ export default function Edit( {
 			setIsLookingUp( true );
 			lookUp( value, controller.current.signal ).then(
 				( link ) => {
-					setAttributes( { ...link, added: added || today() } );
+					setAttributes( {
+						...link,
+						added: addedRef.current || today(),
+					} );
 					setIsLookingUp( false );
 				},
 				( error ) => {
@@ -154,7 +161,10 @@ export default function Edit( {
 					if ( isAborted( error ) ) {
 						return;
 					}
-					setAttributes( { url: value, added: added || today() } );
+					setAttributes( {
+						url: value,
+						added: addedRef.current || today(),
+					} );
 					setIsLookingUp( false );
 				}
 			);

From bfec99b1a92dc3c224dd62f0d07df83ce94136f9 Mon Sep 17 00:00:00 2001
From: Matthias Pfefferle <pfefferle@users.noreply.github.com>
Date: Tue, 22 Sep 2026 20:54:49 +0200
Subject: [PATCH 23/23] the migration rule as a tested helper

---
 build/blogroll/index.asset.php            |  2 +-
 build/blogroll/index.js                   | 12 +++----
 build/link/index.asset.php                |  2 +-
 build/link/index.js                       |  2 +-
 src/blogroll/__tests__/deprecated.test.js | 38 +++++++++++++++++++++++
 src/blogroll/deprecated.js                | 19 ++----------
 src/blogroll/edit.js                      |  8 +++--
 src/blogroll/link-block.js                |  7 +----
 src/blogroll/utils.js                     | 34 ++++++++++++++++++++
 9 files changed, 90 insertions(+), 34 deletions(-)
 create mode 100644 src/blogroll/__tests__/deprecated.test.js

diff --git a/build/blogroll/index.asset.php b/build/blogroll/index.asset.php
index 1a0cc98..440638e 100644
--- a/build/blogroll/index.asset.php
+++ b/build/blogroll/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '31266032d7de9ac663fa');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '0006d4a7c1c4a6beeab5');
diff --git a/build/blogroll/index.js b/build/blogroll/index.js
index f2da2b2..be0d2a2 100644
--- a/build/blogroll/index.js
+++ b/build/blogroll/index.js
@@ -1,6 +1,6 @@
-(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml;function b(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function _(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function k(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function f(e){return"AbortError"===e?.name}function g(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const x=window.ReactJSXRuntime;function w({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,x.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const v=()=>{};function j({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),[_,j]=(0,a.useState)(!1),y=g();let S=d;return p?S=(0,s.__)("This site is in the list already.","blockroll"):_&&(S=(0,s.__)("Only web addresses can be added.","blockroll")),(0,x.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:v,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,x.jsx)(w,{value:n,onChange:e=>{r(e),h(null),m(!1),j(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);!function(e){try{const{protocol:l,hostname:t}=new URL(String(e||"").trim());return/^https?:$/i.test(l)&&""!==t}catch{return!1}}(e)?j(!0):t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return k(e,l).then(l=>b({url:e},l))}(e,y.current.signal).then(l,e=>{f(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:S,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}const y=JSON.parse('{"UU":"blockroll/link"}').UU;function S(e){return(0,o.createBlock)(y,e)}const C=window.wp.primitives;var B=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function N({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,_]=(0,a.useState)(!1),[w,v]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=g(),C=e=>{e&&(e.text().then(o),r(e.name))},N={file:(0,x.jsxs)("div",{className:"blockroll-import-upload",children:[(0,x.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,x.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:B,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,x.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,x.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,x.jsxs)("div",{className:"blockroll-form",children:[j&&(0,x.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,x.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,x.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,x.jsx)("div",{className:"blockroll-import-tab",children:N[e.name]})}),(0,x.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,x.jsxs)("div",{className:"blockroll-form__footer",children:[null!==w&&(0,x.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
-(0,s.__)("%d links processed…","blockroll"),w)}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,x.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{_(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(b(n,await k(n.url,t)))}catch(e){if(f(e))throw e;o.push(n)}l(o.length)}return o}(n,v,S.current.signal):n;e(r),l()}catch(e){if(f(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),_(!1),v(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const O=window.wp.url;function A(e){return(0,O.cleanForSlug)(e)||"blogroll"}function M(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const H=(e,l)=>e.getBlockOrder(l).filter(l=>y===e.getBlockName(l)),T=e=>(e||[]).some(e=>y===e.name),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:(e,l)=>function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!T(l),migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[t,T(n)?n:[...n,...o.map(S)]]}}];var D=(0,x.jsx)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,x.jsx)(C.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:b,perPage:k,showAvatars:f,showSort:g,showOpml:w,metadata:v}=e,C=v?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:O}=(0,i.useDispatch)(n.store),T=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return O(),void l({anchor:M(A(C),T())});if(o)return;const e=T();e.includes(r)&&(O(),l({anchor:M(r,e)}))},[r,o]);const P=(0,a.useRef)(C);(0,a.useEffect)(()=>{if(P.current===C)return;const e=!r||function(e,l){const t=A(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=C,e&&l({anchor:M(A(C),T())})},[C]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
-(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,$]=(0,a.useState)([]),[Z,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?($([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&$(Array.isArray(l)?l:[])}).catch(l=>{e&&($([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>H(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(H(e,t).map(l=>_(e.getBlockAttributes(l)?.url)))};(0,a.useEffect)(()=>{G&&!X&&q!==d&&ne&&(O(),l({source:q}))},[G,X,d,ne]);const pe=(0,x.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,x.jsxs)("span",{...de,children:[(0,x.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,x.jsx)(j,{anchor:ce,onAdd:e=>{re(S({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(_(e)),onClose:()=>ie(!1)})]}),(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
-(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let me=null;q!==Q||oe||(me=(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:pe}));const be=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[y],templateLock:!1,renderAppender:!1,placeholder:me}),_e=(0,x.jsx)("div",{className:"blockroll-editor-actions",children:(0,x.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})});return(0,x.jsxs)("div",{...(0,n.useBlockProps)(),children:[(0,x.jsx)(n.InspectorControls,{children:(0,x.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,x.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
-(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||A(C)),{code:(0,x.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:C,onChange:e=>{const t={...v};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,x.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:b,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,x.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:k,onChange:e=>l({perPage:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:f,onChange:e=>l({showAvatars:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:g,onChange:e=>l({showSort:e})}),(0,x.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:w,onChange:e=>l({showOpml:e})})]})}),I&&(0,x.jsx)(N,{onImport:e=>{const l=he(),o=e.filter(e=>{const t=_(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(S);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
-(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:_e}),te.help&&(0,x.jsxs)("p",{children:[te.help,te.helpUrl&&(0,x.jsxs)(x.Fragment,{children:[" ",(0,x.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,x.jsx)("p",{children:K}),!K&&!Z&&!!R.length&&(ke=R,(0,x.jsx)("ul",{className:"blockroll-editor-list",children:ke.map(e=>(0,x.jsxs)("li",{children:[f&&(e.photo?(0,x.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,x.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,x.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,x.jsx)("strong",{children:e.name||e.url}),(0,x.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,x.jsxs)("div",{className:"blockroll-editor",children:[(0,x.jsx)("div",{...be}),!me&&pe]})]});var ke},save:()=>(0,x.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
+(()=>{"use strict";var e={669(e,l,t){const o=window.wp.blocks,n=window.wp.blockEditor,r=JSON.parse('{"UU":"blockroll/blogroll","xY":{"html":false,"align":true,"anchor":true,"color":{"text":true,"background":true,"link":true,"gradients":true},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}},"uK":{"anchor":{"type":"string"},"links":{"type":"array","default":[]},"source":{"type":"string","default":"manual"},"sortBy":{"type":"string","default":"name","enum":["name","added","manual"]},"perPage":{"type":"number","default":0},"showAvatars":{"type":"boolean","default":true},"showSort":{"type":"boolean","default":true},"showOpml":{"type":"boolean","default":true}}}'),s=window.wp.i18n,a=window.wp.element,i=window.wp.data,c=window.wp.compose,u=window.wp.components,d=window.wp.apiFetch;var h=t.n(d);const p=window.wp.notices,m=window.wp.escapeHtml,b=JSON.parse('{"UU":"blockroll/link"}').UU;function _(e){return(e||[]).some(e=>b===e.name)}function f(e,l){return{...e,name:e.name||l.name,description:e.description||l.description,feedUrl:e.feedUrl||l.feedUrl,photo:e.photo||l.photo}}function k(e){return String(e||"").trim().toLowerCase().replace(/^[a-z][a-z0-9+.-]*:\/\//,"").replace(/^www\./,"").replace(/\/+$/,"")}function g(e,l){return h()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:l})}function x(e){return"AbortError"===e?.name}function w(){const e=(0,a.useRef)();return(0,a.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}const v=window.ReactJSXRuntime;function j({value:e,onChange:l,onSubmit:t,isBusy:o,message:n,buttonLabel:r}){return(0,v.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),o||t()},children:[(0,v.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,help:n,className:n?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:o,onChange:l}),(0,v.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:o,"aria-disabled":o,disabled:!e.trim(),children:r||(0,s.__)("Add","blockroll")})]})}const y=()=>{};function S({anchor:e,onAdd:l,isKnown:t,onClose:o}){const[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(!1),[d,h]=(0,a.useState)(null),[p,m]=(0,a.useState)(!1),[b,_]=(0,a.useState)(!1),k=w();let S=d;return p?S=(0,s.__)("This site is in the list already.","blockroll"):b&&(S=(0,s.__)("Only web addresses can be added.","blockroll")),(0,v.jsx)(u.Popover,{anchor:e,placement:"bottom-start",offset:8,onClose:o,onFocusOutside:y,focusOnMount:"firstElement",className:"blockroll-add-link",children:(0,v.jsx)(j,{value:n,onChange:e=>{r(e),h(null),m(!1),_(!1)},onSubmit:()=>{const e=function(e){const l=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(l)&&!/^[^:/?#]+:\d/.test(l)?l:`https://${l}`}(n);!function(e){try{const{protocol:l,hostname:t}=new URL(String(e||"").trim());return/^https?:$/i.test(l)&&""!==t}catch{return!1}}(e)?_(!0):t(e)?m(!0):d?l({url:e}):(c(!0),function(e,l){return g(e,l).then(l=>f({url:e},l))}(e,k.current.signal).then(l,e=>{x(e)||(h(e.message||(0,s.__)("The site could not be reached.","blockroll")),c(!1))}))},isBusy:i,message:S,buttonLabel:d?(0,s.__)("Add anyway","blockroll"):void 0})})}function C(e){return(0,o.createBlock)(b,e)}const B=window.wp.primitives;var N=(0,v.jsx)(B.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,v.jsx)(B.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"})});function O({onImport:e,onClose:l}){const[t,o]=(0,a.useState)(""),[n,r]=(0,a.useState)(""),[i,c]=(0,a.useState)(""),[d,p]=(0,a.useState)(!1),[m,b]=(0,a.useState)(!1),[_,k]=(0,a.useState)(null),[j,y]=(0,a.useState)(null),S=w(),C=e=>{e&&(e.text().then(o),r(e.name))},B={file:(0,v.jsxs)("div",{className:"blockroll-import-upload",children:[(0,v.jsx)(u.DropZone,{onFilesDrop:e=>C(e[0])}),(0,v.jsx)(u.FormFileUpload,{__next40pxDefaultSize:!0,accept:".opml,.xml,text/xml,text/x-opml",icon:N,variant:"secondary",onChange:e=>C(e.target.files?.[0]),children:n||(0,s.__)("Choose or drop a file","blockroll")})]}),paste:(0,v.jsx)(u.TextareaControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("File content","blockroll"),hideLabelFromVision:!0,rows:6,value:t,onChange:e=>{o(e),r("")}}),url:(0,v.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Address","blockroll"),hideLabelFromVision:!0,type:"url",placeholder:"https://example.com/subscriptions.opml",value:i,onChange:c})};return(0,v.jsx)(u.Modal,{title:(0,s.__)("Import links","blockroll"),size:"medium",onRequestClose:l,focusOnMount:"firstContentElement",children:(0,v.jsxs)("div",{className:"blockroll-form",children:[j&&(0,v.jsx)(u.Notice,{status:"error",isDismissible:!1,children:j}),(0,v.jsx)("p",{className:"blockroll-import-intro",children:(0,s.__)("Import the subscription list of your feed reader (an OPML file).","blockroll")}),(0,v.jsx)(u.TabPanel,{tabs:[{name:"file",title:(0,s.__)("Upload","blockroll")},{name:"paste",title:(0,s.__)("Paste","blockroll")},{name:"url",title:(0,s.__)("Address","blockroll")}],children:e=>(0,v.jsx)("div",{className:"blockroll-import-tab",children:B[e.name]})}),(0,v.jsx)(u.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Fetch details for imported links","blockroll"),help:(0,s.__)("Looks up names, descriptions, and images. Takes a moment for long lists.","blockroll"),checked:d,onChange:p}),(0,v.jsxs)("div",{className:"blockroll-form__footer",children:[null!==_&&(0,v.jsx)("span",{children:(0,s.sprintf)(/* translators: %d: number of links processed. */ /* translators: %d: number of links processed. */
+(0,s.__)("%d links processed…","blockroll"),_)}),(0,v.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"tertiary",onClick:l,children:(0,s.__)("Cancel","blockroll")}),(0,v.jsx)(u.Button,{__next40pxDefaultSize:!0,variant:"primary",isBusy:m,disabled:!t&&!i||m,onClick:async()=>{b(!0),y(null);try{const o=t?{opml:t}:{url:i},{links:n}=await h()({path:"/blockroll/v1/import",method:"POST",data:o,signal:S.current.signal}),r=d?await async function(e,l,t){const o=[];for(const n of e){try{o.push(f(n,await g(n.url,t)))}catch(e){if(x(e))throw e;o.push(n)}l(o.length)}return o}(n,k,S.current.signal):n;e(r),l()}catch(e){if(x(e))return;y(e.message||(0,s.__)("The file could not be imported.","blockroll")),b(!1),k(null)}},children:(0,s.__)("Import","blockroll")})]})]})})}const A=window.wp.url;function M(e){return(0,A.cleanForSlug)(e)||"blogroll"}function H(e,l){let t=e,o=0;for(;l.includes(t);)o+=1,t=`${e}-${o}`;return t}const T=(e,l)=>e.getBlockOrder(l).filter(l=>b===e.getBlockName(l)),P=[{attributes:r.uK,supports:r.xY,save:()=>null,isEligible:function(e,l){return function(e){return Array.isArray(e?.links)&&e.links.length>0}(e)&&!_(l)},migrate:(e,l)=>{const[t,o]=function(e){return[{...e,links:[]},(e.links||[]).filter(e=>e?.url)]}(e),n=l||[];return[t,_(n)?n:[...n,...o.map(C)]]}}];var D=(0,v.jsx)(B.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,v.jsx)(B.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})});(0,o.registerBlockType)(r.UU,{icon:D,edit:function({attributes:e,setAttributes:l,clientId:t,isSelected:o}){const{anchor:r,source:d,sortBy:_,perPage:f,showAvatars:g,showSort:x,showOpml:w,metadata:j}=e,y=j?.name||"",B=(0,i.useRegistry)(),{__unstableMarkNextChangeAsNotPersistent:N}=(0,i.useDispatch)(n.store),A=()=>{const{getClientIdsWithDescendants:e,getBlockAttributes:l}=B.select(n.store);return e().filter(e=>e!==t).map(e=>l(e)?.anchor).filter(Boolean)};(0,a.useEffect)(()=>{if(!r)return N(),void l({anchor:H(M(y),A())});if(o)return;const e=A();e.includes(r)&&(N(),l({anchor:H(r,e)}))},[r,o]);const P=(0,a.useRef)(y);(0,a.useEffect)(()=>{if(P.current===y)return;const e=!r||function(e,l){const t=M(l);return e===t||e.startsWith(t+"-")&&/^\d+$/.test(e.slice(t.length+1))}(r,P.current);P.current=y,e&&l({anchor:H(M(y),A())})},[y]);const D=(0,i.useSelect)(e=>{const{getClientIdsWithDescendants:l,getBlockAttributes:s,getSelectedBlockClientId:a}=e(n.store);if(!r||o)return!1;const i=a();return l().some(e=>e!==t&&e!==i&&s(e)?.anchor===r)},[t,r,o]),{createWarningNotice:L,removeNotice:U}=(0,i.useDispatch)(p.store),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{z.current&&(U(z.current),z.current=null),D&&(z.current=`blockroll-anchor-${r}`,L((0,s.sprintf)(/* translators: %s: the anchor of the blocks */ /* translators: %s: the anchor of the blocks */
+(0,s.__)("A Blogroll block and another block on this page both use the anchor <code>#%s</code>. Change the HTML anchor under Advanced, so that each block has its own.","blockroll"),(0,m.escapeHTML)(r)),{id:z.current,isDismissible:!0,__unstableHTML:!0}))},[D,r]),(0,a.useEffect)(()=>()=>{z.current&&U(z.current)},[]);const[I,E]=(0,a.useState)(!1),[F,V]=(0,a.useState)([{label:(0,s.__)("Manual links","blockroll"),value:"manual"}]),[R,$]=(0,a.useState)([]),[Z,J]=(0,a.useState)(!1),[K,W]=(0,a.useState)(null),[G,Y]=(0,a.useState)(!1),q="manual",X=F.some(e=>d===e.value),Q=!d||G&&!X?q:d,ee=JSON.stringify(e),le=F.filter(e=>q!==e.value),te=F.find(e=>Q===e.value)||F[0];(0,a.useEffect)(()=>{h()({path:"/blockroll/v1/sources"}).then(e=>{Array.isArray(e)&&(V(e),Y(!0))}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=!0;return q===Q?($([]),W(null),J(!1),()=>{e=!1}):(J(!0),W(null),h()({path:`/blockroll/v1/sources/${Q}/links?attributes=`+encodeURIComponent(ee)}).then(l=>{e&&$(Array.isArray(l)?l:[])}).catch(l=>{e&&($([]),W(l.message||(0,s.__)("The source preview could not be loaded.","blockroll")))}).finally(()=>{e&&J(!1)}),()=>{e=!1})},[Q,ee]);const oe=(0,i.useSelect)(e=>e(n.store).getBlockCount(t),[t]),ne=(0,i.useSelect)(e=>T(e(n.store),t).length,[t]),{insertBlock:re,insertBlocks:se}=(0,i.useDispatch)(n.store),[ae,ie]=(0,a.useState)(!1),[ce,ue]=(0,a.useState)(),de=(0,c.__experimentalUseFocusOutside)(()=>ie(!1)),he=()=>{const e=B.select(n.store);return new Set(T(e,t).map(l=>k(e.getBlockAttributes(l)?.url)))};(0,a.useEffect)(()=>{G&&!X&&q!==d&&ne&&(N(),l({source:q}))},[G,X,d,ne]);const pe=(0,v.jsxs)("div",{className:"blockroll-editor-actions",children:[(0,v.jsxs)("span",{...de,children:[(0,v.jsx)(u.Button,{variant:"primary",ref:ue,"aria-expanded":ae,onClick:()=>ie(!ae),children:(0,s.__)("Add link","blockroll")}),ae&&(0,v.jsx)(S,{anchor:ce,onAdd:e=>{re(C({...e,added:(new Date).toISOString().slice(0,10)}),void 0,t),ie(!1)},isKnown:e=>he().has(k(e)),onClose:()=>ie(!1)})]}),(0,v.jsx)(u.Button,{variant:"secondary",onClick:()=>E(!0),children:(0,s.__)("Import links","blockroll")}),!ne&&le.map(e=>(0,v.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:e.value}),children:(0,s.sprintf)(/* translators: %s: Source name. */ /* translators: %s: Source name. */
+(0,s.__)("Use %s","blockroll"),e.label)},e.value))]});let me=null;q!==Q||oe||(me=(0,v.jsx)(u.Placeholder,{icon:"admin-links",label:(0,s.__)("Blogroll","blockroll"),instructions:(0,s.__)("Share a list of the blogs and sites you follow.","blockroll"),children:pe}));const be=(0,n.useInnerBlocksProps)({className:"blockroll-editor-links"},{allowedBlocks:[b],templateLock:!1,renderAppender:!1,placeholder:me}),_e=(0,v.jsx)("div",{className:"blockroll-editor-actions",children:(0,v.jsx)(u.Button,{variant:"secondary",onClick:()=>l({source:q}),children:(0,s.__)("Use manual links","blockroll")})}),fe=(0,n.useBlockProps)();return(0,v.jsxs)("div",{...fe,children:[(0,v.jsx)(n.InspectorControls,{children:(0,v.jsxs)(u.PanelBody,{title:(0,s.__)("Blogroll settings","blockroll"),children:[(0,v.jsx)(u.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Name","blockroll"),help:(0,a.createInterpolateElement)((0,s.sprintf)(/* translators: %s: the anchor of the block */ /* translators: %s: the anchor of the block */
+(0,s.__)("Groups this list when a page has more than one blogroll, and sets its anchor: <code>#%s</code>. Renaming the block does the same. The HTML anchor can be changed under Advanced.","blockroll"),r||M(y)),{code:(0,v.jsx)("code",{})}),placeholder:(0,s.__)("Blogroll","blockroll"),value:y,onChange:e=>{const t={...j};e?t.name=e:delete t.name,l({metadata:Object.keys(t).length?t:void 0})}}),(0,v.jsx)(u.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Sort by","blockroll"),value:_,options:[{label:(0,s.__)("Name","blockroll"),value:"name"},{label:(0,s.__)("Newest first","blockroll"),value:"added"},{label:(0,s.__)("List order","blockroll"),value:"manual"}],onChange:e=>l({sortBy:e})}),(0,v.jsx)(u.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,s.__)("Links per page","blockroll"),help:(0,s.__)("0 shows all links on one page.","blockroll"),min:0,max:50,value:f,onChange:e=>l({perPage:e})}),(0,v.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show images","blockroll"),checked:g,onChange:e=>l({showAvatars:e})}),(0,v.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Let visitors sort the list","blockroll"),checked:x,onChange:e=>l({showSort:e})}),(0,v.jsx)(u.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,s.__)("Show download link","blockroll"),help:(0,s.__)("Links to the list as an OPML file.","blockroll"),checked:w,onChange:e=>l({showOpml:e})})]})}),I&&(0,v.jsx)(O,{onImport:e=>{const l=he(),o=e.filter(e=>{const t=k(e.url);return!(!t||l.has(t)||(l.add(t),0))}).map(C);o.length&&se(o,void 0,t)},onClose:()=>E(!1)}),q!==Q?(0,v.jsxs)("div",{className:"blockroll-editor",children:[(0,v.jsx)(u.Placeholder,{icon:"admin-links",label:te.label,instructions:Z?(0,s.__)("Loading source preview…","blockroll"):(0,s.sprintf)(/* translators: %d: Number of previewed links. */ /* translators: %d: Number of previewed links. */
+(0,s.__)("%d links will be shown when the block is rendered.","blockroll"),R.length),children:_e}),te.help&&(0,v.jsxs)("p",{children:[te.help,te.helpUrl&&(0,v.jsxs)(v.Fragment,{children:[" ",(0,v.jsx)("a",{href:te.helpUrl,children:(0,s.__)("Manage source","blockroll")})]})]}),K&&(0,v.jsx)("p",{children:K}),!K&&!Z&&!!R.length&&(ke=R,(0,v.jsx)("ul",{className:"blockroll-editor-list",children:ke.map(e=>(0,v.jsxs)("li",{children:[g&&(e.photo?(0,v.jsx)("img",{src:e.photo,alt:"",width:"32",height:"32"}):(0,v.jsx)("span",{className:"blockroll-editor-list__no-photo"})),(0,v.jsxs)("span",{className:"blockroll-editor-list__text",children:[(0,v.jsx)("strong",{children:e.name||e.url}),(0,v.jsxs)("small",{children:[e.url,e.xfn?.length>0&&" · "+e.xfn.join(" ")]})]})]},e.url))}))]}):(0,v.jsxs)("div",{className:"blockroll-editor",children:[(0,v.jsx)("div",{...be}),!me&&pe]})]});var ke},save:()=>(0,v.jsx)(n.InnerBlocks.Content,{}),deprecated:P})}};const l={};function t(o){const n=l[o];if(void 0!==n)return n.exports;const r=l[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.m=e,(()=>{const e=[];t.O=(l,o,n,r)=>{if(o){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[o,n,r])}let a=1/0;for(s=0;s<e.length;s++){let[o,n,r]=e[s],c=!0;for(var i=0;i<o.length;i++)(!1&r||a>=r)&&Object.keys(t.O).every(e=>t.O[e](o[i]))?o.splice(i--,1):(c=!1,r<a&&(a=r));if(c){e.splice(s--,1);const t=n();void 0!==t&&(l=t)}}return l}})(),t.n=e=>{const l=e&&e.__esModule?()=>e.default:()=>e;return t.d(l,{a:l}),l},t.d=(e,l)=>{if(Array.isArray(l))for(var o=0;o<l.length;){var n=l[o++],r=l[o++];t.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:l[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in l)t.o(l,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:l[n]})},t.o=(e,l)=>Object.hasOwn(e,l),(()=>{const e={39:0,375:0};t.O.j=l=>0===e[l];const l=(l,o)=>{let[n,r,s]=o;var a,i,c=0;if(n.some(l=>0!==e[l])){for(a in r)t.o(r,a)&&(t.m[a]=r[a]);if(s)var u=s(t)}for(l&&l(o);c<n.length;c++)i=n[c],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(u)},o=globalThis.webpackChunkwordpress_blockroll||=[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();let o=t.O(void 0,[375],()=>t(669));o=t.O(o)})();
\ No newline at end of file
diff --git a/build/link/index.asset.php b/build/link/index.asset.php
index 8fce234..597d548 100644
--- a/build/link/index.asset.php
+++ b/build/link/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'fe43d77e8f1b3974e23c');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '04539ce9911617c2f240');
diff --git a/build/link/index.js b/build/link/index.js
index 51a55fc..c98a2ff 100644
--- a/build/link/index.js
+++ b/build/link/index.js
@@ -1 +1 @@
-(()=>{"use strict";const e={n:o=>{const n=o&&o.__esModule?()=>o.default:()=>o;return e.d(n,{a:n}),n},d:(o,n)=>{if(Array.isArray(n))for(var t=0;t<n.length;){var l=n[t++],r=n[t++];e.o(o,l)?0===r&&t++:0===r?Object.defineProperty(o,l,{enumerable:!0,value:n[t++]}):Object.defineProperty(o,l,{enumerable:!0,get:r})}else for(var l in n)e.o(n,l)&&!e.o(o,l)&&Object.defineProperty(o,l,{enumerable:!0,get:n[l]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,n=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,l=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:n,isBusy:l,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l||n()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:l,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:l,"aria-disabled":l,disabled:!e.trim(),children:s||(0,t.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let n=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(n=n.filter(o=>!m[e].includes(o)));return[...n,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){try{const{protocol:o,hostname:n}=new URL(String(e||"").trim());return/^https?:$/i.test(o)&&""!==n}catch{return!1}}const v=()=>{};function k({isOpen:e,onToggle:o,onClose:n,className:t,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,l.useState)(),m=(0,r.__experimentalUseFocusOutside)(n);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:t,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:n,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(n.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:n,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[y,O]=(0,l.useState)(""),[N,B]=(0,l.useState)(!1),[F,T]=(0,l.useState)(null),M=(0,l.useRef)(S);M.current=S;const A=function(){const e=(0,l.useRef)();return(0,l.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[U,R]=(0,l.useState)(null),H=()=>R(null),z=(0,r.__experimentalUseFocusOutside)(H),[P,L]=(0,l.useState)(),[D,V]=(0,l.useState)(null),E=()=>V(null),I=e=>V(e===D?null:e),q=(0,l.useRef)({}),G=n["blockroll/showAvatars"]??!0,Z=i||!!v,J=i||C.length>0,$=(0,s.useBlockProps)({className:m?"h-card":void 0}),X=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),K=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(y);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,A.current.signal).then(e=>{o({...e,added:M.current||_()}),B(!1)},n=>{(function(e){return"AbortError"===e?.name})(n)||(o({url:e,added:M.current||_()}),B(!1))})):T((0,t.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...$,children:[K,(0,c.jsx)(h,{value:y,message:F,onChange:e=>{O(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[K,(0,c.jsxs)("div",{...$,children:[G&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&q.current.isOpen&&q.current.onToggle()}},renderToggle:({children:e,...o})=>(q.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:X}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...z,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,t.__)("Link","blockroll"),isActive:!!U,onClick:()=>R("toolbar"===U?null:"toolbar")})}),i&&U&&(0,c.jsx)(a.Popover,{anchor:P,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===U&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const n=e.url||"";o({url:!n||w(n)?n:m,name:e.title??p}),H()},onCancel:H})},U),(0,c.jsx)(s.RichText,{ref:L,onFocus:()=>R("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>o({description:e})}),(Z||J)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[Z&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===D,onToggle:()=>I("feed"),onClose:E,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),v?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),Z&&J&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),J&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===D,onToggle:()=>I("xfn"),onClose:E,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
+(()=>{"use strict";const e={n:o=>{const n=o&&o.__esModule?()=>o.default:()=>o;return e.d(n,{a:n}),n},d:(o,n)=>{if(Array.isArray(n))for(var t=0;t<n.length;){var l=n[t++],r=n[t++];e.o(o,l)?0===r&&t++:0===r?Object.defineProperty(o,l,{enumerable:!0,value:n[t++]}):Object.defineProperty(o,l,{enumerable:!0,get:r})}else for(var l in n)e.o(n,l)&&!e.o(o,l)&&Object.defineProperty(o,l,{enumerable:!0,get:n[l]})},o:(e,o)=>Object.hasOwn(e,o)},o=window.wp.blocks,n=JSON.parse('{"UU":"blockroll/link"}'),t=window.wp.i18n,l=window.wp.element,r=window.wp.compose,s=window.wp.blockEditor,a=window.wp.components,i=window.wp.primitives,c=window.ReactJSXRuntime;var u=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),d=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"})});function h({value:e,onChange:o,onSubmit:n,isBusy:l,message:r,buttonLabel:s}){return(0,c.jsxs)("form",{className:"blockroll-form__row",onSubmit:e=>{e.preventDefault(),l||n()},children:[(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Address","blockroll"),hideLabelFromVision:!0,help:r,className:r?"has-message":void 0,placeholder:"example.com",type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:e,readOnly:l,onChange:o}),(0,c.jsx)(a.Button,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",isBusy:l,"aria-disabled":l,disabled:!e.trim(),children:s||(0,t.__)("Add","blockroll")})]})}const m={friendship:["friend","acquaintance","contact"],physical:["met"],professional:["co-worker","colleague"],geographical:["co-resident","neighbor"],family:["child","parent","sibling","spouse","kin"],romantic:["muse","crush","date","sweetheart"],identity:["me"]},p=["friendship","geographical","family"],f=Object.values(m).flat();function x({value:e=[],onChange:o}){return(0,c.jsx)(a.FormTokenField,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,__experimentalExpandOnFocus:!0,label:(0,t.__)("Relationship","blockroll"),value:e,suggestions:f,onChange:e=>o(function(e){return e.filter(e=>f.includes(e)).reduce((e,o)=>function(e,o){if("me"===o)return["me"];let n=e.filter(e=>"me"!==e);for(const e of p)m[e].includes(o)&&(n=n.filter(o=>!m[e].includes(o)));return[...n,o]}(e,o),[])}(e))})}const b=window.wp.apiFetch;var g=e.n(b);function _(){return(new Date).toISOString().slice(0,10)}function w(e){try{const{protocol:o,hostname:n}=new URL(String(e||"").trim());return/^https?:$/i.test(o)&&""!==n}catch{return!1}}n.UU;const v=()=>{};function k({isOpen:e,onToggle:o,onClose:n,className:t,focusOnMount:s="firstElement",label:i,children:u}){const[d,h]=(0,l.useState)(),m=(0,r.__experimentalUseFocusOutside)(n);return(0,c.jsxs)("span",{...m,children:[(0,c.jsx)(a.Button,{className:t,ref:h,"aria-expanded":e,onClick:o,children:i}),e&&(0,c.jsx)(a.Popover,{anchor:d,placement:"bottom-start",shift:!0,onClose:n,onFocusOutside:v,focusOnMount:s,className:"blockroll-link__meta-overlay",children:u})]})}const j=()=>{};var C=(0,c.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:(0,c.jsx)(i.Path,{d:"M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});(0,o.registerBlockType)(n.UU,{icon:C,edit:function({attributes:e,setAttributes:o,context:n,isSelected:i}){const{url:m,name:p,description:f,photo:b,feedUrl:v,xfn:C,added:S}=e,[y,O]=(0,l.useState)(""),[N,B]=(0,l.useState)(!1),[F,T]=(0,l.useState)(null),U=(0,l.useRef)(S);U.current=S;const M=function(){const e=(0,l.useRef)();return(0,l.useEffect)(()=>(e.current=new AbortController,()=>e.current.abort()),[]),e}(),[A,R]=(0,l.useState)(null),H=()=>R(null),z=(0,r.__experimentalUseFocusOutside)(H),[P,L]=(0,l.useState)(),[D,V]=(0,l.useState)(null),E=()=>V(null),I=e=>V(e===D?null:e),q=(0,l.useRef)({}),G=n["blockroll/showAvatars"]??!0,Z=i||!!v,J=i||C.length>0,$=(0,s.useBlockProps)({className:m?"h-card":void 0}),X=b?(0,c.jsx)("img",{className:"u-photo",src:b,alt:""}):(0,c.jsx)("span",{className:"blockroll-no-photo"}),K=(0,c.jsx)(s.InspectorControls,{children:(0,c.jsx)(a.PanelBody,{title:(0,t.__)("Link settings","blockroll"),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Added","blockroll"),help:(0,t.__)("Used when the list is sorted newest first.","blockroll"),type:"date",value:S,onChange:e=>o({added:e})})})});if(!m){const e=()=>{const e=function(e){const o=e.trim();return/^[a-z][a-z0-9+.-]*:/i.test(o)&&!/^[^:/?#]+:\d/.test(o)?o:`https://${o}`}(y);w(e)?(B(!0),function(e,o){return function(e,o){return g()({path:"/blockroll/v1/discover",method:"POST",data:{url:e},signal:o})}(e,o).then(o=>function(e,o){return{...e,name:e.name||o.name,description:e.description||o.description,feedUrl:e.feedUrl||o.feedUrl,photo:e.photo||o.photo}}({url:e},o))}(e,M.current.signal).then(e=>{o({...e,added:U.current||_()}),B(!1)},n=>{(function(e){return"AbortError"===e?.name})(n)||(o({url:e,added:U.current||_()}),B(!1))})):T((0,t.__)("Only web addresses can be added.","blockroll"))};return(0,c.jsxs)("div",{...$,children:[K,(0,c.jsx)(h,{value:y,message:F,onChange:e=>{O(e),T(null)},onSubmit:e,isBusy:N})]})}return(0,c.jsxs)(c.Fragment,{children:[K,(0,c.jsxs)("div",{...$,children:[G&&(0,c.jsx)(s.MediaReplaceFlow,{mediaURL:b,allowedTypes:["image"],accept:"image/*",onSelect:e=>o({photo:e.url}),onSelectURL:e=>o({photo:e}),onReset:()=>o({photo:""}),popoverProps:{onFocusOutside:e=>{const o=e.target.ownerDocument.activeElement;!o?.closest('[role="dialog"]')&&q.current.isOpen&&q.current.onToggle()}},renderToggle:({children:e,...o})=>(q.current={isOpen:o["aria-expanded"],onToggle:o.onClick},(0,c.jsx)(a.Button,{...o,className:"blockroll-link__photo",label:(0,t.__)("Image","blockroll"),children:X}))}),(0,c.jsxs)("span",{className:"blockroll-link__name",...z,children:[(0,c.jsx)(s.BlockControls,{group:"block",children:(0,c.jsx)(a.ToolbarButton,{icon:u,title:(0,t.__)("Link","blockroll"),isActive:!!A,onClick:()=>R("toolbar"===A?null:"toolbar")})}),i&&A&&(0,c.jsx)(a.Popover,{anchor:P,placement:"bottom-start",shift:!0,onClose:H,onFocusOutside:j,focusOnMount:"toolbar"===A&&"firstElement",children:(0,c.jsx)(s.LinkControl,{value:{url:m,title:p},settings:[],hasTextControl:!0,forceIsEditingLink:!0,showInitialSuggestions:!1,onChange:e=>{const n=e.url||"";o({url:!n||w(n)?n:m,name:e.title??p}),H()},onCancel:H})},A),(0,c.jsx)(s.RichText,{ref:L,onFocus:()=>R("name"),disableLineBreaks:!0,tagName:"a",className:"u-url p-name",href:w(m)?m:void 0,value:p,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Site name","blockroll"),onChange:e=>o({name:e})})]}),(i||f)&&(0,c.jsx)(s.RichText,{disableLineBreaks:!0,tagName:"p",className:"p-note",value:f,allowedFormats:[],withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Description","blockroll"),onChange:e=>o({description:e})}),(Z||J)&&(0,c.jsxs)("div",{className:"blockroll-meta",children:[Z&&(0,c.jsx)(k,{className:"blockroll-feed blockroll-link__meta-button",isOpen:"feed"===D,onToggle:()=>I("feed"),onClose:E,label:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Icon,{icon:d,className:"blockroll-feed-icon"}),v?(0,t.__)("feed","blockroll"):(0,t.__)("Add feed","blockroll")]}),children:(0,c.jsx)(a.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Feed address","blockroll"),help:(0,t.__)("The RSS or Atom feed of the site, for readers who subscribe to your list.","blockroll"),type:"url",value:v,onChange:e=>o({feedUrl:e})})}),Z&&J&&(0,c.jsx)("span",{className:"blockroll-divider","aria-hidden":"true",children:"·"}),J&&(0,c.jsx)(k,{className:"blockroll-link__meta-button",isOpen:"xfn"===D,onToggle:()=>I("xfn"),onClose:E,focusOnMount:!0,label:C.length>0?(0,c.jsx)("span",{className:"blockroll-xfn",children:C.map(e=>(0,c.jsx)("span",{children:e},e))}):(0,t.__)("Add relationship","blockroll"),children:(0,c.jsx)("div",{ref:e=>e&&e.ownerDocument.defaultView.requestAnimationFrame(()=>e.querySelector("input")?.focus()),children:(0,c.jsx)(x,{value:C,onChange:e=>o({xfn:e})})})})]})]})]})},save:()=>null})})();
\ No newline at end of file
diff --git a/src/blogroll/__tests__/deprecated.test.js b/src/blogroll/__tests__/deprecated.test.js
new file mode 100644
index 0000000..71968dc
--- /dev/null
+++ b/src/blogroll/__tests__/deprecated.test.js
@@ -0,0 +1,38 @@
+/**
+ * Internal dependencies
+ */
+import { hasLinkBlocks, isLegacyList } from '../utils';
+
+const link = ( url ) => ( { name: 'blockroll/link', attributes: { url } } );
+const paragraph = { name: 'core/paragraph', attributes: {} };
+const legacy = { links: [ { url: 'https://a.example/', name: 'A' } ] };
+
+describe( 'hasLinkBlocks', () => {
+	it( 'counts link blocks only', () => {
+		expect( hasLinkBlocks( [ link( 'https://a.example/' ) ] ) ).toBe( true );
+		expect( hasLinkBlocks( [ paragraph ] ) ).toBe( false );
+		expect( hasLinkBlocks( [] ) ).toBe( false );
+		expect( hasLinkBlocks( undefined ) ).toBe( false );
+	} );
+} );
+
+describe( 'isLegacyList', () => {
+	it( 'is a list with links in the attribute and none as blocks', () => {
+		expect( isLegacyList( legacy, [] ) ).toBe( true );
+	} );
+
+	it( 'is one even when something else is in it', () => {
+		expect( isLegacyList( legacy, [ paragraph ] ) ).toBe( true );
+	} );
+
+	it( 'is not one when the links are blocks already', () => {
+		expect( isLegacyList( legacy, [ link( 'https://b.example/' ) ] ) ).toBe(
+			false
+		);
+	} );
+
+	it( 'is not one without links in the attribute', () => {
+		expect( isLegacyList( { links: [] }, [] ) ).toBe( false );
+		expect( isLegacyList( {}, [] ) ).toBe( false );
+	} );
+} );
diff --git a/src/blogroll/deprecated.js b/src/blogroll/deprecated.js
index 7e5fbb8..ebdc145 100644
--- a/src/blogroll/deprecated.js
+++ b/src/blogroll/deprecated.js
@@ -2,8 +2,8 @@
  * Internal dependencies
  */
 import metadata from './block.json';
-import { createLinkBlock, LINK_BLOCK } from './link-block';
-import { hasLegacyLinks, migrateLinks } from './utils';
+import { createLinkBlock } from './link-block';
+import { hasLinkBlocks, isLegacyList, migrateLinks } from './utils';
 
 /**
  * Before 2.0 the links were an attribute of the blogroll; now each is a
@@ -17,24 +17,11 @@ import { hasLegacyLinks, migrateLinks } from './utils';
  * links as blocks already, which is why migrate keeps them.
  */
 
-/**
- * Whether a blogroll holds its links as blocks already.
- *
- * Only link blocks count. Anything else a hand-edited post has in there
- * stays where it is; the server ignores it, too.
- *
- * @param {Object[]} innerBlocks Inner blocks of the blogroll.
- * @return {boolean} True when there is a link block.
- */
-const hasLinkBlocks = ( innerBlocks ) =>
-	( innerBlocks || [] ).some( ( block ) => LINK_BLOCK === block.name );
-
 const v1 = {
 	attributes: metadata.attributes,
 	supports: metadata.supports,
 	save: () => null,
-	isEligible: ( attributes, innerBlocks ) =>
-		hasLegacyLinks( attributes ) && ! hasLinkBlocks( innerBlocks ),
+	isEligible: isLegacyList,
 	migrate: ( attributes, innerBlocks ) => {
 		const [ next, links ] = migrateLinks( attributes );
 		const children = innerBlocks || [];
diff --git a/src/blogroll/edit.js b/src/blogroll/edit.js
index 78b7b5f..6c599e8 100644
--- a/src/blogroll/edit.js
+++ b/src/blogroll/edit.js
@@ -33,8 +33,8 @@ import { escapeHTML } from '@wordpress/escape-html';
  * Internal dependencies
  */
 import AddLink from './components/add-link';
-import { createLinkBlock, LINK_BLOCK } from './link-block';
-import { siteKey, today } from './utils';
+import { createLinkBlock } from './link-block';
+import { LINK_BLOCK, siteKey, today } from './utils';
 import ImportModal from './components/import-modal';
 import { isGeneratedFrom, slugOf, uniqueAnchor } from './anchors';
 
@@ -494,8 +494,10 @@ export default function Edit( {
 		</ul>
 	);
 
+	const blockProps = useBlockProps();
+
 	return (
-		<div { ...useBlockProps() }>
+		<div { ...blockProps }>
 			<InspectorControls>
 				<PanelBody title={ __( 'Blogroll settings', 'blockroll' ) }>
 					<TextControl
diff --git a/src/blogroll/link-block.js b/src/blogroll/link-block.js
index 1329e07..a813f0b 100644
--- a/src/blogroll/link-block.js
+++ b/src/blogroll/link-block.js
@@ -6,12 +6,7 @@ import { createBlock } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import metadata from '../link/block.json';
-
-/**
- * The block that holds one link of a blogroll.
- */
-export const LINK_BLOCK = metadata.name;
+import { LINK_BLOCK } from './utils';
 
 /**
  * A link block for a link, the way an import, a lookup or the old
diff --git a/src/blogroll/utils.js b/src/blogroll/utils.js
index 3266bff..779500f 100644
--- a/src/blogroll/utils.js
+++ b/src/blogroll/utils.js
@@ -1,3 +1,37 @@
+/**
+ * Internal dependencies
+ */
+import metadata from '../link/block.json';
+
+/**
+ * The block that holds one link of a blogroll.
+ */
+export const LINK_BLOCK = metadata.name;
+
+/**
+ * Whether a blogroll holds its links as blocks already. Only link blocks
+ * count; anything else a hand-edited post has in there is ignored, by the
+ * editor and by the server alike.
+ *
+ * @param {Object[]} innerBlocks Inner blocks of the blogroll.
+ * @return {boolean} True when there is a link block.
+ */
+export function hasLinkBlocks( innerBlocks ) {
+	return ( innerBlocks || [] ).some( ( block ) => LINK_BLOCK === block.name );
+}
+
+/**
+ * Whether a blogroll still has its links in the `links` attribute and
+ * none as blocks: the shape before 2.0, which the editor migrates.
+ *
+ * @param {Object}   attributes  Block attributes.
+ * @param {Object[]} innerBlocks Inner blocks of the blogroll.
+ * @return {boolean} True for a list to migrate.
+ */
+export function isLegacyList( attributes, innerBlocks ) {
+	return hasLegacyLinks( attributes ) && ! hasLinkBlocks( innerBlocks );
+}
+
 /**
  * Fill empty link fields with discovered values; existing values win.
  *