@pb33f/cowboy-components 0.6.7 → 0.7.0

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

@@ -0,0 +1 @@
+(function(){"use strict";var o=(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))(o||{});function I(s,P,h,u,f,l,e,E){if(s&&s.sources.length>0)for(let O=0;O<s.sources.length;O++){const A=s.sources[O];if(f.has(A)){const n=f.get(A);if(n){if(n.filtered)return;if(delete n.x,delete n.y,h.has(n.id)||(Object.keys(E).includes(n.type)||(n.dependency=!0),h.set(n.id,n)),!n.processed){const a=e.get(n.id);a&&a.forEach(R=>{delete R.container,delete R.sections,R.dependency=!0,u.set(R.id,R),I(R,n,h,u,f,l,e,E)})}const S=l.get(n.id);S&&S.forEach(a=>{a.targets.includes(P.id)&&(delete a.container,delete a.sections,u.set(a.id,a),I(a,n,h,u,f,l,e,E))}),n.processed=!0}}}}onmessage=function(s){var P,h,u;if(s.data.graphResponse&&s.data.spacing){const f=s.data.objects,l=s.data.references,e=s.data.graphResponse,E={nodes:[],edges:[],nodesRendered:e.nodesRendered,spacing:s.data.spacing,references:s.data.references},O=new Map,A=new Map,n=new Map,S=new Map,a=new Map,R=(t,r)=>{const i=[];for(const c in r)if(c.includes(t+"_filter_")){const[,,M]=c.split("_");i.push(M)}return i};if(!f){postMessage(E);return}(P=e.nodes)==null||P.forEach(t=>{Object.keys(f).includes(t.type)&&n.set(t.id,t),O.set(t.id,t)}),(h=e.nodesRendered)==null||h.forEach(t=>{A.set(t.id,t)});const C=(t,r,i)=>{if(!i.includes(t+"XX")){r.filtered=!0;const c=O.get(r.id);c&&(c.filtered=!0)}};n.forEach(t=>{var M;const r=R(t.type,f);let i=[],c;if(r.length>0)switch(t.type){case o.RESPONSE:i=["1","2","3","4","5"];for(const k of i)t.label.startsWith(k)&&C(k,t,r);break;case o.PARAMETER:i=["cookie","header","path","query"],c=A.get(t.id),c&&(M=c==null?void 0:c.instance)!=null&&M.hasOwnProperty("in")&&(r.includes(c.instance.in)||C(c.instance.in,t,r));break;case o.OPERATION:i=["get","post","put","patch","delete","head","options","trace"],r.includes(t.label.toLowerCase())||C(t.label,t,r);break}}),(u=e.edges)==null||u.forEach(t=>{l&&!l.renderRefs&&t.ref&&t.ref!=""||l&&!l.renderPoly&&t.ref&&t.ref!=""&&t.poly&&t.poly!=""||(t.sources.forEach(r=>{var i;S.has(r)||S.set(r,[]),delete t.container,delete t.sections,(i=S.get(r))==null||i.push(t)}),t.targets.forEach(r=>{var i;a.has(r)||a.set(r,[]),delete t.container,delete t.sections,(i=a.get(r))==null||i.push(t)}))});const L=new Map,b=new Map;n.forEach(t=>{if(Object.keys(f).includes(t.type)){if(delete t.x,delete t.y,t.filtered)return;E.nodes.push(t);const r=a.get(t.id);r&&r.forEach(i=>{I(i,t,L,b,O,S,a,f)})}}),L.forEach(t=>{let r=!1;E.nodes.forEach(i=>{i.id==t.id&&(r=!0)}),r||E.nodes.push(t)}),b.forEach(t=>{let r=!1;E.edges.forEach(i=>{i.id==t.id&&(r=!0)}),r||E.edges.push(t)}),E.rebuild=s.data.rebuild,postMessage(E)}}})();

package/dist/assets/search-problems.worker-BAF8L2rX.js

@@ -0,0 +1 @@
+(function(){"use strict";onmessage=function(e){if(e.data.search&&e.data.problems){const r=e.data.problems.filter(s=>{var t,a;return(t=s.jsonPath)!=null&&t.toLowerCase().includes(e.data.search.toLowerCase())||(a=s.message)!=null&&a.toLowerCase().includes(e.data.search.toLowerCase())||s.source==e.data.search?s:null});postMessage(r)}}})();

package/dist/components/changelog/changelog.js

