Merge pull request #361 from DonOmalVindula/fix/javascript-lint

Fix lint issues in the packages

Author: DonOmalVindula

.changeset/ten-aliens-know.md

@@ -0,0 +1,8 @@
+---
+'@asgardeo/browser': patch
+'@asgardeo/nextjs': patch
+'@asgardeo/react': patch
+'@asgardeo/node': patch
+---
+
+Fix lint issues in packages

e2e/playwright-report-embedded/index.html

@@ -82,4 +82,4 @@
     <div id='root'></div>
   </body>
 </html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>

package.json

@@ -69,7 +69,11 @@
       "seroval": "1.4.1",
       "qs": "6.14.1",
       "@vitejs/plugin-vue>vite": "7.1.12",
-      "prettier": "2.6.2"
+      "prettier": "2.6.2",
+      "@wso2/eslint-plugin>@typescript-eslint/eslint-plugin": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/parser": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/type-utils": "6.21.0",
+      "@wso2/eslint-plugin>@typescript-eslint/utils": "6.21.0"
     }
   },
   "publishConfig": {

packages/browser/.eslintignore

@@ -1,4 +1,5 @@
 /dist
 /build
 /node_modules
-/coverage
+/coverage
+/src/__legacy__

packages/browser/esbuild.config.mjs

@@ -16,88 +16,89 @@
  * under the License.
  */
 
-import { readFileSync } from 'fs';
+import {readFileSync} from 'fs';
+import {createRequire} from 'module';
 import * as esbuild from 'esbuild';
-import { createRequire } from 'module';
 import inlineWorkerPlugin from 'esbuild-plugin-inline-worker';
 
 const require = createRequire(import.meta.url);
 const pkg = JSON.parse(readFileSync('./package.json', 'utf8'));
 
 // Get dependencies excluding crypto-related ones that need to be bundled
-const externalDeps = [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})]
-  .filter(dep => !['crypto-browserify', 'randombytes', 'buffer'].includes(dep));
+const externalDeps = [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})].filter(
+  dep => !['crypto-browserify', 'randombytes', 'buffer'].includes(dep),
+);
 
 // Plugin to alias crypto and buffer modules
 const polyfillPlugin = {
   name: 'polyfill-plugin',
   setup(build) {
     // Crypto polyfill
-    build.onResolve({ filter: /^crypto$/ }, () => ({
-      path: require.resolve('crypto-browserify')
+    build.onResolve({filter: /^crypto$/}, () => ({
+      path: require.resolve('crypto-browserify'),
     }));
 
     // Buffer polyfill
-    build.onResolve({ filter: /^buffer$/ }, () => ({
-      path: require.resolve('buffer/')
+    build.onResolve({filter: /^buffer$/}, () => ({
+      path: require.resolve('buffer/'),
     }));
-  }
+  },
 };
 
 const commonOptions = {
-  bundle: true,
-  entryPoints: ['src/index.ts'],
-  external: externalDeps,
-  platform: 'browser',
-  target: ['es2020'],
-  define: {
-    global: 'globalThis', // Required by crypto-browserify
-    'process.env.NODE_DEBUG': 'false',
-    'process.version': '"16.0.0"',
-    'process.browser': 'true'
-  },
   banner: {
     js: `
       import { Buffer } from 'buffer/';
       if (typeof window !== 'undefined' && !window.Buffer) {
         window.Buffer = Buffer;
       }
-    `
+    `,
+  },
+  bundle: true,
+  define: {
+    global: 'globalThis', // Required by crypto-browserify
+    'process.browser': 'true',
+    'process.env.NODE_DEBUG': 'false',
+    'process.version': '"16.0.0"',
   },
+  entryPoints: ['src/index.ts'],
+  external: externalDeps,
   footer: {
     js: `
       if (typeof window !== 'undefined' && !window.Buffer) {
         window.Buffer = require('buffer/').Buffer;
       }
-    `
+    `,
   },
+  platform: 'browser',
   plugins: [
     polyfillPlugin,
     inlineWorkerPlugin({
-      format: 'iife',
-      target: 'es2020',
-      platform: 'browser',
       define: {
-        'global': 'self',
-        'globalThis': 'self',
+        global: 'self',
+        globalThis: 'self',
+        'process.browser': 'true',
         'process.env.NODE_DEBUG': 'false',
         'process.version': '"16.0.0"',
-        'process.browser': 'true'
-      }
-    })
-  ]
+      },
+      format: 'iife',
+      platform: 'browser',
+      target: 'es2020',
+    }),
+  ],
+  target: ['es2020'],
 };
 
 await esbuild.build({
   ...commonOptions,
   format: 'esm',
   outfile: 'dist/index.js',
-  sourcemap: true
+  sourcemap: true,
 });
 
 await esbuild.build({
   ...commonOptions,
   format: 'cjs',
   outfile: 'dist/cjs/index.js',
-  sourcemap: true
+  sourcemap: true,
 });

packages/browser/src/__legacy__/client.ts

@@ -26,6 +26,7 @@ import {
   IdToken,
   OIDCEndpoints,
   User,
+  createPackageComponentLogger,
 } from '@asgardeo/javascript';
 import WorkerFile from '../web.worker';
 import {MainThreadClient, WebWorkerClient} from './clients';
@@ -47,6 +48,11 @@ import {
 import {BrowserStorage} from './models/storage';
 import {SPAUtils} from './utils';
 
+const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
+  '@asgardeo/browser',
+  'AsgardeoSPAClient',
+);
+
 /**
  * Default configurations.
  */
@@ -85,15 +91,15 @@ export class AsgardeoSPAClient {
     this._instanceID = id;
   }
 
-  public instantiateAuthHelper(authHelper?: typeof AuthenticationHelper) {
+  public instantiateAuthHelper(authHelper?: typeof AuthenticationHelper): void {
     if (authHelper) {
       this._authHelper = authHelper;
     } else {
       this._authHelper = AuthenticationHelper;
     }
   }
 
-  public instantiateWorker(worker: new () => Worker) {
+  public instantiateWorker(worker: new () => Worker): void {
     if (worker) {
       this._worker = worker;
     } else {
@@ -123,8 +129,7 @@ export class AsgardeoSPAClient {
 
     while (!this._initialized) {
       if (iterationToWait === 1e4) {
-        // eslint-disable-next-line no-console
-        console.warn('It is taking longer than usual for the object to be initialized');
+        logger.warn('It is taking longer than usual for the object to be initialized');
       }
       await sleep();
       iterationToWait++;

packages/browser/src/__legacy__/http-client/helpers/decorators.ts

@@ -17,14 +17,11 @@
  *
  */
 
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 /**
  * A decorator to supplement static interface support.
  *
  * @return {<U extends T>(constructor: U) => void}
  */
 export function staticDecorator<T>() {
-    return <U extends T>(_constructor: U): any => {};
+    return <U extends T>(constructor: U): U => constructor;
 }

packages/browser/src/index.ts

@@ -19,10 +19,13 @@
 /**
  * Entry point for all public APIs of this SDK.
  */
+// eslint-disable-next-line import/no-cycle
 export * from './__legacy__/client';
+// eslint-disable-next-line import/no-cycle
 export * from './__legacy__/models';
 
 // Utils
+// eslint-disable-next-line import/no-cycle
 export * from './__legacy__/utils/spa-utils';
 
 // Constants

packages/browser/src/theme/themeDetection.ts

@@ -16,7 +16,12 @@
  * under the License.
  */
 
-import {ThemeDetection, ThemeMode} from '@asgardeo/javascript';
+import {ThemeDetection, ThemeMode, createPackageComponentLogger} from '@asgardeo/javascript';
+
+const logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(
+  '@asgardeo/browser',
+  'ThemeDetection',
+);
 
 /**
  * Extended theme detection config that includes DOM-specific options
@@ -51,11 +56,11 @@ export const detectThemeMode = (mode: ThemeMode, config: BrowserThemeDetection =
 
   if (mode === 'class') {
     if (!targetElement) {
-      console.warn('ThemeDetection: targetElement is required for class-based detection, falling back to light mode');
+      logger.warn('ThemeDetection: targetElement is required for class-based detection, falling back to light mode');
       return 'light';
     }
 
-    const classList = targetElement.classList;
+    const {classList} = targetElement;
 
     // Check for explicit dark class first
     if (classList.contains(darkClass)) {
@@ -84,10 +89,10 @@ export const createClassObserver = (
 ): MutationObserver => {
   const {darkClass = 'dark', lightClass = 'light'} = config;
 
-  const observer = new MutationObserver(mutations => {
-    mutations.forEach(mutation => {
+  const observer: MutationObserver = new MutationObserver((mutations: MutationRecord[]) => {
+    mutations.forEach((mutation: MutationRecord) => {
       if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-        const classList = targetElement.classList;
+        const {classList} = targetElement;
 
         if (classList.contains(darkClass)) {
           callback(true);
@@ -101,8 +106,8 @@ export const createClassObserver = (
   });
 
   observer.observe(targetElement, {
-    attributes: true,
     attributeFilter: ['class'],
+    attributes: true,
   });
 
   return observer;
@@ -116,9 +121,9 @@ export const createMediaQueryListener = (callback: (isDark: boolean) => void): M
     return null;
   }
 
-  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+  const mediaQuery: MediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
 
-  const handleChange = (e: MediaQueryListEvent) => {
+  const handleChange = (e: MediaQueryListEvent): void => {
     callback(e.matches);
   };
 

packages/browser/src/types/worker.d.ts

@@ -18,35 +18,35 @@
 
 // Type declarations for worker files handled by esbuild-plugin-inline-worker
 
-declare module "*.worker" {
+declare module '*.worker' {
   const WorkerFactory: {
     new (): Worker;
   };
   export default WorkerFactory;
 }
 
-declare module "*.worker.js" {
+declare module '*.worker.js' {
   const WorkerFactory: {
     new (): Worker;
   };
   export default WorkerFactory;
 }
 
-declare module "*.worker.ts" {
+declare module '*.worker.ts' {
   const WorkerFactory: {
     new (): Worker;
   };
   export default WorkerFactory;
 }
 
-declare module "*.worker.jsx" {
+declare module '*.worker.jsx' {
   const WorkerFactory: {
     new (): Worker;
   };
   export default WorkerFactory;
 }
 
-declare module "*.worker.tsx" {
+declare module '*.worker.tsx' {
   const WorkerFactory: {
     new (): Worker;
   };