@serve.zone/dcrouter 2.12.4 → 5.0.3

package/dist_ts_web/elements/ops-view-config.js

@@ -0,0 +1,414 @@
+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 shared from './shared/index.js';
+import * as appstate from '../appstate.js';
+import { DeesElement, customElement, html, state, css, cssManager, } from '@design.estate/dees-element';
+let OpsViewConfig = (() => {
+    let _classDecorators = [customElement('ops-view-config')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _configState_decorators;
+    let _configState_initializers = [];
+    let _configState_extraInitializers = [];
+    var OpsViewConfig = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _configState_decorators = [state()];
+            __esDecorate(this, null, _configState_decorators, { kind: "accessor", name: "configState", static: false, private: false, access: { has: obj => "configState" in obj, get: obj => obj.configState, set: (obj, value) => { obj.configState = value; } }, metadata: _metadata }, _configState_initializers, _configState_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            OpsViewConfig = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #configState_accessor_storage = __runInitializers(this, _configState_initializers, {
+            config: null,
+            isLoading: false,
+            error: null,
+        });
+        get configState() { return this.#configState_accessor_storage; }
+        set configState(value) { this.#configState_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _configState_extraInitializers);
+            const subscription = appstate.configStatePart
+                .select((stateArg) => stateArg)
+                .subscribe((configState) => {
+                this.configState = configState;
+            });
+            this.rxSubscriptions.push(subscription);
+        }
+        static styles = [
+            cssManager.defaultStyles,
+            shared.viewHostCss,
+            css `
+      .configSection {
+        background: ${cssManager.bdTheme('#fff', '#222')};
+        border: 1px solid ${cssManager.bdTheme('#e9ecef', '#333')};
+        border-radius: 8px;
+        margin-bottom: 24px;
+        overflow: hidden;
+      }
+
+      .sectionHeader {
+        background: ${cssManager.bdTheme('#f8f9fa', '#1a1a1a')};
+        padding: 16px 24px;
+        border-bottom: 1px solid ${cssManager.bdTheme('#e9ecef', '#333')};
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .sectionTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#333', '#ccc')};
+        display: flex;
+        align-items: center;
+        gap: 12px;
+      }
+
+      .sectionTitle dees-icon {
+        font-size: 20px;
+        color: ${cssManager.bdTheme('#666', '#888')};
+      }
+
+      .sectionContent {
+        padding: 24px;
+      }
+
+      .configField {
+        margin-bottom: 20px;
+      }
+
+      .configField:last-child {
+        margin-bottom: 0;
+      }
+
+      .fieldLabel {
+        font-size: 13px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#666', '#999')};
+        margin-bottom: 8px;
+        display: block;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .fieldValue {
+        font-family: 'Consolas', 'Monaco', monospace;
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#333', '#ccc')};
+        background: ${cssManager.bdTheme('#f8f9fa', '#1a1a1a')};
+        padding: 10px 14px;
+        border-radius: 6px;
+        border: 1px solid ${cssManager.bdTheme('#e9ecef', '#333')};
+      }
+
+      .fieldValue.empty {
+        color: ${cssManager.bdTheme('#999', '#666')};
+        font-style: italic;
+      }
+
+      .nestedFields {
+        margin-left: 16px;
+        padding-left: 16px;
+        border-left: 2px solid ${cssManager.bdTheme('#e9ecef', '#333')};
+      }
+
+      /* Status badge styles */
+      .statusBadge {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 4px 12px;
+        border-radius: 20px;
+        font-size: 13px;
+        font-weight: 600;
+      }
+
+      .statusBadge.enabled {
+        background: ${cssManager.bdTheme('#d4edda', '#1a3d1a')};
+        color: ${cssManager.bdTheme('#155724', '#66cc66')};
+      }
+
+      .statusBadge.disabled {
+        background: ${cssManager.bdTheme('#f8d7da', '#3d1a1a')};
+        color: ${cssManager.bdTheme('#721c24', '#cc6666')};
+      }
+
+      .statusBadge dees-icon {
+        font-size: 14px;
+      }
+
+      /* Array/list display */
+      .arrayItems {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+      }
+
+      .arrayItem {
+        display: inline-flex;
+        align-items: center;
+        background: ${cssManager.bdTheme('#e7f3ff', '#1a2a3d')};
+        color: ${cssManager.bdTheme('#0066cc', '#66aaff')};
+        padding: 4px 12px;
+        border-radius: 16px;
+        font-size: 13px;
+        font-family: 'Consolas', 'Monaco', monospace;
+      }
+
+      .arrayCount {
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#999', '#666')};
+        margin-bottom: 8px;
+      }
+
+      /* Numeric value formatting */
+      .numericValue {
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#0066cc', '#66aaff')};
+      }
+
+      .errorMessage {
+        background: ${cssManager.bdTheme('#fee', '#4a1f1f')};
+        border: 1px solid ${cssManager.bdTheme('#fcc', '#6a2f2f')};
+        border-radius: 4px;
+        padding: 16px;
+        color: ${cssManager.bdTheme('#c00', '#ff6666')};
+        margin: 16px 0;
+      }
+
+      .loadingMessage {
+        text-align: center;
+        padding: 40px;
+        color: ${cssManager.bdTheme('#666', '#999')};
+      }
+
+      .infoNote {
+        background: ${cssManager.bdTheme('#e7f3ff', '#1a2a3d')};
+        border: 1px solid ${cssManager.bdTheme('#b3d7ff', '#2a4a6d')};
+        border-radius: 8px;
+        padding: 16px;
+        margin-bottom: 24px;
+        color: ${cssManager.bdTheme('#004085', '#88ccff')};
+        display: flex;
+        align-items: center;
+        gap: 12px;
+      }
+
+      .infoNote dees-icon {
+        font-size: 20px;
+        flex-shrink: 0;
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <ops-sectionheading>Configuration</ops-sectionheading>
+
+      ${this.configState.isLoading ? html `
+        <div class="loadingMessage">
+          <dees-spinner></dees-spinner>
+          <p>Loading configuration...</p>
+        </div>
+      ` : this.configState.error ? html `
+        <div class="errorMessage">
+          Error loading configuration: ${this.configState.error}
+        </div>
+      ` : this.configState.config ? html `
+        <div class="infoNote">
+          <dees-icon icon="lucide:info"></dees-icon>
+          <span>This view displays the current running configuration. DcRouter is configured through code or remote management.</span>
+        </div>
+
+        ${this.renderConfigSection('email', 'Email', 'lucide:mail', this.configState.config?.email)}
+        ${this.renderConfigSection('dns', 'DNS', 'lucide:globe', this.configState.config?.dns)}
+        ${this.renderConfigSection('proxy', 'Proxy', 'lucide:network', this.configState.config?.proxy)}
+        ${this.renderConfigSection('security', 'Security', 'lucide:shield', this.configState.config?.security)}
+      ` : html `
+        <div class="errorMessage">No configuration loaded</div>
+      `}
+    `;
+        }
+        renderConfigSection(key, title, icon, config) {
+            const isEnabled = config?.enabled ?? false;
+            return html `
+      <div class="configSection">
+        <div class="sectionHeader">
+          <h3 class="sectionTitle">
+            <dees-icon icon="${icon}"></dees-icon>
+            ${title}
+          </h3>
+          ${this.renderStatusBadge(isEnabled)}
+        </div>
+        <div class="sectionContent">
+          ${config ? this.renderConfigFields(config) : html `
+            <div class="fieldValue empty">Not configured</div>
+          `}
+        </div>
+      </div>
+    `;
+        }
+        renderStatusBadge(enabled) {
+            return enabled
+                ? html `<span class="statusBadge enabled"><dees-icon icon="lucide:check"></dees-icon>Enabled</span>`
+                : html `<span class="statusBadge disabled"><dees-icon icon="lucide:x"></dees-icon>Disabled</span>`;
+        }
+        renderConfigFields(config, prefix = '') {
+            if (!config || typeof config !== 'object') {
+                return html `<div class="fieldValue">${this.formatValue(config)}</div>`;
+            }
+            return Object.entries(config).map(([key, value]) => {
+                const fieldName = prefix ? `${prefix}.${key}` : key;
+                const displayName = this.formatFieldName(key);
+                // Handle boolean values with badges
+                if (typeof value === 'boolean') {
+                    return html `
+          <div class="configField">
+            <label class="fieldLabel">${displayName}</label>
+            ${this.renderStatusBadge(value)}
+          </div>
+        `;
+                }
+                // Handle arrays
+                if (Array.isArray(value)) {
+                    return html `
+          <div class="configField">
+            <label class="fieldLabel">${displayName}</label>
+            ${this.renderArrayValue(value, key)}
+          </div>
+        `;
+                }
+                // Handle nested objects
+                if (typeof value === 'object' && value !== null) {
+                    return html `
+          <div class="configField">
+            <label class="fieldLabel">${displayName}</label>
+            <div class="nestedFields">
+              ${this.renderConfigFields(value, fieldName)}
+            </div>
+          </div>
+        `;
+                }
+                // Handle primitive values
+                return html `
+        <div class="configField">
+          <label class="fieldLabel">${displayName}</label>
+          <div class="fieldValue">${this.formatValue(value, key)}</div>
+        </div>
+      `;
+            });
+        }
+        renderArrayValue(arr, fieldKey) {
+            if (arr.length === 0) {
+                return html `<div class="fieldValue empty">None configured</div>`;
+            }
+            // Determine if we should show as pills/tags
+            const showAsPills = arr.every(item => typeof item === 'string' || typeof item === 'number');
+            if (showAsPills) {
+                const itemLabel = this.getArrayItemLabel(fieldKey, arr.length);
+                return html `
+        <div class="arrayCount">${arr.length} ${itemLabel}</div>
+        <div class="arrayItems">
+          ${arr.map(item => html `<span class="arrayItem">${item}</span>`)}
+        </div>
+      `;
+            }
+            // For complex arrays, show as JSON
+            return html `
+      <div class="fieldValue">
+        ${arr.length} items configured
+      </div>
+    `;
+        }
+        getArrayItemLabel(fieldKey, count) {
+            const labels = {
+                ports: ['port', 'ports'],
+                domains: ['domain', 'domains'],
+                nameservers: ['nameserver', 'nameservers'],
+                blockList: ['IP', 'IPs'],
+            };
+            const label = labels[fieldKey] || ['item', 'items'];
+            return count === 1 ? label[0] : label[1];
+        }
+        formatFieldName(key) {
+            // Convert camelCase to readable format
+            return key
+                .replace(/([A-Z])/g, ' $1')
+                .replace(/^./, str => str.toUpperCase())
+                .trim();
+        }
+        formatValue(value, fieldKey) {
+            if (value === null || value === undefined) {
+                return html `<span class="empty">Not set</span>`;
+            }
+            if (typeof value === 'number') {
+                // Format bytes
+                if (fieldKey?.toLowerCase().includes('size') || fieldKey?.toLowerCase().includes('bytes')) {
+                    return html `<span class="numericValue">${this.formatBytes(value)}</span>`;
+                }
+                // Format time values
+                if (fieldKey?.toLowerCase().includes('ttl') || fieldKey?.toLowerCase().includes('timeout')) {
+                    return html `<span class="numericValue">${value} seconds</span>`;
+                }
+                // Format port numbers
+                if (fieldKey?.toLowerCase().includes('port')) {
+                    return html `<span class="numericValue">${value}</span>`;
+                }
+                // Format counts with separators
+                return html `<span class="numericValue">${value.toLocaleString()}</span>`;
+            }
+            return String(value);
+        }
+        formatBytes(bytes) {
+            if (bytes === 0)
+                return '0 B';
+            const k = 1024;
+            const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+            const i = Math.floor(Math.log(bytes) / Math.log(k));
+            return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return OpsViewConfig = _classThis;
+})();
+export { OpsViewConfig };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BzLXZpZXctY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL29wcy12aWV3LWNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUM1QyxPQUFPLEtBQUssUUFBUSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixLQUFLLEVBQ0wsR0FBRyxFQUNILFVBQVUsR0FFWCxNQUFNLDZCQUE2QixDQUFDO0lBR3hCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7dUNBQzNDLEtBQUssRUFBRTtZQUNSLHNMQUFTLFdBQVcsNkJBQVgsV0FBVyxpR0FJbEI7WUFOSiw2S0FrWEM7Ozs7UUFoWEMsbUZBQThDO1lBQzVDLE1BQU0sRUFBRSxJQUFJO1lBQ1osU0FBUyxFQUFFLEtBQUs7WUFDaEIsS0FBSyxFQUFFLElBQUk7U0FDWixFQUFDO1FBSkYsSUFBUyxXQUFXLGlEQUlsQjtRQUpGLElBQVMsV0FBVyx1REFJbEI7UUFFRjtZQUNFLEtBQUssRUFBRSxDQUFDOztZQUNSLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxlQUFlO2lCQUMxQyxNQUFNLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQztpQkFDOUIsU0FBUyxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUU7Z0JBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO1lBQ2pDLENBQUMsQ0FBQyxDQUFDO1lBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENB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

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

@@ -0,0 +1,44 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as interfaces from '../../dist_ts_interfaces/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ops-view-emails': OpsViewEmails;
+    }
+}
+type TEmailFolder = 'queued' | 'sent' | 'failed' | 'received' | 'security';
+export declare class OpsViewEmails extends DeesElement {
+    accessor selectedFolder: TEmailFolder;
+    accessor queuedEmails: interfaces.requests.IEmailQueueItem[];
+    accessor sentEmails: interfaces.requests.IEmailQueueItem[];
+    accessor failedEmails: interfaces.requests.IEmailQueueItem[];
+    accessor securityIncidents: interfaces.requests.ISecurityIncident[];
+    accessor selectedEmail: interfaces.requests.IEmailQueueItem | null;
+    accessor selectedIncident: interfaces.requests.ISecurityIncident | null;
+    accessor showCompose: boolean;
+    accessor isLoading: boolean;
+    accessor searchTerm: string;
+    accessor emailDomains: string[];
+    private stateSubscription;
+    constructor();
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): "" | TemplateResult<1>;
+    private renderContent;
+    private renderEmailTable;
+    private renderSecurityIncidents;
+    private renderEmailDetail;
+    private renderIncidentDetail;
+    private renderEmptyState;
+    private openComposeModal;
+    private filterEmails;
+    private selectFolder;
+    private formatDate;
+    private loadData;
+    private loadFolderData;
+    private loadEmailDomains;
+    private refreshData;
+    private sendEmail;
+    private resendEmail;
+}
+export {};