@pb33f/cowboy-components 0.7.18 → 0.8.0

package/package.json

@@ -3,15 +3,19 @@
   "description": "Princess Beef Heavy Industries Cowboy Components",
   "private": false,
   "license": "BUSL-1.1",
-  "version": "0.7.18",
+  "version": "0.8.0",
   "type": "module",
   "main": "./dist/cowboy-components.umd.cjs",
   "module": "./dist/cowboy-components.js",
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc",
+    "build": "vite build && tsc -p tsconfig.build.json",
     "preview": "vite preview",
-    "test": "web-test-runner",
+    "test": "npm run test:unit && npm run test:component",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:unit:coverage": "vitest run --coverage",
+    "test:component": "web-test-runner",
     "test:watch": "web-test-runner --watch"
   },
   "exports": {
@@ -21,7 +25,7 @@
     },
     "./cowboy-components.js": "./dist/cowboy-components.js",
     "./cowboy-components.umd.cjs": "./dist/cowboy-components.umd.cjs",
-    "./cowboy-components.css": "./dist/cowboy-components.css",
+    "./cowboy-components.css": "./dist/style.css",
     "./pb33f-theme.css": "./dist/css/pb33f-theme.css",
     "./components/*": "./dist/components/*",
     "./model/*": "./dist/model/*",
@@ -34,9 +38,8 @@
     "dist"
   ],
   "dependencies": {
-    "@google-web-components/google-chart": "^5.1.0",
-    "@pb33f/ranch": "^0.5.0",
-    "@pb33f/saddlebag": "^0.2.1",
+    "@pb33f/ranch": "^0.7.0",
+    "@pb33f/saddlebag": "^0.2.3",
     "@shoelace-style/shoelace": "^2.15.0",
     "@vaadin/router": "^2.0.0",
     "chart.js": "^4.4.8",
@@ -44,9 +47,10 @@
     "diff-match-patch": "^1.0.5",
     "elkjs": "^0.9.3",
     "marked": "^11.1.1",
+    "mermaid": "^11.12.0",
     "monaco-editor": "^0.52.0",
     "monaco-yaml": "^5.3.1",
-    "prismjs": "^1.29.0",
+    "prismjs": "1.30.0",
     "snapsvg-cjs": "^0.0.6",
     "web-worker": "^1.3.0"
   },
@@ -57,14 +61,17 @@
     "@types/node": "^20.10.6",
     "@types/prismjs": "^1.26.3",
     "@types/snapsvg": "^0.5.8",
+    "@vitest/coverage-v8": "^4.0.18",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-playwright": "^0.11.1",
+    "jsdom": "^27.4.0",
     "rollup-plugin-copy": "^3.5.0",
     "typescript": "^5.3.3",
-    "vite": "7.2.7",
+    "vite": "7.1.7",
     "vite-plugin-dts": "^3.7.0",
     "vite-plugin-mkcert": "^1.17.5",
     "vite-plugin-monaco-editor": "^1.1.0",
-    "vite-tsconfig-paths": "^4.2.3"
+    "vite-tsconfig-paths": "^4.2.3",
+    "vitest": "^4.0.18"
   }
 }

package/dist/assets/equalizer.worker-B1FBgh0h.js

