From 537aefb56377f6802598939575c4e72875cb066a Mon Sep 17 00:00:00 2001 From: David Sanders Date: Thu, 12 Dec 2024 10:21:44 -0800 Subject: [PATCH] build: update prettier and eslint-plugin-prettier (#710) --- blog/electron-25-0.md | 2 +- blog/electron-33-0.md | 6 +-- blog/electron-4-0.md | 6 +-- blog/web-preferences-fix.md | 4 +- blog/webview-fix.md | 2 +- docusaurus.config.ts | 2 +- package.json | 4 +- scripts/pre-build.ts | 6 +-- scripts/prepare-i18n-content.ts | 4 +- scripts/tasks/copy-new-content.ts | 2 +- scripts/tasks/create-sidebar.ts | 8 ++-- scripts/tasks/download-docs.ts | 4 +- scripts/tasks/preprocess-api-history.ts | 46 +++++++++---------- scripts/update-crowdin-glossary.ts | 22 ++++----- scripts/update-l10n-sources.ts | 4 +- scripts/utils/execute.ts | 2 +- src/components/ApiHistoryTable.tsx | 4 +- src/pages/fiddle/index.tsx | 4 +- src/pages/home/_components/AppsGrid.tsx | 2 +- src/pages/home/_components/InstallSteps.tsx | 8 ++-- .../home/_components/TechnologiesGrid.tsx | 2 +- src/plugins/README.md | 2 +- src/plugins/apps/components/AppCard.tsx | 2 +- src/plugins/apps/components/index.tsx | 22 ++++----- src/plugins/apps/index.ts | 8 ++-- src/plugins/fiddle/index.ts | 2 +- src/plugins/governance/components/index.tsx | 6 +-- src/plugins/governance/fetch-data.ts | 6 +-- src/plugins/governance/index.ts | 2 +- src/plugins/releases/index.ts | 6 +-- src/theme/DocSidebarItem/Link/index.tsx | 4 +- src/transformers/api-history.ts | 18 ++++---- src/transformers/api-structure-previews.ts | 18 ++++---- src/transformers/fiddle-embedder.ts | 10 ++-- src/transformers/js-code-blocks.ts | 2 +- src/util/cleanHeadings.ts | 2 +- yarn.lock | 35 ++++++++++---- 37 files changed, 154 insertions(+), 135 deletions(-) diff --git a/blog/electron-25-0.md b/blog/electron-25-0.md index 6882a82ac..64c250706 100644 --- a/blog/electron-25-0.md +++ b/blog/electron-25-0.md @@ -55,7 +55,7 @@ protocol.registerBufferProtocol('some-protocol', () => { protocol.handle('some-protocol', () => { return new Response( Buffer.from('
Response
'), // Could also be a string or ReadableStream. - { headers: { 'content-type': 'text/html' } } + { headers: { 'content-type': 'text/html' } }, ); }); ``` diff --git a/blog/electron-33-0.md b/blog/electron-33-0.md index 63101cb14..d25d60ce0 100644 --- a/blog/electron-33-0.md +++ b/blog/electron-33-0.md @@ -67,7 +67,7 @@ protocol.registerFileProtocol('other', () => { const mainWindow = new BrowserWindow(); mainWindow.loadURL( 'data:text/html,', - { baseURLForDataURL: 'other://C:\\myapp' } + { baseURLForDataURL: 'other://C:\\myapp' }, ); mainWindow.loadURL('other://C:\\myapp\\index.html'); @@ -78,13 +78,13 @@ protocol.handle(other, (req) => { const srcPath = 'C:\\myapp\\'; const reqURL = new URL(req.url); return net.fetch( - nodeUrl.pathToFileURL(path.join(srcPath, reqURL.pathname)).toString() + nodeUrl.pathToFileURL(path.join(srcPath, reqURL.pathname)).toString(), ); }); mainWindow.loadURL( 'data:text/html,', - { baseURLForDataURL: 'other://' } + { baseURLForDataURL: 'other://' }, ); mainWindow.loadURL('other://index.html'); ``` diff --git a/blog/electron-4-0.md b/blog/electron-4-0.md index 0d2b5e3a9..72905acb2 100644 --- a/blog/electron-4-0.md +++ b/blog/electron-4-0.md @@ -54,7 +54,7 @@ browserWin.webContents.on( 'remote-require', function (event, requestedModuleName) { // ... - } + }, ); ``` @@ -66,7 +66,7 @@ app.on( 'remote-get-global', function (event, webContents, requrestedGlobalName) { // ... - } + }, ); // Control `remote.getGlobal` from a specific WebContents instance: @@ -74,7 +74,7 @@ browserWin.webContents.on( 'remote-get-global', function (event, requestedGlobalName) { // ... - } + }, ); ``` diff --git a/blog/web-preferences-fix.md b/blog/web-preferences-fix.md index 92cec92f8..cf49b2425 100644 --- a/blog/web-preferences-fix.md +++ b/blog/web-preferences-fix.md @@ -46,12 +46,12 @@ const enforceInheritance = (topWebContents) => { } Object.assign( options.webPreferences, - topWebContents.getLastWebPreferences() + topWebContents.getLastWebPreferences(), ); if (options.webContents) { handle(options.webContents); } - } + }, ); }; handle(topWebContents); diff --git a/blog/webview-fix.md b/blog/webview-fix.md index 889d6babc..944176e5a 100644 --- a/blog/webview-fix.md +++ b/blog/webview-fix.md @@ -39,7 +39,7 @@ app.on('web-contents-created', (event, win) => { options.webPreferences.nodeIntegrationInWorker = false; options.webPreferences.webviewTag = false; delete options.webPreferences.preload; - } + }, ); }); diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 7630d1591..caf917527 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -24,7 +24,7 @@ let docsSHA = undefined; try { docsSHA = fs.readFileSync( path.resolve(__dirname, './docs/latest/.sha'), - 'utf-8' + 'utf-8', ); } catch { logger.warn('No .sha file found in docs/latest directory'); diff --git a/package.json b/package.json index c395671ef..fadd0b635 100644 --- a/package.json +++ b/package.json @@ -72,7 +72,7 @@ "dotenv": "^16.0.3", "eslint": "^8.29.0", "eslint-config-prettier": "^8.3.0", - "eslint-plugin-prettier": "^4.0.0", + "eslint-plugin-prettier": "^5.2.1", "eslint-plugin-react": "^7.28.0", "execa": "^5.0.0", "globby": "^11.0.3", @@ -92,7 +92,7 @@ "mdast-util-mdx": "^3.0.0", "mdast-util-to-hast": "^13.2.0", "mdast-util-to-string": "^4.0.0", - "prettier": "^2.8.0", + "prettier": "^3.4.2", "remark": "^15.0.0", "remark-gfm": "^4.0.0", "tar-stream": "^2.2.0", diff --git a/scripts/pre-build.ts b/scripts/pre-build.ts index 0c45ad953..8aab7693f 100644 --- a/scripts/pre-build.ts +++ b/scripts/pre-build.ts @@ -37,10 +37,10 @@ const start = async (source: string): Promise => { const stableBranch = version.replace(/\.\d+\.\d+/, '-x-y'); logger.info( `Fetching ${logger.green( - `electron` + `electron`, )} information from npm: \n\t Latest version: ${logger.green( - version - )} \n\t Stable branch: ${logger.green(stableBranch)}` + version, + )} \n\t Stable branch: ${logger.green(stableBranch)}`, ); const target = source || stableBranch; diff --git a/scripts/prepare-i18n-content.ts b/scripts/prepare-i18n-content.ts index 2249116f8..b4ccd81e7 100644 --- a/scripts/prepare-i18n-content.ts +++ b/scripts/prepare-i18n-content.ts @@ -22,7 +22,7 @@ const start = async () => { 'i18n', locale, 'docusaurus-plugin-content-docs', - 'current' + 'current', ); const staticResources = ['fiddles', 'images']; @@ -31,7 +31,7 @@ const start = async () => { await fs.cp( path.join(DOCS_FOLDER, staticResource), path.join(localeDocs, 'latest', staticResource), - { recursive: true } + { recursive: true }, ); } diff --git a/scripts/tasks/copy-new-content.ts b/scripts/tasks/copy-new-content.ts index 04b22e65c..ab51ff057 100644 --- a/scripts/tasks/copy-new-content.ts +++ b/scripts/tasks/copy-new-content.ts @@ -11,7 +11,7 @@ export const copyNewContent = async (destination: string) => { for (const [source, target] of newContent) { await fs.copyFile( path.join(__dirname, source), - path.join(destination, target) + path.join(destination, target), ); } }; diff --git a/scripts/tasks/create-sidebar.ts b/scripts/tasks/create-sidebar.ts index f29b253bc..5cd35ef2a 100644 --- a/scripts/tasks/create-sidebar.ts +++ b/scripts/tasks/create-sidebar.ts @@ -48,7 +48,7 @@ const capitalize = (title: string) => { const findCategoryForDocument = ( categoryName: string, sidebars: Sidebars, - defaultTopLevel: string + defaultTopLevel: string, ) => { const topLevelIds = Object.keys(sidebars); @@ -160,7 +160,7 @@ export const createSidebar = async (root: string, destination: string) => { const category = findCategoryForDocument( categoryId, sidebars, - defaultTopLevel + defaultTopLevel, ); category.items.push(document.replace('.md', '')); @@ -172,11 +172,11 @@ export const createSidebar = async (root: string, destination: string) => { // run it through our linter const prettierConfig = await prettier.resolveConfig( - path.resolve(__dirname, '..', '..', '.prettierrc') + path.resolve(__dirname, '..', '..', '.prettierrc'), ); const formattedSidebarString = await prettier.format( sidebarString, - prettierConfig + prettierConfig, ); fs.writeFileSync(destination, formattedSidebarString, 'utf-8'); diff --git a/scripts/tasks/download-docs.ts b/scripts/tasks/download-docs.ts index 734f6dfa6..62e421ee7 100644 --- a/scripts/tasks/download-docs.ts +++ b/scripts/tasks/download-docs.ts @@ -65,7 +65,7 @@ const saveContents = async (files: Entry[], destination: string) => { * @param options */ const downloadFromGitHub = async ( - options: DownloadOptions + options: DownloadOptions, ): Promise => { const { org, repository, target, downloadMatch = '' } = options; @@ -109,7 +109,7 @@ const downloadFromGitHub = async ( }) .on('finish', () => { resolve(contents); - }) + }), ); }); }); diff --git a/scripts/tasks/preprocess-api-history.ts b/scripts/tasks/preprocess-api-history.ts index 710ec7bde..9f0dc8b49 100644 --- a/scripts/tasks/preprocess-api-history.ts +++ b/scripts/tasks/preprocess-api-history.ts @@ -56,7 +56,7 @@ function findPossibleApiHistoryBlocks(tree: Root) { (node as LiteralString).value.toLowerCase().includes('history'), (node) => { codeBlocks.push(node as Html); - } + }, ); return codeBlocks; @@ -65,7 +65,7 @@ function findPossibleApiHistoryBlocks(tree: Root) { function findValidApiHistoryBlocks( possibleHistoryBlocks: Html[], filePath: string, - validateAgainstSchema?: ValidateFunction + validateAgainstSchema?: ValidateFunction, ) { const validHistoryBlocks: Html[] = []; @@ -79,8 +79,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Error parsing possible history block (found null/undefined htmlComment) in ${logger.green( - filePath - )}` + filePath, + )}`, ); continue; } @@ -89,8 +89,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Possible API History block is not in a HTML comment (${logger.green( - filePath - )})` + filePath, + )})`, ); continue; } @@ -103,8 +103,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Error parsing possible history block (found null/undefined codeBlock) in ${logger.green( - filePath - )}` + filePath, + )}`, ); continue; } @@ -117,8 +117,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Error parsing possible history block (codeBlock wasn't code, yaml, or history) in ${logger.green( - filePath - )}` + filePath, + )}`, ); continue; } @@ -131,8 +131,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Error parsing YAML in possible history block (${logger.green( - filePath - )})` + filePath, + )})`, ); continue; } @@ -144,8 +144,8 @@ function findValidApiHistoryBlocks( hasWarned = true; logger.warn( `(Skipping block) Error validating YAML in possible history block (${logger.green( - filePath - )})` + filePath, + )})`, ); continue; } @@ -166,12 +166,12 @@ export const preprocessApiHistory = async (startPath: string) => { const ajv = new Ajv(); const ApiHistorySchemaFile = await readFile(schema, 'utf-8'); const ApiHistorySchema = JSON.parse( - ApiHistorySchemaFile + ApiHistorySchemaFile, ) as JSONSchemaType; validateAgainstSchema = ajv.compile(ApiHistorySchema); } catch (error) { logger.warn( - `Error reading API history schema, continuing without schema validation:\n${error}` + `Error reading API history schema, continuing without schema validation:\n${error}`, ); } @@ -185,7 +185,7 @@ export const preprocessApiHistory = async (startPath: string) => { const validHistoryBlocks = findValidApiHistoryBlocks( possibleHistoryBlocks, filePath, - validateAgainstSchema + validateAgainstSchema, ); if (validHistoryBlocks.length === 0) continue; @@ -202,8 +202,8 @@ export const preprocessApiHistory = async (startPath: string) => { hasWarned = true; logger.warn( `(Skipping block) Error extracting the API history block inside HTML comment in ${logger.green( - filePath - )}` + filePath, + )}`, ); continue; } @@ -217,18 +217,18 @@ export const preprocessApiHistory = async (startPath: string) => { hasWarned = true; logger.warn( `(Skipping block) Error getting the start and end position of the API history block in ${logger.green( - filePath - )}` + filePath, + )}`, ); continue; } const start = newContent.substring( 0, - validHistoryBlock.position.start.offset + fileLengthDifference + validHistoryBlock.position.start.offset + fileLengthDifference, ); const end = newContent.substring( - validHistoryBlock.position.end.offset + fileLengthDifference + validHistoryBlock.position.end.offset + fileLengthDifference, ); // Stripping the HTML comment tags of a history block will offset the position of the next history block diff --git a/scripts/update-crowdin-glossary.ts b/scripts/update-crowdin-glossary.ts index 2e735edac..3d31462fa 100644 --- a/scripts/update-crowdin-glossary.ts +++ b/scripts/update-crowdin-glossary.ts @@ -32,7 +32,7 @@ function isClass( | ModuleDocumentationContainer | ClassDocumentationContainer | StructureDocumentationContainer - | ElementDocumentationContainer + | ElementDocumentationContainer, ): api is ClassDocumentationContainer { return api.type === 'Class'; } @@ -46,7 +46,7 @@ function collectGlobals() { if (Object.keys(glossary.entries).includes(term)) return; glossary.set( term, - 'This is a JavaScript built-in and should usually not be translated.' + 'This is a JavaScript built-in and should usually not be translated.', ); } } @@ -63,7 +63,7 @@ async function collectElectronAPI() { for (const api of apis) { glossary.set( api.name, - `This is an Electron ${api.type} and should usually not be translated.` + `This is an Electron ${api.type} and should usually not be translated.`, ); } @@ -76,7 +76,7 @@ async function collectElectronAPI() { if (Object.keys(glossary.entries).includes(term)) continue; glossary.set( term, - 'This is an Electron instance method and should usually not be translated.' + 'This is an Electron instance method and should usually not be translated.', ); } @@ -86,7 +86,7 @@ async function collectElectronAPI() { if (Object.keys(glossary.entries).includes(term)) continue; glossary.set( term, - 'This is an Electron instance property and should usually not be translated.' + 'This is an Electron instance property and should usually not be translated.', ); } @@ -104,7 +104,7 @@ async function collectElectronAPI() { } glossary.set( term, - 'This is an Electron instance event and should usually not be translated.' + 'This is an Electron instance event and should usually not be translated.', ); } } @@ -146,11 +146,11 @@ async function main() { await collectElectronGlossary(); logger.info( - `There are ${logger.green(glossary.size)} glossary entries to upload` + `There are ${logger.green(glossary.size)} glossary entries to upload`, ); assert( glossary.size > 500, - 'There should be at least 500 values in the Electron glossary' + 'There should be at least 500 values in the Electron glossary', ); logger.info('Converting glossary to CSV format'); const csv = convertToCSV(Array.from(glossary)); @@ -160,7 +160,7 @@ async function main() { if (!process.env.CROWDIN_PERSONAL_TOKEN) { logger.error( - `Missing ${logger.red('CROWDIN_PERSONAL_TOKEN')} environment variable` + `Missing ${logger.red('CROWDIN_PERSONAL_TOKEN')} environment variable`, ); } const glossaries = new Glossaries({ @@ -175,7 +175,7 @@ async function main() { logger.info('Uploading glossary.csv to Crowdin server storage'); const response = await uploadStorage.addStorage( `glossary-${Date.now()}.csv`, - csv + csv, ); const { id } = response.data; @@ -189,7 +189,7 @@ async function main() { }, }); logger.info( - `✨ Done! See https://crowdin.com/resources/glossaries/${GLOSSARY_ID} for output.` + `✨ Done! See https://crowdin.com/resources/glossaries/${GLOSSARY_ID} for output.`, ); } else { logger.info('Dry run triggered, logging CSV output'); diff --git a/scripts/update-l10n-sources.ts b/scripts/update-l10n-sources.ts index b0da91b06..e36f7d646 100644 --- a/scripts/update-l10n-sources.ts +++ b/scripts/update-l10n-sources.ts @@ -31,8 +31,8 @@ ${files.join('\n')}`); if (localeModified) { logger.error( logger.red( - 'Contents in "/i18n/en/" have been modified. Please add the changes to your commit' - ) + 'Contents in "/i18n/en/" have been modified. Please add the changes to your commit', + ), ); process.exit(1); } diff --git a/scripts/utils/execute.ts b/scripts/utils/execute.ts index 783f2d282..87585c3f8 100644 --- a/scripts/utils/execute.ts +++ b/scripts/utils/execute.ts @@ -64,7 +64,7 @@ export const execute = (command: string, options?: Options) => { console.log( `${options && options.cwd ? options.cwd : process.cwd()}${ path.sep - }${command}` + }${command}`, ); const args = command.split(' '); diff --git a/src/components/ApiHistoryTable.tsx b/src/components/ApiHistoryTable.tsx index f5135a00c..1e4b49b1c 100644 --- a/src/components/ApiHistoryTable.tsx +++ b/src/components/ApiHistoryTable.tsx @@ -24,7 +24,7 @@ interface ApiHistoryTableProps { function generateTableRow( prReleaseVersions: PrReleaseVersions | undefined, type: Change, - change: NonNullable[0] + change: NonNullable[0], ) { const key = change['pr-url'] + '-' + type; @@ -103,7 +103,7 @@ const ApiHistoryTable = (props: ApiHistoryTableProps) => { const apiHistory = JSON.parse(apiHistoryJson) as ApiHistory; const prReleaseVersions = JSON.parse( - prReleaseVersionsJson + prReleaseVersionsJson, ) as PrReleaseVersionsContainer; // ? Maybe this is too much abstraction? diff --git a/src/pages/fiddle/index.tsx b/src/pages/fiddle/index.tsx index c0f4efd3e..ce3906749 100644 --- a/src/pages/fiddle/index.tsx +++ b/src/pages/fiddle/index.tsx @@ -93,7 +93,7 @@ export default function FiddlePage() { key={format} className={clsx( styles.responsiveButtonGroup, - 'button--sm margin-bottom--md' + 'button--sm margin-bottom--md', )} > {Object.entries(archmap).map(([arch, link]) => ( @@ -339,7 +339,7 @@ export default function FiddlePage() { ))} - ) + ), )} diff --git a/src/pages/home/_components/AppsGrid.tsx b/src/pages/home/_components/AppsGrid.tsx index b7384750f..cf5aa31c1 100644 --- a/src/pages/home/_components/AppsGrid.tsx +++ b/src/pages/home/_components/AppsGrid.tsx @@ -32,7 +32,7 @@ export default function AppsGrid({ list }: AppsGridProps) { className={clsx( 'avatar__photo', styles.appLogo, - isDarkTheme && item.isMonochrome && styles.darkModeInvert + isDarkTheme && item.isMonochrome && styles.darkModeInvert, )} src={item.image} alt={''} diff --git a/src/pages/home/_components/InstallSteps.tsx b/src/pages/home/_components/InstallSteps.tsx index 713d2052e..58b50a4eb 100644 --- a/src/pages/home/_components/InstallSteps.tsx +++ b/src/pages/home/_components/InstallSteps.tsx @@ -9,7 +9,7 @@ import { ReleasesPluginContent } from '../../../plugins/releases'; export default function InstallSteps() { const [channel, setChannel] = useState('stable'); const { stable, prerelease, nightly } = usePluginData( - 'releases-plugin' + 'releases-plugin', ) as ReleasesPluginContent; const releaseInfo = { stable: { @@ -43,7 +43,7 @@ export default function InstallSteps() {
  • setChannel('stable')} > @@ -52,7 +52,7 @@ export default function InstallSteps() {
  • setChannel('prerelease')} > @@ -61,7 +61,7 @@ export default function InstallSteps() {
  • setChannel('nightly')} > diff --git a/src/pages/home/_components/TechnologiesGrid.tsx b/src/pages/home/_components/TechnologiesGrid.tsx index f07421898..0f87f9c50 100644 --- a/src/pages/home/_components/TechnologiesGrid.tsx +++ b/src/pages/home/_components/TechnologiesGrid.tsx @@ -27,7 +27,7 @@ export default function TechnologiesGrid({ list }: TechnologiesGridProps) { className={clsx( 'avatar__photo avatar__photo--sm', styles.techImage, - isDarkTheme && item.isMonochrome && styles.darkModeInvert + isDarkTheme && item.isMonochrome && styles.darkModeInvert, )} src={item.image} alt="" diff --git a/src/plugins/README.md b/src/plugins/README.md index 8a8563f74..41c4a60cb 100644 --- a/src/plugins/README.md +++ b/src/plugins/README.md @@ -47,7 +47,7 @@ module.exports = function myPlugin() { // saves to the `.docusaurus/` cache. const myFile = await actions.createData( `my-file.json`, - JSON.stringify(content) // content from above + JSON.stringify(content), // content from above ); // adds the page as a route actions.addRoute({ diff --git a/src/plugins/apps/components/AppCard.tsx b/src/plugins/apps/components/AppCard.tsx index 4a8c076c9..45498dbbe 100644 --- a/src/plugins/apps/components/AppCard.tsx +++ b/src/plugins/apps/components/AppCard.tsx @@ -21,7 +21,7 @@ export default function AppCard({ className={clsx( styles.appCard, 'card shadow--md', - isFavorite && styles.appCardFav + isFavorite && styles.appCardFav, )} >
    diff --git a/src/plugins/apps/components/index.tsx b/src/plugins/apps/components/index.tsx index 21f9cae0b..fd1c0775b 100644 --- a/src/plugins/apps/components/index.tsx +++ b/src/plugins/apps/components/index.tsx @@ -42,7 +42,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { className={clsx( 'dropdown__link', activeSort === sort && 'dropdown__link--active', - styles.sortDropdownItem + styles.sortDropdownItem, )} onClick={() => setActiveSort(sort)} > @@ -59,7 +59,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { className={clsx( 'pills__item', styles.pillFilter, - activeCategory && activeCategory[0] === name && 'pills__item--active' + activeCategory && activeCategory[0] === name && 'pills__item--active', )} onClick={() => setActiveCategory(filter)} > @@ -81,7 +81,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { styles.dropdownFilterItem, Array.isArray(activeCategory) && activeCategory[0] === name && - 'dropdown__link--active' + 'dropdown__link--active', )} onClick={() => setActiveCategory(filter)} > @@ -96,7 +96,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { const currentFavs = sortedApps.filter( (app) => app.isFavorite && - (!Array.isArray(activeCategory) || app.category === activeCategory[0]) + (!Array.isArray(activeCategory) || app.category === activeCategory[0]), ); return ( @@ -112,7 +112,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { className={clsx( 'container', 'margin-bottom--sm', - styles.sortAndSearchContainer + styles.sortAndSearchContainer, )} >
    @@ -139,7 +139,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) { className={clsx( 'pills__item', styles.pillFilter, - activeCategory === null && 'pills__item--active' + activeCategory === null && 'pills__item--active', )} onClick={() => setActiveCategory(null)} > @@ -152,7 +152,7 @@ export default function AppsPage({ apps, categories }: AppsPluginContent) {