@pacem/pacem-networking 1.0.0-abel

package/dist/bundle/pacem-networking.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../esm/index-components.js", "../esm/index-components-networking.js", "../esm/hub-proxy.js", "../esm/sse-proxy.js"],
+  "sourcesContent": ["export * as Networking from './index-components-networking';\n", "export * from './hub-proxy';\nexport * from './sse-proxy';\n", "var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { P, CustomElement, Watch, PropertyConverters, Utils, PropertyChangeEventName, CustomElementUtils, Components } from '@pacem/pacem-core';\n//namespace Pacem.Components.Networking {\nconst API_JS = 'https://cdn.jsdelivr.net/npm/@microsoft/signalr@10.0.0/dist/browser/signalr.min.js'; // 'https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/10.0.0/signalr.min.js'\nconst consts = { API_JS };\nlet PacemHubListenerElement = class PacemHubListenerElement extends Components.PacemItemElement {\n    constructor() {\n        super(...arguments);\n        this._receiveHandler = (...args) => {\n            this.dispatchEvent(new CustomEvent('receive', { detail: Array.from(args) }));\n        };\n        this._completeHandler = () => {\n            this.dispatchEvent(new Event('complete'));\n        };\n        this._errorHandler = (error) => {\n            this.dispatchEvent(new CustomEvent('error', { detail: error }));\n        };\n        this._connectedHandler = (e) => {\n            if (e.detail.propertyName === 'connected' && e.detail.currentValue === true) {\n                this._start();\n            }\n        };\n    }\n    #streamSubscription;\n    get _isConnected() {\n        return this.container instanceof PacemHubProxyElement && this.container.connected || false;\n    }\n    get _connection() {\n        return this.container instanceof PacemHubProxyElement && this.container.connection || null;\n    }\n    /** Start listening, if not disabled. */\n    start() {\n        if (!this.disabled) {\n            this._start();\n        }\n    }\n    /** Stop listening. */\n    stop() {\n        this._stop();\n    }\n    _stop(method = this.method, isStreaming = this.stream) {\n        if (!this._isConnected) {\n            return;\n        }\n        const conn = this._connection;\n        if (!Utils.isNullOrEmpty(method)) {\n            if (!isStreaming) {\n                conn.off(method, this._receiveHandler);\n            }\n            else {\n                this.#streamSubscription?.dispose();\n            }\n        }\n    }\n    _start(method = this.method, isStreaming = this.stream) {\n        if (!this._isConnected) {\n            return;\n        }\n        const conn = this._connection;\n        if (!Utils.isNullOrEmpty(method)) {\n            if (!isStreaming) {\n                conn.on(method, this._receiveHandler);\n            }\n            else {\n                const args = this.arguments || [];\n                const streamResult = signalR.HubConnection.prototype.stream.apply(conn, [method].concat(args));\n                this.#streamSubscription = streamResult.subscribe({\n                    next: this._receiveHandler,\n                    complete: this._completeHandler,\n                    error: this._errorHandler\n                });\n            }\n        }\n    }\n    viewActivatedCallback() {\n        super.viewActivatedCallback();\n        const container = this.container;\n        if (!Utils.isNull(container)) {\n            container.addEventListener(PropertyChangeEventName, this._connectedHandler, false);\n        }\n        this.start();\n    }\n    disconnectedCallback() {\n        const container = this.container;\n        if (!Utils.isNull(container)) {\n            container.removeEventListener(PropertyChangeEventName, this._connectedHandler, false);\n        }\n        super.disconnectedCallback();\n    }\n    propertyChangedCallback(name, old, val, first) {\n        super.propertyChangedCallback(name, old, val, first);\n        switch (name) {\n            case 'arguments':\n                this._stop();\n                this._start();\n                break;\n            case 'method':\n                if (!Utils.isNullOrEmpty(old)) {\n                    this._stop(old, this.stream);\n                }\n                if (!Utils.isNullOrEmpty(val)) {\n                    this._start(val, this.stream);\n                }\n                break;\n            case 'stream':\n                const m = this.method;\n                if (!Utils.isNullOrEmpty(m)) {\n                    this._stop(m, old);\n                    this._start(m, val);\n                }\n                break;\n            case 'disabled':\n                if (!Utils.isNullOrEmpty(this.method)) {\n                    let toggle = val ? this._stop : this._start;\n                    toggle();\n                }\n                break;\n        }\n    }\n};\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.String })\n], PacemHubListenerElement.prototype, \"method\", void 0);\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.Boolean })\n], PacemHubListenerElement.prototype, \"stream\", void 0);\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.Json })\n], PacemHubListenerElement.prototype, \"arguments\", void 0);\nPacemHubListenerElement = __decorate([\n    CustomElement({ tagName: P + '-hub-listener' })\n], PacemHubListenerElement);\nexport { PacemHubListenerElement };\nlet PacemHubProxyElement = class PacemHubProxyElement extends Components.PacemItemsContainerElement {\n    validate(item) {\n        return item instanceof PacemHubListenerElement;\n    }\n    get connection() {\n        return this._hub;\n    }\n    invoke(method, ...args) {\n        if (this.connected) {\n            return this._hub.invoke.apply(this._hub, arguments);\n        }\n        throw 'Hub is not connected. Cannot call `invoke` method.';\n    }\n    send(method, ...args) {\n        if (this.connected) {\n            return this._hub.send(method, ...args);\n        }\n        throw 'Hub is not connected. Cannot call `send` method.';\n    }\n    start() {\n        return this._resetProxy();\n    }\n    async stop() {\n        if (this.connected) {\n            await this._hub.stop();\n        }\n    }\n    propertyChangedCallback(name, old, val, first) {\n        super.propertyChangedCallback(name, old, val, first);\n        //\n        if (first) {\n            return;\n        }\n        if (name === 'url' || name === 'disabled' || name === 'accesstoken') {\n            this._resetProxy();\n        }\n    }\n    viewActivatedCallback() {\n        super.viewActivatedCallback();\n        this.start();\n    }\n    disconnectedCallback() {\n        // this will (likely) never complete, being an asynchrounous call...\n        // TODO: think about it.\n        this.stop();\n        super.disconnectedCallback();\n    }\n    async _resetProxy() {\n        if (!Utils.isNull(this._hub)) {\n            await this._hub.stop();\n            //this.connected = false;\n        }\n        this._setupProxy();\n    }\n    async _initialize() {\n        if ('signalR' in window) {\n            // already available, skip import\n            return;\n        }\n        await CustomElementUtils.importjs(consts.API_JS);\n    }\n    async _setupProxy() {\n        const listeners = this.items || [];\n        if (!this.disabled && !Utils.isNullOrEmpty(this.url)) {\n            await this._initialize();\n            const connBuilder = new signalR.HubConnectionBuilder();\n            connBuilder.withUrl(this.url, {\n                accessTokenFactory: () => this.accesstoken\n            });\n            const h = this._hub = connBuilder.build();\n            h.onclose(() => {\n                for (var item of listeners) {\n                    item.stop();\n                }\n                this.connected = false;\n                this._hub = null;\n            });\n            await h.start();\n            this.connected = true;\n        }\n    }\n};\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.String })\n], PacemHubProxyElement.prototype, \"url\", void 0);\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.String })\n], PacemHubProxyElement.prototype, \"accesstoken\", void 0);\n__decorate([\n    Watch({ converter: PropertyConverters.Boolean })\n], PacemHubProxyElement.prototype, \"connected\", void 0);\nPacemHubProxyElement = __decorate([\n    CustomElement({ tagName: P + '-hub-proxy' })\n], PacemHubProxyElement);\nexport { PacemHubProxyElement };\n", "var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { P, CustomElement, Watch, PropertyConverters, Utils, PropertyChangeEventName, Debounce, Components } from '@pacem/pacem-core';\n//namespace Pacem.Components.Networking {\nlet PacemServerSentEventsListenerElement = class PacemServerSentEventsListenerElement extends Components.PacemItemElement {\n    constructor() {\n        super(...arguments);\n        this._receiveHandler = (e) => {\n            this.dispatchEvent(new CustomEvent('receive', { detail: e.data }));\n        };\n        this._connectedHandler = (e) => {\n            if (e.detail.propertyName === 'connected' && e.detail.currentValue === true) {\n                this._start();\n            }\n        };\n    }\n    get _isConnected() {\n        return this.container instanceof PacemServerSentEventsProxyElement && this.container.connected || false;\n    }\n    get _connection() {\n        return this.container instanceof PacemServerSentEventsProxyElement && this.container.eventSource || null;\n    }\n    _stop(method = this.method) {\n        if (!this._isConnected) {\n            return;\n        }\n        const conn = this._connection;\n        if (!Utils.isNullOrEmpty(method)) {\n            conn.removeEventListener(method, this._receiveHandler);\n        }\n    }\n    _start(method = this.method) {\n        if (!this._isConnected) {\n            return;\n        }\n        const conn = this._connection;\n        if (!Utils.isNullOrEmpty(method)) {\n            conn.addEventListener(method, this._receiveHandler);\n        }\n    }\n    /** Start listening, if not disabled. */\n    start() {\n        if (!this.disabled) {\n            this._start();\n        }\n    }\n    /** Stop listening. */\n    stop() {\n        this._stop();\n    }\n    viewActivatedCallback() {\n        super.viewActivatedCallback();\n        const container = this.container;\n        if (!Utils.isNull(container)) {\n            container.addEventListener(PropertyChangeEventName, this._connectedHandler, false);\n        }\n        this.start();\n    }\n    disconnectedCallback() {\n        const container = this.container;\n        if (!Utils.isNull(container)) {\n            container.removeEventListener(PropertyChangeEventName, this._connectedHandler, false);\n        }\n        super.disconnectedCallback();\n    }\n    propertyChangedCallback(name, old, val, first) {\n        super.propertyChangedCallback(name, old, val, first);\n        switch (name) {\n            case 'method':\n                if (!Utils.isNullOrEmpty(old)) {\n                    this._stop(old);\n                }\n                if (!Utils.isNullOrEmpty(val)) {\n                    this._start(val);\n                }\n                break;\n            case 'disabled':\n                if (!Utils.isNullOrEmpty(this.method)) {\n                    let toggle = val ? this._stop : this._start;\n                    toggle();\n                }\n                break;\n        }\n    }\n};\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.String })\n], PacemServerSentEventsListenerElement.prototype, \"method\", void 0);\nPacemServerSentEventsListenerElement = __decorate([\n    CustomElement({ tagName: P + '-sse-listener' })\n], PacemServerSentEventsListenerElement);\nexport { PacemServerSentEventsListenerElement };\nlet PacemServerSentEventsProxyElement = class PacemServerSentEventsProxyElement extends Components.PacemItemsContainerElement {\n    constructor() {\n        super(...arguments);\n        this._connectHandler = (_) => {\n            this.connected = true;\n            this.#evtSource.onmessage = this._receiveHandler;\n        };\n        this._errorHandler = (_) => {\n            this.connected = false;\n        };\n        this._receiveHandler = (e) => {\n            this.dispatchEvent(new CustomEvent('receive', { detail: e.data }));\n        };\n    }\n    validate(item) {\n        return item instanceof PacemServerSentEventsListenerElement;\n    }\n    viewActivatedCallback() {\n        super.viewActivatedCallback();\n        this._start();\n    }\n    disconnectedCallback() {\n        this._stop();\n        super.disconnectedCallback();\n    }\n    propertyChangedCallback(name, old, val, first) {\n        super.propertyChangedCallback(name, old, val, first);\n        //\n        if (first) {\n            return;\n        }\n        if (name === 'url' || name === 'disabled') {\n            this._restart();\n        }\n    }\n    #evtSource;\n    _restart() {\n        this._stop();\n        this._start();\n    }\n    _start(url = this.url) {\n        if (!Utils.isNullOrEmpty(url) && !this.disabled) {\n            const evtSource = this.#evtSource = new EventSource(url);\n            evtSource.onopen = this._connectHandler;\n            evtSource.onerror = this._errorHandler;\n        }\n    }\n    get eventSource() {\n        return this.#evtSource;\n    }\n    _stop() {\n        const listeners = this.items || [];\n        for (var item of listeners) {\n            item.stop();\n        }\n        const evtSource = this.#evtSource;\n        if (!Utils.isNull(evtSource)) {\n            evtSource.onopen = null;\n            evtSource.onerror = null;\n            evtSource.onmessage = null;\n            evtSource.close();\n        }\n        this.connected = false;\n        this.#evtSource = null;\n    }\n};\n__decorate([\n    Watch({ emit: false, converter: PropertyConverters.String })\n], PacemServerSentEventsProxyElement.prototype, \"url\", void 0);\n__decorate([\n    Watch({ converter: PropertyConverters.Boolean })\n], PacemServerSentEventsProxyElement.prototype, \"connected\", void 0);\n__decorate([\n    Debounce(true)\n], PacemServerSentEventsProxyElement.prototype, \"_restart\", null);\nPacemServerSentEventsProxyElement = __decorate([\n    CustomElement({ tagName: P + '-sse-proxy' })\n], PacemServerSentEventsProxyElement);\nexport { PacemServerSentEventsProxyElement };\n"],
+  "mappings": "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",
+  "names": ["PacemHubListenerElement", "PacemHubProxyElement", "P", "CustomElement", "Watch", "PropertyConverters", "Utils", "PropertyChangeEventName", "Components", "__decorate", "PacemServerSentEventsListenerElement", "PacemServerSentEventsProxyElement", "Components", "Utils", "__decorate", "Watch", "PropertyConverters", "CustomElement", "P"]
+}