@@ -1 +0,0 @@
-(function(){"use strict";var P=(s=>(s.VERSION="version",s.SCHEMA="schema",s.MEDIA_TYPE="mediaType",s.HEADER="header",s.EXAMPLE="example",s.EXAMPLES="examples",s.ENCODING="encoding",s.REQUEST_BODY="requestBody",s.REQUEST_BODIES="requestBodies",s.PARAMETER="parameter",s.PARAMETER_QUERY="query",s.COOKIE="cookie",s.PARAMETERS="parameters",s.LINK="link",s.LINKS="links",s.RESPONSE="response",s.RESPONSES="responses",s.OPERATION="operation",s.OPERATIONS="operations",s.SECURITY_SCHEME="securityScheme",s.SECURITY_SCHEMES="securitySchemes",s.EXTERNAL_DOCS="externalDocs",s.SECURITY="security",s.CALLBACK="callback",s.CALLBACKS="callbacks",s.PATH_ITEM="pathItem",s.PATH_ITEMS="pathItems",s.XML="xml",s.HEADERS="headers",s.SERVER="server",s.SERVERS="servers",s.SERVER_VARIABLE="serverVariable",s.PATHS="paths",s.COMPONENTS="components",s.CONTACT="contact",s.LICENSE="license",s.INFO="info",s.TAG="tag",s.TAGS="tags",s.DOCUMENT="document",s.WEBHOOK="webhook",s.WEBHOOKS="webhooks",s.EXTENSIONS="extensions",s.EXTENSION="extension",s.NO_EXAMPLE="noExample",s.POLYMORPHIC="polymorphic",s.ERROR="error",s.WARNING="warning",s.ROLODEX_FILE="rolodex-file",s.ROLODEX_FOLDER="rolodex-dir",s.OPENAPI="openapi",s.UPLOAD="upload",s.ADD="add",s.UNKNOWN="unknown",s.JS="js",s.GO="go",s.TS="ts",s.CS="cs",s.C="c",s.CPP="cpp",s.PHP="php",s.PY="py",s.HTML="html",s.MD="md",s.JAVA="java",s.RS="rs",s.ZIG="zig",s.RB="rb",s.YAML="yaml",s.JSON="json",s))(P||{});function I(s,u,f,e,a,O,o,S){if(s&&s.sources.length>0)for(let R=0;R<s.sources.length;R++){const h=s.sources[R];if(a.has(h)){const i=a.get(h);if(i){if(i.filtered)return;if(delete i.x,delete i.y,f.has(i.id)||(Object.keys(S).includes(i.type)||(i.dependency=!0),f.set(i.id,i)),!i.processed){const c=o.get(i.id);c&&c.forEach(l=>{delete l.container,delete l.sections,l.dependency=!0,e.set(l.id,l),I(l,i,f,e,a,O,o,S)})}const A=O.get(i.id);A&&A.forEach(c=>{c.targets.includes(u.id)&&(delete c.container,delete c.sections,e.set(c.id,c),I(c,i,f,e,a,O,o,S))}),i.processed=!0}}}}onmessage=function(s){if(s.data.graphResponse&&s.data.spacing){const u=s.data.objects,f=s.data.references,e=s.data.graphResponse,a={nodes:[],edges:[],nodesRendered:e.nodesRendered,spacing:s.data.spacing,references:s.data.references},O=new Map,o=new Map,S=new Map,R=new Map,h=new Map,i=(t,r)=>{const n=[];for(const E in r)if(E.includes(t+"_filter_")){const[,,M]=E.split("_");n.push(M)}return n};if(!u){postMessage(a);return}e.nodes?.forEach(t=>{Object.keys(u).includes(t.type)&&S.set(t.id,t),O.set(t.id,t)}),e.nodesRendered?.forEach(t=>{o.set(t.id,t)});const A=(t,r,n)=>{if(!n.includes(t+"XX")){r.filtered=!0;const E=O.get(r.id);E&&(E.filtered=!0)}};S.forEach(t=>{const r=i(t.type,u);let n=[],E;if(r.length>0)switch(t.type){case P.RESPONSE:n=["1","2","3","4","5"];for(const M of n)t.label.startsWith(M)&&A(M,t,r);break;case P.PARAMETER:n=["cookie","header","path","query"],E=o.get(t.id),E&&E?.instance?.hasOwnProperty("in")&&(r.includes(E.instance.in)||A(E.instance.in,t,r));break;case P.OPERATION:n=["get","post","put","patch","delete","head","options","trace"],r.includes(t.label.toLowerCase())||A(t.label,t,r);break}}),e.edges?.forEach(t=>{f&&!f.renderRefs&&t.ref&&t.ref!=""||f&&!f.renderPoly&&t.ref&&t.ref!=""&&t.poly&&t.poly!=""||(t.sources.forEach(r=>{R.has(r)||R.set(r,[]),delete t.container,delete t.sections,R.get(r)?.push(t)}),t.targets.forEach(r=>{h.has(r)||h.set(r,[]),delete t.container,delete t.sections,h.get(r)?.push(t)}))});const c=new Map,l=new Map;S.forEach(t=>{if(Object.keys(u).includes(t.type)){if(delete t.x,delete t.y,t.filtered)return;a.nodes.push(t);const r=h.get(t.id);r&&r.forEach(n=>{I(n,t,c,l,O,R,h,u)})}}),c.forEach(t=>{let r=!1;a.nodes.forEach(n=>{n.id==t.id&&(r=!0)}),r||a.nodes.push(t)}),l.forEach(t=>{let r=!1;a.edges.forEach(n=>{n.id==t.id&&(r=!0)}),r||a.edges.push(t)}),a.rebuild=s.data.rebuild,postMessage(a)}}})();

