@allurereport/web-classic 3.3.1 → 3.4.0

package/src/components/TestResult/TestResultDescription/index.tsx

@@ -2,7 +2,9 @@ import { proseStyles, resolveCssVarDeclarations, sanitizeIframeHtml, themeStore
 import type { FunctionalComponent } from "preact";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { MetadataButton } from "@/components/MetadataButton";
+
 import * as styles from "./styles.scss";
 
 export type TestResultDescriptionProps = {

package/src/components/TestResult/TestResultDropdown/index.tsx

@@ -1,6 +1,8 @@
 import { Counter, SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
+
 import { ArrowButton } from "@/components/ArrowButton";
+
 import * as styles from "./styles.scss";
 
 export const TestResultDropdown: FunctionalComponent<{

package/src/components/TestResult/TestResultEmpty/index.tsx

@@ -1,7 +1,9 @@
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
-import * as baseStyles from "@/components/BaseLayout/styles.scss";
+
 import { TestResultInfo } from "@/components/TestResult/TestResultInfo";
+
 import * as styles from "./styles.scss";
+import * as baseStyles from "@/components/BaseLayout/styles.scss";
 
 const TestResultThumb = () => {
   return (

package/src/components/TestResult/TestResultError/index.tsx

@@ -1,8 +1,10 @@
 import { Code, IconButton, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { useI18n } from "@/stores/locale";
 import { copyToClipboard } from "@/utils/copyToClipboard";
+
 import * as styles from "./styles.scss";
 
 const TestResultErrorTrace = ({ trace }: { trace: string }) => {

package/src/components/TestResult/TestResultHeader/index.tsx

@@ -2,9 +2,11 @@ import { IconButton, SvgIcon, Text, allureIcons } from "@allurereport/web-compon
 import clsx from "clsx";
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
+
 import { LanguagePicker } from "@/components/LanguagePicker";
 import { ThemeButton } from "@/components/ThemeButton/ThemeButton";
 import { navigateTo } from "@/index";
+
 import * as styles from "./styles.scss";
 
 export type TestResultHeaderProps = {

package/src/components/TestResult/TestResultHistory/TestResultHistoryItem.tsx

@@ -2,14 +2,16 @@ import { type HistoryTestResult, formatDuration } from "@allurereport/core-api";
 import { IconButton, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { ArrowButton } from "@/components/ArrowButton";
 import { TestResultError } from "@/components/TestResult/TestResultError";
-import * as styles from "@/components/TestResult/TestResultHistory/styles.scss";
 import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { useI18n } from "@/stores";
 import { navigateTo, openInNewTab } from "@/utils/navigate";
 import { timestampToDate } from "@/utils/time";
 
+import * as styles from "@/components/TestResult/TestResultHistory/styles.scss";
+
 export const TestResultHistoryItem: FunctionalComponent<{
   testResultItem: HistoryTestResult;
 }> = ({ testResultItem }) => {

package/src/components/TestResult/TestResultHistory/index.tsx

@@ -1,7 +1,10 @@
 import type { FunctionalComponent } from "preact";
+
 import { TestResultHistoryItem } from "@/components/TestResult/TestResultHistory/TestResultHistoryItem";
 import { useI18n } from "@/stores";
+
 import { type ClassicTestResult } from "../../../../types";
+
 import * as styles from "./styles.scss";
 
 export type TestResultHistoryViewProps = {

package/src/components/TestResult/TestResultInfo/TestResultInfoStatuses.tsx

@@ -1,7 +1,9 @@
 import { capitalize } from "@allurereport/core-api";
 import { SvgIcon, allureIcons } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
+
 import { useI18n } from "@/stores";
+
 import * as styles from "./styles.scss";
 
 const icons: Record<string, string> = {

package/src/components/TestResult/TestResultInfo/index.tsx

@@ -2,6 +2,7 @@ import { formatDuration } from "@allurereport/core-api";
 import { Counter, Heading, Text, TooltipWrapper } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
+
 import { TestResultInfoStatuses } from "@/components/TestResult/TestResultInfo/TestResultInfoStatuses";
 import { TestResultNavigation } from "@/components/TestResult/TestResultNavigation";
 import { TestResultPrevStatuses } from "@/components/TestResult/TestResultPrevStatuses";
@@ -10,6 +11,7 @@ import { TestResultStatus } from "@/components/TestResult/TestResultStatus";
 import { TestResultTab, TestResultTabsList } from "@/components/TestResult/TestResultTabs";
 import { useI18n } from "@/stores/locale";
 import { timestampToDate } from "@/utils/time";
+
 import * as styles from "./styles.scss";
 
 export type TestResultInfoProps = {

package/src/components/TestResult/TestResultLinks/index.tsx

@@ -1,9 +1,12 @@
+import { sanitizeExternalUrl } from "@allurereport/core-api";
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { MetadataButton } from "@/components/MetadataButton";
 import { useI18n } from "@/stores/locale";
+
 import * as styles from "./styles.scss";
 
 interface TestResultLinkProps {
@@ -23,13 +26,27 @@ const TestResultLink: FunctionalComponent<{
   link: TestResultLinkProps;
 }> = ({ link }) => {
   const { url, type } = link;
+  const safeUrl = sanitizeExternalUrl(url);
 
   return (
     <div className={styles["test-result-link"]}>
       <SvgIcon id={linksIconMap[type] ?? allureIcons.lineGeneralLink1} />
-      <Text tag={"a"} href={url} target={"_blank"} size={"m"} className={styles["test-result-link-text"]}>
-        {url}
-      </Text>
+      {safeUrl ? (
+        <Text
+          tag={"a"}
+          href={safeUrl}
+          target={"_blank"}
+          rel={"noopener noreferrer"}
+          size={"m"}
+          className={styles["test-result-link-text"]}
+        >
+          {url}
+        </Text>
+      ) : (
+        <Text size={"m"} className={styles["test-result-link-text"]}>
+          {url}
+        </Text>
+      )}
     </div>
   );
 };

package/src/components/TestResult/TestResultMetadata/index.tsx

@@ -1,9 +1,11 @@
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { TestResultMetadataList } from "@/components/Metadata";
 import { MetadataButton } from "@/components/MetadataButton";
 import { useI18n } from "@/stores/locale";
+
 import * as styles from "./styles.scss";
 
 export type TestResultMetadataProps = {

package/src/components/TestResult/TestResultNavigation/index.tsx

@@ -1,10 +1,12 @@
 import { Code, IconButton, Loadable, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
+
 import { useI18n } from "@/stores";
 import { testResultNavStore } from "@/stores/testResults";
 import { copyToClipboard } from "@/utils/copyToClipboard";
 import { navigateTo } from "@/utils/navigate";
+
 import * as styles from "./styles.scss";
 
 export type TestResultNavigationProps = {

package/src/components/TestResult/TestResultOverview.tsx

@@ -1,6 +1,6 @@
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
-import * as styles from "@/components/BaseLayout/styles.scss";
+
 import { TestResultDescription } from "@/components/TestResult/TestResultDescription";
 import { TestResultError } from "@/components/TestResult/TestResultError";
 import { TestResultLinks } from "@/components/TestResult/TestResultLinks";
@@ -10,6 +10,8 @@ import { TestResultSetup } from "@/components/TestResult/TestResultSetup";
 import { TestResultSteps } from "@/components/TestResult/TestResultSteps";
 import { TestResultTeardown } from "@/components/TestResult/TestResultTeardown";
 
+import * as styles from "@/components/BaseLayout/styles.scss";
+
 export type TestResultOverviewProps = {
   testResult?: ClassicTestResult;
 };

package/src/components/TestResult/TestResultParameters/index.tsx

@@ -1,9 +1,11 @@
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { MetadataList } from "@/components/Metadata";
 import { MetadataButton } from "@/components/MetadataButton";
 import { useI18n } from "@/stores/locale";
+
 import * as styles from "./styles.scss";
 
 export type TestResultParametersProps = {

package/src/components/TestResult/TestResultPrevStatuses/index.tsx

@@ -2,8 +2,10 @@ import { type HistoryTestResult, capitalize } from "@allurereport/core-api";
 import { SvgIcon, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
+
 import { useI18n } from "@/stores";
 import { timestampToDate } from "@/utils/time";
+
 import * as styles from "./styles.scss";
 
 const TestResultPrevStatus: FunctionalComponent<{ item: HistoryTestResult }> = ({ item }) => {

package/src/components/TestResult/TestResultRetriesView/TestResultRetriesItem.tsx

@@ -2,14 +2,16 @@ import { type TestResult, formatDuration } from "@allurereport/core-api";
 import { IconButton, Text, allureIcons } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { ArrowButton } from "@/components/ArrowButton";
 import { TestResultError } from "@/components/TestResult/TestResultError";
-import * as styles from "@/components/TestResult/TestResultRetriesView/styles.scss";
 import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { useI18n } from "@/stores";
 import { navigateTo } from "@/utils/navigate";
 import { timestampToDate } from "@/utils/time";
 
+import * as styles from "@/components/TestResult/TestResultRetriesView/styles.scss";
+
 export type TrRetriesItemProps = {
   testResultItem: TestResult;
   attempt: number;

package/src/components/TestResult/TestResultRetriesView/index.tsx

@@ -1,9 +1,11 @@
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
-import * as styles from "@/components/TestResult/TestResultHistory/styles.scss";
+
 import { TestResultRetriesItem } from "@/components/TestResult/TestResultRetriesView/TestResultRetriesItem";
 import { useI18n } from "@/stores";
 
+import * as styles from "@/components/TestResult/TestResultHistory/styles.scss";
+
 export const TestResultRetriesView: FunctionalComponent<{ testResult: ClassicTestResult }> = ({ testResult }) => {
   const { retries } = testResult ?? {};
   const { t } = useI18n("empty");

package/src/components/TestResult/TestResultSetup/index.tsx

@@ -2,12 +2,14 @@ import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
 import { TestResultStep } from "@/components/TestResult/TestResultSteps/testResultStep";
 import { useI18n } from "@/stores/locale";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 const typeMap = {
   before: TestResultStep,
   after: TestResultStep,

package/src/components/TestResult/TestResultSeverity/index.tsx

@@ -1,7 +1,9 @@
 import { capitalize } from "@allurereport/core-api";
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import clsx from "clsx";
+
 import { useI18n } from "@/stores/locale";
+
 import * as styles from "./styles.scss";
 
 const icons: Record<string, string> = {

package/src/components/TestResult/TestResultStatus/index.tsx

@@ -2,8 +2,10 @@ import type { TestStatus } from "@allurereport/core-api";
 import { capitalize } from "@allurereport/core-api";
 import { Text } from "@allurereport/web-components";
 import clsx from "clsx";
+
 import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { useI18n } from "@/stores";
+
 import * as styles from "./styles.scss";
 
 export const TestResultStatus = ({ status }: { status: TestStatus }) => {

package/src/components/TestResult/TestResultSteps/HtmlAttachmentPreview.tsx

@@ -1,6 +1,7 @@
 import { sanitize } from "@allurereport/web-commons";
 import type { FunctionalComponent } from "preact";
 import { useEffect, useState } from "preact/hooks";
+
 import * as styles from "./styles.scss";
 
 // TODO: use proper type here

package/src/components/TestResult/TestResultSteps/attachment.tsx

@@ -2,13 +2,15 @@ import type { AttachmentTestStepResult } from "@allurereport/core-api";
 import { Spinner } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useEffect, useState } from "preact/hooks";
+
 import { modalData } from "@/components/Modal";
-import { HtmlAttachmentPreview } from "@/components/TestResult/TestResultSteps/HtmlAttachmentPreview";
 import { AttachmentCode } from "@/components/TestResult/TestResultSteps/attachmentCode";
 import { AttachmentImage } from "@/components/TestResult/TestResultSteps/attachmentImage";
 import { AttachmentVideo } from "@/components/TestResult/TestResultSteps/attachmentVideo";
+import { HtmlAttachmentPreview } from "@/components/TestResult/TestResultSteps/HtmlAttachmentPreview";
 import { EmptyComponent } from "@/components/TestResult/TestResultSteps/wrongAttachment";
 import { type Attachments, attachmentType, fetchAttachment } from "@/utils/attachments";
+
 import * as styles from "./styles.scss";
 
 const componentsByAttachmentType: Record<string, any> = {

package/src/components/TestResult/TestResultSteps/attachmentCode.tsx

@@ -2,6 +2,7 @@ import { type AttachmentTestStepResult } from "@allurereport/core-api";
 import { type FunctionalComponent } from "preact";
 import { useEffect } from "preact/hooks";
 import Prism from "prismjs";
+
 import "@/assets/scss/code.scss";
 
 export const AttachmentCode: FunctionalComponent<{

package/src/components/TestResult/TestResultSteps/attachmentImage.tsx

@@ -1,8 +1,10 @@
 import { type FunctionalComponent } from "preact";
 import { useEffect, useState } from "preact/hooks";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 import { EmptyComponent } from "@/components/TestResult/TestResultSteps/wrongAttachment";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 export const AttachmentImage: FunctionalComponent<{
   attachment: { img: string; originalFileName: string };
 }> = ({ attachment }) => {

package/src/components/TestResult/TestResultSteps/index.tsx

@@ -2,10 +2,12 @@ import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult, ClassicTestStepResult } from "types";
+
 import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
 import { TestResultStep } from "@/components/TestResult/TestResultSteps/testResultStep";
 import { useI18n } from "@/stores/locale";
+
 import * as styles from "./styles.scss";
 
 const typeMap = {

package/src/components/TestResult/TestResultSteps/testResultAttachment.tsx

@@ -2,12 +2,14 @@ import type { AttachmentTestStepResult } from "@allurereport/core-api";
 import { Code, SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { ArrowButton } from "@/components/ArrowButton";
 import { Attachment } from "@/components/TestResult/TestResultSteps/attachment";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { TestResultAttachmentInfo } from "@/components/TestResult/TestResultSteps/testResultAttachmentInfo";
 import { attachmentType } from "@/utils/attachments";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 const { lineImagesImage, lineFilesFileAttachment2 } = allureIcons;
 
 const iconMap: Record<string, string> = {

package/src/components/TestResult/TestResultSteps/testResultAttachmentInfo.tsx

@@ -3,12 +3,14 @@ import { IconButton, Text, TooltipWrapper, allureIcons } from "@allurereport/web
 import { filesize } from "filesize";
 import type { FunctionalComponent } from "preact";
 import { useEffect } from "preact/hooks";
+
 import { isModalOpen, openModal } from "@/components/Modal";
 import { Attachment } from "@/components/TestResult/TestResultSteps/attachment";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { useI18n } from "@/stores";
 import { downloadAttachment } from "@/utils/attachments";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 interface TestResultAttachmentInfoProps {
   item?: AttachmentTestStepResult;
   shouldExpand?: boolean;

package/src/components/TestResult/TestResultSteps/testResultStep.tsx

@@ -2,14 +2,16 @@ import type { DefaultTestStepResult } from "@allurereport/core-api";
 import { Code, Text, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { ArrowButton } from "@/components/ArrowButton";
 import { MetadataList } from "@/components/Metadata";
 import { type MetadataItem } from "@/components/ReportMetadata";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
 import { TestResultStepInfo } from "@/components/TestResult/TestResultSteps/testResultStepInfo";
 import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 export const TestResultStepParameters = (props: { parameters: DefaultTestStepResult["parameters"] }) => {
   const { parameters } = props;
 

package/src/components/TestResult/TestResultSteps/testResultStepInfo.tsx

@@ -1,5 +1,6 @@
 import { type DefaultTestStepResult, formatDuration } from "@allurereport/core-api";
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+
 import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 
 export const TestResultStepInfo = (props: { item: DefaultTestStepResult }) => {

package/src/components/TestResult/TestResultSteps/wrongAttachment.tsx

@@ -1,6 +1,7 @@
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { useI18n } from "@/stores";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 export const EmptyComponent = () => {
   const { t } = useI18n("errors");
 

package/src/components/TestResult/TestResultTabs/index.tsx

@@ -1,6 +1,7 @@
 import { Text } from "@allurereport/web-components";
 import { type ComponentChildren, createContext } from "preact";
 import { useContext, useState } from "preact/hooks";
+
 import * as styles from "./styles.scss";
 
 type TestResultTabsContextT = {

package/src/components/TestResult/TestResultTeardown/index.tsx

@@ -2,12 +2,14 @@ import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicTestResult } from "types";
+
 import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
 import { TestResultStep } from "@/components/TestResult/TestResultSteps/testResultStep";
 import { useI18n } from "@/stores/locale";
 
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
 const typeMap = {
   before: TestResultStep,
   after: TestResultStep,

package/src/components/TestResult/TestResultView.js

@@ -1,13 +1,16 @@
 import { View } from "backbone.marionette";
 import { findWhere } from "underscore";
-import ModalView from "@/components/Modal/ModalView.js";
+
 import AttachmentView from "@/components/attachment/AttachmentView.js";
 import ErrorSplashView from "@/components/error-splash/ErrorSplashView.js";
+import ModalView from "@/components/Modal/ModalView.js";
 import TestResultOverviewView from "@/components/testresult-overview/TestResultOverviewView.js";
 import { behavior, className, on, regions } from "@/decorators/index.js";
 import translate from "@/helpers/t.js";
 import pluginsRegistry from "@/utils/pluginsRegistry.js";
+
 import template from "./TestResultView.hbs";
+
 import "./styles.scss";
 
 const subViews = [{ id: "", name: "testResult.overview.name", View: TestResultOverviewView }];

package/src/components/TestResult/index.tsx

@@ -1,6 +1,6 @@
 import type { FunctionComponent, FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
-import * as styles from "@/components/BaseLayout/styles.scss";
+
 import { TestResultAttachmentView } from "@/components/TestResult/TestResultAttachmentsView";
 import TestResultEmpty from "@/components/TestResult/TestResultEmpty";
 import TestResultHistoryView from "@/components/TestResult/TestResultHistory";
@@ -9,6 +9,8 @@ import { TestResultOverview } from "@/components/TestResult/TestResultOverview";
 import { TestResultRetriesView } from "@/components/TestResult/TestResultRetriesView";
 import { TestResultTabs, useTestResultTabsContext } from "@/components/TestResult/TestResultTabs";
 
+import * as styles from "@/components/BaseLayout/styles.scss";
+
 export type TestResultViewProps = {
   testResult?: ClassicTestResult;
 };

package/src/components/TestResultView/index.tsx

@@ -1,5 +1,6 @@
 import { Loadable, PageLoader } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
+
 import TestResult from "@/components/TestResult";
 import TestResultEmpty from "@/components/TestResult/TestResultEmpty";
 import { route } from "@/stores/router";

package/src/components/Tree/Tree.tsx

@@ -3,9 +3,12 @@ import cx from "clsx";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { ClassicRecursiveTree, ClassicStatus } from "types";
+
 import TreeItem from "@/components/Tree/TreeItem";
 import { route } from "@/stores/router";
+
 import TreeHeader from "./TreeHeader";
+
 import * as styles from "./styles.scss";
 
 interface TreeProps {

package/src/components/Tree/TreeHeader.tsx

@@ -2,10 +2,12 @@ import { type Statistic, statusesList } from "@allurereport/core-api";
 import { Loadable, Text } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import { type FunctionComponent } from "preact";
+
 import { ArrowButton } from "@/components/ArrowButton";
 import { statsStore } from "@/stores";
 import { route } from "@/stores/router";
 import { treeFiltersStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 interface TreeHeaderProps {

package/src/components/Tree/TreeItem.tsx

@@ -2,8 +2,10 @@ import { type TestStatus, formatDuration } from "@allurereport/core-api";
 import { Text } from "@allurereport/web-components";
 import clsx from "clsx";
 import type { FunctionComponent } from "preact";
+
 import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { navigateTo, route } from "@/stores/router";
+
 import * as styles from "./styles.scss";
 
 interface TreeItemProps {

package/src/components/Tree/TreeItemIcon.tsx

@@ -1,6 +1,7 @@
 import { SvgIcon, allureIcons } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import type { FunctionalComponent } from "preact";
+
 import * as styles from "./styles.scss";
 
 interface TestStatusIconProps {

package/src/components/Tree/index.tsx

@@ -1,10 +1,12 @@
 import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
 import type { ClassicStatus } from "types";
+
 import Tree from "@/components/Tree/Tree";
 import { useI18n } from "@/stores/locale";
 import { currentTab } from "@/stores/tabs";
 import { clearTreeFilters, filteredTree, noTests, noTestsFound, setTreeStatus, treeStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 export const TreeList = () => {

package/src/index.js

@@ -1,8 +1,11 @@
 import { ensureReportDataReady } from "@allurereport/web-commons";
+
 import "highlight.js/styles/github-gist.css";
 import $ from "jquery";
+
 import "normalize-css/normalize.css";
 import { App } from "./app.js";
+
 import "./blocks/arrow/styles.scss";
 import "./blocks/executor-icon/styles.scss";
 import "./blocks/pane/styles.scss";

package/src/index.tsx

@@ -1,7 +1,9 @@
 import { PageLoader } from "@allurereport/web-components";
+
 import "@allurereport/web-components/index.css";
 import { render } from "preact";
 import { useEffect, useMemo } from "preact/compat";
+
 import "@/assets/scss/index.scss";
 import { BaseLayout } from "@/components/BaseLayout";
 import Behaviors from "@/components/Behaviors";

package/src/stores/behaviors.ts

@@ -1,6 +1,7 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
+
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 

package/src/stores/categories.ts

@@ -1,6 +1,7 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
+
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 

package/src/stores/chart.ts

@@ -1,5 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
+
 import { StoreSignalState } from "@/stores/types";
 
 export const pieChartStore = signal<StoreSignalState<any>>({