cleanup: wip 3.1

mostly misc cleanups

resources/assets/src/components/Alert.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 type AlertType = 'success' | 'info' | 'warning' | 'danger';
 

resources/assets/src/components/ButtonEdit.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 type Properties = {
 	readonly title?: string;

resources/assets/src/components/EmailSuggestion.tsx

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React, {useState, useEffect} from 'react';
+import type React from 'react';
+import {useState, useEffect} from 'react';
 import Autosuggest from 'react-autosuggest';
 import {css} from '@emotion/react';
 import {emit} from '@/scripts/event';

resources/assets/src/components/Modal.tsx

@@ -94,7 +94,7 @@ const Modal: React.FC<ModalOptions & Properties> = properties => {
 		$(reference.current!).modal('hide');
 
 		// The "hidden.bs.modal" event can't be trigged automatically when testing.
-		/* istanbul ignore next */
+
 		if (process.env.NODE_ENV === 'test') {
 			$(reference.current!).trigger('hidden.bs.modal');
 		}
@@ -104,7 +104,6 @@ const Modal: React.FC<ModalOptions & Properties> = properties => {
 		properties.onDismiss?.();
 		$(reference.current!).modal('hide');
 
-		/* istanbul ignore next */
 		if (process.env.NODE_ENV === 'test') {
 			$(reference.current!).trigger('hidden.bs.modal');
 		}

resources/assets/src/components/ModalBody.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import ModalContent, {type Props as ContentProperties} from './ModalContent';
 import ModalInput, {
 	type

resources/assets/src/components/ModalContent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 export type Props = {
 	readonly text?: string;

resources/assets/src/components/ModalFooter.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 export type Props = {
 	readonly flexFooter?: boolean;

resources/assets/src/components/ModalHeader.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 export type Props = {
 	readonly title?: string;

resources/assets/src/components/ModalInput.tsx

@@ -1,4 +1,4 @@
-import React, {type HTMLAttributes} from 'react';
+import type React, {type HTMLAttributes} from 'react';
 
 export type Props = {
 	readonly inputType?: string;

resources/assets/src/components/Pagination.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import PaginationItem from './PaginationItem';
 import {t} from '@/scripts/i18n';
 

resources/assets/src/components/PaginationItem.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 type Properties = {
 	readonly disabled?: boolean;

resources/assets/src/components/Toast.tsx

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React, {useState, useEffect} from 'react';
+import type React from 'react';
+import {useState, useEffect} from 'react';
 import {css} from '@emotion/react';
 
 export type ToastType = 'success' | 'info' | 'warning' | 'error';

resources/assets/src/components/Viewer.tsx

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React, {useState, useEffect, useRef} from 'react';
+import type React from 'react';
+import {useState, useEffect, useRef} from 'react';
 import {useMeasure} from 'react-use';
 import {css} from '@emotion/react';
 import styled from '@emotion/styled';

resources/assets/src/scripts/cli/configureStdio.ts

@@ -1,7 +1,6 @@
 import type {Stdio} from 'blessing-skin-shell';
 import * as event from '../event';
 
-/* istanbul ignore next */
 export function hackStdin() {
 	if (process.env.NODE_ENV === 'test') {
 		return process.stdin;
@@ -24,7 +23,6 @@ export function hackStdin() {
 	} as NodeJS.ReadStream & {_off(): void};
 }
 
-/* istanbul ignore next */
 export function hackStdout(stdio: Stdio) {
 	return {
 		write(message: string) {

resources/assets/src/scripts/extra.ts

@@ -1,6 +1,6 @@
 export function getExtraData(): Record<string, any> {
 	const jsonElement = document.querySelector('#blessing-extra');
-	/* istanbul ignore next */
+
 	if (jsonElement) {
 		return JSON.parse(jsonElement.textContent ?? '{}');
 	}

resources/assets/src/scripts/homePage.ts

@@ -14,7 +14,6 @@ export function scrollHander() {
 	}
 }
 
-/* istanbul ignore next */
 if (process.env.NODE_ENV !== 'test') {
 	const {transparent_navbar} = getExtraData() as {
 		transparent_navbar: boolean;

resources/assets/src/scripts/i18n.ts

@@ -8,7 +8,6 @@ export function t(key: string, parameters: Record<string, string> = Object.creat
 	let result = '';
 
 	for (const segment of segments) {
-		/* istanbul ignore next */
 		const middle = temporary?.[segment];
 		if (!middle) {
 			return key;

resources/assets/src/scripts/logout.ts

@@ -18,5 +18,5 @@ export async function logout() {
 }
 
 const button = document.querySelector('#logout-button');
-/* istanbul ignore next */
+
 button?.addEventListener('click', logout);

resources/assets/src/scripts/notify.ts

@@ -3,7 +3,6 @@ import {Toast} from './toast';
 
 export const toast = new Toast();
 
-/* istanbul ignore next */
 if (process.env.NODE_ENV === 'test') {
 	afterEach(() => {
 		toast.clear();

resources/assets/src/scripts/textureUtils.ts

@@ -1,6 +1,5 @@
 import {loadSkinToCanvas} from 'skinview-utils';
 
-/* istanbul ignore next */
 function checkPixel(
 	context: CanvasRenderingContext2D,
 	x: number,
@@ -15,7 +14,6 @@ function checkPixel(
 	);
 }
 
-/* istanbul ignore next */
 export async function isAlex(texture: string): Promise<boolean> {
 	return new Promise(resolve => {
 		const image = new Image();

resources/assets/src/scripts/toast.tsx

@@ -54,7 +54,7 @@ export function ToastContainer() {
 			))}
 		</>
 	);
-};
+}
 
 export class Toast {
 	private readonly container: HTMLDivElement;

resources/assets/src/views/admin/Customization.ts

@@ -38,7 +38,7 @@ export function registerNavbarPicker(
 
 const navbar = document.querySelector<HTMLElement>('.wrapper > nav');
 const picker = document.querySelector<HTMLDivElement>('#navbar-color-picker');
-/* istanbul ignore next */
+
 if (navbar && picker) {
 	registerNavbarPicker(navbar, picker, blessing.extra.navbar as string || 'white');
 }
@@ -73,7 +73,7 @@ const darkPicker = document.querySelector<HTMLDivElement>(
 const lightPicker = document.querySelector<HTMLDivElement>(
 	'#sidebar-light-picker',
 );
-/* istanbul ignore next */
+
 if (sidebar && darkPicker && lightPicker) {
 	registerSidebarPicker(
 		sidebar,

resources/assets/src/views/admin/PlayersManagement/Card.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import clsx from 'clsx';
 import {Box} from './styles';
 import {t} from '@/scripts/i18n';

resources/assets/src/views/admin/PlayersManagement/Row.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import {t} from '@/scripts/i18n';
 import type {Player} from '@/scripts/types';
 import ButtonEdit from '@/components/ButtonEdit';

resources/assets/src/views/admin/PlayersManagement/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect, useLayoutEffect} from 'react';
-;
 import {useImmer} from 'use-immer';
 import Header from '../UsersManagement/Header';
 import Card from './Card';
@@ -272,6 +271,6 @@ function PlayersManagement() {
 			/>
 		</div>
 	);
-};
+}
 
 export default PlayersManagement;

resources/assets/src/views/admin/PluginsManagement/InfoBox.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import styled from '@emotion/styled';
 import clsx from 'clsx';
 import type {Plugin} from './types';

resources/assets/src/views/admin/PluginsManagement/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect} from 'react';
-;
 import {useImmer} from 'use-immer';
 import InfoBox from './InfoBox';
 import type {Plugin} from './types';
@@ -243,6 +242,6 @@ function PluginsManagement() {
 			</div>
 		</div>
 	);
-};
+}
 
 export default PluginsManagement;

resources/assets/src/views/admin/PluginsMarket/Row.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type {Plugin} from './types';
 import {t} from '@/scripts/i18n';
 

resources/assets/src/views/admin/ReportsManagement/ImageBox.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import styled from '@emotion/styled';
 import {type Report, Status} from './types';
 import {t} from '@/scripts/i18n';

resources/assets/src/views/admin/ReportsManagement/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect} from 'react';
-;
 import {useImmer} from 'use-immer';
 import type {Report, Status} from './types';
 import ImageBox from './ImageBox';
@@ -150,6 +149,6 @@ function ReportsManagement() {
 			</div>
 		</div>
 	);
-};
+}
 
 export default ReportsManagement;

resources/assets/src/views/admin/Translations/Row.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import React from 'react';
+import type React from 'react';
 import type {Line} from './types';
 import {t} from '@/scripts/i18n';
 

resources/assets/src/views/admin/Translations/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect} from 'react';
-;
 import {useImmer} from 'use-immer';
 import type {Line} from './types';
 import Row from './Row';
@@ -116,6 +115,6 @@ function Translations() {
 			</div>
 		</>
 	);
-};
+}
 
 export default Translations;

resources/assets/src/views/admin/UsersManagement/Card.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import clsx from 'clsx';
 import {Box, Icon, InfoTable} from './styles';
 import {

resources/assets/src/views/admin/UsersManagement/Row.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import {
 	humanizePermission,
 	verificationStatusText,

resources/assets/src/views/admin/UsersManagement/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect, useLayoutEffect} from 'react';
-;
 import {useImmer} from 'use-immer';
 import Header from './Header';
 import Card from './Card';
@@ -364,6 +363,6 @@ function UsersManagement() {
 			</div>
 		</div>
 	);
-};
+}
 
 export default UsersManagement;

resources/assets/src/views/skinlib/Show/index.tsx

@@ -1,6 +1,5 @@
 import React, {useState, useEffect} from 'react';
 import {createPortal} from 'react-dom';
-;
 import Skeleton from 'react-loading-skeleton';
 import addClosetItem from './addClosetItem';
 import useBlessingExtra from '@/scripts/hooks/useBlessingExtra';
@@ -493,6 +492,6 @@ function Show() {
 			/>
 		</>
 	);
-};
+}
 
 export default Show;

resources/assets/src/views/skinlib/SkinLibrary/Button.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 type Properties = {
 	readonly active?: boolean;

resources/assets/src/views/skinlib/SkinLibrary/FilterSelector.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import Button from './Button';
 import type {Filter} from './types';
 import {humanizeType} from './utils';

resources/assets/src/views/skinlib/SkinLibrary/Item.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import styled from '@emotion/styled';
 import type {LibraryItem} from './types';
 import {humanizeType} from './utils';

resources/assets/src/views/skinlib/SkinLibrary/index.tsx

@@ -1,5 +1,4 @@
 import React, {useState, useEffect} from 'react';
-;
 import addClosetItem from '../Show/addClosetItem';
 import FilterSelector from './FilterSelector';
 import Button from './Button';
@@ -299,6 +298,6 @@ function SkinLibrary() {
 			</section>
 		</div>
 	);
-};
+}
 
 export default SkinLibrary;

resources/assets/src/views/skinlib/Upload.tsx

@@ -1,6 +1,5 @@
 import React, {useState} from 'react';
 import ReactDOM from 'react-dom';
-;
 import {t} from '@/scripts/i18n';
 import useBlessingExtra from '@/scripts/hooks/useBlessingExtra';
 import useEmitMounted from '@/scripts/hooks/useEmitMounted';
@@ -255,6 +254,6 @@ function Upload() {
         )}
 		</>
 	);
-};
+}
 
 export default Upload;

resources/assets/src/views/user/Closet/ClosetItem.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import setAsAvatar from './setAsAvatar';
 import {Card, DropdownButton} from './styles';
 import {t} from '@/scripts/i18n';

resources/assets/src/views/user/Closet/index.tsx

@@ -49,7 +49,7 @@ function Closet() {
 
 	useEffect(() => {
 		const element = containerReference.current;
-		/* istanbul ignore next */
+
 		if (element) {
 			const {width} = element.getBoundingClientRect();
 			if (width >= 500) {

resources/assets/src/views/user/OAuth/Row.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type {App} from './types';
 import {t} from '@/scripts/i18n';
 import ButtonEdit from '@/components/ButtonEdit';