package/dist/esm/hub-proxy.js

@@ -0,0 +1,233 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { P, CustomElement, Watch, PropertyConverters, Utils, PropertyChangeEventName, CustomElementUtils, Components } from '@pacem/pacem-core';
+//namespace Pacem.Components.Networking {
+const API_JS = 'https://cdn.jsdelivr.net/npm/@microsoft/signalr@10.0.0/dist/browser/signalr.min.js'; // 'https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/10.0.0/signalr.min.js'
+const consts = { API_JS };
+let PacemHubListenerElement = class PacemHubListenerElement extends Components.PacemItemElement {
+    constructor() {
+        super(...arguments);
+        this._receiveHandler = (...args) => {
+            this.dispatchEvent(new CustomEvent('receive', { detail: Array.from(args) }));
+        };
+        this._completeHandler = () => {
+            this.dispatchEvent(new Event('complete'));
+        };
+        this._errorHandler = (error) => {
+            this.dispatchEvent(new CustomEvent('error', { detail: error }));
+        };
+        this._connectedHandler = (e) => {
+            if (e.detail.propertyName === 'connected' && e.detail.currentValue === true) {
+                this._start();
+            }
+        };
+    }
+    #streamSubscription;
+    get _isConnected() {
+        return this.container instanceof PacemHubProxyElement && this.container.connected || false;
+    }
+    get _connection() {
+        return this.container instanceof PacemHubProxyElement && this.container.connection || null;
+    }
+    /** Start listening, if not disabled. */
+    start() {
+        if (!this.disabled) {
+            this._start();
+        }
+    }
+    /** Stop listening. */
+    stop() {
+        this._stop();
+    }
+    _stop(method = this.method, isStreaming = this.stream) {
+        if (!this._isConnected) {
+            return;
+        }
+        const conn = this._connection;
+        if (!Utils.isNullOrEmpty(method)) {
+            if (!isStreaming) {
+                conn.off(method, this._receiveHandler);
+            }
+            else {
+                this.#streamSubscription?.dispose();
+            }
+        }
+    }
+    _start(method = this.method, isStreaming = this.stream) {
+        if (!this._isConnected) {
+            return;
+        }
+        const conn = this._connection;
+        if (!Utils.isNullOrEmpty(method)) {
+            if (!isStreaming) {
+                conn.on(method, this._receiveHandler);
+            }
+            else {
+                const args = this.arguments || [];
+                const streamResult = signalR.HubConnection.prototype.stream.apply(conn, [method].concat(args));
+                this.#streamSubscription = streamResult.subscribe({
+                    next: this._receiveHandler,
+                    complete: this._completeHandler,
+                    error: this._errorHandler
+                });
+            }
+        }
+    }
+    viewActivatedCallback() {
+        super.viewActivatedCallback();
+        const container = this.container;
+        if (!Utils.isNull(container)) {
+            container.addEventListener(PropertyChangeEventName, this._connectedHandler, false);
+        }
+        this.start();
+    }
+    disconnectedCallback() {
+        const container = this.container;
+        if (!Utils.isNull(container)) {
+            container.removeEventListener(PropertyChangeEventName, this._connectedHandler, false);
+        }
+        super.disconnectedCallback();
+    }
+    propertyChangedCallback(name, old, val, first) {
+        super.propertyChangedCallback(name, old, val, first);
+        switch (name) {
+            case 'arguments':
+                this._stop();
+                this._start();
+                break;
+            case 'method':
+                if (!Utils.isNullOrEmpty(old)) {
+                    this._stop(old, this.stream);
+                }
+                if (!Utils.isNullOrEmpty(val)) {
+                    this._start(val, this.stream);
+                }
+                break;
+            case 'stream':
+                const m = this.method;
+                if (!Utils.isNullOrEmpty(m)) {
+                    this._stop(m, old);
+                    this._start(m, val);
+                }
+                break;
+            case 'disabled':
+                if (!Utils.isNullOrEmpty(this.method)) {
+                    let toggle = val ? this._stop : this._start;
+                    toggle();
+                }
+                break;
+        }
+    }
+};
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.String })
+], PacemHubListenerElement.prototype, "method", void 0);
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.Boolean })
+], PacemHubListenerElement.prototype, "stream", void 0);
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.Json })
+], PacemHubListenerElement.prototype, "arguments", void 0);
+PacemHubListenerElement = __decorate([
+    CustomElement({ tagName: P + '-hub-listener' })
+], PacemHubListenerElement);
+export { PacemHubListenerElement };
+let PacemHubProxyElement = class PacemHubProxyElement extends Components.PacemItemsContainerElement {
+    validate(item) {
+        return item instanceof PacemHubListenerElement;
+    }
+    get connection() {
+        return this._hub;
+    }
+    invoke(method, ...args) {
+        if (this.connected) {
+            return this._hub.invoke.apply(this._hub, arguments);
+        }
+        throw 'Hub is not connected. Cannot call `invoke` method.';
+    }
+    send(method, ...args) {
+        if (this.connected) {
+            return this._hub.send(method, ...args);
+        }
+        throw 'Hub is not connected. Cannot call `send` method.';
+    }
+    start() {
+        return this._resetProxy();
+    }
+    async stop() {
+        if (this.connected) {
+            await this._hub.stop();
+        }
+    }
+    propertyChangedCallback(name, old, val, first) {
+        super.propertyChangedCallback(name, old, val, first);
+        //
+        if (first) {
+            return;
+        }
+        if (name === 'url' || name === 'disabled' || name === 'accesstoken') {
+            this._resetProxy();
+        }
+    }
+    viewActivatedCallback() {
+        super.viewActivatedCallback();
+        this.start();
+    }
+    disconnectedCallback() {
+        // this will (likely) never complete, being an asynchrounous call...
+        // TODO: think about it.
+        this.stop();
+        super.disconnectedCallback();
+    }
+    async _resetProxy() {
+        if (!Utils.isNull(this._hub)) {
+            await this._hub.stop();
+            //this.connected = false;
+        }
+        this._setupProxy();
+    }
+    async _initialize() {
+        if ('signalR' in window) {
+            // already available, skip import
+            return;
+        }
+        await CustomElementUtils.importjs(consts.API_JS);
+    }
+    async _setupProxy() {
+        const listeners = this.items || [];
+        if (!this.disabled && !Utils.isNullOrEmpty(this.url)) {
+            await this._initialize();
+            const connBuilder = new signalR.HubConnectionBuilder();
+            connBuilder.withUrl(this.url, {
+                accessTokenFactory: () => this.accesstoken
+            });
+            const h = this._hub = connBuilder.build();
+            h.onclose(() => {
+                for (var item of listeners) {
+                    item.stop();
+                }
+                this.connected = false;
+                this._hub = null;
+            });
+            await h.start();
+            this.connected = true;
+        }
+    }
+};
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.String })
+], PacemHubProxyElement.prototype, "url", void 0);
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.String })
+], PacemHubProxyElement.prototype, "accesstoken", void 0);
+__decorate([
+    Watch({ converter: PropertyConverters.Boolean })
+], PacemHubProxyElement.prototype, "connected", void 0);
+PacemHubProxyElement = __decorate([
+    CustomElement({ tagName: P + '-hub-proxy' })
+], PacemHubProxyElement);
+export { PacemHubProxyElement };

