gloomberb 0.4.0 → 0.5.0

package/src/plugins/builtin/layout-manager.tsx

@@ -1,8 +1,9 @@
 import { saveConfig } from "../../data/config-store";
 import { findPaneInstance, type LayoutConfig } from "../../types/config";
-import type { GloomPlugin, GloomPluginContext } from "../../types/plugin";
+import type { AppNotificationRequest, GloomPlugin, GloomPluginContext } from "../../types/plugin";
 import type { AppAction } from "../../state/app-context";
 import { getSharedRegistry } from "../registry";
+import { notifyGridlockComplete } from "../gridlock-notification";
 import {
   dockPane,
   floatPane,
@@ -25,6 +26,11 @@ export function setLayoutManagerDispatch(
   getStateRef = getState;
 }
 
+export function clearLayoutManagerDispatch() {
+  dispatchRef = null;
+  getStateRef = null;
+}
+
 function persistLayout(layout: LayoutConfig) {
   if (!dispatchRef) return;
   dispatchRef({ type: "PUSH_LAYOUT_HISTORY" });
@@ -49,6 +55,10 @@ export const layoutManagerPlugin: GloomPlugin = {
   description: "Pane layout management commands",
 
   setup(ctx) {
+    const notify = (body: string, options?: Omit<AppNotificationRequest, "body">) => {
+      ctx.notify({ body, ...options });
+    };
+
     ctx.registerCommand({
       id: "float-pane",
       label: "Float Pane",
@@ -63,7 +73,7 @@ export const layoutManagerPlugin: GloomPlugin = {
         const { layout, termWidth, termHeight, focusedPaneId } = getStateRef();
         const focusedPane = getFocusedPane(layout, focusedPaneId);
         if (!focusedPane || !isPaneDocked(layout, focusedPane.instanceId)) {
-          ctx.showToast("Focus a docked pane to float it", { type: "info" });
+          notify("Focus a docked pane to float it", { type: "info" });
           return;
         }
 
@@ -88,7 +98,7 @@ export const layoutManagerPlugin: GloomPlugin = {
         const { layout, focusedPaneId } = getStateRef();
         const focusedPane = getFocusedPane(layout, focusedPaneId);
         if (!focusedPane || !layout.floating.some((entry) => entry.instanceId === focusedPane.instanceId)) {
-          ctx.showToast("Focus a floating pane to dock it", { type: "info" });
+          notify("Focus a floating pane to dock it", { type: "info" });
           return;
         }
 
@@ -107,7 +117,7 @@ export const layoutManagerPlugin: GloomPlugin = {
       hidden: () => true,
       execute: async () => {
         ctx.openCommandBar("NP ");
-        ctx.showToast("Choose a pane template to create", { type: "info" });
+        notify("Choose a pane template to create", { type: "info" });
       },
     });
 
@@ -116,12 +126,15 @@ export const layoutManagerPlugin: GloomPlugin = {
       label: "Gridlock All Windows",
       description: "Arrange all visible panes into a tiled grid",
       keywords: ["grid", "gridlock", "tile", "arrange", "windows", "layout"],
+      shortcut: "GL",
       category: "config",
       execute: async () => {
         if (!getStateRef) return;
         const { layout, termWidth, termHeight } = getStateRef();
         persistLayout(gridlockAllPanes(layout, { x: 0, y: 0, width: termWidth, height: termHeight }));
-        ctx.showToast("Retiled all panes", { type: "success" });
+        notifyGridlockComplete(ctx.notify, () => {
+          dispatchRef?.({ type: "UNDO_LAYOUT" });
+        });
       },
     });
 
@@ -136,7 +149,7 @@ export const layoutManagerPlugin: GloomPlugin = {
         const { layout, focusedPaneId } = getStateRef();
         const focusedPane = getFocusedPane(layout, focusedPaneId);
         if (!focusedPane || !isPaneInLayout(layout, focusedPane.instanceId)) {
-          ctx.showToast("Focus a pane to remove it", { type: "info" });
+          notify("Focus a pane to remove it", { type: "info" });
           return;
         }
         persistLayout(removePane(layout, focusedPane.instanceId));
@@ -153,11 +166,11 @@ export const layoutManagerPlugin: GloomPlugin = {
       execute: async (values) => {
         const name = values?.name?.trim();
         if (!name) {
-          ctx.showToast("Layout name is required", { type: "error" });
+          notify("Layout name is required", { type: "error" });
           return;
         }
         dispatchRef?.({ type: "NEW_LAYOUT", name });
-        ctx.showToast(`Layout "${name}" created`, { type: "success" });
+        notify(`Layout "${name}" created`, { type: "success" });
       },
     });
 
@@ -186,13 +199,13 @@ export const layoutManagerPlugin: GloomPlugin = {
         if (!registry) return;
         const config = registry.getConfigFn();
         if (config.layouts.length <= 1) {
-          ctx.showToast("Can't delete the only layout", { type: "error" });
+          notify("Can't delete the only layout", { type: "error" });
           return;
         }
         const index = config.activeLayoutIndex;
         const name = config.layouts[index]!.name;
         dispatchRef?.({ type: "DELETE_LAYOUT", index });
-        ctx.showToast(`Layout "${name}" deleted`, { type: "success" });
+        notify(`Layout "${name}" deleted`, { type: "success" });
       },
     });
 
@@ -206,13 +219,13 @@ export const layoutManagerPlugin: GloomPlugin = {
       execute: async (values) => {
         const name = values?.name?.trim();
         if (!name) {
-          ctx.showToast("Name is required", { type: "error" });
+          notify("Name is required", { type: "error" });
           return;
         }
         const registry = getSharedRegistry();
         if (!registry) return;
         dispatchRef?.({ type: "RENAME_LAYOUT", index: registry.getConfigFn().activeLayoutIndex, name });
-        ctx.showToast(`Layout renamed to "${name}"`, { type: "success" });
+        notify(`Layout renamed to "${name}"`, { type: "success" });
       },
     });
 
@@ -226,7 +239,7 @@ export const layoutManagerPlugin: GloomPlugin = {
         const registry = getSharedRegistry();
         if (!registry) return;
         dispatchRef?.({ type: "DUPLICATE_LAYOUT", index: registry.getConfigFn().activeLayoutIndex });
-        ctx.showToast("Layout duplicated", { type: "success" });
+        notify("Layout duplicated", { type: "success" });
       },
     });
 
@@ -242,11 +255,11 @@ export const layoutManagerPlugin: GloomPlugin = {
         const focusedPane = getFocusedPane(layout, focusedPaneId);
         const dockedPaneIds = getDockedPaneIds(layout);
         if (dockedPaneIds.length < 2) {
-          ctx.showToast("Need at least 2 docked panes to swap", { type: "info" });
+          notify("Need at least 2 docked panes to swap", { type: "info" });
           return;
         }
         if (!focusedPane || !isPaneDocked(layout, focusedPane.instanceId)) {
-          ctx.showToast("Focus a docked pane to swap it", { type: "info" });
+          notify("Focus a docked pane to swap it", { type: "info" });
           return;
         }
 
@@ -257,8 +270,12 @@ export const layoutManagerPlugin: GloomPlugin = {
         }
 
         ctx.openCommandBar("LAY ");
-        ctx.showToast("Choose a swap target from layout mode", { type: "info" });
+        notify("Choose a swap target from layout mode", { type: "info" });
       },
     });
   },
+
+  dispose() {
+    clearLayoutManagerDispatch();
+  },
 };