Manage HTTP connections based on tab visibility by Samruddhi90 · Pull Request #9202 · firebase/firebase-js-sdk

Samruddhi90 · 2025-08-12T06:56:41Z

This PR is a follow-up to #9199.

It introduces the logic for managing connections based on tab visibility. Specifically, it opens or closes a connection when a tab moves to the foreground or background. To achieve this, the existing VisibilityMonitor from the packages/database is being consolidated into a shared utility function in firebase/util. This change allows both the database and remote-config packages to use the same visibility monitoring API.

Future PRs will include the implementation of the AutoFetch logic and corresponding unit tests.

changeset-bot · 2025-08-12T06:56:45Z

⚠️ No Changeset found

Latest commit: a98f140

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

google-oss-bot · 2025-08-12T07:06:34Z

Size Report ¹

Affected Products

@firebase/remote-config
Type Base (61ba815) Merge (c954e36) Diff
browser 29.6 kB 32.3 kB +2.71 kB (+9.2%)
main 30.8 kB 33.6 kB +2.72 kB (+8.8%)
module 29.6 kB 32.3 kB +2.71 kB (+9.2%)
bundle
Type Base (61ba815) Merge (c954e36) Diff
remote-config (getAndFetch) 52.7 kB 54.9 kB +2.26 kB (+4.3%)
firebase
Type Base (61ba815) Merge (c954e36) Diff
firebase-compat.js 804 kB 806 kB +1.85 kB (+0.2%)
firebase-remote-config-compat.js 32.6 kB 34.6 kB +2.03 kB (+6.2%)
firebase-remote-config.js 37.1 kB 39.2 kB +2.13 kB (+5.8%)

Test Logs

Base (61ba815): https://github.com/firebase/firebase-js-sdk/actions/runs/16907379646
Merge (c954e36): https://github.com/firebase/firebase-js-sdk/actions/runs/16907438736

https://storage.googleapis.com/firebase-sdk-metric-reports/8VP0LtjY8O.html

google-oss-bot · 2025-08-12T07:18:13Z

Size Analysis Report ¹

Affected Products

`@firebase/remote-config`

