@pb33f/cowboy-components 0.7.18 → 0.8.0

package/dist/controllers/timeline-controller.js

@@ -0,0 +1,129 @@
+import { DiagnosticBag, DocumentProblems, GraphBag } from "../components/the-doctor/the-doctor.js";
+import { TimelineService } from "../services/timeline-service.js";
+import { TimelineViolationsLoaded } from "../events/doctor.js";
+import { Problem } from "../model/problem.js";
+import { ToastType } from "../model/toast.js";
+import { TaskType } from "../model/task.js";
+export class TimelineController extends EventTarget {
+    constructor(deps) {
+        super();
+        this.deps = deps;
+    }
+    init() {
+        this.unsubscribePrChange = this.deps.taskSubscription.subscribeToTaskType(TaskType.PrChange, (task) => this.handlePrChangeCompleted(task));
+    }
+    handlePrChangeCompleted(task) {
+        const activeWorkspaceId = this.deps.getActiveWorkspaceId();
+        if (!activeWorkspaceId || task.workspaceId !== activeWorkspaceId) {
+            return;
+        }
+        if (!this.deps.timeVortex) {
+            console.warn('[TimelineController] timeVortex not available, cannot refresh history for pr_change task', task.id);
+            return;
+        }
+        this.deps.timeVortex.getHistorySummary();
+    }
+    destroy() {
+        this.unsubscribePrChange?.();
+    }
+    async loadRevisionViolations(changeId) {
+        try {
+            const [violations, statisticsResponse] = await Promise.all([
+                TimelineService.fetchChangeViolations(changeId),
+                TimelineService.fetchChangeStatistics(changeId)
+            ]);
+            this.deps.dispatchEvent(new CustomEvent(TimelineViolationsLoaded, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    violations,
+                    statistics: statisticsResponse,
+                    changeId
+                }
+            }));
+        }
+        catch (e) {
+            const error = e;
+            this.deps.sendToast({
+                id: crypto.randomUUID(),
+                type: ToastType.ERROR,
+                body: error.detail || 'Unknown error',
+                title: "Failed to load revision violations"
+            });
+        }
+    }
+    restoreLiveViolations() {
+        this.deps.setViewingHistoricalViolations(false);
+        const problemBag = this.deps.getBag(DocumentProblems);
+        const cachedProblems = problemBag?.get(DocumentProblems);
+        const diagnosticBag = this.deps.getBag(DiagnosticBag);
+        const cachedStats = diagnosticBag?.get(DiagnosticBag);
+        if (cachedProblems) {
+            const problems = cachedProblems.map(p => Problem.reconstruct(p));
+            this.deps.problemList.problems = problems;
+            this.deps.setProblems(problems);
+            this.deps.editorHost.getDefaultEditor()?.setMarkers(problems);
+        }
+        if (cachedStats) {
+            this.deps.problemsOverview.statistics = cachedStats;
+        }
+        this.deps.problemsOverview.problems = this.deps.problemList.problemItems;
+        this.restoreLiveGraph();
+        this.deps.timeVortex?.historyPicker.deselectTimelineItems();
+    }
+    restoreLiveGraph() {
+        const graphBag = this.deps.getBag(GraphBag);
+        const cachedGraph = graphBag?.get(GraphBag);
+        if (cachedGraph && this.deps.explorer) {
+            this.deps.explorer.updateGraphResponse(cachedGraph);
+        }
+    }
+    async toolsCompare(specContent) {
+        if (!specContent || specContent.trim() === '') {
+            this.deps.sendToast({
+                id: crypto.randomUUID(),
+                type: ToastType.WARNING,
+                title: 'Please paste an OpenAPI spec to compare',
+                body: null
+            });
+            return { success: false };
+        }
+        try {
+            const brokerId = this.deps.getBrokerId();
+            const result = await TimelineService.toolsCompare({ rightSpec: specContent }, brokerId);
+            const totalChanges = result.summary?.totalChanges ?? 0;
+            if (totalChanges === 0) {
+                this.deps.sendToast({
+                    id: crypto.randomUUID(),
+                    type: ToastType.WARNING,
+                    title: 'No changes detected',
+                    body: 'The specs are identical, there is nothing to compare.'
+                });
+                return { success: false, totalChanges: 0 };
+            }
+            const summaries = await this.deps.timeVortex?.getHistorySummary();
+            this.deps.editorTabs.showTab('tardis');
+            this.deps.navigatorTabs.showTab('timeline');
+            if (summaries && summaries.length > 0) {
+                await this.deps.timeVortex?.historyPicker.updateComplete;
+                this.deps.timeVortex?.historyPicker.loadSpecSummary(summaries[0]);
+            }
+            this.deps.sendToast({
+                id: crypto.randomUUID(),
+                type: ToastType.SUCCESS,
+                title: 'Comparison created',
+                body: `There were ${totalChanges} change${totalChanges === 1 ? '' : 's'} detected, view your comparison on the timeline.`
+            });
+            return { success: true, totalChanges };
+        }
+        catch (e) {
+            this.deps.sendToast({
+                id: crypto.randomUUID(),
+                type: ToastType.ERROR,
+                title: 'Cannot compare OpenAPI spec',
+                body: e?.detail || 'An unknown error occurred'
+            });
+            return { success: false, error: e?.detail || 'An unknown error occurred' };
+        }
+    }
+}

