@pb33f/cowboy-components 0.2.0 → 0.2.1

package/dist/components/manage-ruleset/manage-ruleset.d.ts

@@ -6,6 +6,10 @@ import { RuleComponent } from "./rule.js";
 import { Rule, RuleConfig, RuleSet } from "../../model/vacuum_rule.js";
 import { SlButton, SlDialog, SlRadioButton, SlRadioGroup, SlSwitch } from "@shoelace-style/shoelace";
 import { RuleError } from "../../model/errors.js";
+export declare const defaultRuleset = "default";
+export declare const owaspRuleset = "owasp";
+export declare const allRuleset = "all";
+export declare const customRuleset = "custom";
 export declare class ManageRuleset extends LitElement {
     static styles: import("lit").CSSResult[];
     saveButton: SlButton;
@@ -34,7 +38,7 @@ export declare class ManageRuleset extends LitElement {
     constructor();
     private rulesetUpdated;
     private exportRuleset;
-    private compileRuleset;
+    compileRuleset(): void;
     clearRuleProblems(): void;
     processBadRules(ruleError: RuleError[]): void;
     rulesetSaved(ruleset: RuleSet, returnedRuleset: RuleSet): void;

package/dist/components/manage-ruleset/manage-ruleset.js

@@ -13,15 +13,15 @@ import manageRulesetCss from "./manage-ruleset.css.js";
 import { RuleComponent } from "./rule.js";
 import buttonCss from "../../css/button.css.js";
 import spinnerCss from "../../css/spinner.css.js";
-import { AddToast, CustomRulesetEnabled, ExportRuleset, RulesetDirty, RulesetSaved } from "../../events/doctor.js";
+import { AddToast, BuiltInRulesetChanged, CustomRulesetEnabled, ExportRuleset, RulesetDirty, RulesetSaved } from "../../events/doctor.js";
 import modalCss from "../../css/modal.css.js";
 import { RulesetService } from "../../services/ruleset-service.js";
 import { ToastType } from "../../model/toast.js";
 import radioGroupsCss from "../../css/radiogroups.css.js";
-const defaultRuleset = "default";
-const owaspRuleset = "owasp";
-const allRuleset = "all";
-const customRuleset = "custom";
+export const defaultRuleset = "default";
+export const owaspRuleset = "owasp";
+export const allRuleset = "all";
+export const customRuleset = "custom";
 let ManageRuleset = class ManageRuleset extends LitElement {
     constructor() {
         super();
@@ -345,20 +345,42 @@ let ManageRuleset = class ManageRuleset extends LitElement {
             case defaultRuleset:
                 this._activeRuleset = this._defaultRules;
                 this.currentRuleset = defaultRuleset;
+                this.dispatchEvent(new CustomEvent(BuiltInRulesetChanged, {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        ruleset: defaultRuleset
+                    }
+                }));
                 break;
             case owaspRuleset:
                 this._activeRuleset = this._owaspRules;
                 this.currentRuleset = owaspRuleset;
+                this.dispatchEvent(new CustomEvent(BuiltInRulesetChanged, {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        ruleset: owaspRuleset
+                    }
+                }));
                 break;
             case allRuleset:
                 this._activeRuleset = this._allRules;
                 this.currentRuleset = allRuleset;
+                this.dispatchEvent(new CustomEvent(BuiltInRulesetChanged, {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        ruleset: allRuleset
+                    }
+                }));
                 break;
             case customRuleset:
                 this._activeRuleset = this._customRules;
                 this.currentRuleset = customRuleset;
                 break;
         }
+        this.compileRuleset();
     }
     buildRulesets() {
         this._defaultRules = [];

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

@@ -177,7 +177,7 @@ export default css `
     
     .spinner-draw-closed {
         top: 35px;
-        right: 2px;
+        right: 8px;
     }
 
     pb33f-toast-manager {
@@ -219,7 +219,7 @@ export default css `
     }
     .collapse-side {
         position: absolute;
-        right: 0;
+        right: 5px;
         top: 0;
         padding: 0;
         color: var(--secondary-color);

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

@@ -108,7 +108,8 @@ export declare class TheDoctor extends LitElement {
     private fetchDocs;
     fetchRulesetMap(): void;
     ruleClicked(evt: CustomEvent<RuleClickedEvent>): void;
-    rulesetChanged(): void;
+    builtInRulesetSelected(): void;
+    rulesetManuallyChanged(): void;
     specChanged(event: CustomEvent<EditorUpdatedEvent>): void;
     boostrap(): void;
     exportJSON(): void;

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

@@ -15,7 +15,7 @@ import '@shoelace-style/shoelace/dist/components/badge/badge.js';
 import { customElement, property, query, state } from "lit/decorators.js";
 import { html, LitElement } from "lit";
 import { SpecEditor } from "../editor/editor.js";
-import { ActiveView, AddToast, CustomRulesetEnabled, EditorClicked, EditorUpdated, ExportRuleset, OpenProblemDrawer, ProblemClicked, ProblemRuleFilterChangedManual, RuleViolationClicked, RulesetSaved, RuleClicked } from "../../events/doctor.js";
+import { ActiveView, AddToast, CustomRulesetEnabled, EditorClicked, EditorUpdated, ExportRuleset, OpenProblemDrawer, ProblemClicked, ProblemRuleFilterChangedManual, RuleViolationClicked, RulesetSaved, RuleClicked, BuiltInRulesetChanged, } 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";
@@ -110,6 +110,8 @@ let TheDoctor = class TheDoctor extends LitElement {
         this.addEventListener(ExportRuleset, this.exportRuleset);
         // @ts-ignore
         this.addEventListener(RuleClicked, this.ruleClicked);
+        // @ts-ignore
+        this.addEventListener(BuiltInRulesetChanged, this.builtInRulesetSelected);
         // hijack navigation buttons.
         window.addEventListener('popstate', (e) => {
             const state = e.state;
@@ -668,7 +670,10 @@ let TheDoctor = class TheDoctor extends LitElement {
             }
         }
     }
-    rulesetChanged() {
+    builtInRulesetSelected() {
+        // todo
+    }
+    rulesetManuallyChanged() {
         clearTimeout(this.bounceId);
         this.bounceId = window.setTimeout(() => {
             const ruleset = this.rulesetEditor.editor?.getValue();
@@ -747,7 +752,7 @@ let TheDoctor = class TheDoctor extends LitElement {
     specChanged(event) {
         const editor = this.editorMap.get(event.detail.id);
         if (editor && event.detail.id === 'ruleset') {
-            this.rulesetChanged();
+            this.rulesetManuallyChanged();
             return;
         }
         if (this.docBag) {
@@ -844,8 +849,8 @@ let TheDoctor = class TheDoctor extends LitElement {
             if (splitPanel) {
                 this.collapseButton.name = "chevron-bar-left";
                 this.problemsDataDiv.style.display = "none";
-                splitPanel.style.setProperty('--min', '50px');
-                splitPanel.style.setProperty('--max', 'calc(100vw - 50px)');
+                splitPanel.style.setProperty('--min', '40px');
+                splitPanel.style.setProperty('--max', 'calc(100vw - 40px)');
                 splitPanel.position = 100;
                 splitPanel.disabled = true;
                 this.splitDivider.style.display = "none";