diff --git a/.prettierrc.json b/.prettierrc.json index 544138b..707ea14 100644 --- a/.prettierrc.json +++ b/.prettierrc.json @@ -1,3 +1,7 @@ { - "singleQuote": true + "singleQuote": true, + "endOfLine": "lf", + "printWidth": 120, + "tabWidth": 2, + "arrowParens": "always" } diff --git a/README.md b/README.md index 13ce8d4..d3571da 100644 --- a/README.md +++ b/README.md @@ -29,10 +29,7 @@ const MyReactComponent = ({ title, myController }) => {

{title}

{state}

- +

); diff --git a/package-lock.json b/package-lock.json index dba1b70..ce6ff04 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "The Unlicense", "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", @@ -1242,9 +1242,9 @@ } }, "node_modules/@tsconfig/node18": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-1.0.3.tgz", - "integrity": "sha512-RbwvSJQsuN9TB04AQbGULYfOGE/RnSFk/FLQ5b0NmDf5Kx2q/lABZbHQPKCO1vZ6Fiwkplu+yb9pGdLy1iGseQ==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-2.0.0.tgz", + "integrity": "sha512-uI/B0ShkiEwTk036pncXucVlj4y11EW6mycQvCEzC1PkR2TBvdQZ5Wf96dp+XXWAc70FEDfvwTqanoaDpP6rPw==", "dev": true }, "node_modules/@types/angular": { diff --git a/package.json b/package.json index d94bc21..8de3a96 100644 --- a/package.json +++ b/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", diff --git a/src/.eslintrc.cjs b/src/.eslintrc.cjs index 8bdb156..7676373 100644 --- a/src/.eslintrc.cjs +++ b/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: { diff --git a/src/lib/ServiceProvider.ts b/src/lib/ServiceProvider.ts index 7b20d73..bc6afa4 100644 --- a/src/lib/ServiceProvider.ts +++ b/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(); @@ -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( - name: ServiceName, - { allowUnsafeAngularService = false } = {} -): T { +export function getService(name: ServiceName, { allowUnsafeAngularService = false } = {}): T { if (name.startsWith('$') && !allowUnsafeAngularService) { throw Error( // eslint-disable-next-line max-len @@ -60,11 +42,7 @@ export function getService( } 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); diff --git a/src/lib/custom-hooks/index.ts b/src/lib/custom-hooks/index.ts index 5c981c3..b890eb6 100644 --- a/src/lib/custom-hooks/index.ts +++ b/src/lib/custom-hooks/index.ts @@ -13,9 +13,6 @@ export const useService = ((...params: Parameters) => { * @see NgTranslate for a better way to do this. */ export function useTranslate() { - const $translate = useMemo( - () => getAngularService('$translate'), - [] - ); + const $translate = useMemo(() => getAngularService('$translate'), []); return (id: string, subs?: unknown) => $translate.instant(id, subs); } diff --git a/src/lib/jsx/NgTranslate.tsx b/src/lib/jsx/NgTranslate.tsx index 48e3dbe..de5890f 100644 --- a/src/lib/jsx/NgTranslate.tsx +++ b/src/lib/jsx/NgTranslate.tsx @@ -12,10 +12,7 @@ type Props = { * @returns */ const NgTranslate = ({ id, substitutions }: Props) => { - const $translate = useMemo( - () => getAngularService('$translate'), - [] - ); + const $translate = useMemo(() => getAngularService('$translate'), []); return <>{$translate.instant(id, substitutions)}; }; diff --git a/src/lib/wrappers/main.ts b/src/lib/wrappers/main.ts index c7cc845..91e32d6 100644 --- a/src/lib/wrappers/main.ts +++ b/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; }