codebase-onboarder 0.6.0 → 0.7.0

package/public/js/components/MetricSparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSparkline.js","sourceRoot":"","sources":["../../../src/public/js/components/MetricSparkline.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAC9C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ;QAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/C,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEnF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,GAAG,CAAC;QAClB,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAChC,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;QAE7B,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACnC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC5C,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAC5D,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,MAAM,UAAU,GAAG,KAAK,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;QAE9D,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BN,KAAK,IAAI,MAAM;;;;;;;2BAOd,UAAU;4BACT,MAAM;;QAE1B,KAAK,CAAC,CAAC,CAAC,sBAAsB,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE;KACnD,CAAC;IACJ,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC","sourcesContent":["export class MetricSparkline extends HTMLElement {\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  static get observedAttributes() {\n    return ['values', 'label'];\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (oldValue !== newValue) {\n      this.render();\n    }\n  }\n\n  render() {\n    const valuesStr = this.getAttribute('values') || '';\n    const label = this.getAttribute('label') || '';\n    const values = valuesStr.split(',').map(n => parseFloat(n)).filter(n => !isNaN(n));\n    \n    if (values.length === 0) {\n      this.shadowRoot.innerHTML = '';\n      return;\n    }\n\n    const width = 120;\n    const height = 32;\n    const min = Math.min(...values);\n    const max = Math.max(...values);\n    const range = max - min || 1;\n    \n    const points = values.map((val, i) => {\n      const x = (i / (values.length - 1)) * width;\n      const y = height - ((val - min) / range) * (height - 4) - 2;\n      return `${x},${y}`;\n    }).join(' ');\n\n    const fillPoints = `0,${height} ${points} ${width},${height}`;\n\n    this.shadowRoot.innerHTML = `\n      <style>\n        :host {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: center;\n          width: var(--sparkline-width, 120px);\n        }\n        svg {\n          width: 100%;\n          height: var(--sparkline-height, 32px);\n        }\n        polyline {\n          fill: none;\n          stroke: var(--sparkline-color, #2196F3);\n          stroke-width: 2;\n          stroke-linecap: round;\n          stroke-linejoin: round;\n        }\n        polygon {\n          fill: url(#grad);\n          opacity: 0.2;\n        }\n        .label {\n          font-size: 10px;\n          color: #666;\n          margin-top: 4px;\n        }\n      </style>\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"none\">\n        <defs>\n          <linearGradient id=\"grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"var(--sparkline-color, #2196F3)\"/>\n            <stop offset=\"100%\" stop-color=\"var(--sparkline-color, #2196F3)\" stop-opacity=\"0\"/>\n          </linearGradient>\n        </defs>\n        <polygon points=\"${fillPoints}\" />\n        <polyline points=\"${points}\" />\n      </svg>\n      ${label ? `<div class=\"label\">${label}</div>` : ''}\n    `;\n  }\n}\n\ncustomElements.define('metric-sparkline', MetricSparkline);\n"]}

package/public/js/components/RiskBadge.d.ts

@@ -0,0 +1,9 @@
+export declare class RiskBadge extends HTMLElement {
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    getScoreColor(score: any): "rgb(244, 67, 54)" | "rgb(255, 193, 7)" | "rgb(76, 175, 80)";
+    render(): void;
+    updateScore(score: any): void;
+}

package/public/js/components/RiskBadge.js

