@serve.zone/dcrouter 5.0.2 → 5.0.4

package/dist_ts_web/elements/ops-dashboard.js

@@ -0,0 +1,271 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import * as plugins from '../plugins.js';
+import * as appstate from '../appstate.js';
+import { appRouter } from '../router.js';
+import { DeesElement, css, cssManager, customElement, html, state } from '@design.estate/dees-element';
+// Import view components
+import { OpsViewOverview } from './ops-view-overview.js';
+import { OpsViewNetwork } from './ops-view-network.js';
+import { OpsViewEmails } from './ops-view-emails.js';
+import { OpsViewLogs } from './ops-view-logs.js';
+import { OpsViewConfig } from './ops-view-config.js';
+import { OpsViewSecurity } from './ops-view-security.js';
+let OpsDashboard = (() => {
+    let _classDecorators = [customElement('ops-dashboard')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _loginState_decorators;
+    let _loginState_initializers = [];
+    let _loginState_extraInitializers = [];
+    let _uiState_decorators;
+    let _uiState_initializers = [];
+    let _uiState_extraInitializers = [];
+    var OpsDashboard = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _loginState_decorators = [state()];
+            _uiState_decorators = [state()];
+            __esDecorate(this, null, _loginState_decorators, { kind: "accessor", name: "loginState", static: false, private: false, access: { has: obj => "loginState" in obj, get: obj => obj.loginState, set: (obj, value) => { obj.loginState = value; } }, metadata: _metadata }, _loginState_initializers, _loginState_extraInitializers);
+            __esDecorate(this, null, _uiState_decorators, { kind: "accessor", name: "uiState", static: false, private: false, access: { has: obj => "uiState" in obj, get: obj => obj.uiState, set: (obj, value) => { obj.uiState = value; } }, metadata: _metadata }, _uiState_initializers, _uiState_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            OpsDashboard = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #loginState_accessor_storage = __runInitializers(this, _loginState_initializers, {
+            identity: null,
+            isLoggedIn: false,
+        });
+        get loginState() { return this.#loginState_accessor_storage; }
+        set loginState(value) { this.#loginState_accessor_storage = value; }
+        #uiState_accessor_storage = (__runInitializers(this, _loginState_extraInitializers), __runInitializers(this, _uiState_initializers, {
+            activeView: 'overview',
+            sidebarCollapsed: false,
+            autoRefresh: true,
+            refreshInterval: 1000,
+            theme: 'light',
+        }));
+        get uiState() { return this.#uiState_accessor_storage; }
+        set uiState(value) { this.#uiState_accessor_storage = value; }
+        // Store viewTabs as a property to maintain object references
+        viewTabs = (__runInitializers(this, _uiState_extraInitializers), [
+            {
+                name: 'Overview',
+                element: OpsViewOverview,
+            },
+            {
+                name: 'Network',
+                element: OpsViewNetwork,
+            },
+            {
+                name: 'Emails',
+                element: OpsViewEmails,
+            },
+            {
+                name: 'Logs',
+                element: OpsViewLogs,
+            },
+            {
+                name: 'Configuration',
+                element: OpsViewConfig,
+            },
+            {
+                name: 'Security',
+                element: OpsViewSecurity,
+            },
+        ]);
+        /**
+         * Get the current view tab based on the UI state's activeView.
+         * Used to pass the correct selectedView to dees-simple-appdash on initial render.
+         */
+        get currentViewTab() {
+            return this.viewTabs.find(t => t.name.toLowerCase() === this.uiState.activeView) || this.viewTabs[0];
+        }
+        constructor() {
+            super();
+            document.title = 'DCRouter OpsServer';
+            // Subscribe to login state
+            const loginSubscription = appstate.loginStatePart
+                .select((stateArg) => stateArg)
+                .subscribe((loginState) => {
+                this.loginState = loginState;
+                // Trigger data fetch when logged in
+                if (loginState.isLoggedIn) {
+                    appstate.statsStatePart.dispatchAction(appstate.fetchAllStatsAction, null);
+                    appstate.configStatePart.dispatchAction(appstate.fetchConfigurationAction, null);
+                }
+            });
+            this.rxSubscriptions.push(loginSubscription);
+            // Subscribe to UI state
+            const uiSubscription = appstate.uiStatePart
+                .select((stateArg) => stateArg)
+                .subscribe((uiState) => {
+                this.uiState = uiState;
+                // Sync appdash view when state changes (e.g., from URL navigation)
+                this.syncAppdashView(uiState.activeView);
+            });
+            this.rxSubscriptions.push(uiSubscription);
+        }
+        /**
+         * Sync the dees-simple-appdash view selection with the current state.
+         * This is needed when the URL changes and we need to update the UI.
+         */
+        syncAppdashView(viewName) {
+            const appDash = this.shadowRoot?.querySelector('dees-simple-appdash');
+            if (!appDash)
+                return;
+            const targetTab = this.viewTabs.find(t => t.name.toLowerCase() === viewName);
+            if (!targetTab)
+                return;
+            // Check if we need to switch (avoid unnecessary updates)
+            if (appDash.selectedView === targetTab)
+                return;
+            // Update the selected view programmatically
+            appDash.selectedView = targetTab;
+            // Update the displayed content
+            const content = appDash.shadowRoot?.querySelector('.appcontent');
+            if (content) {
+                if (appDash.currentView) {
+                    appDash.currentView.remove();
+                }
+                const view = new targetTab.element();
+                content.appendChild(view);
+                appDash.currentView = view;
+            }
+        }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        width: 100%;
+        height: 100vh;
+        overflow: hidden;
+      }
+
+      .maincontainer {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="maincontainer">
+        <dees-simple-login
+          name="DCRouter OpsServer"
+        >
+          <dees-simple-appdash
+            name="DCRouter OpsServer"
+            .viewTabs=${this.viewTabs}
+            .selectedView=${this.currentViewTab}
+          >
+          </dees-simple-appdash>
+        </dees-simple-login>
+      </div>
+    `;
+        }
+        async firstUpdated() {
+            const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
+            simpleLogin.addEventListener('login', (e) => {
+                // Handle logout event
+                this.login(e.detail.data.username, e.detail.data.password);
+            });
+            // Handle view changes
+            const appDash = this.shadowRoot.querySelector('dees-simple-appdash');
+            if (appDash) {
+                appDash.addEventListener('view-select', (e) => {
+                    const viewName = e.detail.view.name.toLowerCase();
+                    // Use router for navigation instead of direct state update
+                    appRouter.navigateToView(viewName);
+                });
+                // Handle logout event
+                appDash.addEventListener('logout', async () => {
+                    await appstate.loginStatePart.dispatchAction(appstate.logoutAction, null);
+                });
+            }
+            // Handle initial state - check if we have a stored session that's still valid
+            const loginState = appstate.loginStatePart.getState();
+            if (loginState.identity?.jwt) {
+                // Verify JWT hasn't expired
+                if (loginState.identity.expiresAt > Date.now()) {
+                    // JWT still valid, restore logged-in state
+                    this.loginState = loginState;
+                    await simpleLogin.switchToSlottedContent();
+                    await appstate.statsStatePart.dispatchAction(appstate.fetchAllStatsAction, null);
+                    await appstate.configStatePart.dispatchAction(appstate.fetchConfigurationAction, null);
+                }
+                else {
+                    // JWT expired, clear the stored state
+                    await appstate.loginStatePart.dispatchAction(appstate.logoutAction, null);
+                }
+            }
+        }
+        async login(username, password) {
+            const domtools = await this.domtoolsPromise;
+            console.log(`Attempting to login...`);
+            const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
+            const form = simpleLogin.shadowRoot.querySelector('dees-form');
+            form.setStatus('pending', 'Logging in...');
+            const state = await appstate.loginStatePart.dispatchAction(appstate.loginAction, {
+                username,
+                password,
+            });
+            if (state.identity) {
+                console.log('Login successful');
+                this.loginState = state;
+                form.setStatus('success', 'Logged in!');
+                await simpleLogin.switchToSlottedContent();
+                await appstate.statsStatePart.dispatchAction(appstate.fetchAllStatsAction, null);
+                await appstate.configStatePart.dispatchAction(appstate.fetchConfigurationAction, null);
+            }
+            else {
+                form.setStatus('error', 'Login failed!');
+                await domtools.convenience.smartdelay.delayFor(2000);
+                form.reset();
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return OpsDashboard = _classThis;
+})();
+export { OpsDashboard };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BzLWRhc2hib2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9vcHMtZGFzaGJvYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEtBQUssUUFBUSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFekMsT0FBTyxFQUNMLFdBQVcsRUFDWCxHQUFHLEVBQ0gsVUFBVSxFQUNWLGFBQWEsRUFDYixJQUFJLEVBQ0osS0FBSyxFQUVOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMseUJBQXlCO0FBQ3pCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBRzVDLFlBQVk7NEJBRHhCLGFBQWEsQ0FBQyxlQUFlLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O3NDQUMxQyxLQUFLLEVBQUU7bUNBS1AsS0FBSyxFQUFFO1lBTEMsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUcxQjtZQUVPLDBLQUFTLE9BQU8sNkJBQVAsT0FBTyx5RkFNdkI7WUFaSiw2S0E4TUM7Ozs7UUE3TVUsaUZBQTRDO1lBQ25ELFFBQVEsRUFBRSxJQUFJO1lBQ2QsVUFBVSxFQUFFLEtBQUs7U0FDbEIsRUFB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

package/dist_ts_web/elements/ops-view-config.d.ts

@@ -0,0 +1,17 @@
+import * as plugins from '../plugins.js';
+import * as appstate from '../appstate.js';
+import { DeesElement } from '@design.estate/dees-element';
+export declare class OpsViewConfig extends DeesElement {
+    accessor configState: appstate.IConfigState;
+    constructor();
+    static styles: plugins.deesElement.CSSResult[];
+    render(): plugins.deesElement.TemplateResult<1>;
+    private renderConfigSection;
+    private renderStatusBadge;
+    private renderConfigFields;
+    private renderArrayValue;
+    private getArrayItemLabel;
+    private formatFieldName;
+    private formatValue;
+    private formatBytes;
+}