Refactor

src/background/background.ts

@@ -2,15 +2,23 @@ import '../../packages/wasm_exec.js';
 import { JqParams, TokenizeParams } from '@core/background';
 import { jq } from '@packages/jq';
 import { tokenize } from '@packages/tokenizer';
+import { is } from './helpres';
+
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+chrome.runtime.onMessage.addListener(function (message: TokenizeParams | JqParams | object, _, sendResponse) {
+  if (is(message, 'tokenize')) {
+    tokenize(message.json)
+      .then(sendResponse)
+      .catch((err: unknown) => console.error(err));
 
-chrome.runtime.onMessage.addListener(function (message: TokenizeParams | JqParams, _, sendResponse) {
-  if (message.action == 'tokenize') {
-    tokenize(message.json).then(sendResponse);
     return true;
   }
 
-  if (message.action == 'jq') {
-    jq(message.json, message.query).then(sendResponse);
+  if (is(message, 'jq')) {
+    jq(message.json, message.query)
+      .then(sendResponse)
+      .catch((err: unknown) => console.error(err));
+
     return true;
   }
 });

src/background/helpres.ts

@@ -0,0 +1,11 @@
+import { JqParams, Message, TokenizeParams } from '@core/background';
+
+
+interface Types {
+  'jq': JqParams,
+  'tokenize': TokenizeParams,
+}
+
+export const is = <T extends Message['action']>(message: object, type: T): message is Types[T] => {
+  return 'action' in message && message.action == type;
+};

src/content-script/dom/build-dom.test.ts

@@ -15,10 +15,12 @@ describe('buildDom', () => {
             {
               type: 'string',
               value: 'https://www.youtube.com/watch?v=QH2-TGUlwu4',
+              variant: 'url',
             },
             {
               type: 'string',
               value: '/json-formatter/examples/2-array-root.json',
+              variant: 'url',
             },
           ],
         },

src/core/background/models.ts

@@ -11,4 +11,6 @@ export interface JqParams {
   query: string;
 }
 
+export type Message = TokenizeParams | JqParams;
+
 export { TokenizerResponse };

src/core/browser/index.ts

@@ -1,4 +1,4 @@
-const getURL = chrome.runtime.getURL;
-const sendMessage = chrome.runtime.sendMessage;
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+const { getURL, sendMessage } = chrome.runtime;
 
 export { getURL, sendMessage };