react-obsidian 0.0.32 → 0.0.34

package/src/observable/types.ts

@@ -0,0 +1,7 @@
+export type OnNext<T> = (value: T) => void;
+export type Unsubscribe = () => void;
+
+export interface Observable<T> {
+  value: T;
+  subscribe(onNext: OnNext<T>): Unsubscribe;
+}

package/src/observable/useObserver.ts

@@ -0,0 +1,17 @@
+/* eslint-disable no-param-reassign */
+import { useCallback, useEffect, useState } from 'react';
+import { Observable } from './Observable';
+
+export function useObserver<T>(observable: Observable<T>): [T, (next: T) => void] {
+  const [value, setValue] = useState(observable.value);
+  const onNext = useCallback((next: T) => {
+    setValue(next);
+    observable.value = value;
+  }, [observable]);
+
+  useEffect(() => {
+    return observable.subscribe(setValue);
+  }, [observable]);
+
+  return [value, onNext];
+}