@@ -88,7 +88,7 @@ let ChangelogComponent = class ChangelogComponent extends LitElement {
                     <pb33f-timeline-item id="release_${summary.name}">
                         <span slot="icon">${icon}</span>
                         <span slot="time" class="${milestone ? `major` : null}">${summary.publish_date}</span>
-                        <div slot="content">
+                        <div slot="content" style="width: 100%">
                           ${release}
                         </div>
                     </pb33f-timeline-item>`);

package/dist/components/charts/beefy-chart.d.ts

@@ -0,0 +1,21 @@
+import Chart from 'chart.js/auto';
+import { Colorful } from "./chart-colors";
+import { LineDataSet } from "./config";
+export declare class BeefyChart extends Colorful {
+    static styles: import("lit").CSSResult;
+    title: string;
+    datasets: LineDataSet[];
+    labels: string[];
+    legend: boolean;
+    smallTitle: boolean;
+    height: number;
+    width: number;
+    stepSize: number;
+    chartType: any;
+    chart: Chart;
+    constructor();
+    updateChart(): void;
+    buildChart(): void;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/charts/beefy-chart.js

@@ -0,0 +1,159 @@
+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 { customElement, property } from "lit/decorators.js";
+import { css, html } from "lit";
+import Chart from 'chart.js/auto';
+import { Colorful } from "./chart-colors";
+let BeefyChart = class BeefyChart extends Colorful {
+    constructor() {
+        super();
+        this.title = 'chart';
+        this.legend = false;
+        this.height = 458;
+        this.width = 800;
+        this.smallTitle = false;
+        this.stepSize = 1;
+        this.chartType = 'line';
+    }
+    updateChart() {
+        if (this.chart) {
+            this.chart.data.labels = this.labels;
+            this.chart.data.datasets = this.datasets;
+            this.chart.update();
+        }
+    }
+    buildChart() {
+        let titleFont = this.titleFont;
+        if (this.smallTitle) {
+            titleFont = this.fontBold;
+        }
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        this.chart = new Chart(this.shadowRoot?.querySelector('#chart'), {
+            type: this.chartType,
+            data: {
+                labels: this.labels,
+                datasets: this.datasets
+            },
+            options: {
+                responsive: true,
+                elements: {
+                    point: {
+                        borderColor: this.secondary,
+                        backgroundColor: this.secondary,
+                        pointStyle: 'rect',
+                        radius: 4,
+                        //@ts-ignore
+                        pointBorderColor: this.background,
+                    },
+                },
+                scales: {
+                    x: {
+                        ticks: {
+                            font: this.smallFont,
+                            color: this.secondary,
+                        },
+                        border: {
+                            color: this.secondary
+                        }
+                    },
+                    y: {
+                        min: 0,
+                        ticks: {
+                            stepSize: this.stepSize,
+                            font: this.font,
+                            color: this.secondary,
+                        },
+                        border: {
+                            color: this.secondary
+                        }
+                    },
+                },
+                layout: {
+                    autoPadding: false,
+                },
+                plugins: {
+                    tooltip: {
+                        titleFont: this.fontBold,
+                        bodyFont: this.font,
+                        titleColor: this.primary,
+                        displayColors: false,
+                        borderColor: this.tertiary,
+                        borderWidth: 1,
+                        cornerRadius: 0,
+                    },
+                    title: {
+                        display: true,
+                        text: this.title,
+                        font: titleFont,
+                        color: this.primary,
+                        align: 'start',
+                    },
+                    legend: {
+                        display: this.legend,
+                        position: 'bottom',
+                        maxHeight: 40,
+                        labels: {
+                            color: 'rgb(255, 255, 255)',
+                            font: this.mediumFont,
+                            pointStyle: 'line',
+                            boxHeight: 1,
+                        }
+                    },
+                },
+            }
+        });
+    }
+    firstUpdated() {
+        super.firstUpdated();
+        this.buildChart();
+    }
+    render() {
+        return html `
+            <canvas id="chart" style="width: ${this.width}px; height: ${this.height}px; "></canvas>
+        `;
+    }
+};
+BeefyChart.styles = css `
+    :host {
+      display: block; /* ensures the host takes up space */
+      /* Optionally, set explicit dimensions if needed */
+      width: 100%;
+   
+    }`;
+__decorate([
+    property()
+], BeefyChart.prototype, "title", void 0);
+__decorate([
+    property()
+], BeefyChart.prototype, "datasets", void 0);
+__decorate([
+    property()
+], BeefyChart.prototype, "labels", void 0);
+__decorate([
+    property({ type: Boolean })
+], BeefyChart.prototype, "legend", void 0);
+__decorate([
+    property({ type: Boolean })
+], BeefyChart.prototype, "smallTitle", void 0);
+__decorate([
+    property({ type: Number })
+], BeefyChart.prototype, "height", void 0);
+__decorate([
+    property({ type: Number })
+], BeefyChart.prototype, "width", void 0);
+__decorate([
+    property({ type: Number })
+], BeefyChart.prototype, "stepSize", void 0);
+__decorate([
+    property()
+], BeefyChart.prototype, "chartType", void 0);
+BeefyChart = __decorate([
+    customElement('pb33f-chart')
+], BeefyChart);
+export { BeefyChart };

package/dist/components/charts/chart-colors.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from "lit";
+import { Color, FontSpec } from "chart.js/auto";
+export declare class Colorful extends LitElement {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    ok: string;
+    error: string;
+    warn: string;
+    color1: string;
+    color2: string;
+    color3: string;
+    color4: string;
+    color5: string;
+    background: Color;
+    font: FontSpec;
+    smallFont: FontSpec;
+    mediumFont: FontSpec;
+    fontBold: FontSpec;
+    titleFont: FontSpec;
+    constructor();
+    firstUpdated(): void;
+}
+export declare const ChartColors: string[];
+export declare const ChartColorsChanges: string[];
+export declare const BinaryChartColors: string[];
+export declare function CreateRadialGradient(context: any, c1: any, c2: any, c3: any, c4: any): any;

package/dist/components/charts/chart-colors.js

@@ -0,0 +1,76 @@
+import { LitElement } from "lit";
+import { fontBold, fontSpec, fontTitle, mediumFont, smallFont } from "./config";
+export class Colorful extends LitElement {
+    constructor() {
+        super();
+    }
+    firstUpdated() {
+        const styles = getComputedStyle(this);
+        this.primary = styles.getPropertyValue('--primary-color').trim();
+        this.secondary = styles.getPropertyValue('--secondary-color').trim();
+        this.tertiary = styles.getPropertyValue('--tertiary-color').trim();
+        this.background = styles.getPropertyValue('--background-color').trim();
+        this.error = styles.getPropertyValue('--error-color').trim();
+        this.ok = styles.getPropertyValue('--terminal-text').trim();
+        this.warn = styles.getPropertyValue('--warn-color').trim();
+        this.color1 = styles.getPropertyValue('--chart-color1').trim();
+        this.color2 = styles.getPropertyValue('--chart-color2').trim();
+        this.color3 = styles.getPropertyValue('--chart-color3').trim();
+        this.color4 = styles.getPropertyValue('--chart-color4').trim();
+        this.color5 = styles.getPropertyValue('--chart-color5').trim();
+        this.font = fontSpec;
+        this.smallFont = smallFont;
+        this.mediumFont = mediumFont;
+        this.titleFont = fontTitle;
+        this.fontBold = fontBold;
+    }
+}
+export const ChartColors = [
+    "#f83aff",
+    "rgba(98, 196, 255, 1)",
+    "rgba(248,58,255,0.47)",
+    "rgba(98, 196, 255, 0.8)",
+    "rgba(248,58,255,0.2)",
+    "rgba(98, 196, 255, 0.5)"
+];
+export const ChartColorsChanges = [
+    "#f83aff",
+    "#00FF00",
+    "#787878",
+];
+export const BinaryChartColors = [
+    "#ff246b",
+    "rgba(98, 196, 255, 1)",
+];
+const cache = new Map();
+let width = null;
+let height = null;
+export function CreateRadialGradient(context, c1, c2, c3, c4) {
+    const chartArea = context.chart.chartArea;
+    if (!chartArea) {
+        return;
+    }
+    const chartWidth = chartArea.right - chartArea.left;
+    const chartHeight = chartArea.bottom - chartArea.top;
+    if (width !== chartWidth || height !== chartHeight) {
+        cache.clear();
+    }
+    let gradient = cache.get(c1 + c2 + c3 + c4);
+    if (!gradient) {
+        // Create the gradient because this is either the first render
+        // or the size of the chart has changed
+        width = chartWidth;
+        height = chartHeight;
+        const centerX = (chartArea.left + chartArea.right) / 2;
+        const centerY = (chartArea.top + chartArea.bottom) / 2;
+        const r = Math.min((chartArea.right - chartArea.left) / 2, (chartArea.bottom - chartArea.top) / 2);
+        const ctx = context.chart.ctx;
+        gradient = ctx.createRadialGradient(centerX, centerY, 0, centerX, centerY, r);
+        gradient.addColorStop(0.45, c1);
+        gradient.addColorStop(0.7, c2);
+        gradient.addColorStop(0.93, c3);
+        gradient.addColorStop(1, c4);
+        cache.set(c1 + c2 + c3 + c4, gradient);
+    }
+    return gradient;
+}

package/dist/components/charts/config.d.ts

@@ -0,0 +1,15 @@
+import { Color, FontSpec } from "chart.js/auto";
+export declare const fontSpec: FontSpec;
+export declare const smallFont: FontSpec;
+export declare const mediumFont: FontSpec;
+export declare const fontBold: FontSpec;
+export declare const fontTitle: FontSpec;
+export interface LineDataSet {
+    label: string;
+    data: number[];
+    borderColor?: Color;
+    backgroundColor?: string[];
+    pointStyle?: string;
+    radius?: number;
+    pointBorderColor?: Color;
+}

package/dist/components/charts/config.js

@@ -0,0 +1,35 @@
+export const fontSpec = {
+    size: 15,
+    family: "BerkeleyMono-Regular, Roboto Mono, Monaco, Menlo, Helvetica Neue,Helvetica,Verdana,Tahoma, Arial",
+    lineHeight: 2,
+    weight: "normal",
+    style: "normal",
+};
+export const smallFont = {
+    size: 10,
+    family: "BerkeleyMono-Regular, Roboto Mono, Monaco, Menlo, Helvetica Neue,Helvetica,Verdana,Tahoma, Arial",
+    lineHeight: 2,
+    weight: "normal",
+    style: "normal",
+};
+export const mediumFont = {
+    size: 12,
+    family: "BerkeleyMono-Regular, Roboto Mono, Monaco, Menlo, Helvetica Neue,Helvetica,Verdana,Tahoma, Arial",
+    lineHeight: 2,
+    weight: "normal",
+    style: "normal",
+};
+export const fontBold = {
+    size: 15,
+    family: "BerkeleyMono-Bold, Roboto Mono, Monaco, Menlo, Helvetica Neue,Helvetica,Verdana,Tahoma, Arial",
+    lineHeight: 2,
+    weight: "bold",
+    style: "normal",
+};
+export const fontTitle = {
+    size: 25,
+    family: "BerkeleyMono-Bold, Roboto Mono, Monaco, Menlo, Helvetica Neue,Helvetica,Verdana,Tahoma, Arial",
+    weight: "bold",
+    style: "normal",
+    lineHeight: 3,
+};

package/dist/components/charts/doughnut-chart.d.ts

@@ -0,0 +1,22 @@
+import Chart from 'chart.js/auto';
+import { Colorful } from "./chart-colors";
+import { LineDataSet } from "./config";
+export declare class DoughnutChart extends Colorful {
+    title: string;
+    datasets: LineDataSet[];
+    labels: string[];
+    width: number;
+    height: number;
+    changesChart: boolean;
+    showLegend: boolean;
+    breakingChanges: boolean;
+    chart: Chart;
+    id: string;
+    firstRun: boolean;
+    colors: string[];
+    constructor();
+    refresh(): void;
+    firstUpdated(): void;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/charts/doughnut-chart.js

@@ -0,0 +1,128 @@
+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 { customElement, property } from "lit/decorators.js";
+import { html } from "lit";
+import Chart from 'chart.js/auto';
+import { BinaryChartColors, ChartColors, ChartColorsChanges, Colorful, } from "./chart-colors";
+let DoughnutChart = class DoughnutChart extends Colorful {
+    constructor() {
+        super();
+        this.colors = ChartColors;
+        this.width = 300;
+        this.height = 300;
+        this.id = crypto.randomUUID();
+        this.firstRun = true;
+    }
+    refresh() {
+        this.chart.update();
+    }
+    firstUpdated() {
+        super.firstUpdated();
+    }
+    updated() {
+        if (this.chart) {
+            this.chart.destroy();
+        }
+        if (this.changesChart) {
+            this.colors = ChartColorsChanges;
+        }
+        if (this.breakingChanges) {
+            this.colors = BinaryChartColors;
+        }
+        this.datasets.forEach((data) => {
+            data.backgroundColor = this.colors;
+            data.borderColor = this.background;
+        });
+        let displayTitle = false;
+        if (this.title) {
+            displayTitle = true;
+        }
+        const animationDuration = this.firstRun ? 1000 : 250;
+        this.chart = new Chart(this.shadowRoot?.querySelector('#chart-' + this.id), {
+            type: 'doughnut',
+            data: {
+                labels: this.labels,
+                datasets: this.datasets
+            },
+            options: {
+                animation: {
+                    duration: animationDuration
+                },
+                responsive: true,
+                maintainAspectRatio: false,
+                layout: {
+                    autoPadding: false,
+                    padding: {
+                        top: 0,
+                        bottom: 0
+                    }
+                },
+                plugins: {
+                    tooltip: {
+                        titleFont: this.fontBold,
+                        bodyFont: this.font,
+                        titleColor: this.primary,
+                        displayColors: false,
+                        borderColor: this.tertiary,
+                        borderWidth: 1,
+                        cornerRadius: 0,
+                    },
+                    title: {
+                        display: displayTitle,
+                        text: this.title,
+                        font: this.titleFont,
+                        color: this.primary,
+                        align: 'center',
+                    },
+                    legend: {
+                        display: this.showLegend,
+                        position: 'right',
+                        maxHeight: 40,
+                        labels: {
+                            color: 'rgb(255, 255, 255)',
+                            font: this.mediumFont,
+                        }
+                    },
+                },
+            }
+        });
+        this.firstRun = false;
+    }
+    render() {
+        return html `
+            <canvas id="chart-${this.id}" style="width: ${this.width}px; height: ${this.height}px"></canvas>
+        `;
+    }
+};
+__decorate([
+    property()
+], DoughnutChart.prototype, "title", void 0);
+__decorate([
+    property()
+], DoughnutChart.prototype, "datasets", void 0);
+__decorate([
+    property()
+], DoughnutChart.prototype, "labels", void 0);
+__decorate([
+    property({ type: Number })
+], DoughnutChart.prototype, "width", void 0);
+__decorate([
+    property({ type: Number })
+], DoughnutChart.prototype, "height", void 0);
+__decorate([
+    property({ type: Boolean })
+], DoughnutChart.prototype, "changesChart", void 0);
+__decorate([
+    property({ type: Boolean })
+], DoughnutChart.prototype, "showLegend", void 0);
+__decorate([
+    property({ type: Boolean })
+], DoughnutChart.prototype, "breakingChanges", void 0);
+DoughnutChart = __decorate([
+    customElement('pb33f-doughnut-chart')
+], DoughnutChart);
+export { DoughnutChart };

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

@@ -1,16 +1,17 @@
-import { LitElement } from "lit";
 import * as monaco from "monaco-editor";
+import { LitElement } from "lit";
 import { Reference } from "../../model/graph.js";
 import { SpecEditorBreadcrumb } from "./editor-breadcrumb.js";
 export declare class SpecEditor extends LitElement {
     private container;
+    private monacoYaml;
+    private currentVersion;
     editor?: monaco.editor.IStandaloneCodeEditor;
     model?: monaco.editor.ITextModel;
     readOnly?: boolean;
     theme?: string;
     language?: string;
     code?: string;
-    links: Reference[];
     minimapVisible: boolean;
     currentPath: string;
     id: string;
@@ -20,6 +21,8 @@ export declare class SpecEditor extends LitElement {
     private decorationIdToLinkTarget;
     breadcumb: SpecEditorBreadcrumb;
     private firstboot;
+    links: Reference[];
+    linkProvider: monaco.IDisposable;
     static styles: import("lit").CSSResult[];
     constructor(id?: string);
     protected createRenderRoot(): HTMLElement | DocumentFragment;
@@ -33,13 +36,16 @@ export declare class SpecEditor extends LitElement {
     switchLanguage(language: string): void;
     private isDark;
     setValue(value: string, firstBoot?: boolean): void;
-    getValue(): string | undefined;
+    getValue(): string;
+    updated(changed: any): void;
     clearDecorations(): void;
     clearAllMarkers(): void;
     setMarkers(markers: monaco.editor.IMarkerData[]): void;
     toggleMinimap(): void;
+    onDocChange(): void;
     firstUpdated(): void;
     open(uri: monaco.Uri): Promise<boolean>;
     applyLinkDecorations(): void;
+    linkRun: boolean;
     provideLinks(_model: monaco.editor.ITextModel, _token: monaco.CancellationToken): monaco.languages.ProviderResult<monaco.languages.ILinksList>;
 }