createStoreMethods API

import { createStoreMethods } from '$lib';

// Create store methods instance
const { openPalette, closePalette, togglePalette } = createStoreMethods();

// Open programmatically
function handleButtonClick() {
  openPalette();
}

// Close with custom logic
function handleSave() {
  saveData();
  closePalette();
}

// Toggle visibility
function handleKeyPress(event) {
  if (event.key === 'p' && event.metaKey) {
    togglePalette();
  }
}

<script lang="ts">
  import { paletteStore, createStoreMethods } from '$lib';
  
  const { openPalette, closePalette } = createStoreMethods();
  
  // React to store changes
  $: if ($paletteStore.isVisible) {
    console.log('Palette opened');
  }
  
  // Access called actions history
  $: recentActions = $paletteStore.calledActions;
</script>

<button on:click={openPalette}>
  Open Palette
</button>

{#if recentActions.length > 0}
  <p>Last action: {recentActions[recentActions.length - 1]}</p>
{/if}

const actions = defineActions([
  {
    title: 'Close and Navigate',
    onRun: ({ storeMethods }) => {
      // storeMethods is available in callbacks
      storeMethods.closePalette();
      goto('/dashboard');
    }
  },
  {
    title: 'Keep Open',
    onRun: ({ action, storeProps }) => {
      // Access current state
      console.log('Current search:', storeProps.textInput);
      console.log('Active command:', storeProps.activeCommandId);
      // Don't close - palette stays open
    }
  }
]);