package/dist/assets/graph-dependent.worker-CxW1u577.js

@@ -1 +0,0 @@
-(function(){"use strict";function h(t,d,c,f,p,i){if(t.nodes){for(const s of t.nodes)if(!d.has(s.id)){d.set(s.id,s);const a=i.get(s.id);a&&a.forEach(o=>{c.has(o.id)||c.set(o.id,o)}),h(s,d,c,f,p,i)}}}onmessage=function(t){if(t.data.dependentNode){const d=t.data.dependentNode,c=t.data.nodes,f=t.data.edges,p=new Map,i=new Map,s=new Map,a=new Map,o=new Map,M=new Map;c.forEach(n=>o.set(n.id,n)),f.forEach(n=>{M.set(n.id,n),n.sources.forEach(e=>{s.has(e)||s.set(e,[]),s.get(e)?.push(n)}),n.targets.forEach(e=>{a.has(e)||a.set(e,[]),a.get(e)?.push(n)})}),h(d,p,i,o,M,a),postMessage({filteredNodes:p,filteredEdges:i,collapse:t.data.collapse})}}})();

package/dist/assets/rule-documentation.worker-B4_JKUg4.js

@@ -1 +0,0 @@
-(function(){"use strict";var a=(e=>(e.RULE="rule",e.FUNCTION="function",e))(a||{});onmessage=function(e){if(e.data.start){const o=[l(e.data.endpoint,e.data.existingRules),d(e.data.endpoint,e.data.existingFunctions)];Promise.all(o).then(n=>{postMessage(n.flat())}).catch(()=>{console.error("documentation cannot be fetched")})}};async function l(e,o){return new Promise(async(n,t)=>{try{const c=(await m(e)).map(s=>s.ruleId&&!o.includes(s.ruleId)?p(s.ruleId,e).then(i=>(i.body&&(s.body=i.body),s.type=a.RULE,s)):Promise.resolve(s)),u=await Promise.all(c);n(u)}catch(r){console.error("documentation service is down"),t(r)}})}async function d(e,o){return new Promise(async(n,t)=>{try{const c=(await f(e)).map(s=>s.functionId&&!o.includes(s.functionId)?y(s.functionId,e).then(i=>(i.body&&(s.body=i.body),s.type=a.FUNCTION,s)):Promise.resolve(s)),u=await Promise.all(c);n(u)}catch(r){console.error("documentation service is down"),t(r)}})}async function m(e){try{const n=await(await fetch(e+"/rules/documentation",{method:"GET",credentials:"include",headers:{"Content-Type":"application/json"}})).json();return n?n?.error?new Promise(async(t,r)=>{r(n.error)}):n:new Promise(async(t,r)=>{r("nothing returned")})}catch(o){return new Promise(async(n,t)=>{t(o)})}}async function f(e){try{const n=await(await fetch(e+"/functions/documentation",{method:"GET",credentials:"include",headers:{"Content-Type":"application/json"}})).json();return n?n?.error?new Promise(async(t,r)=>{r(n.error)}):n:new Promise(async(t,r)=>{r("nothing returned")})}catch(o){return new Promise(async(n,t)=>{t(o)})}}async function p(e,o){try{const t=await(await fetch(o+`/rules/documentation/${e}`,{method:"GET",credentials:"include",headers:{"Content-Type":"application/json"}})).json();return t?t?.error?new Promise(async(r,c)=>{c(t.error)}):t:new Promise(async(r,c)=>{c("nothing returned")})}catch(n){return new Promise(async(t,r)=>{r(n)})}}async function y(e,o){try{const t=await(await fetch(o+`/functions/documentation/${e}`,{method:"GET",credentials:"include",headers:{"Content-Type":"application/json"}})).json();return t?t?.error?new Promise(async(r,c)=>{c(t.error)}):t:new Promise(async(r,c)=>{c("nothing returned")})}catch(n){return new Promise(async(t,r)=>{r(n)})}}})();

