@pb33f/cowboy-components 0.1.16 → 0.2.1

package/dist/css/button.css.js

@@ -9,7 +9,25 @@ export default css `
         min-height: 20px;
         margin-top: 5px;
     }
+    
+    sl-tooltip::part(base){
+        font-family: var(--font-stack), monospace;
+        font-size: 0.7rem;
+    }
 
+
+    sl-tooltip::part(body){
+        font-family: var(--font-stack), monospace;
+        font-size: 0.9rem;
+        background-color: var(--background-color);
+        color: var(--font-color);
+        border: 1px dashed var(--secondary-color);
+        border-radius: 0;
+    }
+    sl-tooltip::part(base__arrow){
+        background-color: var(--secondary-color);
+    }
+    
     sl-button::part(label){
         
     }
@@ -31,4 +49,32 @@ export default css `
         color: var(--background-color);
     }
     
+    sl-switch::part(base) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.7rem;
+    }
+
+
+    sl-button.danger::part(base){
+        border: 1px solid var(--error-color);
+        border-radius: 0;
+        font-family: var(--font-stack), monospace;
+        background-color: var(--background-color);
+        color: var(--error-color);
+        min-height: 20px;
+        margin-top: 5px;
+    }
+
+    sl-button.danger::part(base):hover{
+        font-family: var(--font-stack), monospace;
+        background-color: var(--error-color);
+        color: var(--background-color);
+    }
+
+    sl-button.danger::part(base):active{
+        border: 1px solid var(--warn-color);
+        background-color: var(--warn-color);
+        color: var(--background-color);
+    }
+    
 `;

package/dist/css/dialog.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/css/dialog.css.js

@@ -0,0 +1,11 @@
+import { css } from "lit";
+export default css `
+    sl-dialog {
+        --width: 50vw
+    }   
+    sl-dialog::part(panel) {
+        border: 1px dashed var(--secondary-color);
+        border-radius: 0;
+    }
+    
+`;

package/dist/css/forms.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/css/forms.css.js

@@ -0,0 +1,123 @@
+import { css } from "lit";
+export default css `
+
+    .label-on-left {
+        --label-width: 3.75rem;
+        --gap-width: 1rem;
+    }
+    .label-on-left + .label-on-left {
+        margin-top: 15px;
+    }
+
+    .checkbox-label {
+        width: 95px;
+        display: inline-block;
+        text-align: center;
+        font-size: 0.8rem;
+    }
+    
+    .checkbox {
+        margin: 15px 0 15px 0 ;
+    }
+    
+    sl-checkbox {
+        margin-right: 10px;
+    }
+    
+    sl-checkbox::part(control) {
+        border-radius: 0;
+    }
+    
+    sl-checkbox::part(label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    
+    .label-on-left::part(form-control) {
+        display: grid;
+        grid: auto / 70px 1fr;
+        gap: var(--sl-spacing-3x-small) 30px;
+        align-items: center;
+    }
+
+    .label-on-left::part(form-control-label) {
+        text-align: right;
+    }
+
+    .label-on-left::part(form-control-help-text) {
+        grid-column-start: 2;
+    }
+
+    sl-input::part(form-control-label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+
+    sl-input::part(base) {
+        border-radius: 0;
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+
+    sl-textarea::part(base) {
+        border-radius: 0;
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+
+    sl-textarea::part(form-control-label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    
+    sl-select::part(form-control-label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    
+    sl-select::part(form-control) {
+        border-radius: 0;
+    }
+
+    sl-select::part(combobox) {
+        border-radius: 0;
+    }
+    
+    sl-select::part(display-input) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+
+    sl-option {
+        --sl-color-primary-600: var(--primary-color);
+    }
+    
+    sl-option::part(label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+
+
+    sl-select::part(base) {
+        font-family: var(--font-stack), monospace;
+    }
+
+    sl-select::part(listbox) {
+        font-family: var(--font-stack), monospace;
+    }
+    sl-radio-group::part(label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    
+    sl-radio-group::part(form-control-label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    sl-radio::part(base) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    
+
+`;

package/dist/css/modal.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/css/modal.css.js

@@ -0,0 +1,15 @@
+import { css } from "lit";
+export default css `
+    
+    sl-dialog::part(panel) {
+        border: 1px dashed var(--secondary-color);
+        border-radius: 0;
+        background-color: var(--background-color)
+    }
+
+   
+    sl-dialog::part(body) {
+        background-color: var(--background-color)
+    }
+
+`;

package/dist/css/pb33f-theme.css

@@ -142,6 +142,7 @@ html {
     --error-color: #ff3c74;
     --error-font-color: #ff246b;
     --error-color-lowalpha: rgba(255, 60, 116, 0.4);
+    --error-color-dark: #250911;
     --error-color-loweralpha: rgba(255, 60, 116, 0.2);
     --error-color-verylowalpha: #0c0000;
     --progress-bar-background: #0a0a0a;

package/dist/css/radiogroups.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/css/radiogroups.css.js

@@ -0,0 +1,26 @@
+import { css } from "lit";
+export default css `
+
+    sl-radio-group::part(form-control) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.9rem;
+    }
+    sl-radio-group::part(form-control-label) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+    }
+    sl-radio-group::part(form-control-help-text) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.7rem;
+    }
+    sl-radio-button::part(button) {
+        font-family: var(--font-stack), monospace;
+        font-size: 0.8rem;
+        border-radius: 0;
+        --sl-color-primary-600: var(--primary-color);
+        height: 30px;
+        min-height: 1px;
+        margin-top: 8px;
+    }
+
+`;

package/dist/css/spinner.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/css/spinner.css.js

@@ -0,0 +1,42 @@
+import { css } from "lit";
+export default css `
+    .spin {
+        display: inline-block;
+        position: relative;
+        width: 35px;
+        height: 25px;
+    }
+    .spin:after {
+        content: " ";
+        display: block;
+        border-radius: 50%;
+        width: 0;
+        height: 0;
+        margin: 8px;
+        box-sizing: border-box;
+        border: 10px solid var(--primary-color);
+        border-color: var(--primary-color) transparent var(--primary-color) transparent;
+        animation: spinner 1.2s infinite;
+    }
+    .pb33f-loader {
+        display: block;
+        position: relative;
+        width: 100%;
+        height: 60px;
+        margin-top: 20px;
+    }
+
+    @keyframes spinner {
+        0% {
+            transform: rotate(0);
+            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+        }
+        50% {
+            transform: rotate(900deg);
+            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+        100% {
+            transform: rotate(1800deg);
+        }
+    }
+`;

package/dist/events/doctor.d.ts

@@ -1,5 +1,9 @@
-import { ProblemItem } from "../components/problem-list/problem-item";
-import { Problem } from "../model/problem";
+import { ProblemItem } from "../components/problem-list/problem-item.js";
+import { Problem } from "../model/problem.js";
+import { RuleComponent } from "../components/manage-ruleset/rule.js";
+import { RuleAction, RuleConfig, RuleSet } from "../model/vacuum_rule.js";
+import { Toast } from "../model/toast.js";
+import { RuleActionComponent } from "../components/manage-ruleset/rule-action";
 export declare const EditorUpdated: string;
 export declare const EditorClicked: string;
 export declare const ProblemClicked: string;
@@ -10,7 +14,19 @@ export declare const ProblemSortFilterChanged: string;
 export declare const ProblemRuleFilterChanged: string;
 export declare const ProblemRuleFilterChangedManual: string;
 export declare const ProblemSearchFilterChanged: string;
+export declare const RuleViolationClicked: string;
+export declare const RemoveFunctionOption: string;
+export declare const RulesetDirty: string;
+export declare const RuleNameUpdated: string;
+export declare const RuleActionFunctionOptionAdded: string;
+export declare const BuiltInRulesetChanged: string;
+export declare const CustomRulesetEnabled: string;
+export declare const RulesetSaved: string;
 export declare const RuleClicked: string;
+export declare const ExportRuleset: string;
+export declare const RuleActionDirty: string;
+export declare const AddToast: string;
+export declare const ToastExpired: string;
 export declare const MessageEvent: string;
 export interface ProblemLabelViewFilterChangedEvent {
     label: string;
@@ -30,18 +46,60 @@ export interface MainViewSlideChangedEvent {
 }
 export interface EditorUpdatedEvent {
     content: string;
+    id: string;
+}
+export interface CustomRulesetEnabledEvent {
+    rules: RuleComponent[];
+    ruleConfig: RuleConfig | null;
+}
+export interface RulesetChangedEvent {
+    ruleset: string;
+}
+export interface RuleDirtyEvent {
+    rule: RuleComponent;
+}
+export interface RuleActionDirtyEvent {
+    ruleAction: RuleActionComponent;
+}
+export interface RulesetSavedEvent {
+    rules: RuleSet;
+    returnedRules: RuleSet;
+    config: RuleConfig | null;
+}
+export interface RuleNameUpdatedEvent {
+    name: string;
+}
+export interface RuleActionFunctionOptionAddedEvent {
+    action: RuleAction;
+    key: string;
+    value: string;
+}
+export interface RuleActionFunctionOptionRemovedEvent {
+    action: RuleAction;
+    key: string;
+    value: string;
 }
 export interface EditorClickedEvent {
     line: number | undefined;
     column: number | undefined;
 }
+export interface RuleClickedEvent {
+    ruleId: string;
+}
 export interface ProblemClickedEvent {
     problem: ProblemItem;
     launchedFromProblems: boolean;
 }
+export interface ToastExpiredEvent {
+    toastId: string;
+}
+export interface AddToastEvent {
+    toast: Toast;
+}
 export declare enum ActiveView {
     Problems = "problems",
-    Overview = "overview"
+    Overview = "overview",
+    Ruleset = "ruleset"
 }
 export interface HistoryState {
     problem: Problem;

package/dist/events/doctor.js

@@ -8,10 +8,23 @@ export const ProblemSortFilterChanged = "problemSortFilterChanged";
 export const ProblemRuleFilterChanged = "problemRuleFilterChanged";
 export const ProblemRuleFilterChangedManual = "problemRuleFilterChangedManual";
 export const ProblemSearchFilterChanged = "problemSearchFilterChanged";
-export const RuleClicked = "ruleViolationClicked";
+export const RuleViolationClicked = "ruleViolationClicked";
+export const RemoveFunctionOption = "removeFunctionOption";
+export const RulesetDirty = "rulesetDirty";
+export const RuleNameUpdated = "ruleNameUpdated";
+export const RuleActionFunctionOptionAdded = "ruleActionFunctionOptionAdded";
+export const BuiltInRulesetChanged = "builtInRulesetChanged";
+export const CustomRulesetEnabled = "customRulesetEnabled";
+export const RulesetSaved = "rulesetSaved";
+export const RuleClicked = "rulesetRuleClicked";
+export const ExportRuleset = "exportRuleset";
+export const RuleActionDirty = "ruleActionDirty";
+export const AddToast = "addToast";
+export const ToastExpired = "toastExpired";
 export const MessageEvent = "message";
 export var ActiveView;
 (function (ActiveView) {
     ActiveView["Problems"] = "problems";
     ActiveView["Overview"] = "overview";
+    ActiveView["Ruleset"] = "ruleset";
 })(ActiveView || (ActiveView = {}));

package/dist/model/errors.d.ts

@@ -4,4 +4,14 @@ export interface PlatformError {
     statusL: number;
     title: string;
     type: string;
+    body: any;
+}
+export interface RuleError {
+    ruleId: string;
+    ruleError: string;
+    function?: string;
+    functionOption?: string;
+    line?: number;
+    startCol?: number;
+    endCol?: number;
 }

package/dist/model/rule_documentation.d.ts

@@ -1,5 +1,11 @@
-export interface RuleDocumentation {
-    ruleId: string;
+export declare const enum DocumentationType {
+    RULE = "rule",
+    FUNCTION = "function"
+}
+export interface DoctorDocumentation {
+    ruleId?: string;
+    functionId?: string;
     category: string;
     body?: string;
+    type: DocumentationType;
 }

package/dist/model/rule_documentation.js

@@ -1 +1,5 @@
-export {};
+export var DocumentationType;
+(function (DocumentationType) {
+    DocumentationType["RULE"] = "rule";
+    DocumentationType["FUNCTION"] = "function";
+})(DocumentationType || (DocumentationType = {}));

package/dist/model/toast.d.ts

@@ -0,0 +1,15 @@
+export declare enum ToastType {
+    ERROR = "error",
+    WARNING = "warning",
+    SUCCESS = "success",
+    INFO = "info",
+    SCOREUP = "scoreup",
+    SCOREDOWN = "scoredown"
+}
+export interface Toast {
+    id: string;
+    title: string;
+    type: ToastType;
+    time?: string;
+    body: any;
+}

package/dist/model/toast.js

@@ -0,0 +1,9 @@
+export var ToastType;
+(function (ToastType) {
+    ToastType["ERROR"] = "error";
+    ToastType["WARNING"] = "warning";
+    ToastType["SUCCESS"] = "success";
+    ToastType["INFO"] = "info";
+    ToastType["SCOREUP"] = "scoreup";
+    ToastType["SCOREDOWN"] = "scoredown";
+})(ToastType || (ToastType = {}));

package/dist/model/vacuum_rule.d.ts

@@ -0,0 +1,58 @@
+export interface Rule {
+    id?: string;
+    active?: boolean;
+    description?: string;
+    message?: string;
+    given?: string[] | string;
+    formats?: string[];
+    resolved?: boolean;
+    recommended?: boolean;
+    type?: string;
+    severity?: string;
+    then?: RuleAction[] | RuleAction;
+    category?: RuleCategory;
+    howToFix?: string;
+}
+export interface RuleAction {
+    field?: string;
+    function?: string;
+    functionOptions?: Map<string, any> | any;
+}
+export interface RuleCategory {
+    id: string;
+    name: string;
+    description?: string;
+}
+export interface RuleSet {
+    id?: string;
+    owner?: string;
+    uri?: string;
+    description?: string;
+    documentationUrl?: string;
+    rules: Map<string, Rule>;
+    extends?: string | [string, string];
+}
+export interface RuleConfig {
+    ruleMapping: Map<string, boolean>;
+    allRulesSwitch: boolean;
+    returnedRuleset?: any;
+}
+export interface RuleFunctionProperty {
+    name: string;
+    description: string;
+}
+export interface RuleFunctionSchema {
+    name?: string;
+    required?: string[];
+    requiresField?: boolean;
+    properties?: RuleFunctionProperty[];
+    minProperties?: number;
+    maxProperties?: number;
+    errorMessage?: string;
+}
+export interface RulesetRenderMap {
+    ruleId: string;
+    line: number;
+    start: number;
+    end: number;
+}

package/dist/model/vacuum_rule.js

@@ -0,0 +1 @@
+export {};

package/dist/services/linting-service.d.ts

@@ -5,7 +5,7 @@ import { Session } from "../model/session.js";
 export declare class LintingService {
     static doctorEndpoint: string;
     static compareProblems(a: Problem, b: Problem): number;
-    static lintFile(file: string, OWASP?: boolean): Promise<Problem[]>;
+    static lintFile(file: string): Promise<Problem[]>;
     static fetchAllHowToFix(): Promise<HowToFix[]>;
     static fetchStatistics(): Promise<DrDiagnostics>;
     static startSession(): Promise<Session>;

package/dist/services/linting-service.js

@@ -18,14 +18,10 @@ export class LintingService {
         }
         return 0;
     }
-    static async lintFile(file, OWASP = false) {
+    static async lintFile(file) {
         return new Promise(async (resolve, reject) => {
             try {
-                let query = '';
-                if (OWASP) {
-                    query = '?owasp=true';
-                }
-                const lintResults = await fetch(LintingService.doctorEndpoint + '/lint-lsp' + query, {
+                const lintResults = await fetch(LintingService.doctorEndpoint + '/lint-lsp', {
                     method: 'POST',
                     credentials: 'include',
                     headers: {

package/dist/services/ruleset-service.d.ts

@@ -0,0 +1,17 @@
+import { RuleFunctionSchema, RuleSet, RulesetRenderMap } from "../model/vacuum_rule.js";
+export declare class RulesetService {
+    static doctorEndpoint: string;
+    static checkRules(ruleset: RuleSet): void;
+    static getDefaultRuleset(): Promise<RuleSet>;
+    static getOWASPRuleset(): Promise<RuleSet>;
+    static getAllRuleset(): Promise<RuleSet>;
+    static getFunctions(): Promise<string[]>;
+    static getFunctionSchema(functionId: string): Promise<RuleFunctionSchema>;
+    static applyRuleset(ruleset: string): Promise<RuleSet>;
+    static convertToJSON(ruleset: string): Promise<RuleSet>;
+    static getSessionRuleset(): Promise<RuleSet>;
+    static getSessionRulesetAsYAML(): Promise<string>;
+    static getSessionRulesetMap(): Promise<RulesetRenderMap[]>;
+    static validateRuleset(body: string, returnJSON?: boolean): Promise<any>;
+    static resetSessionRuleset(): Promise<null>;
+}