@industry-theme/repository-composition-panels 0.7.18 → 0.7.20

package/dist/{browserAll-Bj2nHo1Q.js → browserAll-D23C4bot.js}

@@ -1,7 +1,7 @@
-import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-BqsaXH0f.js";
-import "./init-T4cOxNb3.js";
+import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-D2EoLxKB.js";
+import "./init-DFuDE0b_.js";
 extensions.add(AccessibilitySystem);
 extensions.mixin(Container, accessibilityTarget);
 extensions.add(EventSystem);
 extensions.mixin(Container, FederatedContainer);
-//# sourceMappingURL=browserAll-Bj2nHo1Q.js.map
+//# sourceMappingURL=browserAll-D23C4bot.js.map

package/dist/{browserAll-Bj2nHo1Q.js.map → browserAll-D23C4bot.js.map}

@@ -1 +1 @@
-{"version":3,"file":"browserAll-Bj2nHo1Q.js","sources":["../node_modules/pixi.js/lib/accessibility/init.mjs","../node_modules/pixi.js/lib/events/init.mjs"],"sourcesContent":["import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { AccessibilitySystem } from './AccessibilitySystem.mjs';\nimport { accessibilityTarget } from './accessibilityTarget.mjs';\n\n\"use strict\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\n//# sourceMappingURL=init.mjs.map\n","import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { EventSystem } from './EventSystem.mjs';\nimport { FederatedContainer } from './FederatedEventTarget.mjs';\n\n\"use strict\";\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=init.mjs.map\n"],"names":[],"mappings":";;AAMA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;ACD/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"browserAll-D23C4bot.js","sources":["../node_modules/pixi.js/lib/accessibility/init.mjs","../node_modules/pixi.js/lib/events/init.mjs"],"sourcesContent":["import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { AccessibilitySystem } from './AccessibilitySystem.mjs';\nimport { accessibilityTarget } from './accessibilityTarget.mjs';\n\n\"use strict\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\n//# sourceMappingURL=init.mjs.map\n","import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { EventSystem } from './EventSystem.mjs';\nimport { FederatedContainer } from './FederatedEventTarget.mjs';\n\n\"use strict\";\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=init.mjs.map\n"],"names":[],"mappings":";;AAMA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;ACD/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0,1]}

package/dist/{index-BqsaXH0f.js → index-D2EoLxKB.js}

