chore(deps): update silverhand configs monorepo packages to v3.0.0 (#3585)

* chore(deps): update silverhand configs monorepo packages to v3.0.0

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gao Sun <gao@silverhand.io>

packages/cli/package.json

@@ -69,8 +69,8 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
-    "@silverhand/eslint-config": "2.0.1",
-    "@silverhand/ts-config": "2.0.3",
+    "@silverhand/eslint-config": "3.0.0",
+    "@silverhand/ts-config": "3.0.0",
     "@types/inquirer": "^9.0.0",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.11.18",

packages/cli/src/commands/connector/add.ts

@@ -1,6 +1,7 @@
 import type { CommandModule } from 'yargs';
 
 import { log } from '../../utils.js';
+
 import { addConnectors, addOfficialConnectors, inquireInstancePath } from './utils.js';
 
 const add: CommandModule<

packages/cli/src/commands/connector/list.ts

@@ -2,6 +2,7 @@ import chalk from 'chalk';
 import type { CommandModule } from 'yargs';
 
 import type { ConnectorPackage } from '../../utils.js';
+
 import { getConnectorPackagesFrom, isOfficialConnector } from './utils.js';
 
 const logConnectorNames = (type: string, packages: ConnectorPackage[]) => {

packages/cli/src/commands/connector/remove.ts

@@ -1,9 +1,10 @@
-import fs from 'fs/promises';
+import fs from 'node:fs/promises';
 
 import chalk from 'chalk';
 import type { CommandModule } from 'yargs';
 
 import { log } from '../../utils.js';
+
 import { getConnectorPackagesFrom } from './utils.js';
 
 const remove: CommandModule<{ path?: string }, { path?: string; packages?: string[] }> = {

packages/cli/src/commands/connector/utils.ts

@@ -1,8 +1,8 @@
-import { exec } from 'child_process';
-import { existsSync } from 'fs';
-import fs from 'fs/promises';
-import path from 'path';
-import { promisify } from 'util';
+import { exec } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { promisify } from 'node:util';
 
 import { assert, conditionalArray, conditionalString, trySafe } from '@silverhand/essentials';
 import chalk from 'chalk';

packages/cli/src/commands/database/alteration/index.ts

@@ -10,6 +10,7 @@ import {
   updateDatabaseTimestamp,
 } from '../../../queries/system.js';
 import { log } from '../../../utils.js';
+
 import type { AlterationFile } from './type.js';
 import { getAlterationFiles, getTimestampFromFilename } from './utils.js';
 import { chooseAlterationsByVersion, chooseRevertAlterationsByVersion } from './version.js';

packages/cli/src/commands/database/alteration/utils.ts

@@ -1,11 +1,12 @@
-import { existsSync } from 'fs';
-import fs from 'fs/promises';
+import { existsSync } from 'node:fs';
+import fs from 'node:fs/promises';
+import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import path from 'path';
 
 import { findPackage } from '@logto/shared';
 
 import { getPathInModule } from '../../../utils.js';
+
 import type { AlterationFile } from './type.js';
 
 const currentDirname = path.dirname(fileURLToPath(import.meta.url));

packages/cli/src/commands/database/alteration/version.ts

@@ -4,6 +4,7 @@ import inquirer from 'inquirer';
 import { SemVer, compare, eq, gt } from 'semver';
 
 import { findLastIndex, isTty, log } from '../../../utils.js';
+
 import type { AlterationFile } from './type.js';
 
 const getVersionStringFromFilename = (filename: string) =>

packages/cli/src/commands/database/config.ts

@@ -12,6 +12,7 @@ import type { CommandModule } from 'yargs';
 import { createPoolFromConfig } from '../../database.js';
 import { getRowsByKeys, updateValueByKey } from '../../queries/logto-config.js';
 import { log } from '../../utils.js';
+
 import { generateOidcCookieKey, generateOidcPrivateKey } from './utils.js';
 
 const validKeysDisplay = chalk.green(logtoConfigKeys.join(', '));

packages/cli/src/commands/database/seed/index.ts

@@ -7,6 +7,7 @@ import { doesConfigsTableExist } from '../../../queries/logto-config.js';
 import { log, oraPromise } from '../../../utils.js';
 import { getLatestAlterationTimestamp } from '../alteration/index.js';
 import { getAlterationDirectory } from '../alteration/utils.js';
+
 import { createTables, seedCloud, seedTables } from './tables.js';
 
 export const seedByPool = async (pool: DatabasePool, cloud = false) => {

packages/cli/src/commands/database/seed/oidc-config.ts

@@ -1,4 +1,4 @@
-import { readFile } from 'fs/promises';
+import { readFile } from 'node:fs/promises';
 
 import type { LogtoOidcConfigType } from '@logto/schemas';
 import { LogtoOidcConfigKey, logtoConfigGuards } from '@logto/schemas';

packages/cli/src/commands/database/seed/tables.ts

@@ -1,5 +1,5 @@
-import { readdir, readFile } from 'fs/promises';
-import path from 'path';
+import { readdir, readFile } from 'node:fs/promises';
+import path from 'node:path';
 
 import {
   createDefaultAdminConsoleConfig,
@@ -26,6 +26,7 @@ import { insertInto } from '../../../database.js';
 import { getDatabaseName } from '../../../queries/database.js';
 import { updateDatabaseTimestamp } from '../../../queries/system.js';
 import { getPathInModule, log } from '../../../utils.js';
+
 import { appendAdminConsoleRedirectUris } from './cloud.js';
 import { seedOidcConfigs } from './oidc-config.js';
 import { assignScopesToRole, createTenant, seedAdminData } from './tenant.js';

packages/cli/src/commands/database/seed/tenant.ts

@@ -1,6 +1,11 @@
 import { generateStandardId } from '@logto/core-kit';
-import type { TenantModel, AdminData, UpdateAdminData, CreateScope } from '@logto/schemas';
-import { CreateRolesScope } from '@logto/schemas';
+import type {
+  TenantModel,
+  AdminData,
+  UpdateAdminData,
+  CreateScope,
+  CreateRolesScope,
+} from '@logto/schemas';
 import { createTenantMetadata } from '@logto/shared';
 import { assert } from '@silverhand/essentials';
 import type { CommonQueryMethods } from 'slonik';

packages/cli/src/commands/database/utils.ts

@@ -1,5 +1,5 @@
-import { generateKeyPair } from 'crypto';
-import { promisify } from 'util';
+import { generateKeyPair } from 'node:crypto';
+import { promisify } from 'node:util';
 
 import { generateStandardId } from '@logto/core-kit';
 

packages/cli/src/commands/install/index.ts

@@ -3,6 +3,7 @@ import type { CommandModule } from 'yargs';
 
 import { getDatabaseUrlFromConfig } from '../../database.js';
 import { log } from '../../utils.js';
+
 import {
   validateNodeVersion,
   inquireInstancePath,

packages/cli/src/commands/install/utils.ts

@@ -1,8 +1,8 @@
-import { execSync } from 'child_process';
-import { existsSync } from 'fs';
-import fs from 'fs/promises';
-import os from 'os';
-import path from 'path';
+import { execSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import fs from 'node:fs/promises';
+import os from 'node:os';
+import path from 'node:path';
 
 import { assert } from '@silverhand/essentials';
 import chalk from 'chalk';

packages/cli/src/connector/loader.ts

@@ -1,4 +1,4 @@
-import path from 'path';
+import path from 'node:path';
 
 import type { AllConnector, CreateConnector } from '@logto/connector-kit';
 import connectorKitMeta from '@logto/connector-kit/package.json' assert { type: 'json' };

packages/cli/src/connector/utils.ts

@@ -1,6 +1,6 @@
-import { existsSync } from 'fs';
-import { readFile } from 'fs/promises';
-import path from 'path';
+import { existsSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
 
 import type {
   AllConnector,

packages/cli/src/queries/system.test.ts

@@ -5,6 +5,7 @@ import { createMockPool, createMockQueryResult, sql } from 'slonik';
 
 import type { QueryType } from '../test-utils.js';
 import { expectSqlAssert } from '../test-utils.js';
+
 import { updateDatabaseTimestamp, getCurrentDatabaseAlterationTimestamp } from './system.js';
 
 const { jest } = import.meta;

packages/cli/src/utils.ts

@@ -1,8 +1,8 @@
-import { execSync } from 'child_process';
-import { createWriteStream, existsSync } from 'fs';
-import { readdir, readFile } from 'fs/promises';
-import { createRequire } from 'module';
-import path from 'path';
+import { execSync } from 'node:child_process';
+import { createWriteStream, existsSync } from 'node:fs';
+import { readdir, readFile } from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import path from 'node:path';
 
 import type { Optional } from '@silverhand/essentials';
 import { conditionalString } from '@silverhand/essentials';

packages/cloud/package.json

@@ -44,9 +44,9 @@
     "zod": "^3.20.2"
   },
   "devDependencies": {
-    "@silverhand/eslint-config": "2.0.1",
-    "@silverhand/jest-config": "^2.0.1",
-    "@silverhand/ts-config": "2.0.3",
+    "@silverhand/eslint-config": "3.0.0",
+    "@silverhand/jest-config": "3.0.0",
+    "@silverhand/ts-config": "3.0.0",
     "@types/accepts": "^1.3.5",
     "@types/http-proxy": "^1.17.9",
     "@types/jest": "^29.4.0",

packages/cloud/src/queries/tenants.ts

@@ -1,14 +1,13 @@
 import assert from 'node:assert';
 
 import { generateStandardId } from '@logto/core-kit';
-import type { AdminData, TenantModel } from '@logto/schemas';
 import {
   adminConsoleApplicationId,
   adminTenantId,
   getManagementApiResourceIndicator,
   PredefinedScope,
-  CreateRolesScope,
 } from '@logto/schemas';
+import type { AdminData, TenantModel, CreateRolesScope } from '@logto/schemas';
 import type { PostgreSql } from '@withtyped/postgres';
 import { jsonb, dangerousRaw, id, sql } from '@withtyped/postgres';
 import type { Queryable } from '@withtyped/server';

packages/cloud/src/utils/connector/index.ts

@@ -1,6 +1,6 @@
-import { existsSync } from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import { existsSync } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 import { loadConnectorFactories as _loadConnectorFactories } from '@logto/cli/lib/connector/index.js';
 import { connectorDirectory } from '@logto/cli/lib/constants.js';

packages/console/package.json

@@ -35,11 +35,11 @@
     "@parcel/transformer-mdx": "2.8.3",
     "@parcel/transformer-sass": "2.8.3",
     "@parcel/transformer-svg-react": "2.8.3",
-    "@silverhand/eslint-config": "2.0.1",
-    "@silverhand/eslint-config-react": "2.0.1",
+    "@silverhand/eslint-config": "3.0.0",
+    "@silverhand/eslint-config-react": "3.0.0",
     "@silverhand/essentials": "^2.5.0",
-    "@silverhand/ts-config": "2.0.3",
-    "@silverhand/ts-config-react": "2.0.3",
+    "@silverhand/ts-config": "3.0.0",
+    "@silverhand/ts-config-react": "3.0.0",
     "@tsconfig/docusaurus": "^1.0.5",
     "@types/color": "^3.0.3",
     "@types/mdx": "^2.0.1",

packages/console/src/components/ActionMenu/index.tsx

@@ -6,6 +6,7 @@ import type { HorizontalAlignment } from '@/types/positioning';
 
 import type { Props as ButtonProps } from '../Button';
 import Dropdown from '../Dropdown';
+
 import ActionMenuButton from './ActionMenuButton';
 import * as styles from './index.module.scss';
 

packages/console/src/components/Alert/index.tsx

@@ -7,6 +7,7 @@ import Info from '@/assets/images/info.svg';
 
 import Button from '../Button';
 import TextLink from '../TextLink';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/AuditLogTable/index.tsx

@@ -15,6 +15,7 @@ import { buildUrl } from '@/utils/url';
 import EmptyDataPlaceholder from '../EmptyDataPlaceholder';
 import Table from '../Table';
 import type { Column } from '../Table/types';
+
 import ApplicationSelector from './components/ApplicationSelector';
 import EventName from './components/EventName';
 import EventSelector from './components/EventSelector';

packages/console/src/components/Button/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { Ring as Spinner } from '@/components/Spinner';
 
 import type DangerousRaw from '../DangerousRaw';
+
 import * as styles from './index.module.scss';
 
 export type ButtonType =

packages/console/src/components/CardTitle/index.tsx

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import type DangerousRaw from '../DangerousRaw';
 import TextLink from '../TextLink';
+
 import * as styles from './index.module.scss';
 
 export type Props = {

packages/console/src/components/Checkbox/index.tsx

@@ -5,6 +5,7 @@ import { useLayoutEffect, useState } from 'react';
 import { onKeyDownHandler } from '@/utils/a11y';
 
 import { Tooltip } from '../Tip';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/CodeEditor/index.tsx

@@ -6,6 +6,7 @@ import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { a11yDark as a11yDarkTheme } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 import CopyToClipboard from '../CopyToClipboard';
+
 import * as styles from './index.module.scss';
 import { lineNumberContainerStyle, lineNumberStyle, customStyle } from './utils';
 

packages/console/src/components/ConfirmModal/index.tsx

@@ -8,6 +8,7 @@ import Button from '@/components/Button';
 import * as modalStyles from '@/scss/modal.module.scss';
 
 import ModalLayout from '../ModalLayout';
+
 import * as styles from './index.module.scss';
 
 export type ConfirmModalProps = {

packages/console/src/components/ConnectorLogo/index.tsx

@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import useTheme from '@/hooks/use-theme';
 
 import ImageWithErrorFallback from '../ImageWithErrorFallback';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/CopyToClipboard/index.tsx

@@ -11,6 +11,7 @@ import { onKeyDownHandler } from '@/utils/a11y';
 
 import IconButton from '../IconButton';
 import { Tooltip } from '../Tip';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/DetailsForm/index.tsx

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 import type { ReactNode } from 'react';
 
 import SubmitFormChangesActionBar from '../SubmitFormChangesActionBar';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/DetailsPage/index.tsx

@@ -10,6 +10,7 @@ import type DangerousRaw from '../DangerousRaw';
 import DetailsSkeleton from '../DetailsSkeleton';
 import RequestDataError from '../RequestDataError';
 import TextLink from '../TextLink';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Drawer/index.tsx

@@ -6,6 +6,7 @@ import Close from '@/assets/images/close.svg';
 import CardTitle from '../CardTitle';
 import IconButton from '../IconButton';
 import Spacer from '../Spacer';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Dropdown/index.tsx

@@ -14,6 +14,7 @@ import type { HorizontalAlignment } from '@/types/positioning';
 import { onKeyDownHandler } from '@/utils/a11y';
 
 import OverlayScrollbar from '../OverlayScrollbar';
+
 import * as styles from './index.module.scss';
 
 export { default as DropdownItem } from './DropdownItem';

packages/console/src/components/FormCard/index.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import Card from '../Card';
 import TextLink from '../TextLink';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/FormField/index.tsx

@@ -10,6 +10,7 @@ import IconButton from '../IconButton';
 import Spacer from '../Spacer';
 import { ToggleTip } from '../Tip';
 import type { Props as ToggleTipProps } from '../Tip/ToggleTip';
+
 import * as styles from './index.module.scss';
 
 export type Props = {

packages/console/src/components/LivePreviewButton/index.tsx

@@ -10,6 +10,7 @@ import useConfigs from '@/hooks/use-configs';
 import type { Props as ButtonProps, ButtonType } from '../Button';
 import Button from '../Button';
 import { Tooltip } from '../Tip';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Markdown/index.tsx

@@ -6,6 +6,7 @@ import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
 import CodeEditor from '../CodeEditor';
+
 import GithubRawImage from './components/GithubRawImage';
 import * as styles from './index.module.scss';
 

packages/console/src/components/ModalLayout/index.tsx

@@ -7,6 +7,7 @@ import Card from '../Card';
 import type { Props as CardTitleProps } from '../CardTitle';
 import CardTitle from '../CardTitle';
 import IconButton from '../IconButton';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/MultiTextInput/index.tsx

@@ -12,6 +12,7 @@ import Button from '../Button';
 import ConfirmModal from '../ConfirmModal';
 import IconButton from '../IconButton';
 import TextInput from '../TextInput';
+
 import * as styles from './index.module.scss';
 import type { MultiTextInputError } from './types';
 

packages/console/src/components/MultiTextInputField/index.tsx

@@ -5,6 +5,7 @@ import FormField from '@/components/FormField';
 import type { Props as MultiTextInputProps } from '@/components/MultiTextInput';
 
 import MultiTextInput from '../MultiTextInput';
+
 import * as styles from './index.module.scss';
 
 type Props = MultiTextInputProps &

packages/console/src/components/Pagination/index.tsx

@@ -6,6 +6,7 @@ import useCacheValue from '@/hooks/use-cache-value';
 
 import Button from '../Button';
 import DangerousRaw from '../DangerousRaw';
+
 import Next from './Next';
 import Previous from './Previous';
 import * as styles from './index.module.scss';

packages/console/src/components/PermissionsTable/index.tsx

@@ -20,6 +20,7 @@ import useDocumentationUrl from '@/hooks/use-documentation-url';
 import EmptyDataPlaceholder from '../EmptyDataPlaceholder';
 import type { Props as PaginationProps } from '../Pagination';
 import TablePlaceholder from '../Table/TablePlaceholder';
+
 import * as styles from './index.module.scss';
 
 type SearchProps = {

packages/console/src/components/RadioGroup/Radio.tsx

@@ -5,6 +5,7 @@ import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type DangerousRaw from '../DangerousRaw';
+
 import * as styles from './Radio.module.scss';
 
 function Check() {

packages/console/src/components/RequestDataError/index.tsx

@@ -9,6 +9,7 @@ import useTheme from '@/hooks/use-theme';
 
 import Button from '../Button';
 import Card from '../Card';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/RoleScopesTransfer/components/ResourceItem/index.tsx

@@ -11,6 +11,7 @@ import { onKeyDownHandler } from '@/utils/a11y';
 
 import type { DetailedResourceResponse } from '../../types';
 import SourceScopeItem from '../SourceScopeItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/RoleScopesTransfer/components/SourceScopesBox/index.tsx

@@ -15,6 +15,7 @@ import type { RequestError } from '@/hooks/use-api';
 import * as transferLayout from '@/scss/transfer.module.scss';
 
 import ResourceItem from '../ResourceItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/RoleScopesTransfer/components/TargetScopesBox/index.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import * as transferLayout from '@/scss/transfer.module.scss';
 
 import TargetScopeItem from '../TargetScopeItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/RoleUsersTransfer/components/SourceUsersBox/index.tsx

@@ -17,6 +17,7 @@ import * as transferLayout from '@/scss/transfer.module.scss';
 import { buildUrl, formatSearchKeyword } from '@/utils/url';
 
 import SourceUserItem from '../SourceUserItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/RoleUsersTransfer/components/TargetUsersBox/index.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import * as transferLayout from '@/scss/transfer.module.scss';
 
 import TargetUserItem from '../TargetUserItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Search/index.tsx

@@ -6,6 +6,7 @@ import SearchIcon from '@/assets/images/search.svg';
 
 import Button from '../Button';
 import TextInput from '../TextInput';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Select/index.tsx

@@ -9,6 +9,7 @@ import { onKeyDownHandler } from '@/utils/a11y';
 
 import Dropdown, { DropdownItem } from '../Dropdown';
 import IconButton from '../IconButton';
+
 import * as styles from './index.module.scss';
 
 export type Option<T> = {

packages/console/src/components/SessionExpired/index.tsx

@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next';
 
 import AppError from '../AppError';
 import Button from '../Button';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/SignInExperiencePreview/components/ToggleUiThemeButton/index.tsx

@@ -6,6 +6,7 @@ import Sun from '@/assets/images/sun.svg';
 
 import type { Props as ButtonProps } from '../../../Button';
 import Button from '../../../Button';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/SubmitFormChangesActionBar/index.tsx

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
 
 import Button from '../Button';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Table/TableError.tsx

@@ -6,6 +6,7 @@ import RequestErrorImage from '@/assets/images/request-error.svg';
 import useTheme from '@/hooks/use-theme';
 
 import Button from '../Button';
+
 import * as styles from './TableError.module.scss';
 
 type Props = {

packages/console/src/components/Table/TablePlaceholder.tsx

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 import useTheme from '@/hooks/use-theme';
 
 import TextLink from '../TextLink';
+
 import * as styles from './TablePlaceholder.module.scss';
 
 type Props = {

packages/console/src/components/Table/index.tsx

@@ -8,6 +8,7 @@ import type { Props as PaginationProps } from '@/components/Pagination';
 import Pagination from '@/components/Pagination';
 
 import OverlayScrollbar from '../OverlayScrollbar';
+
 import TableEmptyWrapper from './TableEmptyWrapper';
 import TableError from './TableError';
 import TableLoading from './TableLoading';

packages/console/src/components/Tip/ToggleTip/index.tsx

@@ -14,6 +14,7 @@ import {
   getVerticalOffset,
   getHorizontalOffset,
 } from '../TipBubble/utils';
+
 import * as styles from './index.module.scss';
 
 export type Props = {

packages/console/src/components/Tip/Tooltip/index.tsx

@@ -14,6 +14,7 @@ import {
   getVerticalOffset,
   getHorizontalOffset,
 } from '../TipBubble/utils';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/Uploader/FileUploader/index.tsx

@@ -10,6 +10,7 @@ import useApi from '@/hooks/use-api';
 import { convertToFileExtensionArray } from '@/utils/uploader';
 
 import { Ring } from '../../Spinner';
+
 import * as styles from './index.module.scss';
 
 export type Props = {

packages/console/src/components/Uploader/ImageUploader/index.tsx

@@ -5,6 +5,7 @@ import Delete from '@/assets/images/delete.svg';
 import IconButton from '../../IconButton';
 import FileUploader from '../FileUploader';
 import type { Props as FileUploaderProps } from '../FileUploader';
+
 import * as styles from './index.module.scss';
 
 export const maxImageSizeLimit = 500 * 1024; // 500 KB

packages/console/src/components/Uploader/ImageUploaderField/index.tsx

@@ -6,6 +6,7 @@ import { convertToFileExtensionArray } from '@/utils/uploader';
 
 import ImageUploader, { maxImageSizeLimit, allowedImageMimeTypes } from '../ImageUploader';
 import type { Props as ImageUploaderProps } from '../ImageUploader';
+
 import * as styles from './index.module.scss';
 
 type Props = Pick<ImageUploaderProps, 'name' | 'value' | 'actionDescription'> & {

packages/console/src/components/UserAvatar/index.tsx

@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import DefaultAvatar from '@/assets/images/default-avatar.svg';
 
 import ImageWithErrorFallback from '../ImageWithErrorFallback';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/UserInfoCard/index.tsx

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 
 import UserAvatar from '../UserAvatar';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/UserRolesTransfer/components/SourceRolesBox/index.tsx

@@ -17,6 +17,7 @@ import * as transferLayout from '@/scss/transfer.module.scss';
 import { buildUrl } from '@/utils/url';
 
 import SourceRoleItem from '../SourceRoleItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/components/UserRolesTransfer/components/TargetRolesBox/index.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import * as transferLayout from '@/scss/transfer.module.scss';
 
 import TargetRoleItem from '../TargetRoleItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/containers/AppContent/components/Topbar/index.tsx

@@ -9,6 +9,7 @@ import EarlyBirdGift from '@/onboarding/components/EarlyBirdGift';
 import GetStartedProgress from '@/pages/GetStarted/components/GetStartedProgress';
 
 import UserInfo from '../UserInfo';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/containers/AppContent/components/UserInfo/index.tsx

@@ -24,6 +24,7 @@ import { onKeyDownHandler } from '@/utils/a11y';
 
 import SubMenu from '../SubMenu';
 import UserInfoSkeleton from '../UserInfoSkeleton';
+
 import * as styles from './index.module.scss';
 
 function UserInfo() {

packages/console/src/containers/AppContent/index.tsx

@@ -15,9 +15,10 @@ import Broadcast from '@/onboarding/components/Broadcast';
 
 import { getPath } from '../ConsoleContent/Sidebar';
 import { useSidebarMenuItems } from '../ConsoleContent/Sidebar/hook';
+
 import Topbar from './components/Topbar';
 import * as styles from './index.module.scss';
-import { AppContentOutletContext } from './types';
+import { type AppContentOutletContext } from './types';
 
 function AppContent() {
   const { isAuthenticated, isLoading: isLogtoLoading, error, signIn } = useLogto();

packages/console/src/containers/ConsoleContent/Sidebar/components/Item/index.tsx

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 
 import { getPath } from '../../utils';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/containers/ConsoleContent/index.tsx

@@ -38,6 +38,7 @@ import UserSettings from '@/pages/UserDetails/UserSettings';
 import Users from '@/pages/Users';
 
 import type { AppContentOutletContext } from '../AppContent/types';
+
 import Sidebar from './Sidebar';
 import * as styles from './index.module.scss';
 

packages/console/src/hooks/use-swr-fetcher.ts

@@ -1,4 +1,4 @@
-import { HTTPError } from 'ky';
+import { HTTPError, type Options } from 'ky';
 import type { KyInstance } from 'ky/distribution/types/ky';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -17,7 +17,7 @@ const useSwrFetcher: useSwrFetcherHook = <T>(api: KyInstance) => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
 
   const fetcher = useCallback<BareFetcher<T | WithTotalNumber<T>>>(
-    async (resource, init) => {
+    async (resource: string | URL, init: Options) => {
       try {
         const response = await api.get(resource, init);
         const data = await response.json<T>();

packages/console/src/mdx-components/Tabs/index.tsx

@@ -9,6 +9,7 @@ import type { Nullable } from '@silverhand/essentials';
 import { useState, isValidElement, type ReactElement, cloneElement, useRef, Children } from 'react';
 
 import type { Props as TabItemProps } from '../TabItem';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/onboarding/components/ActionBar/index.tsx

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 
 import ProgressBar from '../ProgressBar';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/onboarding/components/CardSelector/MultiCardSelector/CardItem.tsx

@@ -6,6 +6,7 @@ import { Tooltip } from '@/components/Tip';
 import { onKeyDownHandler } from '@/utils/a11y';
 
 import type { MultiCardSelectorOption } from '../types';
+
 import * as styles from './CardItem.module.scss';
 
 type Props = {

packages/console/src/onboarding/components/CardSelector/MultiCardSelector/index.tsx

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
 
 import type { MultiCardSelectorOption } from '../types';
+
 import CardItem from './CardItem';
 import * as styles from './index.module.scss';
 

packages/console/src/onboarding/components/EarlyBirdGift/GiftModal/index.tsx

@@ -5,6 +5,7 @@ import ModalLayout from '@/components/ModalLayout';
 import * as modalStyles from '@/scss/modal.module.scss';
 
 import Reservation from '../../Reservation';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/onboarding/pages/About/index.tsx

@@ -18,6 +18,7 @@ import { CardSelector, MultiCardSelector } from '../../components/CardSelector';
 import type { Questionnaire } from '../../types';
 import { OnboardingPage } from '../../types';
 import { getOnboardingPage } from '../../utils';
+
 import * as styles from './index.module.scss';
 import { titleOptions, companySizeOptions, reasonOptions } from './options';
 

packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx

@@ -9,6 +9,7 @@ import useConnectorGroups from '@/hooks/use-connector-groups';
 import type { OnboardingSieConfig } from '@/onboarding/types';
 
 import { randomSieConfigTemplate } from '../../sie-config-templates';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/onboarding/pages/SignInExperience/components/Preview/index.tsx

@@ -8,6 +8,7 @@ import SignInExperiencePreview from '@/components/SignInExperiencePreview';
 import { PreviewPlatform } from '@/components/SignInExperiencePreview/types';
 
 import PlatformTabs from '../PlatformTabs';
+
 import * as styles from './index.module.scss';
 
 type Props = {

packages/console/src/onboarding/pages/SignInExperience/components/Skeleton/index.tsx

@@ -1,6 +1,7 @@
 import * as pageLayout from '@/onboarding/scss/layout.module.scss';
 
 import * as sieLayout from '../../index.module.scss';
+
 import * as styles from './index.module.scss';
 
 function Skeleton() {

packages/console/src/onboarding/pages/Welcome/index.tsx

@@ -17,6 +17,7 @@ import { withAppInsights } from '@/utils/app-insights';
 import type { Questionnaire } from '../../types';
 import { OnboardingPage } from '../../types';
 import { getOnboardingPage } from '../../utils';
+
 import * as styles from './index.module.scss';
 import { deploymentTypeOptions, projectOptions } from './options';
 

packages/console/src/pages/ApiResourceDetails/ApiResourcePermissions/index.tsx

@@ -15,6 +15,7 @@ import useSearchParametersWatcher from '@/hooks/use-search-parameters-watcher';
 import { buildUrl, formatSearchKeyword } from '@/utils/url';
 
 import type { ApiResourceDetailsOutletContext } from '../types';
+
 import CreatePermissionModal from './components/CreatePermissionModal';
 
 const pageSize = defaultPageSize;

packages/console/src/pages/ApiResourceDetails/index.tsx

@@ -24,7 +24,7 @@ import useTheme from '@/hooks/use-theme';
 import { withAppInsights } from '@/utils/app-insights';
 
 import * as styles from './index.module.scss';
-import { ApiResourceDetailsOutletContext } from './types';
+import { type ApiResourceDetailsOutletContext } from './types';
 
 function ApiResourceDetails() {
   const { pathname } = useLocation();

packages/console/src/pages/ApplicationDetails/index.tsx

@@ -28,6 +28,7 @@ import { withAppInsights } from '@/utils/app-insights';
 
 import Guide from '../Applications/components/Guide';
 import GuideModal from '../Applications/components/Guide/GuideModal';
+
 import AdvancedSettings from './components/AdvancedSettings';
 import Settings from './components/Settings';
 import * as styles from './index.module.scss';

packages/console/src/pages/Applications/components/ApplicationsPlaceholder/index.tsx

@@ -10,6 +10,7 @@ import useConfigs from '@/hooks/use-configs';
 import { applicationTypeI18nKey } from '@/types/applications';
 
 import TypeDescription from '../TypeDescription';
+
 import * as styles from './index.module.scss';
 
 const defaultAppName = 'My App';

packages/console/src/pages/Applications/components/CreateForm/index.tsx

@@ -16,6 +16,7 @@ import * as modalStyles from '@/scss/modal.module.scss';
 import { applicationTypeI18nKey } from '@/types/applications';
 
 import TypeDescription from '../TypeDescription';
+
 import * as styles from './index.module.scss';
 
 type FormData = {

packages/console/src/pages/Applications/components/Guide/index.tsx

@@ -16,6 +16,7 @@ import { applicationTypeAndSdkTypeMappings } from '@/types/applications';
 import GuideHeader from '../GuideHeader';
 import SdkSelector from '../SdkSelector';
 import StepsSkeleton from '../StepsSkeleton';
+
 import * as styles from './index.module.scss';
 
 type Props = {
@@ -90,7 +91,7 @@ function Guide({ app, isCompact, onClose }: Props) {
         <MDXProvider
           components={{
             code: ({ className, children }) => {
-              const [, language] = /language-(\w+)/.exec(className ?? '') ?? [];
+              const [, language] = /language-(\w+)/.exec(String(className ?? '')) ?? [];
 
               return language ? (
                 <CodeEditor isReadonly language={language} value={String(children)} />

packages/console/src/pages/ConnectorDetails/index.tsx

@@ -27,6 +27,7 @@ import useConnectorInUse from '@/hooks/use-connector-in-use';
 import { withAppInsights } from '@/utils/app-insights';
 
 import CreateForm from '../Connectors/components/CreateForm';
+
 import ConnectorContent from './components/ConnectorContent';
 import ConnectorTabs from './components/ConnectorTabs';
 import ConnectorTypeName from './components/ConnectorTypeName';

packages/console/src/pages/Connectors/components/ConfigForm/index.tsx

@@ -14,6 +14,7 @@ import Textarea from '@/components/Textarea';
 import { jsonValidator } from '@/utils/validator';
 
 import type { ConnectorFormType } from '../../types';
+
 import * as styles from './ConfigForm.module.scss';
 
 type Props = {

packages/console/src/pages/Connectors/components/ConnectorForm/BasicForm.tsx

@@ -16,6 +16,7 @@ import { uriValidator } from '@/utils/validator';
 
 import type { ConnectorFormType } from '../../types';
 import { SyncProfileMode } from '../../types';
+
 import * as styles from './BasicForm.module.scss';
 
 type Props = {

packages/console/src/pages/Connectors/components/ConnectorForm/ConfigForm.tsx

@@ -12,6 +12,7 @@ import { jsonValidator } from '@/utils/validator';
 
 import type { ConnectorFormType } from '../../types';
 import ConfigFormItems from '../ConfigForm';
+
 import * as styles from './ConfigForm.module.scss';
 
 type Props = {

packages/console/src/pages/Connectors/components/CreateForm/index.tsx

@@ -14,6 +14,7 @@ import type { RequestError } from '@/hooks/use-api';
 import * as modalStyles from '@/scss/modal.module.scss';
 
 import { getConnectorGroups } from '../../utils';
+
 import PlatformSelector from './PlatformSelector';
 import * as styles from './index.module.scss';
 import { getConnectorOrder } from './utils';

packages/console/src/pages/Connectors/components/Guide/index.tsx

@@ -32,6 +32,7 @@ import BasicForm from '../ConnectorForm/BasicForm';
 import ConfigForm from '../ConnectorForm/ConfigForm';
 import { useConnectorFormConfigParser } from '../ConnectorForm/hooks';
 import { initFormData } from '../ConnectorForm/utils';
+
 import * as styles from './index.module.scss';
 
 const targetErrorCode = 'connector.multiple_target_with_same_platform';

packages/console/src/pages/Dashboard/index.tsx

@@ -122,7 +122,7 @@ function Dashboard() {
                     axisLine={false}
                     tickLine={false}
                     tick={tickStyle}
-                    tickFormatter={(tick) => tickFormatter.format(tick).toLowerCase()}
+                    tickFormatter={(tick) => tickFormatter.format(Number(tick)).toLowerCase()}
                   />
                   <Tooltip content={<ChartTooltip />} cursor={{ stroke: 'var(--color-primary' }} />
                 </AreaChart>