feat(core): initRootView event (#10442)

farfromrefug · web-flow · commit 82e9c67d3398 · 2023-11-25T11:04:01.000-08:00
launchEvent is not triggered at the same moment on iOS and Android. 
iOS is firing after setting the rootView while Android is firing before.
Consequently if you need an event for when the rootView is set (to read/write root css variables) you need this event.

[skip ci]
diff --git a/packages/core/application/application-common.ts b/packages/core/application/application-common.ts
@@ -12,7 +12,7 @@ import type { Frame } from '../ui/frame';
 import type { NavigationEntry } from '../ui/frame/frame-interfaces';
 import type { StyleScope } from '../ui/styling/style-scope';
 import type { AndroidApplication as IAndroidApplication, iOSApplication as IiOSApplication } from './';
-import type { ApplicationEventData, CssChangedEventData, DiscardedErrorEventData, FontScaleChangedEventData, LaunchEventData, LoadAppCSSEventData, NativeScriptError, OrientationChangedEventData, SystemAppearanceChangedEventData, UnhandledErrorEventData } from './application-interfaces';
+import type { ApplicationEventData, CssChangedEventData, DiscardedErrorEventData, FontScaleChangedEventData, InitRootViewEventData, LaunchEventData, LoadAppCSSEventData, NativeScriptError, OrientationChangedEventData, SystemAppearanceChangedEventData, UnhandledErrorEventData } from './application-interfaces';
 
 // prettier-ignore
 const ORIENTATION_CSS_CLASSES = [
@@ -125,6 +125,7 @@ export class ApplicationCommon {
 	readonly livesyncEvent = 'livesync';
 	readonly loadAppCssEvent = 'loadAppCss';
 	readonly cssChangedEvent = 'cssChanged';
+	readonly initRootViewEvent = 'initRootView';
 
 	// Expose statically for backwards compat on AndroidApplication.on etc.
 	/**
@@ -368,6 +369,7 @@ export class ApplicationCommon {
 		this.setRootViewCSSClasses(rootView);
 		initAccessibilityCssHelper();
 		initAccessibilityFontScale();
+		this.notify(<InitRootViewEventData>{ eventName: this.initRootViewEvent, rootView });
 	}
 
 	/**
diff --git a/packages/core/application/application-interfaces.ts b/packages/core/application/application-interfaces.ts
@@ -117,6 +117,13 @@ export interface CssChangedEventData extends ApplicationEventData {
 	cssText?: string;
 }
 
+/**
+ * Event data containing information about application css change.
+ */
+export interface InitRootViewEventData extends ApplicationEventData {
+	rootView: View;
+}
+
 /**
  * Data for the Android activity events.
  */