`activate`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	16.9 kB	19.0 kB	+2.03 kB (+12.0%)
size-with-ext-deps	43.2 kB	45.5 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`ensureInitialized`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	16.6 kB	18.7 kB	+2.03 kB (+12.2%)
size-with-ext-deps	42.9 kB	45.2 kB	+2.27 kB (+5.3%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`fetchAndActivate`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.7 kB	19.7 kB	+2.03 kB (+11.5%)
size-with-ext-deps	44.0 kB	46.2 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RemoteConfigAbortSignal
RestClient
RetryingClient
Storage
StorageCache

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RemoteConfigAbortSignal
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`fetchConfig`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.3 kB	19.4 kB	+2.03 kB (+11.7%)
size-with-ext-deps	43.6 kB	45.9 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RemoteConfigAbortSignal
RestClient
RetryingClient
Storage
StorageCache

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RemoteConfigAbortSignal
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`getAll`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.8 kB	19.8 kB	+2.03 kB (+11.4%)
size-with-ext-deps	44.1 kB	46.3 kB	+2.27 kB (+5.1%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`getBoolean`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.7 kB	19.7 kB	+2.03 kB (+11.5%)
size-with-ext-deps	43.9 kB	46.2 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`getNumber`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.7 kB	19.7 kB	+2.03 kB (+11.5%)
size-with-ext-deps	43.9 kB	46.2 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`getRemoteConfig`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.3 kB	19.4 kB	+2.03 kB (+11.7%)
size-with-ext-deps	50.5 kB	52.7 kB	+2.26 kB (+4.5%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module Base (61ba815) Merge (c954e36) Diff

@firebase/util

ErrorFactory
FirebaseError
calculateBackoffMillis
deepEqual
getModularInstance
isIndexedDBAvailable

ErrorFactory
FirebaseError
assert
calculateBackoffMillis
deepEqual
getModularInstance
isIndexedDBAvailable

+ assert

`getString`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.7 kB	19.7 kB	+2.03 kB (+11.5%)
size-with-ext-deps	43.9 kB	46.2 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`getValue`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.6 kB	19.6 kB	+2.03 kB (+11.5%)
size-with-ext-deps	43.9 kB	46.1 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value

12 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
Value
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`isSupported`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	16.8 kB	18.8 kB	+2.03 kB (+12.1%)
size-with-ext-deps	43.0 kB	45.2 kB	+2.27 kB (+5.3%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module Base (61ba815) Merge (c954e36) Diff

@firebase/util

ErrorFactory
FirebaseError
calculateBackoffMillis
getModularInstance
isIndexedDBAvailable
validateIndexedDBOpenable

ErrorFactory
FirebaseError
assert
calculateBackoffMillis
getModularInstance
isIndexedDBAvailable
validateIndexedDBOpenable

+ assert

`onConfigUpdate`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	16.8 kB	18.8 kB	+2.03 kB (+12.1%)
size-with-ext-deps	43.0 kB	45.3 kB	+2.27 kB (+5.3%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`setCustomSignals`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	17.1 kB	19.2 kB	+2.03 kB (+11.8%)
size-with-ext-deps	43.4 kB	45.7 kB	+2.27 kB (+5.2%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

`setLogLevel`

Size

Type	Base (`61ba815`)	Merge (c954e36)	Diff
size	16.8 kB	18.8 kB	+2.03 kB (+12.1%)
size-with-ext-deps	43.0 kB	45.3 kB	+2.27 kB (+5.3%)

Dependency

Type Base (61ba815) Merge (c954e36) Diff

classes

CachingClient
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache

11 dependencies

CachingClient
EventEmitter
InMemoryStorage
IndexedDbStorage
RealtimeHandler
RemoteConfig
RestClient
RetryingClient
Storage
StorageCache
VisibilityMonitor

+ EventEmitter
+ VisibilityMonitor

External Dependency

Module	Base (`61ba815`)	Merge (c954e36)	Diff
`@firebase/util`	ErrorFactory FirebaseError calculateBackoffMillis getModularInstance isIndexedDBAvailable	ErrorFactory FirebaseError assert calculateBackoffMillis getModularInstance isIndexedDBAvailable	+ assert

Test Logs

Base (61ba815): https://github.com/firebase/firebase-js-sdk/actions/runs/16907379646
Merge (c954e36): https://github.com/firebase/firebase-js-sdk/actions/runs/16907438736

https://storage.googleapis.com/firebase-sdk-metric-reports/ZOJapGXKEf.html

packages/remote-config/src/client/realtime_handler.ts

dsjadaun-google · 2025-08-17T10:55:58Z

Do we plan to add tests for this change?

Samruddhi90 · 2025-08-17T17:58:56Z

Do we plan to add tests for this change?

Yes we will be adding the unit test cases for everything in the upcoming PR.

* added the api-definition, interfaces, realtime connection and backoffLogic * Added TODO and comments * resolved the comment about the spacing problem * Fix check failures * Fix yarn failures * Convert backoff time from seconds to minutes * Manage HTTP connections based on tab visibility (#9202) * Added the visibilityMonitor * minor changes * resolving the spacing problem

Samruddhi90 added 4 commits August 9, 2025 19:41

Added the visibilityMonitor

c16eadd

minor changes

4002ed9

Merge branch 'realtime-backoff' into realtime-visibility-api

52686fc

resolving the spacing problem

6105412

Merge branch 'realtime-backoff' into realtime-visibility-api

a98f140

tusharkhandelwal8 requested review from ashish-kothari and dsjadaun-google August 12, 2025 13:19

ashish-kothari approved these changes Aug 13, 2025

View reviewed changes

packages/remote-config/src/client/realtime_handler.ts Show resolved Hide resolved

Samruddhi90 mentioned this pull request Aug 13, 2025

Implement Realtime Autofetch on Config Update Notifications #9206

Merged

dsjadaun-google approved these changes Aug 17, 2025

View reviewed changes

Samruddhi90 marked this pull request as ready for review August 18, 2025 08:43

Samruddhi90 requested review from a team and erikeldridge as code owners August 18, 2025 08:43

Samruddhi90 merged commit 8f92245 into realtime-backoff Aug 18, 2025
34 checks passed

Samruddhi90 deleted the realtime-visibility-api branch August 18, 2025 08:44

firebase locked and limited conversation to collaborators Sep 17, 2025

Conversation

Samruddhi90 commented Aug 12, 2025

Uh oh!

changeset-bot bot commented Aug 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

google-oss-bot commented Aug 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Size Report 1

Affected Products

@firebase/remote-config

bundle

firebase

Test Logs

Uh oh!

google-oss-bot commented Aug 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Size Analysis Report 1

Affected Products

@firebase/remote-config

activate

ensureInitialized

fetchAndActivate

fetchConfig

getAll

getBoolean

getNumber

getRemoteConfig

getString

getValue

isSupported

onConfigUpdate

setCustomSignals

setLogLevel

Test Logs

Uh oh!

Uh oh!

dsjadaun-google commented Aug 17, 2025

Uh oh!

Samruddhi90 commented Aug 17, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

changeset-bot bot commented Aug 12, 2025 •

edited

Loading

google-oss-bot commented Aug 12, 2025 •

edited

Loading

Size Report ¹

`@firebase/remote-config`

`bundle`

`firebase`

google-oss-bot commented Aug 12, 2025 •

edited

Loading

Size Analysis Report ¹

`@firebase/remote-config`

`activate`

`ensureInitialized`

`fetchAndActivate`

`fetchConfig`

`getAll`

`getBoolean`

`getNumber`

`getRemoteConfig`

`getString`

`getValue`

`isSupported`

`onConfigUpdate`

`setCustomSignals`

`setLogLevel`