chore: Sourcebot REST api surface (#290)

Author: brendan-kellam

packages/web/.eslintrc.json

@@ -7,7 +7,6 @@
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
     "next/core-web-vitals"
   ],
   "rules": {

packages/web/package.json

@@ -6,7 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "cross-env SKIP_ENV_VALIDATION=1 next lint",
     "test": "vitest",
     "dev:emails": "email dev --dir ./src/emails",
     "stripe:listen": "stripe listen --forward-to http://localhost:3000/api/stripe"
@@ -146,6 +146,7 @@
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^8.3.0",
     "@typescript-eslint/parser": "^8.3.0",
+    "cross-env": "^7.0.3",
     "eslint": "^8",
     "eslint-config-next": "14.2.6",
     "eslint-plugin-react": "^7.35.0",

packages/web/src/app/[domain]/browse/[...path]/page.tsx

@@ -1,7 +1,8 @@
 import { FileHeader } from "@/app/[domain]/components/fileHeader";
 import { TopBar } from "@/app/[domain]/components/topBar";
 import { Separator } from '@/components/ui/separator';
-import { getFileSource, listRepositories } from '@/lib/server/searchService';
+import { getFileSource } from '@/features/search/fileSourceApi';
+import { listRepositories } from '@/features/search/listReposApi';
 import { base64Decode, isServiceError } from "@/lib/utils";
 import { CodePreview } from "./codePreview";
 import { ErrorCode } from "@/lib/errorCodes";
@@ -57,7 +58,7 @@ export default async function BrowsePage({
     if (isServiceError(reposResponse)) {
         throw new ServiceErrorException(reposResponse);
     }
-    const repo = reposResponse.List.Repos.find(r => r.Repository.Name === repoName);
+    const repo = reposResponse.repos.find(r => r.name === repoName);
 
     if (pathType === 'tree') {
         // @todo : proper tree handling
@@ -81,7 +82,7 @@ export default async function BrowsePage({
                         <div className="bg-accent py-1 px-2 flex flex-row">
                             <FileHeader
                                 fileName={path}
-                                repo={repo.Repository}
+                                repo={repo}
                                 branchDisplayName={revisionName}
                             />
                         </div>

packages/web/src/app/[domain]/components/fileHeader.tsx

@@ -1,4 +1,4 @@
-import { Repository } from "@/lib/types";
+import { Repository } from "@/features/search/types";
 import { getRepoCodeHostInfo } from "@/lib/utils";
 import { LaptopIcon } from "@radix-ui/react-icons";
 import clsx from "clsx";

packages/web/src/app/[domain]/components/searchBar/searchSuggestionsBox.tsx

@@ -275,6 +275,7 @@ const SearchSuggestionsBox = forwardRef(({
         searchHistorySuggestions,
         languageSuggestions,
         searchContextSuggestions,
+        refineModeSuggestions,
     ]);
 
     // When the list of suggestions change, reset the highlight index

packages/web/src/app/[domain]/components/searchBar/useSuggestionModeAndQuery.ts

@@ -69,7 +69,7 @@ export const useSuggestionModeAndQuery = ({
             suggestionQuery: part,
             suggestionMode: "refine",
         }
-    }, [cursorPosition, isSuggestionsEnabled, query, isHistorySearchEnabled]);
+    }, [cursorPosition, isSuggestionsEnabled, query, isHistorySearchEnabled, suggestionModeMappings]);
 
     // Debug logging for tracking mode transitions.
     const [prevSuggestionMode, setPrevSuggestionMode] = useState<SuggestionMode>("none");

packages/web/src/app/[domain]/components/searchBar/useSuggestionsData.ts

@@ -5,7 +5,7 @@ import { Suggestion, SuggestionMode } from "./searchSuggestionsBox";
 import { getRepos, search } from "@/app/api/(client)/client";
 import { getSearchContexts } from "@/actions";
 import { useMemo } from "react";
-import { Symbol } from "@/lib/types";
+import { SearchSymbol } from "@/features/search/types";
 import { languageMetadataMap } from "@/lib/languageMetadata";
 import {
     VscSymbolClass,
@@ -40,10 +40,9 @@ export const useSuggestionsData = ({
         queryKey: ["repoSuggestions"],
         queryFn: () => getRepos(domain),
         select: (data): Suggestion[] => {
-            return data.List.Repos
-                .map(r => r.Repository)
+            return data.repos
                 .map(r => ({
-                    value: r.Name
+                    value: r.name,
                 }));
         },
         enabled: suggestionMode === "repo",
@@ -54,16 +53,17 @@ export const useSuggestionsData = ({
         queryKey: ["fileSuggestions", suggestionQuery],
         queryFn: () => search({
             query: `file:${suggestionQuery}`,
-            maxMatchDisplayCount: 15,
+            matches: 15,
+            contextLines: 1,
         }, domain),
         select: (data): Suggestion[] => {
             if (isServiceError(data)) {
                 return [];
             }
 
-            return data.Result.Files?.map((file) => ({
-                value: file.FileName
-            })) ?? [];
+            return data.files.map((file) => ({
+                value: file.fileName.text,
+            }));
         },
         enabled: suggestionMode === "file"
     });
@@ -73,22 +73,23 @@ export const useSuggestionsData = ({
         queryKey: ["symbolSuggestions", suggestionQuery],
         queryFn: () => search({
             query: `sym:${suggestionQuery.length > 0 ? suggestionQuery : ".*"}`,
-            maxMatchDisplayCount: 15,
+            matches: 15,
+            contextLines: 1,
         }, domain),
         select: (data): Suggestion[] => {
             if (isServiceError(data)) {
                 return [];
             }
 
-            const symbols = data.Result.Files?.flatMap((file) => file.ChunkMatches).flatMap((chunk) => chunk.SymbolInfo ?? []);
+            const symbols = data.files.flatMap((file) => file.chunks).flatMap((chunk) => chunk.symbols ?? []);
             if (!symbols) {
                 return [];
             }
 
             // De-duplicate on symbol name & kind.
-            const symbolMap = new Map<string, Symbol>(symbols.map((symbol: Symbol) => [`${symbol.Kind}.${symbol.Sym}`, symbol]));
+            const symbolMap = new Map<string, SearchSymbol>(symbols.map((symbol: SearchSymbol) => [`${symbol.kind}.${symbol.symbol}`, symbol]));
             const suggestions = Array.from(symbolMap.values()).map((symbol) => ({
-                value: symbol.Sym,
+                value: symbol.symbol,
                 Icon: getSymbolIcon(symbol),
             } satisfies Suggestion));
 
@@ -157,8 +158,8 @@ export const useSuggestionsData = ({
     }
 }
 
-const getSymbolIcon = (symbol: Symbol) => {
-    switch (symbol.Kind) {
+const getSymbolIcon = (symbol: SearchSymbol) => {
+    switch (symbol.kind) {
         case "methodSpec":
         case "method":
         case "function":

packages/web/src/app/[domain]/connections/[id]/page.tsx

@@ -22,7 +22,6 @@ import { isServiceError } from "@/lib/utils"
 import { notFound } from "next/navigation"
 import { OrgRole } from "@sourcebot/db"
 import { CodeHostType } from "@/lib/utils"
-import { BitbucketConnectionConfig } from "@sourcebot/schemas/v3/bitbucket.type"
 
 interface ConnectionManagementPageProps {
     params: {

packages/web/src/app/[domain]/connections/quickActions.tsx

@@ -403,7 +403,7 @@ export const bitbucketCloudQuickActions: QuickAction<BitbucketConnectionConfig>[
         selectionText: "username",
         description: (
             <div className="flex flex-col">
-                <span>Username to use for authentication. This is only required if you're using an App Password (stored in <Code>token</Code>) for authentication.</span>
+                <span>Username to use for authentication. This is only required if you&apos;re using an App Password (stored in <Code>token</Code>) for authentication.</span>
             </div>
         )
     },

packages/web/src/app/[domain]/search/components/codePreviewPanel/codePreview.tsx

@@ -3,12 +3,12 @@
 import { EditorContextMenu } from "@/app/[domain]/components/editorContextMenu";
 import { Button } from "@/components/ui/button";
 import { ScrollArea } from "@/components/ui/scroll-area";
+import { SearchResultChunk } from "@/features/search/types";
 import { useCodeMirrorTheme } from "@/hooks/useCodeMirrorTheme";
 import { useKeymapExtension } from "@/hooks/useKeymapExtension";
 import { useSyntaxHighlightingExtension } from "@/hooks/useSyntaxHighlightingExtension";
 import { gutterWidthExtension } from "@/lib/extensions/gutterWidthExtension";
 import { highlightRanges, searchResultHighlightExtension } from "@/lib/extensions/searchResultHighlightExtension";
-import { SearchResultFileMatch } from "@/lib/types";
 import { search } from "@codemirror/search";
 import { EditorView } from "@codemirror/view";
 import { Cross1Icon, FileIcon } from "@radix-ui/react-icons";
@@ -22,7 +22,7 @@ export interface CodePreviewFile {
     content: string;
     filepath: string;
     link?: string;
-    matches: SearchResultFileMatch[];
+    matches: SearchResultChunk[];
     language: string;
     revision: string;
 }
@@ -84,7 +84,7 @@ export const CodePreview = ({
         }
 
         return file.matches.flatMap((match) => {
-            return match.Ranges;
+            return match.matchRanges;
         })
     }, [file]);