Move options to top-level

extension/src/background/index.ts

@@ -2,7 +2,7 @@ import { Store } from 'redux';
 import configureStore, { BackgroundAction } from './store/backgroundStore';
 import openDevToolsWindow, { DevToolsPosition } from './openWindow';
 import { createMenu, removeMenu } from './contextMenus';
-import syncOptions from '../browser/extension/options/syncOptions';
+import syncOptions from '../options/syncOptions';
 import { BackgroundState } from './store/backgroundReducer';
 
 declare global {

extension/src/background/store/apiMiddleware.ts

@@ -15,7 +15,7 @@ import syncOptions, {
   Options,
   OptionsMessage,
   SyncOptions,
-} from '../../browser/extension/options/syncOptions';
+} from '../../options/syncOptions';
 import openDevToolsWindow, { DevToolsPosition } from '../openWindow';
 import { getReport } from '../logging';
 import { Action, Dispatch, MiddlewareAPI } from 'redux';

extension/src/browser/extension/inject/contentScript.ts

@@ -2,7 +2,7 @@ import {
   injectOptions,
   getOptionsFromBg,
   isAllowed,
-} from '../options/syncOptions';
+} from '../../../options/syncOptions';
 import type { TabMessage } from '../../../background/store/apiMiddleware';
 import {
   PageScriptToContentScriptMessage,

extension/src/browser/extension/inject/pageScript.ts

@@ -28,7 +28,7 @@ import {
   Features,
 } from '@redux-devtools/app';
 import configureStore, { getUrlParam } from '../../../app/stores/enhancerStore';
-import { isAllowed, Options } from '../options/syncOptions';
+import { isAllowed, Options } from '../../../options/syncOptions';
 import Monitor from '../../../app/service/Monitor';
 import {
   noFiltersApplied,

extension/src/options/FilterGroup.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FilterState } from '../../../app/api/filters';
+import { FilterState } from '../app/api/filters';
 import { OptionsProps } from './Options';
 
 export default ({ options, saveOption }: OptionsProps) => {

extension/src/options/index.tsx

@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
 import OptionsComponent from './Options';
 import { Options } from './syncOptions';
 
-import '../../views/options.pug';
+import './options.pug';
 
 chrome.runtime.getBackgroundPage((background) => {
   const syncOptions = background!.syncOptions;

extension/src/options/syncOptions.ts

@@ -1,4 +1,4 @@
-import { FilterState, FilterStateValue } from '../../../app/api/filters';
+import { FilterState, FilterStateValue } from '../app/api/filters';
 
 export interface Options {
   readonly useEditor: number;

extension/webpack/base.config.js

@@ -11,11 +11,11 @@ const baseConfig = (params) => ({
   mode: params.mode,
   entry: params.input || {
     background: [mock, '../src/background/index'],
-    options: [mock, `${extpath}options/index`],
+    options: [mock, '../src/options/index'],
     window: [`${extpath}window/index`],
     remote: [`${extpath}window/remote`],
     devpanel: [mock, '../src/devpanel/index'],
-    devtools: [`${extpath}devtools/index`],
+    devtools: ['../src/devtools/index'],
     content: [mock, `${extpath}inject/contentScript`],
     pagewrap: [`${extpath}inject/pageScriptWrap`],
     ...params.inputExtra,