1
1
import { useState } from "react" ;
2
2
import { useSearchParams } from "react-router" ;
3
3
import type {
4
- AuditManifest ,
5
- DependencyManifest ,
6
- } from "@stackcore/core/manifest " ;
4
+ auditManifestTypes ,
5
+ dependencyManifestTypes ,
6
+ } from "@stackcore/shared " ;
7
7
import { SidebarProvider , SidebarTrigger } from "../shadcn/Sidebar.tsx" ;
8
8
import { FileExplorerSidebar } from "./components/FileExplorerSidebar.tsx" ;
9
9
import BreadcrumbNav from "./components/BreadcrumNav.tsx" ;
@@ -13,8 +13,8 @@ import SymbolVisualizer from "./visualizers/SymbolVisualizer.tsx";
13
13
14
14
export interface VisualizerContext {
15
15
manifestId : number ;
16
- dependencyManifest : DependencyManifest ;
17
- auditManifest : AuditManifest ;
16
+ dependencyManifest : dependencyManifestTypes . DependencyManifest ;
17
+ auditManifest : auditManifestTypes . AuditManifest ;
18
18
highlightedCytoscapeRef : {
19
19
filePath : string ;
20
20
symbolId : string | undefined ;
@@ -23,11 +23,10 @@ export interface VisualizerContext {
23
23
24
24
export default function DependencyVisualizer ( props : {
25
25
manifestId : number ;
26
- dependencyManifest : DependencyManifest ;
27
- auditManifest : AuditManifest ;
26
+ dependencyManifest : dependencyManifestTypes . DependencyManifest ;
27
+ auditManifest : auditManifestTypes . AuditManifest ;
28
28
} ) {
29
29
const [ searchParams ] = useSearchParams ( ) ;
30
-
31
30
const [ highlightedCytoscapeRef , setHighlightedCytoscapeRef ] = useState <
32
31
{
33
32
filePath : string ;
@@ -45,6 +44,7 @@ export default function DependencyVisualizer(props: {
45
44
className = "grow flex min-h-0"
46
45
>
47
46
< FileExplorerSidebar
47
+ dependencyManifestId = { props . manifestId }
48
48
dependencyManifest = { props . dependencyManifest }
49
49
auditManifest = { props . auditManifest }
50
50
onHighlightInCytoscape = { ( node ) => {
0 commit comments