@pb33f/cowboy-components 0.7.7 → 0.7.9

package/dist/components/auth/login-button.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import { SlDialog } from "@shoelace-style/shoelace";
-import { OAuthLogin } from "./oauth-login";
+import { OAuthLogin } from "./oauth-login.js";
 export declare class LoginButton extends LitElement {
     static styles: import("lit").CSSResult[];
     authDialog: SlDialog;
@@ -8,11 +8,13 @@ export declare class LoginButton extends LitElement {
     buttonLabel: string;
     redirectUrl: string;
     textLink: boolean;
+    stateCheck: boolean;
     oauthLogin: OAuthLogin;
     private controller;
     constructor();
+    protected firstUpdated(): void;
     updated(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | null;
     anonView(): import("lit-html").TemplateResult<1>;
     hide(): void;
     authenticatedView(): import("lit-html").TemplateResult<1>;

package/dist/components/auth/login-button.js

@@ -6,13 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
-import { AuthController } from "../../controllers/auth-controller";
-import buttonCss from "../../css/button.css";
-import modalCss from "../../css/modal.css";
-import loginButtonCss from "./login-button.css";
-import tooltipCss from "../../css/tooltip.css";
-import { LogoutRequested } from "../../events/doctor";
-import linksCss from "../../css/links.css";
+import { AuthController } from "../../controllers/auth-controller.js";
+import buttonCss from "../../css/button.css.js";
+import modalCss from "../../css/modal.css.js";
+import loginButtonCss from "./login-button.css.js";
+import tooltipCss from "../../css/tooltip.css.js";
+import { LogoutRequested } from "../../events/doctor.js";
+import linksCss from "../../css/links.css.js";
 let LoginButton = class LoginButton extends LitElement {
     constructor() {
         super();
@@ -21,6 +21,18 @@ let LoginButton = class LoginButton extends LitElement {
         this.buttonLabel = 'Authenticate';
         this.redirectUrl = '';
         this.textLink = false;
+        this.stateCheck = false;
+    }
+    firstUpdated() {
+        if (this.stateCheck) {
+            this.controller.checkState().then(() => {
+                this.stateCheck = false;
+                this.requestUpdate();
+            }).finally(() => {
+                this.stateCheck = false;
+                this.requestUpdate();
+            });
+        }
     }
     updated() {
         if (this.oauthLogin) {
@@ -28,6 +40,9 @@ let LoginButton = class LoginButton extends LitElement {
         }
     }
     render() {
+        if (this.stateCheck) {
+            return null;
+        }
         let out = this.anonView();
         if (this.controller.authenticated) {
             out = this.authenticatedView();
@@ -106,6 +121,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], LoginButton.prototype, "textLink", void 0);
+__decorate([
+    property({ type: Boolean })
+], LoginButton.prototype, "stateCheck", void 0);
 __decorate([
     query('pb33f-oauth-login')
 ], LoginButton.prototype, "oauthLogin", void 0);

package/dist/components/auth/login-panel.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-import { AuthController } from "../../controllers/auth-controller";
+import { AuthController } from "../../controllers/auth-controller.js";
 export declare class LoginPanel extends LitElement {
     static styles: import("lit").CSSResult[];
     title: string;

package/dist/components/auth/login-panel.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import loginButtonCss from "./login-button.css";
+import loginButtonCss from "./login-button.css.js";
 let LoginPanel = class LoginPanel extends LitElement {
     constructor() {
         super();

package/dist/components/auth/oauth-login.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import '../electric-box/electric-box.js';
 import { SlAnimation, SlButton } from "@shoelace-style/shoelace";
-import { ElectricBox } from "../electric-box/electric-box";
+import { ElectricBox } from "../electric-box/electric-box.js";
 export declare class OAuthLogin extends LitElement {
     static styles: import("lit").CSSResult[];
     title: string;

package/dist/components/auth/oauth-login.js

@@ -6,10 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
-import oauthLoginCss from "./oauth-login.css";
-import buttonCss from "../../css/button.css";
+import oauthLoginCss from "./oauth-login.css.js";
+import buttonCss from "../../css/button.css.js";
 import '../electric-box/electric-box.js';
-import { AuthenticationGithubRequested } from "../../events/doctor";
+import { AuthenticationGithubRequested } from "../../events/doctor.js";
 let OAuthLogin = class OAuthLogin extends LitElement {
     constructor() {
         super();

package/dist/components/the-doctor/status-bar.js

@@ -9,8 +9,8 @@ import { html, LitElement } from "lit";
 import buttonCss from "../../css/button.css.js";
 import statusBarCss from "./status-bar.css.js";
 import linksCss from "../../css/links.css.js";
-import dialogCss from "../../css/dialog.css";
-import { OpenAuthentication } from "../../events/doctor";
+import dialogCss from "../../css/dialog.css.js";
+import { OpenAuthentication } from "../../events/doctor.js";
 let StatusBar = class StatusBar extends LitElement {
     constructor() {
         super();
@@ -50,7 +50,7 @@ let StatusBar = class StatusBar extends LitElement {
             return html `
                 <div class="status-bar ${clazz}">
                     <sl-dialog label="Purchase Credit" class="dialog-overview">
-                        <p>Still working on this, coming soon!
+                        <p>Still working on this, coming soon! Come back tomorrow for more free credit.
                         </p>
                         <sl-button slot="footer" variant="primary" @click="${this.closeDialog}">Close</sl-button>
                     </sl-dialog>

package/dist/components/the-doctor/the-doctor.css.js

@@ -48,6 +48,22 @@ export default css `
         box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
         background: var(--secondary-color-lowalpha);
         padding: var(--global-padding);
+    }   
+    
+    .workspace-icon {
+        font-size: 1.25rem;
+    }
+    
+    .workspace-icon::part(base) {
+        padding: 0;
+    }
+
+    .workspace-icon.active {
+        color: var(--primary-color);
+    }
+
+    .tab.hidden {
+        display: none;
     }
 
 

package/dist/components/the-doctor/the-doctor.d.ts

@@ -54,6 +54,7 @@ import { DocsController } from '../../controllers/docs-controller.js';
 import { ModelController } from '../../controllers/model-controller.js';
 import { DiagnosticController } from '../../controllers/diagnostic-controller.js';
 import { StateController } from '../../controllers/state-controller.js';
+import { WorkspaceController } from "../../controllers/workspace-controller";
 export declare const GraphBag = "pb33f-doctor-graph";
 export declare const PanelStateBag = "pb33f-doctor-panel-state";
 export declare const RolodexResponseBag = "pb33f-doctor-rolodex-response";
@@ -178,6 +179,7 @@ export declare class TheDoctor extends LitElement {
     readonly modelController: ModelController;
     readonly diagnosticController: DiagnosticController;
     readonly stateController: StateController;
+    readonly workspaceController: WorkspaceController;
     editorMap: Map<string, SpecEditor>;
     selectedEditorTab: string;
     sidebarClosed: boolean;
@@ -226,6 +228,7 @@ export declare class TheDoctor extends LitElement {
     platformUnavailable(error: PlatformError | null): void;
     builtInRulesetSelected(): void;
     runDiagnostics(): void;
+    reboot(): void;
     boostrap(): void;
     confirmExport(): void;
     closeWelcome(): void;

package/dist/components/the-doctor/the-doctor.js

@@ -16,7 +16,7 @@ import '@shoelace-style/shoelace/dist/components/avatar/avatar.js';
 import { customElement, property, query, state } from "lit/decorators.js";
 import { html, LitElement } from "lit";
 import { SpecEditor } from "../editor/editor.js";
-import { ActiveView, AddToast, ArchiveURLRequested, BuiltInRulesetChanged, CreditEmpty, CustomRulesetEnabled, DocumentReferenceClicked, EditorClicked, EditorUpdated, ExplorerEqualizerChanged, ExplorerEqualizerFiltered, ExplorerNodeClicked, ExportRuleset, LoadRenderedNodeIntoInspector, ModelTreeNodeClicked, NodeReferenceClicked, NukeWorkspaceEvent, OpenProblemDrawer, OpenSettings, ProblemClicked, RolodexRootFileSelected, RolodexTreeNodeClicked, RuleClicked, RulesetSaved, RuleViolationClicked, StartSessionFailed, } from "../../events/doctor.js";
+import { ActiveView, AddToast, ArchiveURLRequested, BuiltInRulesetChanged, CreditEmpty, CustomRulesetEnabled, DocumentReferenceClicked, EditorClicked, EditorUpdated, ExplorerEqualizerChanged, ExplorerEqualizerFiltered, ExplorerNodeClicked, ExportRuleset, LoadRenderedNodeIntoInspector, ModelTreeNodeClicked, NodeReferenceClicked, NukeWorkspaceEvent, OpenProblemDrawer, OpenSettings, ProblemClicked, Reboot, RolodexRootFileSelected, RolodexTreeNodeClicked, RuleClicked, RulesetSaved, RuleViolationClicked, StartSessionFailed, } from "../../events/doctor.js";
 import { ProblemDetailsDrawer } from "../problem-list/details-drawer.js";
 import { CreateBagManager } from "@pb33f/saddlebag";
 import { LintingService } from "../../services/linting-service.js";
@@ -66,6 +66,8 @@ import { DocsController } from '../../controllers/docs-controller.js';
 import { ModelController } from '../../controllers/model-controller.js';
 import { DiagnosticController } from '../../controllers/diagnostic-controller.js';
 import { StateController } from '../../controllers/state-controller.js';
+import { WorkspaceController } from "../../controllers/workspace-controller";
+import { WorkspaceService } from 'src/services/workspace-service.js';
 export const GraphBag = "pb33f-doctor-graph";
 export const PanelStateBag = "pb33f-doctor-panel-state";
 export const RolodexResponseBag = "pb33f-doctor-rolodex-response";
@@ -113,6 +115,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         ModelService.doctorEndpoint = this.doctorEndpoint;
         AuthService.doctorEndpoint = this.doctorEndpoint;
         TimelineService.doctorEndpoint = this.doctorEndpoint;
+        WorkspaceService.doctorEndpoint = this.doctorEndpoint;
         this.timeVortex = new TimeVortex();
         // bus it up
         this.bus = CreateBus();
@@ -156,6 +159,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.problemController = new ProblemController(this);
         this.docsController = new DocsController(this);
         this.diagnosticController = new DiagnosticController(this);
+        this.workspaceController = new WorkspaceController(this);
         this.settingsComponent = new DoctorSettings();
         this.editorMap = new Map();
         this.editorMap.set("spec", this.editor);
@@ -197,9 +201,14 @@ let TheDoctor = class TheDoctor extends LitElement {
             }
             this.creditTicker.visible = true;
             this.brokerController.connectToBroker();
+            // if the session is authenticated, then fetch a list of workspaces for the user.
+            if (this.authController.authenticated) {
+                this.workspaceController.getWorkspaces();
+            }
         };
         // create auth controller
         this.authController = new AuthController(this, sessionCallback, true);
+        this.authController.start();
         // listen for auth state changes.
         //@ts-ignore
         this.addEventListener(EditorUpdated, this.specController.specChanged.bind(this.specController));
@@ -252,6 +261,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.authController.addEventListener(CreditEmpty, this.creditEmpty.bind(this));
         //@ts-ignore
         this.addEventListener(LoadRenderedNodeIntoInspector, this.loadRenderedNodeIntoInspector.bind(this));
+        this.addEventListener(Reboot, this.reboot.bind(this));
         // hijack navigation buttons.
         window.addEventListener('popstate', (e) => {
             const state = e.state;
@@ -431,6 +441,21 @@ let TheDoctor = class TheDoctor extends LitElement {
             this.diagnosticController.lintSpec(this.editor.getValue());
         }
     }
+    reboot() {
+        // for when we need to switch workspaces, and everything needs an update.
+        ModelService.getCurrentSpec().then((result) => {
+            this.rolodexController.queryRolodex();
+            this.timeVortex.checkHistory();
+            this.editor.setValue(result, true);
+            this.rolodexActivePath = "";
+            this.specController.specChanged(new CustomEvent(EditorUpdated, {
+                detail: {
+                    content: result,
+                    id: "spec"
+                }
+            }));
+        });
+    }
     boostrap() {
         // if the url is set in the query string, fetch it and run a lint with the URL
         const url = new URL(window.location.href);
@@ -571,12 +596,14 @@ let TheDoctor = class TheDoctor extends LitElement {
                 title: "Safari Warning"
             });
         }
+        this.workspaceController.workspaceView.active = false;
     }
     hideMinimapIcon() {
         this.minimapIconVisible = false;
     }
     hideDiagnosisButton() {
         this.showDiagnosisButton = false;
+        this.workspaceController.workspaceView.active = false;
     }
     enableDiagnosisButton() {
         if (!this.autoDiagnose) {
@@ -778,8 +805,20 @@ let TheDoctor = class TheDoctor extends LitElement {
                                 <sl-tab-group class="tab-group" @sl-tab-show="${this.selectEditorTab}"
                                               id="editor-controls">
 
-                                    <sl-tab slot="nav" panel="spec" class="tab" id="spec"
+                                    <sl-tab slot="nav" panel="workspaces" class="tab ${!this.authController.authenticated ? 'hidden' : ''}" id="workspaces"
+                                            @click="${() => {
+            this.selectedEditorTab = 'workspaces';
+            this.toggleExplorer();
+            this.hideDiagnosisButton();
+            this.workspaceController.workspaceView.active = true;
+        }}">
+                                        <sl-icon-button name="person-workspace"
+                                                        class="workspace-icon ${this.selectedEditorTab === 'workspaces' ? 'active' : ''}"></sl-icon-button>
+                                    </sl-tab>
+
+                                    <sl-tab slot="nav" panel="spec" class="tab" id="spec" active
                                             @click="${() => {
+            this.selectedEditorTab = 'spec';
             this.closeExplorer();
             this.enableDiagnosisButton();
         }}">
@@ -787,6 +826,7 @@ let TheDoctor = class TheDoctor extends LitElement {
                                     </sl-tab>
                                     <sl-tab slot="nav" panel="explorer" class="tab" id="explorer"
                                             @click="${() => {
+            this.selectedEditorTab = 'explorer';
             this.toggleExplorer();
             this.hideDiagnosisButton();
         }}">Explorer
@@ -860,9 +900,16 @@ let TheDoctor = class TheDoctor extends LitElement {
                                     </sl-tab-panel>
 
                                     <sl-tab-panel name="docs" class="tab-panel" style="height: calc(100vh - 100px)">
-                                        <iframe src="${this.doctorEndpoint}/model/scalar-template?z=${this.randomTicker}" width="100%" height="100%" style="border: none"></iframe>
+
                                     </sl-tab-panel>
 
+                                    ${this.authController.authenticated ? html `
+
+                                        <sl-tab-panel name="workspaces" class="tab-panel">
+                                            ${this.workspaceController.workspaceView}
+                                        </sl-tab-panel>
+                                    ` : ''}
+
                                 </sl-tab-group>
                             </div>
                             ${mainPanelView}

package/dist/components/time-vortex/tardis-control.css.js

@@ -98,23 +98,7 @@ export default css `
         text-align: center;
     }
 
-    .spinner-icon {
-        display: block;
-        margin: 20px auto 0 auto;
-        width: 200px;
-        color: var(--primary-color);
-        font-size: 6rem;
-        animation: spin 2s linear infinite;
-    }
 
-    @keyframes spin {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
 
     .tardis-split-panel {
         --min: 300px;

package/dist/components/workspaces/workspace-destroy-dialog.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from "lit";
+import { Workspace } from "../../model/workspace.js";
+import { SlDialog } from "@shoelace-style/shoelace";
+import { PlatformError } from "../../model/errors.js";
+export declare class WorkspaceDestroyView extends LitElement {
+    static styles: import("lit").CSSResult[];
+    destroyWorkspaceDialog: SlDialog;
+    workspace: Workspace | undefined;
+    error: PlatformError | undefined;
+    show(): void;
+    hide(): Promise<void>;
+    setError(error: PlatformError): void;
+    clearError(): void;
+    private handleCancel;
+    private handleDestroy;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/workspaces/workspace-destroy-dialog.js

@@ -0,0 +1,85 @@
+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 { html, LitElement } from "lit";
+import { customElement, property, state, query } from "lit/decorators.js";
+import { AttentionType } from "../attention-box/attention-box.js";
+import dialogCss from "../../css/dialog.css.js";
+import buttonsCss from "../../css/button.css.js";
+import hrCss from "../../css/hr.css.js";
+let WorkspaceDestroyView = class WorkspaceDestroyView extends LitElement {
+    show() {
+        this.destroyWorkspaceDialog.show();
+    }
+    hide() {
+        this.error = undefined;
+        return this.destroyWorkspaceDialog.hide();
+    }
+    setError(error) {
+        this.error = error;
+    }
+    clearError() {
+        this.error = undefined;
+    }
+    handleCancel() {
+        this.dispatchEvent(new CustomEvent('cancel', {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    handleDestroy() {
+        this.dispatchEvent(new CustomEvent('destroy', {
+            bubbles: true,
+            composed: true,
+            detail: this.workspace
+        }));
+    }
+    render() {
+        let attentionBox = html `
+            <pb33f-attention-box type="${AttentionType.Warning}" headerText="This is a permanent, destructive process">
+                All files, records, history and scores for this workspace will be wiped out permanently. There is no
+                undo process, if you hit OK - the workspace will be nuked and permanently destroyed.
+            </pb33f-attention-box>`;
+        if (this.error) {
+            attentionBox = html `
+                <pb33f-attention-box type="${AttentionType.Error}"
+                                     headerText="Workspace could not be deleted">
+                   Something went wrong: <strong>${this.error.detail}</strong>
+                </pb33f-attention-box>`;
+        }
+        return html `
+            <sl-dialog id="destroy-workspace" label="Delete workspace, are you sure?">
+                You're about to destroy the workspace '<strong>${this.workspace?.name}</strong>'
+                <hr/>
+                
+                ${attentionBox}
+
+                <sl-button @click="${this.handleCancel}" class="cancel-button">
+                    Cancel
+                </sl-button>
+
+                <sl-button @click="${this.handleDestroy}" style="float: right" class="danger">
+                    Do it, destroy it.
+                </sl-button>
+                
+            </sl-dialog>
+        `;
+    }
+};
+WorkspaceDestroyView.styles = [dialogCss, buttonsCss, hrCss];
+__decorate([
+    query('sl-dialog#destroy-workspace')
+], WorkspaceDestroyView.prototype, "destroyWorkspaceDialog", void 0);
+__decorate([
+    property()
+], WorkspaceDestroyView.prototype, "workspace", void 0);
+__decorate([
+    state()
+], WorkspaceDestroyView.prototype, "error", void 0);
+WorkspaceDestroyView = __decorate([
+    customElement("pb33f-workspace-destroy-dialog")
+], WorkspaceDestroyView);
+export { WorkspaceDestroyView };

package/dist/components/workspaces/workspace-form.d.ts

@@ -0,0 +1,22 @@
+import { SlDialog } from "@shoelace-style/shoelace";
+import { Formable } from "../../model/formable.js";
+import { Workspace } from "../../model/workspace.js";
+import { PlatformError } from "../../model/errors.js";
+export declare class WorkspaceForm extends Formable {
+    static styles: import("lit").CSSResult[];
+    workspaceDialog: SlDialog;
+    active: boolean;
+    open: boolean;
+    workspaceModel: Workspace;
+    isEditMode: boolean;
+    constructor();
+    private handleFormDirty;
+    setEditMode(workspace: Workspace): void;
+    setCreateMode(): void;
+    close(): void;
+    completed(ws: Workspace): void;
+    private handleSubmit;
+    handleError(err: PlatformError): void;
+    handleSuccess(workspace: Workspace): void;
+    render(): import("lit-html").TemplateResult<1>;
+}