fix: search component not using the correct api (#7)

Author: muratsu

README.md

@@ -10,7 +10,7 @@ Show Sonarqube issues when browsing files on Sourcegraph.
 </picture>
 </p>
 
-➡️ Try it out on [github.com/apache/struts](https://sourcegraph.com/github.com/apache/struts/-/blob/apps/rest-showcase/src/main/java/org/demo/rest/example/OrdersController.java)
+➡️ Try it out on [github.com/apache/struts](https://sourcegraph.com/github.com/apache/struts/-/blob/core/src/main/java/org/apache/struts2/action/CspReportAction.java#L60)
 
 You can toggle decorations with the Sonarqube button in the action toolbar.
 Each decoration links to the issue on Sonarqube.

src/api.ts

@@ -78,13 +78,14 @@ async function fetchApi(path: string, searchParameters: URLSearchParams, options
 }
 
 export async function searchComponents(
-    options: ApiOptions & { query: string; organization: string }
+    options: ApiOptions & { query: string; organization: string, component: string }
 ): Promise<Component[]> {
     const searchParameters = new URLSearchParams()
     searchParameters.set('organization', options.organization)
+    searchParameters.set('component', options.component)
     searchParameters.set('qualifiers', 'FIL,UTS')
     searchParameters.set('q', options.query)
-    const result = await fetchApi('api/components/search', searchParameters, options)
+    const result = await fetchApi('api/components/tree', searchParameters, options)
     return result.components
 }
 

src/sonarqube.ts

@@ -88,27 +88,36 @@ export function activate(context: sourcegraph.ExtensionContext): void {
                         // For some reason searching for the whole file path doesn't work.
                         // As soon as the query contains a slash, no results are returned.
                         const fileName = filePath.split('/').pop()!
-                        const components = await searchComponents({ query: fileName, organization, ...apiOptions })
-                        const component = components.find(
-                            component => component.key.endsWith(filePath) && component.project === project
-                        )
+                        const components = await searchComponents({
+                            query: fileName,
+                            organization,
+                            component: project,
+                            ...apiOptions,
+                        })
+
+                        const component = components.find(component => component.key.endsWith(filePath))
+
                         if (!component) {
                             throw new Error(
                                 `Could not find Sonarqube component for this file in Sonarqube project "${project}"`
                             )
                         }
-                        const branches = await listBranches({ project: component.project, ...apiOptions })
+
+                        const branches = await listBranches({ project, ...apiOptions })
                         const branch = branches.find(branch => branch.commit.sha === commitID)
                         if (!branch) {
                             console.warn(
                                 `No Sonarqube branch found for commit ID ${commitID}, falling back to default branch`
                             )
                         }
+
+                        // Find issues related to the Component & Branch
                         const issues = await searchIssues({
                             ...apiOptions,
                             componentKeys: [component.key],
                             branch: branch?.name,
                         })
+
                         return { editor, issues, errorMessage: null as string | null, sonarqubeUrl }
                     } catch (error) {
                         console.error('Error fetching Sonarqube data:', error)