feat: add deps graph

api/src/api/types.rs

@@ -81,6 +81,36 @@ impl From<PublishingTask> for ApiPublishingTask {
   }
 }
 
+#[derive(Serialize, Deserialize, Debug, Clone, PartialEq)]
+#[serde(rename_all = "camelCase")]
+pub struct ApiDependencyGraphItem {
+  pub dependency: super::package::DependencyKind,
+  pub children: Vec<usize>,
+  pub size: Option<u64>,
+  pub media_type: Option<String>,
+}
+
+impl
+  From<(
+    super::package::DependencyKind,
+    super::package::DependencyInfo,
+  )> for ApiDependencyGraphItem
+{
+  fn from(
+    (kind, info): (
+      super::package::DependencyKind,
+      super::package::DependencyInfo,
+    ),
+  ) -> Self {
+    Self {
+      dependency: kind,
+      children: info.children,
+      size: info.size,
+      media_type: info.media_type.map(|media_type| media_type.to_string()),
+    }
+  }
+}
+
 #[derive(Debug, Serialize, Deserialize)]
 #[serde(rename_all = "camelCase")]
 pub struct ApiUser {

api/src/util.rs

@@ -114,6 +114,7 @@ where
 pub struct CacheDuration(pub usize);
 impl CacheDuration {
   pub const ONE_MINUTE: CacheDuration = CacheDuration(60);
+  pub const ONE_DAY: CacheDuration = CacheDuration(60 * 60 * 24);
 }
 
 pub fn cache<H, HF>(

frontend/components/icons/ChevronUp.tsx

@@ -0,0 +1,19 @@
+// Copyright 2024 the JSR authors. All rights reserved. MIT license.
+export function ChevronUp(props: { class?: string }) {
+  return (
+    <svg
+      class={`h-4 w-4 ${props.class ?? ""}`}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        transform="translate(-1 0) rotate(270 7 7)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M3.96967 12.5303C3.67678 12.2374 3.67678 11.7626 3.96967 11.4697L8.43934 7L3.96967 2.53033C3.67678 2.23744 3.67678 1.76256 3.96967 1.46967C4.26256 1.17678 4.73744 1.17678 5.03033 1.46967L10.0303 6.46967C10.3232 6.76256 10.3232 7.23744 10.0303 7.53033L5.03033 12.5303C4.73744 12.8232 4.26256 12.8232 3.96967 12.5303Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

frontend/components/icons/Minus.tsx

@@ -0,0 +1,18 @@
+// Copyright 2024 the JSR authors. All rights reserved. MIT license.
+export function Minus(props: { class?: string }) {
+  return (
+    <svg
+      class={`w-4 h-4 ${props.class ?? ""}`}
+      aria-hidden="true"
+      viewBox="0 0 14 14"
+      fill="none"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1 7C1 6.58579 1.33579 6.25 1.75 6.25H12.25C12.6642 6.25 13 6.58579 13 7C13 7.41421 12.6642 7.75 12.25 7.75H1.75C1.33579 7.75 1 7.41421 1 7Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

frontend/components/icons/Reset.tsx

@@ -0,0 +1,18 @@
+// Copyright 2024 the JSR authors. All rights reserved. MIT license.
+export function Reset(props: { class?: string }) {
+  return (
+    <svg
+      class={`w-4 h-4 ${props.class ?? ""}`}
+      aria-hidden="true"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

frontend/deno.json

@@ -38,7 +38,9 @@
     "@oramacloud/client": "npm:@oramacloud/client@^1",
 
     "tailwindcss": "npm:[email protected]",
-    "postcss": "npm:[email protected]"
+    "postcss": "npm:[email protected]",
+
+    "@viz-js/viz": "npm:@viz-js/viz@^3.11.0"
   },
   "compilerOptions": {
     "lib": [