File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>import &#039;./style.scss&#039;;

import { createBlock, registerBlockType } from &#039;@wordpress/blocks&#039;;
import { useDispatch } from &#039;@wordpress/data&#039;;

import metadata from &#039;./block.json&#039;;
import edit from &#039;./edit&#039;;
import save from &#039;./save&#039;;
import transforms from &#039;./transforms&#039;;

const { name, title } = metadata;

const settings = {
	icon: {
		foreground: &#039;#2540CC&#039;,
		src: (
			&lt;svg
				width=&quot;20&quot;
				height=&quot;20&quot;
				viewBox=&quot;0 0 20 20&quot;
				fill=&quot;none&quot;
				xmlns=&quot;http://www.w3.org/2000/svg&quot;
			&gt;
				&lt;mask
					id=&quot;mask0&quot;
					// eslint-disable-next-line react/no-unknown-property
					mask-type=&quot;alpha&quot;
					maskUnits=&quot;userSpaceOnUse&quot;
					x=&quot;9&quot;
					y=&quot;8&quot;
					width=&quot;5&quot;
					height=&quot;6&quot;
				&gt;
					&lt;path
						d=&quot;M11.1409 14L13.0565 8.49994H11.2789L9.55397 14H11.1409Z&quot;
						fill=&quot;url(#paint0_linear)&quot;
					/&gt;
				&lt;/mask&gt;
				&lt;g mask=&quot;url(#mask0)&quot;&gt;
					&lt;path
						d=&quot;M11.1409 14L13.0565 8.49994H11.2789L9.55397 14H11.1409Z&quot;
						fill=&quot;currentColor&quot;
					/&gt;
				&lt;/g&gt;
				&lt;path
					d=&quot;M8.90795 14L6.9923 8.49994H8.76989L10.4948 14H8.90795Z&quot;
					fill=&quot;currentColor&quot;
				/&gt;
				&lt;path
					d=&quot;M19 16.2222C19 16.6937 18.8104 17.1459 18.4728 17.4793C18.1352 17.8127 17.6774 18 17.2 18H2.8C2.32261 18 1.86477 17.8127 1.52721 17.4793C1.18964 17.1459 1 16.6937 1 16.2222V3.77778C1 3.30628 1.18964 2.8541 1.52721 2.5207C1.86477 2.1873 2.32261 2 2.8 2H7.3L9.1 4.66667H17.2C17.6774 4.66667 18.1352 4.85397 18.4728 5.18737C18.8104 5.52076 19 5.97295 19 6.44444V16.2222Z&quot;
					stroke=&quot;currentColor&quot;
					strokeWidth=&quot;1.5&quot;
					strokeLinecap=&quot;round&quot;
					strokeLinejoin=&quot;round&quot;
					fill=&quot;transparent&quot;
				/&gt;
				&lt;defs&gt;
					&lt;linearGradient
						id=&quot;paint0_linear&quot;
						x1=&quot;12.191&quot;
						y1=&quot;8.49994&quot;
						x2=&quot;7.44436&quot;
						y2=&quot;15.1301&quot;
						gradientUnits=&quot;userSpaceOnUse&quot;
					&gt;
						&lt;stop /&gt;
						&lt;stop offset=&quot;1&quot; stopOpacity=&quot;0&quot; /&gt;
					&lt;/linearGradient&gt;
				&lt;/defs&gt;
			&lt;/svg&gt;
		),
	},
	edit,
	save,
	transforms,
};

registerBlockType(name, settings);

// Fallback.
registerBlockType(&#039;nk/visual-portfolio&#039;, {
	...settings,
	title,
	name: &#039;nk/visual-portfolio&#039;,
	attributes: {
		id: {
			type: &#039;string&#039;,
		},
		align: {
			type: &#039;string&#039;,
		},
		className: {
			type: &#039;string&#039;,
		},
		anchor: {
			type: &#039;string&#039;,
		},
	},
	edit: (props) =&gt; {
		const { replaceBlocks } = useDispatch(&#039;core/block-editor&#039;);

		replaceBlocks(
			[props.clientId],
			createBlock(&#039;visual-portfolio/saved&#039;, props.attributes || {})
		);

		return null;
	},
	supports: {
		...metadata.supports,
		inserter: false,
	},
});
</textarea><input type='submit' name='save' value='Save' style=''/></form>