testing-change-actions-on-focus.ts

import "@johnlindquist/kit"
import type { Action } from "@johnlindquist/kit"

export const metadata: Metadata = {
  name: "Testing Change Actions on Focus",
}

// Define possible states
type ActionState = "open" | "closed"

// Create a state manager class
class ActionStateManager {
  private currentState: ActionState = "open"
  
  private readonly stateActions: Record<ActionState, Action[]> = {
    open: [{
      name: "Open",
      shortcut: `${cmd}+p`,
      onAction: (input, state) => {
        console.log(`open ${state.focused.value}`);
      },
    }],
    closed: [{
      name: "Close",
      shortcut: `${cmd}+p`,
      onAction: (input, state) => {
        console.log(`close ${state.focused.value}`);
      },
    }],
  }

  transition(newState: ActionState): void {
    if (this.currentState !== newState) {
      this.currentState = newState
      setActions(this.stateActions[newState])
    }
  }

  getCurrentActions(): Action[] {
    return this.stateActions[this.currentState]
  }
}

const stateManager = new ActionStateManager()

await arg(
  {
    placeholder: "Pick One",
    onChoiceFocus: (input, state) => {
      stateManager.transition(state.focused.value === "two" ? "closed" : "open")
    },
  },
  [
    "one",
    "two",
    "three",
  ],
  stateManager.getCurrentActions()
)