@pb33f/cowboy-components 0.1.11 → 0.1.13

package/dist/components/editor/editor.js

@@ -12,26 +12,26 @@ import * as monaco from "monaco-editor";
 // @ts-ignore
 import styles from "monaco-editor/min/vs/editor/editor.main.css?inline";
 // @ts-ignore
-import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import editorWorker from "monaco-editor/esm/vs/editor/editor.worker.js?worker";
 // @ts-ignore
-//import htmlWorker from "monaco-editor/esm/vs/language/html/html.worker?worker";
+import htmlWorker from "monaco-editor/esm/vs/language/html/html.worker.js?worker";
 // @ts-ignore
-//import cssWorker from "monaco-editor/esm/vs/language/css/css.worker?worker";
+import cssWorker from "monaco-editor/esm/vs/language/css/css.worker.js?worker";
 // @ts-ignore
-//import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker.js?worker";
 import { EditorClicked, EditorUpdated } from "../../events/doctor.js";
 // @ts-ignore
 self.MonacoEnvironment = {
-    getWorker(_) {
-        // if (label === "json") {
-        //     return new jsonWorker();
-        // }
-        // if (label === "html") {
-        //     return new htmlWorker();
-        // }
-        // if (label === "css" || label === "scss" || label === "less") {
-        //     return new cssWorker();
-        // }
+    getWorker(_, label) {
+        if (label === "json") {
+            return new jsonWorker();
+        }
+        if (label === "html") {
+            return new htmlWorker();
+        }
+        if (label === "css" || label === "scss" || label === "less") {
+            return new cssWorker();
+        }
         return new editorWorker();
     },
 };
@@ -157,7 +157,6 @@ let SpecEditor = class SpecEditor extends LitElement {
                     column: e.target.position?.column
                 }
             }));
-            //this.editor?.getAction("editor.action.revealDefinition")!.run()
         });
         window
             .matchMedia("(prefers-color-scheme: dark)")
@@ -190,8 +189,3 @@ SpecEditor = __decorate([
     customElement("pb33f-editor")
 ], SpecEditor);
 export { SpecEditor };
-// declare global {
-//     interface HTMLElementTagNameMap {
-//         "pb33f-editor": SpecEditor;
-//     }
-// }

package/dist/components/footer/footer.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement, property } from "lit/decorators.js";
 import { html, LitElement } from "lit";
 import footerCss from "./footer.css.js";
