Migrate top level JS files to TS.

Author: abdelmalekkkkk

assets/js/all-datastores.test.js assets/js/all-datastores.test.tsassets/js/all-datastores.test.js renamed to assets/js/all-datastores.test.ts

@@ -27,6 +27,7 @@ import { omit } from 'lodash';
 import { createTestRegistry } from '../../tests/js/utils';
 
 const registry = createTestRegistry();
+// @ts-expect-error The WPDataRegistry type is missing the stores property.
 const firstPartyStores = omit( registry.stores, 'core/data' );
 
 describe( 'all data stores', () => {
@@ -36,6 +37,7 @@ describe( 'all data stores', () => {
 				const listener = jest.fn();
 				registry.subscribe( listener );
 
+				// @ts-expect-error The WPDataRegistry type is missing the stores property.
 				registry.stores[ storeName ].store.dispatch( {
 					type: '@@NON_EXISTENT_ACTION_TYPE@@',
 				} );

assets/js/analytics-advanced-tracking.js assets/js/analytics-advanced-tracking.tsassets/js/analytics-advanced-tracking.js renamed to assets/js/analytics-advanced-tracking.ts

@@ -28,10 +28,14 @@ import setUpAdvancedTracking from './analytics-advanced-tracking/set-up-advanced
  *
  * @since 1.18.0
  *
- * @param {string} action   Event action / event name.
- * @param {Object} metadata Additional event metadata to send, or `null`.
+ * @param {string}                         action   Event action / event name.
+ * @param {Record< string, unknown >|null} metadata Additional event metadata to send, or `null`.
+ * @return {void}
  */
-function sendEvent( action, metadata ) {
+function sendEvent(
+	action: string,
+	metadata: Record< string, unknown > | null
+) {
 	window.gtag( 'event', action, metadata || undefined );
 }
 

assets/js/analytics-advanced-tracking/types.ts

@@ -0,0 +1,22 @@
+/**
+ * Site Kit by Google, Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export type AdvancedTrackingEvent = {
+	action: string;
+	on: string;
+	selector: string;
+	metadata?: Record< string, unknown >;
+};

assets/js/api-fetch-shim.js assets/js/api-fetch-shim.tsassets/js/api-fetch-shim.js renamed to assets/js/api-fetch-shim.ts

@@ -19,7 +19,9 @@
 /**
  * WordPress dependencies
  */
-import apiFetch from '@wordpress/api-fetch__non-shim';
+import apiFetch, {
+	type APIFetchMiddleware,
+} from '@wordpress/api-fetch__non-shim';
 
 /**
  * Internal dependencies
@@ -29,6 +31,14 @@ import createDedupeMiddleware, {
 	logDuplicate,
 } from '@/js/googlesitekit/api/middleware/deduplication';
 
+declare module '@wordpress/api-fetch' {
+	interface ApiFetch {
+		rootURLMiddleware: APIFetchMiddleware;
+		dedupeMiddleware: APIFetchMiddleware;
+		preloadingMiddleware: APIFetchMiddleware;
+	}
+}
+
 const { nonce, nonceEndpoint, preloadedData, rootURL } =
 	global._googlesitekitAPIFetchData || {};
 
@@ -38,7 +48,9 @@ apiFetch.rootURLMiddleware = apiFetch.createRootURLMiddleware( rootURL );
 apiFetch.dedupeMiddleware = createDedupeMiddleware( {
 	onDuplicate: logDuplicate,
 } );
-apiFetch.preloadingMiddleware = createPreloadingMiddleware( preloadedData );
+apiFetch.preloadingMiddleware = createPreloadingMiddleware(
+	preloadedData
+) as APIFetchMiddleware; // @TODO Remove this when `createPreloadingMiddleware` is properly typed.
 
 apiFetch.use( apiFetch.nonceMiddleware );
 apiFetch.use( apiFetch.mediaUploadMiddleware );

assets/js/fake-data.test.js assets/js/fake-data.test.tsassets/js/fake-data.test.js renamed to assets/js/fake-data.test.ts

@@ -38,6 +38,7 @@ domReady( () => {
 
 	if ( renderTarget ) {
 		render(
+			// @ts-expect-error Root is not properly typed yet.
 			<Root viewContext={ VIEW_CONTEXT_ACTIVATION }>
 				<ActivationApp />
 			</Root>,

assets/js/googlesitekit-activation.js assets/js/googlesitekit-activation.tsxassets/js/googlesitekit-activation.js renamed to assets/js/googlesitekit-activation.tsx

@@ -35,6 +35,7 @@ domReady( () => {
 
 	if ( renderTarget ) {
 		render(
+			// @ts-expect-error Root is not properly typed yet.
 			<Root viewContext={ VIEW_CONTEXT_AD_BLOCKING_RECOVERY }>
 				<AdBlockingRecoveryApp />
 			</Root>,

…js/googlesitekit-ad-blocking-recovery.js …s/googlesitekit-ad-blocking-recovery.tsxassets/js/googlesitekit-ad-blocking-recovery.js renamed to assets/js/googlesitekit-ad-blocking-recovery.tsx assets/js/googlesitekit-ad-blocking-recovery.js renamed to assets/js/googlesitekit-ad-blocking-recovery.tsx

@@ -19,11 +19,12 @@
 /**
  * Internal dependencies.
  */
+import { GATrackingEventArgs } from './types/GATrackingEventArgs';
 import { trackEvent } from './util';
 
 const TRACKING_KEYS = [ 'view', 'click', 'dismiss' ];
 
-function fireTrackingEvent( eventConfig ) {
+function fireTrackingEvent( eventConfig: GATrackingEventArgs ) {
 	if ( ! eventConfig || ! eventConfig.category || ! eventConfig.action ) {
 		return null;
 	}
@@ -36,17 +37,20 @@ function fireTrackingEvent( eventConfig ) {
 	return trackEvent( category, action );
 }
 
-function registerPointerTracking( slug, tracking ) {
+function registerPointerTracking(
+	slug: string,
+	tracking: Record< string, GATrackingEventArgs >
+) {
 	if ( ! tracking || ! Object.keys( tracking ).length ) {
 		return { onDismiss: null };
 	}
 
 	const fired = TRACKING_KEYS.reduce(
 		( acc, key ) => ( { ...acc, [ key ]: false } ),
-		{}
+		{} as Record< string, boolean >
 	);
 
-	function fireOnce( key ) {
+	function fireOnce( key: string ) {
 		if ( fired[ key ] || ! tracking[ key ] ) {
 			return null;
 		}
@@ -64,7 +68,7 @@ function registerPointerTracking( slug, tracking ) {
 		document.documentElement.ownerDocument;
 	const ctaSelector = `.${ slug } .googlesitekit-pointer-cta`;
 
-	function handleClick( event ) {
+	function handleClick( event: Event ) {
 		const target = event.target instanceof Element ? event.target : null;
 		if ( ! target || ! target.closest( ctaSelector ) ) {
 			return;
@@ -82,7 +86,7 @@ function registerPointerTracking( slug, tracking ) {
 
 		if ( shouldDeferNavigation ) {
 			track.finally( () => {
-				ownerDocument.defaultView.location.assign( href );
+				ownerDocument.defaultView?.location.assign( href );
 			} );
 		}
 	}

…googlesitekit-admin-pointers-tracking.js …googlesitekit-admin-pointers-tracking.tsassets/js/googlesitekit-admin-pointers-tracking.js renamed to assets/js/googlesitekit-admin-pointers-tracking.ts assets/js/googlesitekit-admin-pointers-tracking.js renamed to assets/js/googlesitekit-admin-pointers-tracking.ts

@@ -52,6 +52,7 @@ const init = once( () => {
 			: VIEW_CONTEXT_ADMIN_BAR;
 
 		render(
+			// @ts-expect-error Root is not properly typed yet.
 			<Root viewContext={ viewContext }>
 				<AdminBarApp />
 			</Root>,