pilotswarm 0.0.1 → 0.4.0

package/ui/react/src/index.js

@@ -0,0 +1,4 @@
+export * from "./platform.js";
+export * from "./use-controller-state.js";
+export * from "./components.js";
+export * from "./web-app.js";

package/ui/react/src/platform.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+const UiPlatformContext = React.createContext(null);
+
+export function UiPlatformProvider({ platform, children }) {
+    return React.createElement(UiPlatformContext.Provider, { value: platform }, children);
+}
+
+export function useUiPlatform() {
+    const platform = React.useContext(UiPlatformContext);
+    if (!platform) {
+        throw new Error("useUiPlatform must be used within a UiPlatformProvider");
+    }
+    return platform;
+}

package/ui/react/src/use-controller-state.js

@@ -0,0 +1,38 @@
+import React from "react";
+
+export function useControllerState(controller) {
+    const [state, setState] = React.useState(controller.getState());
+
+    React.useEffect(() => {
+        return controller.subscribe((nextState) => {
+            setState(nextState);
+        });
+    }, [controller]);
+
+    return state;
+}
+
+export function useControllerSelector(controller, selector, isEqual = Object.is) {
+    const selectorRef = React.useRef(selector);
+    const isEqualRef = React.useRef(isEqual);
+    selectorRef.current = selector;
+    isEqualRef.current = isEqual;
+
+    const [selected, setSelected] = React.useState(() => selector(controller.getState()));
+    const selectedRef = React.useRef(selected);
+
+    React.useEffect(() => {
+        selectedRef.current = selected;
+    }, [selected]);
+
+    React.useEffect(() => controller.subscribe((nextState) => {
+        const nextSelected = selectorRef.current(nextState);
+        if (isEqualRef.current(selectedRef.current, nextSelected)) {
+            return;
+        }
+        selectedRef.current = nextSelected;
+        setSelected(nextSelected);
+    }), [controller]);
+
+    return selected;
+}