elbe-ui 1.0.4 → 1.0.6

package/dist/bit/_bit_provider.js

@@ -16,6 +16,7 @@ function _LoadView({}) {
 }
 export function _makeBitProvider(context, bitP) {
     function _BitProvider(p) {
+        const [streamCancel, setStreamCancel] = useState(null);
         const [state, setState] = useState({
             v: { type: "loading" },
             history: [],
@@ -74,7 +75,25 @@ export function _makeBitProvider(context, bitP) {
                     }
                 });
             }
-            const _reload = (silent) => _worker(() => bitP.worker(p), silent);
+            const _reload = (silent) => {
+                const _bit = bitP;
+                if (_bit.stream) {
+                    try {
+                        if (!silent)
+                            _partCtrl.setLoading();
+                        if (streamCancel)
+                            streamCancel();
+                        const cancel = _bit.stream(p, _partCtrl);
+                        setStreamCancel(() => cancel);
+                        return;
+                    }
+                    catch (e) {
+                        console.error("[BIT] Error in stream preparation:", e);
+                        _partCtrl.setError(e);
+                    }
+                }
+                _worker(() => _bit.worker(p), silent);
+            };
             function act(fn, silent) {
                 return __awaiter(this, void 0, void 0, function* () {
                     const data = _partCtrl.data;
@@ -113,6 +132,9 @@ export function _makeBitProvider(context, bitP) {
         useEffect(() => {
             ctrl.reload(true);
             return () => {
+                if (streamCancel)
+                    streamCancel();
+                // call dispose if exists
                 const d = ctrl.dispose;
                 if (typeof d !== "function")
                     return;
@@ -123,7 +145,7 @@ export function _makeBitProvider(context, bitP) {
                     // ignore errors during dispose
                 }
             };
-        }, [ctrl]);
+        }, []);
         // ========== DEFINE THE JSX ELEMENT ==========
         return _jsx(context.Provider, { value: ctrl, children: p.children });
     }

package/dist/bit/bit.d.ts

@@ -1,6 +1,6 @@
 import { Context } from "react";
 import { Maybe, PromiseOr } from "..";
-import { _BitCtrlMaker, _BitData, _BitGetInterface, _BitInterface } from "./_bit_utils";
+import { _BitCtrlInput, _BitCtrlMaker, _BitData, _BitGetInterface, _BitInterface } from "./_bit_utils";
 export type BitStates = "loading" | "error" | "data";
 export type BitContext<D> = Context<_BitData<D> | null>;
 export type BitTriMap<T, D> = {
@@ -14,7 +14,16 @@ export type BitUseInterface<D, P, I> = _BitGetInterface<D> & I & {
 export type BitParams<D, P, I> = {
     control?: _BitCtrlMaker<D, P, I>;
     debugLabel?: Maybe<string>;
-    worker: (params: P) => PromiseOr<D>;
+    /** the value will not be used allows Typescript to infer the data type.
+     *
+     * So, pass a value like this:
+     * `dataTypeHint: null as any as {[key: string]: number}`
+     */
+    dataTypeHint?: D;
     useHistory?: boolean;
-};
+} & ({
+    worker: (params: P) => PromiseOr<D>;
+} | {
+    stream: (params: P, ctrl: _BitCtrlInput<D, P>) => () => void;
+});
 export declare function createBit<D, P extends Object, I>({ control, ...p }: BitParams<D, P, I>): _BitInterface<D, P, I>;

package/dist/ui/components/layout/menu.js

@@ -50,7 +50,7 @@ export function Menu(p) {
                     : {})), children: wideOrOpen() && (_jsxs(_Fragment, { children: [_jsx(Button.plain, { contentAlign: "start", ariaLabel: "open/close menu", onTap: () => appBase.setMenuOpen(!appBase.menuOpen), icon: MenuIcon, style: {
                                 marginBottom: ".5rem",
                                 borderRadius: "3rem",
-                            }, children: !layoutMode.isWide && (_jsx(_Logo, { logo: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logo, logoDark: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logoDark, lMargin: 0.5 })) }), _jsx(Column, { flex: 1, scroll: true, noScrollbar: true, children: topBot.top.map((i) => (_jsx(_MenuItemView, { item: i }))) }), topBot.bottom.map((i) => (_jsx(_MenuItemView, { item: i })))] })) })] }));
+                            }, children: !layoutMode.isWide && (_jsx(_Logo, { logo: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logo, logoDark: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logoDark, lMargin: 0.5 })) }), _jsx(Column, { flex: 1, scroll: true, noScrollbar: true, children: topBot.top.map((i, index) => (_jsx(_MenuItemView, { item: i }, index))) }), topBot.bottom.map((i, index) => (_jsx(_MenuItemView, { item: i }, index)))] })) })] }));
 }
 function _MenuItemView({ item }) {
     const appBase = useAppBase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elbe-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {