@urmzd/github-insights 2.0.1 → 2.2.0

package/src/components/tech-highlights.tsx

@@ -1,109 +0,0 @@
-import { Fragment, h } from "../jsx-factory.js";
-import { escapeXml, truncate, wrapText } from "../svg-utils.js";
-import { BAR_COLORS, LAYOUT } from "../theme.js";
-import type { RenderResult, TechHighlight } from "../types.js";
-
-export function renderTechHighlights(
-  highlights: TechHighlight[],
-  y: number,
-): RenderResult {
-  if (highlights.length === 0) return { svg: "", height: 0 };
-
-  const { padX, barHeight, barMaxWidth } = LAYOUT;
-  const labelMaxChars = 60;
-  const skillMaxChars = 120;
-  const skillLineHeight = 16;
-  const labelLineHeight = 26;
-  const scoreX = padX + barMaxWidth + 10;
-  const skillY = 16;
-  const rowGap = 14;
-
-  let svg = "";
-  let height = 0;
-
-  for (let hi = 0; hi < highlights.length; hi++) {
-    const group = highlights[hi];
-    const color = BAR_COLORS[hi % BAR_COLORS.length];
-    const score = Math.max(0, Math.min(100, group.score));
-    const fillWidth = (score / 100) * barMaxWidth;
-
-    const baseY = y + height;
-
-    // Category label (uppercase, left-aligned, on its own line)
-    svg += (
-      <text x={padX} y={baseY + 14} className="t t-subhdr">
-        {escapeXml(truncate(group.category.toUpperCase(), labelMaxChars))}
-      </text>
-    );
-
-    // Bar track (full width, low opacity)
-    svg += (
-      <rect
-        x={padX}
-        y={baseY + labelLineHeight}
-        width={barMaxWidth}
-        height={barHeight}
-        rx={4}
-        fill={color}
-        fill-opacity="0.15"
-      />
-    );
-
-    // Bar fill (proportional to score)
-    if (fillWidth > 0) {
-      svg += (
-        <rect
-          x={padX}
-          y={baseY + labelLineHeight}
-          width={fillWidth}
-          height={barHeight}
-          rx={4}
-          fill={color}
-          fill-opacity="0.85"
-        />
-      );
-    }
-
-    // Score label (right of bar)
-    svg += (
-      <text
-        x={scoreX}
-        y={baseY + labelLineHeight + barHeight / 2 + 4}
-        className="t t-value"
-      >
-        {`${score}%`}
-      </text>
-    );
-
-    // Skill items text (below bar, muted, wrapped to avoid overflow)
-    const skillText = group.items
-      .map((item) => truncate(item, 30))
-      .join(" \u00B7 ");
-
-    const skillLines = wrapText(skillText, skillMaxChars);
-    for (let li = 0; li < skillLines.length; li++) {
-      svg += (
-        <text
-          x={padX}
-          y={
-            baseY + labelLineHeight + barHeight + skillY + li * skillLineHeight
-          }
-          className="t t-card-detail"
-        >
-          {escapeXml(skillLines[li])}
-        </text>
-      );
-    }
-
-    height +=
-      labelLineHeight +
-      barHeight +
-      skillY +
-      (skillLines.length - 1) * skillLineHeight +
-      rowGap;
-  }
-
-  return { svg, height };
-}
-
-void Fragment;

package/teasr.toml

@@ -1,14 +0,0 @@
-[server]
-command = "npx serve metrics --listen 3123"
-url = "http://localhost:3123"
-timeout = 10000
-
-[output]
-dir = "./showcase"
-formats = ["png"]
-
-[[scenes]]
-type = "web"
-url = "/index.svg"
-name = "metrics-svg"
-viewport = { width = 1200, height = 900 }