refactor src/view file structure

zendive · zendive · commit 5143920b09b9 · 2025-05-02T19:28:29.000+03:00
diff --git a/src/view/App.svelte b/src/view/App.svelte
@@ -4,19 +4,19 @@
   import diff from '../api/diff.ts';
   import type { TTelemetry } from '../wrapper/Wrapper.ts';
   import { onMount } from 'svelte';
-  import Media from './components/Media.svelte';
-  import EvalMetrics from './components/EvalMetrics.svelte';
-  import Version from './components/Version.svelte';
-  import TogglePanels from './components/TogglePanels.svelte';
-  import InfoBar from './components/InfoBar.svelte';
-  import TickSpinner from './components/TickSpinner.svelte';
-  import OnlineTimers from './components/OnlineTimers.svelte';
-  import IdleCallbackRequestHistory from './components/IdleCallbackRequestHistory.svelte';
-  import IdleCallbackCancelHistory from './components/IdleCallbackCancelHistory.svelte';
-  import AnimationRequestHistory from './components/AnimationRequestHistory.svelte';
-  import AnimationCancelHistory from './components/AnimationCancelHistory.svelte';
-  import TimersSetHistory from './components/TimersSetHistory.svelte';
-  import TimersClearHistory from './components/TimersClearHistory.svelte';
+  import Media from './panel/Media.svelte';
+  import Eval from './panel/Eval.svelte';
+  import Version from './menu/Version.svelte';
+  import TogglePanels from './menu/TogglePanels.svelte';
+  import InfoBar from './menu/InfoBar.svelte';
+  import TickSpinner from './menu/TickSpinner.svelte';
+  import OnlineTimers from './panel/OnlineTimers.svelte';
+  import IdleCallbackRequestHistory from './panel/IdleCallbackRequestHistory.svelte';
+  import IdleCallbackCancelHistory from './panel/IdleCallbackCancelHistory.svelte';
+  import AnimationRequestHistory from './panel/AnimationRequestHistory.svelte';
+  import AnimationCancelHistory from './panel/AnimationCancelHistory.svelte';
+  import TimersSetHistory from './panel/TimersSetHistory.svelte';
+  import TimersClearHistory from './panel/TimersClearHistory.svelte';
 
   let spinnerEl: TickSpinner | null = $state.raw(null);
   let paused = $state.raw(false);