package/dist/esm/index-components-networking.js

@@ -0,0 +1,2 @@
+export * from './hub-proxy';
+export * from './sse-proxy';

package/dist/esm/index-components.js

@@ -0,0 +1 @@
+export * as Networking from './index-components-networking';

package/dist/esm/index-iife.js

@@ -0,0 +1,3 @@
+import { DeepMerger } from '@pacem/pacem-foundation';
+import * as Output from './index';
+DeepMerger.merge(Output);

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * as Components from './index-components';

package/dist/esm/sse-proxy.js

@@ -0,0 +1,175 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { P, CustomElement, Watch, PropertyConverters, Utils, PropertyChangeEventName, Debounce, Components } from '@pacem/pacem-core';
+//namespace Pacem.Components.Networking {
+let PacemServerSentEventsListenerElement = class PacemServerSentEventsListenerElement extends Components.PacemItemElement {
+    constructor() {
+        super(...arguments);
+        this._receiveHandler = (e) => {
+            this.dispatchEvent(new CustomEvent('receive', { detail: e.data }));
+        };
+        this._connectedHandler = (e) => {
+            if (e.detail.propertyName === 'connected' && e.detail.currentValue === true) {
+                this._start();
+            }
+        };
+    }
+    get _isConnected() {
+        return this.container instanceof PacemServerSentEventsProxyElement && this.container.connected || false;
+    }
+    get _connection() {
+        return this.container instanceof PacemServerSentEventsProxyElement && this.container.eventSource || null;
+    }
+    _stop(method = this.method) {
+        if (!this._isConnected) {
+            return;
+        }
+        const conn = this._connection;
+        if (!Utils.isNullOrEmpty(method)) {
+            conn.removeEventListener(method, this._receiveHandler);
+        }
+    }
+    _start(method = this.method) {
+        if (!this._isConnected) {
+            return;
+        }
+        const conn = this._connection;
+        if (!Utils.isNullOrEmpty(method)) {
+            conn.addEventListener(method, this._receiveHandler);
+        }
+    }
+    /** Start listening, if not disabled. */
+    start() {
+        if (!this.disabled) {
+            this._start();
+        }
+    }
+    /** Stop listening. */
+    stop() {
+        this._stop();
+    }
+    viewActivatedCallback() {
+        super.viewActivatedCallback();
+        const container = this.container;
+        if (!Utils.isNull(container)) {
+            container.addEventListener(PropertyChangeEventName, this._connectedHandler, false);
+        }
+        this.start();
+    }
+    disconnectedCallback() {
+        const container = this.container;
+        if (!Utils.isNull(container)) {
+            container.removeEventListener(PropertyChangeEventName, this._connectedHandler, false);
+        }
+        super.disconnectedCallback();
+    }
+    propertyChangedCallback(name, old, val, first) {
+        super.propertyChangedCallback(name, old, val, first);
+        switch (name) {
+            case 'method':
+                if (!Utils.isNullOrEmpty(old)) {
+                    this._stop(old);
+                }
+                if (!Utils.isNullOrEmpty(val)) {
+                    this._start(val);
+                }
+                break;
+            case 'disabled':
+                if (!Utils.isNullOrEmpty(this.method)) {
+                    let toggle = val ? this._stop : this._start;
+                    toggle();
+                }
+                break;
+        }
+    }
+};
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.String })
+], PacemServerSentEventsListenerElement.prototype, "method", void 0);
+PacemServerSentEventsListenerElement = __decorate([
+    CustomElement({ tagName: P + '-sse-listener' })
+], PacemServerSentEventsListenerElement);
+export { PacemServerSentEventsListenerElement };
+let PacemServerSentEventsProxyElement = class PacemServerSentEventsProxyElement extends Components.PacemItemsContainerElement {
+    constructor() {
+        super(...arguments);
+        this._connectHandler = (_) => {
+            this.connected = true;
+            this.#evtSource.onmessage = this._receiveHandler;
+        };
+        this._errorHandler = (_) => {
+            this.connected = false;
+        };
+        this._receiveHandler = (e) => {
+            this.dispatchEvent(new CustomEvent('receive', { detail: e.data }));
+        };
+    }
+    validate(item) {
+        return item instanceof PacemServerSentEventsListenerElement;
+    }
+    viewActivatedCallback() {
+        super.viewActivatedCallback();
+        this._start();
+    }
+    disconnectedCallback() {
+        this._stop();
+        super.disconnectedCallback();
+    }
+    propertyChangedCallback(name, old, val, first) {
+        super.propertyChangedCallback(name, old, val, first);
+        //
+        if (first) {
+            return;
+        }
+        if (name === 'url' || name === 'disabled') {
+            this._restart();
+        }
+    }
+    #evtSource;
+    _restart() {
+        this._stop();
+        this._start();
+    }
+    _start(url = this.url) {
+        if (!Utils.isNullOrEmpty(url) && !this.disabled) {
+            const evtSource = this.#evtSource = new EventSource(url);
+            evtSource.onopen = this._connectHandler;
+            evtSource.onerror = this._errorHandler;
+        }
+    }
+    get eventSource() {
+        return this.#evtSource;
+    }
+    _stop() {
+        const listeners = this.items || [];
+        for (var item of listeners) {
+            item.stop();
+        }
+        const evtSource = this.#evtSource;
+        if (!Utils.isNull(evtSource)) {
+            evtSource.onopen = null;
+            evtSource.onerror = null;
+            evtSource.onmessage = null;
+            evtSource.close();
+        }
+        this.connected = false;
+        this.#evtSource = null;
+    }
+};
+__decorate([
+    Watch({ emit: false, converter: PropertyConverters.String })
+], PacemServerSentEventsProxyElement.prototype, "url", void 0);
+__decorate([
+    Watch({ converter: PropertyConverters.Boolean })
+], PacemServerSentEventsProxyElement.prototype, "connected", void 0);
+__decorate([
+    Debounce(true)
+], PacemServerSentEventsProxyElement.prototype, "_restart", null);
+PacemServerSentEventsProxyElement = __decorate([
+    CustomElement({ tagName: P + '-sse-proxy' })
+], PacemServerSentEventsProxyElement);
+export { PacemServerSentEventsProxyElement };

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@pacem/pacem-networking",
+  "files": [
+    "dist/browser/*.*",
+    "dist/bundle/*.*",
+    "dist/esm/*.*",
+    "typings/*.*",
+    "README.md",
+    "LICENSE",
+    "NOTICE",
+    "package.json"
+  ],
+  "type": "module",
+  "dependencies": {
+    "@pacem/pacem-foundation": "*",
+    "@pacem/pacem-core": "*"
+  },
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "typings": "./typings/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "types": "./typings/index.d.ts"
+    }
+  },
+  "version": "1.0.0-abel",
+  "author": {
+    "name": "Pacem",
+    "url": "https://pacem.it"
+  },
+  "license": "Apache-2.0",
+  "homepage": "https://js.pacem.it",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pacem-it/pacem.git"
+  }
+}

