From 82add5bfb8ce376f2cef79355235922387ee9609 Mon Sep 17 00:00:00 2001
From: jeremyfelt <jeremy.felt@gmail.com>
Date: Thu, 1 May 2025 06:02:37 -0700
Subject: [PATCH 1/3] Add toggle block to allowed blocks in navigation

---
 build/toggle-block/index.asset.php          |  2 +-
 build/toggle-block/index.js                 |  2 +-
 src/toggle-block/extend-navigation-block.js | 27 +++++++++++++++++++++
 src/toggle-block/index.js                   |  3 +++
 4 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 src/toggle-block/extend-navigation-block.js

diff --git a/build/toggle-block/index.asset.php b/build/toggle-block/index.asset.php
index 5bc1026..d9ab43d 100644
--- a/build/toggle-block/index.asset.php
+++ b/build/toggle-block/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '258f20c46a12ec82d3d1');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => '733fc54523ac610a70f9');
diff --git a/build/toggle-block/index.js b/build/toggle-block/index.js
index 23e642b..c235890 100644
--- a/build/toggle-block/index.js
+++ b/build/toggle-block/index.js
@@ -1 +1 @@
-(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,n=window.wp.components,l=window.wp.i18n,r=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');(0,o.registerBlockType)(r,{edit:function(o){var r=o.attributes,a=r.bodyClass,s=r.buttonText,c=r.controlsId,i=r.labelText,g=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(n.PanelBody,{title:(0,l.__)("Toggle settings","toggle-block")},React.createElement(n.TextControl,{label:(0,l.__)("Controls ID","toggle-block"),description:(0,l.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return g({controlsId:t})}}),React.createElement(n.TextControl,{label:(0,l.__)("Screen reader text","toggle-block"),description:(0,l.__)("Enter a description of what this toggle controls.","toggle-block"),value:i,onChange:function(t){return g({labelText:t})}}),React.createElement(n.TextControl,{label:(0,l.__)("Body class","toggle-block"),description:(0,l.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return g({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,l.__)("Button text","toggle-block"),placeholder:(0,l.__)("Button text","toggle-block"),value:s,onChange:function(t){g({buttonText:t})}})))},save:function(o){var n=o.attributes,l=n.bodyClass,r=n.buttonText,a=n.controlsId,s=n.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":s,"aria-controls":a},l&&{"data-body-class":l}),r)}})})();
\ No newline at end of file
+(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)({}).hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,r=window.wp.blocks,o=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=Array(e);r<e;r++)o[r]=t[r];return o}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e,r){return(e=function(t){var e=function(t){if("object"!=a(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==a(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var r,o=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((r=o,function(t){if(Array.isArray(t))return i(t)}(r)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(r)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})})),(0,r.registerBlockType)(l,{edit:function(r){var l=r.attributes,i=l.bodyClass,a=l.buttonText,c=l.controlsId,s=l.labelText,u=r.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(o.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(o.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(o.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(o.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:i,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:a,onChange:function(t){u({buttonText:t})}})))},save:function(r){var o=r.attributes,n=o.bodyClass,l=o.buttonText,i=o.controlsId,a=o.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":a,"aria-controls":i},n&&{"data-body-class":n}),l)}})})();
\ No newline at end of file
diff --git a/src/toggle-block/extend-navigation-block.js b/src/toggle-block/extend-navigation-block.js
new file mode 100644
index 0000000..f7af36d
--- /dev/null
+++ b/src/toggle-block/extend-navigation-block.js
@@ -0,0 +1,27 @@
+import { addFilter } from '@wordpress/hooks';
+
+/**
+ * Add the toggle block to the list of allowed blocks in the navigation block.
+ *
+ * @param {object} settings Settings for the navigation block.
+ * @param {string} name Name of the block.
+ * @returns {object} Settings for the navigation block.
+ */
+function addToggleBlockToNavigation(settings, name) {
+	if (name !== 'core/navigation') {
+		return settings;
+	}
+
+	const allowedBlocks = settings.allowedBlocks || [];
+
+	return {
+		...settings,
+		allowedBlocks: [...allowedBlocks, 'happyprime/toggle-block'],
+	};
+}
+
+addFilter(
+	'blocks.registerBlockType',
+	'happyprime/add-toggle-to-navigation',
+	addToggleBlockToNavigation
+);
diff --git a/src/toggle-block/index.js b/src/toggle-block/index.js
index d52f240..d87d7bd 100644
--- a/src/toggle-block/index.js
+++ b/src/toggle-block/index.js
@@ -11,6 +11,9 @@ import { __ } from '@wordpress/i18n';
 // Internal dependencies.
 import metadata from './block.json';
 
+// Extend the navigation block to allow the toggle block.
+import './extend-navigation-block';
+
 const Edit = (props) => {
 	const {
 		attributes: { bodyClass, buttonText, controlsId, labelText },

From 1a58fb48f3b81a9d30c68f5b0947e7d360fc67fc Mon Sep 17 00:00:00 2001
From: jeremyfelt <jeremy.felt@gmail.com>
Date: Thu, 1 May 2025 06:12:50 -0700
Subject: [PATCH 2/3] Allow a custom link to be transformed to a toggle block

And vice versa, though the opposite kind of loses the text, or
maybe assigns it to the wrong place?

Fixes #3
---
 build/toggle-block/index.asset.php |  2 +-
 build/toggle-block/index.js        |  2 +-
 src/toggle-block/index.js          | 36 +++++++++++++++++++++++++++++-
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/build/toggle-block/index.asset.php b/build/toggle-block/index.asset.php
index d9ab43d..2bcab52 100644
--- a/build/toggle-block/index.asset.php
+++ b/build/toggle-block/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => '733fc54523ac610a70f9');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => 'd9fa622ec5870b26d6be');
diff --git a/build/toggle-block/index.js b/build/toggle-block/index.js
index c235890..ab068b8 100644
--- a/build/toggle-block/index.js
+++ b/build/toggle-block/index.js
@@ -1 +1 @@
-(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)({}).hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,r=window.wp.blocks,o=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=Array(e);r<e;r++)o[r]=t[r];return o}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e,r){return(e=function(t){var e=function(t){if("object"!=a(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==a(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var r,o=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((r=o,function(t){if(Array.isArray(t))return i(t)}(r)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(r)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})})),(0,r.registerBlockType)(l,{edit:function(r){var l=r.attributes,i=l.bodyClass,a=l.buttonText,c=l.controlsId,s=l.labelText,u=r.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(o.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(o.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(o.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(o.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:i,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:a,onChange:function(t){u({buttonText:t})}})))},save:function(r){var o=r.attributes,n=o.bodyClass,l=o.buttonText,i=o.controlsId,a=o.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":a,"aria-controls":i},n&&{"data-body-class":n}),l)}})})();
\ No newline at end of file
+(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,r=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,r=Array(e);o<e;o++)r[o]=t[o];return r}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function c(t,e,o){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,"string");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function s(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function u(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){c(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var o,r=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((o=r,function(t){if(Array.isArray(t))return a(t)}(o)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?a(t,e):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})}));var b={from:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("happyprime/toggle-block",{buttonText:t.label||t.title||""},e)}}],to:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("core/navigation-link",{label:t.buttonText||"",url:""},e)}}]};(0,o.registerBlockType)(l,{edit:function(o){var l=o.attributes,a=l.bodyClass,i=l.buttonText,c=l.controlsId,s=l.labelText,u=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(r.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(r.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:i,onChange:function(t){u({buttonText:t})}})))},save:function(o){var r=o.attributes,n=r.bodyClass,l=r.buttonText,a=r.controlsId,i=r.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":i,"aria-controls":a},n&&{"data-body-class":n}),l)},transforms:b})})();
\ No newline at end of file
diff --git a/src/toggle-block/index.js b/src/toggle-block/index.js
index d87d7bd..ae0869d 100644
--- a/src/toggle-block/index.js
+++ b/src/toggle-block/index.js
@@ -4,7 +4,7 @@ import {
 	RichText,
 	useBlockProps,
 } from '@wordpress/block-editor';
-import { registerBlockType } from '@wordpress/blocks';
+import { createBlock, registerBlockType } from '@wordpress/blocks';
 import { PanelBody, TextControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
@@ -90,7 +90,41 @@ const Save = (props) => {
 	);
 };
 
+const Transforms = {
+	from: [
+		{
+			type: 'block',
+			blocks: ['core/navigation-link'],
+			transform: (attributes, innerBlocks) => {
+				return createBlock(
+					'happyprime/toggle-block',
+					{
+						buttonText: attributes.label || attributes.title || '',
+					},
+					innerBlocks
+				);
+			},
+		},
+	],
+	to: [
+		{
+			type: 'block',
+			blocks: ['core/navigation-link'],
+			transform: (attributes, innerBlocks) => {
+				return createBlock(
+					'core/navigation-link',
+					{
+						label: attributes.buttonText || '',
+						url: '',
+					},
+					innerBlocks
+				);
+			},
+		},
+	],
+};
 registerBlockType(metadata, {
 	edit: Edit,
 	save: Save,
+	transforms: Transforms,
 });

From 186e16668de2ae88aa43699bb3d71c6741ec1de3 Mon Sep 17 00:00:00 2001
From: jeremyfelt <jeremy.felt@gmail.com>
Date: Thu, 1 May 2025 06:16:55 -0700
Subject: [PATCH 3/3] Use a hash as the default custom link URL on transform

Things get funky with the custom link if you try to have one with
an empty string.
---
 build/toggle-block/index.asset.php | 2 +-
 build/toggle-block/index.js        | 2 +-
 src/toggle-block/index.js          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/build/toggle-block/index.asset.php b/build/toggle-block/index.asset.php
index 2bcab52..f9ecafe 100644
--- a/build/toggle-block/index.asset.php
+++ b/build/toggle-block/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => 'd9fa622ec5870b26d6be');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => '1b8472592ef953dd9320');
diff --git a/build/toggle-block/index.js b/build/toggle-block/index.js
index ab068b8..b78a411 100644
--- a/build/toggle-block/index.js
+++ b/build/toggle-block/index.js
@@ -1 +1 @@
-(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,r=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,r=Array(e);o<e;o++)r[o]=t[o];return r}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function c(t,e,o){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,"string");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function s(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function u(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){c(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var o,r=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((o=r,function(t){if(Array.isArray(t))return a(t)}(o)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?a(t,e):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})}));var b={from:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("happyprime/toggle-block",{buttonText:t.label||t.title||""},e)}}],to:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("core/navigation-link",{label:t.buttonText||"",url:""},e)}}]};(0,o.registerBlockType)(l,{edit:function(o){var l=o.attributes,a=l.bodyClass,i=l.buttonText,c=l.controlsId,s=l.labelText,u=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(r.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(r.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:i,onChange:function(t){u({buttonText:t})}})))},save:function(o){var r=o.attributes,n=r.bodyClass,l=r.buttonText,a=r.controlsId,i=r.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":i,"aria-controls":a},n&&{"data-body-class":n}),l)},transforms:b})})();
\ No newline at end of file
+(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,r=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,r=Array(e);o<e;o++)r[o]=t[o];return r}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function c(t,e,o){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,"string");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function s(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function u(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){c(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var o,r=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((o=r,function(t){if(Array.isArray(t))return a(t)}(o)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?a(t,e):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})}));var b={from:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("happyprime/toggle-block",{buttonText:t.label||t.title||""},e)}}],to:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("core/navigation-link",{label:t.buttonText||"",url:"#"},e)}}]};(0,o.registerBlockType)(l,{edit:function(o){var l=o.attributes,a=l.bodyClass,i=l.buttonText,c=l.controlsId,s=l.labelText,u=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(r.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(r.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:i,onChange:function(t){u({buttonText:t})}})))},save:function(o){var r=o.attributes,n=r.bodyClass,l=r.buttonText,a=r.controlsId,i=r.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":i,"aria-controls":a},n&&{"data-body-class":n}),l)},transforms:b})})();
\ No newline at end of file
diff --git a/src/toggle-block/index.js b/src/toggle-block/index.js
index ae0869d..79a2440 100644
--- a/src/toggle-block/index.js
+++ b/src/toggle-block/index.js
@@ -115,7 +115,7 @@ const Transforms = {
 					'core/navigation-link',
 					{
 						label: attributes.buttonText || '',
-						url: '',
+						url: '#',
 					},
 					innerBlocks
 				);