package/dist/assets/search-graph.worker-DJxOIWLn.js

@@ -1 +0,0 @@
-(function(){"use strict";function n(s,r,a,c){function f(t,i){p(t)?n(t,r,a,c):(typeof t=="string"&&t?.toLowerCase().includes(r.toLowerCase())&&s.id&&s.idHash&&(c.includes(s.type)||(s.filtered=!0),a.set(s.id,s),s.searchMatch=t,s.searchKey=i),Number.isInteger(t)&&parseInt(r)&&t==parseInt(r)&&s.id&&s.idHash&&(c.includes(s.type)||(s.filtered=!0),a.set(s.id,s)))}if(s.type,s.instance)for(const t in s.instance){const i=s.instance[t];f(i,t)}else for(const t in s){const i=s[t];f(i,t)}}function p(s){return s!==null&&typeof s=="object"&&!Array.isArray(s)}onmessage=function(s){if(s.data.searchGraph&&s.data.searchKeyword){const r=s.data.searchGraph,a=s.data.searchKeyword,c={nodes:[],edges:[],nodesRendered:[],spacing:{},references:{}},f=new Map,t=new Map,i=Object.keys(s.data.objects);r.nodes.forEach(e=>{e.label.toLowerCase().includes(a.toLowerCase())&&(i.includes(e.type)||(e.filtered=!0),t.set(e.id,e)),f.set(e.id,e)}),r.nodesRendered.forEach(e=>{n(e,a,t,i)}),c.nodes=Array.from(t.values()),postMessage(c)}}})();

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

@@ -1,34 +0,0 @@
-import '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
-import '@shoelace-style/shoelace/dist/components/copy-button/copy-button.js';
-import '../model-renderer/description.js';
-import { LitElement, TemplateResult } from "lit";
-import { SlDrawer } from "@shoelace-style/shoelace";
-import 'prismjs/components/prism-yaml';
-export declare enum ProblemDrawerEventType {
-    RULE_DOCS = "ruleDocs",
-    HOW_TO_FIX = "howToFix",
-    FUNCTION_DOCS = "functionDocs",
-    RENDERED_EXAMPLE = "renderedExample",
-    MARKDOWN = "markdown"
-}
-export interface ProblemDrawerEvent {
-    type: ProblemDrawerEventType;
-    rule?: string;
-    body?: string;
-    render?: string;
-    customTitle?: string;
-}
-export declare class ProblemDetailsDrawer extends LitElement {
-    static styles: import("lit").CSSResult[];
-    drawer: SlDrawer;
-    private label;
-    private content;
-    jsonExample: string;
-    constructor();
-    render(): TemplateResult<1>;
-    convertJSONToYAML(json: string): void;
-    private clickJSON;
-    generateExampleContent(json: string, yaml: string): TemplateResult<1>;
-    open(event: ProblemDrawerEvent): void;
-    close(): void;
-}

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

