@gmickel/gno 0.33.3 → 0.34.0

package/src/serve/public/lib/browse.ts

@@ -0,0 +1,110 @@
+import type { BrowseTreeNode } from "../../browse-tree";
+
+export interface BrowseDocument {
+  docid: string;
+  uri: string;
+  title: string | null;
+  collection: string;
+  relPath: string;
+  sourceExt: string;
+}
+
+export interface DocsResponse {
+  documents: BrowseDocument[];
+  total: number;
+  limit: number;
+  offset: number;
+  pathPrefix?: string;
+  directChildrenOnly?: boolean;
+  availableDateFields: string[];
+  sortField: string;
+  sortOrder: "asc" | "desc";
+}
+
+export interface BrowseTreeResponse {
+  collections: BrowseTreeNode[];
+  totalCollections: number;
+  totalDocuments: number;
+}
+
+export function parseBrowseLocation(search: string): {
+  collection: string;
+  path: string;
+} {
+  const params = new URLSearchParams(search);
+  return {
+    collection: params.get("collection") ?? "",
+    path: (params.get("path") ?? "")
+      .replaceAll("\\", "/")
+      .replace(/^\/+|\/+$/g, ""),
+  };
+}
+
+export function buildBrowseLocation(
+  collection?: string,
+  path?: string
+): string {
+  const normalizedCollection = collection?.trim() ?? "";
+  const normalizedPath = (path ?? "")
+    .replaceAll("\\", "/")
+    .replace(/^\/+|\/+$/g, "");
+
+  if (!normalizedCollection) {
+    return "/browse";
+  }
+
+  const params = new URLSearchParams({
+    collection: normalizedCollection,
+  });
+  if (normalizedPath) {
+    params.set("path", normalizedPath);
+  }
+  return `/browse?${params.toString()}`;
+}
+
+export function buildBrowseCrumbs(collection: string, path: string) {
+  const crumbs = [
+    {
+      label: collection,
+      location: buildBrowseLocation(collection),
+    },
+  ];
+
+  if (!path) {
+    return crumbs;
+  }
+
+  const parts = path.split("/").filter(Boolean);
+  let currentPath = "";
+  for (const part of parts) {
+    currentPath = currentPath ? `${currentPath}/${part}` : part;
+    crumbs.push({
+      label: part,
+      location: buildBrowseLocation(collection, currentPath),
+    });
+  }
+  return crumbs;
+}
+
+export function formatDateFieldLabel(field: string) {
+  return field
+    .split("_")
+    .filter((token) => token.length > 0)
+    .map((token) => token.charAt(0).toUpperCase() + token.slice(1))
+    .join(" ");
+}
+
+export function getExtBadgeVariant(ext: string) {
+  switch (ext.toLowerCase()) {
+    case ".md":
+    case ".markdown":
+      return "default";
+    case ".pdf":
+      return "destructive";
+    case ".docx":
+    case ".doc":
+      return "secondary";
+    default:
+      return "outline";
+  }
+}

package/src/serve/public/lib/workspace-tabs.ts

@@ -2,6 +2,7 @@ export interface WorkspaceTab {
   id: string;
   label: string;
   location: string;
+  browseState?: WorkspaceTabBrowseState;
 }
 
 export interface WorkspaceState {
@@ -9,6 +10,10 @@ export interface WorkspaceState {
   activeTabId: string;
 }
 
+export interface WorkspaceTabBrowseState {
+  expandedNodeIds: string[];
+}
+
 export interface WorkspaceStorageLike {
   getItem(key: string): string | null;
   setItem(key: string, value: string): void;
@@ -43,6 +48,13 @@ function getLocationLabel(location: string): string {
       return "Search";
     case "/browse": {
       const collection = params.get("collection");
+      const browsePath = (params.get("path") ?? "")
+        .replace(/^\/+|\/+$/g, "")
+        .trim();
+      if (collection && browsePath) {
+        const leaf = browsePath.split("/").at(-1) ?? browsePath;
+        return `Browse: ${collection} / ${leaf}`;
+      }
       return collection ? `Browse: ${collection}` : "Browse";
     }
     case "/ask":
@@ -68,6 +80,19 @@ function getLocationLabel(location: string): string {
   }
 }
 
+function isWorkspaceTabBrowseState(
+  value: unknown
+): value is WorkspaceTabBrowseState {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  const candidate = value as Record<string, unknown>;
+  return (
+    Array.isArray(candidate.expandedNodeIds) &&
+    candidate.expandedNodeIds.every((entry) => typeof entry === "string")
+  );
+}
+
 function isWorkspaceTab(value: unknown): value is WorkspaceTab {
   if (!value || typeof value !== "object") {
     return false;
@@ -76,7 +101,9 @@ function isWorkspaceTab(value: unknown): value is WorkspaceTab {
   return (
     typeof candidate.id === "string" &&
     typeof candidate.label === "string" &&
-    typeof candidate.location === "string"
+    typeof candidate.location === "string" &&
+    (candidate.browseState === undefined ||
+      isWorkspaceTabBrowseState(candidate.browseState))
   );
 }
 
@@ -187,6 +214,37 @@ export function createWorkspaceTab(
   };
 }
 
+export function updateActiveTabBrowseState(
+  state: WorkspaceState,
+  nextBrowseState:
+    | WorkspaceTabBrowseState
+    | ((current: WorkspaceTabBrowseState) => WorkspaceTabBrowseState)
+): WorkspaceState {
+  const nextTabs = state.tabs.map((tab) => {
+    if (tab.id !== state.activeTabId) {
+      return tab;
+    }
+
+    const currentBrowseState: WorkspaceTabBrowseState = tab.browseState ?? {
+      expandedNodeIds: [],
+    };
+    const resolvedBrowseState =
+      typeof nextBrowseState === "function"
+        ? nextBrowseState(currentBrowseState)
+        : nextBrowseState;
+
+    return {
+      ...tab,
+      browseState: resolvedBrowseState,
+    };
+  });
+
+  return {
+    tabs: nextTabs,
+    activeTabId: state.activeTabId,
+  };
+}
+
 export function activateWorkspaceTab(
   state: WorkspaceState,
   tabId: string