Refresh edit screen on post save if storage is set to Cloudinary Only

Author: Marco Pereirinha

src/js/blocks.js

@@ -4,6 +4,7 @@
 import Video from './components/video';
 import Featured from './components/featured-image';
 import Terms from './components/terms-inspector';
+import MaybeReloadAfterSave from './components/maybe-reload-after-save';
 
 // jQuery, because reasons.
 window.$ = window.jQuery;
@@ -13,4 +14,5 @@ export const cloudinaryBlocks = {
 	Video,
 	Featured,
 	Terms,
+	MaybeReloadAfterSave,
 };

src/js/components/maybe-reload-after-save.js

@@ -0,0 +1,25 @@
+import { registerPlugin } from '@wordpress/plugins';
+import { useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+
+const MaybeReloadAfterSave = () => {
+	const isSaving = useSelect( ( select ) =>
+		select( 'core/editor' ).isSavingPost()
+	);
+	const isDirty = useSelect( ( select ) =>
+		select( 'core/editor' ).isEditedPostDirty()
+	);
+	const { storage } = window?.CLDN || null;
+
+	useEffect( () => {
+		if ( isSaving && ! isDirty && 'cld' === storage ) {
+			window.location.reload();
+		}
+	}, [ isSaving ] );
+};
+
+registerPlugin( 'cloudinary-maybe-reload-after-save', {
+	render: MaybeReloadAfterSave,
+} );
+
+export default MaybeReloadAfterSave;