Div

.prettierrc.json

@@ -1,3 +1,7 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
+  "endOfLine": "lf",
+  "printWidth": 120,
+  "tabWidth": 2,
+  "arrowParens": "always"
 }

README.md

@@ -29,10 +29,7 @@ const MyReactComponent = ({ title, myController }) => {
       <h1>{title}</h1>
       <p>{state}</p>
       <p>
-        <NgTranslate
-          id={'TRANLATED_TEXT_ID'}
-          substitutions={myController.getValue()}
-        />
+        <NgTranslate id={'TRANLATED_TEXT_ID'} substitutions={myController.getValue()} />
       </p>
     </>
   );

package.json

@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.5.0",
-    "@tsconfig/node18": "1",
+    "@tsconfig/node18": "^2.0.0",
     "@types/angular": "x",
     "@types/angular-translate": "x",
     "@types/jest": "^29.5.0",

src/.eslintrc.cjs

@@ -2,10 +2,7 @@ module.exports = {
   overrides: [
     {
       files: ['**/*.ts', '**/*.tsx'],
-      extends: [
-        'plugin:@typescript-eslint/eslint-recommended',
-        'plugin:@typescript-eslint/recommended',
-      ],
+      extends: ['plugin:@typescript-eslint/eslint-recommended', 'plugin:@typescript-eslint/recommended'],
       parser: '@typescript-eslint/parser',
       plugins: ['@typescript-eslint'],
       env: {

src/lib/ServiceProvider.ts

@@ -1,10 +1,4 @@
-import {
-  IHttpService,
-  IQService,
-  translate,
-  ILogService,
-  IFilterService,
-} from 'angular';
+import { IHttpService, IQService, translate, ILogService, IFilterService } from 'angular';
 
 const globalServices = new Map<string, unknown>();
 
@@ -20,18 +14,9 @@ export function getService(
   angularServiceName: '$translate',
   ngOverride: { allowUnsafeAngularService: true }
 ): translate.ITranslateService;
-export function getService(
-  angularServiceName: '$http',
-  ngOverride: { allowUnsafeAngularService: true }
-): IHttpService;
-export function getService(
-  angularServiceName: '$q',
-  ngOverride: { allowUnsafeAngularService: true }
-): IQService;
-export function getService(
-  angularServiceName: '$log',
-  ngOverride: { allowUnsafeAngularService: true }
-): ILogService;
+export function getService(angularServiceName: '$http', ngOverride: { allowUnsafeAngularService: true }): IHttpService;
+export function getService(angularServiceName: '$q', ngOverride: { allowUnsafeAngularService: true }): IQService;
+export function getService(angularServiceName: '$log', ngOverride: { allowUnsafeAngularService: true }): ILogService;
 export function getService(
   angularServiceName: '$filter',
   ngOverride: { allowUnsafeAngularService: true }
@@ -41,10 +26,7 @@ export function getService(angularServiceName: '$http'): never;
 export function getService(angularServiceName: '$q'): never;
 export function getService(angularServiceName: '$log'): never;
 export function getService(angularServiceName: '$filter'): never;
-export function getService<T>(
-  name: ServiceName,
-  { allowUnsafeAngularService = false } = {}
-): T {
+export function getService<T>(name: ServiceName, { allowUnsafeAngularService = false } = {}): T {
   if (name.startsWith('$') && !allowUnsafeAngularService) {
     throw Error(
       // eslint-disable-next-line max-len
@@ -60,11 +42,7 @@ export function getService<T>(
 }
 
 function findService(name: string) {
-  if (
-    globalServices.has(name) ||
-    typeof window === 'undefined' ||
-    typeof window.angular === 'undefined'
-  ) {
+  if (globalServices.has(name) || typeof window === 'undefined' || typeof window.angular === 'undefined') {
     return globalServices.get(name);
   }
   return getAngularService(name);

src/lib/custom-hooks/index.ts

@@ -13,9 +13,6 @@ export const useService = ((...params: Parameters<typeof getService>) => {
  * @see NgTranslate for a better way to do this.
  */
 export function useTranslate() {
-  const $translate = useMemo(
-    () => getAngularService<translate.ITranslateService>('$translate'),
-    []
-  );
+  const $translate = useMemo(() => getAngularService<translate.ITranslateService>('$translate'), []);
   return (id: string, subs?: unknown) => $translate.instant(id, subs);
 }

src/lib/jsx/NgTranslate.tsx

@@ -12,10 +12,7 @@ type Props = {
  * @returns
  */
 const NgTranslate = ({ id, substitutions }: Props) => {
-  const $translate = useMemo(
-    () => getAngularService<translate.ITranslateService>('$translate'),
-    []
-  );
+  const $translate = useMemo(() => getAngularService<translate.ITranslateService>('$translate'), []);
 
   return <>{$translate.instant(id, substitutions)}</>;
 };

src/lib/wrappers/main.ts

@@ -2,14 +2,9 @@ import { IModule } from 'angular';
 import * as React from 'react';
 import { angularizeDirective, WrapperOptions } from './angularizeDirective';
 
-export function angularize(
-  reactElement: React.ElementType,
-  {
-    name,
-    module,
-    ...options
-  }: WrapperOptions & { name: string; module: IModule }
-) {
+type AngularizeOptions = WrapperOptions & WrapperOptions & { name: string; module: IModule };
+
+export function angularize(reactElement: React.ElementType, { name, module, ...options }: AngularizeOptions) {
   angularizeDirective(reactElement, name, module, options);
   return module;
 }