42 lines
1008 B
TypeScript
42 lines
1008 B
TypeScript
import { useSyncExternalStore } from 'react';
|
|
|
|
export type HostTreeInlineHostEdit = {
|
|
hostId: string;
|
|
initialName: string;
|
|
};
|
|
|
|
type Listener = () => void;
|
|
|
|
class HostTreeInlineHostEditStore {
|
|
private edit: HostTreeInlineHostEdit | null = null;
|
|
private listeners = new Set<Listener>();
|
|
|
|
getEdit = () => this.edit;
|
|
|
|
startEdit = (edit: HostTreeInlineHostEdit) => {
|
|
this.edit = edit;
|
|
this.listeners.forEach((listener) => listener());
|
|
};
|
|
|
|
clear = () => {
|
|
if (!this.edit) return;
|
|
this.edit = null;
|
|
this.listeners.forEach((listener) => listener());
|
|
};
|
|
|
|
subscribe = (listener: Listener) => {
|
|
this.listeners.add(listener);
|
|
return () => this.listeners.delete(listener);
|
|
};
|
|
}
|
|
|
|
export const hostTreeInlineHostEditStore = new HostTreeInlineHostEditStore();
|
|
|
|
export const useHostTreeInlineHostEdit = () => {
|
|
return useSyncExternalStore(
|
|
hostTreeInlineHostEditStore.subscribe,
|
|
hostTreeInlineHostEditStore.getEdit,
|
|
hostTreeInlineHostEditStore.getEdit,
|
|
);
|
|
};
|