cleaned up webworker implementation.

Now it’s vite ready.

Signed-off-by: Dave Shanley <dave@quobix.com>

ui/src/components/transaction/transaction-container.ts

@@ -12,7 +12,6 @@ import {WiretapCurrentSpec, WiretapFiltersKey, WiretapLinkCacheStore, WiretapLoc
 import {AreFiltersActive, WiretapFilters} from "@/model/controls";
 import {TransactionLinkCache} from "@/model/link_cache";
 import {GetBagManager} from "@pb33f/saddlebag";
-import {ViolationViewComponent} from "@/components/violation/violation";
 import dividerCss from "@/components/divider.css";
 
 @customElement('http-transaction-container')

ui/src/index.ts

@@ -51,12 +51,3 @@ import './wiretap';
 import {setBasePath} from '@shoelace-style/shoelace/dist/utilities/base-path.js';
 //setBasePath('/shoelace');
 setBasePath('/assets/shoelace');
-
-export const workerFactory = (workerScript: URL, workerOptions: WorkerOptions) => () =>
-    new Worker(workerScript, workerOptions);
-
-export const linkCacheFactory =  workerFactory(new URL('./workers/link_cache_worker.ts', import.meta.url), {
-    type: 'module',
-});
-
-

ui/src/model/link_cache.ts

@@ -1,12 +1,13 @@
 import {Bag, GetBagManager} from "@pb33f/saddlebag";
-import {WiretapControls, WiretapFilters} from "@/model/controls";
-import {linkCacheFactory} from "@/index";
+// @ts-ignore
+import LinkCacheWorker from "@/workers/link_cache_worker?worker";
+import {WiretapFilters} from "@/model/controls";
+
 import {
     WiretapFiltersKey,
     WiretapFiltersStore,
     WiretapHttpTransactionStore, WiretapLinkCacheKey,
     WiretapLinkCacheStore,
-    WiretapLocalStorage
 } from "@/model/constants";
 import {HttpTransaction, HttpTransactionBase, HttpTransactionLink} from "@/model/http_transaction";
 import localforage from "localforage";
@@ -29,7 +30,7 @@ export class TransactionLinkCache {
         this._state = new Map<string, Map<string, HttpTransactionLink[]>>();
 
         // create a new linkCacheWorker
-        this._linkCacheWorker = linkCacheFactory();
+        this._linkCacheWorker = new LinkCacheWorker();
 
         // get transaction store
         this._httpTransactionStore =

ui/src/workers/link_cache_worker.ts

@@ -28,8 +28,8 @@ function update(keyword: string,
 
     // check transactions for keyword
     transactions.forEach((transaction) => {
-        const querySegments = transaction.queryString.split('&')
-        for (let i = 0; i < querySegments.length; i++) {
+        const querySegments = transaction.queryString?.split('&')
+        for (let i = 0; i < querySegments?.length; i++) {
             const segment = querySegments[i];
             const keyVal = segment.split('=')
             if (keyVal.length === 2) {