@parhelia/core 0.1.12719 → 0.1.12730

package/dist/editor/client/EditorShell.js

@@ -61,6 +61,23 @@ import { FeatureGate, LicenseFeatures, LicenseProvider, LicenseOverlay, } from "
 // nothing open" (param present with this value) so reload can honor the user's intent.
 const SIDEBAR_NONE_SENTINEL = "none";
 const sidebarUrlValue = (ids) => ids.length ? ids.join(",") : SIDEBAR_NONE_SENTINEL;
+function reconcileSlotSettingsState(previous, slots, defaults) {
+    const next = {};
+    let changed = false;
+    for (const slot of slots) {
+        if (Object.prototype.hasOwnProperty.call(previous, slot.slotId)) {
+            next[slot.slotId] = previous[slot.slotId];
+        }
+        else {
+            next[slot.slotId] = { ...defaults };
+            changed = true;
+        }
+    }
+    if (Object.keys(previous).length !== slots.length) {
+        changed = true;
+    }
+    return changed ? next : previous;
+}
 function AgentsSlotContextBridge({ slot }) {
     const editContext = useEditContext();
     const slotContext = useEditorSlotContext({
@@ -495,26 +512,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const [focusFieldComponentId, setFocusFieldComponentId] = useState();
     const [enableCompletions, setEnableCompletions] = useState(false);
     const [showComponentNavigatorDefault, setShowComponentNavigatorDefault] = useState(userPreferences.showComponentNavigator ?? false);
-    const [slotComponentNavigatorVisibility, setSlotComponentNavigatorVisibility] = useState({});
-    useEffect(() => {
-        setSlotComponentNavigatorVisibility((prev) => {
-            const next = {};
-            let changed = false;
-            for (const slot of editorSlots) {
-                if (Object.prototype.hasOwnProperty.call(prev, slot.slotId)) {
-                    next[slot.slotId] = prev[slot.slotId];
-                }
-                else {
-                    next[slot.slotId] = showComponentNavigatorDefault;
-                    changed = true;
-                }
-            }
-            if (Object.keys(prev).length !== editorSlots.length) {
-                changed = true;
-            }
-            return changed ? next : prev;
-        });
-    }, [editorSlots, showComponentNavigatorDefault]);
+    const [slotSettingsById, setSlotSettingsById] = useState({});
     const [showAgentsPanel, setShowAgentsPanel] = useState(() => {
         const showAgentsParam = searchParams.get("showAgents");
         if (showAgentsParam !== null) {
@@ -522,7 +520,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         }
         return userPreferences.showAgentsPanel ?? false;
     });
-    const [editorFormHidden, setEditorFormHiddenState] = useState(userPreferences.editorFormHidden ?? false);
+    const [editorFormHiddenDefault, setEditorFormHiddenDefault] = useState(userPreferences.editorFormHidden ?? false);
+    useEffect(() => {
+        setSlotSettingsById((prev) => reconcileSlotSettingsState(prev, editorSlots, {
+            showComponentNavigator: showComponentNavigatorDefault,
+            editorFormHidden: editorFormHiddenDefault,
+        }));
+    }, [editorSlots, showComponentNavigatorDefault, editorFormHiddenDefault]);
     const [editorFormHintSeen, setEditorFormHintSeenState] = useState(userPreferences.editorFormHintSeen ?? false);
     const [editorFormHintVisible, setEditorFormHintVisible] = useState(false);
     const editorFormToggleButtonRef = useRef(null);
@@ -685,9 +689,15 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const isComponentNavigatorOpenForSlot = useCallback((slotId) => {
         if (!slotId)
             return showComponentNavigatorDefault;
-        return (slotComponentNavigatorVisibility[slotId] ?? showComponentNavigatorDefault);
-    }, [slotComponentNavigatorVisibility, showComponentNavigatorDefault]);
+        return (slotSettingsById[slotId]?.showComponentNavigator ??
+            showComponentNavigatorDefault);
+    }, [slotSettingsById, showComponentNavigatorDefault]);
     const showComponentNavigator = isComponentNavigatorOpenForSlot(activeSlotId);
+    const isEditorFormHiddenForSlot = useCallback((slotId) => {
+        if (!slotId)
+            return editorFormHiddenDefault;
+        return slotSettingsById[slotId]?.editorFormHidden ?? editorFormHiddenDefault;
+    }, [editorFormHiddenDefault, slotSettingsById]);
     // Sync global compareMode from the active slot's compareMode for URL syncing
     useEffect(() => {
         if (activeSlotContext && activeSlotContext.compareMode !== compareMode) {
@@ -950,14 +960,20 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         const previousValue = isComponentNavigatorOpenForSlot(slotId);
         const newValue = typeof value === "function" ? value(previousValue) : value;
         if (slotId) {
-            setSlotComponentNavigatorVisibility((prev) => {
-                const currentValue = prev[slotId] ?? showComponentNavigatorDefault;
-                if (currentValue === newValue && prev[slotId] !== undefined) {
+            setSlotSettingsById((prev) => {
+                const currentSettings = prev[slotId] ?? {
+                    showComponentNavigator: showComponentNavigatorDefault,
+                    editorFormHidden: editorFormHiddenDefault,
+                };
+                if (currentSettings.showComponentNavigator === newValue) {
                     return prev;
                 }
                 return {
                     ...prev,
-                    [slotId]: newValue,
+                    [slotId]: {
+                        ...currentSettings,
+                        showComponentNavigator: newValue,
+                    },
                 };
             });
         }
@@ -970,6 +986,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     }, [
         isComponentNavigatorOpenForSlot,
         showComponentNavigatorDefault,
+        editorFormHiddenDefault,
         setUserPreferences,
         isMobile,
         setShowAgentsPanel,
@@ -1030,10 +1047,27 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setShowMinimap(newValue);
         setUserPreferences({ showMinimap: newValue });
     }, [showMinimap, setUserPreferences]);
-    const handleSetEditorFormHidden = useCallback((value) => {
-        setEditorFormHiddenState(value);
-        setUserPreferences({ editorFormHidden: value });
-    }, [setUserPreferences]);
+    const setEditorFormHiddenForSlot = useCallback((slotId, value) => {
+        if (!slotId) {
+            setEditorFormHiddenDefault(value);
+            return;
+        }
+        setSlotSettingsById((prev) => {
+            const currentSettings = prev[slotId] ?? {
+                showComponentNavigator: showComponentNavigatorDefault,
+                editorFormHidden: editorFormHiddenDefault,
+            };
+            if (currentSettings.editorFormHidden === value)
+                return prev;
+            return {
+                ...prev,
+                [slotId]: {
+                    ...currentSettings,
+                    editorFormHidden: value,
+                },
+            };
+        });
+    }, [editorFormHiddenDefault, showComponentNavigatorDefault]);
     const markEditorFormHintSeen = useCallback(() => {
         setEditorFormHintSeenState(true);
         setUserPreferences({ editorFormHintSeen: true });
@@ -4403,8 +4437,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setComponentNavigatorOpenForSlot,
         showAgentsPanel,
         setShowAgentsPanel: handleSetShowAgentsPanel,
-        editorFormHidden,
-        setEditorFormHidden: handleSetEditorFormHidden,
+        isEditorFormHiddenForSlot,
+        setEditorFormHiddenForSlot,
         editorFormHintSeen,
         markEditorFormHintSeen,
         editorFormHintVisible,
@@ -4574,8 +4608,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         handleSetShowComponentNavigator,
         showAgentsPanel,
         handleSetShowAgentsPanel,
-        editorFormHidden,
-        handleSetEditorFormHidden,
+        activeSlotId,
+        isEditorFormHiddenForSlot,
+        setEditorFormHiddenForSlot,
         editorFormHintSeen,
         markEditorFormHintSeen,
         editorFormHintVisible,