package/dist/controllers/wallet-controller.d.ts

@@ -1,11 +1,11 @@
-import { TheDoctor } from "../components/the-doctor/the-doctor.js";
 import { AuthController } from "./auth-controller.js";
 import { TemplateResult } from "lit";
+import type { WalletControllerDeps } from "../interfaces/doctor-interfaces.js";
 export declare class WalletController extends EventTarget {
-    readonly doc: TheDoctor;
+    private readonly deps;
     authController: AuthController | null;
     dailyCreditError: boolean;
-    constructor(doc: TheDoctor);
+    constructor(deps: WalletControllerDeps);
     get creditsRemaining(): number;
     get canRequestCredit(): boolean;
     get creditStatusText(): TemplateResult;

package/dist/controllers/wallet-controller.js

@@ -1,13 +1,13 @@
 import { WalletService } from "../services/wallet-service.js";
-import { AddToast, DailyCreditRequested, DailyCreditApplied, DailyCreditErrorChanged } from "../events/doctor.js";
+import { DailyCreditRequested, DailyCreditApplied, DailyCreditErrorChanged } from "../events/doctor.js";
 import { ToastType } from "../model/toast.js";
 import { AuthController } from "./auth-controller.js";
 import { html } from "lit";
 export class WalletController extends EventTarget {
-    constructor(doc) {
+    constructor(deps) {
         super();
         this.dailyCreditError = false;
-        this.doc = doc;
+        this.deps = deps;
         this.authController = AuthController.getInstance();
         this.addEventListener(DailyCreditRequested, this.requestDailyCredit.bind(this));
     }
@@ -31,22 +31,16 @@ export class WalletController extends EventTarget {
         if (!this.canRequestCredit) {
             return;
         }
-        WalletService.applyDailyCredit().then((wallet) => {
+        WalletService.applyDailyCredit(this.deps.getBrokerId()).then((wallet) => {
             if (this.authController?.session) {
                 this.authController.session.creditsRemaining = wallet.balance;
             }
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
-                bubbles: true,
-                composed: true,
-                detail: {
-                    toast: {
-                        id: crypto.randomUUID(),
-                        title: "Daily credit applied",
-                        type: ToastType.SUCCESS,
-                        body: `Daily credit applied! You now have ${wallet.balance} credits.`
-                    }
-                }
-            }));
+            this.deps.sendToast({
+                id: crypto.randomUUID(),
+                title: "Daily credit applied",
+                type: ToastType.SUCCESS,
+                body: `Daily credit applied! You now have ${wallet.balance} credits.`
+            });
             this.dispatchEvent(new CustomEvent(DailyCreditApplied, {
                 bubbles: true,
                 composed: true,
@@ -55,38 +49,25 @@ export class WalletController extends EventTarget {
         }).catch((e) => {
             if (e.status === 403) {
                 this.dailyCreditError = true;
-                // Dispatch event to trigger UI update
                 this.dispatchEvent(new CustomEvent(DailyCreditErrorChanged, {
                     bubbles: true,
                     composed: true,
                     detail: { error: true }
                 }));
-                this.doc.dispatchEvent(new CustomEvent(AddToast, {
-                    bubbles: true,
-                    composed: true,
-                    detail: {
-                        toast: {
-                            id: crypto.randomUUID(),
-                            title: "Unable to request free credit",
-                            type: ToastType.ERROR,
-                            body: e.detail || "You already claimed your daily credit. Try again tomorrow!"
-                        }
-                    }
-                }));
+                this.deps.sendToast({
+                    id: crypto.randomUUID(),
+                    title: "Unable to request free credit",
+                    type: ToastType.ERROR,
+                    body: e.detail || "You already claimed your daily credit. Try again tomorrow!"
+                });
             }
             else {
-                this.doc.dispatchEvent(new CustomEvent(AddToast, {
-                    bubbles: true,
-                    composed: true,
-                    detail: {
-                        toast: {
-                            id: crypto.randomUUID(),
-                            title: "Unable to request free credit",
-                            type: ToastType.ERROR,
-                            body: e.detail || `Failed to apply daily credit`
-                        }
-                    }
-                }));
+                this.deps.sendToast({
+                    id: crypto.randomUUID(),
+                    title: "Unable to request free credit",
+                    type: ToastType.ERROR,
+                    body: e.detail || `Failed to apply daily credit`
+                });
             }
         });
     }

package/dist/controllers/workspace-controller.d.ts

@@ -1,15 +1,21 @@
-import { TheDoctor } from "../components/the-doctor/the-doctor.js";
 import { WorkspacesView } from "../components/workspaces/workspace-view.js";
 import { Workspace } from "../model/workspace.js";
+import type { WorkspaceControllerDeps } from "../interfaces/doctor-interfaces.js";
 export declare class WorkspaceController extends EventTarget {
-    readonly workspaceView: WorkspacesView;
+    workspaceView: WorkspacesView;
     private readonly bus;
-    readonly doc: TheDoctor;
+    private readonly deps;
     workspaces: Workspace[] | undefined;
-    constructor(doc: TheDoctor);
+    get activeWorkspace(): Workspace | undefined;
+    constructor(deps: WorkspaceControllerDeps);
     getWorkspaces(): void;
     switchWorkspace(evt: CustomEvent<Workspace>): void;
     deleteWorkspace(evt: CustomEvent<Workspace>): void;
     createWorkspace(evt: CustomEvent<string>): void;
     updateWorkspace(evt: CustomEvent<Workspace>): void;
+    refreshWorkspaces(): Promise<void>;
+    switchToWorkspaceById(workspaceId: string): Promise<void>;
+    initializeView(githubController: any): void;
+    highlightWorkspace(workspaceId: string): void;
+    unhighlightWorkspace(workspaceId: string): void;
 }

package/dist/controllers/workspace-controller.js

@@ -1,23 +1,22 @@
 import { CreateBus } from "@pb33f/ranch";
 import { WorkspacesView } from "../components/workspaces/workspace-view.js";
 import { WorkspaceService } from "../services/workspace-service.js";
-import { AddToast, DeleteWorkspace, Reboot, RefreshWorkspaces, SwitchWorkspace, CreateWorkspace, UpdateWorkspace } from "../events/doctor";
-import { ToastType } from "../model/toast";
+import { AddToast, DeleteWorkspace, Reboot, RefreshWorkspaces, SwitchWorkspace, CreateWorkspace, UpdateWorkspace } from "../events/doctor.js";
+import { ToastType } from "../model/toast.js";
+import { typedEventHandler } from "../helpers/typed-events.js";
 export class WorkspaceController extends EventTarget {
-    constructor(doc) {
+    get activeWorkspace() {
+        return this.workspaces?.find(w => w.active);
+    }
+    constructor(deps) {
         super();
-        this.doc = doc;
+        this.deps = deps;
         this.bus = CreateBus();
-        this.workspaceView = new WorkspacesView(this.doc, this, this.doc.walletController);
         this.addEventListener(RefreshWorkspaces, this.getWorkspaces.bind(this));
-        // @ts-ignore
-        this.addEventListener(SwitchWorkspace, this.switchWorkspace.bind(this));
-        // @ts-ignore
-        this.addEventListener(DeleteWorkspace, this.deleteWorkspace.bind(this));
-        // @ts-ignore
-        this.addEventListener(CreateWorkspace, this.createWorkspace.bind(this));
-        // @ts-ignore
-        this.addEventListener(UpdateWorkspace, this.updateWorkspace.bind(this));
+        this.addEventListener(SwitchWorkspace, typedEventHandler(this.switchWorkspace.bind(this)));
+        this.addEventListener(DeleteWorkspace, typedEventHandler(this.deleteWorkspace.bind(this)));
+        this.addEventListener(CreateWorkspace, typedEventHandler(this.createWorkspace.bind(this)));
+        this.addEventListener(UpdateWorkspace, typedEventHandler(this.updateWorkspace.bind(this)));
     }
     getWorkspaces() {
         WorkspaceService.getWorkspaces().then(workspaces => {
@@ -25,13 +24,32 @@ export class WorkspaceController extends EventTarget {
                 this.workspaces = workspaces.response;
                 this.workspaceView.workspaces = workspaces.response;
                 this.workspaceView.requestUpdate();
+                this.deps.updateWorkspaceReadOnlyState();
             }
+        }).catch((e) => {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    toast: {
+                        id: crypto.randomUUID(),
+                        title: "failed loading workspaces",
+                        type: ToastType.ERROR,
+                        body: `Failed to load workspaces: ${e.detail}`
+                    }
+                }
+            }));
         });
     }
     switchWorkspace(evt) {
         WorkspaceService.switchWorkspace(evt.detail).then(() => {
-            this.doc.dispatchEvent(new Event(Reboot));
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            if (this.workspaces) {
+                this.workspaces.forEach(w => {
+                    w.active = w.workspaceId === evt.detail.workspaceId;
+                });
+            }
+            this.deps.dispatchEvent(new Event(Reboot));
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -45,7 +63,7 @@ export class WorkspaceController extends EventTarget {
             }));
             this.getWorkspaces();
         }).catch((e) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -61,7 +79,7 @@ export class WorkspaceController extends EventTarget {
     }
     deleteWorkspace(evt) {
         WorkspaceService.deleteWorkspace(evt.detail).then(() => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -76,7 +94,7 @@ export class WorkspaceController extends EventTarget {
             this.workspaceView.destroyDialog.hide();
             this.getWorkspaces();
         }).catch((e) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -93,7 +111,7 @@ export class WorkspaceController extends EventTarget {
     }
     createWorkspace(evt) {
         WorkspaceService.createWorkspace(evt.detail).then((workspace) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -107,7 +125,7 @@ export class WorkspaceController extends EventTarget {
             }));
             this.workspaceView.workspaceForm.handleSuccess(workspace);
         }).catch((e) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -124,7 +142,7 @@ export class WorkspaceController extends EventTarget {
     }
     updateWorkspace(evt) {
         WorkspaceService.updateWorkspace(evt.detail).then((workspace) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -138,7 +156,7 @@ export class WorkspaceController extends EventTarget {
             }));
             this.workspaceView.workspaceForm.handleSuccess(workspace);
         }).catch((e) => {
-            this.doc.dispatchEvent(new CustomEvent(AddToast, {
+            this.deps.dispatchEvent(new CustomEvent(AddToast, {
                 bubbles: true,
                 composed: true,
                 detail: {
@@ -153,4 +171,31 @@ export class WorkspaceController extends EventTarget {
             this.workspaceView.workspaceForm.handleError(e);
         });
     }
+    async refreshWorkspaces() {
+        await this.getWorkspaces();
+    }
+    async switchToWorkspaceById(workspaceId) {
+        if (!this.workspaces) {
+            await this.getWorkspaces();
+        }
+        const workspace = this.workspaces?.find(w => w.workspaceId === workspaceId);
+        if (workspace) {
+            this.switchWorkspace(new CustomEvent(SwitchWorkspace, {
+                detail: workspace
+            }));
+        }
+    }
+    initializeView(githubController) {
+        this.workspaceView = new WorkspacesView(this.deps.host, this, this.deps.walletController, githubController);
+    }
+    highlightWorkspace(workspaceId) {
+        if (this.workspaceView) {
+            this.workspaceView.lightWorkspace(workspaceId);
+        }
+    }
+    unhighlightWorkspace(workspaceId) {
+        if (this.workspaceView) {
+            this.workspaceView.dimWorkspace(workspaceId);
+        }
+    }
 }