flinker 1.0.6 → 2.0.0

package/dist/cjs/RXPublisher.js

@@ -202,9 +202,7 @@ exports.RXDelayedError = RXDelayedError;
 var RXEmitter = /** @class */ (function (_super) {
     __extends(RXEmitter, _super);
     function RXEmitter() {
-        var _this = this;
-        console.log('new RXEmitter');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._hasValue = false;
         _this.hasError = false;
         _this._err = undefined;
@@ -407,9 +405,7 @@ exports.RXOperation = RXOperation;
 var RXCombine = /** @class */ (function (_super) {
     __extends(RXCombine, _super);
     function RXCombine(list) {
-        var _this = this;
-        console.log('new RXCombine');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._values = [];
         _this._hasError = false;
         _this._err = undefined;
@@ -464,9 +460,7 @@ exports.RXCombine = RXCombine;
 var RXFrom = /** @class */ (function (_super) {
     __extends(RXFrom, _super);
     function RXFrom(list) {
-        var _this = this;
-        console.log('new RXFrom');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this.values = list;
         _this.sendComplete();
         return _this;
@@ -487,9 +481,7 @@ exports.RXFrom = RXFrom;
 var RXWaitUntilComplete = /** @class */ (function (_super) {
     __extends(RXWaitUntilComplete, _super);
     function RXWaitUntilComplete(list, resultPublisher) {
-        var _this = this;
-        console.log('new RXSequence');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._value = undefined;
         _this._hasError = false;
         _this._err = undefined;

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.asyncDelay = exports.MD5 = exports.RXSubscriber = exports.RXPipeline = exports.RXReplaceError = exports.RXDebounce = exports.RXRemoveDuplicates = exports.RXSkipNullable = exports.RXSkipFirst = exports.RXSpread = exports.RXFilter = exports.RXParallel = exports.RXSequent = exports.RXForEach = exports.RXFlatMap = exports.RXMap = exports.RXOperator = exports.RenderQueueStatus = exports.ObservableGlobalState = exports.JSXSubscriber = exports.observer = exports.observeFrom = exports.observe = exports.RXQueue = exports.RXQueueOperator = exports.RXObservableValue = exports.RXObservableEntity = exports.RXWaitUntilComplete = exports.RXFrom = exports.RXCombine = exports.RXOperation = exports.RXBuffer = exports.RXSubject = exports.RXEmitter = exports.RXDelayedError = exports.RXDelayedComplete = exports.RXJustError = exports.RXJustComplete = exports.RXPublisher = exports.RX = void 0;
+exports.asyncDelay = exports.MD5 = exports.RXSubscriber = exports.RXPipeline = exports.RXReplaceError = exports.RXDebounce = exports.RXRemoveDuplicates = exports.RXSkipNullable = exports.RXSkipFirst = exports.RXSpread = exports.RXFilter = exports.RXParallel = exports.RXSequent = exports.RXForEach = exports.RXFlatMap = exports.RXMap = exports.RXOperator = exports.RXQueue = exports.RXQueueOperator = exports.RXObservableValue = exports.RXObservableEntity = exports.RXWaitUntilComplete = exports.RXFrom = exports.RXCombine = exports.RXOperation = exports.RXBuffer = exports.RXSubject = exports.RXEmitter = exports.RXDelayedError = exports.RXDelayedComplete = exports.RXJustError = exports.RXJustComplete = exports.RXPublisher = exports.RX = void 0;
 var RX_js_1 = require("./RX.js");
 Object.defineProperty(exports, "RX", { enumerable: true, get: function () { return RX_js_1.RX; } });
 var RXPublisher_js_1 = require("./RXPublisher.js");
@@ -20,13 +20,6 @@ Object.defineProperty(exports, "RXObservableEntity", { enumerable: true, get: fu
 Object.defineProperty(exports, "RXObservableValue", { enumerable: true, get: function () { return RXPublisher_js_1.RXObservableValue; } });
 Object.defineProperty(exports, "RXQueueOperator", { enumerable: true, get: function () { return RXPublisher_js_1.RXQueueOperator; } });
 Object.defineProperty(exports, "RXQueue", { enumerable: true, get: function () { return RXPublisher_js_1.RXQueue; } });
-var RXObserver_js_1 = require("./RXObserver.js");
-Object.defineProperty(exports, "observe", { enumerable: true, get: function () { return RXObserver_js_1.observe; } });
-Object.defineProperty(exports, "observeFrom", { enumerable: true, get: function () { return RXObserver_js_1.observeFrom; } });
-Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return RXObserver_js_1.observer; } });
-Object.defineProperty(exports, "JSXSubscriber", { enumerable: true, get: function () { return RXObserver_js_1.JSXSubscriber; } });
-Object.defineProperty(exports, "ObservableGlobalState", { enumerable: true, get: function () { return RXObserver_js_1.ObservableGlobalState; } });
-Object.defineProperty(exports, "RenderQueueStatus", { enumerable: true, get: function () { return RXObserver_js_1.RenderQueueStatus; } });
 var RXOperator_js_1 = require("./RXOperator.js");
 Object.defineProperty(exports, "RXOperator", { enumerable: true, get: function () { return RXOperator_js_1.RXOperator; } });
 Object.defineProperty(exports, "RXMap", { enumerable: true, get: function () { return RXOperator_js_1.RXMap; } });

package/dist/esm/RXPublisher.js

@@ -199,9 +199,7 @@ export { RXDelayedError };
 var RXEmitter = /** @class */ (function (_super) {
     __extends(RXEmitter, _super);
     function RXEmitter() {
-        var _this = this;
-        console.log('new RXEmitter');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._hasValue = false;
         _this.hasError = false;
         _this._err = undefined;
@@ -404,9 +402,7 @@ export { RXOperation };
 var RXCombine = /** @class */ (function (_super) {
     __extends(RXCombine, _super);
     function RXCombine(list) {
-        var _this = this;
-        console.log('new RXCombine');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._values = [];
         _this._hasError = false;
         _this._err = undefined;
@@ -461,9 +457,7 @@ export { RXCombine };
 var RXFrom = /** @class */ (function (_super) {
     __extends(RXFrom, _super);
     function RXFrom(list) {
-        var _this = this;
-        console.log('new RXFrom');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this.values = list;
         _this.sendComplete();
         return _this;
@@ -484,9 +478,7 @@ export { RXFrom };
 var RXWaitUntilComplete = /** @class */ (function (_super) {
     __extends(RXWaitUntilComplete, _super);
     function RXWaitUntilComplete(list, resultPublisher) {
-        var _this = this;
-        console.log('new RXSequence');
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._value = undefined;
         _this._hasError = false;
         _this._err = undefined;

package/dist/esm/index.js

@@ -1,6 +1,5 @@
 export { RX, } from "./RX.js";
 export { RXPublisher, RXJustComplete, RXJustError, RXDelayedComplete, RXDelayedError, RXEmitter, RXSubject, RXBuffer, RXOperation, RXCombine, RXFrom, RXWaitUntilComplete, RXObservableEntity, RXObservableValue, RXQueueOperator, RXQueue, } from "./RXPublisher.js";
-export { observe, observeFrom, observer, JSXSubscriber, ObservableGlobalState, RenderQueueStatus, } from "./RXObserver.js";
 export { RXOperator, RXMap, RXFlatMap, RXForEach, RXSequent, RXParallel, RXFilter, RXSpread, RXSkipFirst, RXSkipNullable, RXRemoveDuplicates, RXDebounce, RXReplaceError, } from "./RXOperator.js";
 export { RXPipeline } from "./RXPipeline.js";
 export { RXSubscriber } from "./RXSubscriber.js";

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export { RXAnySender, RXSender, RX, } from "./RX.js";
 export { AnyRXObservable, RXObservable, RXPublisherUID, RXPublisher, RXJustComplete, RXJustError, RXDelayedComplete, RXDelayedError, RXEmitter, RXSubject, RXBuffer, RXOperation, RXCombine, RXFrom, RXWaitUntilComplete, RXObservableEntity, RXObservableValue, RXAnyQueueOperator, RXQueueOperator, RXQueue, } from "./RXPublisher.js";
-export { observe, observeFrom, observer, JSXSubscriber, ObservableGlobalState, RenderQueueStatus, } from "./RXObserver.js";
 export { RXOperatorProtocol, RXAnyOperator, RXOperator, RXMap, RXFlatMap, RXForEach, RXSequent, RXParallel, RXFilter, RXSpread, RXSkipFirst, RXSkipNullable, RXRemoveDuplicates, RXDebounce, RXReplaceError, } from "./RXOperator.js";
 export { RXAnyPipeline, RXPipeline } from "./RXPipeline.js";
 export { ErrorMethod, CompleteMethod, SubscribeMethod, RXAnySubscriber, RXSubscriber } from "./RXSubscriber.js";

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "flinker",
   "description": "RX.ts lib for building frontend apps",
-  "version": "1.0.6",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dittner/Flinker.git"
   },
   "keywords": [
-    "RX.ts",
-    "React",
-    "App state manager"
+    "RX.ts"
   ],
   "author": "Alexander Dittner",
   "license": "MIT",
@@ -64,9 +62,7 @@
     "ts-jest": "^29.3.0",
     "typescript": "^5.8.2",
     "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@types/react-dom": "^19.0.4"
   },
   "directories": {
     "test": "test"

package/dist/RXObserver.d.ts

@@ -1,33 +0,0 @@
-import { type AnyRXObservable, type RXObservable } from './RXPublisher.js';
-export declare function observe<RXElement extends AnyRXObservable | undefined>(rx: RXElement): RXElement;
-export declare function observeFrom(rx: () => AnyRXObservable): void;
-export declare function observer<T>(component: (props: T) => React.JSX.Element): (props: T) => React.JSX.Element;
-type JSXSubscriberUID = number;
-export declare class JSXSubscriber {
-    static readonly empty: JSXSubscriber;
-    readonly uid: JSXSubscriberUID;
-    private readonly buildersSet;
-    private readonly unsubscribeColl;
-    renderCycle: number;
-    initialized: boolean;
-    readonly forceRenderFunc: (renderCycle: number) => void;
-    constructor(forceRenderFunc: (renderCycle: number) => void);
-    private _isDisposed;
-    get isDisposed(): boolean;
-    observe<V, E>(b: RXObservable<V, E>): void;
-    observeFrom(f: () => AnyRXObservable): void;
-    dispose(): void;
-    resurrect(): void;
-    render(renderCycle: number): boolean;
-}
-export declare class ObservableGlobalState {
-    static renderCycle: number;
-    static initializingJSXComponent: JSXSubscriber;
-    static debug: boolean;
-}
-export declare enum RenderQueueStatus {
-    IDLE = "IDLE",
-    PENDING = "PENDING",
-    RUNNING = "LOADING"
-}
-export {};

package/dist/cjs/RXObserver.js

@@ -1,255 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueueStatus = exports.ObservableGlobalState = exports.JSXSubscriber = void 0;
-exports.observe = observe;
-exports.observeFrom = observeFrom;
-exports.observer = observer;
-var react_1 = require("react");
-var __DEV__ = false;
-/*
-*
-*
-* GLOBAL OBSERVE METHODS
-*
-*
-* */
-function observe(rx) {
-    if (rx) {
-        var jsxSubscriber = ObservableGlobalState.initializingJSXComponent;
-        if (jsxSubscriber !== JSXSubscriber.empty) {
-            logInfo('observe(' + rx.constructor.name + '), subscriber uid =', jsxSubscriber.uid);
-            jsxSubscriber.observe(rx);
-        }
-        else {
-            logWarn('observe(' + rx.constructor.name + ') is failed: JSX Function Component has not "observer" wrapper!');
-        }
-    }
-    return rx;
-}
-function observeFrom(rx) {
-    if (rx) {
-        var jsxSubscriber = ObservableGlobalState.initializingJSXComponent;
-        if (jsxSubscriber !== JSXSubscriber.empty) {
-            logInfo('observeFunc(' + rx.constructor.name + '), subscriber uid =', jsxSubscriber.uid);
-            jsxSubscriber.observeFrom(rx);
-        }
-        else {
-            logWarn('observeFunc(' + rx.constructor.name + ') is failed: JSX Function Component has not "observer" wrapper!');
-        }
-    }
-}
-function observer(component) {
-    return function (props) {
-        var subscriberRef = (0, react_1.useRef)(JSXSubscriber.empty);
-        var _a = (0, react_1.useState)(ObservableGlobalState.renderCycle), forceRender = _a[1];
-        if (subscriberRef.current === JSXSubscriber.empty) {
-            subscriberRef.current = new JSXSubscriber(function (renderCycle) {
-                forceRender(renderCycle);
-            });
-        }
-        if (__DEV__) {
-            (0, react_1.useLayoutEffect)(function () {
-                if (ObservableGlobalState.debug)
-                    logInfo('Registering of unmounting [' + subscriberRef.current.uid + ']');
-                if (subscriberRef.current.isDisposed) {
-                    if (ObservableGlobalState.debug)
-                        logInfo('Disposed Subscriber [' + subscriberRef.current.uid + '] is resurrected');
-                    subscriberRef.current.resurrect();
-                }
-                return function () {
-                    if (ObservableGlobalState.debug)
-                        logInfo('Subscriber [' + subscriberRef.current.uid + '] is unmounted and disposed');
-                    subscriberRef.current.dispose();
-                };
-            }, []);
-        }
-        else {
-            (0, react_1.useLayoutEffect)(function () { return function () { subscriberRef.current.dispose(); }; }, []);
-        }
-        var parentGlobalComponent = ObservableGlobalState.initializingJSXComponent;
-        ObservableGlobalState.initializingJSXComponent = subscriberRef.current;
-        //initializing begin
-        subscriberRef.current.renderCycle = ObservableGlobalState.renderCycle;
-        var renderedComponent = component(props);
-        subscriberRef.current.initialized = true;
-        //initializing end
-        ObservableGlobalState.initializingJSXComponent = parentGlobalComponent;
-        return renderedComponent;
-    };
-}
-var suid = (function () { var value = 0; return function () { return value++; }; })();
-var JSXSubscriber = /** @class */ (function () {
-    function JSXSubscriber(forceRenderFunc) {
-        this.buildersSet = new Set();
-        this.unsubscribeColl = Array();
-        this.renderCycle = -1;
-        this.initialized = false;
-        this._isDisposed = false;
-        this.uid = suid();
-        this.forceRenderFunc = forceRenderFunc;
-    }
-    Object.defineProperty(JSXSubscriber.prototype, "isDisposed", {
-        get: function () {
-            return this._isDisposed;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    JSXSubscriber.prototype.observe = function (b) {
-        var _this = this;
-        if (b.isComplete || this.buildersSet.has(b.suid))
-            return;
-        this.buildersSet.add(b.suid);
-        this.unsubscribeColl.push(b.pipe()
-            .onReceive(function () {
-            RenderQueue.self.add(_this);
-        })
-            .subscribe());
-    };
-    JSXSubscriber.prototype.observeFrom = function (f) {
-        var _this = this;
-        if (this.initialized)
-            return;
-        this.unsubscribeColl.push(f().pipe()
-            .skipFirst()
-            .onReceive(function () {
-            RenderQueue.self.add(_this);
-        })
-            .subscribe());
-    };
-    JSXSubscriber.prototype.dispose = function () {
-        this._isDisposed = true;
-        if (!__DEV__)
-            this.unsubscribeColl.forEach(function (f) { f(); });
-    };
-    JSXSubscriber.prototype.resurrect = function () {
-        this._isDisposed = false;
-    };
-    JSXSubscriber.prototype.render = function (renderCycle) {
-        if (this.isDisposed || this.renderCycle === renderCycle) {
-            return false;
-        }
-        else {
-            this.renderCycle = renderCycle;
-            logInfo('----::forceRenderFunc');
-            this.forceRenderFunc(this.renderCycle);
-            return true;
-        }
-    };
-    JSXSubscriber.empty = new JSXSubscriber(function () { });
-    return JSXSubscriber;
-}());
-exports.JSXSubscriber = JSXSubscriber;
-//--------------------------------------
-//  GlobalState
-//--------------------------------------
-var ObservableGlobalState = /** @class */ (function () {
-    function ObservableGlobalState() {
-    }
-    ObservableGlobalState.renderCycle = 0;
-    ObservableGlobalState.initializingJSXComponent = JSXSubscriber.empty;
-    ObservableGlobalState.debug = false;
-    return ObservableGlobalState;
-}());
-exports.ObservableGlobalState = ObservableGlobalState;
-//--------------------------------------
-//  RenderQueue
-//--------------------------------------
-var RenderQueueStatus;
-(function (RenderQueueStatus) {
-    RenderQueueStatus["IDLE"] = "IDLE";
-    RenderQueueStatus["PENDING"] = "PENDING";
-    RenderQueueStatus["RUNNING"] = "LOADING";
-})(RenderQueueStatus || (exports.RenderQueueStatus = RenderQueueStatus = {}));
-var RenderQueue = /** @class */ (function () {
-    function RenderQueue() {
-        this.temp = Array();
-        this.queue = new Set();
-        this.status = RenderQueueStatus.IDLE;
-        this.INFINITE_LOOP_LIMIT = 20;
-        this.infiniteLoopDetected = false;
-        this.loopRenderings = 0;
-    }
-    RenderQueue.prototype.add = function (s) {
-        var _this = this;
-        if (this.infiniteLoopDetected)
-            return;
-        if (this.status === RenderQueueStatus.RUNNING) {
-            this.temp.push(s);
-        }
-        else {
-            this.queue.add(s);
-            if (this.status === RenderQueueStatus.IDLE) {
-                this.status = RenderQueueStatus.PENDING;
-                setTimeout(function () {
-                    _this.render();
-                }, 0);
-            }
-        }
-    };
-    RenderQueue.prototype.render = function () {
-        var _this = this;
-        logInfo('RenderQueue:render: begin, cycle:', ObservableGlobalState.renderCycle);
-        this.status = RenderQueueStatus.RUNNING;
-        ObservableGlobalState.renderCycle++;
-        var renderedComponentsCount = 0;
-        Array.from(this.queue)
-            .sort(function (s1, s2) { return s1.uid - s2.uid; })
-            .forEach(function (subscriber) {
-            subscriber.render(ObservableGlobalState.renderCycle) && renderedComponentsCount++;
-        });
-        this.queue.clear();
-        this.status = RenderQueueStatus.IDLE;
-        if (this.temp.length > 0) {
-            this.loopRenderings++;
-            if (this.loopRenderings > 2) {
-                logWarn.apply(void 0, __spreadArray(__spreadArray(['Sending value from publisher while jsx-component is rendering may cause an infinite loop. Loop renderings:', this.loopRenderings,
-                    '. Most active publishers: ['], this.temp.map(function (ob) { return ob.constructor.name; }), false), [']'], false));
-            }
-            if (this.loopRenderings < this.INFINITE_LOOP_LIMIT) {
-                this.temp.forEach(function (publisherUID) {
-                    _this.add(publisherUID);
-                });
-                this.temp.length = 0;
-            }
-            else {
-                this.infiniteLoopDetected = true;
-                logWarn('--Infinite Loop! The possible reason: An executed jsx-component X invoked new rendering of a jsx-component, ' +
-                    'that caused mutation in publisher, that trigger again force render of X');
-            }
-        }
-        else {
-            this.loopRenderings = 0;
-        }
-        logInfo('RenderQueue:render: end, renderedComponentsCount:', renderedComponentsCount);
-    };
-    RenderQueue.self = new RenderQueue();
-    return RenderQueue;
-}());
-//--------------------------------------
-//  logging
-//--------------------------------------
-var logInfo = function () {
-    var msg = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        msg[_i] = arguments[_i];
-    }
-    if (ObservableGlobalState.debug)
-        console.log.apply(console, msg);
-};
-var logWarn = function () {
-    var msg = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        msg[_i] = arguments[_i];
-    }
-    console.warn.apply(console, msg);
-};

package/dist/esm/RXObserver.js

@@ -1,249 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { useLayoutEffect, useRef, useState } from 'react';
-var __DEV__ = false;
-/*
-*
-*
-* GLOBAL OBSERVE METHODS
-*
-*
-* */
-export function observe(rx) {
-    if (rx) {
-        var jsxSubscriber = ObservableGlobalState.initializingJSXComponent;
-        if (jsxSubscriber !== JSXSubscriber.empty) {
-            logInfo('observe(' + rx.constructor.name + '), subscriber uid =', jsxSubscriber.uid);
-            jsxSubscriber.observe(rx);
-        }
-        else {
-            logWarn('observe(' + rx.constructor.name + ') is failed: JSX Function Component has not "observer" wrapper!');
-        }
-    }
-    return rx;
-}
-export function observeFrom(rx) {
-    if (rx) {
-        var jsxSubscriber = ObservableGlobalState.initializingJSXComponent;
-        if (jsxSubscriber !== JSXSubscriber.empty) {
-            logInfo('observeFunc(' + rx.constructor.name + '), subscriber uid =', jsxSubscriber.uid);
-            jsxSubscriber.observeFrom(rx);
-        }
-        else {
-            logWarn('observeFunc(' + rx.constructor.name + ') is failed: JSX Function Component has not "observer" wrapper!');
-        }
-    }
-}
-export function observer(component) {
-    return function (props) {
-        var subscriberRef = useRef(JSXSubscriber.empty);
-        var _a = useState(ObservableGlobalState.renderCycle), forceRender = _a[1];
-        if (subscriberRef.current === JSXSubscriber.empty) {
-            subscriberRef.current = new JSXSubscriber(function (renderCycle) {
-                forceRender(renderCycle);
-            });
-        }
-        if (__DEV__) {
-            useLayoutEffect(function () {
-                if (ObservableGlobalState.debug)
-                    logInfo('Registering of unmounting [' + subscriberRef.current.uid + ']');
-                if (subscriberRef.current.isDisposed) {
-                    if (ObservableGlobalState.debug)
-                        logInfo('Disposed Subscriber [' + subscriberRef.current.uid + '] is resurrected');
-                    subscriberRef.current.resurrect();
-                }
-                return function () {
-                    if (ObservableGlobalState.debug)
-                        logInfo('Subscriber [' + subscriberRef.current.uid + '] is unmounted and disposed');
-                    subscriberRef.current.dispose();
-                };
-            }, []);
-        }
-        else {
-            useLayoutEffect(function () { return function () { subscriberRef.current.dispose(); }; }, []);
-        }
-        var parentGlobalComponent = ObservableGlobalState.initializingJSXComponent;
-        ObservableGlobalState.initializingJSXComponent = subscriberRef.current;
-        //initializing begin
-        subscriberRef.current.renderCycle = ObservableGlobalState.renderCycle;
-        var renderedComponent = component(props);
-        subscriberRef.current.initialized = true;
-        //initializing end
-        ObservableGlobalState.initializingJSXComponent = parentGlobalComponent;
-        return renderedComponent;
-    };
-}
-var suid = (function () { var value = 0; return function () { return value++; }; })();
-var JSXSubscriber = /** @class */ (function () {
-    function JSXSubscriber(forceRenderFunc) {
-        this.buildersSet = new Set();
-        this.unsubscribeColl = Array();
-        this.renderCycle = -1;
-        this.initialized = false;
-        this._isDisposed = false;
-        this.uid = suid();
-        this.forceRenderFunc = forceRenderFunc;
-    }
-    Object.defineProperty(JSXSubscriber.prototype, "isDisposed", {
-        get: function () {
-            return this._isDisposed;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    JSXSubscriber.prototype.observe = function (b) {
-        var _this = this;
-        if (b.isComplete || this.buildersSet.has(b.suid))
-            return;
-        this.buildersSet.add(b.suid);
-        this.unsubscribeColl.push(b.pipe()
-            .onReceive(function () {
-            RenderQueue.self.add(_this);
-        })
-            .subscribe());
-    };
-    JSXSubscriber.prototype.observeFrom = function (f) {
-        var _this = this;
-        if (this.initialized)
-            return;
-        this.unsubscribeColl.push(f().pipe()
-            .skipFirst()
-            .onReceive(function () {
-            RenderQueue.self.add(_this);
-        })
-            .subscribe());
-    };
-    JSXSubscriber.prototype.dispose = function () {
-        this._isDisposed = true;
-        if (!__DEV__)
-            this.unsubscribeColl.forEach(function (f) { f(); });
-    };
-    JSXSubscriber.prototype.resurrect = function () {
-        this._isDisposed = false;
-    };
-    JSXSubscriber.prototype.render = function (renderCycle) {
-        if (this.isDisposed || this.renderCycle === renderCycle) {
-            return false;
-        }
-        else {
-            this.renderCycle = renderCycle;
-            logInfo('----::forceRenderFunc');
-            this.forceRenderFunc(this.renderCycle);
-            return true;
-        }
-    };
-    JSXSubscriber.empty = new JSXSubscriber(function () { });
-    return JSXSubscriber;
-}());
-export { JSXSubscriber };
-//--------------------------------------
-//  GlobalState
-//--------------------------------------
-var ObservableGlobalState = /** @class */ (function () {
-    function ObservableGlobalState() {
-    }
-    ObservableGlobalState.renderCycle = 0;
-    ObservableGlobalState.initializingJSXComponent = JSXSubscriber.empty;
-    ObservableGlobalState.debug = false;
-    return ObservableGlobalState;
-}());
-export { ObservableGlobalState };
-//--------------------------------------
-//  RenderQueue
-//--------------------------------------
-export var RenderQueueStatus;
-(function (RenderQueueStatus) {
-    RenderQueueStatus["IDLE"] = "IDLE";
-    RenderQueueStatus["PENDING"] = "PENDING";
-    RenderQueueStatus["RUNNING"] = "LOADING";
-})(RenderQueueStatus || (RenderQueueStatus = {}));
-var RenderQueue = /** @class */ (function () {
-    function RenderQueue() {
-        this.temp = Array();
-        this.queue = new Set();
-        this.status = RenderQueueStatus.IDLE;
-        this.INFINITE_LOOP_LIMIT = 20;
-        this.infiniteLoopDetected = false;
-        this.loopRenderings = 0;
-    }
-    RenderQueue.prototype.add = function (s) {
-        var _this = this;
-        if (this.infiniteLoopDetected)
-            return;
-        if (this.status === RenderQueueStatus.RUNNING) {
-            this.temp.push(s);
-        }
-        else {
-            this.queue.add(s);
-            if (this.status === RenderQueueStatus.IDLE) {
-                this.status = RenderQueueStatus.PENDING;
-                setTimeout(function () {
-                    _this.render();
-                }, 0);
-            }
-        }
-    };
-    RenderQueue.prototype.render = function () {
-        var _this = this;
-        logInfo('RenderQueue:render: begin, cycle:', ObservableGlobalState.renderCycle);
-        this.status = RenderQueueStatus.RUNNING;
-        ObservableGlobalState.renderCycle++;
-        var renderedComponentsCount = 0;
-        Array.from(this.queue)
-            .sort(function (s1, s2) { return s1.uid - s2.uid; })
-            .forEach(function (subscriber) {
-            subscriber.render(ObservableGlobalState.renderCycle) && renderedComponentsCount++;
-        });
-        this.queue.clear();
-        this.status = RenderQueueStatus.IDLE;
-        if (this.temp.length > 0) {
-            this.loopRenderings++;
-            if (this.loopRenderings > 2) {
-                logWarn.apply(void 0, __spreadArray(__spreadArray(['Sending value from publisher while jsx-component is rendering may cause an infinite loop. Loop renderings:', this.loopRenderings,
-                    '. Most active publishers: ['], this.temp.map(function (ob) { return ob.constructor.name; }), false), [']'], false));
-            }
-            if (this.loopRenderings < this.INFINITE_LOOP_LIMIT) {
-                this.temp.forEach(function (publisherUID) {
-                    _this.add(publisherUID);
-                });
-                this.temp.length = 0;
-            }
-            else {
-                this.infiniteLoopDetected = true;
-                logWarn('--Infinite Loop! The possible reason: An executed jsx-component X invoked new rendering of a jsx-component, ' +
-                    'that caused mutation in publisher, that trigger again force render of X');
-            }
-        }
-        else {
-            this.loopRenderings = 0;
-        }
-        logInfo('RenderQueue:render: end, renderedComponentsCount:', renderedComponentsCount);
-    };
-    RenderQueue.self = new RenderQueue();
-    return RenderQueue;
-}());
-//--------------------------------------
-//  logging
-//--------------------------------------
-var logInfo = function () {
-    var msg = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        msg[_i] = arguments[_i];
-    }
-    if (ObservableGlobalState.debug)
-        console.log.apply(console, msg);
-};
-var logWarn = function () {
-    var msg = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        msg[_i] = arguments[_i];
-    }
-    console.warn.apply(console, msg);
-};