run prettier

plugins/auth-backend/README.md

@@ -85,8 +85,8 @@ Click [here](https://portal.azure.com/#blade/Microsoft_AAD_IAM/ActiveDirectoryMe
 - Give the app a name. e.g. `backstage-dev`
 - Select `Accounts in this organizational directory only` under supported account types.
 - Enter the callback URL for your backstage backend instance:
-   - For local development, this is likely `http://localhost:7000/auth/microsoft/handler/frame`
-   - For non-local deployments, this will be `https://{APP_FQDN}:{APP_BACKEND_PORT}/auth/microsoft/handler/frame`
+  - For local development, this is likely `http://localhost:7000/auth/microsoft/handler/frame`
+  - For non-local deployments, this will be `https://{APP_FQDN}:{APP_BACKEND_PORT}/auth/microsoft/handler/frame`
 - Click `Register`.
 
 We also need to generate a client secret so Backstage can authenticate as this app.

plugins/auth-backend/src/providers/okta/index.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { createOktaProvider } from './provider'; 
+export { createOktaProvider } from './provider';

plugins/auth-backend/src/providers/okta/types.d.ts

@@ -14,9 +14,7 @@
  * limitations under the License.
  */
 declare module 'passport-okta-oauth' {
-
   export class Strategy {
-    constructor(options: any, verify: any)
+    constructor(options: any, verify: any);
   }
 }
-  

plugins/explore/README.md

@@ -1,4 +1,5 @@
 # Title
+
 Welcome to the explore plugin!
 
 ## Sub-section 1

plugins/explore/src/components/ExploreCard.tsx

@@ -28,7 +28,7 @@ import {
 } from '@material-ui/core';
 import { BackstageTheme } from '@backstage/theme';
 
-const useStyles = makeStyles<BackstageTheme>((theme) => ({
+const useStyles = makeStyles<BackstageTheme>(theme => ({
   card: {
     display: 'flex',
     flexDirection: 'column',

plugins/gcp-projects/dev/index.tsx

@@ -17,6 +17,4 @@
 import { createDevApp } from '@backstage/dev-utils';
 import { plugin } from '../src/plugin';
 
-createDevApp()
-  .registerPlugin(plugin)
-  .render();
+createDevApp().registerPlugin(plugin).render();

plugins/graphiql/src/components/GraphiQLBrowser/GraphiQLBrowser.tsx

@@ -24,7 +24,7 @@ import { BackstageTheme } from '@backstage/theme';
 
 const GraphiQL = React.lazy(() => import('graphiql'));
 
-const useStyles = makeStyles<BackstageTheme>((theme) => ({
+const useStyles = makeStyles<BackstageTheme>(theme => ({
   root: {
     height: '100%',
     display: 'flex',

plugins/lighthouse/src/components/AuditList/AuditListTable.tsx

@@ -31,7 +31,7 @@ const columns: TableColumn[] = [
     title: 'Website URL',
     field: 'websiteUrl',
   },
-  ...CATEGORIES.map((category) => ({
+  ...CATEGORIES.map(category => ({
     title: CATEGORY_LABELS[category],
     field: category,
   })),
@@ -56,7 +56,7 @@ export const AuditListTable: FC<{ items: Website[] }> = ({ items }) => {
   const lighthouseApi = useApi(lighthouseApiRef);
 
   const runRefresh = (websites: Website[]) => {
-    websites.forEach(async (website) => {
+    websites.forEach(async website => {
       const response = await lighthouseApi.getWebsiteForAuditId(
         website.lastAudit.id,
       );
@@ -64,7 +64,7 @@ export const AuditListTable: FC<{ items: Website[] }> = ({ items }) => {
       if (auditStatus === 'COMPLETED' || auditStatus === 'FAILED') {
         const newWebsiteData = websiteState.slice(0);
         newWebsiteData[
-          newWebsiteData.findIndex((w) => w.url === response.url)
+          newWebsiteData.findIndex(w => w.url === response.url)
         ] = response;
         setWebsiteState(newWebsiteData);
       }
@@ -72,7 +72,7 @@ export const AuditListTable: FC<{ items: Website[] }> = ({ items }) => {
   };
 
   const runningWebsiteAudits = websiteState
-    ? websiteState.filter((website) => website.lastAudit.status === 'RUNNING')
+    ? websiteState.filter(website => website.lastAudit.status === 'RUNNING')
     : [];
 
   useInterval(
@@ -80,10 +80,10 @@ export const AuditListTable: FC<{ items: Website[] }> = ({ items }) => {
     runningWebsiteAudits.length > 0 ? 5000 : null,
   );
 
-  const data = websiteState.map((website) => {
+  const data = websiteState.map(website => {
     const trendlineData = buildSparklinesDataForItem(website);
     const trendlines: any = {};
-    CATEGORIES.forEach((category) => {
+    CATEGORIES.forEach(category => {
       trendlines[category] = (
         <TrendLine
           title={`trendline for ${CATEGORY_LABELS[category]} category of ${website.url}`}

plugins/lighthouse/src/components/Intro/index.tsx

@@ -71,7 +71,7 @@ export default builder.build() as ApiHolder;
 \`\`\`
 `;
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
   tabs: { marginBottom: -18 },
   tab: { minWidth: 72, paddingLeft: 1, paddingRight: 1 },
   content: { marginBottom: theme.spacing(2) },

plugins/scaffolder-backend/README.md

@@ -1,4 +1,5 @@
 # Title
+
 Welcome to the scaffolder plugin!
 
 ## Sub-section 1

plugins/scaffolder-backend/src/index.ts

@@ -16,4 +16,3 @@
 
 export * from './scaffolder';
 export * from './service/router';
-

plugins/techdocs/src/api.ts

@@ -42,7 +42,9 @@ export class TechDocsStorageApi implements TechDocsStorage {
   async getEntityDocs(entityId: ParsedEntityId, path: string) {
     const { kind, namespace, name } = entityId;
 
-    const url = `${this.apiOrigin}/${kind}/${namespace ? namespace : 'default'}/${name}/${path}`;
+    const url = `${this.apiOrigin}/${kind}/${
+      namespace ? namespace : 'default'
+    }/${name}/${path}`;
 
     const request = await fetch(
       `${url.endsWith('/') ? url : `${url}/`}index.html`,
@@ -64,7 +66,9 @@ export class TechDocsStorageApi implements TechDocsStorage {
 
     return new URL(
       oldBaseUrl,
-      `${this.apiOrigin}/${kind}/${namespace ? namespace : 'default'}/${name}/${path}`,
+      `${this.apiOrigin}/${kind}/${
+        namespace ? namespace : 'default'
+      }/${name}/${path}`,
     ).toString();
   }
 }

plugins/welcome/README.md

@@ -1,4 +1,5 @@
 # Title
+
 Welcome to the welcome plugin!
 
 ## Sub-section 1