wip: split view

allurerc.mjs

@@ -4,7 +4,7 @@ export default defineConfig({
   name: "Allure Report 3",
   output: "./out/allure-report",
   plugins: {
-    allure2: {
+    awesome: {
       options: {
         singleFile: true,
         reportLanguage: "en",

packages/web-awesome/src/components/BaseLayout/index.tsx

@@ -13,7 +13,7 @@ import { treeStore } from "@/stores/tree";
 import * as styles from "./styles.scss";
 
 export const BaseLayout = () => {
-  const { id: testResultId, params } = route.value;
+  const { id: testResultId } = route.value;
 
   useEffect(() => {
     if (testResultId) {
@@ -32,7 +32,7 @@ export const BaseLayout = () => {
         </div>,
       );
     }
-  }, [cachedMain]); // Устанавливаем `cachedMain` только один раз
+  }, [cachedMain]);
 
   const testResult = testResultId ? (
     <Loadable

packages/web-awesome/src/components/TestResult/TestResultHeader/index.tsx

@@ -2,8 +2,6 @@ import { IconButton, SvgIcon, Text, allureIcons } from "@allurereport/web-compon
 import clsx from "clsx";
 import type { FunctionalComponent } from "preact";
 import type { AllureAwesomeTestResult } from "types";
-import { LanguagePicker } from "@/components/LanguagePicker";
-import { ThemeButton } from "@/components/ThemeButton/ThemeButton";
 import { navigateTo } from "@/stores/router";
 import * as styles from "./styles.scss";
 
@@ -46,8 +44,6 @@ export const TestResultHeader: FunctionalComponent<TestResultHeaderProps> = ({ t
           </Text>
         </div>
       </div>
-      {/* <LanguagePicker />*/}
-      {/* <ThemeButton />*/}
     </div>
   );
 };

packages/web-awesome/src/index.tsx

@@ -22,35 +22,18 @@ const App = () => {
     fetchEnvInfo();
   }, []);
 
-  // const [testResultId, setTestResultId] = useState<string>("");
-  //
-  // const getLocationHashId = () => {
-  //   const hash = globalThis.location.hash;
-  //   const match = hash.match(/[^#/]+$/);
-  //   return match ? match[0] : null;
-  // };
-  //
   useEffect(() => {
-    // const handleHashChange = () => {
-    //   const id = getLocationHashId();
-    //   setTestResultId(id);
-    // };
-
     handleHashChange();
-    globalThis.addEventListener("hashchange", handleHashChange);
+    globalThis.addEventListener("hashchange", () => handleHashChange());
 
     return () => {
-      globalThis.removeEventListener("hashchange", handleHashChange);
+      globalThis.removeEventListener("hashchange", () => handleHashChange());
     };
   }, []);
 
   return <BaseLayout />;
 };
 
-// export const navigateTo = (path: string) => {
-//   globalThis.location.hash = path;
-// };
-//
 export const openInNewTab = (path: string) => {
   window.open(`#${path}`, "_blank");
 };