@@ -131,7 +131,7 @@
 
   <main>
     {#if telemetry}
-      <EvalMetrics evalHistory={telemetry.evalHistory} />
+      <Eval evalHistory={telemetry.evalHistory} />
       <Media media={telemetry.media} />
       <OnlineTimers onlineTimers={telemetry.onlineTimers} />
 
diff --git a/src/view/menu/InfoBar.svelte b/src/view/menu/InfoBar.svelte
diff --git a/src/view/menu/InfoBarItem.svelte b/src/view/menu/InfoBarItem.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { TSettingsPanel } from '../../api/settings.ts';
-  import Variable from './Variable.svelte';
+  import Variable from '../components/Variable.svelte';
 
   let {
     panel,
diff --git a/src/view/menu/TickSpinner.svelte b/src/view/menu/TickSpinner.svelte
diff --git a/src/view/menu/TogglePanels.svelte b/src/view/menu/TogglePanels.svelte
@@ -7,7 +7,7 @@
     type TSettingsPanel,
   } from '../../api/settings.ts';
   import { EMsg, runtimeListen } from '../../api/communication.ts';
-  import Alert from './Alert.svelte';
+  import Alert from '../components/Alert.svelte';
 
   const NON_WRAPPABLE = ['media', 'activeTimers'];
   let panels: TSettingsPanel[] = $state([]);
diff --git a/src/view/menu/Version.svelte b/src/view/menu/Version.svelte
diff --git a/src/view/panel/AnimationCancelHistory.svelte b/src/view/panel/AnimationCancelHistory.svelte
@@ -10,13 +10,13 @@
     setSettings,
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
-  import Variable from './Variable.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import TraceBypass from './TraceBypass.svelte';
+  import Variable from '../components/Variable.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import TraceBreakpoint from './components/TraceBreakpoint.svelte';
+  import TraceBypass from './components/TraceBypass.svelte';
   import type { TFactsMap } from '../../wrapper/Fact.ts';
-  import FactsCell from './FactsCell.svelte';
-  import CallstackCell from './CallstackCell.svelte';
+  import FactsCell from './components/FactsCell.svelte';
+  import CallstackCell from './components/CallstackCell.svelte';
 
   let {
     cafHistory,
diff --git a/src/view/panel/AnimationRequestHistory.svelte b/src/view/panel/AnimationRequestHistory.svelte
@@ -10,16 +10,16 @@
     setSettings,
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
-  import Variable from './Variable.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import FrameSensitiveTime from './FrameSensitiveTime.svelte';
-  import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import Dialog from './Dialog.svelte';
-  import Alert from './Alert.svelte';
+  import Variable from '../components/Variable.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import FrameSensitiveTime from './components/FrameSensitiveTime.svelte';
+  import TraceBreakpoint from './components/TraceBreakpoint.svelte';
+  import Dialog from '../components/Dialog.svelte';
+  import Alert from '../components/Alert.svelte';
   import AnimationCancelHistory from './AnimationCancelHistory.svelte';
-  import TraceBypass from './TraceBypass.svelte';
-  import CancelableCallMetric from './CancelableCallMetric.svelte';
-  import CallstackCell from './CallstackCell.svelte';
+  import TraceBypass from './components/TraceBypass.svelte';
+  import CancelableCallMetric from './components/CancelableCallMetric.svelte';
+  import CallstackCell from './components/CallstackCell.svelte';
 
   let {
     rafHistory,
diff --git a/src/view/panel/Eval.svelte b/src/view/panel/Eval.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import type { TEvalHistory } from '../../wrapper/EvalWrapper.ts';
-  import Variable from './Variable.svelte';
-  import FrameSensitiveTime from './FrameSensitiveTime.svelte';
-  import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import TraceBypass from './TraceBypass.svelte';
-  import CallstackCell from './CallstackCell.svelte';
+  import Variable from '../components/Variable.svelte';
+  import FrameSensitiveTime from './components/FrameSensitiveTime.svelte';
+  import TraceBreakpoint from './components/TraceBreakpoint.svelte';
+  import TraceBypass from './components/TraceBypass.svelte';
+  import CallstackCell from './components/CallstackCell.svelte';
 
   let { evalHistory }: { evalHistory: TEvalHistory[] | null } = $props();
 
diff --git a/src/view/panel/IdleCallbackCancelHistory.svelte b/src/view/panel/IdleCallbackCancelHistory.svelte
@@ -7,14 +7,14 @@
     setSettings,
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
-  import Variable from './Variable.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import TraceBypass from './TraceBypass.svelte';
+  import Variable from '../components/Variable.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import TraceBreakpoint from './components/TraceBreakpoint.svelte';
+  import TraceBypass from './components/TraceBypass.svelte';
   import { CafFact } from '../../wrapper/AnimationWrapper.ts';
   import type { TFactsMap } from '../../wrapper/Fact.ts';
-  import FactsCell from './FactsCell.svelte';
-  import CallstackCell from './CallstackCell.svelte';
+  import FactsCell from './components/FactsCell.svelte';
+  import CallstackCell from './components/CallstackCell.svelte';
 
   let {
     cicHistory,
diff --git a/src/view/panel/IdleCallbackRequestHistory.svelte b/src/view/panel/IdleCallbackRequestHistory.svelte
@@ -12,18 +12,18 @@
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
   import { msToHms } from '../../api/time.ts';
-  import Variable from './Variable.svelte';
+  import Variable from '../components/Variable.svelte';
   import IdleCallbackCancelHistory from './IdleCallbackCancelHistory.svelte';
-  import Dialog from './Dialog.svelte';
-  import Alert from './Alert.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import FrameSensitiveTime from './FrameSensitiveTime.svelte';
-  import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import TraceBypass from './TraceBypass.svelte';
-  import CancelableCallMetric from './CancelableCallMetric.svelte';
+  import Dialog from '../components/Dialog.svelte';
+  import Alert from '../components/Alert.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import FrameSensitiveTime from './components/FrameSensitiveTime.svelte';
+  import TraceBreakpoint from './components/TraceBreakpoint.svelte';
+  import TraceBypass from './components/TraceBypass.svelte';
+  import CancelableCallMetric from './components/CancelableCallMetric.svelte';
   import type { TFactsMap } from '../../wrapper/Fact.ts';
-  import FactsCell from './FactsCell.svelte';
-  import CallstackCell from './CallstackCell.svelte';
+  import FactsCell from './components/FactsCell.svelte';
+  import CallstackCell from './components/CallstackCell.svelte';
 
   let {
     ricHistory,
diff --git a/src/view/panel/Media.svelte b/src/view/panel/Media.svelte
@@ -3,8 +3,8 @@
     EMediaType,
     type TMediaTelemetry,
   } from '../../wrapper/MediaWrapper.ts';
-  import MediaMetrics from './MediaMetrics.svelte';
-  import Variable from './Variable.svelte';
+  import MediaMetrics from './components/MediaMetrics.svelte';
+  import Variable from '../components/Variable.svelte';
 
   let { media = { total: 0, collection: [] } }: { media: TMediaTelemetry } =
     $props();
diff --git a/src/view/panel/OnlineTimers.svelte b/src/view/panel/OnlineTimers.svelte
@@ -4,7 +4,7 @@
     type TOnlineTimerMetrics,
   } from '../../wrapper/TimerWrapper.ts';
   import { compareByDelayThenHandlerDescending } from '../../api/comparator.ts';
-  import ActiveTimers from './ActiveTimers.svelte';
+  import ActiveTimers from './components/ActiveTimers.svelte';
 
   let { onlineTimers }: { onlineTimers: TOnlineTimerMetrics[] | null } =
     $props();
diff --git a/src/view/panel/TimersClearHistory.svelte b/src/view/panel/TimersClearHistory.svelte
@@ -7,9 +7,9 @@
     setSettings,
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
-  import Variable from './Variable.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import TimersClearHistoryMetric from './TimersClearHistoryMetric.svelte';
+  import Variable from '../components/Variable.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import TimersClearHistoryMetric from './components/TimersClearHistoryMetric.svelte';
 
   let {
     clearTimerHistory,
diff --git a/src/view/panel/TimersSetHistory.svelte b/src/view/panel/TimersSetHistory.svelte
@@ -10,9 +10,9 @@
     setSettings,
   } from '../../api/settings.ts';
   import { compareByFieldOrder } from '../../api/comparator.ts';
-  import Variable from './Variable.svelte';
-  import SortableColumn from './SortableColumn.svelte';
-  import TimersSetHistoryMetric from './TimersSetHistoryMetric.svelte';
+  import Variable from '../components/Variable.svelte';
+  import SortableColumn from './components/SortableColumn.svelte';
+  import TimersSetHistoryMetric from './components/TimersSetHistoryMetric.svelte';
 
   let {
     setTimerHistory,
diff --git a/src/view/panel/components/ActiveTimers.svelte b/src/view/panel/components/ActiveTimers.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import type { TOnlineTimerMetrics } from '../../wrapper/TimerWrapper.ts';
-  import { EMsg, portPost } from '../../api/communication.ts';
-  import { msToHms } from '../../api/time.ts';
-  import Variable from './Variable.svelte';
+  import type { TOnlineTimerMetrics } from '../../../wrapper/TimerWrapper.ts';
+  import { EMsg, portPost } from '../../../api/communication.ts';
+  import { msToHms } from '../../../api/time.ts';
+  import Variable from '../../components/Variable.svelte';
   import CallstackCell from './CallstackCell.svelte';
 
   let {
diff --git a/src/view/panel/components/CallstackCell.svelte b/src/view/panel/components/CallstackCell.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ETraceDomain, type TTrace } from '../../wrapper/TraceUtil.ts';
+  import { ETraceDomain, type TTrace } from '../../../wrapper/TraceUtil.ts';
   import TraceLink from './TraceLink.svelte';
 
   let {
diff --git a/src/view/panel/components/CancelableCallMetric.svelte b/src/view/panel/components/CancelableCallMetric.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Variable from './Variable.svelte';
+  import Variable from '../../components/Variable.svelte';
 
   let {
     calls,
diff --git a/src/view/panel/components/FactsCell.svelte b/src/view/panel/components/FactsCell.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
-  import { Fact, type TFact, type TFactsMap } from '../../wrapper/Fact.ts';
+  import {
+    Fact,
+    type TFact,
+    type TFactsMap,
+  } from '../../../wrapper/Fact.ts';
 
   let { facts, factsMap }: { facts: TFact; factsMap: TFactsMap } = $props();
 </script>
diff --git a/src/view/panel/components/FrameSensitiveTime.svelte b/src/view/panel/components/FrameSensitiveTime.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { SELF_TIME_MAX_GOOD } from '../../api/const.ts';
-  import { Stopper } from '../../api/time.ts';
+  import { SELF_TIME_MAX_GOOD } from '../../../api/const.ts';
+  import { Stopper } from '../../../api/time.ts';
 
   let { value }: { value: number | null } = $props();
   let isBad = $derived.by(() => {
diff --git a/src/view/panel/components/MediaCommands.svelte b/src/view/panel/components/MediaCommands.svelte
@@ -3,7 +3,7 @@
     EMsg,
     portPost,
     type TMsgMediaCommand,
-  } from '../../api/communication.ts';
+  } from '../../../api/communication.ts';
 
   let { mediaId }: { mediaId: string } = $props();
 
diff --git a/src/view/panel/components/MediaMetrics.svelte b/src/view/panel/components/MediaMetrics.svelte
@@ -2,9 +2,9 @@
   import {
     isToggableMediaProp,
     type TMediaMetrics,
-  } from '../../wrapper/MediaWrapper.ts';
-  import { EMsg, portPost } from '../../api/communication.ts';
-  import Variable from './Variable.svelte';
+  } from '../../../wrapper/MediaWrapper.ts';
+  import { EMsg, portPost } from '../../../api/communication.ts';
+  import Variable from '../../components/Variable.svelte';
   import MediaCommands from './MediaCommands.svelte';
 
   let { metrics }: { metrics: TMediaMetrics } = $props();
diff --git a/src/view/panel/components/SortableColumn.svelte b/src/view/panel/components/SortableColumn.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { ESortOrder } from '../../api/settings.ts';
+  import { ESortOrder } from '../../../api/settings.ts';
 
   let {
     field,
diff --git a/src/view/panel/components/TimersClearHistoryMetric.svelte b/src/view/panel/components/TimersClearHistoryMetric.svelte
@@ -2,12 +2,12 @@
   import {
     ClearTimerFact,
     type TClearTimerHistory,
-  } from '../../wrapper/TimerWrapper.ts';
-  import { msToHms } from '../../api/time.ts';
-  import Variable from './Variable.svelte';
+  } from '../../../wrapper/TimerWrapper.ts';
+  import { msToHms } from '../../../api/time.ts';
+  import Variable from '../../components/Variable.svelte';
   import TraceBreakpoint from './TraceBreakpoint.svelte';
   import TraceBypass from './TraceBypass.svelte';
-  import type { TFactsMap } from '../../wrapper/Fact.ts';
+  import type { TFactsMap } from '../../../wrapper/Fact.ts';
   import FactsCell from './FactsCell.svelte';
   import CallstackCell from './CallstackCell.svelte';
 
diff --git a/src/view/panel/components/TimersSetHistoryMetric.svelte b/src/view/panel/components/TimersSetHistoryMetric.svelte
@@ -3,17 +3,17 @@
     SetTimerFact,
     type TClearTimerHistory,
     type TSetTimerHistory,
-  } from '../../wrapper/TimerWrapper.ts';
-  import { msToHms } from '../../api/time.ts';
+  } from '../../../wrapper/TimerWrapper.ts';
+  import { msToHms } from '../../../api/time.ts';
   import FrameSensitiveTime from './FrameSensitiveTime.svelte';
-  import Variable from './Variable.svelte';
+  import Variable from '../../components/Variable.svelte';
   import TraceBypass from './TraceBypass.svelte';
   import TraceBreakpoint from './TraceBreakpoint.svelte';
-  import Dialog from './Dialog.svelte';
-  import Alert from './Alert.svelte';
-  import TimersClearHistory from './TimersClearHistory.svelte';
+  import Dialog from '../../components/Dialog.svelte';
+  import Alert from '../../components/Alert.svelte';
+  import TimersClearHistory from '../TimersClearHistory.svelte';
   import CancelableCallMetric from './CancelableCallMetric.svelte';
-  import type { TFactsMap } from '../../wrapper/Fact.ts';
+  import type { TFactsMap } from '../../../wrapper/Fact.ts';
   import FactsCell from './FactsCell.svelte';
   import CallstackCell from './CallstackCell.svelte';
 
diff --git a/src/view/panel/components/TraceBreakpoint.svelte b/src/view/panel/components/TraceBreakpoint.svelte
@@ -3,7 +3,7 @@
     getSettings,
     onSettingsChange,
     setSettings,
-  } from '../../api/settings.ts';
+  } from '../../../api/settings.ts';
 
   let { traceId }: { traceId: string } = $props();
   let trace4Debug: string | null = $state.raw(null);
diff --git a/src/view/panel/components/TraceBypass.svelte b/src/view/panel/components/TraceBypass.svelte
@@ -3,7 +3,7 @@
     getSettings,
     onSettingsChange,
     setSettings,
-  } from '../../api/settings.ts';
+  } from '../../../api/settings.ts';
 
   let { traceId }: { traceId: string } = $props();
   let trace4Bypass: string | null = $state.raw(null);
diff --git a/src/view/panel/components/TraceLink.svelte b/src/view/panel/components/TraceLink.svelte
@@ -4,7 +4,7 @@
     REGEX_STACKTRACE_COLUMN_NUMBER,
     REGEX_STACKTRACE_LINE_NUMBER,
     TAG_INVALID_CALLSTACK_LINK,
-  } from '../../wrapper/TraceUtil.ts';
+  } from '../../../wrapper/TraceUtil.ts';
 
   let {
     name,
