Merge pull request #45 from authts/align-biome-config

align biome config

Author: zach-betz-hln

api/biome.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "extends": ["../biome.json"]
+}

api/biome.jsonc

@@ -1,7 +1,12 @@
 {
   "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
   "files": {
-    "ignore": ["dist"]
+    "ignore": ["**/node_modules/**", "**/dist/**"]
   },
   "organizeImports": {
     "enabled": true
@@ -14,7 +19,8 @@
         "noVoid": "off"
       },
       "correctness": {
-        "noNodejsModules": "off"
+        "noNodejsModules": "off",
+        "noUndeclaredDependencies": "off"
       },
       "suspicious": {
         "noConsole": "off",
@@ -31,8 +37,13 @@
   "javascript": {
     "formatter": {
       "quoteStyle": "single",
-      "trailingCommas": "none"
+      "trailingCommas": "all"
     },
     "globals": ["React"]
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
   }
 }

react/biome.jsonc biome.jsonreact/biome.jsonc renamed to biome.json

@@ -1,9 +1,11 @@
 {
   "version": "1.10.0",
   "scripts": {
+    "check": "biome check --write .",
     "toc": "markdown-toc -i README.md"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
     "markdown-toc": "^1.2.0"
   }
 }

package-lock.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "extends": ["../biome.json"]
+}

package.json

@@ -1,9 +1,11 @@
+import type { FC } from 'react';
+
 interface AlertProps {
   variant: 'success' | 'error';
   children: React.ReactNode;
 }
 
-export const Alert: React.FC<AlertProps> = (props) => {
+export const Alert: FC<AlertProps> = (props) => {
   const { variant, children } = props;
 
   let backgroundColor: string | undefined;

react/biome.json

@@ -1,10 +1,11 @@
+import type { FC } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { appRoutes } from '../constants.ts';
 import { Home } from './routes/Home.tsx';
 import { NotFound } from './routes/NotFound.tsx';
 import { Playground } from './routes/Playground/Playground.tsx';
 
-export const App: React.FC = () => {
+export const App: FC = () => {
   return (
     <Routes>
       <Route path={appRoutes.home}>

react/src/components/Alert.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { useAuth } from 'react-oidc-context';
 import { useNavigate } from 'react-router-dom';
 import { appRoutes } from '../constants.ts';
@@ -51,7 +51,7 @@ interface LayoutProps {
   children: ReactNode;
 }
 
-export const Layout: React.FC<LayoutProps> = (props) => {
+export const Layout: FC<LayoutProps> = (props) => {
   const { children } = props;
   const auth = useAuth();
   const navigate = useNavigate();
@@ -62,22 +62,22 @@ export const Layout: React.FC<LayoutProps> = (props) => {
       protected: true,
       action: () => {
         navigate(appRoutes.home);
-      }
+      },
     },
     {
       text: 'Playground',
       protected: true,
       action: () => {
         navigate(appRoutes.playground);
-      }
+      },
     },
     {
       text: 'Logout',
       protected: false,
       action: () => {
         void auth.signoutRedirect();
-      }
-    }
+      },
+    },
   ].filter((item) => {
     return auth.isAuthenticated || !item.protected;
   });

react/src/components/App.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { type ReactNode, useEffect, useState } from 'react';
+import { type FC, type ReactNode, useEffect, useState } from 'react';
 import { hasAuthParams, useAuth } from 'react-oidc-context';
 import { Alert } from './Alert.tsx';
 
@@ -11,7 +11,7 @@ const getMetadata = async (metadataUrl?: string) => {
   try {
     response = await fetch(metadataUrl, {
       mode: 'no-cors',
-      headers: { accept: 'application/jwk-set+json, application/json' }
+      headers: { accept: 'application/jwk-set+json, application/json' },
     });
   } catch {
     throw new Error(`Unable to fetch metadataUrl\n\n${metadataUrl}\n\nPlease confirm your auth server is up`);
@@ -26,13 +26,13 @@ interface ProtectedAppProps {
   children: ReactNode;
 }
 
-export const ProtectedApp: React.FC<ProtectedAppProps> = (props) => {
+export const ProtectedApp: FC<ProtectedAppProps> = (props) => {
   const { children } = props;
 
   const { isPending: metadataIsPending, error: metadataError } = useQuery({
     queryKey: ['getMetadata'],
     retry: false,
-    queryFn: () => getMetadata(auth.settings.metadataUrl)
+    queryFn: () => getMetadata(auth.settings.metadataUrl),
   });
 
   const auth = useAuth();