Brendan Allan
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { createComputed, on, type Accessor } from "solid-js"
|
|
import { createStore, type SetStoreFunction } from "solid-js/store"
|
|
import type { PromptHistoryEntry } from "./history"
|
|
|
|
export type PromptInputTransientState = {
|
|
popover: "at" | "slash" | null
|
|
slashMenu: boolean
|
|
slashMenuQuery: string
|
|
historyIndex: number
|
|
savedPrompt: PromptHistoryEntry | null
|
|
placeholder: number
|
|
draggingType: "image" | "@mention" | null
|
|
mode: "normal" | "shell"
|
|
applyingHistory: boolean
|
|
}
|
|
|
|
function resetPromptInputTransientState(setStore: SetStoreFunction<PromptInputTransientState>) {
|
|
setStore({
|
|
popover: null,
|
|
slashMenu: false,
|
|
slashMenuQuery: "",
|
|
historyIndex: -1,
|
|
savedPrompt: null,
|
|
draggingType: null,
|
|
mode: "normal",
|
|
applyingHistory: false,
|
|
})
|
|
}
|
|
|
|
export function createPromptInputTransientState(identity: Accessor<unknown>, placeholder: number) {
|
|
const [store, setStore] = createStore<PromptInputTransientState>({
|
|
popover: null,
|
|
slashMenu: false,
|
|
slashMenuQuery: "",
|
|
historyIndex: -1,
|
|
savedPrompt: null,
|
|
placeholder,
|
|
draggingType: null,
|
|
mode: "normal",
|
|
applyingHistory: false,
|
|
})
|
|
|
|
createComputed(on(identity, () => resetPromptInputTransientState(setStore), { defer: true }))
|
|
|
|
return [store, setStore] as const
|
|
}
|