style(search): satisfy the stylistic rules added with the new lint config

Trailing commas and double-quoted strings, autofixed. The branch was written
against the old per-package eslint config and predates the root one, which
adds @Stylistic and lints only the lines a PR changes.

Author: sundram-bruno

packages/bruno-api-docs/e2e/tests/search/search.spec.ts

@@ -141,7 +141,7 @@ test.describe('Search palette', () => {
     // row's hover background at the container edge.
     const { scrollWidth, clientWidth } = await search.resultsScroll.evaluate((el) => ({
       scrollWidth: el.scrollWidth,
-      clientWidth: el.clientWidth,
+      clientWidth: el.clientWidth
     }));
     expect(scrollWidth).toBeLessThanOrEqual(clientWidth + 1);
 

packages/bruno-api-docs/src/components/Search/SearchBar/SearchBar.tsx

@@ -84,8 +84,8 @@ export const SearchBar: React.FC<SearchBarProps> = ({ open, onOpenChange, focusN
         : [];
     const filtered = base.filter(({ record: r }) => {
       // A folder carries no method, so any active method chip excludes them all.
-      const passesMethod =
-        methods.size === 0 || (r.type === 'request' && !!r.method && methods.has(r.method.toUpperCase()));
+      const passesMethod
+        = methods.size === 0 || (r.type === 'request' && !!r.method && methods.has(r.method.toUpperCase()));
       // The filtered folder matches itself, not only the items beneath it.
       const passesFolder = folder === null || r.ancestorSlugs.includes(folder) || r.slug === folder;
       return passesMethod && passesFolder;

packages/bruno-api-docs/src/components/Search/SearchResultItem/SearchResultItem.spec.tsx

@@ -27,7 +27,7 @@ const folder: FolderSearchRecord = {
   name: 'Basic Auth',
   ancestorNames: ['Billing', 'Customers'],
   ancestorSlugs: ['billing', 'billing/customers'],
-  requestCount: 12,
+  requestCount: 12
 };
 
 describe('SearchResultItem', () => {
@@ -88,7 +88,7 @@ describe('SearchResultItem - folder variant', () => {
 
   it('singularises a folder holding one request', () => {
     const html = renderToStaticMarkup(
-      <SearchResultItem record={{ ...folder, requestCount: 1 }} onSelect={() => {}} />,
+      <SearchResultItem record={{ ...folder, requestCount: 1 }} onSelect={() => {}} />
     );
     expect(html).toContain('1 request');
     expect(html).not.toContain('1 requests');
@@ -103,7 +103,7 @@ describe('SearchResultItem - folder variant', () => {
   it('shows its breadcrumb, so two same-named folders can be told apart', () => {
     const billing = renderToStaticMarkup(<SearchResultItem record={folder} onSelect={() => {}} />);
     const products = renderToStaticMarkup(
-      <SearchResultItem record={{ ...folder, ancestorNames: ['Products', 'Users'] }} onSelect={() => {}} />,
+      <SearchResultItem record={{ ...folder, ancestorNames: ['Products', 'Users'] }} onSelect={() => {}} />
     );
     expect(billing).toContain('Billing / Customers');
     expect(products).toContain('Products / Users');
@@ -118,15 +118,15 @@ describe('SearchResultItem - folder variant', () => {
 
   it('omits the breadcrumb for a top-level folder (there is no chain)', () => {
     const html = renderToStaticMarkup(
-      <SearchResultItem record={{ ...folder, ancestorNames: [] }} onSelect={() => {}} />,
+      <SearchResultItem record={{ ...folder, ancestorNames: [] }} onSelect={() => {}} />
     );
     expect(html).not.toContain('class="search-result-breadcrumb"');
   });
 
   it('bolds the matched range of the folder name', () => {
     // "Auth" sits at indices 6-9 of "Basic Auth".
     const html = renderToStaticMarkup(
-      <SearchResultItem record={folder} matches={{ name: [[6, 9]] }} onSelect={() => {}} />,
+      <SearchResultItem record={folder} matches={{ name: [[6, 9]] }} onSelect={() => {}} />
     );
     expect(boldedText(html)).toContain('Auth');
   });

packages/bruno-api-docs/src/components/Search/searchIndex.spec.ts

@@ -9,7 +9,7 @@ import {
   searchHits,
   type SearchRecord,
   type RequestSearchRecord,
-  type FolderSearchRecord,
+  type FolderSearchRecord
 } from './searchIndex';
 import type { NavEntry } from '../../routing/types';
 
@@ -35,7 +35,7 @@ const requestEntry = (over: Partial<NavEntry> & { uuid: string }): NavEntry => {
 const childItem = (name: string, type: 'http' | 'folder' | 'script', items?: unknown[]) => ({
   uuid: `${type}-${name}`,
   info: { name, type },
-  ...(items ? { items } : {}),
+  ...(items ? { items } : {})
 });
 
 const folderEntry = (over: Partial<NavEntry> & { uuid: string; items?: unknown[] }): NavEntry => {
@@ -47,7 +47,7 @@ const folderEntry = (over: Partial<NavEntry> & { uuid: string; items?: unknown[]
     ancestors: [],
     depth: 0,
     item: { uuid, info: { name: 'Hotels', type: 'folder' }, items: items ?? [] } as never,
-    ...rest,
+    ...rest
   };
 };
 
@@ -93,7 +93,7 @@ describe('buildSearchRecords', () => {
       slug: 'hotels/rooms',
       name: 'Rooms',
       ancestors: [{ name: 'Hotels', slug: 'hotels' }],
-      depth: 1,
+      depth: 1
     });
     const recs = folderRecords([top, nested]);
     expect(recs.map((r) => r.id)).toEqual(['f1', 'f2']);
@@ -108,23 +108,23 @@ describe('buildSearchRecords', () => {
       name: 'Auth',
       ancestors: [
         { name: 'Billing', slug: 'billing' },
-        { name: 'Customers', slug: 'billing/customers' },
+        { name: 'Customers', slug: 'billing/customers' }
       ],
-      depth: 2,
+      depth: 2
     });
     const productsAuth = folderEntry({
       uuid: 'f2',
       slug: 'products/users/auth',
       name: 'Auth',
       ancestors: [
         { name: 'Products', slug: 'products' },
-        { name: 'Users', slug: 'products/users' },
+        { name: 'Users', slug: 'products/users' }
       ],
-      depth: 2,
+      depth: 2
     });
     expect(folderRecords([billingAuth, productsAuth]).map((r) => r.ancestorNames)).toEqual([
       ['Billing', 'Customers'],
-      ['Products', 'Users'],
+      ['Products', 'Users']
     ]);
   });
 
@@ -134,16 +134,16 @@ describe('buildSearchRecords', () => {
       items: [
         childItem('List', 'http'),
         childItem('Create', 'http'),
-        childItem('Nested', 'folder', [childItem('Deep', 'http'), childItem('Deeper', 'folder', [childItem('Deepest', 'http')])]),
-      ],
+        childItem('Nested', 'folder', [childItem('Deep', 'http'), childItem('Deeper', 'folder', [childItem('Deepest', 'http')])])
+      ]
     });
     expect(folderRecords([entry])[0].requestCount).toBe(4);
   });
 
   it('does not count script files as requests', () => {
     const entry = folderEntry({
       uuid: 'f1',
-      items: [childItem('List', 'http'), childItem('setup', 'script')],
+      items: [childItem('List', 'http'), childItem('setup', 'script')]
     });
     expect(folderRecords([entry])[0].requestCount).toBe(1);
   });
@@ -153,7 +153,7 @@ describe('buildSearchRecords', () => {
       slug: '', type: 'overview', name: 'Overview', item: null, ancestors: [], depth: -1,
     };
     const environments: NavEntry = {
-      slug: '~environments', type: 'environments', name: 'Environments', item: null, ancestors: [], depth: -1,
+      slug: '~environments', type: 'environments', name: 'Environments', item: null, ancestors: [], depth: -1
     };
     expect(buildSearchRecords([overview, environments])).toHaveLength(0);
   });
@@ -171,27 +171,27 @@ describe('formatBreadcrumb', () => {
     expect(formatBreadcrumb(['Hotels'])).toEqual({ full: 'Hotels', display: 'Hotels' });
     expect(formatBreadcrumb(['Hotels', 'Auth', 'Auth 2'])).toEqual({
       full: 'Hotels / Auth / Auth 2',
-      display: 'Hotels / Auth / Auth 2',
+      display: 'Hotels / Auth / Auth 2'
     });
   });
 
   it('collapses the middle of a deeper chain, keeping the first and last folder', () => {
     expect(formatBreadcrumb(['Hotels', 'Auth', 'Auth 2', 'Legacy'])).toEqual({
       full: 'Hotels / Auth / Auth 2 / Legacy',
-      display: 'Hotels / … / Legacy',
+      display: 'Hotels / … / Legacy'
     });
   });
 
   it('counts folders, not separators, so a name holding " / " cannot mis-segment', () => {
     // Three folders, the middle one carrying a separator inside its own name.
     expect(formatBreadcrumb(['Billing', 'A / B', 'Payments'])).toEqual({
       full: 'Billing / A / B / Payments',
-      display: 'Billing / A / B / Payments',
+      display: 'Billing / A / B / Payments'
     });
     // Four folders elide from the ends, however many separators the names hold.
     expect(formatBreadcrumb(['Billing', 'A / B', 'Payments', 'v3'])).toEqual({
       full: 'Billing / A / B / Payments / v3',
-      display: 'Billing / … / v3',
+      display: 'Billing / … / v3'
     });
   });
 });
@@ -222,11 +222,11 @@ describe('collectMethods', () => {
 });
 
 const rec = (over: Partial<RequestSearchRecord>): RequestSearchRecord => ({
-  type: 'request', id: 'id', slug: 's', name: '', method: 'GET', ancestorNames: [], ancestorSlugs: [], url: '', ...over,
+  type: 'request', id: 'id', slug: 's', name: '', method: 'GET', ancestorNames: [], ancestorSlugs: [], url: '', ...over
 });
 
 const folderRec = (over: Partial<FolderSearchRecord>): FolderSearchRecord => ({
-  type: 'folder', id: 'fid', slug: 'f', name: '', ancestorNames: [], ancestorSlugs: [], requestCount: 0, ...over,
+  type: 'folder', id: 'fid', slug: 'f', name: '', ancestorNames: [], ancestorSlugs: [], requestCount: 0, ...over
 });
 
 /** Substrings the reported ranges actually cover, for match-locality assertions. */
@@ -241,7 +241,7 @@ const BILLING: RequestSearchRecord[] = [
   rec({ id: 'invoices', name: 'Get All Invoices', ancestorNames: ['Billing'], url: '{{baseUrl}}/billing/invoices' }),
   rec({ id: 'customers', name: 'Get All Customers', ancestorNames: ['Billing'], url: '{{baseUrl}}/billing/customers' }),
   rec({ id: 'subs', name: 'Get All Subscriptions', ancestorNames: ['Billing'], url: '{{baseUrl}}/billing/subscriptions' }),
-  rec({ id: 'currencies', name: 'Get Currencies', ancestorNames: ['Billing', 'Lookups'], url: '{{baseUrl}}/billing/lookups/currencies' }),
+  rec({ id: 'currencies', name: 'Get Currencies', ancestorNames: ['Billing', 'Lookups'], url: '{{baseUrl}}/billing/lookups/currencies' })
 ];
 
 describe('searchHits - empty & degenerate queries', () => {
@@ -367,7 +367,7 @@ describe('orderFoldersFirst', () => {
       hit(rec({ id: 'r1' })),
       hit(folderRec({ id: 'f1' })),
       hit(rec({ id: 'r2' })),
-      hit(folderRec({ id: 'f2' })),
+      hit(folderRec({ id: 'f2' }))
     ]);
     expect(ordered.map((h) => h.record.id)).toEqual(['f1', 'f2', 'r1', 'r2']);
   });

packages/bruno-api-docs/src/components/Search/searchIndex.ts

@@ -71,14 +71,14 @@ export const buildSearchRecords = (entries: NavEntry[]): SearchRecord[] => {
       records.push({
         type: 'folder',
         ...common,
-        requestCount: countFolderRequests(entry.item as Folder),
+        requestCount: countFolderRequests(entry.item as Folder)
       });
     } else if (entry.type === 'request') {
       records.push({
         type: 'request',
         ...common,
         method: entry.method,
-        url: getRequestUrl(entry.item as never),
+        url: getRequestUrl(entry.item as never)
       });
     }
   }

packages/bruno-api-docs/src/e2eFixtures/foldersCollection.ts

@@ -97,7 +97,7 @@ export const foldersFixtureCollection = {
               name: 'Consolidated Retention and Deletion Policy Configuration',
               type: 'folder',
               seq: 2,
-              items: [],
+              items: []
             },
             {
               name: 'Archive',
@@ -110,12 +110,12 @@ export const foldersFixtureCollection = {
                   name: 'Legacy',
                   type: 'folder',
                   seq: 1,
-                  items: [{ name: 'Snapshots v2', type: 'folder', seq: 1, items: [] }],
-                },
-              ],
-            },
-          ],
-        },
+                  items: [{ name: 'Snapshots v2', type: 'folder', seq: 1, items: [] }]
+                }
+              ]
+            }
+          ]
+        }
       ],
     },
     { name: 'Health Check', type: 'http', seq: 5, method: 'GET', url: '{{host}}/ping' },