feat(*): Added updated dependencies for Invertase packages

Author: dackers86

.gitignore

@@ -14,6 +14,7 @@ dist-ssr
 
 # Angular
 .angular
+.firebase
 
 # Next.js
 .next

README.md

@@ -22,10 +22,10 @@ Packages have been created for both `React` and `Angular`. For now, they're only
 ```json
 {
   "dependencies": {
-    "@firebase-ui/react": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-react-0.0.1.tgz",
-    "@firebase-ui/core": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-core-0.0.1.tgz",
-    "@firebase-ui/styles": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-styles-0.0.1.tgz",
-    "@firebase-ui/translations": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-translations-0.0.1.tgz"
+    "@invertase/firebaseui-react": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-react-0.0.1.tgz",
+    "@invertase/firebaseui-core": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-core-0.0.1.tgz",
+    "@invertase/firebaseui-styles": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-styles-0.0.1.tgz",
+    "@invertase/firebaseui-translations": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-translations-0.0.1.tgz"
   }
 }
 ```
@@ -41,10 +41,10 @@ FirebaseUI for Angular depends on the [AngularFire](https://github.com/angular/a
 {
   "dependencies": {
     "@angular/fire": "^19.1.0",
-    "@firebase-ui/angular": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-angular-0.0.1.tgz",
-    "@firebase-ui/core": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-core-0.0.1.tgz",
-    "@firebase-ui/styles": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-styles-0.0.1.tgz",
-    "@firebase-ui/translations": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-translations-0.0.1.tgz"
+    "@invertase/firebaseui-angular": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-angular-0.0.1.tgz",
+    "@invertase/firebaseui-core": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-core-0.0.1.tgz",
+    "@invertase/firebaseui-styles": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-styles-0.0.1.tgz",
+    "@invertase/firebaseui-translations": "https://github.com/firebase/firebaseui-web/raw/refs/heads/v7-alpha/releases/firebase-ui-translations-0.0.1.tgz"
   }
 }
 ```
@@ -63,10 +63,10 @@ import { initializeApp } from 'firebase/app';
 const app = initializeApp({ ... });
 ```
 
-Next, setup and configure FirebaseUI, import the `initializeUI` function from `@firebase-ui/core`:
+Next, setup and configure FirebaseUI, import the `initializeUI` function from `@invertase/firebaseui-core`:
 
 ```ts
-import { initializeUI } from "@firebase-ui/core";
+import { initializeUI } from "@invertase/firebaseui-core";
 
 const ui = initializeUI();
 ```
@@ -82,8 +82,8 @@ FirebaseUI for React requires that your application be wrapped in the `ConfigPro
 
 ```tsx
 import { initializeApp } from 'firebase/app';
-import { initializeUI } from "@firebase-ui/core";
-import { ConfigProvider } from '@firebase-ui/react';
+import { initializeUI } from "@invertase/firebaseui-core";
+import { ConfigProvider } from '@invertase/firebaseui-react';
 
 const app = initializeApp({ .. });
 const ui = initializeUI({ app });
@@ -107,8 +107,8 @@ FirebaseUI depends on [AngularFire](https://github.com/angular/angularfire) bein
 ```tsx
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import { provideAuth, getAuth } from '@angular/fire/auth';
-import { provideFirebaseUI } from '@firebase-ui/angular';
-import { initializeUI } from '@firebase-ui/core';
+import { provideFirebaseUI } from '@invertase/firebaseui-angular';
+import { initializeUI } from '@invertase/firebaseui-core';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -127,17 +127,17 @@ export const appConfig: ApplicationConfig = {
 
 Next, import the CSS styles for the FirebaseUI project.
 
-If you are using [TailwindCSS](https://tailwindcss.com/), import the base CSS from the `@firebase-ui/styles` package after your Tailwind import:
+If you are using [TailwindCSS](https://tailwindcss.com/), import the base CSS from the `@invertase/firebaseui-styles` package after your Tailwind import:
 
 ```css
 @import "tailwindcss";
-@import "@firebase-ui/styles/tailwind";
+@import "@invertase/firebaseui-styles/tailwind";
 ```
 
 If you are not using Tailwind, import the distributable CSS in your project:
 
 ```css
-@import "@firebase-ui/styles";
+@import "@invertase/firebaseui-styles";
 ```
 
 To learn more about theming, view the [theming](#theming) section.
@@ -154,7 +154,7 @@ Allows users to sign in with an email and password:
   <summary>React</summary>
 
 ```tsx
-import { SignInAuthScreen } from "@firebase-ui/react";
+import { SignInAuthScreen } from "@invertase/firebaseui-react";
 
 function App() {
   return <SignInAuthScreen />;
@@ -166,7 +166,7 @@ Props: `onForgotPasswordClick` / `onRegisterClick`
 Additionally, allow the user to sign in with an OAuth provider by providing children:
 
 ```tsx
-import { SignInAuthScreen, GoogleSignInButton } from "@firebase-ui/react";
+import { SignInAuthScreen, GoogleSignInButton } from "@invertase/firebaseui-react";
 
 function App() {
   return (
@@ -183,7 +183,7 @@ function App() {
   <summary>Angular</summary>
 
 ```tsx
-import { SignUpAuthScreenComponent } from "@firebase-ui/angular";
+import { SignUpAuthScreenComponent } from "@invertase/firebaseui-angular";
 
 @Component({
   selector: "app-root",
@@ -257,7 +257,7 @@ The default values are based on the [TailwindCSS](https://tailwindcss.com/docs/t
 
 ## FirebaseUI Core Integration
 
-`@firebase-ui/core` is a framework-agnostic layer that manages the complete lifecycle of Firebase Authentication flows. It exposes a reactive store via nanostores that can be wrapped and adapted into any JavaScript framework such as React, Angular, Vue, Svelte, or SolidJS to name a few.
+`@invertase/firebaseui-core` is a framework-agnostic layer that manages the complete lifecycle of Firebase Authentication flows. It exposes a reactive store via nanostores that can be wrapped and adapted into any JavaScript framework such as React, Angular, Vue, Svelte, or SolidJS to name a few.
 
 ### What FirebaseUI Core Provides
 
@@ -278,7 +278,7 @@ The default values are based on the [TailwindCSS](https://tailwindcss.com/docs/t
 Call initializeUI() with your Firebase app and configuration options:
 
 ```js
-import { initializeUI } from '@firebase-ui/core';
+import { initializeUI } from '@invertase/firebaseui-core';
 
 const ui = initializeUI({
   app: firebaseApp,
@@ -459,7 +459,7 @@ uiStore.subscribe((ui) => {
 You can pass one or more translations to support localized strings.
 
 ```js
-import { english } from "@firebase-ui/translations";
+import { english } from "@invertase/firebaseui-translations";
 
 initializeUI({
   app,
@@ -484,7 +484,7 @@ const customFr = {
 To use a string at runtime (e.g., in an error message):
 
 ```js
-import { getTranslation } from "@firebase-ui/core";
+import { getTranslation } from "@invertase/firebaseui-core";
 
 const message = getTranslation(config, "errors", "unknownError");
 ```
@@ -507,7 +507,7 @@ Validates a sign-in or sign-up form using email and password.
 - _password_: Must be at least 8 characters.
 
 ```js
-import { createEmailFormSchema } from "@firebase-ui/core";
+import { createEmailFormSchema } from "@invertase/firebaseui-core";
 
 const schema = createEmailFormSchema(translations);
 ```

examples/angular/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "fir-ui-2025"
+  }
+}

examples/angular/.gitignore

@@ -36,6 +36,7 @@ yarn-error.log
 /libpeerconnection.log
 testem.log
 /typings
+.firebase
 
 # System files
 .DS_Store

examples/angular/firebase.json

@@ -0,0 +1,7 @@
+{
+  "hosting": {
+    "site": "fir-ui-2025-angular",
+    "public": "dist/angular-ssr/browser",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
+  }
+}

examples/angular/package.json

@@ -1,13 +1,12 @@
 {
   "name": "angular-example",
   "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
-    "build:lib": "ng build angular",
-    "build:local": "pnpm run build:lib && cd projects/angular && pnpm pack",
+    "build:lib": "ng build firebaseui-angular",
+    "build:local": "pnpm run build:lib && cd projects/firebaseui-angular && pnpm pack",
     "watch": "ng build --watch --configuration development",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -18,7 +17,8 @@
     "lint": "eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
     "format": "prettier --write \"src/**/*.{ts,html,css,scss}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,html,css,scss}\""
+    "format:check": "prettier --check \"src/**/*.{ts,html,css,scss}\"",
+    "deploy": "pnpm run build && firebase deploy --only hosting:fir-ui-2025-angular"
   },
   "dependencies": {
     "@angular/animations": "^20.2.2",
@@ -32,10 +32,10 @@
     "@angular/platform-server": "^20.2.2",
     "@angular/router": "^20.2.2",
     "@angular/ssr": "^20.2.2",
-    "@firebase-ui/angular": "workspace:*",
-    "@firebase-ui/core": "workspace:*",
-    "@firebase-ui/styles": "workspace:*",
-    "@firebase-ui/translations": "workspace:*",
+    "@invertase/firebaseui-angular": "0.0.3",
+    "@invertase/firebaseui-core": "0.0.3",
+    "@invertase/firebaseui-styles": "0.0.7",
+    "@invertase/firebaseui-translations": "0.0.4",
     "@tailwindcss/postcss": "^4.0.6",
     "express": "^4.18.2",
     "postcss": "^8.5.2",
@@ -52,9 +52,9 @@
     "@tanstack/angular-form": "^0.42.0",
     "@types/express": "^4.17.17",
     "@types/node": "^20.19.0",
-    "eslint": "^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",
     "firebase": "^11",
     "vitest": "^3.2.0",
@@ -65,6 +65,6 @@
     "nanostores": "^0.11.3",
     "ng-packagr": "^20.2.0",
     "prettier": "^3.1.1",
-    "typescript": "~5.9.2"
+    "typescript": "^5.9.2"
   }
 }

examples/angular/src/app/app.config.ts

@@ -22,8 +22,8 @@ import { provideClientHydration, withEventReplay } from "@angular/platform-brows
 
 import { provideFirebaseApp, initializeApp } from "@angular/fire/app";
 import { provideAuth, getAuth, connectAuthEmulator } from "@angular/fire/auth";
-import { provideFirebaseUI, provideFirebaseUIPolicies } from "@firebase-ui/angular";
-import { initializeUI } from "@firebase-ui/core";
+import { provideFirebaseUI, provideFirebaseUIPolicies } from "@invertase/firebaseui-angular";
+import { initializeUI } from "@invertase/firebaseui-core";
 
 const firebaseConfig = {
   apiKey: "AIzaSyCvMftIUCD9lUQ3BzIrimfSfBbCUQYZf-I",

examples/angular/src/app/auth/email-link-oauth/email-link-oauth.component.ts

@@ -18,7 +18,7 @@ import { Component, type OnInit, inject } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { Router, RouterModule } from "@angular/router";
 import { Auth, type User, authState } from "@angular/fire/auth";
-import { EmailLinkAuthScreenComponent, GoogleSignInButtonComponent } from "@firebase-ui/angular";
+import { EmailLinkAuthScreenComponent, GoogleSignInButtonComponent } from "@invertase/firebaseui-angular";
 
 @Component({
   selector: "app-email-link-oauth",

examples/angular/src/app/auth/email-link/email-link.component.ts

@@ -18,7 +18,7 @@ import { Component, type OnInit, inject } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { Router, RouterModule } from "@angular/router";
 import { Auth, type User, authState } from "@angular/fire/auth";
-import { EmailLinkAuthScreenComponent } from "@firebase-ui/angular";
+import { EmailLinkAuthScreenComponent } from "@invertase/firebaseui-angular";
 
 @Component({
   selector: "app-email-link",

examples/angular/src/app/auth/forgot-password/forgot-password.component.ts

@@ -18,7 +18,7 @@ import { Component, type OnInit, inject } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { Router, RouterModule } from "@angular/router";
 import { Auth, type User, authState } from "@angular/fire/auth";
-import { ForgotPasswordAuthScreenComponent } from "@firebase-ui/angular";
+import { ForgotPasswordAuthScreenComponent } from "@invertase/firebaseui-angular";
 
 @Component({
   selector: "app-forgot-password",