@@ -1,200 +0,0 @@
-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 '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
-import '@shoelace-style/shoelace/dist/components/copy-button/copy-button.js';
-import '../model-renderer/description.js';
-import { customElement, property, query } from "lit/decorators.js";
-import { html, LitElement } from "lit";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import syntaxCss from "../../css/chroma-synxtax.css.js";
-import detailsDrawerCss from "./details-drawer.css.js";
-import sharedCss from "./shared.css.js";
-import globalSharedCss from "../../css/shared.css.js";
-import Prism from "prismjs";
-import 'prismjs/components/prism-yaml';
-import prismCss from "../../css/prism.css.js";
-import buttonCss from "../../css/button.css.js";
-import tabsCss from "../../css/tabs.css.js";
-import { ModelService } from "../../services/model-service.js";
-import { isExample } from "../../model/example.js";
-import { marked } from "marked";
-import listsCss from "../../css/lists.css";
-export var ProblemDrawerEventType;
-(function (ProblemDrawerEventType) {
-    ProblemDrawerEventType["RULE_DOCS"] = "ruleDocs";
-    ProblemDrawerEventType["HOW_TO_FIX"] = "howToFix";
-    ProblemDrawerEventType["FUNCTION_DOCS"] = "functionDocs";
-    ProblemDrawerEventType["RENDERED_EXAMPLE"] = "renderedExample";
-    ProblemDrawerEventType["MARKDOWN"] = "markdown";
-})(ProblemDrawerEventType || (ProblemDrawerEventType = {}));
-let ProblemDetailsDrawer = class ProblemDetailsDrawer extends LitElement {
-    constructor() {
-        super();
-    }
-    render() {
-        return html `
-            <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>`;
-    }
-    convertJSONToYAML(json) {
-        ModelService.convertJSONToYAML(json).then((yaml) => {
-            const yamlTab = this.shadowRoot?.querySelector('#yaml');
-            yamlTab.style.display = 'block';
-            this.content = html `${this.generateExampleContent(this.jsonExample, yaml)}`;
-            this.clickJSON();
-        }).catch((e) => {
-            console.warn('unable to convert JSON to YAML', e);
-            // hide the YAML tab
-            const yamlTab = this.shadowRoot?.querySelector('#yaml');
-            yamlTab.style.display = 'none';
-            this.clickJSON();
-        });
-    }
-    clickJSON() {
-        // select the JSON tab
-        const jsonTab = this.shadowRoot?.querySelector('#json');
-        jsonTab.click(); // click the JSON tab to ensure an example always renders.
-        this.requestUpdate();
-    }
-    generateExampleContent(json, yaml) {
-        let description = html ``;
-        let summary = html ``;
-        if (json) {
-            const exp = JSON.parse(json);
-            if (isExample(exp)) {
-                const expExp = exp;
-                if (expExp.description) {
-                    description = html `
-                        <div class="example-data">
-                            <pb33f-rendered-description-node>
-                                <h4>Description</h4>
-                                ${expExp.description}
-                            </pb33f-rendered-description-node>
-                        </div>
-                    `;
-                }
-                if (exp.summary) {
-                    summary = html `
-                        <div class="example-data">
-                            <pb33f-rendered-description-node>
-                                <h4>Summary</h4>
-                                ${exp.summary}
-                            </pb33f-rendered-description-node>
-                        </div>
-                    `;
-                }
-                if (exp.value) {
-                    json = JSON.stringify(exp.value, null, 2);
-                }
-                else {
-                    json = JSON.stringify(exp, null, 2);
-                }
-            }
-        }
-        setTimeout(() => {
-            this.clickJSON();
-        }, 50);
-        return html `
-            <div class="example-container">
-                ${summary}
-                ${description}
-                <sl-tab-group class="tab-group" @sl-tab-show="${() => {
-        }}" id="editor-controls">
-                    <sl-tab slot="nav" panel="json" class="tab" id="json">
-                        JSON
-                    </sl-tab>
-                    <sl-tab slot="nav" panel="yaml" class="tab" id="yaml">
-                        YAML
-                    </sl-tab>
-                    <sl-tab-panel name="json" class="tab-panel">
-                        <div class="example-container">
-                            <sl-copy-button value="${json}" class="copy-button"
-                                            copy-label="Copy example to clipboard"></sl-copy-button>
-                            <pre class="chroma">${unsafeHTML(Prism.highlight(json, Prism.languages['json'], 'json'))}</pre>
-                        </div>
-                    </sl-tab-panel>
-
-                    <sl-tab-panel name="yaml" class="tab-panel">
-                        <div class="example-container">
-                            <sl-copy-button value="${yaml}" class="copy-button"
-                                            copy-label="Copy example to clipboard"></sl-copy-button>
-                            <pre class="chroma yaml">${unsafeHTML(Prism.highlight(yaml, Prism.languages['yaml'], 'yaml'))}</pre>
-                        </div>
-                    </sl-tab-panel>
-                </sl-tab-group>
-            </div>`;
-    }
-    open(event) {
-        this.label = "";
-        switch (event.type) {
-            case ProblemDrawerEventType.RULE_DOCS:
-                if (event.rule) {
-                    this.label = 'Rule: ' + event.rule;
-                    this.content = html `${unsafeHTML(event.body?.toString())}`;
-                }
-                break;
-            case ProblemDrawerEventType.HOW_TO_FIX:
-                if (event.rule)
-                    this.label = 'Rule: ' + event.rule;
-                this.content = html `
-                    <h3>How to fix this problem</h3>
-                    ${event.body}`;
-                break;
-            case ProblemDrawerEventType.FUNCTION_DOCS:
-                if (event.rule) {
-                    this.label = 'Function: ' + event.rule;
-                }
-                this.content = html `${unsafeHTML(event.body?.toString())}`;
-                break;
-            case ProblemDrawerEventType.MARKDOWN:
-                if (event.customTitle)
-                    this.label = event.customTitle;
-                if (event.body)
-                    this.content = html `${unsafeHTML(marked.parse(event.body?.toString()).toString())}`;
-                break;
-            case ProblemDrawerEventType.RENDERED_EXAMPLE:
-                if (event.render) {
-                    this.label = 'Example';
-                    if (event.customTitle) {
-                        this.label = `Example: ${event.customTitle}`;
-                    }
-                    this.jsonExample = event.render;
-                    if (isExample(JSON.parse(event.render))) {
-                        this.convertJSONToYAML(event.render);
-                    }
-                    else {
-                        this.convertJSONToYAML(event.render);
-                    }
-                    this.content = html `${this.generateExampleContent(event.render, "")}`;
-                }
-                break;
-        }
-        this.requestUpdate();
-        if (this.drawer != null) {
-            this.drawer.show();
-        }
-    }
-    close() {
-        if (this.drawer != null) {
-            this.drawer.hide();
-        }
-    }
-};
-ProblemDetailsDrawer.styles = [globalSharedCss, sharedCss, syntaxCss, detailsDrawerCss, prismCss, buttonCss, tabsCss, listsCss];
-__decorate([
-    query('sl-drawer')
-], ProblemDetailsDrawer.prototype, "drawer", void 0);
-__decorate([
-    property()
-], ProblemDetailsDrawer.prototype, "jsonExample", void 0);
-ProblemDetailsDrawer = __decorate([
-    customElement("pb33f-problem-details-drawer")
-], ProblemDetailsDrawer);
-export { ProblemDetailsDrawer };