@@ -1,37 +1,33 @@
 export class RiskBadge extends HTMLElement {
-  constructor() {
-    super();
-    this.attachShadow({ mode: 'open' });
-  }
-
-  static get observedAttributes() {
-    return ['score'];
-  }
-
-  connectedCallback() {
-    this.render();
-  }
-
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (name === 'score' && oldValue !== newValue) {
-      this.updateScore(parseInt(newValue, 10) || 0);
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
     }
-  }
-
-  getScoreColor(score) {
-    if (score <= 33) return 'rgb(76, 175, 80)';
-    if (score <= 66) return 'rgb(255, 193, 7)';
-    return 'rgb(244, 67, 54)';
-  }
-
-  render() {
-    const score = parseInt(this.getAttribute('score') || '0', 10);
-    const size = 48;
-    const strokeWidth = 4;
-    const radius = (size - strokeWidth) / 2;
-    const circumference = 2 * Math.PI * radius;
-    
-    this.shadowRoot.innerHTML = `
+    static get observedAttributes() {
+        return ['score'];
+    }
+    connectedCallback() {
+        this.render();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name === 'score' && oldValue !== newValue) {
+            this.updateScore(parseInt(newValue, 10) || 0);
+        }
+    }
+    getScoreColor(score) {
+        if (score <= 33)
+            return 'rgb(76, 175, 80)';
+        if (score <= 66)
+            return 'rgb(255, 193, 7)';
+        return 'rgb(244, 67, 54)';
+    }
+    render() {
+        const score = parseInt(this.getAttribute('score') || '0', 10);
+        const size = 48;
+        const strokeWidth = 4;
+        const radius = (size - strokeWidth) / 2;
+        const circumference = 2 * Math.PI * radius;
+        this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-flex;
@@ -67,39 +63,35 @@ export class RiskBadge extends HTMLElement {
         }
       </style>
       <svg viewBox="0 0 ${size} ${size}">
-        <circle class="bg" cx="${size/2}" cy="${size/2}" r="${radius}" />
-        <circle class="arc" cx="${size/2}" cy="${size/2}" r="${radius}" />
+        <circle class="bg" cx="${size / 2}" cy="${size / 2}" r="${radius}" />
+        <circle class="arc" cx="${size / 2}" cy="${size / 2}" r="${radius}" />
       </svg>
       <span class="text">${score}</span>
     `;
-    this.updateScore(score);
-  }
-
-  updateScore(score) {
-    if (!this.shadowRoot.querySelector('.arc')) return;
-    
-    const size = 48;
-    const strokeWidth = 4;
-    const radius = (size - strokeWidth) / 2;
-    const circumference = 2 * Math.PI * radius;
-    const offset = circumference - (score / 100) * circumference;
-    
-    const arc = this.shadowRoot.querySelector('.arc');
-    const text = this.shadowRoot.querySelector('.text');
-    
-    const color = this.getScoreColor(score);
-    arc.style.stroke = color;
-    text.textContent = score;
-
-    arc.animate([
-      { strokeDashoffset: circumference },
-      { strokeDashoffset: offset }
-    ], {
-      duration: 1000,
-      easing: 'ease-out',
-      fill: 'forwards'
-    });
-  }
+        this.updateScore(score);
+    }
+    updateScore(score) {
+        if (!this.shadowRoot.querySelector('.arc'))
+            return;
+        const size = 48;
+        const strokeWidth = 4;
+        const radius = (size - strokeWidth) / 2;
+        const circumference = 2 * Math.PI * radius;
+        const offset = circumference - (score / 100) * circumference;
+        const arc = this.shadowRoot.querySelector('.arc');
+        const text = this.shadowRoot.querySelector('.text');
+        const color = this.getScoreColor(score);
+        arc.style.stroke = color;
+        text.textContent = score;
+        arc.animate([
+            { strokeDashoffset: circumference },
+            { strokeDashoffset: offset }
+        ], {
+            duration: 1000,
+            easing: 'ease-out',
+            fill: 'forwards'
+        });
+    }
 }
-
 customElements.define('risk-badge', RiskBadge);
+//# sourceMappingURL=RiskBadge.js.map

