@pb33f/cowboy-components 0.5.5 → 0.5.6

package/dist/components/rodeo/rodeo.js

@@ -0,0 +1,41 @@
+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 } from "lit/decorators.js";
+import rodeoCss from "./rodeo.css";
+import listsCss from "../../css/lists.css";
+import { Router } from '@vaadin/router';
+import './rodeo-nav.js';
+import './roundup.ts';
+import './users.ts';
+let Rodeo = class Rodeo extends LitElement {
+    constructor() {
+        super();
+    }
+    firstUpdated() {
+        const router = new Router(this.shadowRoot?.getElementById('outlet'));
+        console.log('router', router);
+        router?.setRoutes([
+            { path: '/rodeo.html', component: 'pb33f-rodeo-home' },
+            { path: '/', component: 'pb33f-rodeo-home' },
+            { path: '/users', component: 'pb33f-rodeo-users' }
+        ]);
+    }
+    render() {
+        return html `
+            <main>
+                <pb33f-rodeo-nav></pb33f-rodeo-nav>
+                <div id="outlet"></div>
+            </main>
+        `;
+    }
+};
+Rodeo.styles = [rodeoCss, listsCss];
+Rodeo = __decorate([
+    customElement('pb33f-rodeo')
+], Rodeo);
+export { Rodeo };

package/dist/components/rodeo/roundup.d.ts

@@ -0,0 +1,4 @@
+import { LitElement } from "lit";
+export declare class RodeoHome extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/rodeo/roundup.js

@@ -0,0 +1,18 @@
+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 } from "lit/decorators.js";
+let RodeoHome = class RodeoHome extends LitElement {
+    render() {
+        return html `
+        `;
+    }
+};
+RodeoHome = __decorate([
+    customElement('pb33f-rodeo-home')
+], RodeoHome);
+export { RodeoHome };

package/dist/components/rodeo/users.d.ts

@@ -0,0 +1,4 @@
+import { LitElement } from "lit";
+export declare class RodeoUsers extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/rodeo/users.js

@@ -0,0 +1,17 @@
+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 } from "lit/decorators.js";
+let RodeoUsers = class RodeoUsers extends LitElement {
+    render() {
+        return html `USERS`;
+    }
+};
+RodeoUsers = __decorate([
+    customElement('pb33f-rodeo-users')
+], RodeoUsers);
+export { RodeoUsers };

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

@@ -162,6 +162,7 @@ export declare class TheDoctor extends LitElement {
     readonly nodeLimit: number;
     private pendingLine;
     private rolodexDividerPosition;
+    private authController;
     constructor(doctorEndpoint?: string);
     tickRandomly(): void;
     nukeWorkspaceHandler(): void;

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

@@ -54,6 +54,7 @@ import { NodeType } from "../../model/node_type";
 import tooltipCss from "../../css/tooltip.css";
 import { NukeWorkspaceComponent } from "./nuke-workspace";
 import { CreditTicker } from "../credit-ticker/credit-ticker";
+import { AuthService } from "../../services/auth-service";
 export const GraphBag = "pb33f-doctor-graph";
 export const PanelStateBag = "pb33f-doctor-panel-state";
 export const RolodexResponseBag = "pb33f-doctor-rolodex-response";
@@ -87,6 +88,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         // rolodex divider state (because it may not exist)
         this.rolodexDividerPosition = 40;
         this._firstRun = true;
+        //this.authController = new AuthController(this)
         // bus it up
         this.bus = CreateBus();
         this.doctorServiceChannel = this.bus.createChannel(DoctorServiceChannel);
@@ -1262,6 +1264,7 @@ let TheDoctor = class TheDoctor extends LitElement {
         FeedbackService.doctorEndpoint = this.doctorEndpoint;
         RulesetService.doctorEndpoint = this.doctorEndpoint;
         ModelService.doctorEndpoint = this.doctorEndpoint;
+        AuthService.doctorEndpoint = this.doctorEndpoint;
         this.connectToBroker();
         this.graphBag = this.bagManager.getBag(GraphBag);
         this.docBag = this.bagManager.getBag(DoctorDocumentBag);

package/dist/controllers/auth.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveControllerHost } from 'lit';
+import { AuthenticationState } from "../model/auth";
+export declare class AuthController {
+    host: ReactiveControllerHost;
+    doctorEndpoint: string;
+    state: AuthenticationState | null;
+    authenticated: boolean;
+    urlCapture: string | null;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    authGithub(): void;
+    logout(): void;
+    checkState(): Promise<AuthenticationState>;
+}

package/dist/controllers/auth.js

@@ -0,0 +1,46 @@
+import { AuthenticationGithubRequested, LogoutRequested } from "../events/doctor";
+import { AuthService } from "../services/auth-service";
+const PreAuthURL = "pb33f-preauth-url";
+export class AuthController {
+    constructor(host) {
+        this.host = host;
+        this.host.addController(this);
+        this.doctorEndpoint = 'https://doctor.pb33f.io';
+        const sessionEndpoint = sessionStorage.getItem("doctor-endpoint");
+        if (sessionEndpoint) {
+            this.doctorEndpoint = sessionEndpoint;
+        }
+        AuthService.doctorEndpoint = this.doctorEndpoint;
+    }
+    hostConnected() {
+        window.addEventListener(AuthenticationGithubRequested, this.authGithub.bind(this));
+        window.addEventListener(LogoutRequested, this.logout.bind(this));
+        // check for urlcapture
+        const urlState = sessionStorage.getItem(PreAuthURL);
+        debugger;
+        if (urlState) {
+            this.urlCapture = urlState;
+            sessionStorage.removeItem(PreAuthURL);
+        }
+        this.checkState().then((state) => {
+            this.authenticated = true;
+            this.state = state;
+            this.host.requestUpdate();
+            if (this.urlCapture) {
+                const c = this.urlCapture;
+                this.urlCapture = null;
+                window.location.href = c;
+            }
+        });
+    }
+    authGithub() {
+        sessionStorage.setItem(PreAuthURL, window.location.toString());
+        window.location.href = this.doctorEndpoint + '/auth/github/start';
+    }
+    logout() {
+        window.location.href = this.doctorEndpoint + '/auth/logout';
+    }
+    checkState() {
+        return AuthService.checkAuth();
+    }
+}

package/dist/cowboy-components.d.ts

@@ -15,6 +15,10 @@ import './components/attention-box/attention-box.js';
 import './components/render-operation-path/render-operation-path.js';
 import './components/render-json-path/render-json-path.js';
 import './components/footer/footer.js';
+import './components/electric-box/electric-box.js';
+import './components/auth/oauth-login.js';
+import './components/auth/login-button.js';
+import './components/logo-wall/logowall.js';
 import './components/problem-list/problem-list.js';
 import './components/problem-list/problem-item.js';
 import './components/the-doctor/the-doctor.js';

package/dist/cowboy-components.js

@@ -15,6 +15,10 @@ import './components/attention-box/attention-box.js';
 import './components/render-operation-path/render-operation-path.js';
 import './components/render-json-path/render-json-path.js';
 import './components/footer/footer.js';
+import './components/electric-box/electric-box.js';
+import './components/auth/oauth-login.js';
+import './components/auth/login-button.js';
+import './components/logo-wall/logowall.js';
 // problems
 import './components/problem-list/problem-list.js';
 import './components/problem-list/problem-item.js';