extract traceUtil

Author: zendive

jest/tests/wrappers.test.ts

@@ -12,10 +12,10 @@ import { TAG_EXCEPTION, TAG_UNDEFINED } from '../../src/api/clone.ts';
 import {
   TAG_EVAL_RETURN_SET_TIMEOUT,
   TAG_EVAL_RETURN_SET_INTERVAL,
-  TRACE_ERROR_MESSAGE,
   TAG_MISSFORTUNE,
 } from '../../src/api/const.ts';
 import { EWrapperCallstackType } from '../../src/api/settings.ts';
+import { TRACE_ERROR_MESSAGE } from '../../src/wrapper/traceUtil.ts';
 
 const TEST_STACK = `Error: ${TRACE_ERROR_MESSAGE}
         at <anonymous>:1:1
@@ -383,7 +383,7 @@ describe('wrappers', () => {
       { name: 'call1', link: 'https://example1.com/bundle2.js:3:4' },
       { name: 'call2', link: 'https://example2.com/bundle3.js:4:5' },
     ];
-    const { trace } = wrapper.createCallstack(
+    const { trace } = wrapper.traceUtil.createCallstack(
       <Error>{ stack: TEST_STACK },
       null
     );
@@ -400,7 +400,7 @@ describe('wrappers', () => {
       { name: 'call2', link: 'https://example2.com/bundle3.js:4:5' },
     ];
     wrapper.setCallstackType(EWrapperCallstackType.SHORT);
-    const { trace } = wrapper.createCallstack(
+    const { trace } = wrapper.traceUtil.createCallstack(
       <Error>{ stack: TEST_STACK },
       null
     );

src/api-monitor-cs-main.ts

@@ -11,7 +11,7 @@ import {
   doMediaCommand,
   type TMediaTelemetry,
 } from './api/mediaMonitor.ts';
-import { Wrapper, TimerType, type TWrapperMetrics } from './wrapper/main.ts';
+import { Wrapper, ETimerType, type TWrapperMetrics } from './wrapper/main.ts';
 import { panelsArray2Map, type TPanelVisibilityMap } from './api/settings.ts';
 
 export interface TMetrics {
@@ -59,7 +59,7 @@ windowListen((o) => {
     wrapper.cleanHistory();
     !tick.isPending && tick.trigger();
   } else if (o.msg === 'clear-timer-handler') {
-    if (o.type === TimerType.TIMEOUT) {
+    if (o.type === ETimerType.TIMEOUT) {
       window.clearTimeout(o.handler);
     } else {
       window.clearInterval(o.handler);

src/api/communication.ts

@@ -13,7 +13,7 @@
 import { APPLICATION_NAME } from './env.ts';
 import { ERRORS_IGNORED } from './const.ts';
 import type { TMetrics } from '../api-monitor-cs-main.ts';
-import type { TTimerType } from '../wrapper/main.ts';
+import { ETimerType } from '../wrapper/main.ts';
 import type { TSettings } from './settings.ts';
 
 let port: chrome.runtime.Port | null = null;
@@ -106,7 +106,7 @@ export interface TMsgResetHistory {
 }
 export interface TMsgClearHandler {
   msg: 'clear-timer-handler';
-  type: TTimerType;
+  type: ETimerType;
   handler: number;
 }
 export interface TMsgLoaded {

src/api/const.ts

@@ -27,7 +27,6 @@ export const cancelIdleCallback =
 export const lessEval = /*@__PURE__*/ window.eval.bind(window);
 
 export const TAG_MISSFORTUNE = '❓\u00A0⟪N/A⟫';
-export const TAG_INVALID_CALLSTACK_LINK = '⟪N/A⟫';
 export const TAG_EVAL_RETURN_SET_TIMEOUT = '(N/A - via setTimeout)';
 export const TAG_EVAL_RETURN_SET_INTERVAL = '(N/A - via setInterval)';
 
@@ -127,22 +126,3 @@ export const READY_STATE = [
   'HAVE_FUTURE_DATA',
   'HAVE_ENOUGH_DATA',
 ];
-
-export const TRACE_ERROR_MESSAGE = 'browser-api-monitor';
-export const REGEX_STACKTRACE_SPLIT = /*@__PURE__*/ new RegExp(/\n\s+at\s/);
-export const REGEX_STACKTRACE_NAME = /*@__PURE__*/ new RegExp(/^(.+)\(.*/);
-export const REGEX_STACKTRACE_LINK = /*@__PURE__*/ new RegExp(
-  /.*\((async )?(.*)\)$/
-);
-export const REGEX_STACKTRACE_CLEAN_URL = /*@__PURE__*/ new RegExp(
-  /(.*):\d+:\d+$/
-);
-export const REGEX_STACKTRACE_LINE_NUMBER = /*@__PURE__*/ new RegExp(
-  /.*:(\d+):\d+$/
-);
-export const REGEX_STACKTRACE_COLUMN_NUMBER = /*@__PURE__*/ new RegExp(
-  /.*:\d+:(\d+)$/
-);
-export const REGEX_STACKTRACE_LINK_PROTOCOL = /*@__PURE__*/ new RegExp(
-  /http[s]?\:\/\//
-);

src/view/components/TimersMetrics.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { TMetrics } from '../../api-monitor-cs-main.ts';
-  import { TimerType, type TOnlineTimerMetrics } from '../../wrapper/main.ts';
+  import { ETimerType, type TOnlineTimerMetrics } from '../../wrapper/main.ts';
   import ActiveTimers from './ActiveTimers.svelte';
   import TimersSetHistory from './TimersSetHistory.svelte';
   import TimersClearHistory from './TimersClearHistory.svelte';
@@ -21,7 +21,7 @@
       metrics.onlineTimers.sort(compareByDelayThenHandlerDescending);
 
       for (const timer of metrics.onlineTimers) {
-        if (timer.type === TimerType.TIMEOUT) {
+        if (timer.type === ETimerType.TIMEOUT) {
           timeouts.push(timer);
         } else {
           intervals.push(timer);

src/view/components/Trace.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { TTrace } from '../../wrapper/main.ts';
+  import type { TTrace } from '../../wrapper/traceUtil.ts';
   import TraceLink from './TraceLink.svelte';
 
   let { trace }: { trace: TTrace[] } = $props();

src/view/components/TraceDomain.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { TraceDomain, type TTraceDomain } from 'src/wrapper/main.ts';
+  import { ETraceDomain } from '../../wrapper/traceUtil.ts';
 
-  let { traceDomain }: { traceDomain: TTraceDomain } = $props();
+  let { traceDomain }: { traceDomain: ETraceDomain } = $props();
 </script>
 
-{#if traceDomain === TraceDomain.SAME}
+{#if traceDomain === ETraceDomain.SAME}
   <span class="icon -small -trace-local" title="Same domain"></span>
-{:else if traceDomain === TraceDomain.EXTERNAL}
+{:else if traceDomain === ETraceDomain.EXTERNAL}
   <span class="icon -small -trace-external" title="External domain"></span>
-{:else if traceDomain === TraceDomain.EXTENSION}
+{:else if traceDomain === ETraceDomain.EXTENSION}
   <span class="icon -small -trace-extension" title="Local extension"></span>
-{:else if traceDomain === TraceDomain.UNKNOWN}
+{:else if traceDomain === ETraceDomain.UNKNOWN}
   <span title="Unknown domain">❓</span>
 {/if}

src/view/components/TraceLink.svelte

@@ -4,7 +4,7 @@
     REGEX_STACKTRACE_COLUMN_NUMBER,
     REGEX_STACKTRACE_LINE_NUMBER,
     TAG_INVALID_CALLSTACK_LINK,
-  } from '../../api/const.ts';
+  } from 'src/wrapper/traceUtil.ts';
 
   let {
     name,