package/public/js/components/RiskBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskBadge.js","sourceRoot":"","sources":["../../../src/public/js/components/RiskBadge.ts"],"names":[],"mappings":"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","sourcesContent":["export class RiskBadge extends HTMLElement {\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  static get observedAttributes() {\n    return ['score'];\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (name === 'score' && oldValue !== newValue) {\n      this.updateScore(parseInt(newValue, 10) || 0);\n    }\n  }\n\n  getScoreColor(score) {\n    if (score <= 33) return 'rgb(76, 175, 80)';\n    if (score <= 66) return 'rgb(255, 193, 7)';\n    return 'rgb(244, 67, 54)';\n  }\n\n  render() {\n    const score = parseInt(this.getAttribute('score') || '0', 10);\n    const size = 48;\n    const strokeWidth = 4;\n    const radius = (size - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n    \n    this.shadowRoot.innerHTML = `\n      <style>\n        :host {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n          width: var(--risk-size, 48px);\n          height: var(--risk-size, 48px);\n        }\n        svg {\n          transform: rotate(-90deg);\n          width: 100%;\n          height: 100%;\n        }\n        .bg {\n          fill: none;\n          stroke: rgba(128, 128, 128, 0.2);\n          stroke-width: ${strokeWidth};\n        }\n        .arc {\n          fill: none;\n          stroke: ${this.getScoreColor(score)};\n          stroke-width: ${strokeWidth};\n          stroke-linecap: round;\n          stroke-dasharray: ${circumference};\n          stroke-dashoffset: ${circumference};\n        }\n        .text {\n          position: absolute;\n          font-family: monospace;\n          font-size: 14px;\n          font-weight: bold;\n        }\n      </style>\n      <svg viewBox=\"0 0 ${size} ${size}\">\n        <circle class=\"bg\" cx=\"${size/2}\" cy=\"${size/2}\" r=\"${radius}\" />\n        <circle class=\"arc\" cx=\"${size/2}\" cy=\"${size/2}\" r=\"${radius}\" />\n      </svg>\n      <span class=\"text\">${score}</span>\n    `;\n    this.updateScore(score);\n  }\n\n  updateScore(score) {\n    if (!this.shadowRoot.querySelector<SVGCircleElement>('.arc')) return;\n    \n    const size = 48;\n    const strokeWidth = 4;\n    const radius = (size - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - (score / 100) * circumference;\n    \n    const arc = this.shadowRoot.querySelector<SVGCircleElement>('.arc');\n    const text = this.shadowRoot.querySelector('.text');\n    \n    const color = this.getScoreColor(score);\n    arc.style.stroke = color;\n    text.textContent = score;\n\n    arc.animate([\n      { strokeDashoffset: circumference },\n      { strokeDashoffset: offset }\n    ], {\n      duration: 1000,\n      easing: 'ease-out',\n      fill: 'forwards'\n    });\n  }\n}\n\ncustomElements.define('risk-badge', RiskBadge);\n"]}

package/public/js/deepAnalysisView.d.ts

@@ -0,0 +1,99 @@
+export declare function initDeepAnalysis(options: any): void;
+export declare function renderDeepAnalysis(container: any, appState?: {
+    scan: any;
+    facts: any;
+    manifest: any;
+    stack: any;
+    health: any;
+    security: any;
+    history: any;
+    patterns: any;
+    treeData: any;
+    scanId: any;
+    cloneId: any;
+    browserSource: any;
+    view: string;
+    lastExplorer: string;
+    folder: string;
+    detail: any;
+    selected: any;
+    focusedFolder: any;
+    tour: {
+        stops: undefined[];
+        idx: number;
+    };
+    currentDiagram: {
+        source: string;
+        nodes: {};
+    };
+    aiDiagrams: {};
+    aiActiveKey: any;
+    docs: {
+        rendered: boolean;
+        writing: boolean;
+        tabs: Map<any, any>;
+        active: string;
+        tabsEl: HTMLElement | null;
+        wrapEl: HTMLElement | null;
+        railEl: HTMLElement | null;
+        bar: HTMLElement | null;
+        pageEl: HTMLElement | null;
+    };
+    about: {
+        rendered: boolean;
+    };
+    mm: {
+        expanded: Set<string>;
+    };
+    filters: {
+        text: string;
+        showTests: boolean;
+        depth: number;
+    };
+    atlas: {
+        built: boolean;
+        items: undefined[];
+    };
+    atlasOpen: any;
+    code: {
+        path: any;
+        history: any[];
+        idx: number;
+        cache: {};
+    };
+    tools: {
+        status: any;
+        report: any;
+        running: boolean;
+        loading: boolean;
+        findings: any[];
+        merged: number;
+        error: any;
+        install: {};
+        options: {};
+    };
+    analysis: {
+        severity: string;
+        tool: string;
+        q: string;
+        ai: {
+            text: string;
+            error: string;
+            running: boolean;
+            question: string;
+        };
+    };
+    review: {
+        report: import("../../shared/review/contracts.js").ReviewReport | null;
+        mode: string;
+        base: string;
+        head: string;
+        profile: string;
+        severity: string;
+        query: string;
+        showAcknowledged: boolean;
+        aiText: string;
+        error: string;
+    };
+}): void;
+export declare function renderAINote(ai: any): string;