@@ -106207,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-Bj2nHo1Q.js");
+    await import("./browserAll-D23C4bot.js");
   }
 };
 const webworkerExt = {
@@ -106218,7 +106218,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DlkJrGSQ.js");
+    await import("./webworkerAll-wnkhx2JR.js");
   }
 };
 class ObservablePoint {
@@ -153891,12 +153891,12 @@ const TelemetryCoveragePanel = ({ context: context2, events }) => {
 const ISO_TILE_WIDTH = 64;
 const ISO_TILE_HEIGHT = 32;
 const licenseBorderColors = {
-  "MIT": "#228b22",
+  MIT: "#228b22",
   // Forest green - open/welcoming
-  "BSD": "#228b22",
+  BSD: "#228b22",
   // Same as MIT
   "BSD-3-Clause": "#228b22",
-  "ISC": "#228b22",
+  ISC: "#228b22",
   "Apache-2.0": "#d97706",
   // Amber/orange - formal but welcoming
   "GPL-3.0": "#2255aa",
@@ -153906,7 +153906,7 @@ const licenseBorderColors = {
   "AGPL-3.0": "#2255aa",
   "MPL-2.0": "#8b5cf6",
   // Purple
-  "UNLICENSED": "#dc2626"
+  UNLICENSED: "#dc2626"
   // Red - restrictive
 };
 const cardThemes = {
@@ -154233,7 +154233,7 @@ const RepoSprite = ({
           boxShadow: licenseBorder ? `inset 0 0 0 2px ${licenseBorder}40, 0 0 8px ${licenseBorder}60` : `inset 0 0 0 2px ${colors.cardHighlight}`
         },
         children: [
-          collaborators !== void 0 && collaborators > 0 && /* @__PURE__ */ jsxs(
+          packages && packages.length > 1 && /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
@@ -154242,26 +154242,34 @@ const RepoSprite = ({
                 left: "8px",
                 display: "flex",
                 alignItems: "center",
-                gap: "4px",
+                gap: "6px",
                 zIndex: 10
               },
               children: [
-                /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "#22c55e", children: [
-                  /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "2.5" }),
-                  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "5", r: "2.5" }),
-                  /* @__PURE__ */ jsx("path", { d: "M1 14c0-2.5 2-4 4-4s4 1.5 4 4M7 14c0-2.5 2-4 4-4s4 1.5 4 4" })
-                ] }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
                     style: {
-                      fontSize: "16px",
+                      fontSize: "14px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#a78bfa",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: "Monorepo"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "14px",
                       fontWeight: theme2.fontWeights.bold,
                       color: "#ffffff",
                       textShadow: "0 1px 2px rgba(0,0,0,0.5)",
                       fontFamily: theme2.fonts.body
                     },
-                    children: formatCount(collaborators)
+                    children: packages.length
                   }
                 )
               ]
@@ -154308,12 +154316,13 @@ const RepoSprite = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
                 flex: 1,
                 minHeight: 0,
+                position: "relative",
                 background: `linear-gradient(180deg, ${colors.windowGradient[0]} 0%, ${colors.windowGradient[1]} 100%)`,
                 border: `2px solid ${colors.cardHighlight}`,
                 boxShadow: "inset 0 2px 4px rgba(0,0,0,0.3)",
@@ -154322,19 +154331,53 @@ const RepoSprite = ({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  ref: containerRef,
-                  style: {
-                    width: "100%",
-                    height: "100%",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center"
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      pointerEvents: "none",
+                      backgroundImage: `
+                radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 40% 10%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 55% 45%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 85% 40%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 35% 70%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1px 1px at 50% 85%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 65% 60%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 80% 75%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 95% 90%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 20% 25%, rgba(255,255,255,0.5) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 60% 30%, rgba(200,220,255,0.45) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 45% 65%, rgba(255,255,255,0.5) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 75% 80%, rgba(220,200,255,0.45) 50%, transparent 50%),
+                radial-gradient(2px 2px at 30% 50%, rgba(255,255,255,0.6) 50%, transparent 50%),
+                radial-gradient(2px 2px at 70% 55%, rgba(200,220,255,0.55) 50%, transparent 50%),
+                radial-gradient(2px 2px at 90% 15%, rgba(255,255,255,0.6) 50%, transparent 50%)
+              `,
+                      backgroundSize: "100% 100%"
+                    }
                   }
-                }
-              )
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ref: containerRef,
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    }
+                  }
+                )
+              ]
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -154366,7 +154409,7 @@ const RepoSprite = ({
                     children: label
                   }
                 ),
-                /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsx(
                   "div",
                   {
                     style: {
@@ -154378,53 +154421,24 @@ const RepoSprite = ({
                       color: "#e0e0e0",
                       fontFamily: theme2.fonts.body
                     },
-                    children: [
-                      files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
-                        "span",
-                        {
-                          style: { display: "flex", alignItems: "center", gap: "4px" },
-                          children: [
-                            /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#94a3b8", children: /* @__PURE__ */ jsx(
-                              "path",
-                              {
-                                d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
-                                stroke: "#94a3b8",
-                                strokeWidth: "1",
-                                fill: "none"
-                              }
-                            ) }),
-                            formatCount(files)
-                          ]
-                        }
-                      ),
-                      packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-                        "span",
-                        {
-                          style: { display: "flex", alignItems: "center", gap: "4px" },
-                          children: [
-                            /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-                              /* @__PURE__ */ jsx(
-                                "path",
-                                {
-                                  d: "M8 1L14 4v8l-6 3-6-3V4l6-3z",
-                                  stroke: "#8b5cf6",
-                                  strokeWidth: "1.5"
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                "path",
-                                {
-                                  d: "M8 8v7M8 8l6-3M8 8L2 5",
-                                  stroke: "#8b5cf6",
-                                  strokeWidth: "1"
-                                }
-                              )
-                            ] }),
-                            packages.length
-                          ]
-                        }
-                      )
-                    ]
+                    children: files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: { display: "flex", alignItems: "center", gap: "4px" },
+                        children: [
+                          /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#94a3b8", children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
+                              stroke: "#94a3b8",
+                              strokeWidth: "1",
+                              fill: "none"
+                            }
+                          ) }),
+                          formatCount(files)
+                        ]
+                      }
+                    )
                   }
                 ),
                 packages && packages.length > 1 && /* @__PURE__ */ jsxs(
@@ -154509,6 +154523,119 @@ const RepoSprite = ({
     }
   );
 };
