@d-fischer/documen.ts 0.16.9 → 0.17.0

package/src/common/containers/PageHeader.tsx

@@ -1,5 +1,5 @@
 import { makeStyles } from '@mui/styles';
-import React from 'react';
+import { type PropsWithChildren } from 'react';
 
 const useStyles = makeStyles(
 	theme => ({
@@ -24,7 +24,7 @@ const useStyles = makeStyles(
 	{ name: 'PageHeader' }
 );
 
-const PageHeader: React.FC = ({ children }) => {
+const PageHeader = ({ children }: PropsWithChildren) => {
 	const classes = useStyles();
 	return <div className={classes.root}>{children}</div>;
 };

package/src/common/containers/PageSwitch.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Route, Routes } from 'react-router-dom';
-import ClassPage from '../pages/ClassPage';
-import DocPage from '../pages/DocPage';
-import EnumPage from '../pages/EnumPage';
-import FunctionPage from '../pages/FunctionPage';
-import InterfacePage from '../pages/InterfacePage';
-import TypeAliasPage from '../pages/TypeAliasPage';
+import { Route, Routes } from 'react-router';
+import ClassPage from '../pages/ClassPage.js';
+import DocPage from '../pages/DocPage.js';
+import EnumPage from '../pages/EnumPage.js';
+import FunctionPage from '../pages/FunctionPage.js';
+import InterfacePage from '../pages/InterfacePage.js';
+import TypeAliasPage from '../pages/TypeAliasPage.js';
 
 const PageSwitch: React.FunctionComponent = () => (
 	<Routes>

package/src/common/containers/ReferencePackageContainer.tsx

@@ -1,12 +1,12 @@
 import { groupBy } from '@d-fischer/shared-utils';
 import { makeStyles } from '@mui/styles';
 import React, { useContext, useMemo } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 
-import NavMenu from '../components/NavMenu';
-import NavMenuGroup from '../components/NavMenuGroup';
-import NavMenuItem from '../components/NavMenuItem';
-import { ConfigContext } from '../config';
+import NavMenu from '../components/NavMenu.js';
+import NavMenuGroup from '../components/NavMenuGroup.js';
+import NavMenuItem from '../components/NavMenuItem.js';
+import { ConfigContext } from '../config/index.js';
 import type {
 	ClassReferenceNode,
 	EnumReferenceNode,
@@ -14,13 +14,13 @@ import type {
 	InterfaceReferenceNode,
 	ReferenceNode,
 	TypeAliasReferenceNode
-} from '../reference';
-import { partition } from '../tools/ArrayTools';
-import { getPageType } from '../tools/CodeTools';
-import { checkVisibility, defaultNodeSort, getNodeMeta } from '../tools/NodeTools';
-import { getPackageRoot } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
-import PageSwitch from './PageSwitch';
+} from '../reference/index.js';
+import { partition } from '../tools/ArrayTools.js';
+import { getPageType } from '../tools/CodeTools.js';
+import { checkVisibility, defaultNodeSort, getNodeMeta } from '../tools/NodeTools.js';
+import { getPackageRoot } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
+import PageSwitch from './PageSwitch.js';
 
 const useStyles = makeStyles(
 	{
@@ -111,7 +111,7 @@ export const ReferencePackageContainer: React.FC = () => {
 			<NavMenu className={classes.nav}>
 				{filledReferenceCategories?.map(cat => (
 					<NavMenuGroup key={cat.name} title={cat.title}>
-						{nodesByCategory[cat.name]!.map(node => (
+						{nodesByCategory[cat.name].map(node => (
 							<NavMenuItem
 								key={node.id}
 								path={`/reference${pkgPath}/${getPageType(node)}/${node.name}`}

package/src/common/htmlRenderer/HtmlRenderer.tsx

@@ -3,15 +3,14 @@ import { ServerStyleSheets, ThemeProvider } from '@mui/styles';
 import path from 'path';
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import { StaticRouter } from 'react-router-dom/server';
-import type { ArticleContent } from '../components/PageArticle';
-import { PageArticleContext } from '../components/PageArticle';
-import { ConfigContext } from '../config';
-import type { Config } from '../config/Config';
-import App from '../containers/App';
-import theme from '../theme';
-import type RouterMode from './RouterMode';
-import StaticRouterWithSuffix from './StaticRouterWithSuffix';
+import { StaticRouter } from 'react-router';
+import { type ArticleContent, PageArticleContext } from '../components/PageArticle.js';
+import type { Config } from '../config/Config.js';
+import { ConfigContext } from '../config/index.js';
+import App from '../containers/App.js';
+import theme from '../theme.js';
+import type RouterMode from './RouterMode.js';
+import StaticRouterWithSuffix from './StaticRouterWithSuffix.js';
 
 const insertIntoSkeleton = (html: string, css: string, baseUrl: string, config: Config) =>
 	`<!doctype html>

package/src/common/htmlRenderer/StaticRouterWithSuffix.tsx

@@ -22,7 +22,7 @@ const stripSuffix = (suffix: string, location: Location): Location => {
 
 const createUrl = (location: To, suffix?: string): string => {
 	if (typeof location === 'string') {
-		return (location.endsWith('/') || !suffix) ? location : `${location}${suffix}`;
+		return location.endsWith('/') || !suffix ? location : `${location}${suffix}`;
 	}
 	if (!location.pathname) {
 		return '/';
@@ -34,7 +34,12 @@ const createUrl = (location: To, suffix?: string): string => {
 	return createPath(location);
 };
 
-const StaticRouterWithSuffix: React.FunctionComponent<React.PropsWithChildren<StaticRouterWithSuffixProps>> = ({ children, location: loc, suffix, basename }) => {
+const StaticRouterWithSuffix: React.FunctionComponent<React.PropsWithChildren<StaticRouterWithSuffixProps>> = ({
+	children,
+	location: loc,
+	suffix,
+	basename
+}) => {
 	if (typeof loc === 'string') {
 		loc = parsePath(loc);
 	}
@@ -58,52 +63,44 @@ const StaticRouterWithSuffix: React.FunctionComponent<React.PropsWithChildren<St
 		push(to: To) {
 			throw new Error(
 				'You cannot use navigator.push() on the server because it is a stateless ' +
-				'environment. This error was probably triggered when you did a ' +
-				`\`navigate(${JSON.stringify(to)})\` somewhere in your app.`
+					'environment. This error was probably triggered when you did a ' +
+					`\`navigate(${JSON.stringify(to)})\` somewhere in your app.`
 			);
 		},
 		replace(to: To) {
 			throw new Error(
 				'You cannot use navigator.replace() on the server because it is a stateless ' +
-				'environment. This error was probably triggered when you did a ' +
-				`\`navigate(${JSON.stringify(to)}, { replace: true })\` somewhere ` +
-				'in your app.'
+					'environment. This error was probably triggered when you did a ' +
+					`\`navigate(${JSON.stringify(to)}, { replace: true })\` somewhere ` +
+					'in your app.'
 			);
 		},
 		go(delta: number) {
 			throw new Error(
 				'You cannot use navigator.go() on the server because it is a stateless ' +
-				'environment. This error was probably triggered when you did a ' +
-				`\`navigate(${delta})\` somewhere in your app.`
+					'environment. This error was probably triggered when you did a ' +
+					`\`navigate(${delta})\` somewhere in your app.`
 			);
 		},
 		back() {
 			throw new Error(
-				'You cannot use navigator.back() on the server because it is a stateless ' +
-				'environment.'
+				'You cannot use navigator.back() on the server because it is a stateless ' + 'environment.'
 			);
 		},
 		forward() {
 			throw new Error(
-				'You cannot use navigator.forward() on the server because it is a stateless ' +
-				'environment.'
+				'You cannot use navigator.forward() on the server because it is a stateless ' + 'environment.'
 			);
 		},
 		block() {
 			throw new Error(
-				'You cannot use navigator.block() on the server because it is a stateless ' +
-				'environment.'
+				'You cannot use navigator.block() on the server because it is a stateless ' + 'environment.'
 			);
 		}
 	};
 
 	return (
-		<Router
-			basename={basename}
-			location={location}
-			navigator={staticNavigator}
-			static={true}
-		>
+		<Router basename={basename} location={location} navigator={staticNavigator} static={true}>
 			{children}
 		</Router>
 	);

package/src/common/pages/ClassPage.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
-import { Navigate, useParams } from 'react-router-dom';
-import BetaNotice from '../components/BetaNotice';
-import EventCard from '../components/cards/EventCard';
-import MethodCard from '../components/cards/MethodCard';
-import PropertyCard from '../components/cards/PropertyCard';
-import DeprecationNotice from '../components/DeprecationNotice';
-import OverviewTable from '../components/overviewTable/OverviewTable';
-import SymbolHeader from '../components/SymbolHeader';
-import PageContent from '../containers/PageContent';
-import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer';
+import { Navigate, useParams } from 'react-router';
+import BetaNotice from '../components/BetaNotice.js';
+import EventCard from '../components/cards/EventCard.js';
+import MethodCard from '../components/cards/MethodCard.js';
+import PropertyCard from '../components/cards/PropertyCard.js';
+import DeprecationNotice from '../components/DeprecationNotice.js';
+import OverviewTable from '../components/overviewTable/OverviewTable.js';
+import SymbolHeader from '../components/SymbolHeader.js';
+import PageContent from '../containers/PageContent.js';
+import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer.js';
 import type {
 	AccessorReferenceNode,
 	CallSignatureReferenceNode,
@@ -16,13 +16,13 @@ import type {
 	ConstructorReferenceNode,
 	MethodReferenceNode,
 	PropertyReferenceNode
-} from '../reference';
-import { partition } from '../tools/ArrayTools';
-import { getPageType, getTag, hasTag } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { checkVisibility, defaultNodeSort } from '../tools/NodeTools';
-import { filterChildrenByMember, findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+} from '../reference/index.js';
+import { partition } from '../tools/ArrayTools.js';
+import { getPageType, getTag, hasTag } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { checkVisibility, defaultNodeSort } from '../tools/NodeTools.js';
+import { filterChildrenByMember, findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 interface ClassPageRouteParams extends PackageContainerRouteParams {
 	name: string;

package/src/common/pages/DocPage.tsx

@@ -1,15 +1,15 @@
 import { makeStyles } from '@mui/styles';
 import React, { useContext } from 'react';
-import { useParams } from 'react-router-dom';
-import NavMenu from '../components/NavMenu';
-import NavMenuGroup from '../components/NavMenuGroup';
-import NavMenuItem from '../components/NavMenuItem';
-import PageArticle, { PageArticleContext } from '../components/PageArticle';
-import { ConfigContext, mockFs } from '../config';
-import type { ConfigArticleCategory, ConfigInternalArticle } from '../config/Config';
-import PageContent from '../containers/PageContent';
+import { useParams } from 'react-router';
+import NavMenu from '../components/NavMenu.js';
+import NavMenuGroup from '../components/NavMenuGroup.js';
+import NavMenuItem from '../components/NavMenuItem.js';
+import PageArticle, { PageArticleContext } from '../components/PageArticle.js';
+import type { ConfigArticleCategory, ConfigInternalArticle } from '../config/Config.js';
+import { ConfigContext, mockFs } from '../config/index.js';
+import PageContent from '../containers/PageContent.js';
 
-import PageHeader from '../containers/PageHeader';
+import PageHeader from '../containers/PageHeader.js';
 
 interface DocPageRouteParams {
 	category?: string;
@@ -97,7 +97,7 @@ const DocPage: React.FC = () => {
 								) : (
 									<NavMenuItem
 										key={art.name}
-										path={`/docs/${confCategory!.name}/${grp.name}/${art.name}`}
+										path={`/docs/${confCategory.name}/${grp.name}/${art.name}`}
 										title={art.title}
 									>
 										{art.title}

package/src/common/pages/EnumPage.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
-import { Navigate, useParams } from 'react-router-dom';
-import BetaNotice from '../components/BetaNotice';
-import DeprecationNotice from '../components/DeprecationNotice';
-import OverviewTable from '../components/overviewTable/OverviewTable';
-import SymbolHeader from '../components/SymbolHeader';
-import Card from '../containers/Card';
-import PageContent from '../containers/PageContent';
-import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer';
-import type { EnumMemberReferenceNode, EnumReferenceNode } from '../reference';
-import { getPageType, getTag, hasTag } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { defaultNodeSort } from '../tools/NodeTools';
-import { filterChildrenByMember, findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+import { Navigate, useParams } from 'react-router';
+import BetaNotice from '../components/BetaNotice.js';
+import DeprecationNotice from '../components/DeprecationNotice.js';
+import OverviewTable from '../components/overviewTable/OverviewTable.js';
+import SymbolHeader from '../components/SymbolHeader.js';
+import Card from '../containers/Card.js';
+import PageContent from '../containers/PageContent.js';
+import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer.js';
+import type { EnumMemberReferenceNode, EnumReferenceNode } from '../reference/index.js';
+import { getPageType, getTag, hasTag } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { defaultNodeSort } from '../tools/NodeTools.js';
+import { filterChildrenByMember, findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 interface EnumPageRouteParams extends PackageContainerRouteParams {
 	name: string;

package/src/common/pages/FunctionPage.tsx

@@ -1,19 +1,19 @@
 import React from 'react';
-import { Navigate, useParams } from 'react-router-dom';
-import BetaNotice from '../components/BetaNotice';
-import { FunctionCardHeader } from '../components/cards/FunctionCardHeader';
-import DeprecationNotice from '../components/DeprecationNotice';
-import FunctionParamDesc from '../components/FunctionParamDesc';
-import { FunctionReturnType } from '../components/FunctionReturnType';
-import SymbolHeader from '../components/SymbolHeader';
-import Card from '../containers/Card';
-import PageContent from '../containers/PageContent';
-import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer';
-import type { FunctionReferenceNode } from '../reference';
-import { getPageType, getTag, hasTag } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+import { Navigate, useParams } from 'react-router';
+import BetaNotice from '../components/BetaNotice.js';
+import { FunctionCardHeader } from '../components/cards/FunctionCardHeader.js';
+import DeprecationNotice from '../components/DeprecationNotice.js';
+import FunctionParamDesc from '../components/FunctionParamDesc.js';
+import { FunctionReturnType } from '../components/FunctionReturnType.js';
+import SymbolHeader from '../components/SymbolHeader.js';
+import Card from '../containers/Card.js';
+import PageContent from '../containers/PageContent.js';
+import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer.js';
+import type { FunctionReferenceNode } from '../reference/index.js';
+import { getPageType, getTag, hasTag } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 interface FunctionPageRouteParams extends PackageContainerRouteParams {
 	name: string;

package/src/common/pages/InterfacePage.tsx

@@ -1,18 +1,18 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import { Navigate, useParams } from 'react-router-dom';
-import BetaNotice from '../components/BetaNotice';
-import DeprecationNotice from '../components/DeprecationNotice';
-import InterfaceDetail from '../components/InterfaceDetail';
-import InterfaceRepresentation from '../components/InterfaceRepresentation';
-import SymbolHeader from '../components/SymbolHeader';
-import PageContent from '../containers/PageContent';
-import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer';
-import type { InterfaceReferenceNode } from '../reference';
-import { getPageType, getTag, hasTag } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+import { Navigate, useParams } from 'react-router';
+import BetaNotice from '../components/BetaNotice.js';
+import DeprecationNotice from '../components/DeprecationNotice.js';
+import InterfaceDetail from '../components/InterfaceDetail.js';
+import InterfaceRepresentation from '../components/InterfaceRepresentation.js';
+import SymbolHeader from '../components/SymbolHeader.js';
+import PageContent from '../containers/PageContent.js';
+import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer.js';
+import type { InterfaceReferenceNode } from '../reference/index.js';
+import { getPageType, getTag, hasTag } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 const useStyles = makeStyles(
 	{

package/src/common/pages/TypeAliasPage.tsx

@@ -1,17 +1,17 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import { Navigate, useParams } from 'react-router-dom';
-import BetaNotice from '../components/BetaNotice';
-import Type from '../components/codeBuilders/Type';
-import DeprecationNotice from '../components/DeprecationNotice';
-import SymbolHeader from '../components/SymbolHeader';
-import PageContent from '../containers/PageContent';
-import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer';
-import type { TypeAliasReferenceNode } from '../reference';
-import { getPageType, getTag, hasTag } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+import { Navigate, useParams } from 'react-router';
+import BetaNotice from '../components/BetaNotice.js';
+import Type from '../components/codeBuilders/Type.js';
+import DeprecationNotice from '../components/DeprecationNotice.js';
+import SymbolHeader from '../components/SymbolHeader.js';
+import PageContent from '../containers/PageContent.js';
+import type { PackageContainerRouteParams } from '../containers/ReferencePackageContainer.js';
+import type { TypeAliasReferenceNode } from '../reference/index.js';
+import { getPageType, getTag, hasTag } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 interface TypeAliasPageRouteParams extends PackageContainerRouteParams {
 	name: string;

package/src/common/reference/index.ts

@@ -268,7 +268,6 @@ export interface SerializedProject {
 }
 
 declare global {
-	// eslint-disable-next-line @typescript-eslint/naming-convention
 	const __DOCTS_REFERENCE: SerializedProject;
 }
 

package/src/common/tools/ArrayTools.ts

@@ -1,6 +1,15 @@
-export function partition<EntryType>(arr: Iterable<EntryType>, predicate: (val: EntryType) => boolean): [EntryType[], EntryType[]];
-export function partition<EntryType, TrueEntryType extends EntryType = EntryType>(arr: Iterable<EntryType>, predicate: (val: EntryType) => val is TrueEntryType): [EntryType[], TrueEntryType[]];
-export function partition<EntryType, TrueEntryType extends EntryType = EntryType>(arr: Iterable<EntryType>, predicate: (val: EntryType) => boolean): [EntryType[], TrueEntryType[]] {
+export function partition<EntryType>(
+	arr: Iterable<EntryType>,
+	predicate: (val: EntryType) => boolean
+): [EntryType[], EntryType[]];
+export function partition<EntryType, TrueEntryType extends EntryType = EntryType>(
+	arr: Iterable<EntryType>,
+	predicate: (val: EntryType) => val is TrueEntryType
+): [EntryType[], TrueEntryType[]];
+export function partition<EntryType, TrueEntryType extends EntryType = EntryType>(
+	arr: Iterable<EntryType>,
+	predicate: (val: EntryType) => boolean
+): [EntryType[], TrueEntryType[]] {
 	const falseResult: EntryType[] = [];
 	const trueResult: TrueEntryType[] = [];
 	for (const entry of arr) {
@@ -9,7 +18,11 @@ export function partition<EntryType, TrueEntryType extends EntryType = EntryType
 	return [falseResult, trueResult];
 }
 
-export function partitionedFlatMap<T, R>(arr: T[], keyMapper: (val: T) => string, valueMapper: (val: T) => R | R[]): Record<string, R[]> {
+export function partitionedFlatMap<T, R>(
+	arr: T[],
+	keyMapper: (val: T) => string,
+	valueMapper: (val: T) => R | R[]
+): Record<string, R[]> {
 	const result: Record<string, R[]> = {};
 	for (const entry of arr) {
 		const key = keyMapper(entry);
@@ -28,24 +41,27 @@ export function partitionedFlatMap<T, R>(arr: T[], keyMapper: (val: T) => string
 	return result;
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function findByMember<T extends object, K extends keyof T, R extends T>(arr: T[], key: K, value: T[K]): R | undefined {
+export function findByMember<T extends object, K extends keyof T, R extends T>(
+	arr: T[],
+	key: K,
+	value: T[K]
+): R | undefined {
 	return arr.find(obj => obj[key] === value) as R | undefined;
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export function filterByMember<T extends object, K extends keyof T, R extends T>(arr: T[], key: K, value: T[K]): R[] {
 	return arr.filter(obj => obj[key] === value) as R[];
 }
 
 export type ExtractIterable<T> = T extends Iterable<infer I> ? I : T;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function* zip<T extends Array<Iterable<unknown>>>(...args: T): Iterable<{ [K in keyof T]: ExtractIterable<T[K]> }> {
-	const iterators = args.map((x) => x[Symbol.iterator]());
+export function* zip<T extends Array<Iterable<unknown>>>(
+	...args: T
+): Iterable<{ [K in keyof T]: ExtractIterable<T[K]> }> {
+	const iterators = args.map(x => x[Symbol.iterator]());
 
 	while (true) {
-		const next = iterators.map((i) => i.next());
+		const next = iterators.map(i => i.next());
 		if (next.some(nx => nx.done)) {
 			break;
 		}

package/src/common/tools/CodeTools.tsx

@@ -1,4 +1,4 @@
-import type { ExternalPackageReference, ReferenceNode, ReferenceType } from '../reference';
+import type { ExternalPackageReference, ReferenceNode, ReferenceType } from '../reference/index.js';
 
 export const isOptionalType = (def?: ReferenceType) => {
 	if (!def) {

package/src/common/tools/ConfigTools.ts

@@ -59,7 +59,7 @@ function createConfigParsingHost() {
 	// from here https://github.com/Microsoft/TypeScript/blob/6fb0f6818ad48bf4f685e86c03405ddc84b530ed/src/compiler/program.ts#L2812
 	const configParsingHost: ts.ParseConfigFileHost = {
 		fileExists: f => tempCompilerHost.fileExists(f),
-		readDirectory: (root, extensions, includes, depth?) =>
+		readDirectory: (root, extensions, includes, depth) =>
 			tempCompilerHost.readDirectory ? tempCompilerHost.readDirectory(root, extensions, includes, depth) : [],
 		readFile: f => tempCompilerHost.readFile(f),
 		useCaseSensitiveFileNames: tempCompilerHost.useCaseSensitiveFileNames(),

package/src/common/tools/FunctionTools.ts

@@ -1,7 +1,6 @@
-import type React from 'react';
-import { useEffect } from 'react';
+import { type DependencyList, useEffect } from 'react';
 
-export function useAsyncEffect(fn: () => Promise<void>, deps: React.DependencyList) {
+export function useAsyncEffect(fn: () => Promise<void>, deps: DependencyList) {
 	useEffect(() => {
 		// drop promise to prevent React warning
 		void fn();

package/src/common/tools/NodeTools.ts

@@ -5,10 +5,11 @@ import type {
 	ReferenceNode,
 	ReferenceReferenceType,
 	ReferenceType
-} from '../reference';
-import { hasTag } from './CodeTools';
+} from '../reference/index.js';
+import { hasTag } from './CodeTools.js';
 
 export function checkVisibility(node: ReferenceNode, parent?: ReferenceNode) {
+	// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
 	if (node.flags?.isPrivate || node.flags?.isInternal) {
 		return false;
 	}

package/src/common/tools/ReferenceTools.ts

@@ -1,13 +1,12 @@
-import type {
-	ClassReferenceNode,
-	EnumReferenceNode,
-	InterfaceReferenceNode,
-	ReferenceNode,
-	TypeLiteralReferenceNode
-} from '../reference';
-import reference from '../reference';
-import { filterByMember, findByMember } from './ArrayTools';
-import { checkVisibility } from './NodeTools';
+import reference, {
+	type ClassReferenceNode,
+	type EnumReferenceNode,
+	type InterfaceReferenceNode,
+	type ReferenceNode,
+	type TypeLiteralReferenceNode
+} from '../reference/index.js';
+import { filterByMember, findByMember } from './ArrayTools.js';
+import { checkVisibility } from './NodeTools.js';
 
 interface SymbolDefinition<T extends ReferenceNode> {
 	symbol: T;
@@ -51,7 +50,7 @@ export function findSymbolByMember<T extends ReferenceNode, K extends keyof T, R
 		return undefined;
 	}
 
-	const parent = reference.packages[0];
+	const [parent] = reference.packages;
 
 	const foundInParent = findByMember(parent.symbols as T[], key, value);
 

package/src/common/tools/StringTools.ts

@@ -7,5 +7,5 @@ export function getPackagePath(packageName?: string) {
 }
 
 export function getRandomString(length: number, permitted = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ') {
-	return Array.from({ length }, () => permitted[Math.floor(Math.random() * permitted.length)]).join('')
+	return Array.from({ length }, () => permitted[Math.floor(Math.random() * permitted.length)]).join('');
 }

package/src/common/tools/markdown/MarkdownParser.tsx

@@ -2,11 +2,11 @@ import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
-import { HashLink } from 'react-router-hash-link';
-import { CodeBlock } from '../../components/CodeBlock';
-import { customDirectives } from './plugins/customDirectives';
-import { gfmTables } from './plugins/gfmTables';
-import { symbolLinks } from './plugins/symbolLinks';
+import { Link } from 'react-router';
+import { CodeBlock } from '../../components/CodeBlock.js';
+import { customDirectives } from './plugins/customDirectives.js';
+import { gfmTables } from './plugins/gfmTables.js';
+import { symbolLinks } from './plugins/symbolLinks.js';
 
 interface MarkdownParserProps {
 	source: string;
@@ -80,7 +80,6 @@ const MarkdownParser: React.FC<MarkdownParserProps> = ({ source }) => {
 	const components = useMemo(
 		() => ({
 			/* eslint-disable @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call */
-			// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/naming-convention
 			a: function MdLink(mdProps: any) {
 				const props = {
 					key: mdProps.nodeKey,
@@ -89,20 +88,19 @@ const MarkdownParser: React.FC<MarkdownParserProps> = ({ source }) => {
 
 				if (mdProps.href.startsWith('/')) {
 					return (
-						<HashLink {...props} className={classNames(props.className, classes.link)} to={mdProps.href}>
+						<Link {...props} className={classNames(props.className, classes.link)} to={mdProps.href}>
 							{mdProps.children}
-						</HashLink>
-					);
-				} else {
-					return (
-						<a className={classes.link} href={mdProps.href}>
-							{mdProps.children}
-						</a>
+						</Link>
 					);
 				}
+				return (
+					<a className={classes.link} href={mdProps.href}>
+						{mdProps.children}
+					</a>
+				);
 			},
 
-			// eslint-disable-next-line @typescript-eslint/naming-convention,@typescript-eslint/no-explicit-any
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
 			code: function MdCodeBlock({ node, inline, className, children, ...props }: any) {
 				if (!inline) {
 					const match = /language-(\w+)/.exec(className || '');