fix(core,react): Statically replace import.meta.env at build time

Author: dackers86

examples/nextjs-ssr/package.json

@@ -13,10 +13,10 @@
     "deploy": "pnpm run build && firebase deploy --only hosting:fir-ui-rework-nextjs-ssr"
   },
   "dependencies": {
-    "@invertase/firebaseui-react": "latest",
-    "@invertase/firebaseui-core": "latest",
-    "@invertase/firebaseui-styles": "latest",
-    "@invertase/firebaseui-translations": "latest",
+    "@invertase/firebaseui-react": "workspace:*",
+    "@invertase/firebaseui-core": "workspace:*",
+    "@invertase/firebaseui-styles": "workspace:*",
+    "@invertase/firebaseui-translations": "workspace:*",
     "firebase": "^11.10.0",
     "next": "15.1.7",
     "react": "19.1.1",

examples/nextjs/package.json

@@ -13,10 +13,10 @@
     "deploy": "pnpm run build && firebase deploy --only hosting:fir-ui-rework-nextjs-ssg"
   },
   "dependencies": {
-    "@invertase/firebaseui-react": "latest",
-    "@invertase/firebaseui-core": "latest",
-    "@invertase/firebaseui-styles": "latest",
-    "@invertase/firebaseui-translations": "latest",
+    "@invertase/firebaseui-react": "workspace:*",
+    "@invertase/firebaseui-core": "workspace:*",
+    "@invertase/firebaseui-styles": "workspace:*",
+    "@invertase/firebaseui-translations": "workspace:*",
     "firebase": "catalog:",
     "next": "15.1.7",
     "react": "catalog:",

examples/react/package.json

@@ -11,10 +11,10 @@
     "deploy": "pnpm run build && firebase deploy --only hosting:fir-ui-2025-react"
   },
   "dependencies": {
-    "@invertase/firebaseui-react": "latest",
-    "@invertase/firebaseui-core": "latest",
-    "@invertase/firebaseui-styles": "latest",
-    "@invertase/firebaseui-translations": "latest",
+    "@invertase/firebaseui-react": "workspace:*",
+    "@invertase/firebaseui-core": "workspace:*",
+    "@invertase/firebaseui-styles": "workspace:*",
+    "@invertase/firebaseui-translations": "workspace:*",
     "firebase": "^11.6.0",
     "react": "catalog:",
     "react-dom": "catalog:",

packages/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invertase/firebaseui-angular",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "files": [
     "dist"
   ],

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invertase/firebaseui-core",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Core authentication service for Firebase UI",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -21,7 +21,7 @@
   "scripts": {
     "prepare": "pnpm run build",
     "emulators:start": "firebase emulators:start -P demo-firebaseui",
-    "build": "tsup",
+    "build": "tsup --env.PROD=true",
     "build:local": "pnpm run build && pnpm pack",
     "dev": "tsup --watch",
     "lint": "eslint . --ext .ts",

packages/core/src/index.ts

@@ -27,21 +27,6 @@ export * from "./register-framework";
 export * from "./schemas";
 export * from "./translations";
 
-// Detect production mode across different build systems (Vite, webpack/Next.js, etc.)
-const isDevelopment = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-
-const isViteProduction =
-  typeof import.meta !== "undefined" &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any)?.env &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any).env.PROD === true;
-
-// Check if in production mode
-const isProduction = isDevelopment || isViteProduction;
-
-if (isProduction) {
-  // Extract framework name from package name (e.g., "@invertase/firebaseui-react" -> "react")
-  const frameworkName = pkgJson.name.replace("@invertase/firebaseui-", "");
-  registerFramework(frameworkName, pkgJson.version);
+if (import.meta.env.PROD) {
+  registerFramework("core", pkgJson.version);
 }

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invertase/firebaseui-react",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -17,7 +17,7 @@
   ],
   "scripts": {
     "prepare": "pnpm run build",
-    "build": "tsup && pnpm run build:logos",
+    "build": "tsup --env.PROD=true && pnpm run build:logos",
     "build:local": "pnpm run build && pnpm pack",
     "build:logos": "pnpm dlx @svgr/cli --icon --typescript --no-index --jsx-runtime automatic --out-dir src/components/logos ../core/brands",
     "dev": "tsup --watch",

packages/react/src/index.ts

@@ -24,21 +24,6 @@ export { PolicyContext } from "./components/policies";
 export { FirebaseUIProvider, type FirebaseUIProviderProps } from "./context";
 export * from "./hooks";
 
-// Detect production mode across different build systems (Vite, webpack/Next.js, etc.)
-const isNodeProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-
-const isViteProduction =
-  typeof import.meta !== "undefined" &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any)?.env &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any).env.PROD === true;
-
-// Check if in production mode
-const isProduction = isNodeProduction || isViteProduction;
-
-if (isProduction) {
-  // Extract framework name from package name (e.g., "@invertase/firebaseui-react" -> "react")
-  const frameworkName = pkgJson.name.replace("@invertase/firebaseui-", "");
-  registerFramework(frameworkName, pkgJson.version);
+if (import.meta.env.PROD) {
+  registerFramework("react", pkgJson.version);
 }

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invertase/firebaseui-styles",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "zshy": {
     "exports": {

packages/translations/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invertase/firebaseui-translations",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Translations for Firebase UI",
   "type": "module",
   "main": "./dist/index.cjs",