chore(admin): convert core utils to TS (strapi#18551)

packages/core/admin/admin/src/StrapiApp.js

@@ -15,7 +15,8 @@ import { Providers } from './components/Providers';
 import { HOOKS, INJECTION_ZONES } from './constants';
 import { customFields, Plugin, Reducers } from './core/apis';
 import { configureStore } from './core/store/configure';
-import { basename, createHook } from './core/utils';
+import { basename } from './core/utils/basename';
+import { createHook } from './core/utils/createHook';
 import favicon from './favicon.png';
 import languageNativeNames from './translations/languageNativeNames';
 

packages/core/admin/admin/src/core/utils/basename.ts

@@ -0,0 +1 @@
+export const basename = (process.env.ADMIN_PATH ?? '').replace(window.location.origin, '');

packages/core/admin/admin/src/core/utils/createHook.js → packages/core/admin/admin/src/core/utils/createHook.ts

@@ -1,21 +1,22 @@
-// TODO: refacto this file to avoid eslint issues
-/* eslint-disable no-unused-vars */
 /* eslint-disable no-await-in-loop */
 /* eslint-disable no-restricted-syntax */
-const createHook = () => {
-  const _handlers = [];
+
+type Handler = (...args: any[]) => any;
+
+export const createHook = () => {
+  const _handlers: Handler[] = [];
 
   return {
-    register(fn) {
+    register(fn: Handler) {
       _handlers.push(fn);
     },
-    delete(handler) {
+    delete(handler: Handler) {
       _handlers.splice(_handlers.indexOf(handler), 1);
     },
-    runWaterfall(args, store) {
+    runWaterfall<T>(args: T, store?: any) {
       return _handlers.reduce((acc, fn) => fn(acc, store), args);
     },
-    async runWaterfallAsync(args, store) {
+    async runWaterfallAsync<T>(args: T, store?: any) {
       let result = args;
 
       for (const fn of _handlers) {
@@ -24,10 +25,10 @@ const createHook = () => {
 
       return result;
     },
-    runSeries(...args) {
+    runSeries<T extends any[]>(...args: T) {
       return _handlers.map((fn) => fn(...args));
     },
-    async runSeriesAsync(...args) {
+    async runSeriesAsync<T extends any[]>(...args: T) {
       const result = [];
 
       for (const fn of _handlers) {
@@ -36,7 +37,7 @@ const createHook = () => {
 
       return result;
     },
-    runParallel(...args) {
+    runParallel<T extends any[]>(...args: T) {
       return Promise.all(
         _handlers.map((fn) => {
           return fn(...args);
@@ -45,5 +46,3 @@ const createHook = () => {
     },
   };
 };
-
-export default createHook;

packages/core/admin/admin/src/core/utils/tests/createHook.test.js → packages/core/admin/admin/src/core/utils/tests/createHook.test.ts

@@ -1,7 +1,7 @@
-import createHook from '../createHook';
+import { createHook } from '../createHook';
 
 describe('ADMIN | core | utils | createHook', () => {
-  let hooksContainer;
+  let hooksContainer: ReturnType<typeof createHook>;
 
   beforeEach(() => {
     hooksContainer = createHook();

packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
-import basename from '../../../../../../core/utils/basename';
+import { basename } from '../../../../../../core/utils/basename';
 
 import MagicLinkWrapper from './MagicLinkWrapper';
 

packages/core/admin/ee/admin/pages/SettingsPage/pages/Users/components/MagicLink/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
-import basename from '../../../../../../../../admin/src/core/utils/basename';
+import { basename } from '../../../../../../../../admin/src/core/utils/basename';
 import MagicLinkWrapper from '../../../../../../../../admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper';
 
 // FIXME replace with parts compo when ready