Add other entrypoints

extension/build.mjs

@@ -3,15 +3,20 @@ import * as esbuild from 'esbuild';
 await esbuild.build({
   entryPoints: [
     { out: 'background.bundle', in: 'src/background/index.ts' },
-    { out: 'remote.bundle', in: 'src/remote/index.tsx' },
+    { out: 'options.bundle', in: 'src/options/index.tsx' },
     { out: 'window.bundle', in: 'src/window/index.tsx' },
+    { out: 'remote.bundle', in: 'src/remote/index.tsx' },
+    { out: 'devpanel.bundle', in: 'src/devpanel/index.tsx' },
+    { out: 'devtools.bundle', in: 'src/devtools/index.ts' },
+    { out: 'content.bundle', in: 'src/contentScript/index.ts' },
+    { out: 'page.bundle', in: 'src/pageScript/index.ts' },
   ],
   bundle: true,
-  minify: true,
+  logLevel: 'info',
   outdir: 'dist',
+  minify: true,
   loader: {
     '.pug': 'empty',
     '.woff2': 'file',
   },
-  logLevel: 'info',
 });

extension/src/contentScript/index.ts

@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import {
   injectOptions,
   getOptionsFromBg,

extension/src/devpanel/index.tsx

@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import React, { CSSProperties, ReactNode } from 'react';
 import { createRoot, Root } from 'react-dom/client';
 import { Provider } from 'react-redux';

extension/src/devtools/index.ts

@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import './devtools.pug';
 
 function createPanel(url: string) {

extension/src/options/index.tsx

@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import OptionsComponent from './Options';

extension/src/pageScript/index.ts

@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import {
   ActionCreatorObject,
   evalAction,