@rlse/widget 0.1.4 → 0.2.0

package/dist/angular/components/rlse-widget.component.js

@@ -0,0 +1,376 @@
+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;
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+import { Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { markAllChangesAsSeen, getUnreadCount, getReleaseNotesUrl, renderDescription, formatChangeDate, } from '@rlse/widget-core';
+import { DEFAULT_CONFIG } from '@rlse/widget-core';
+let RlseWidgetComponent = (() => {
+    let _classDecorators = [Component({
+            selector: 'rlse-widget',
+            template: `
+    <div *ngIf="config.trigger !== 'auto'">
+      <button
+        (click)="isOpen = true"
+        [attr.aria-label]="config.triggerLabel"
+        [style]="triggerStyle"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path
+            d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275z"
+          />
+          <path d="M5 3v4" />
+          <path d="M19 17v4" />
+          <path d="M3 5h4" />
+          <path d="M17 19h4" />
+        </svg>
+        <span *ngIf="unreadCount > 0" [style]="badgeStyle">
+          {{ unreadCount > 99 ? '99+' : unreadCount }}
+        </span>
+      </button>
+    </div>
+
+    <div
+      *ngIf="isOpen"
+      (click)="onOverlayClick($event)"
+      [style]="overlayStyle"
+      role="dialog"
+      aria-modal="true"
+    >
+      <div [style]="modalStyle">
+        <div [style]="headerStyle">
+          <h2 [style]="titleStyle">{{ config.modalTitle }}</h2>
+          <button
+            (click)="isOpen = false"
+            [style]="closeButtonStyle"
+            aria-label="Close"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20"
+              height="20"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        </div>
+
+        <div [style]="contentStyle">
+          <div *ngIf="isLoading" [style]="centeredStyle">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+            </svg>
+          </div>
+
+          <div *ngIf="!isLoading && changes.length === 0" [style]="emptyStyle">
+            <p>No release notes yet. Check back soon!</p>
+          </div>
+
+          <article *ngFor="let change of changes" [style]="changeCardStyle">
+            <div [style]="changeHeaderStyle">
+              <h3 [style]="changeTitleStyle">{{ change.changeName }}</h3>
+              <span *ngIf="config.showStatus" [style]="statusBadgeStyle">{{
+                change.currentStatus
+              }}</span>
+            </div>
+            <p [style]="summaryStyle">{{ change.changeSummary }}</p>
+            <div
+              [style]="descriptionStyle"
+              [innerHTML]="renderDescription(change.changeDescription)"
+            ></div>
+            <div *ngIf="config.showDates" [style]="dateStyle">
+              {{ formatDate(change._creationTime) }}
+            </div>
+          </article>
+        </div>
+
+        <div *ngIf="!isLoading && changes.length > 0" [style]="footerStyle">
+          <button
+            (click)="markAsRead()"
+            [disabled]="unreadCount === 0"
+            [style]="markReadButtonStyle"
+          >
+            {{ unreadCount === 0 ? 'All caught up' : 'Mark all as read' }}
+          </button>
+          <a
+            [href]="releaseNotesUrl"
+            target="_blank"
+            rel="noopener"
+            [style]="viewAllLinkStyle"
+            >View all →</a
+          >
+        </div>
+      </div>
+    </div>
+  `,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _orgSlug_decorators;
+    let _orgSlug_initializers = [];
+    let _orgSlug_extraInitializers = [];
+    let _appSlug_decorators;
+    let _appSlug_initializers = [];
+    let _appSlug_extraInitializers = [];
+    let _trigger_decorators;
+    let _trigger_initializers = [];
+    let _trigger_extraInitializers = [];
+    let _limit_decorators;
+    let _limit_initializers = [];
+    let _limit_extraInitializers = [];
+    let _showStatus_decorators;
+    let _showStatus_initializers = [];
+    let _showStatus_extraInitializers = [];
+    let _showDates_decorators;
+    let _showDates_initializers = [];
+    let _showDates_extraInitializers = [];
+    let _position_decorators;
+    let _position_initializers = [];
+    let _position_extraInitializers = [];
+    let _theme_decorators;
+    let _theme_initializers = [];
+    let _theme_extraInitializers = [];
+    let _primaryColor_decorators;
+    let _primaryColor_initializers = [];
+    let _primaryColor_extraInitializers = [];
+    let _triggerLabel_decorators;
+    let _triggerLabel_initializers = [];
+    let _triggerLabel_extraInitializers = [];
+    let _modalTitle_decorators;
+    let _modalTitle_initializers = [];
+    let _modalTitle_extraInitializers = [];
+    let _baseUrl_decorators;
+    let _baseUrl_initializers = [];
+    let _baseUrl_extraInitializers = [];
+    var RlseWidgetComponent = _classThis = class {
+        constructor(widgetDataService) {
+            this.widgetDataService = widgetDataService;
+            this.orgSlug = __runInitializers(this, _orgSlug_initializers, void 0);
+            this.appSlug = (__runInitializers(this, _orgSlug_extraInitializers), __runInitializers(this, _appSlug_initializers, void 0));
+            this.trigger = (__runInitializers(this, _appSlug_extraInitializers), __runInitializers(this, _trigger_initializers, 'manual'));
+            this.limit = (__runInitializers(this, _trigger_extraInitializers), __runInitializers(this, _limit_initializers, 10));
+            this.showStatus = (__runInitializers(this, _limit_extraInitializers), __runInitializers(this, _showStatus_initializers, true));
+            this.showDates = (__runInitializers(this, _showStatus_extraInitializers), __runInitializers(this, _showDates_initializers, true));
+            this.position = (__runInitializers(this, _showDates_extraInitializers), __runInitializers(this, _position_initializers, 'bottom-right'));
+            this.theme = (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _theme_initializers, 'auto'));
+            this.primaryColor = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _primaryColor_initializers, void 0));
+            this.triggerLabel = (__runInitializers(this, _primaryColor_extraInitializers), __runInitializers(this, _triggerLabel_initializers, "What's New"));
+            this.modalTitle = (__runInitializers(this, _triggerLabel_extraInitializers), __runInitializers(this, _modalTitle_initializers, 'Release Notes'));
+            this.baseUrl = (__runInitializers(this, _modalTitle_extraInitializers), __runInitializers(this, _baseUrl_initializers, 'https://rlse.dev'));
+            this.config = __runInitializers(this, _baseUrl_extraInitializers);
+            this.changes = [];
+            this.isLoading = false;
+            this.isOpen = false;
+            this.unreadCount = 0;
+            this.releaseNotesUrl = '';
+            this.destroy$ = new Subject();
+            // Angular service injection
+        }
+        ngOnInit() {
+            this.config = { ...DEFAULT_CONFIG, ...this };
+            this.loadChanges();
+            this.releaseNotesUrl = getReleaseNotesUrl(this.config.baseUrl, this.config.orgSlug, this.config.appSlug);
+        }
+        ngOnDestroy() {
+            this.destroy$.next();
+            this.destroy$.complete();
+        }
+        loadChanges() {
+            this.isLoading = true;
+            this.widgetDataService
+                .fetchChanges(this.config.orgSlug, this.config.appSlug, this.config.limit, this.config.baseUrl)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe({
+                next: (result) => {
+                    this.changes = result.changes;
+                    this.unreadCount = getUnreadCount(this.config.orgSlug, this.changes);
+                    this.isLoading = false;
+                },
+                error: () => {
+                    this.changes = [];
+                    this.isLoading = false;
+                },
+            });
+        }
+        markAsRead() {
+            markAllChangesAsSeen(this.config.orgSlug, this.changes.map((c) => c._id));
+            this.unreadCount = 0;
+        }
+        onOverlayClick(event) {
+            if (event.target === event.currentTarget) {
+                this.isOpen = false;
+            }
+        }
+        renderDescription(content) {
+            return renderDescription(content);
+        }
+        formatDate(timestamp) {
+            return formatChangeDate(timestamp);
+        }
+        // Styles
+        get triggerStyle() {
+            const positionMap = {
+                'bottom-right': 'bottom: 20px; right: 20px;',
+                'bottom-left': 'bottom: 20px; left: 20px;',
+                'top-right': 'top: 20px; right: 20px;',
+                'top-left': 'top: 20px; left: 20px;',
+            };
+            return `position: fixed; z-index: 9998; width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background: ${this.config.primaryColor || '#3b82f6'}; color: white; box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.39); ${positionMap[this.config.position]}`;
+        }
+        get badgeStyle() {
+            return `position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #ef4444; color: white; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; border: 2px solid white;`;
+        }
+        get overlayStyle() {
+            return 'position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px;';
+        }
+        get modalStyle() {
+            return 'background: var(--background, white); border-radius: 12px; width: 100%; max-width: 600px; max-height: 80vh; display: flex; flex-direction: column; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);';
+        }
+        get headerStyle() {
+            return 'display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--border, #e2e8f0);';
+        }
+        get titleStyle() {
+            return 'margin: 0; font-size: 18px; font-weight: 600;';
+        }
+        get closeButtonStyle() {
+            return 'background: none; border: none; cursor: pointer; padding: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #64748b;';
+        }
+        get contentStyle() {
+            return 'overflow-y: auto; padding: 0 24px 24px; flex: 1;';
+        }
+        get centeredStyle() {
+            return 'padding: 40px; text-align: center;';
+        }
+        get emptyStyle() {
+            return 'padding: 40px; text-align: center; color: #64748b;';
+        }
+        get changeCardStyle() {
+            return 'padding: 20px 0; border-bottom: 1px solid var(--border, #e2e8f0);';
+        }
+        get changeHeaderStyle() {
+            return 'display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px;';
+        }
+        get changeTitleStyle() {
+            return 'margin: 0; font-size: 16px; font-weight: 600; flex: 1;';
+        }
+        get statusBadgeStyle() {
+            return `font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: 20px; background: rgba(59, 130, 246, 0.1); color: ${this.config.primaryColor || '#3b82f6'}; border: 1px solid ${this.config.primaryColor || '#3b82f6'}; white-space: nowrap;`;
+        }
+        get summaryStyle() {
+            return 'margin: 8px 0; font-size: 14px; color: #64748b; line-height: 1.5;';
+        }
+        get descriptionStyle() {
+            return 'margin: 12px 0 0; font-size: 14px; line-height: 1.6;';
+        }
+        get dateStyle() {
+            return 'margin-top: 12px; font-size: 12px; color: #64748b;';
+        }
+        get footerStyle() {
+            return 'display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-top: 1px solid var(--border, #e2e8f0); gap: 12px;';
+        }
+        get markReadButtonStyle() {
+            return `font-size: 14px; padding: 8px 16px; border-radius: 8px; border: none; background: ${this.config.primaryColor || '#3b82f6'}; color: white; cursor: ${this.unreadCount === 0 ? 'default' : 'pointer'}; font-weight: 500; opacity: ${this.unreadCount === 0 ? 0.5 : 1};`;
+        }
+        get viewAllLinkStyle() {
+            return `font-size: 14px; color: ${this.config.primaryColor || '#3b82f6'}; text-decoration: none; font-weight: 500;`;
+        }
+    };
+    __setFunctionName(_classThis, "RlseWidgetComponent");
+    (() => {
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+        _orgSlug_decorators = [Input()];
+        _appSlug_decorators = [Input()];
+        _trigger_decorators = [Input()];
+        _limit_decorators = [Input()];
+        _showStatus_decorators = [Input()];
+        _showDates_decorators = [Input()];
+        _position_decorators = [Input()];
+        _theme_decorators = [Input()];
+        _primaryColor_decorators = [Input()];
+        _triggerLabel_decorators = [Input()];
+        _modalTitle_decorators = [Input()];
+        _baseUrl_decorators = [Input()];
+        __esDecorate(null, null, _orgSlug_decorators, { kind: "field", name: "orgSlug", static: false, private: false, access: { has: obj => "orgSlug" in obj, get: obj => obj.orgSlug, set: (obj, value) => { obj.orgSlug = value; } }, metadata: _metadata }, _orgSlug_initializers, _orgSlug_extraInitializers);
+        __esDecorate(null, null, _appSlug_decorators, { kind: "field", name: "appSlug", static: false, private: false, access: { has: obj => "appSlug" in obj, get: obj => obj.appSlug, set: (obj, value) => { obj.appSlug = value; } }, metadata: _metadata }, _appSlug_initializers, _appSlug_extraInitializers);
+        __esDecorate(null, null, _trigger_decorators, { kind: "field", name: "trigger", static: false, private: false, access: { has: obj => "trigger" in obj, get: obj => obj.trigger, set: (obj, value) => { obj.trigger = value; } }, metadata: _metadata }, _trigger_initializers, _trigger_extraInitializers);
+        __esDecorate(null, null, _limit_decorators, { kind: "field", name: "limit", static: false, private: false, access: { has: obj => "limit" in obj, get: obj => obj.limit, set: (obj, value) => { obj.limit = value; } }, metadata: _metadata }, _limit_initializers, _limit_extraInitializers);
+        __esDecorate(null, null, _showStatus_decorators, { kind: "field", name: "showStatus", static: false, private: false, access: { has: obj => "showStatus" in obj, get: obj => obj.showStatus, set: (obj, value) => { obj.showStatus = value; } }, metadata: _metadata }, _showStatus_initializers, _showStatus_extraInitializers);
+        __esDecorate(null, null, _showDates_decorators, { kind: "field", name: "showDates", static: false, private: false, access: { has: obj => "showDates" in obj, get: obj => obj.showDates, set: (obj, value) => { obj.showDates = value; } }, metadata: _metadata }, _showDates_initializers, _showDates_extraInitializers);
+        __esDecorate(null, null, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
+        __esDecorate(null, null, _theme_decorators, { kind: "field", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
+        __esDecorate(null, null, _primaryColor_decorators, { kind: "field", name: "primaryColor", static: false, private: false, access: { has: obj => "primaryColor" in obj, get: obj => obj.primaryColor, set: (obj, value) => { obj.primaryColor = value; } }, metadata: _metadata }, _primaryColor_initializers, _primaryColor_extraInitializers);
+        __esDecorate(null, null, _triggerLabel_decorators, { kind: "field", name: "triggerLabel", static: false, private: false, access: { has: obj => "triggerLabel" in obj, get: obj => obj.triggerLabel, set: (obj, value) => { obj.triggerLabel = value; } }, metadata: _metadata }, _triggerLabel_initializers, _triggerLabel_extraInitializers);
+        __esDecorate(null, null, _modalTitle_decorators, { kind: "field", name: "modalTitle", static: false, private: false, access: { has: obj => "modalTitle" in obj, get: obj => obj.modalTitle, set: (obj, value) => { obj.modalTitle = value; } }, metadata: _metadata }, _modalTitle_initializers, _modalTitle_extraInitializers);
+        __esDecorate(null, null, _baseUrl_decorators, { kind: "field", name: "baseUrl", static: false, private: false, access: { has: obj => "baseUrl" in obj, get: obj => obj.baseUrl, set: (obj, value) => { obj.baseUrl = value; } }, metadata: _metadata }, _baseUrl_initializers, _baseUrl_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        RlseWidgetComponent = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return RlseWidgetComponent = _classThis;
+})();
+export { RlseWidgetComponent };

package/dist/angular/index.d.ts

@@ -0,0 +1,4 @@
+export { RlseWidgetComponent } from './components/rlse-widget.component';
+export { WidgetDataService, type WidgetDataState } from './services/widget-data.service';
+export type { WidgetConfig, Change, WidgetChangesResponse, } from '@rlse/widget-core';
+export { DEFAULT_CONFIG } from '@rlse/widget-core';

package/dist/angular/index.js

@@ -0,0 +1,5 @@
+// Angular Components
+export { RlseWidgetComponent } from './components/rlse-widget.component';
+// Angular Services
+export { WidgetDataService } from './services/widget-data.service';
+export { DEFAULT_CONFIG } from '@rlse/widget-core';

package/dist/angular/services/widget-data.service.d.ts

@@ -0,0 +1,14 @@
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { type FetchChangesResult } from '@rlse/widget-core';
+import type { Change } from '@rlse/widget-core';
+export interface WidgetDataState {
+    changes: Change[];
+    isLoading: boolean;
+    error: Error | null;
+}
+export declare class WidgetDataService implements OnDestroy {
+    private abortController;
+    fetchChanges(orgSlug: string, appSlug: string | undefined, limit: number, baseUrl: string): Observable<FetchChangesResult>;
+    ngOnDestroy(): void;
+}

package/dist/angular/services/widget-data.service.js

@@ -0,0 +1,93 @@
+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;
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { fetchChanges } from '@rlse/widget-core';
+let WidgetDataService = (() => {
+    let _classDecorators = [Injectable({
+            providedIn: 'root',
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var WidgetDataService = _classThis = class {
+        constructor() {
+            this.abortController = null;
+        }
+        fetchChanges(orgSlug, appSlug, limit, baseUrl) {
+            // Cancel any in-flight request
+            if (this.abortController) {
+                this.abortController.abort();
+            }
+            this.abortController = new AbortController();
+            return new Observable((observer) => {
+                fetchChanges({
+                    orgSlug,
+                    appSlug,
+                    limit,
+                    baseUrl,
+                    signal: this.abortController?.signal,
+                })
+                    .then((result) => {
+                    observer.next(result);
+                    observer.complete();
+                })
+                    .catch((err) => {
+                    observer.error(err);
+                });
+                return () => {
+                    this.abortController?.abort();
+                };
+            });
+        }
+        ngOnDestroy() {
+            this.abortController?.abort();
+        }
+    };
+    __setFunctionName(_classThis, "WidgetDataService");
+    (() => {
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        WidgetDataService = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return WidgetDataService = _classThis;
+})();
+export { WidgetDataService };

package/dist/index.d.ts

@@ -1,3 +1,7 @@
 export { RlseWidget } from './RlseWidget';
 export type { RlseWidgetProps } from './RlseWidget';
+export { RlseWidgetEmbed } from './RlseWidgetEmbed';
+export type { RlseWidgetEmbedProps } from './RlseWidgetEmbed';
+export { RlseWidgetMenu } from './RlseWidgetMenu';
+export type { RlseWidgetMenuProps } from './RlseWidgetMenu';
 export type { WidgetConfig, Change, WidgetChangesResponse } from './types';

package/dist/index.js

@@ -1 +1,6 @@
+// Main floating widget (default export)
 export { RlseWidget } from './RlseWidget';
+// Embedded widget for header/sidenav
+export { RlseWidgetEmbed } from './RlseWidgetEmbed';
+// Menu widget for dropdowns
+export { RlseWidgetMenu } from './RlseWidgetMenu';

package/dist/storage.d.ts

@@ -1,11 +1 @@
-export declare function getStorageKey(orgSlug: string): string;
-export declare function getLastVisitKey(orgSlug: string): string;
-export declare function getSeenChangesKey(orgSlug: string): string;
-export declare function getLastVisit(orgSlug: string): number | null;
-export declare function setLastVisit(orgSlug: string): void;
-export declare function getSeenChanges(orgSlug: string): string[];
-export declare function markAllChangesAsSeen(orgSlug: string, changeIds: string[]): void;
-export declare function getUnreadCount(orgSlug: string, changes: {
-    _id: string;
-}[]): number;
-export declare function shouldAutoShow(orgSlug: string, autoShowAfter: number): boolean;
+export { getStorageKey, getLastVisitKey, getSeenChangesKey, getLastVisit, setLastVisit, getSeenChanges, markAllChangesAsSeen, getUnreadCount, shouldAutoShow, } from '@rlse/widget-core';

package/dist/storage.js

@@ -1,80 +1,2 @@
-const STORAGE_KEY_PREFIX = 'rlse_widget_';
-const LAST_VISIT_KEY_SUFFIX = '_last_visit';
-const SEEN_CHANGES_KEY_SUFFIX = '_seen';
-export function getStorageKey(orgSlug) {
-    return `${STORAGE_KEY_PREFIX}${orgSlug}`;
-}
-export function getLastVisitKey(orgSlug) {
-    return `${getStorageKey(orgSlug)}${LAST_VISIT_KEY_SUFFIX}`;
-}
-export function getSeenChangesKey(orgSlug) {
-    return `${getStorageKey(orgSlug)}${SEEN_CHANGES_KEY_SUFFIX}`;
-}
-export function getLastVisit(orgSlug) {
-    if (typeof window === 'undefined')
-        return null;
-    try {
-        const value = localStorage.getItem(getLastVisitKey(orgSlug));
-        if (!value)
-            return null;
-        const parsed = parseInt(value, 10);
-        return Number.isNaN(parsed) ? null : parsed;
-    }
-    catch {
-        return null;
-    }
-}
-export function setLastVisit(orgSlug) {
-    if (typeof window === 'undefined')
-        return;
-    try {
-        localStorage.setItem(getLastVisitKey(orgSlug), Date.now().toString());
-    }
-    catch {
-        // Ignore storage errors
-    }
-}
-export function getSeenChanges(orgSlug) {
-    if (typeof window === 'undefined')
-        return [];
-    try {
-        const value = localStorage.getItem(getSeenChangesKey(orgSlug));
-        if (!value)
-            return [];
-        const parsed = JSON.parse(value);
-        // Validate that parsed is an array of strings
-        if (!Array.isArray(parsed) ||
-            !parsed.every((item) => typeof item === 'string')) {
-            return [];
-        }
-        return parsed;
-    }
-    catch {
-        return [];
-    }
-}
-export function markAllChangesAsSeen(orgSlug, changeIds) {
-    if (typeof window === 'undefined')
-        return;
-    try {
-        localStorage.setItem(getSeenChangesKey(orgSlug), JSON.stringify(changeIds));
-    }
-    catch {
-        // Ignore storage errors
-    }
-}
-export function getUnreadCount(orgSlug, changes) {
-    if (typeof window === 'undefined')
-        return 0;
-    const seen = getSeenChanges(orgSlug);
-    return changes.filter((c) => !seen.includes(c._id)).length;
-}
-export function shouldAutoShow(orgSlug, autoShowAfter) {
-    if (typeof window === 'undefined')
-        return false;
-    const lastVisit = getLastVisit(orgSlug);
-    if (!lastVisit)
-        return true; // First visit
-    const daysSinceVisit = (Date.now() - lastVisit) / (1000 * 60 * 60 * 24);
-    return daysSinceVisit >= autoShowAfter;
-}
+// Re-export all storage functions from core
+export { getStorageKey, getLastVisitKey, getSeenChangesKey, getLastVisit, setLastVisit, getSeenChanges, markAllChangesAsSeen, getUnreadCount, shouldAutoShow, } from '@rlse/widget-core';

package/dist/svelte/index.d.ts

@@ -0,0 +1,5 @@
+export { default as RlseWidget } from './components/RlseWidget.svelte';
+export { default as RlseWidgetEmbed } from './components/RlseWidgetEmbed.svelte';
+export { default as RlseWidgetMenu } from './components/RlseWidgetMenu.svelte';
+export type { WidgetConfig, Change, WidgetChangesResponse, } from '@rlse/widget-core';
+export { DEFAULT_CONFIG } from '@rlse/widget-core';

package/dist/svelte/index.js

@@ -0,0 +1,5 @@
+// Svelte Components
+export { default as RlseWidget } from './components/RlseWidget.svelte';
+export { default as RlseWidgetEmbed } from './components/RlseWidgetEmbed.svelte';
+export { default as RlseWidgetMenu } from './components/RlseWidgetMenu.svelte';
+export { DEFAULT_CONFIG } from '@rlse/widget-core';