@pb33f/cowboy-components 0.7.7 → 0.7.8

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.js

@@ -200,6 +200,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         };
         // 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));

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

@@ -14,6 +14,7 @@ export declare class AuthController extends EventTarget {
     brokerStarted: boolean;
     hosts: any[];
     callbackIdx: number;
+    checkingState: boolean;
     constructor(host: any, sessionCallback?: Function, autoStart?: boolean);
     start(): void;
     private startSession;

package/dist/controllers/auth-controller.js

@@ -1,6 +1,6 @@
 import { AuthenticationGithubRequested, AuthenticationStateChange, CreditEmpty, LogoutRequested, NukeWorkspaceEvent, StartSessionFailed } from "../events/doctor.js";
 import { AuthService } from "../services/auth-service.js";
-import { HeaderService } from "../services/header-service";
+import { HeaderService } from "../services/header-service.js";
 export class AuthController extends EventTarget {
     static getInstance() {
         const t = AuthController._instance;
@@ -20,9 +20,10 @@ export class AuthController extends EventTarget {
             }
             t.startSessionAutomatically = autoStart;
             t.brokerStarted = false;
-            t.start();
+            // t.start()
             return t;
         }
+        this.checkingState = false;
         this.doctorEndpoint = 'https://doctor.pb33f.io';
         const sessionEndpoint = sessionStorage.getItem("doctor-endpoint");
         if (sessionEndpoint) {
@@ -138,7 +139,6 @@ export class AuthController extends EventTarget {
     }
     logout() {
         AuthService.logout().then(() => {
-            //if (e.detail.redirectURL != '') {
             this.dispatchEvent(new CustomEvent(NukeWorkspaceEvent, {
                 bubbles: true,
                 composed: true,
@@ -146,20 +146,38 @@ export class AuthController extends EventTarget {
                     resetFiles: true
                 }
             }));
-            // }
         });
     }
     notifyStateChange(state) {
+        this.checkingState = false;
         const event = new CustomEvent(AuthenticationStateChange, {
             detail: { state }
         });
         this.dispatchEvent(event);
     }
     async checkState() {
-        return AuthService.checkAuth().then(state => {
-            this.notifyStateChange(state);
-            return state;
-        });
+        if (!this.checkingState) {
+            this.checkingState = true;
+            return AuthService.checkAuth()
+                .then(state => {
+                this.state = state;
+                this.authenticated = true;
+                this.notifyStateChange(state);
+                return state;
+            })
+                .catch(error => {
+                this.notifyStateChange();
+                this.checkingState = false;
+                throw error;
+            });
+        }
+        else {
+            return new Promise((resolve) => {
+                this.addEventListener(AuthenticationStateChange, ((event) => {
+                    resolve(event.detail.state);
+                }), { once: true });
+            });
+        }
     }
 }
 AuthController._instance = null;

package/dist/controllers/diagnostic-controller.js

@@ -237,11 +237,15 @@ export class DiagnosticController extends EventTarget {
                     if (e.instance === 'https://pb33f.io/errors/no-credit-remaining') {
                         this.doc.statusBar.callsRemaining = 0;
                         this.doc.statusBar.visible = true;
+                        let text = "Run out of credit, please authenticate for more or wait 24 hours.";
+                        if (this.doc.authController.authenticated) {
+                            text = "Run out of credit, please purchase more, or come back tomorrow for more free credits.";
+                        }
                         this.doc.sendToast({
                             id: crypto.randomUUID(),
                             type: ToastType.ERROR,
-                            body: "Run out of credit, please authenticate for more or wait 24 hours.",
-                            title: "Credit exhausted!",
+                            body: text,
+                            title: "💰 Credit Exhausted!",
                         });
                     }
                     else {

package/dist/controllers/docs-controller.js

@@ -1,4 +1,4 @@
-import { DocumentationExpirationBag, FunctionDocumentationBag, RuleDocumentationBag } from "../components/the-doctor/the-doctor";
+import { FunctionDocumentationBag, RuleDocumentationBag } from "../components/the-doctor/the-doctor";
 import { LintingService } from "../services/linting-service";
 import { ProblemDrawerEventType } from "../components/problem-list/details-drawer";
 import { ToastType } from "../model/toast";
@@ -8,7 +8,13 @@ export class DocsController extends EventTarget {
         this.doc = doc;
     }
     fetchDocs() {
-        //return;
+        const db = this.doc.bagManager.getBag(RuleDocumentationBag);
+        const fb = this.doc.bagManager.getBag(FunctionDocumentationBag);
+        this.doc.ruleDocsBag = db;
+        this.doc.functionDocsBag = fb;
+        if ((fb?.export().size ?? 0 > 0) && (db?.export().size ?? 0 > 0)) {
+            return;
+        }
         this.doc.activitySpinner.show();
         const url = new URL(window.location.href);
         const urlParam = url.searchParams.get('url');
@@ -27,8 +33,6 @@ export class DocsController extends EventTarget {
             this.doc.platformUnavailable(e);
             console.error("documentation service is down");
         });
-        this.doc.ruleDocsBag = this.doc.bagManager.getBag(RuleDocumentationBag);
-        this.doc.functionDocsBag = this.doc.bagManager.getBag(FunctionDocumentationBag);
         // populate docs via worker.
         this.doc.ruleDocsWorker.addEventListener("message", (event) => {
             const data = event.data;
@@ -44,14 +48,6 @@ export class DocsController extends EventTarget {
                 this.doc.activitySpinner.hide();
             }
         });
-        // let ruleDocs: string[] = [];
-        // let functionDocs: string[] = [];
-        // if (this.ruleDocsBag) {
-        //     ruleDocs = Array.from(this.ruleDocsBag.export().keys());
-        // }
-        // if (this.functionDocsBag) {
-        //     functionDocs = Array.from(this.functionDocsBag.export().keys());
-        // }
         const fetchDocs = () => {
             this.doc.ruleDocsWorker.postMessage({
                 start: true,
@@ -60,27 +56,7 @@ export class DocsController extends EventTarget {
                 existingFunctions: []
             });
         };
-        // check expiration
-        if (this.doc.docExpirationBag) {
-            const expiration = this.doc.docExpirationBag.get(DocumentationExpirationBag);
-            // if the docs are older than 15 days, refresh them.
-            if (expiration) {
-                const now = new Date().getTime();
-                const then = new Date(expiration).getTime();
-                // if (now - then > 1296000000) {
-                //     fetchDocs();
-                // } else {
-                //     this.activitySpinner.hide();
-                // }
-                fetchDocs(); // always fetch for now.
-            }
-            else {
-                fetchDocs();
-            }
-        }
-        else {
-            fetchDocs();
-        }
+        fetchDocs();
     }
     ruleDocsClicked(event) {
         const ruleId = event.detail.rule;