@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/local-autosave-monitor/index.js

@@ -1,70 +1,43 @@
-/**
- * WordPress dependencies
- */
-import { useCallback, useEffect, useRef } from '@wordpress/element';
-import { ifCondition, usePrevious } from '@wordpress/compose';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { parse } from '@wordpress/blocks';
-import { store as noticesStore } from '@wordpress/notices';
-
-/**
- * Internal dependencies
- */
-import AutosaveMonitor from '../autosave-monitor';
-import { localAutosaveGet, localAutosaveClear } from '../../store/local-autosave';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "@wordpress/element";
+import { ifCondition, usePrevious } from "@wordpress/compose";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import { parse } from "@wordpress/blocks";
+import { store as noticesStore } from "@wordpress/notices";
+import AutosaveMonitor from "../autosave-monitor";
+import {
+  localAutosaveGet,
+  localAutosaveClear
+} from "../../store/local-autosave";
+import { store as editorStore } from "../../store";
 const requestIdleCallback = window.requestIdleCallback ? window.requestIdleCallback : window.requestAnimationFrame;
 let hasStorageSupport;
-
-/**
- * Function which returns true if the current environment supports browser
- * sessionStorage, or false otherwise. The result of this function is cached and
- * reused in subsequent invocations.
- */
 const hasSessionStorageSupport = () => {
-  if (hasStorageSupport !== undefined) {
+  if (hasStorageSupport !== void 0) {
     return hasStorageSupport;
   }
   try {
-    // Private Browsing in Safari 10 and earlier will throw an error when
-    // attempting to set into sessionStorage. The test here is intentional in
-    // causing a thrown error as condition bailing from local autosave.
-    window.sessionStorage.setItem('__wpEditorTestSessionStorage', '');
-    window.sessionStorage.removeItem('__wpEditorTestSessionStorage');
+    window.sessionStorage.setItem("__wpEditorTestSessionStorage", "");
+    window.sessionStorage.removeItem("__wpEditorTestSessionStorage");
     hasStorageSupport = true;
   } catch {
     hasStorageSupport = false;
   }
   return hasStorageSupport;
 };
-
-/**
- * Custom hook which manages the creation of a notice prompting the user to
- * restore a local autosave, if one exists.
- */
 function useAutosaveNotice() {
-  const {
-    postId,
-    isEditedPostNew,
-    hasRemoteAutosave
-  } = useSelect(select => ({
-    postId: select(editorStore).getCurrentPostId(),
-    isEditedPostNew: select(editorStore).isEditedPostNew(),
-    hasRemoteAutosave: !!select(editorStore).getEditorSettings().autosave
-  }), []);
-  const {
-    getEditedPostAttribute
-  } = useSelect(editorStore);
-  const {
-    createWarningNotice,
-    removeNotice
-  } = useDispatch(noticesStore);
-  const {
-    editPost,
-    resetEditorBlocks
-  } = useDispatch(editorStore);
+  const { postId, isEditedPostNew, hasRemoteAutosave } = useSelect(
+    (select) => ({
+      postId: select(editorStore).getCurrentPostId(),
+      isEditedPostNew: select(editorStore).isEditedPostNew(),
+      hasRemoteAutosave: !!select(editorStore).getEditorSettings().autosave
+    }),
+    []
+  );
+  const { getEditedPostAttribute } = useSelect(editorStore);
+  const { createWarningNotice, removeNotice } = useDispatch(noticesStore);
+  const { editPost, resetEditorBlocks } = useDispatch(editorStore);
   useEffect(() => {
     let localAutosave = localAutosaveGet(postId, isEditedPostNew);
     if (!localAutosave) {
@@ -73,27 +46,15 @@ function useAutosaveNotice() {
     try {
       localAutosave = JSON.parse(localAutosave);
     } catch {
-      // Not usable if it can't be parsed.
       return;
     }
-    const {
-      post_title: title,
-      content,
-      excerpt
-    } = localAutosave;
-    const edits = {
-      title,
-      content,
-      excerpt
-    };
+    const { post_title: title, content, excerpt } = localAutosave;
+    const edits = { title, content, excerpt };
     {
-      // Only display a notice if there is a difference between what has been
-      // saved and that which is stored in sessionStorage.
-      const hasDifference = Object.keys(edits).some(key => {
+      const hasDifference = Object.keys(edits).some((key) => {
         return edits[key] !== getEditedPostAttribute(key);
       });
       if (!hasDifference) {
-        // If there is no difference, it can be safely ejected from storage.
         localAutosaveClear(postId, isEditedPostNew);
         return;
       }
@@ -101,42 +62,42 @@ function useAutosaveNotice() {
     if (hasRemoteAutosave) {
       return;
     }
-    const id = 'wpEditorAutosaveRestore';
-    createWarningNotice(__('The backup of this post in your browser is different from the version below.'), {
-      id,
-      actions: [{
-        label: __('Restore the backup'),
-        onClick() {
-          const {
-            content: editsContent,
-            ...editsWithoutContent
-          } = edits;
-          editPost(editsWithoutContent);
-          resetEditorBlocks(parse(edits.content));
-          removeNotice(id);
-        }
-      }]
-    });
+    const id = "wpEditorAutosaveRestore";
+    createWarningNotice(
+      __(
+        "The backup of this post in your browser is different from the version below."
+      ),
+      {
+        id,
+        actions: [
+          {
+            label: __("Restore the backup"),
+            onClick() {
+              const {
+                content: editsContent,
+                ...editsWithoutContent
+              } = edits;
+              editPost(editsWithoutContent);
+              resetEditorBlocks(parse(edits.content));
+              removeNotice(id);
+            }
+          }
+        ]
+      }
+    );
   }, [isEditedPostNew, postId]);
 }
-
-/**
- * Custom hook which ejects a local autosave after a successful save occurs.
- */
 function useAutosavePurge() {
-  const {
-    postId,
-    isEditedPostNew,
-    isDirty,
-    isAutosaving,
-    didError
-  } = useSelect(select => ({
-    postId: select(editorStore).getCurrentPostId(),
-    isEditedPostNew: select(editorStore).isEditedPostNew(),
-    isDirty: select(editorStore).isEditedPostDirty(),
-    isAutosaving: select(editorStore).isAutosavingPost(),
-    didError: select(editorStore).didPostSaveRequestFail()
-  }), []);
+  const { postId, isEditedPostNew, isDirty, isAutosaving, didError } = useSelect(
+    (select) => ({
+      postId: select(editorStore).getCurrentPostId(),
+      isEditedPostNew: select(editorStore).isEditedPostNew(),
+      isDirty: select(editorStore).isEditedPostDirty(),
+      isAutosaving: select(editorStore).isAutosavingPost(),
+      didError: select(editorStore).didPostSaveRequestFail()
+    }),
+    []
+  );
   const lastIsDirtyRef = useRef(isDirty);
   const lastIsAutosavingRef = useRef(isAutosaving);
   useEffect(() => {
@@ -146,8 +107,6 @@ function useAutosavePurge() {
     lastIsDirtyRef.current = isDirty;
     lastIsAutosavingRef.current = isAutosaving;
   }, [isDirty, isAutosaving, didError]);
-
-  // Once the isEditedPostNew changes from true to false, let's clear the auto-draft autosave.
   const wasEditedPostNew = usePrevious(isEditedPostNew);
   const prevPostId = usePrevious(postId);
   useEffect(() => {
@@ -157,34 +116,26 @@ function useAutosavePurge() {
   }, [isEditedPostNew, postId]);
 }
 function LocalAutosaveMonitor() {
-  const {
-    autosave
-  } = useDispatch(editorStore);
+  const { autosave } = useDispatch(editorStore);
   const deferredAutosave = useCallback(() => {
-    requestIdleCallback(() => autosave({
-      local: true
-    }));
+    requestIdleCallback(() => autosave({ local: true }));
   }, []);
   useAutosaveNotice();
   useAutosavePurge();
-  const localAutosaveInterval = useSelect(select => select(editorStore).getEditorSettings().localAutosaveInterval, []);
-  return /*#__PURE__*/_jsx(AutosaveMonitor, {
-    interval: localAutosaveInterval,
-    autosave: deferredAutosave
-  });
+  const localAutosaveInterval = useSelect(
+    (select) => select(editorStore).getEditorSettings().localAutosaveInterval,
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    AutosaveMonitor,
+    {
+      interval: localAutosaveInterval,
+      autosave: deferredAutosave
+    }
+  );
 }
-
-/**
- * Monitors local autosaves of a post in the editor.
- * It uses several hooks and functions to manage autosave behavior:
- * - `useAutosaveNotice` hook: Manages the creation of a notice prompting the user to restore a local autosave, if one exists.
- * - `useAutosavePurge` hook: Ejects a local autosave after a successful save occurs.
- * - `hasSessionStorageSupport` function: Checks if the current environment supports browser sessionStorage.
- * - `LocalAutosaveMonitor` component: Uses the `AutosaveMonitor` component to perform autosaves at a specified interval.
- *
- * The module also checks for sessionStorage support and conditionally exports the `LocalAutosaveMonitor` component based on that.
- *
- * @module LocalAutosaveMonitor
- */
-export default ifCondition(hasSessionStorageSupport)(LocalAutosaveMonitor);
-//# sourceMappingURL=index.js.map
+var local_autosave_monitor_default = ifCondition(hasSessionStorageSupport)(LocalAutosaveMonitor);
+export {
+  local_autosave_monitor_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/local-autosave-monitor/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useCallback","useEffect","useRef","ifCondition","usePrevious","useSelect","useDispatch","__","parse","store","noticesStore","AutosaveMonitor","localAutosaveGet","localAutosaveClear","editorStore","jsx","_jsx","requestIdleCallback","window","requestAnimationFrame","hasStorageSupport","hasSessionStorageSupport","undefined","sessionStorage","setItem","removeItem","useAutosaveNotice","postId","isEditedPostNew","hasRemoteAutosave","select","getCurrentPostId","getEditorSettings","autosave","getEditedPostAttribute","createWarningNotice","removeNotice","editPost","resetEditorBlocks","localAutosave","JSON","post_title","title","content","excerpt","edits","hasDifference","Object","keys","some","key","id","actions","label","onClick","editsContent","editsWithoutContent","useAutosavePurge","isDirty","isAutosaving","didError","isEditedPostDirty","isAutosavingPost","didPostSaveRequestFail","lastIsDirtyRef","lastIsAutosavingRef","current","wasEditedPostNew","prevPostId","LocalAutosaveMonitor","deferredAutosave","local","localAutosaveInterval","interval"],"sources":["@wordpress/editor/src/components/local-autosave-monitor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { ifCondition, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport AutosaveMonitor from '../autosave-monitor';\nimport {\n\tlocalAutosaveGet,\n\tlocalAutosaveClear,\n} from '../../store/local-autosave';\nimport { store as editorStore } from '../../store';\n\nconst requestIdleCallback = window.requestIdleCallback\n\t? window.requestIdleCallback\n\t: window.requestAnimationFrame;\n\nlet hasStorageSupport;\n\n/**\n * Function which returns true if the current environment supports browser\n * sessionStorage, or false otherwise. The result of this function is cached and\n * reused in subsequent invocations.\n */\nconst hasSessionStorageSupport = () => {\n\tif ( hasStorageSupport !== undefined ) {\n\t\treturn hasStorageSupport;\n\t}\n\n\ttry {\n\t\t// Private Browsing in Safari 10 and earlier will throw an error when\n\t\t// attempting to set into sessionStorage. The test here is intentional in\n\t\t// causing a thrown error as condition bailing from local autosave.\n\t\twindow.sessionStorage.setItem( '__wpEditorTestSessionStorage', '' );\n\t\twindow.sessionStorage.removeItem( '__wpEditorTestSessionStorage' );\n\t\thasStorageSupport = true;\n\t} catch {\n\t\thasStorageSupport = false;\n\t}\n\n\treturn hasStorageSupport;\n};\n\n/**\n * Custom hook which manages the creation of a notice prompting the user to\n * restore a local autosave, if one exists.\n */\nfunction useAutosaveNotice() {\n\tconst { postId, isEditedPostNew, hasRemoteAutosave } = useSelect(\n\t\t( select ) => ( {\n\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\thasRemoteAutosave:\n\t\t\t\t!! select( editorStore ).getEditorSettings().autosave,\n\t\t} ),\n\t\t[]\n\t);\n\tconst { getEditedPostAttribute } = useSelect( editorStore );\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { editPost, resetEditorBlocks } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tlet localAutosave = localAutosaveGet( postId, isEditedPostNew );\n\t\tif ( ! localAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlocalAutosave = JSON.parse( localAutosave );\n\t\t} catch {\n\t\t\t// Not usable if it can't be parsed.\n\t\t\treturn;\n\t\t}\n\n\t\tconst { post_title: title, content, excerpt } = localAutosave;\n\t\tconst edits = { title, content, excerpt };\n\n\t\t{\n\t\t\t// Only display a notice if there is a difference between what has been\n\t\t\t// saved and that which is stored in sessionStorage.\n\t\t\tconst hasDifference = Object.keys( edits ).some( ( key ) => {\n\t\t\t\treturn edits[ key ] !== getEditedPostAttribute( key );\n\t\t\t} );\n\n\t\t\tif ( ! hasDifference ) {\n\t\t\t\t// If there is no difference, it can be safely ejected from storage.\n\t\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif ( hasRemoteAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst id = 'wpEditorAutosaveRestore';\n\n\t\tcreateWarningNotice(\n\t\t\t__(\n\t\t\t\t'The backup of this post in your browser is different from the version below.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Restore the backup' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tcontent: editsContent,\n\t\t\t\t\t\t\t\t...editsWithoutContent\n\t\t\t\t\t\t\t} = edits;\n\t\t\t\t\t\t\teditPost( editsWithoutContent );\n\t\t\t\t\t\t\tresetEditorBlocks( parse( edits.content ) );\n\t\t\t\t\t\t\tremoveNotice( id );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [ isEditedPostNew, postId ] );\n}\n\n/**\n * Custom hook which ejects a local autosave after a successful save occurs.\n */\nfunction useAutosavePurge() {\n\tconst { postId, isEditedPostNew, isDirty, isAutosaving, didError } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\t\tisDirty: select( editorStore ).isEditedPostDirty(),\n\t\t\t\tisAutosaving: select( editorStore ).isAutosavingPost(),\n\t\t\t\tdidError: select( editorStore ).didPostSaveRequestFail(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\tconst lastIsDirtyRef = useRef( isDirty );\n\tconst lastIsAutosavingRef = useRef( isAutosaving );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! didError &&\n\t\t\t( ( lastIsAutosavingRef.current && ! isAutosaving ) ||\n\t\t\t\t( lastIsDirtyRef.current && ! isDirty ) )\n\t\t) {\n\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t}\n\n\t\tlastIsDirtyRef.current = isDirty;\n\t\tlastIsAutosavingRef.current = isAutosaving;\n\t}, [ isDirty, isAutosaving, didError ] );\n\n\t// Once the isEditedPostNew changes from true to false, let's clear the auto-draft autosave.\n\tconst wasEditedPostNew = usePrevious( isEditedPostNew );\n\tconst prevPostId = usePrevious( postId );\n\tuseEffect( () => {\n\t\tif ( prevPostId === postId && wasEditedPostNew && ! isEditedPostNew ) {\n\t\t\tlocalAutosaveClear( postId, true );\n\t\t}\n\t}, [ isEditedPostNew, postId ] );\n}\n\nfunction LocalAutosaveMonitor() {\n\tconst { autosave } = useDispatch( editorStore );\n\tconst deferredAutosave = useCallback( () => {\n\t\trequestIdleCallback( () => autosave( { local: true } ) );\n\t}, [] );\n\tuseAutosaveNotice();\n\tuseAutosavePurge();\n\n\tconst localAutosaveInterval = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().localAutosaveInterval,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<AutosaveMonitor\n\t\t\tinterval={ localAutosaveInterval }\n\t\t\tautosave={ deferredAutosave }\n\t\t/>\n\t);\n}\n\n/**\n * Monitors local autosaves of a post in the editor.\n * It uses several hooks and functions to manage autosave behavior:\n * - `useAutosaveNotice` hook: Manages the creation of a notice prompting the user to restore a local autosave, if one exists.\n * - `useAutosavePurge` hook: Ejects a local autosave after a successful save occurs.\n * - `hasSessionStorageSupport` function: Checks if the current environment supports browser sessionStorage.\n * - `LocalAutosaveMonitor` component: Uses the `AutosaveMonitor` component to perform autosaves at a specified interval.\n *\n * The module also checks for sessionStorage support and conditionally exports the `LocalAutosaveMonitor` component based on that.\n *\n * @module LocalAutosaveMonitor\n */\nexport default ifCondition( hasSessionStorageSupport )( LocalAutosaveMonitor );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/local-autosave-monitor/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { ifCondition, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport AutosaveMonitor from '../autosave-monitor';\nimport {\n\tlocalAutosaveGet,\n\tlocalAutosaveClear,\n} from '../../store/local-autosave';\nimport { store as editorStore } from '../../store';\n\nconst requestIdleCallback = window.requestIdleCallback\n\t? window.requestIdleCallback\n\t: window.requestAnimationFrame;\n\nlet hasStorageSupport;\n\n/**\n * Function which returns true if the current environment supports browser\n * sessionStorage, or false otherwise. The result of this function is cached and\n * reused in subsequent invocations.\n */\nconst hasSessionStorageSupport = () => {\n\tif ( hasStorageSupport !== undefined ) {\n\t\treturn hasStorageSupport;\n\t}\n\n\ttry {\n\t\t// Private Browsing in Safari 10 and earlier will throw an error when\n\t\t// attempting to set into sessionStorage. The test here is intentional in\n\t\t// causing a thrown error as condition bailing from local autosave.\n\t\twindow.sessionStorage.setItem( '__wpEditorTestSessionStorage', '' );\n\t\twindow.sessionStorage.removeItem( '__wpEditorTestSessionStorage' );\n\t\thasStorageSupport = true;\n\t} catch {\n\t\thasStorageSupport = false;\n\t}\n\n\treturn hasStorageSupport;\n};\n\n/**\n * Custom hook which manages the creation of a notice prompting the user to\n * restore a local autosave, if one exists.\n */\nfunction useAutosaveNotice() {\n\tconst { postId, isEditedPostNew, hasRemoteAutosave } = useSelect(\n\t\t( select ) => ( {\n\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\thasRemoteAutosave:\n\t\t\t\t!! select( editorStore ).getEditorSettings().autosave,\n\t\t} ),\n\t\t[]\n\t);\n\tconst { getEditedPostAttribute } = useSelect( editorStore );\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { editPost, resetEditorBlocks } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tlet localAutosave = localAutosaveGet( postId, isEditedPostNew );\n\t\tif ( ! localAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlocalAutosave = JSON.parse( localAutosave );\n\t\t} catch {\n\t\t\t// Not usable if it can't be parsed.\n\t\t\treturn;\n\t\t}\n\n\t\tconst { post_title: title, content, excerpt } = localAutosave;\n\t\tconst edits = { title, content, excerpt };\n\n\t\t{\n\t\t\t// Only display a notice if there is a difference between what has been\n\t\t\t// saved and that which is stored in sessionStorage.\n\t\t\tconst hasDifference = Object.keys( edits ).some( ( key ) => {\n\t\t\t\treturn edits[ key ] !== getEditedPostAttribute( key );\n\t\t\t} );\n\n\t\t\tif ( ! hasDifference ) {\n\t\t\t\t// If there is no difference, it can be safely ejected from storage.\n\t\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif ( hasRemoteAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst id = 'wpEditorAutosaveRestore';\n\n\t\tcreateWarningNotice(\n\t\t\t__(\n\t\t\t\t'The backup of this post in your browser is different from the version below.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Restore the backup' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tcontent: editsContent,\n\t\t\t\t\t\t\t\t...editsWithoutContent\n\t\t\t\t\t\t\t} = edits;\n\t\t\t\t\t\t\teditPost( editsWithoutContent );\n\t\t\t\t\t\t\tresetEditorBlocks( parse( edits.content ) );\n\t\t\t\t\t\t\tremoveNotice( id );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [ isEditedPostNew, postId ] );\n}\n\n/**\n * Custom hook which ejects a local autosave after a successful save occurs.\n */\nfunction useAutosavePurge() {\n\tconst { postId, isEditedPostNew, isDirty, isAutosaving, didError } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\t\tisDirty: select( editorStore ).isEditedPostDirty(),\n\t\t\t\tisAutosaving: select( editorStore ).isAutosavingPost(),\n\t\t\t\tdidError: select( editorStore ).didPostSaveRequestFail(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\tconst lastIsDirtyRef = useRef( isDirty );\n\tconst lastIsAutosavingRef = useRef( isAutosaving );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! didError &&\n\t\t\t( ( lastIsAutosavingRef.current && ! isAutosaving ) ||\n\t\t\t\t( lastIsDirtyRef.current && ! isDirty ) )\n\t\t) {\n\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t}\n\n\t\tlastIsDirtyRef.current = isDirty;\n\t\tlastIsAutosavingRef.current = isAutosaving;\n\t}, [ isDirty, isAutosaving, didError ] );\n\n\t// Once the isEditedPostNew changes from true to false, let's clear the auto-draft autosave.\n\tconst wasEditedPostNew = usePrevious( isEditedPostNew );\n\tconst prevPostId = usePrevious( postId );\n\tuseEffect( () => {\n\t\tif ( prevPostId === postId && wasEditedPostNew && ! isEditedPostNew ) {\n\t\t\tlocalAutosaveClear( postId, true );\n\t\t}\n\t}, [ isEditedPostNew, postId ] );\n}\n\nfunction LocalAutosaveMonitor() {\n\tconst { autosave } = useDispatch( editorStore );\n\tconst deferredAutosave = useCallback( () => {\n\t\trequestIdleCallback( () => autosave( { local: true } ) );\n\t}, [] );\n\tuseAutosaveNotice();\n\tuseAutosavePurge();\n\n\tconst localAutosaveInterval = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().localAutosaveInterval,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<AutosaveMonitor\n\t\t\tinterval={ localAutosaveInterval }\n\t\t\tautosave={ deferredAutosave }\n\t\t/>\n\t);\n}\n\n/**\n * Monitors local autosaves of a post in the editor.\n * It uses several hooks and functions to manage autosave behavior:\n * - `useAutosaveNotice` hook: Manages the creation of a notice prompting the user to restore a local autosave, if one exists.\n * - `useAutosavePurge` hook: Ejects a local autosave after a successful save occurs.\n * - `hasSessionStorageSupport` function: Checks if the current environment supports browser sessionStorage.\n * - `LocalAutosaveMonitor` component: Uses the `AutosaveMonitor` component to perform autosaves at a specified interval.\n *\n * The module also checks for sessionStorage support and conditionally exports the `LocalAutosaveMonitor` component based on that.\n *\n * @module LocalAutosaveMonitor\n */\nexport default ifCondition( hasSessionStorageSupport )( LocalAutosaveMonitor );\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/media-categories/index.js

@@ -1,49 +1,23 @@
-/* wp:polyfill */
-/**
- * The `editor` settings here need to be in sync with the corresponding ones in `editor` package.
- * See `packages/editor/src/components/media-categories/index.js`.
- *
- * In the future we could consider creating an Openvese package that can be used in both `editor` and `site-editor`.
- * The rest of the settings would still need to be in sync though.
- */
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf, _x } from '@wordpress/i18n';
-import { resolveSelect } from '@wordpress/data';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as coreStore } from '@wordpress/core-data';
-
-/** @typedef {import('@wordpress/block-editor').InserterMediaRequest} InserterMediaRequest */
-/** @typedef {import('@wordpress/block-editor').InserterMediaItem} InserterMediaItem */
-/** @typedef {import('@wordpress/block-editor').InserterMediaCategory} InserterMediaCategory */
-
+import { __, sprintf, _x } from "@wordpress/i18n";
+import { resolveSelect } from "@wordpress/data";
+import { decodeEntities } from "@wordpress/html-entities";
+import { store as coreStore } from "@wordpress/core-data";
 const getExternalLink = (url, text) => `<a ${getExternalLinkAttributes(url)}>${text}</a>`;
-const getExternalLinkAttributes = url => `href="${url}" target="_blank" rel="noreferrer noopener"`;
+const getExternalLinkAttributes = (url) => `href="${url}" target="_blank" rel="noreferrer noopener"`;
 const getOpenverseLicense = (license, licenseVersion) => {
   let licenseName = license.trim();
-  // PDM has no abbreviation
-  if (license !== 'pdm') {
-    licenseName = license.toUpperCase().replace('SAMPLING', 'Sampling');
+  if (license !== "pdm") {
+    licenseName = license.toUpperCase().replace("SAMPLING", "Sampling");
   }
-  // If version is known, append version to the name.
-  // The license has to have a version to be valid. Only
-  // PDM (public domain mark) doesn't have a version.
   if (licenseVersion) {
     licenseName += ` ${licenseVersion}`;
   }
-  // For licenses other than public-domain marks, prepend 'CC' to the name.
-  if (!['pdm', 'cc0'].includes(license)) {
+  if (!["pdm", "cc0"].includes(license)) {
     licenseName = `CC ${licenseName}`;
   }
   return licenseName;
 };
-const getOpenverseCaption = item => {
+const getOpenverseCaption = (item) => {
   const {
     title,
     foreign_landing_url: foreignLandingUrl,
@@ -58,25 +32,61 @@ const getOpenverseCaption = item => {
   let _caption;
   if (_creator) {
     _caption = title ? sprintf(
-    // translators: %1s: Title of a media work from Openverse; %2$s: Name of the work's creator; %3s: Work's licence e.g: "CC0 1.0".
-    _x('"%1$s" by %2$s/ %3$s', 'caption'), getExternalLink(foreignLandingUrl, decodeEntities(title)), creatorUrl ? getExternalLink(creatorUrl, _creator) : _creator, licenseUrl ? getExternalLink(`${licenseUrl}?ref=openverse`, fullLicense) : fullLicense) : sprintf(
-    // translators: %1s: Link attributes for a given Openverse media work; %2s: Name of the work's creator; %3s: Works's licence e.g: "CC0 1.0".
-    _x('<a %1$s>Work</a> by %2$s/ %3$s', 'caption'), getExternalLinkAttributes(foreignLandingUrl), creatorUrl ? getExternalLink(creatorUrl, _creator) : _creator, licenseUrl ? getExternalLink(`${licenseUrl}?ref=openverse`, fullLicense) : fullLicense);
+      // translators: %1s: Title of a media work from Openverse; %2$s: Name of the work's creator; %3s: Work's licence e.g: "CC0 1.0".
+      _x('"%1$s" by %2$s/ %3$s', "caption"),
+      getExternalLink(
+        foreignLandingUrl,
+        decodeEntities(title)
+      ),
+      creatorUrl ? getExternalLink(creatorUrl, _creator) : _creator,
+      licenseUrl ? getExternalLink(
+        `${licenseUrl}?ref=openverse`,
+        fullLicense
+      ) : fullLicense
+    ) : sprintf(
+      // translators: %1s: Link attributes for a given Openverse media work; %2s: Name of the work's creator; %3s: Works's licence e.g: "CC0 1.0".
+      _x("<a %1$s>Work</a> by %2$s/ %3$s", "caption"),
+      getExternalLinkAttributes(foreignLandingUrl),
+      creatorUrl ? getExternalLink(creatorUrl, _creator) : _creator,
+      licenseUrl ? getExternalLink(
+        `${licenseUrl}?ref=openverse`,
+        fullLicense
+      ) : fullLicense
+    );
   } else {
     _caption = title ? sprintf(
-    // translators: %1s: Title of a media work from Openverse; %2s: Work's licence e.g: "CC0 1.0".
-    _x('"%1$s"/ %2$s', 'caption'), getExternalLink(foreignLandingUrl, decodeEntities(title)), licenseUrl ? getExternalLink(`${licenseUrl}?ref=openverse`, fullLicense) : fullLicense) : sprintf(
-    // translators: %1s: Link attributes for a given Openverse media work; %2s: Works's licence e.g: "CC0 1.0".
-    _x('<a %1$s>Work</a>/ %2$s', 'caption'), getExternalLinkAttributes(foreignLandingUrl), licenseUrl ? getExternalLink(`${licenseUrl}?ref=openverse`, fullLicense) : fullLicense);
+      // translators: %1s: Title of a media work from Openverse; %2s: Work's licence e.g: "CC0 1.0".
+      _x('"%1$s"/ %2$s', "caption"),
+      getExternalLink(
+        foreignLandingUrl,
+        decodeEntities(title)
+      ),
+      licenseUrl ? getExternalLink(
+        `${licenseUrl}?ref=openverse`,
+        fullLicense
+      ) : fullLicense
+    ) : sprintf(
+      // translators: %1s: Link attributes for a given Openverse media work; %2s: Works's licence e.g: "CC0 1.0".
+      _x("<a %1$s>Work</a>/ %2$s", "caption"),
+      getExternalLinkAttributes(foreignLandingUrl),
+      licenseUrl ? getExternalLink(
+        `${licenseUrl}?ref=openverse`,
+        fullLicense
+      ) : fullLicense
+    );
   }
-  return _caption.replace(/\s{2}/g, ' ');
+  return _caption.replace(/\s{2}/g, " ");
 };
 const coreMediaFetch = async (query = {}) => {
-  const mediaItems = await resolveSelect(coreStore).getEntityRecords('postType', 'attachment', {
-    ...query,
-    orderBy: !!query?.search ? 'relevance' : 'date'
-  });
-  return mediaItems.map(mediaItem => ({
+  const mediaItems = await resolveSelect(coreStore).getEntityRecords(
+    "postType",
+    "attachment",
+    {
+      ...query,
+      orderBy: !!query?.search ? "relevance" : "date"
+    }
+  );
+  return mediaItems.map((mediaItem) => ({
     ...mediaItem,
     alt: mediaItem.alt_text,
     url: mediaItem.source_url,
@@ -84,95 +94,87 @@ const coreMediaFetch = async (query = {}) => {
     caption: mediaItem.caption?.raw
   }));
 };
-
-/** @type {InserterMediaCategory[]} */
-const inserterMediaCategories = [{
-  name: 'images',
-  labels: {
-    name: __('Images'),
-    search_items: __('Search images')
+const inserterMediaCategories = [
+  {
+    name: "images",
+    labels: {
+      name: __("Images"),
+      search_items: __("Search images")
+    },
+    mediaType: "image",
+    async fetch(query = {}) {
+      return coreMediaFetch({ ...query, media_type: "image" });
+    }
   },
-  mediaType: 'image',
-  async fetch(query = {}) {
-    return coreMediaFetch({
-      ...query,
-      media_type: 'image'
-    });
-  }
-}, {
-  name: 'videos',
-  labels: {
-    name: __('Videos'),
-    search_items: __('Search videos')
+  {
+    name: "videos",
+    labels: {
+      name: __("Videos"),
+      search_items: __("Search videos")
+    },
+    mediaType: "video",
+    async fetch(query = {}) {
+      return coreMediaFetch({ ...query, media_type: "video" });
+    }
   },
-  mediaType: 'video',
-  async fetch(query = {}) {
-    return coreMediaFetch({
-      ...query,
-      media_type: 'video'
-    });
-  }
-}, {
-  name: 'audio',
-  labels: {
-    name: __('Audio'),
-    search_items: __('Search audio')
+  {
+    name: "audio",
+    labels: {
+      name: __("Audio"),
+      search_items: __("Search audio")
+    },
+    mediaType: "audio",
+    async fetch(query = {}) {
+      return coreMediaFetch({ ...query, media_type: "audio" });
+    }
   },
-  mediaType: 'audio',
-  async fetch(query = {}) {
-    return coreMediaFetch({
-      ...query,
-      media_type: 'audio'
-    });
+  {
+    name: "openverse",
+    labels: {
+      name: __("Openverse"),
+      search_items: __("Search Openverse")
+    },
+    mediaType: "image",
+    async fetch(query = {}) {
+      const defaultArgs = {
+        mature: false,
+        excluded_source: "flickr,inaturalist,wikimedia",
+        license: "pdm,cc0"
+      };
+      const finalQuery = { ...query, ...defaultArgs };
+      const mapFromInserterMediaRequest = {
+        per_page: "page_size",
+        search: "q"
+      };
+      const url = new URL("https://api.openverse.org/v1/images/");
+      Object.entries(finalQuery).forEach(([key, value]) => {
+        const queryKey = mapFromInserterMediaRequest[key] || key;
+        url.searchParams.set(queryKey, value);
+      });
+      const response = await window.fetch(url, {
+        headers: {
+          "User-Agent": "WordPress/inserter-media-fetch"
+        }
+      });
+      const jsonResponse = await response.json();
+      const results = jsonResponse.results;
+      return results.map((result) => ({
+        ...result,
+        // This is a temp solution for better titles, until Openverse API
+        // completes the cleaning up of some titles of their upstream data.
+        title: result.title?.toLowerCase().startsWith("file:") ? result.title.slice(5) : result.title,
+        sourceId: result.id,
+        id: void 0,
+        caption: getOpenverseCaption(result),
+        previewUrl: result.thumbnail
+      }));
+    },
+    getReportUrl: ({ sourceId }) => `https://wordpress.org/openverse/image/${sourceId}/report/`,
+    isExternalResource: true
   }
-}, {
-  name: 'openverse',
-  labels: {
-    name: __('Openverse'),
-    search_items: __('Search Openverse')
-  },
-  mediaType: 'image',
-  async fetch(query = {}) {
-    const defaultArgs = {
-      mature: false,
-      excluded_source: 'flickr,inaturalist,wikimedia',
-      license: 'pdm,cc0'
-    };
-    const finalQuery = {
-      ...query,
-      ...defaultArgs
-    };
-    const mapFromInserterMediaRequest = {
-      per_page: 'page_size',
-      search: 'q'
-    };
-    const url = new URL('https://api.openverse.org/v1/images/');
-    Object.entries(finalQuery).forEach(([key, value]) => {
-      const queryKey = mapFromInserterMediaRequest[key] || key;
-      url.searchParams.set(queryKey, value);
-    });
-    const response = await window.fetch(url, {
-      headers: {
-        'User-Agent': 'WordPress/inserter-media-fetch'
-      }
-    });
-    const jsonResponse = await response.json();
-    const results = jsonResponse.results;
-    return results.map(result => ({
-      ...result,
-      // This is a temp solution for better titles, until Openverse API
-      // completes the cleaning up of some titles of their upstream data.
-      title: result.title?.toLowerCase().startsWith('file:') ? result.title.slice(5) : result.title,
-      sourceId: result.id,
-      id: undefined,
-      caption: getOpenverseCaption(result),
-      previewUrl: result.thumbnail
-    }));
-  },
-  getReportUrl: ({
-    sourceId
-  }) => `https://wordpress.org/openverse/image/${sourceId}/report/`,
-  isExternalResource: true
-}];
-export default inserterMediaCategories;
-//# sourceMappingURL=index.js.map
+];
+var media_categories_default = inserterMediaCategories;
+export {
+  media_categories_default as default
+};
+//# sourceMappingURL=index.js.map