@principal-ai/principal-view-react 0.16.35 → 0.16.36

package/src/subsystem/model.ts

@@ -119,6 +119,30 @@ export function deriveNameFromSymbol(
   return existingName ?? 'untitled';
 }
 
+/**
+ * Human-readable purl identity — drops the `pkg:<type>/` scheme wrapper and
+ * trailing version, keeping the package / owner-repo identity:
+ *
+ *   pkg:npm/@principal-ai/core         → `@principal-ai/core`
+ *   pkg:github/principal-ai/my-repo    → `principal-ai/my-repo`
+ *   pkg:npm/left-pad@1.3.0             → `left-pad`
+ *   pkg:generic/local--Users-me-my-app → `Users-me-my-app (local)`
+ *
+ * Local purls encode the absolute path with dashes for slashes, which is not
+ * losslessly decodable — shown as-is with a `(local)` marker.
+ */
+export function formatPurl(purl: string): string {
+  const match = /^pkg:[^/#?]+\/(.+)$/.exec(purl);
+  if (!match) return purl;
+  let identity = match[1].split(/[?#]/)[0];
+  const at = identity.indexOf('@');
+  if (at > 0) identity = identity.slice(0, at); // trailing @version
+  if (identity.startsWith('local--')) {
+    return `${identity.slice('local--'.length)} (local)`;
+  }
+  return identity;
+}
+
 export interface SubsystemGraphDocument {
   components: SubsystemComponent[];
   edges: SubsystemComponentEdge[];
@@ -174,7 +198,7 @@ export const MECHANISM_COLOR: Record<SubsystemEdgeMechanism, string> = {
   'registers-into': '#ff6b35', // orange
 };
 
-const MECHANISM_STYLE: Record<SubsystemEdgeMechanism, 'solid' | 'dashed' | 'dotted'> = {
+export const MECHANISM_STYLE: Record<SubsystemEdgeMechanism, 'solid' | 'dashed' | 'dotted'> = {
   imports: 'solid',
   imports_from: 'solid',
   re_exports: 'solid',