dify/web/app/components/snippets/store/index.ts

'use client'

import type { SnippetDetail, SnippetInputField } from '@/models/snippet'
import { create } from 'zustand'

type SnippetNavigationState = {
  snippet?: SnippetDetail
  snippetId?: string
  readonly: boolean
  onFieldsChange?: (fields: SnippetInputField[]) => void
}

type SnippetDetailUIState = {
  setNavigationState: (state: SnippetNavigationState) => void
  reset: () => void
} & SnippetNavigationState

const initialState = {
  readonly: true,
  snippet: undefined,
  snippetId: undefined,
  onFieldsChange: undefined,
}

export const useSnippetDetailStore = create<SnippetDetailUIState>(set => ({
  ...initialState,
  setNavigationState: state => set(state),
  reset: () => set(initialState),
}))