package/typings/index.d.ts

@@ -0,0 +1,110 @@
+import { Components as Components_2 } from '@pacem/pacem-core';
+import { HubConnection } from '@microsoft/signalr';
+
+export declare namespace Components {
+    export {
+        Networking
+    }
+}
+
+declare type HubMethodCallback = (...args: any[]) => void;
+
+export declare namespace Networking {
+    export {
+        PacemHubListenerElement,
+        HubMethodCallback,
+        PacemHubProxyElement,
+        PacemServerSentEventsListenerElement,
+        PacemServerSentEventsProxyElement
+    }
+}
+
+declare class PacemHubListenerElement extends Components_2.PacemItemElement {
+    #private;
+    /** The method that the listener should subscribe to. */
+    method: string;
+    /** Whether it is listening to a streaming hub (`true`), or not (`false`, default). */
+    stream: boolean;
+    /** Method arguments. */
+    arguments: any[];
+    private get _isConnected();
+    private get _connection();
+    private _receiveHandler;
+    private _completeHandler;
+    private _errorHandler;
+    private _connectedHandler;
+    /** Start listening, if not disabled. */
+    start(): void;
+    /** Stop listening. */
+    stop(): void;
+    private _stop;
+    private _start;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemHubProxyElement extends Components_2.PacemItemsContainerElement<PacemHubListenerElement> {
+    validate(item: PacemHubListenerElement): boolean;
+    url: string;
+    accesstoken: string;
+    connected: boolean;
+    private _hub;
+    get connection(): HubConnection;
+    invoke(method: string, ...args: any[]): PromiseLike<any>;
+    send(method: string, ...args: any[]): PromiseLike<void>;
+    start(): Promise<void>;
+    stop(): Promise<void>;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _resetProxy;
+    private _initialize;
+    private _setupProxy;
+}
+
+declare class PacemServerSentEventsListenerElement extends Components_2.PacemItemElement {
+    /** The method that the listener should subscribe to. */
+    method: string;
+    private get _isConnected();
+    private get _connection();
+    private _receiveHandler;
+    private _connectedHandler;
+    private _stop;
+    private _start;
+    /** Start listening, if not disabled. */
+    start(): void;
+    /** Stop listening. */
+    stop(): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemServerSentEventsProxyElement extends Components_2.PacemItemsContainerElement<PacemServerSentEventsListenerElement> {
+    #private;
+    validate(item: PacemServerSentEventsListenerElement): boolean;
+    url: string;
+    connected: boolean;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _restart;
+    private _start;
+    get eventSource(): EventSource;
+    private _connectHandler;
+    private _errorHandler;
+    private _receiveHandler;
+    private _stop;
+}
+
+
+
+declare global {
+    namespace Pacem {
+        export {
+            Components,
+            Networking
+        };
+    }
+}