chore(*): Setup flat eslint/prettier rule and workflows

Author: Ehesp

.github/workflows/lint.yaml

@@ -0,0 +1,37 @@
+name: Lint and Format Check
+
+on:
+  push:
+    branches:
+      - "**"
+  pull_request:
+    branches:
+      - "**"
+
+jobs:
+  lint:
+    name: Lint and Format Check
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+            
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        
+      - name: Run ESLint
+        run: pnpm run lint:check
+        
+      - name: Run Prettier check
+        run: pnpm run format:check

eslint.config.js

@@ -0,0 +1,66 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import js from "@eslint/js";
+import { globalIgnores } from "eslint/config";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import pluginPrettier from "eslint-plugin-prettier";
+import pluginReact from "eslint-plugin-react";
+import pluginReactHooks from "eslint-plugin-react-hooks";
+
+const config: any[] = [
+  globalIgnores([
+    "**/dist/**",
+    "**/node_modules/**",
+    "**/build/**",
+    "**/.next/**",
+    "**/.angular/**",
+    "**/releases/**",
+    "packages/styles/dist.css",
+    "packages/angular/**",
+  ]),
+  ...tseslint.configs.recommended,
+  {
+    // All TypeScript files
+    files: ["**/*.ts", "**/*.tsx"],
+    plugins: { js, prettier: pluginPrettier },
+    languageOptions: { globals: { ...globals.browser, ...globals.node } },
+    rules: {
+      "prettier/prettier": "error",
+      "arrow-body-style": "off",
+      "prefer-arrow-callback": "off",
+    },
+  },
+  {
+    // React package specific rules
+    files: ["packages/react/src/**/*.{ts,tsx}"],
+    plugins: { react: pluginReact, "react-hooks": pluginReactHooks },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+    rules: {
+      ...pluginReact.configs.recommended.rules,
+      ...pluginReactHooks.configs.recommended.rules,
+      "react/react-in-jsx-scope": "off", // Not needed with React 17+
+    },
+  },
+  {
+    // Test files - more lenient rules
+    files: ["**/*.test.{ts,tsx}", "**/*.spec.{ts,tsx}", "**/tests/**/*.{ts,tsx}"],
+    rules: {
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+    },
+  },
+];
+
+export default config;

eslint.config.ts

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { bootstrapApplication } from "@angular/platform-browser";
+import { bootstrapApplication, BootstrapContext } from "@angular/platform-browser";
 import { AppComponent } from "./app/app.component";
 import { config } from "./app/app.config.server";
 
-const bootstrap = (context: any) => bootstrapApplication(AppComponent, config, context);
+const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
 
 export default bootstrap;

examples/angular/src/main.server.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Copyright 2025 Google LLC
  *

examples/angular/src/test-setup.ts

@@ -18,15 +18,16 @@
 
 import { NavLink } from "react-router";
 import { useUser } from "../firebase/hooks";
-import { signOut, type User } from "firebase/auth";
+import { signOut } from "firebase/auth";
 import { auth } from "../firebase/firebase";
 
 export function Header() {
   const user = useUser();
 
   async function onSignOut() {
     await signOut(auth);
-    router.push("/sign-in");
+    // TODO: Use the router instead of window.location.href
+    window.location.href = "/";
   }
 
   return (

examples/react/src/components/header.tsx

@@ -27,9 +27,12 @@ export const auth = getAuth(firebaseApp);
 
 export const ui = initializeUI({
   app: firebaseApp,
-  behaviors: [autoAnonymousLogin(), oneTapSignIn({
-    clientId: '200312857118-lscdui98fkaq7ffr81446blafjn5o6r0.apps.googleusercontent.com',
-  })],
+  behaviors: [
+    autoAnonymousLogin(),
+    oneTapSignIn({
+      clientId: "200312857118-lscdui98fkaq7ffr81446blafjn5o6r0.apps.googleusercontent.com",
+    }),
+  ],
 });
 
 if (import.meta.env.MODE === "development") {

examples/react/src/firebase/firebase.ts

@@ -9,10 +9,9 @@
     "build:translations": "pnpm --filter=@firebase-ui/translations run build",
     "build:react": "pnpm --filter=@firebase-ui/react run build",
     "build:angular": "pnpm --filter=@firebase-ui/angular run build",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "lint:check": "eslint",
+    "format:check": "prettier --check **/{src,tests}/**/*.{ts,tsx}",
+    "format:write": "prettier --write **/{src,tests}/**/*.{ts,tsx}",
     "test": "pnpm run test:core && pnpm run test:react && pnpm run test:angular && pnpm run test:translations && pnpm run test:styles",
     "test:core": "pnpm --filter=@firebase-ui/core run test",
     "test:react": "pnpm --filter=@firebase-ui/react run test",
@@ -37,19 +36,14 @@
     "release:all": "pnpm i && pnpm run release:core && pnpm run release:translations && pnpm run release:react && pnpm run release:styles && pnpm run release:angular"
   },
   "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@typescript-eslint/eslint-plugin": "^8.43.0",
-    "@typescript-eslint/parser": "^8.43.0",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "@eslint/css": "^0.11.1",
+    "@eslint/js": "^9.35.0",
+    "eslint": "catalog:",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.4.0",
     "prettier": "^3.1.1",
-    "rimraf": "^6.0.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.2.3",
-    "vite-tsconfig-paths": "^5.0.1"
+    "typescript-eslint": "^8.45.0"
   }
 }

package.json

@@ -20,7 +20,13 @@ import { injectForm, TanStackField } from "@tanstack/angular-form";
 import { FirebaseUI } from "../../../provider";
 import { ButtonComponent } from "../../../components/button/button.component";
 import { TermsAndPrivacyComponent } from "../../../components/terms-and-privacy/terms-and-privacy.component";
-import { createEmailFormSchema, EmailFormSchema, FirebaseUIConfiguration, FirebaseUIError, signInWithEmailAndPassword } from "@firebase-ui/core";
+import {
+  createEmailFormSchema,
+  EmailFormSchema,
+  FirebaseUIConfiguration,
+  FirebaseUIError,
+  signInWithEmailAndPassword,
+} from "@firebase-ui/core";
 import { firstValueFrom } from "rxjs";
 import { Router } from "@angular/router";