@d-fischer/documen.ts 0.16.9 → 0.17.0

package/src/common/components/FunctionParamDesc.tsx

@@ -7,11 +7,11 @@ import type {
 	FunctionReferenceNode,
 	MethodReferenceNode,
 	PropertyReferenceNode
-} from '../reference';
+} from '../reference/index.js';
 
-import { hasTag } from '../tools/CodeTools';
+import { hasTag } from '../tools/CodeTools.js';
 
-import FunctionParamDescEntry from './FunctionParamDescEntry';
+import FunctionParamDescEntry from './FunctionParamDescEntry.js';
 
 interface FunctionParamDescProps {
 	functionDefinition: FunctionReferenceNode | MethodReferenceNode | ConstructorReferenceNode | PropertyReferenceNode;

package/src/common/components/FunctionParamDescEntry.tsx

@@ -11,12 +11,12 @@ import type {
 	ParameterReferenceNode,
 	PropertyReferenceNode,
 	VariableReferenceNode
-} from '../reference';
-import { hasTag, isOptionalType } from '../tools/CodeTools';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import { defaultNodeSort } from '../tools/NodeTools';
-import { findSymbolByMember, getChildren } from '../tools/ReferenceTools';
-import Type from './codeBuilders/Type';
+} from '../reference/index.js';
+import { hasTag, isOptionalType } from '../tools/CodeTools.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import { defaultNodeSort } from '../tools/NodeTools.js';
+import { findSymbolByMember, getChildren } from '../tools/ReferenceTools.js';
+import Type from './codeBuilders/Type.js';
 
 interface FunctionParamDescEntryProps {
 	param: ParameterReferenceNode | VariableReferenceNode | PropertyReferenceNode;

package/src/common/components/FunctionReturnType.tsx

@@ -1,8 +1,8 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import type { CallSignatureReferenceNode } from '../reference';
-import { useAsyncType } from '../tools/NodeTools';
-import Type from './codeBuilders/Type';
+import type { CallSignatureReferenceNode } from '../reference/index.js';
+import { useAsyncType } from '../tools/NodeTools.js';
+import Type from './codeBuilders/Type.js';
 
 interface FunctionReturnTypeProps {
 	signature: CallSignatureReferenceNode;

package/src/common/components/FunctionSignature.tsx

@@ -5,7 +5,7 @@ import type {
 	ClassReferenceNode,
 	ConstructSignatureReferenceNode,
 	InterfaceReferenceNode
-} from '../reference';
+} from '../reference/index.js';
 
 interface FunctionSignatureProps {
 	signature: CallSignatureReferenceNode | ConstructSignatureReferenceNode;
@@ -26,7 +26,7 @@ const useStyles = makeStyles(
 const FunctionSignature: React.FC<FunctionSignatureProps> = ({ signature, parent }) => {
 	const classes = useStyles();
 
-	let name = signature.name;
+	let { name } = signature;
 
 	if (signature.kind === 'constructSignature' && parent) {
 		name = `new ${parent.name}`;

package/src/common/components/InterfaceDetail.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { InterfaceReferenceNode, MethodReferenceNode, PropertyReferenceNode } from '../reference';
-import { defaultNodeSort } from '../tools/NodeTools';
-import { filterChildrenByMember } from '../tools/ReferenceTools';
-import MethodCard from './cards/MethodCard';
-import PropertyCard from './cards/PropertyCard';
+import type { InterfaceReferenceNode, MethodReferenceNode, PropertyReferenceNode } from '../reference/index.js';
+import { defaultNodeSort } from '../tools/NodeTools.js';
+import { filterChildrenByMember } from '../tools/ReferenceTools.js';
+import MethodCard from './cards/MethodCard.js';
+import PropertyCard from './cards/PropertyCard.js';
 
 interface InterfaceDetailProps {
 	symbol: InterfaceReferenceNode;
@@ -19,13 +19,21 @@ const InterfaceDetail: React.FC<InterfaceDetailProps> = ({ symbol }) => {
 			{methods.length ? (
 				<>
 					<h2>Methods</h2>
-					{methods.sort(defaultNodeSort).map(method => method.signatures?.map(sig => <MethodCard key={sig.id} parent={symbol} definition={method} sig={sig}/>))}
+					{methods
+						.sort(defaultNodeSort)
+						.map(method =>
+							method.signatures?.map(sig => (
+								<MethodCard key={sig.id} parent={symbol} definition={method} sig={sig} />
+							))
+						)}
 				</>
 			) : null}
 			{properties.length ? (
 				<>
 					<h2>Properties</h2>
-					{properties.sort(defaultNodeSort).map(prop => <PropertyCard key={prop.id} definition={prop}/>)}
+					{properties.sort(defaultNodeSort).map(prop => (
+						<PropertyCard key={prop.id} definition={prop} />
+					))}
 				</>
 			) : null}
 		</>

package/src/common/components/InterfaceRepresentation.tsx

@@ -1,11 +1,11 @@
 import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React from 'react';
-import { HashLink } from 'react-router-hash-link';
-import type { InterfaceReferenceNode } from '../reference';
-import { defaultNodeSort } from '../tools/NodeTools';
-import { getChildren } from '../tools/ReferenceTools';
-import Type from './codeBuilders/Type';
+import { Link } from 'react-router';
+import type { InterfaceReferenceNode } from '../reference/index.js';
+import { defaultNodeSort } from '../tools/NodeTools.js';
+import { getChildren } from '../tools/ReferenceTools.js';
+import Type from './codeBuilders/Type.js';
 
 interface InterfaceRepresentationProps {
 	symbol: InterfaceReferenceNode;
@@ -57,9 +57,9 @@ const InterfaceRepresentation: React.FC<InterfaceRepresentationProps> = ({ symbo
 									<div className={classes.comment}>{member.comment.shortText}</div>
 								) : null}
 								<div>
-									<HashLink to={`#${member.name}`} className={classes.name}>
+									<Link to={`#${member.name}`} className={classes.name}>
 										{member.name}
-									</HashLink>
+									</Link>
 									{member.flags?.isOptional ? '?' : ''}
 									: <Type def={member.type} ignoreUndefined />
 								</div>
@@ -74,9 +74,9 @@ const InterfaceRepresentation: React.FC<InterfaceRepresentationProps> = ({ symbo
 									<div className={classes.comment}>{sig.comment.shortText}</div>
 								) : null}
 								<div>
-									<HashLink to={`#${member.name}`} className={classes.name}>
+									<Link to={`#${member.name}`} className={classes.name}>
 										{member.name}
-									</HashLink>
+									</Link>
 									{member.flags?.isOptional ? '?' : ''}
 									(): <Type def={member.signatures![0].type} />
 								</div>

package/src/common/components/MainMenu.tsx

@@ -3,10 +3,10 @@ import { FontAwesomeIcon as Icon } from '@fortawesome/react-fontawesome';
 import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React, { useContext, useMemo } from 'react';
-import { NavLink, useLocation, useResolvedPath } from 'react-router-dom';
-import { ConfigContext } from '../config';
-import { getPackageList } from '../tools/ReferenceTools';
-import VersionMenu from './VersionMenu';
+import { NavLink, useLocation, useResolvedPath } from 'react-router';
+import { ConfigContext } from '../config/index.js';
+import { getPackageList } from '../tools/ReferenceTools.js';
+import VersionMenu from './VersionMenu.js';
 
 const useStyles = makeStyles(
 	theme => ({

package/src/common/components/NavMenuItem.tsx

@@ -1,7 +1,7 @@
 import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React from 'react';
-import { NavLink } from 'react-router-dom';
+import { NavLink } from 'react-router';
 
 interface NavMenuItemProps {
 	path: string;

package/src/common/components/PageArticle.tsx

@@ -1,5 +1,5 @@
 import React, { createContext } from 'react';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
 
 export interface ArticleContent {
 	title: string;
@@ -14,7 +14,7 @@ interface PageArticleProps {
 
 const PageArticle: React.FC<PageArticleProps> = ({ mockContent }) => (
 	<PageArticleContext.Consumer>
-		{article => <MarkdownParser source={mockContent ?? article?.content ?? ''}/>}
+		{article => <MarkdownParser source={mockContent ?? article?.content ?? ''} />}
 	</PageArticleContext.Consumer>
 );
 

package/src/common/components/SymbolHeader.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import PageHeader from '../containers/PageHeader';
-import type { ReferenceNode } from '../reference';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import CodeLink from './CodeLink';
+import PageHeader from '../containers/PageHeader.js';
+import type { ReferenceNode } from '../reference/index.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import CodeLink from './CodeLink.js';
 
 interface SymbolHeaderProps {
 	symbol: ReferenceNode;
@@ -13,13 +13,11 @@ const SymbolHeader: React.FC<SymbolHeaderProps> = ({ symbol }) => (
 		<h1>
 			{symbol.name}
 			{'typeParameters' in symbol && symbol.typeParameters?.length && (
-				<>
-					&lt;{symbol.typeParameters.map(param => param.name).join(', ')}&gt;
-				</>
+				<>&lt;{symbol.typeParameters.map(param => param.name).join(', ')}&gt;</>
 			)}
 		</h1>
-		<CodeLink symbol={symbol}/>
-		{symbol.comment?.shortText && <MarkdownParser source={symbol.comment.shortText}/>}
+		<CodeLink symbol={symbol} />
+		{symbol.comment?.shortText && <MarkdownParser source={symbol.comment.shortText} />}
 	</PageHeader>
 );
 

package/src/common/components/TypeAliasHint.tsx

@@ -1,14 +1,13 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import type { TypeAliasReferenceNode } from '../reference';
-import MarkdownParser from '../tools/markdown/MarkdownParser';
-import Type from './codeBuilders/Type';
+import type { TypeAliasReferenceNode } from '../reference/index.js';
+import MarkdownParser from '../tools/markdown/MarkdownParser.js';
+import Type from './codeBuilders/Type.js';
 
 interface TypeAliasHintProps {
 	symbol: TypeAliasReferenceNode;
 }
 
-/* eslint-disable @typescript-eslint/naming-convention */
 const useStyles = makeStyles(
 	theme => ({
 		root: {
@@ -82,7 +81,6 @@ const useStyles = makeStyles(
 	}),
 	{ name: 'TypeAliasHint' }
 );
-/* eslint-enable @typescript-eslint/naming-convention */
 
 const TypeAliasHint: React.FC<TypeAliasHintProps> = ({ symbol: { comment, name, type } }) => {
 	const classes = useStyles();

package/src/common/components/TypeLink.tsx

@@ -1,10 +1,10 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import { Link } from 'react-router-dom';
-import type { ReferenceNode } from '../reference';
-import { getPageType } from '../tools/CodeTools';
-import { findSymbolByMember } from '../tools/ReferenceTools';
-import { getPackagePath } from '../tools/StringTools';
+import { Link } from 'react-router';
+import type { ReferenceNode } from '../reference/index.js';
+import { getPageType } from '../tools/CodeTools.js';
+import { findSymbolByMember } from '../tools/ReferenceTools.js';
+import { getPackagePath } from '../tools/StringTools.js';
 
 interface TypeLinkProps {
 	id?: number;
@@ -31,8 +31,7 @@ const TypeLink: React.FC<React.PropsWithChildren<TypeLinkProps>> = ({ id, name,
 	if (!symbol) {
 		const symbolDef = id ? findSymbolByMember('id', id) : findSymbolByMember('name', name);
 		if (symbolDef) {
-			symbol = symbolDef.symbol;
-			packageName = symbolDef.packageName;
+			({ symbol, packageName } = symbolDef);
 		}
 	}
 

package/src/common/components/VersionMenu.tsx

@@ -1,9 +1,9 @@
 import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React, { useCallback, useContext, useMemo, useState } from 'react';
-import { ConfigContext, rootUrl } from '../config';
-import { type Manifest } from '../config/Config';
-import { useAsyncEffect } from '../tools/FunctionTools';
+import { ConfigContext, rootUrl } from '../config/index.js';
+import { type Manifest } from '../config/Config.js';
+import { useAsyncEffect } from '../tools/FunctionTools.js';
 
 const useStyles = makeStyles(
 	theme => ({

package/src/common/components/cards/CardToolbar.tsx

@@ -3,10 +3,14 @@ import { FontAwesomeIcon as Icon } from '@fortawesome/react-fontawesome';
 import { makeStyles } from '@mui/styles';
 import classNames from 'classnames';
 import React from 'react';
-import { HashLink } from 'react-router-hash-link';
-import type { CallSignatureReferenceNode, ConstructSignatureReferenceNode, ReferenceNode } from '../../reference';
-import { getAnchorName } from '../../tools/NodeTools';
-import CodeLink from '../CodeLink';
+import { Link } from 'react-router';
+import type {
+	CallSignatureReferenceNode,
+	ConstructSignatureReferenceNode,
+	ReferenceNode
+} from '../../reference/index.js';
+import { getAnchorName } from '../../tools/NodeTools.js';
+import CodeLink from '../CodeLink.js';
 
 interface CardToolbarProps {
 	name?: string;
@@ -41,13 +45,13 @@ const CardToolbar: React.FC<CardToolbarProps> = ({ name, definition, signature,
 	return (
 		<div className={classNames(classes.root, className)}>
 			<CodeLink className={classes.button} symbol={definition} signature={signature} />
-			<HashLink
+			<Link
 				className={classNames(classes.button, classes.anchor)}
 				to={`#${getAnchorName(definition, name ?? signature?.name)}`}
 				title="Direct link to this symbol"
 			>
 				<Icon icon={faLink} size="lg" />
-			</HashLink>
+			</Link>
 		</div>
 	);
 };

package/src/common/components/cards/EventCard.tsx

@@ -1,16 +1,20 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import Card from '../../containers/Card';
-import type { CallSignatureReferenceNode, ParameterReferenceNode, PropertyReferenceNode } from '../../reference';
-import { getTag, hasTag } from '../../tools/CodeTools';
-import MarkdownParser from '../../tools/markdown/MarkdownParser';
-import { getAnchorName } from '../../tools/NodeTools';
-import { findSymbolByMember } from '../../tools/ReferenceTools';
-import BetaNotice from '../BetaNotice';
-import DeprecationNotice from '../DeprecationNotice';
+import Card from '../../containers/Card.js';
+import type {
+	CallSignatureReferenceNode,
+	ParameterReferenceNode,
+	PropertyReferenceNode
+} from '../../reference/index.js';
+import { getTag, hasTag } from '../../tools/CodeTools.js';
+import MarkdownParser from '../../tools/markdown/MarkdownParser.js';
+import { getAnchorName } from '../../tools/NodeTools.js';
+import { findSymbolByMember } from '../../tools/ReferenceTools.js';
+import BetaNotice from '../BetaNotice.js';
+import DeprecationNotice from '../DeprecationNotice.js';
 
-import FunctionParamDesc from '../FunctionParamDesc';
-import CardToolbar from './CardToolbar';
+import FunctionParamDesc from '../FunctionParamDesc.js';
+import CardToolbar from './CardToolbar.js';
 
 interface EventCardProps {
 	name?: string;
@@ -18,21 +22,17 @@ interface EventCardProps {
 }
 
 function getParamDefinition(param: ParameterReferenceNode) {
-	if (
-		param.type.type === 'reflection' &&
-		param.type.declaration.signatures &&
-		param.type.declaration.signatures.length
-	) {
+	if (param.type.type === 'reflection' && param.type.declaration.signatures?.length) {
 		return param.type.declaration.signatures[0];
-	} else if (param.type.type === 'reference' && param.type.id) {
+	}
+	if (param.type.type === 'reference' && param.type.id) {
 		const ref = findSymbolByMember('id', param.type.id);
 		if (ref) {
 			const { symbol } = ref;
 			if (
 				symbol.kind === 'typeAlias' &&
 				symbol.type.type === 'reflection' &&
-				symbol.type.declaration.signatures &&
-				symbol.type.declaration.signatures.length
+				symbol.type.declaration.signatures?.length
 			) {
 				return symbol.type.declaration.signatures[0];
 			}
@@ -64,11 +64,7 @@ const EventCard: React.FC<EventCardProps> = ({ name, definition }) => {
 	const classes = useStyles();
 	let handlerDefinition: CallSignatureReferenceNode | undefined = undefined;
 	let handlerParamDefinition: CallSignatureReferenceNode | undefined = undefined;
-	if (
-		definition.type.type === 'reflection' &&
-		definition.type.declaration.signatures &&
-		definition.type.declaration.signatures.length
-	) {
+	if (definition.type.type === 'reflection' && definition.type.declaration.signatures?.length) {
 		handlerDefinition = definition.type.declaration.signatures[0];
 		if (handlerDefinition.parameters.length) {
 			handlerParamDefinition = getParamDefinition(handlerDefinition.parameters[0]);

package/src/common/components/cards/FunctionCardHeader.tsx

@@ -8,14 +8,14 @@ import type {
 	FunctionReferenceNode,
 	InterfaceReferenceNode,
 	MethodReferenceNode
-} from '../../reference';
-import { getTag, hasTag } from '../../tools/CodeTools';
-import MarkdownParser from '../../tools/markdown/MarkdownParser';
-import { useAsyncType } from '../../tools/NodeTools';
-import Badge from '../Badge';
-import BetaNotice from '../BetaNotice';
-import DeprecationNotice from '../DeprecationNotice';
-import FunctionSignature from '../FunctionSignature';
+} from '../../reference/index.js';
+import { getTag, hasTag } from '../../tools/CodeTools.js';
+import MarkdownParser from '../../tools/markdown/MarkdownParser.js';
+import { useAsyncType } from '../../tools/NodeTools.js';
+import Badge from '../Badge.js';
+import BetaNotice from '../BetaNotice.js';
+import DeprecationNotice from '../DeprecationNotice.js';
+import FunctionSignature from '../FunctionSignature.js';
 
 interface FunctionCardHeaderProps {
 	parent?: ClassReferenceNode | InterfaceReferenceNode;

package/src/common/components/cards/MethodCard.tsx

@@ -1,6 +1,6 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import Card from '../../containers/Card';
+import Card from '../../containers/Card.js';
 import type {
 	CallSignatureReferenceNode,
 	ClassReferenceNode,
@@ -8,13 +8,13 @@ import type {
 	ConstructSignatureReferenceNode,
 	InterfaceReferenceNode,
 	MethodReferenceNode
-} from '../../reference';
-import MarkdownParser from '../../tools/markdown/MarkdownParser';
-import { getAnchorName } from '../../tools/NodeTools';
-import FunctionParamDesc from '../FunctionParamDesc';
-import { FunctionReturnType } from '../FunctionReturnType';
-import CardToolbar from './CardToolbar';
-import { FunctionCardHeader } from './FunctionCardHeader';
+} from '../../reference/index.js';
+import MarkdownParser from '../../tools/markdown/MarkdownParser.js';
+import { getAnchorName } from '../../tools/NodeTools.js';
+import FunctionParamDesc from '../FunctionParamDesc.js';
+import { FunctionReturnType } from '../FunctionReturnType.js';
+import CardToolbar from './CardToolbar.js';
+import { FunctionCardHeader } from './FunctionCardHeader.js';
 
 interface MethodCardProps {
 	parent: ClassReferenceNode | InterfaceReferenceNode;

package/src/common/components/cards/PropertyCard.tsx

@@ -1,15 +1,15 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import Card from '../../containers/Card';
-import type { AccessorReferenceNode, PropertyReferenceNode } from '../../reference';
-import { getTag, hasTag, isLiteral } from '../../tools/CodeTools';
-import MarkdownParser from '../../tools/markdown/MarkdownParser';
-import { getAnchorName } from '../../tools/NodeTools';
-import Badge from '../Badge';
-import BetaNotice from '../BetaNotice';
-import Type from '../codeBuilders/Type';
-import DeprecationNotice from '../DeprecationNotice';
-import CardToolbar from './CardToolbar';
+import Card from '../../containers/Card.js';
+import type { AccessorReferenceNode, PropertyReferenceNode } from '../../reference/index.js';
+import { getTag, hasTag, isLiteral } from '../../tools/CodeTools.js';
+import MarkdownParser from '../../tools/markdown/MarkdownParser.js';
+import { getAnchorName } from '../../tools/NodeTools.js';
+import Badge from '../Badge.js';
+import BetaNotice from '../BetaNotice.js';
+import Type from '../codeBuilders/Type.js';
+import DeprecationNotice from '../DeprecationNotice.js';
+import CardToolbar from './CardToolbar.js';
 
 interface PropertyCardProps {
 	name?: string;
@@ -42,7 +42,7 @@ const PropertyCard: React.FC<PropertyCardProps> = ({ name, definition }) => {
 		return null;
 	}
 
-	const type = sig.type;
+	const { type } = sig;
 	return (
 		<Card className={classes.root} id={getAnchorName(definition, name)} key={definition.id}>
 			<CardToolbar className={classes.toolbar} name={name} definition={definition} />

package/src/common/components/codeBuilders/ReferenceTypeView.tsx

@@ -2,10 +2,10 @@ import { faExternalLink } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon as Icon } from '@fortawesome/react-fontawesome';
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import type { ReferenceNode, ReferenceReferenceType, ReferenceType } from '../../reference';
-import { createExternalLink } from '../../tools/CodeTools';
-import TypeLink from '../TypeLink';
-import Type from './Type';
+import type { ReferenceNode, ReferenceReferenceType, ReferenceType } from '../../reference/index.js';
+import { createExternalLink } from '../../tools/CodeTools.js';
+import TypeLink from '../TypeLink.js';
+import Type from './Type.js';
 
 interface ReferenceTypeProps {
 	isOptional: boolean;

package/src/common/components/codeBuilders/Type.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { ReferenceType } from '../../reference';
-import { findSymbolByMember } from '../../tools/ReferenceTools';
-import TypeAliasHint from '../TypeAliasHint';
-import ReferenceTypeView from './ReferenceTypeView';
+import type { ReferenceType } from '../../reference/index.js';
+import { findSymbolByMember } from '../../tools/ReferenceTools.js';
+import TypeAliasHint from '../TypeAliasHint.js';
+import ReferenceTypeView from './ReferenceTypeView.js';
 
 interface TypeProps {
 	def?: ReferenceType;

package/src/common/components/overviewTable/OverviewTable.tsx

@@ -5,8 +5,8 @@ import type {
 	EnumMemberReferenceNode,
 	MethodReferenceNode,
 	PropertyReferenceNode
-} from '../../reference';
-import OverviewTableEntry from './OverviewTableEntry';
+} from '../../reference/index.js';
+import OverviewTableEntry from './OverviewTableEntry.js';
 
 const useStyles = makeStyles(
 	theme => ({

package/src/common/components/overviewTable/OverviewTableEntry.tsx

@@ -1,10 +1,10 @@
 import { makeStyles } from '@mui/styles';
 import React from 'react';
-import { HashLink } from 'react-router-hash-link';
-import type { ReferenceNode } from '../../reference';
-import { hasTag } from '../../tools/CodeTools';
-import { getAnchorName, typeIsAsync } from '../../tools/NodeTools';
-import Badge from '../Badge';
+import { Link } from 'react-router';
+import type { ReferenceNode } from '../../reference/index.js';
+import { hasTag } from '../../tools/CodeTools.js';
+import { getAnchorName, typeIsAsync } from '../../tools/NodeTools.js';
+import Badge from '../Badge.js';
 
 const useStyles = makeStyles(
 	theme => ({
@@ -39,9 +39,9 @@ const OverviewTableEntry: React.FC<OverviewTableEntryProps> = ({ node }) => {
 
 	return (
 		<li className={classes.root}>
-			<HashLink className={classes.link} to={`#${getAnchorName(node)}`}>
+			<Link className={classes.link} to={`#${getAnchorName(node)}`}>
 				{node.name}
-			</HashLink>
+			</Link>
 			{hasTag(node, 'deprecated') ||
 			(node.kind === 'method' && node.signatures?.some(sig => hasTag(sig, 'deprecated'))) ||
 			(node.kind === 'accessor' && node.getSignature && hasTag(node.getSignature, 'deprecated')) ? (

package/src/common/config/Config.ts

@@ -1,4 +1,4 @@
-import RouterMode from '../htmlRenderer/RouterMode';
+import RouterMode from '../htmlRenderer/RouterMode.js';
 
 export interface ConfigInternalArticle {
 	name: string;

package/src/common/config/Util.ts

@@ -1,9 +1,17 @@
-import { Config } from './Config';
+import { Config } from './Config.js';
 import { ExpectedError } from 'clime';
 
 export function getConfigValue<K extends keyof Config>(config: Config | null, key: K): NonNullable<Config[K]> | null;
-export function getConfigValue<K extends keyof Config>(config: Config | null, key: K, throws: true): NonNullable<Config[K]>;
-export function getConfigValue<K extends keyof Config>(config: Config | null, key: K, throws: boolean = false): NonNullable<Config[K]> | null {
+export function getConfigValue<K extends keyof Config>(
+	config: Config | null,
+	key: K,
+	throws: true
+): NonNullable<Config[K]>;
+export function getConfigValue<K extends keyof Config>(
+	config: Config | null,
+	key: K,
+	throws: boolean = false
+): NonNullable<Config[K]> | null {
 	const value = config?.[key];
 	if (value == null) {
 		if (throws) {

package/src/common/config/index.tsx

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
-import { Config } from './Config';
-import Paths from '../../common/Paths';
+import Paths from '../../common/Paths.js';
+import { Config } from './Config.js';
 
 declare global {
 	const __DOCTS_CONFIG: Config;

package/src/common/containers/App.tsx

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { Route, Routes } from 'react-router-dom';
-import { ConfigContext } from '../config';
-import DocPage from '../pages/DocPage';
-import AppLayout from './AppLayout';
-import ReferencePackageContainer from './ReferencePackageContainer';
+import { Route, Routes } from 'react-router';
+import { ConfigContext } from '../config/index.js';
+import DocPage from '../pages/DocPage.js';
+import AppLayout from './AppLayout.js';
+import ReferencePackageContainer from './ReferencePackageContainer.js';
 
 const App: React.FunctionComponent = () => {
 	const config = useContext(ConfigContext);
@@ -12,10 +12,13 @@ const App: React.FunctionComponent = () => {
 		<>
 			<Routes>
 				<Route element={<AppLayout />}>
-					<Route path="" element={<DocPage/>}/>
-					<Route path={isMono ? 'reference/:packageName/*' : '/reference/*'} element={<ReferencePackageContainer/>}/>
-					<Route path="docs/:category" element={<DocPage/>}/>
-					<Route path="docs/:category/:group/:article" element={<DocPage/>}/>
+					<Route path="" element={<DocPage />} />
+					<Route
+						path={isMono ? 'reference/:packageName/*' : '/reference/*'}
+						element={<ReferencePackageContainer />}
+					/>
+					<Route path="docs/:category" element={<DocPage />} />
+					<Route path="docs/:category/:group/:article" element={<DocPage />} />
 				</Route>
 			</Routes>
 		</>

package/src/common/containers/AppLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Outlet } from 'react-router-dom';
-import MainMenu from '../components/MainMenu';
+import { Outlet } from 'react-router';
+import MainMenu from '../components/MainMenu.js';
 
 const AppLayout: React.FunctionComponent = () => (
 	<>