refactor: convert capture-core-utils and AppStart/unload files from Flow to TypeScript (#4359)

* refactor: convert capture-core-utils and AppStart/unload files from Flow to TypeScript

- Convert chunk.js to chunk.ts with proper TypeScript types
- Convert WebWorker/index.js to WebWorker/index.ts with type annotations
- Convert capture-core-utils/index.js to index.ts and add CaptureClientEvent export
- Convert AppStart/unload files from .js to .ts with PlainReduxStore type
- Fix ReduxStore interface in AppStart.component.tsx to include getState method
- Remove original .js files after creating .ts versions
- Maintain minimal changes following TypeScript migration guidelines

Co-Authored-By: [email protected] <[email protected]>

* fix: resolve SonarCloud code smells in TypeScript conversions

- Replace deprecated e.returnValue with e.preventDefault() in beforeunload handler
- Convert WebWorker class to factory function to fix constructor return issue
- Export both createWebWorker and WebWorker for backward compatibility
- Address 'Unexpected class with only a constructor' code smell
- Address 'Unexpected return statement in constructor' code smell

Co-Authored-By: [email protected] <[email protected]>

* fix: update pipe function signature to support zero-argument calls

- Use any types to support both zero-argument calls like pipe(...)()

Co-Authored-By: [email protected] <[email protected]>

* fix: resolve asyncForEach TypeScript error with type assertion

- Add type assertion to handle pre-existing asyncForEach extension method
- This resolves the final TypeScript compilation error preventing CI from passing

Co-Authored-By: [email protected] <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: [email protected] <[email protected]>

Author: devin-ai-integration[bot]

src/components/AppStart/AppStart.component.tsx

@@ -15,7 +15,7 @@ import { theme } from '../../styles/uiTheme';
 // Define a basic type for the Redux store
 interface ReduxStore {
     dispatch: (action: any) => void;
-    // Add other store properties as needed
+    getState: () => any;
 }
 
 export const AppStart = () => {

…t/unload/addBeforeUnloadEventListener.js …t/unload/addBeforeUnloadEventListener.tssrc/components/AppStart/unload/addBeforeUnloadEventListener.js renamed to src/components/AppStart/unload/addBeforeUnloadEventListener.ts src/components/AppStart/unload/addBeforeUnloadEventListener.js renamed to src/components/AppStart/unload/addBeforeUnloadEventListener.ts

@@ -1,13 +1,17 @@
-// @flow
 import { cleanUpCommon } from 'capture-core/cleanUp/cleanUp';
 
+type PlainReduxStore = {
+    dispatch: (action: any) => void;
+    getState: () => any;
+};
+
 export function addBeforeUnloadEventListener(store: PlainReduxStore) {
     window.addEventListener('beforeunload', async (e) => {
         cleanUpCommon(store);
 
         if (store.getState().offline.outbox.length > 0) {
             const msg = 'Unsaved events!';
-            e.returnValue = msg;
+            e.preventDefault();
             return msg;
         }
         return undefined;

src/components/AppStart/unload/index.js src/components/AppStart/unload/index.tssrc/components/AppStart/unload/index.js renamed to src/components/AppStart/unload/index.ts

@@ -1,2 +1 @@
-// @flow
 export { addBeforeUnloadEventListener } from './addBeforeUnloadEventListener';

src/core_modules/capture-core-utils/WebWorker/index.js

@@ -0,0 +1,7 @@
+export function createWebWorker(worker: string): Worker {
+    const code = worker.toString();
+    const blob = new Blob([`(${code})()`]);
+    return new Worker(URL.createObjectURL(blob));
+}
+
+export const WebWorker = createWebWorker;

src/core_modules/capture-core-utils/WebWorker/index.ts

@@ -1,16 +1,14 @@
-// @flow
 function sliceArrayIntoGroups(chunks: number, array: Array<any>, size: number) {
-    const groups = [];
+    const groups: Array<any> = [];
 
     for (let i = 0, j = 0; i < chunks; i += 1, j += size) {
-        // $FlowFixMe[missing-annot] automated comment
         groups[i] = array.slice(j, j + size);
     }
 
     return groups;
 }
 
-export function chunk(array: ?Array<any>, size: number) {
+export function chunk(array: Array<any> | null | undefined, size: number) {
     if (!array || array.length === 0) {
         return [];
     }

…core_modules/capture-core-utils/chunk.js …core_modules/capture-core-utils/chunk.tssrc/core_modules/capture-core-utils/chunk.js renamed to src/core_modules/capture-core-utils/chunk.ts src/core_modules/capture-core-utils/chunk.js renamed to src/core_modules/capture-core-utils/chunk.ts

@@ -1,8 +1,8 @@
-// @flow
 export { errorCreator } from './errorCreator';
 export { pipe } from './misc/pipe';
 export { buildUrl } from './misc';
 export { makeCancelable as makeCancelablePromise } from './cancelablePromise';
 export { chunk } from './chunk';
-export { WebWorker } from './WebWorker';
+export { createWebWorker, WebWorker } from './WebWorker';
 export { useFeature, featureAvailable, FEATURES } from './featuresSupport';
+export type { CaptureClientEvent } from './types/global';

…core_modules/capture-core-utils/index.js …core_modules/capture-core-utils/index.tssrc/core_modules/capture-core-utils/index.js renamed to src/core_modules/capture-core-utils/index.ts src/core_modules/capture-core-utils/index.js renamed to src/core_modules/capture-core-utils/index.ts

@@ -1 +1 @@
-export const pipe = <T>(...fns: Array<(arg: T, ...args: any[]) => T>) => (x: T, ...args: any[]): T => fns.reduce((v, fn) => fn(v, ...args), x);
+export const pipe = (...fns: Array<(arg: any, ...args: any[]) => any>) => (x?: any, ...args: any[]): any => fns.reduce((v, fn) => fn(v, ...args), x);

src/core_modules/capture-core-utils/misc/pipe.ts

@@ -149,6 +149,6 @@ export async function loadCategories(
 
     const uniqueCategoryIds = uniqueCategories.map(uc => uc.id);
     const categoryIdBatches = chunk(uniqueCategoryIds, 50);
-    await categoryIdBatches
+    await (categoryIdBatches as any)
         .asyncForEach(idBatch => loadCategoryOptionsInBatchesAsync(idBatch));
 }