fix(repo): Additional ESLint resolvers (#4997)

jacekradko · web-flow · commit 9bafaf5a6c0a · 2025-01-24T18:55:56.000Z
diff --git a/.changeset/orange-wolves-eat.md b/.changeset/orange-wolves-eat.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -94,6 +94,13 @@ export default tseslint.config([
     },
     settings: {
       'import/ignore': ['node_modules/react-native/index\\.js$'],
+      'import/resolver': {
+        node: true,
+        typescript: {
+          alwaysTryTypes: true,
+          project: ['packages/*/tsconfig.json', 'integration/tsconfig.json'],
+        },
+      },
     },
     rules: {
       curly: ['error', 'all'],
diff --git a/package.json b/package.json
@@ -88,6 +88,7 @@
     "eslint": "9.18.0",
     "eslint-config-prettier": "10.0.1",
     "eslint-config-turbo": "2.3.3",
+    "eslint-import-resolver-typescript": "3.7.0",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jest": "28.11.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
diff --git a/packages/nextjs/src/app-router/client/ClerkProvider.tsx b/packages/nextjs/src/app-router/client/ClerkProvider.tsx
@@ -23,7 +23,6 @@ import { useAwaitableReplace } from './useAwaitableReplace';
  * Note: Using lazy() with Suspense instead of dynamic is not possible as React will throw a hydration error when `ClerkProvider` wraps `<html><body>...`
  */
 const LazyCreateKeylessApplication = dynamic(() =>
-  // eslint-disable-next-line import/no-unresolved
   import('./keyless-creator-reader.js').then(m => m.KeylessCreatorOrReader),
 );
 
diff --git a/packages/nextjs/src/app-router/client/keyless-cookie-sync.tsx b/packages/nextjs/src/app-router/client/keyless-cookie-sync.tsx
@@ -9,7 +9,6 @@ import { canUseKeyless } from '../../utils/feature-flags';
 export function KeylessCookieSync(props: PropsWithChildren<AccountlessApplication>) {
   useEffect(() => {
     if (canUseKeyless) {
-      // eslint-disable-next-line import/no-unresolved
       void import('../keyless-actions.js').then(m =>
         m.syncKeylessConfigAction({
           ...props,
diff --git a/packages/nextjs/src/app-router/keyless-actions.ts b/packages/nextjs/src/app-router/keyless-actions.ts
@@ -35,14 +35,12 @@ export async function createOrReadKeylessAction(): Promise<null | Omit<Accountle
     return null;
   }
 
-  // eslint-disable-next-line import/no-unresolved
   const result = await import('../server/keyless-node.js').then(m => m.createOrReadKeyless());
 
   if (!result) {
     return null;
   }
 
-  // eslint-disable-next-line import/no-unresolved
   const { keylessLogger, createKeylessModeMessage } = await import('../server/keyless-log-cache.js');
 
   /**
@@ -72,7 +70,6 @@ export async function deleteKeylessAction() {
     return;
   }
 
-  // eslint-disable-next-line import/no-unresolved
   await import('../server/keyless-node.js').then(m => m.removeKeyless());
   return;
 }
diff --git a/packages/nextjs/src/app-router/server/ClerkProvider.tsx b/packages/nextjs/src/app-router/server/ClerkProvider.tsx
@@ -81,7 +81,6 @@ export async function ClerkProvider(
 
   let [shouldRunAsKeyless, runningWithClaimedKeys] = [false, false];
   if (canUseKeyless) {
-    // eslint-disable-next-line import/no-unresolved
     const locallyStorePublishableKey = await import('../../server/keyless-node.js')
       .then(mod => mod.safeParseClerkFile()?.publishableKey)
       .catch(() => undefined);
@@ -93,10 +92,9 @@ export async function ClerkProvider(
 
   if (shouldRunAsKeyless) {
     // NOTE: Create or read keys on every render. Usually this means only on hard refresh or hard navigations.
-    // eslint-disable-next-line import/no-unresolved
+
     const newOrReadKeys = await import('../../server/keyless-node.js').then(mod => mod.createOrReadKeyless());
     const { keylessLogger, createConfirmationMessage, createKeylessModeMessage } = await import(
-      // eslint-disable-next-line import/no-unresolved
       '../../server/keyless-log-cache.js'
     );
 
@@ -128,7 +126,6 @@ export async function ClerkProvider(
 
         output = clientProvider;
       } else {
-        // eslint-disable-next-line import/no-unresolved
         const KeylessCookieSync = await import('../client/keyless-cookie-sync.js').then(mod => mod.KeylessCookieSync);
 
         const headerStore = await headers();
diff --git a/packages/nextjs/src/server/__tests__/clerkMiddleware.test.ts b/packages/nextjs/src/server/__tests__/clerkMiddleware.test.ts
@@ -47,7 +47,6 @@ afterAll(() => {
 
 // Removing this mock will cause the clerkMiddleware tests to fail due to missing publishable key
 // This mock SHOULD exist before the imports
-// eslint-disable-next-line import/no-unresolved
 vi.mock(import('../constants.js'), async importOriginal => {
   const actual = await importOriginal();
   return {
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -7,7 +7,6 @@ import {
   createResolver,
   defineNuxtModule,
   updateRuntimeConfig,
-  // eslint-disable-next-line import/no-unresolved -- FIXME: eslint@9
 } from '@nuxt/kit';
 
 export type ModuleOptions = Omit<LoadClerkJsScriptOptions, 'routerPush' | 'routerReplace'> & {
diff --git a/packages/nuxt/src/runtime/plugin.ts b/packages/nuxt/src/runtime/plugin.ts
@@ -1,8 +1,6 @@
 import { setClerkJsLoadingErrorPackageName } from '@clerk/shared/loadClerkJsScript';
 import { clerkPlugin } from '@clerk/vue';
-// eslint-disable-next-line import/no-unresolved -- FIXME: eslint@9
 import { setErrorThrowerOptions } from '@clerk/vue/internal';
-// eslint-disable-next-line import/no-unresolved -- FIXME: eslint@9
 import { defineNuxtPlugin, navigateTo, useRuntimeConfig, useState } from 'nuxt/app';
 
 setErrorThrowerOptions({ packageName: PACKAGE_NAME });
diff --git a/packages/tanstack-start/src/server/constants.ts b/packages/tanstack-start/src/server/constants.ts
@@ -1,5 +1,4 @@
 import { apiUrlFromPublishableKey } from '@clerk/shared/apiUrlFromPublishableKey';
-// eslint-disable-next-line import/no-unresolved
 import { getEvent } from 'vinxi/http';
 
 import { getEnvVariable, getPublicEnvVariables } from '../utils/env';
diff --git a/packages/tanstack-start/src/server/loadOptions.ts b/packages/tanstack-start/src/server/loadOptions.ts
@@ -3,7 +3,6 @@ import { apiUrlFromPublishableKey } from '@clerk/shared/apiUrlFromPublishableKey
 import { isDevelopmentFromSecretKey } from '@clerk/shared/keys';
 import { isHttpOrHttps, isProxyUrlRelative } from '@clerk/shared/proxy';
 import { handleValueOrFn } from '@clerk/shared/utils';
-// eslint-disable-next-line import/no-unresolved
 import { getEvent } from 'vinxi/http';
 
 import { errorThrower } from '../utils';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -35,14 +35,12 @@ export async function createOrReadKeylessAction(): Promise<null \| Omit<Accountle`
`35`	`35`	`return null;`
`36`	`36`	`}`
`37`	`37`
`38`		`- // eslint-disable-next-line import/no-unresolved`
`39`	`38`	`const result = await import('../server/keyless-node.js').then(m => m.createOrReadKeyless());`
`40`	`39`
`41`	`40`	`if (!result) {`
`42`	`41`	`return null;`
`43`	`42`	`}`
`44`	`43`
`45`		`- // eslint-disable-next-line import/no-unresolved`
`46`	`44`	`const { keylessLogger, createKeylessModeMessage } = await import('../server/keyless-log-cache.js');`
`47`	`45`
`48`	`46`	`/**`
`@@ -72,7 +70,6 @@ export async function deleteKeylessAction() {`
`72`	`70`	`return;`
`73`	`71`	`}`
`74`	`72`
`75`		`- // eslint-disable-next-line import/no-unresolved`
`76`	`73`	`await import('../server/keyless-node.js').then(m => m.removeKeyless());`
`77`	`74`	`return;`
`78`	`75`	`}`