dify/web/app/components/workflow/persistence/local-storage-options.ts

import { createLocalStorageState } from 'foxact/create-local-storage-state'
import { NOTE_SHOW_AUTHOR_STORAGE_KEY } from '../note-node/constants'
import { ControlMode } from '../types'

const WORKFLOW_NODE_PANEL_WIDTH_KEY = 'workflow-node-panel-width'
const WORKFLOW_PREVIEW_PANEL_WIDTH_KEY = 'debug-and-preview-panel-width'
const WORKFLOW_VARIABLE_INSPECT_PANEL_HEIGHT_KEY = 'workflow-variable-inpsect-panel-height'
const WORKFLOW_OPERATION_MODE_KEY = 'workflow-operation-mode'

const rawStorageOptions = { raw: true } as const
const numberStorageOptions = {
  serializer: String,
  deserializer: Number,
} as const

export const isControlMode = (value: string | null): value is ControlMode => {
  return (
    value === ControlMode.Pointer || value === ControlMode.Hand || value === ControlMode.Comment
  )
}

export const isFiniteNumber = (value: number | null): value is number => {
  return value !== null && Number.isFinite(value)
}

const [_useWorkflowNodePanelWidth, useWorkflowNodePanelWidthValue, useSetWorkflowNodePanelWidth] =
  createLocalStorageState<number>(WORKFLOW_NODE_PANEL_WIDTH_KEY, undefined, numberStorageOptions)

const [_useDebugPreviewPanelWidth, useDebugPreviewPanelWidthValue, useSetDebugPreviewPanelWidth] =
  createLocalStorageState<number>(WORKFLOW_PREVIEW_PANEL_WIDTH_KEY, undefined, numberStorageOptions)

const [
  _useWorkflowVariableInspectPanelHeight,
  useWorkflowVariableInspectPanelHeightValue,
  useSetWorkflowVariableInspectPanelHeight,
] = createLocalStorageState<number>(
  WORKFLOW_VARIABLE_INSPECT_PANEL_HEIGHT_KEY,
  undefined,
  numberStorageOptions,
)

const [useWorkflowOperationMode, _useWorkflowOperationModeValue, _useSetWorkflowOperationMode] =
  createLocalStorageState<string>(WORKFLOW_OPERATION_MODE_KEY, undefined, rawStorageOptions)

const [_useWorkflowNoteShowAuthor, useWorkflowNoteShowAuthorValue, useSetWorkflowNoteShowAuthor] =
  createLocalStorageState<string>(NOTE_SHOW_AUTHOR_STORAGE_KEY, 'true', rawStorageOptions)

export {
  useDebugPreviewPanelWidthValue,
  useSetDebugPreviewPanelWidth,
  useSetWorkflowNodePanelWidth,
  useSetWorkflowNoteShowAuthor,
  useSetWorkflowVariableInspectPanelHeight,
  useWorkflowNodePanelWidthValue,
  useWorkflowNoteShowAuthorValue,
  useWorkflowOperationMode,
  useWorkflowVariableInspectPanelHeightValue,
}