+const languageColors = {
+  TypeScript: 3242182,
+  JavaScript: 16244510,
+  Python: 3634859,
+  Rust: 14591364,
+  Go: 44504,
+  Java: 11563545,
+  "C++": 15944573,
+  C: 5592405,
+  "C#": 1541632,
+  Ruby: 13382701,
+  PHP: 5201301,
+  Swift: 15749432,
+  Kotlin: 11107327,
+  Scala: 12725568,
+  Elixir: 7228030,
+  Haskell: 6180998,
+  Clojure: 14374997,
+  Shell: 9035857,
+  HTML: 14896166,
+  CSS: 5651836,
+  Vue: 4307075,
+  Svelte: 16727552
+};
+function hashStringToColor(str2) {
+  let hash = 0;
+  for (let i2 = 0; i2 < str2.length; i2++) {
+    hash = str2.charCodeAt(i2) + ((hash << 5) - hash);
+  }
+  const h2 = Math.abs(hash % 360);
+  const s2 = 30 + Math.abs((hash >> 8) % 30);
+  const l2 = 35 + Math.abs((hash >> 16) % 20);
+  return hslToHex(h2, s2, l2);
+}
+function hslToHex(h2, s2, l2) {
+  s2 /= 100;
+  l2 /= 100;
+  const a2 = s2 * Math.min(l2, 1 - l2);
+  const f2 = (n2) => {
+    const k2 = (n2 + h2 / 30) % 12;
+    const color2 = l2 - a2 * Math.max(Math.min(k2 - 3, 9 - k2, 1), -1);
+    return Math.round(255 * color2);
+  };
+  return (f2(0) << 16) + (f2(8) << 8) + f2(4);
+}
+function getRepositoryColor(repository) {
+  var _a;
+  if (repository.bookColor) {
+    if (repository.bookColor.startsWith("#")) {
+      return parseInt(repository.bookColor.slice(1), 16);
+    }
+    return hashStringToColor(repository.bookColor);
+  }
+  const language2 = (_a = repository.github) == null ? void 0 : _a.primaryLanguage;
+  if (language2 && languageColors[language2]) {
+    return languageColors[language2];
+  }
+  return hashStringToColor(repository.name);
+}
+function transformPackages(packages) {
+  if (!packages || packages.length === 0) {
+    return void 0;
+  }
+  return packages.map((pkg) => {
+    var _a;
+    return {
+      name: ((_a = pkg.packageData) == null ? void 0 : _a.name) || pkg.name,
+      size: pkg.size
+      // Could derive color from package type or name in the future
+    };
+  });
+}
+const RepoCard = ({
+  repository,
+  variant = "card",
+  cardTheme = "blue",
+  width = 200,
+  height = 280,
+  backgroundColor,
+  showBoundary = false,
+  boundaryColor,
+  debug = false,
+  sizeOverride,
+  colorOverride,
+  onPackageHover,
+  onPackageHoverEnd
+}) => {
+  var _a, _b, _c, _d;
+  const size = sizeOverride ?? calculateRepositorySize(repository.metrics);
+  const color2 = colorOverride ?? getRepositoryColor(repository);
+  const packages = transformPackages(repository.packages);
+  const spriteProps = {
+    size,
+    color: color2,
+    packages,
+    files: (_a = repository.metrics) == null ? void 0 : _a.fileCount,
+    stars: (_b = repository.github) == null ? void 0 : _b.stars,
+    collaborators: (_c = repository.metrics) == null ? void 0 : _c.contributors,
+    license: (_d = repository.github) == null ? void 0 : _d.license,
+    label: repository.name,
+    variant,
+    cardTheme,
+    width,
+    height,
+    backgroundColor,
+    showBoundary,
+    boundaryColor,
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
+  };
+  return /* @__PURE__ */ jsx(RepoSprite, { ...spriteProps });
+};
 const panels = [
   {
     metadata: {
@@ -154633,12 +154760,13 @@ const onPackageUnload = async () => {
 };
 export {
   AccessibilitySystem as A,
-  CollectionMapPanelContent as B,
+  CollectionMapPanel as B,
   Container as C,
   DependencyGraphPanel as D,
   EventSystem as E,
   FilterSystem as F,
   GitChangesPanel as G,
+  CollectionMapPanelContent as H,
   MAX_NODES_PER_MAP as M,
   OverworldMapPanelContent as O,
   PackageCompositionPanel as P,
@@ -154668,8 +154796,8 @@ export {
   nodesToOverworldMapCollection as u,
   gridToScreen as v,
   screenToGrid as w,
-  TelemetryCoveragePanelContent as x,
-  TelemetryCoveragePanelPreview as y,
-  CollectionMapPanel as z
+  RepoCard as x,
+  TelemetryCoveragePanelContent as y,
+  TelemetryCoveragePanelPreview as z
 };
-//# sourceMappingURL=index-BqsaXH0f.js.map
+//# sourceMappingURL=index-D2EoLxKB.js.map