@pb33f/cowboy-components 0.3.4 → 0.4.0

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

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

package/dist/components/credit-ticker/credit-ticker.css.d.ts

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

package/dist/components/credit-ticker/credit-ticker.css.js

@@ -0,0 +1,36 @@
+import { css } from "lit";
+export default css `
+    sl-icon {
+        vertical-align: middle;
+    }
+    
+    .credit-ticker {
+        overflow: hidden;
+       
+    }
+    
+    .credits {
+        font-family: var(--font-stack-bold), monospace;
+    }
+    
+    #downArrow {
+        vertical-align: text-top;
+    }
+    
+    .arrow {
+        display: inline-block;
+        margin-left: 10px;
+    }
+    
+    .ok {
+        color: var(--terminal-text);
+    }
+    
+    .warning {
+        color: var(--warn-color);
+    }
+    
+    .danger {
+        color: var(--error-color);
+    }
+`;

package/dist/components/credit-ticker/credit-ticker.d.ts

@@ -0,0 +1,14 @@
+import '@shoelace-style/shoelace/dist/components/animation/animation.js';
+import { LitElement } from "lit";
+import { SlAnimation } from "@shoelace-style/shoelace";
+export declare class CreditTicker extends LitElement {
+    static styles: import("lit").CSSResult[];
+    credits: number;
+    visible: boolean;
+    downArrow: HTMLElement;
+    arrowAnimation: SlAnimation;
+    private showArrow;
+    constructor();
+    protected updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/credit-ticker/credit-ticker.js

@@ -0,0 +1,88 @@
+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/animation/animation.js';
+import { customElement, property, query } from "lit/decorators.js";
+import { html, LitElement } from "lit";
+import creditTickerCss from "./credit-ticker.css";
+let CreditTicker = class CreditTicker extends LitElement {
+    constructor() {
+        super();
+        this.credits = -1;
+        this.visible = false;
+    }
+    // Trigger animations when component updates
+    updated() {
+        // If there's a new credit update, animate the arrow
+        if (this.visible && this.credits > 0) {
+            this.downArrow.style.display = 'inline-block';
+            // Make sure we start with fadeInDown
+            this.arrowAnimation.name = 'fadeInDown';
+            this.arrowAnimation.play = true;
+            // After 1 second, fade out
+            setTimeout(() => {
+                this.arrowAnimation.name = 'fadeOut';
+                this.arrowAnimation.duration = 500;
+                this.arrowAnimation.play = true;
+            }, 1000);
+            setTimeout(() => {
+                this.downArrow.style.display = 'none';
+            }, 1500);
+        }
+    }
+    render() {
+        if (!this.visible) {
+            return html ``;
+        }
+        let credits = this.credits;
+        if (credits < 0) {
+            credits = '--';
+        }
+        let arrowClass = 'ok';
+        if (this.credits <= 10 && this.credits > 0) {
+            arrowClass = 'warning';
+        }
+        if (this.credits < 1) {
+            arrowClass = 'danger';
+        }
+        return html `
+            <div class="credit-ticker ${arrowClass}">
+                <sl-icon name="cash-coin"></sl-icon>
+                <span class="credits"> 
+                    <sl-format-number value="${credits}"></sl-format-number>
+                </span>
+                <div class="arrow">
+                    <sl-animation
+                            id="arrowAnimation"
+                            name="fadeInDown"
+                            easing="ease-in-out"
+                            duration="500"
+                            iterations="1"
+                    >
+                        <sl-icon name="arrow-down" id="downArrow"></sl-icon>
+                    </sl-animation>
+                </div>
+            </div>
+        `;
+    }
+};
+CreditTicker.styles = [creditTickerCss];
+__decorate([
+    property()
+], CreditTicker.prototype, "credits", void 0);
+__decorate([
+    property()
+], CreditTicker.prototype, "visible", void 0);
+__decorate([
+    query('.arrow')
+], CreditTicker.prototype, "downArrow", void 0);
+__decorate([
+    query('#arrowAnimation')
+], CreditTicker.prototype, "arrowAnimation", void 0);
+CreditTicker = __decorate([
+    customElement('pb33f-credit-ticker')
+], CreditTicker);
+export { CreditTicker };

package/dist/components/editor/editor-breadcrumb.css.d.ts

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

package/dist/components/editor/editor-breadcrumb.css.js

@@ -0,0 +1,49 @@
+import { css } from "lit";
+export default css `
+    :host{
+        height: 25px;
+        position: absolute;
+        background-color: var(--background-color-withopacity);
+        width: 100%;    
+        bottom: 10px;
+        font-size: 0.8rem;
+        z-index: 102;
+    }
+
+    .sep {
+        vertical-align: text-bottom;
+        margin-left: 5px;
+        margin-right: 5px;
+        color: var(--secondary-color);
+    }
+    
+    sl-breadcrumb {
+        
+    }
+    
+    sl-breadcrumb > sl-breadcrumb-item:last-child > sl-icon {
+        display: none;
+    }
+    
+    .crumb-head {
+        font-family: var(--font-stack-bold), sans-serif;
+        color: var(--primary-color);
+    }
+    .crumb-invalid {
+        font-family: var(--font-stack-bold), sans-serif;
+        color: var(--background-color);
+        vertical-align: middle;
+    }
+    
+    .valid-path {
+        border-top: 1px solid var(--secondary-color);
+        padding: 5px 0 5px 5px;
+    }
+    
+    .invalid-path {
+        border-top: 1px solid var(--error-color);
+        padding: 5px 0 5px 5px;
+        background-color: var(--error-color);
+    }
+    
+`;

package/dist/components/editor/editor-breadcrumb.d.ts

@@ -0,0 +1,9 @@
+import '@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.js';
+import { LitElement, TemplateResult } from "lit";
+export declare class SpecEditorBreadcrumb extends LitElement {
+    static styles: import("lit").CSSResult[];
+    currentPath: string;
+    isInvalid: boolean;
+    constructor();
+    render(): TemplateResult<1>;
+}

package/dist/components/editor/editor-breadcrumb.js

@@ -0,0 +1,60 @@
+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/breadcrumb/breadcrumb.js';
+import { customElement, property } from "lit/decorators.js";
+import { html, LitElement } from "lit";
+import editorBreadcrumbCss from "./editor-breadcrumb.css";
+let SpecEditorBreadcrumb = class SpecEditorBreadcrumb extends LitElement {
+    constructor() {
+        super();
+    }
+    render() {
+        let crumbs = [];
+        const paths = this.currentPath?.split("/");
+        for (let i = 0; i < paths?.length; i++) {
+            if (paths[i] === "") {
+                continue;
+            }
+            if (i < paths.length - 1) {
+                crumbs.push(html `
+                    <sl-breadcrumb-item>${paths[i]}</sl-breadcrumb-item>`);
+            }
+            else {
+                crumbs.push(html `<sl-breadcrumb-item><span class="crumb-head">${paths[i]}</span></sl-breadcrumb-item>`);
+            }
+        }
+        if (this.isInvalid) {
+            return html `
+                <div class="invalid-path">
+                    <sl-icon slot="prefix" name="exclamation-octagon" class="crumb-invalid"></sl-icon>
+                    <span class="crumb-invalid">File is not valid, it cannot be parsed by the doctor</span>
+                </div>`;
+        }
+        return html `
+            <div class="valid-path">
+            <sl-breadcrumb>
+                <sl-icon name="chevron-right" slot="separator" class="sep"></sl-icon>
+                <sl-breadcrumb-item>
+                    <sl-icon slot="prefix" name="house" class="sep"></sl-icon>
+                    Entry
+                </sl-breadcrumb-item>
+                ${crumbs}
+            </sl-breadcrumb>
+            </div>`;
+    }
+};
+SpecEditorBreadcrumb.styles = [editorBreadcrumbCss];
+__decorate([
+    property()
+], SpecEditorBreadcrumb.prototype, "currentPath", void 0);
+__decorate([
+    property({ type: Boolean })
+], SpecEditorBreadcrumb.prototype, "isInvalid", void 0);
+SpecEditorBreadcrumb = __decorate([
+    customElement("pb33f-editor-breadcrumb")
+], SpecEditorBreadcrumb);
+export { SpecEditorBreadcrumb };

package/dist/components/editor/editor.css.d.ts

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

package/dist/components/editor/editor.css.js

@@ -0,0 +1,62 @@
+import { css } from "lit";
+export default css `
+        main {
+            width: 100%;
+            height: 100%;
+        }
+
+        .ref {
+            text-decoration-color: var(--terminal-text) !important;
+            text-decoration: underline;
+            color: var(--terminal-text);
+            cursor: pointer;
+        }
+
+        .ref-poly {
+            text-decoration-color: var(--warn-color) !important;
+            text-decoration: underline;
+            color: var(--warn-color);
+            cursor: pointer;
+        }
+
+        .ref:hover {
+            color: var(--terminal-text);
+            font-family: var(--font-stack-bold), sans-serif;
+            text-shadow: 0 0 20px var(--terminal-text);
+        }
+
+        .ref-poly:hover {
+            color: var(--warn-color);
+            font-family: var(--font-stack-bold), sans-serif;
+            text-shadow: 0 0 20px var(--warn-color);
+        }
+
+        .ref:active, .ref-poly:active {
+            color: var(--error-color);
+            text-decoration-color: var(--error-color) !important;
+        }
+
+        .ref-margin, .ref-poly-margin {
+            position: relative;
+            width: 16px;
+            height: 16px;
+        }
+
+        .ref-margin::before {
+            content: '\\2192';
+            font-size: 16px;
+            color: var(--terminal-text);
+            position: absolute;
+            top: 0;
+            left: 0;
+        }
+
+        .ref-poly-margin::before {
+            content: '\\2192';
+            font-size: 16px;
+            color: var(--warn-color);
+            position: absolute;
+            top: 0;
+            left: 0;
+        }
+`;

package/dist/components/editor/editor.d.ts

@@ -1,5 +1,7 @@
 import { LitElement } from "lit";
 import * as monaco from "monaco-editor";
+import { Reference } from "../../model/graph.js";
+import { SpecEditorBreadcrumb } from "./editor-breadcrumb.js";
 export declare class SpecEditor extends LitElement {
     private container;
     editor?: monaco.editor.IStandaloneCodeEditor;
@@ -8,17 +10,36 @@ export declare class SpecEditor extends LitElement {
     theme?: string;
     language?: string;
     code?: string;
+    links: Reference[];
+    minimapVisible: boolean;
+    currentPath: string;
     id: string;
-    static styles: import("lit").CSSResult;
-    constructor(id?: string);
+    showBreadcrumb: boolean;
+    private isActive;
+    private linkDecorations;
+    private decorationIdToLinkTarget;
+    breadcumb: SpecEditorBreadcrumb;
     private firstboot;
+    static styles: import("lit").CSSResult[];
+    constructor(id?: string);
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    revive(): void;
+    dead(): void;
+    setCurrentPath(path: string): void;
     render(): import("lit-html").TemplateResult<1>;
     private getFile;
     private getCode;
     private getTheme;
+    switchLanguage(language: string): void;
     private isDark;
-    setValue(value: string, firstboot?: boolean): void;
-    getValue(): string;
+    setValue(value: string, firstBoot?: boolean): void;
+    getValue(): string | undefined;
+    clearDecorations(): void;
+    clearAllMarkers(): void;
     setMarkers(markers: monaco.editor.IMarkerData[]): void;
+    toggleMinimap(): void;
     firstUpdated(): void;
+    open(uri: monaco.Uri): Promise<boolean>;
+    applyLinkDecorations(): void;
+    provideLinks(_model: monaco.editor.ITextModel, _token: monaco.CancellationToken): monaco.languages.ProviderResult<monaco.languages.ILinksList>;
 }