-import linksCss from "../../css/links.css";
+import linksCss from "../../css/links.css.js";
 let FooterComponent = class FooterComponent extends LitElement {
     constructor() {
         super();

package/dist/components/paginator/paginator-navigator.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import SlIconButton from "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
 import "@shoelace-style/shoelace/dist/components/format-number/format-number.js";
+import SlIconButton from "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
+import { LitElement } from "lit";
 export declare class PaginatorNavigation extends LitElement {
     static styles: import("lit").CSSResult[];
     currentPage: number;

package/dist/components/paginator/paginator-navigator.js

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 "@shoelace-style/shoelace/dist/components/format-number/format-number.js";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { html, LitElement } from "lit";
-import paginatorNavigatorCss from "./paginator-navigator.css";
-import { PaginatorFirstPage, PaginatorLastPage, PaginatorNextPage, PaginatorPreviousPage } from "../paginator/paginator-events";
-import "@shoelace-style/shoelace/dist/components/format-number/format-number.js";
+import paginatorNavigatorCss from "./paginator-navigator.css.js";
+import { PaginatorFirstPage, PaginatorLastPage, PaginatorNextPage, PaginatorPreviousPage } from "./paginator-events.js";
 let PaginatorNavigation = class PaginatorNavigation extends LitElement {
     constructor() {
         super();

package/dist/components/percent-bar/percent-bar.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, svg } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import percentBarCss from "./percent-bar.css";
+import percentBarCss from "./percent-bar.css.js";
 let PercentBar = class PercentBar extends LitElement {
     constructor() {
         super();
@@ -38,7 +38,6 @@ let PercentBar = class PercentBar extends LitElement {
             valueLabel = "<1";
         }
         return html `
-           
             <div class="bar">
                 <svg xmlns="http://www.w3.org/2000/svg" style="height: ${this.height}" class="${clazz}">
                 ${nodes.map((node) => {

package/dist/components/problem-list/details-drawer.js

@@ -25,8 +25,7 @@ let ProblemDetailsDrawer = class ProblemDetailsDrawer extends LitElement {
             <sl-drawer contained label="${this.label}" class="drawer" style="--size: 800px;">
                 ${this.content}
                 <sl-button slot="footer" @click=${this.close} variant="primary" class="button-primary">close panel</sl-button>
-            </sl-drawer>
-        `;
+            </sl-drawer>`;
     }
     open(event) {
         this.label = "";

package/dist/components/problem-list/problem-item.js

@@ -80,7 +80,6 @@ let ProblemItem = class ProblemItem extends LitElement {
             selectedClass = "selected-sibling";
             sl = true;
         }
-        //<pb33f-render-json-path path="${this.problem}" .selected=${sl} class="${this.selectedSibling? 'selectedPath': ''}"></pb33f-render-json-path>
         return html `
             <div @click="${this.selectedProblem}" class="problem ${selectedClass}">
                 <div class="icon ${getProblemClass(this.problemObject)} class="${sl ? selectedClass : ''}"">

package/dist/components/problem-list/problem-label-view-filter.js

@@ -52,8 +52,7 @@ let ProblemLabelViewFilter = class ProblemLabelViewFilter extends LitElement {
                     </sl-menu>
                 </sl-dropdown>
                 </div>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemLabelViewFilter.styles = [problemLabelViewFilterCss, filterCss];

package/dist/components/problem-list/problem-list.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
-import { ProblemItem } from "../../components/problem-list/problem-item.js";
+import { ProblemItem } from "./problem-item.js";
 import { MainViewSlideChangedEvent, ProblemClickedEvent, ProblemRuleFilterChangedEvent } from "../../events/doctor";
-import { Problem } from "../../model/problem";
+import { Problem } from "../../model/problem.js";
 export declare class ProblemList extends LitElement {
     static styles: import("lit").CSSResult[];
     private searchWorker;

package/dist/components/problem-list/problem-list.js

@@ -6,18 +6,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from "lit/decorators.js";
 import { html, LitElement } from "lit";
-import { ProblemItem } from "../../components/problem-list/problem-item.js";
-import { ProblemMainView } from "../../components/problem-list/problem-mainview.js";
+import { ProblemItem } from "./problem-item.js";
+import { ProblemMainView } from "./problem-mainview.js";
 import { MainViewSlideChanged, ProblemClicked, ProblemLabelViewFilterChanged, ProblemSortFilterChanged, ProblemSearchFilterChanged, MessageEvent, ProblemRuleFilterChanged, ProblemRuleFilterChangedManual } from "../../events/doctor";
-import problemListCss from "./problem-list.css";
-import sharedCss from "../../css/shared.css";
-import { Problem } from "../../model/problem";
-import { ProblemToolbar } from "./problem-toolbar";
-import { ProblemLabelView } from "./problem-label-view-filter";
-import { Paginator } from "../paginator/paginator";
-import { ProblemSortView } from "./problem-sort-filter";
-import SearchWorker from "../../workers/search-problems.worker?worker";
-import { Rules } from "./problem-rule-filter";
+import problemListCss from "./problem-list.css.js";
+import sharedCss from "../../css/shared.css.js";
+import { Problem } from "../../model/problem.js";
+import { ProblemToolbar } from "./problem-toolbar.js";
+import { ProblemLabelView } from "./problem-label-view-filter.js";
+import { Paginator } from "../paginator/paginator.js";
+import { ProblemSortView } from "./problem-sort-filter.js";
+import { Rules } from "./problem-rule-filter.js";
+import SearchWorker from "../../workers/search-problems.worker.js?worker";
 let ProblemList = class ProblemList extends LitElement {
     constructor() {
         super();

package/dist/components/problem-list/problem-mainview.js

@@ -86,8 +86,7 @@ let ProblemMainView = class ProblemMainView extends LitElement {
                 return html `
                     <div class="main-view">
                         ${this.renderProblem(this.problems[0].problemObject)}
-                    </div>
-                `;
+                    </div>`;
             }
         }
         return html `

package/dist/components/problem-list/problem-search-filter.js

@@ -28,8 +28,7 @@ let ProblemSearchFilter = class ProblemSearchFilter extends LitElement {
         return html `
             <div class="filter">
                 <sl-input @sl-change=${this.search} placeholder="search" clearable></sl-input>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemSearchFilter.styles = [filterCss];

package/dist/components/problem-list/problem-sort-filter.js

@@ -53,8 +53,7 @@ let ProblemSortFilter = class ProblemSortFilter extends LitElement {
                     </sl-menu>
                 </sl-dropdown>
                 </div>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemSortFilter.styles = [problemLabelViewFilterCss, filterCss];

package/dist/components/problem-list/problem-toolbar.js

@@ -49,8 +49,7 @@ let ProblemToolbar = class ProblemToolbar extends LitElement {
                 <div class="filter last">
                     ${this.problemSearchFilter}
                 </div>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemToolbar.styles = [problemToolbarCss];

package/dist/components/problems-overview/diagnostic-evaluation.js

@@ -98,8 +98,7 @@ let DiagnosticEvaluation = class DiagnosticEvaluation extends LitElement {
                     ${renderedLinks}
                     </ul>
                 </div>
-            </div>
-        `;
+            </div>`;
     }
 };
 DiagnosticEvaluation.styles = [listsCss, diagnosticEvaluationCss];

package/dist/components/problems-overview/document-statistic.js

@@ -29,8 +29,7 @@ let DocumentStatistic = class DocumentStatistic extends LitElement {
         }
         return html `
             <label>${this.label}:</label>
-            <span>${formatted}${this.postfix}</span>
-        `;
+            <span>${formatted}${this.postfix}</span>`;
     }
 };
 DocumentStatistic.styles = [documentStatisticCss];

package/dist/components/problems-overview/problem-overview-group.js

@@ -89,8 +89,7 @@ let ProblemOverviewGroup = class ProblemOverviewGroup extends LitElement {
                 <div class="action-buttons">
                     <sl-button @click="${this.selectRule}">${this.totalViolations} &gt;</sl-button>
                 </div>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemOverviewGroup.styles = [sharedCss, buttonCss, problemOverviewGroupCss];

package/dist/components/problems-overview/problem-statistics.d.ts

@@ -9,6 +9,5 @@ export declare class ProblemStatisticsComponent extends LitElement {
     problems: ProblemItem[];
     drDiagnostics: DrDiagnostics;
     constructor();
-    protected willUpdate(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/problems-overview/problem-statistics.js

@@ -13,17 +13,9 @@ import { Problem } from "../../model/problem.js";
 import problemStatisticsCss from "./problem-statistics.css.js";
 import { DocumentStatistics } from "../../model/document-statistics.js";
 let ProblemStatisticsComponent = class ProblemStatisticsComponent extends LitElement {
-    // private problemStatistics: ProblemStatistics;
     constructor() {
         super();
     }
-    willUpdate() {
-        // if (this.problemStatistics) {
-        //     this.problemStatistics.problems = this.problems;
-        // } else {
-        //     this.problemStatistics = new ProblemStatistics(this.problems);
-        // }
-    }
     render() {
         const totalViolations = this.problems.length;
         const rulesViolated = new Set(this.problems.map((problem) => {
@@ -115,8 +107,7 @@ let ProblemStatisticsComponent = class ProblemStatisticsComponent extends LitEle
                                              value="${this.drDiagnostics?.statistics.totalInfo}" isInform>
                     </pb33f-problem-statistic>
                 </sl-card>
-            </div>
-        `;
+            </div>`;
     }
 };
 ProblemStatisticsComponent.styles = [problemStatisticsCss];

package/dist/components/render-json-path/render-json-path.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import renderJsonPathCss from "./render-json-path.css";
+import renderJsonPathCss from "./render-json-path.css.js";
 const bracketRegex = /(\{)([\w.-_$:]+)(})|(:)([\w.-_$:]+)/g;
 const pathRegex = /(\[)(["']?)([\w${}:./\\]+)(['"]?)(])/g;
 let RenderJSONPathComponent = class RenderJSONPathComponent extends LitElement {

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

@@ -7,10 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import '@shoelace-style/shoelace/dist/components/textarea/textarea.js';
 import { customElement, query, state } from "lit/decorators.js";
 import { html, LitElement } from "lit";
+import { FeedbackService } from "../../services/feedback-service";
 import feedbackCss from "./feedback.css.js";
 import buttonCss from "../../css/button.css";
 import sharedCss from "../../css/shared.css";
-import { FeedbackService } from "../../services/feedback-service";
 let FeedbackComponent = class FeedbackComponent extends LitElement {
     constructor() {
         super();
@@ -30,6 +30,14 @@ let FeedbackComponent = class FeedbackComponent extends LitElement {
         });
     }
     render() {
+        const mailinglist = html `
+            <hr/>
+            <h3>Sign up for updates</h3>
+            <p>
+                Want to know what's happening at <a href="https://pb33f.io">pb33f</a>? Join our mailing list
+                and stay up to date with the latest news and gossip.
+            </p>
+            <pb33f-mailing-list></pb33f-mailing-list>`;
         if (!this.sent) {
             return html `
                 <div class="feedback">
@@ -46,9 +54,10 @@ let FeedbackComponent = class FeedbackComponent extends LitElement {
                     <hr/>
                     <sl-input label="Email (optional)" placeholder="your@email.com"></sl-input>
                     <sl-textarea placeholder="What do you like? What do you hate? What would make the doctor better?"
-                                 size="small" @sl-input="${this.toggleButton}">
+                                 size="small" @sl-input="${this.toggleButton}" maxlength="1800">
                     </sl-textarea>
                     <sl-button @click="${this.send}" disabled>Send Feedback</sl-button>
+                    ${mailinglist}
                 </div>
             `;
         }
@@ -60,6 +69,7 @@ let FeedbackComponent = class FeedbackComponent extends LitElement {
                         <a href="https://quobix.com">quobix</a> via discord.
                     </pb33f-attention-box>
                 </div>
+                ${mailinglist}
             `;
         }
     }

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

@@ -11,9 +11,7 @@ let DoctorSettings = class DoctorSettings extends LitElement {
         super();
     }
     render() {
-        return html `
-            
-        `;
+        return html ``;
     }
 };
 DoctorSettings = __decorate([

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

@@ -6,9 +6,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement, property, query } from "lit/decorators.js";
 import { html, LitElement } from "lit";
+import buttonCss from "../../css/button.css";
 import statusBarCss from "./status-bar.css.js";
 import linksCss from "../../css/links.css.js";
-import buttonCss from "../../css/button.css";
 let StatusBar = class StatusBar extends LitElement {
     constructor() {
         super();

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

@@ -9,7 +9,7 @@ import { LitElement } from "lit";
 import { EditorUpdatedEvent, ProblemRuleFilterChangedEvent } from "../../events/doctor.js";
 import { ProblemDrawerEvent } from "../problem-list/details-drawer.js";
 import { SlSwitch, SlTab, SlTabGroup } from "@shoelace-style/shoelace";
-import { AttentionBox } from "../attention-box/attention-box";
+import { AttentionBox } from "../attention-box/attention-box.js";
 export declare const DoctorDocumentBag = "pb33f-doctor-editor";
 export declare const HowToFixBag = "pb33f-doctor-howtofix";
 export declare const RuleDocumentationBag = "pb33f-doctor-ruledocs";
@@ -60,6 +60,6 @@ export declare class TheDoctor extends LitElement {
     specChanged(event: CustomEvent<EditorUpdatedEvent>): void;
     toggleOWASP(): void;
     boostrap(): void;
-    render(): import("lit-html").TemplateResult<1>;
     closeWelcome(): void;
+    render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -15,20 +15,20 @@ import { customElement, property, query } from "lit/decorators.js";
 import { html, LitElement } from "lit";
 import { SpecEditor } from "../editor/editor.js";
 import { ActiveView, EditorClicked, EditorUpdated, OpenProblemDrawer, ProblemClicked, ProblemRuleFilterChangedManual, RuleClicked } from "../../events/doctor.js";
+import { ProblemDetailsDrawer, ProblemDrawerEventType } from "../problem-list/details-drawer.js";
 import { CreateBagManager } from "@pb33f/saddlebag";
 import { LintingService } from "../../services/linting-service.js";
-import { ProblemList } from "../../components/problem-list/problem-list.js";
+import { ProblemList } from "../problem-list/problem-list.js";
 import { Problem } from "../../model/problem.js";
-import { ProblemDetailsDrawer, ProblemDrawerEventType } from "../problem-list/details-drawer.js";
-import RuleDocumentationWorker from "../../workers/rule-documentation.worker.js?worker";
 import { ProblemsOverview } from "../problems-overview/problems-overview.js";
 import { ErrorBanner } from "../error-banner/error-banner.js";
-import { StatusBar } from "../the-doctor/status-bar.js";
+import { StatusBar } from "./status-bar.js";
 import { FeedbackComponent } from "./feedback.js";
+import { FeedbackService } from "../../services/feedback-service.js";
+import { ActivitySpinner } from "./activity-spinner.js";
+import RuleDocumentationWorker from "../../workers/rule-documentation.worker.js?worker";
 import theDoctorCss from "./the-doctor.css.js";
-import linksCss from "../../css/links.css";
-import { FeedbackService } from "../../services/feedback-service";
-import { ActivitySpinner } from "./activity-spinner";
+import linksCss from "../../css/links.css.js";
 export const DoctorDocumentBag = "pb33f-doctor-editor";
 export const HowToFixBag = "pb33f-doctor-howtofix";
 export const RuleDocumentationBag = "pb33f-doctor-ruledocs";
@@ -89,7 +89,7 @@ let TheDoctor = class TheDoctor extends LitElement {
                 }
             }
         });
-        history.pushState({ view: ActiveView.Overview }, "", ActiveView.Overview);
+        //history.pushState({view: ActiveView.Overview}, "", ActiveView.Overview);
     }
     ruleGroupClicked(event) {
         this.problemsPanel.focus();
@@ -313,14 +313,21 @@ let TheDoctor = class TheDoctor extends LitElement {
             });
         }
     }
+    closeWelcome() {
+        this.welcomeBox.hide();
+        localStorage.setItem("pb33f-doctor-welcome", "closed");
+    }
     render() {
         let overlay = html ``;
         if (this.unavailable) {
             overlay = html `
                 <div class="overlay" @click="return false"></div>`;
         }
-        let welcomeBox = html ` <pb33f-attention-box id="welcome" type="success" headerText="Welcome to the clinic, I am the OpenAPI doctor." closeable>
-                This is an <strong>early preview</strong> of a new <a href="https://pb33f.io">pb33f</a> product, built on top of our very own open source and free software. 
+        let welcomeBox = html `
+            <pb33f-attention-box id="welcome" type="success"
+                                 headerText="Welcome to the clinic, I am the OpenAPI doctor." closeable>
+                This is an <strong>early preview</strong> of a new <a href="https://pb33f.io">pb33f</a> product,
+                built on top of our very own open source and free software.
                 If you find a bug, please let us know in the <strong>feedback</strong> tab. <br/><br/>
                 <a href="#" @click="${this.closeWelcome}">[Close this message]</a>
             </pb33f-attention-box>`;
@@ -366,12 +373,7 @@ let TheDoctor = class TheDoctor extends LitElement {
                     </div>
                 </sl-split-panel>
                 ${this.statusBar}
-            </div>
-        `;
-    }
-    closeWelcome() {
-        this.welcomeBox.hide();
-        localStorage.setItem("pb33f-doctor-welcome", "closed");
+            </div>`;
     }
 };
 TheDoctor.styles = [theDoctorCss, linksCss];