@pb33f/cowboy-components 0.1.15 → 0.2.0

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

@@ -1,17 +1,17 @@
 import { css } from "lit";
 export default css `
-    
-    
+
+
     .doctor {
         width: 100%;
         height: 100%;
         position: relative;
-        
-        
+
+
     }
-    
+
     .editor {
-        
+
         width: 100%;
         height: 100%;
         min-width: 500px;
@@ -19,14 +19,18 @@ export default css `
         position: relative;
         display: block;
     }
-    
+
     .problems {
         position: relative;
         display: block;
         margin-left: 10px;
         overflow: hidden;
         width: 100%;
+    }
+    
+    .problems-data {
         height: min-content;
+        max-height: calc(100vh - 50px);
     }
 
     .problems::-webkit-scrollbar {
@@ -42,8 +46,8 @@ export default css `
         background: var(--secondary-color-lowalpha);
         padding: var(--global-padding);
     }
-    
-    
+
+
     sl-split-panel {
         width: calc(100% - 9px);
         height: 100%;
@@ -63,10 +67,10 @@ export default css `
         color: var(--background-color);
         padding: 0;
         width: 10px;
-        height:40px;
+        height: 40px;
     }
 
-     sl-split-panel::part(divider):focus-visible {
+    sl-split-panel::part(divider):focus-visible {
         background-color: var(--primary-color);
     }
 
@@ -74,7 +78,7 @@ export default css `
         background-color: var(--primary-color);
         color: var(--background-color);
     }
-    
+
     sl-tab-group::part(tabs) {
         height: 30px;
     }
@@ -82,7 +86,7 @@ export default css `
     sl-tab::part(base) {
         padding-top: 0;
     }
-    
+
     .tab-group {
         --indicator-color: var(--secondary-color);
 
@@ -91,23 +95,24 @@ export default css `
     sl-tab-panel::part(base) {
         padding-top: 10px;
         overflow-y: hidden;
-        
+
     }
-    
+
     .tab::part(base) {
         font: var(--font-stack);
         font-size: 0.9rem;
     }
-    
+
     .unavailable {
         opacity: 0.4;
         transition: all 0.5s;
     }
-    
+
     .split-panel {
-        --min: 600px; --max: calc(100vw - 600px);
+        --min: 550px;
+        --max: calc(100vw - 550px);
     }
-    
+
     .overlay {
         width: 100%;
         opacity: 1;
@@ -120,25 +125,41 @@ export default css `
         z-index: 100;
         //backdrop-filter: blur(2px);
     }
-    
+
     .ruleset {
         font-size: 0.9rem;
         margin-left: 10px;
         margin-right: 10px;
     }
     
+    h3.loading {
+        margin-top: 20px;
+        padding-top: 0;
+        text-align: center;
+    }
+    
+   .tab-panel {
+       height: calc(100vh - 110px);
+   }
+    
+    sl-tab-panel::part(base) {
+        height: 100%;
+    }
+    
     sl-switch::part(label) {
         font-family: var(--font-stack), monospace;
     }
 
-    sl-switch a  {
+    sl-switch a {
         color: var(--primary-color);
         text-decoration: none;
     }
-    sl-switch a:visited  {
+
+    sl-switch a:visited {
         color: var(--primary-color);
     }
-    sl-switch a:hover  {
+
+    sl-switch a:hover {
         color: var(--primary-color);
         text-decoration: underline;
     }
@@ -147,14 +168,65 @@ export default css `
         color: var(--error-color);
         text-decoration: underline;
     }
-    
+
     pb33f-activity-spinner {
         position: absolute;
-        top: 0;
-        right: 0;
-        
+        top: 3px;
+        right: 25px;
+    }
+    
+    .spinner-draw-closed {
+        top: 35px;
+        right: 2px;
     }
 
+    pb33f-toast-manager {
 
+        position: absolute;
+        top: 10px;
+        right: 0;
+        z-index: 101;
+        height: calc(100vh - 50px);
+        width: 500px;
+        overflow: hidden;
+        pointer-events: none;
+    }
 
+    .export {
+        display: flex;
+        margin-bottom: 20px;
+    }
+    
+    .right {
+        text-align: right;
+    }
+    
+    .export-block {
+        width: 50%;
+    }
+
+    .export sl-button {
+        margin-left: 20px;
+        padding-top: 3px;
+    }
+    
+    sl-badge::part(base) {
+        width: 10px;
+        padding: 0;
+        margin-left: 5px;
+        margin-top: 2px;
+        height: 10px;
+    }
+    .collapse-side {
+        position: absolute;
+        right: 0;
+        top: 0;
+        padding: 0;
+        color: var(--secondary-color);
+        font-size: 1.4rem;
+    }
+    sl-icon-button.collapse-side::part(base) {
+        padding: 0;
+    }
+    
 `;

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

@@ -5,16 +5,27 @@ import '@shoelace-style/shoelace/dist/components/tab/tab.js';
 import '@shoelace-style/shoelace/dist/components/switch/switch.js';
 import '@shoelace-style/shoelace/dist/components/dialog/dialog.js';
 import '@shoelace-style/shoelace/dist/components/alert/alert.js';
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
 import { LitElement } from "lit";
-import { EditorUpdatedEvent, ProblemRuleFilterChangedEvent } from "../../events/doctor.js";
+import { AddToastEvent, EditorUpdatedEvent, ProblemRuleFilterChangedEvent, RulesetSavedEvent, RuleClickedEvent } from "../../events/doctor.js";
 import { ProblemDrawerEvent } from "../problem-list/details-drawer.js";
-import { SlSwitch, SlTab, SlTabGroup } from "@shoelace-style/shoelace";
+import { SlDialog, SlIcon, SlRadioGroup, SlTab, SlTabGroup } from "@shoelace-style/shoelace";
 import { AttentionBox } from "../attention-box/attention-box.js";
+import { Toast } from "../../model/toast.js";
+import SlIconButton from "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
 export declare const DoctorDocumentBag = "pb33f-doctor-editor";
 export declare const HowToFixBag = "pb33f-doctor-howtofix";
+export declare const FunctionDocumentationBag = "pb33f-doctor-funcdocs";
 export declare const RuleDocumentationBag = "pb33f-doctor-ruledocs";
 export declare const DiagnosticBag = "pb33f-doctor-diagnostic";
-export declare const OWASPBag = "pb33f-doctor-owasp";
+export declare const DefaultRulesetBag = "pb33f-doctor-default-ruleset";
+export declare const OWASPRulesetBag = "pb33f-doctor-owasp-ruleset";
+export declare const AllRulesetBag = "pb33f-doctor-all-ruleset";
+export declare const FunctionsBag = "pb33f-doctor-functions";
+export declare const FunctionsSchemaBag = "pb33f-doctor-function-schema";
+export declare const CustomRulesetBag = "pb33f-doctor-custom-ruleset";
+export declare const RuleConfigurationBag = "pb33f-doctor-rule-configuration";
+export declare const SessionRulesetMapBag = "pb33f-doctor-session-rulesetmap";
 export declare const DefaultDocument = "document";
 export declare const DocumentProblems = "problems";
 export declare const DoctorEndpoint = "doctor-endpoint";
@@ -22,44 +33,90 @@ export declare class TheDoctor extends LitElement {
     static styles: import("lit").CSSResult[];
     overviewPanel: SlTab;
     problemsPanel: SlTab;
-    tabGroup: SlTabGroup;
-    owaspSwitch: SlSwitch;
+    controlTabGroup: SlTabGroup;
+    editorTabGroup: SlTabGroup;
     welcomeBox: AttentionBox;
+    exportSelection: SlRadioGroup;
+    downloadRulesetLink: HTMLAnchorElement;
+    loadingOverlay: SlDialog;
+    problemsDataDiv: HTMLDivElement;
     private unavailable;
     doctorEndpoint: string;
+    exportRulesetDialog: SlDialog;
+    collapseButton: SlIconButton;
+    splitDivider: SlIcon;
+    private rulesetPulse;
     private readonly errorBanner;
     private bagManager;
     private readonly editor;
+    private readonly rulesetEditor;
     private docBag;
     private problemBag;
     private diagnosticBag;
-    private OWASPBag;
+    private DefaultRulesetBag;
+    private OWASPRulesetBag;
+    private AllRulesetBag;
+    private CustomRulesetBag;
+    private FunctionsBag;
+    private FunctionSchemaBag;
+    private RuleConfigBag;
     private howToFixBag;
     private ruleDocsBag;
+    private functionDocsBag;
+    private sessionRulesetMapBag;
     private readonly problemsOverview;
     private readonly problemList;
     private readonly detailsDrawer;
     private ruleDocsWorker;
     private debounceTime;
+    private debounceTimeRuleset;
     private bounceId;
     private problems;
-    private OWASPEnabled;
     private readonly statusBar;
     private session;
     private readonly feedback;
     private readonly activitySpinner;
+    private readonly manageRuleset;
+    private defaultRuleset;
+    private OWASPRuleset;
+    private AllRuleset;
+    private CustomRuleset;
+    private functions;
+    private readonly toastManager;
+    private editorMap;
+    private selectedEditorTab;
+    private sidebarClosed;
     constructor(doctorEndpoint?: string);
+    exportRuleset(): void;
+    addToastEvent(event: CustomEvent<AddToastEvent>): void;
+    sendToast(toast: Toast): void;
     ruleGroupClicked(event: CustomEvent<ProblemRuleFilterChangedEvent>): void;
     ruleDocsClicked(event: CustomEvent<ProblemDrawerEvent>): void;
+    rulesetSaved(evt: CustomEvent<RulesetSavedEvent>): void;
     private lintSpec;
     private platformUnavailable;
     private specClicked;
     private problemClicked;
     private loadState;
+    private customRulesetEnabled;
+    private fetchSessionRulesetAsYaml;
+    private fetchFunctions;
+    private fetchFunctionSchema;
+    private fetchDefaultRuleset;
+    private fetchOWASPRuleset;
+    private fetchAllRuleset;
     private fetchDocs;
+    fetchRulesetMap(): void;
+    ruleClicked(evt: CustomEvent<RuleClickedEvent>): void;
+    rulesetChanged(): void;
     specChanged(event: CustomEvent<EditorUpdatedEvent>): void;
-    toggleOWASP(): void;
     boostrap(): void;
+    exportJSON(): void;
+    exportYAML(): void;
+    confirmExport(): void;
     closeWelcome(): void;
+    selectEditorTab(event: CustomEvent): void;
+    selectControlTab(event: CustomEvent): void;
+    toggleSidebar(): void;
     render(): import("lit-html").TemplateResult<1>;
 }