Move devpanel to top-level

extension/src/browser/views/remote.pug

@@ -1,11 +1,11 @@
-doctype html
-
-html
-  head
-    meta(charset='UTF-8')
-  title RemoteDev
-  include ./includes/style.pug
-
-  body
-    #root
-    script(src='/remote.bundle.js')
+doctype html
+
+html
+  head
+    meta(charset='UTF-8')
+  title RemoteDev
+  include ../../style.pug
+
+  body
+    #root
+    script(src='/remote.bundle.js')

extension/src/browser/views/window.pug

@@ -1,17 +1,17 @@
-doctype html
-
-html
-  head
-    meta(charset='UTF-8')
-  title Redux DevTools
-  include ./includes/style.pug
-
-  body
-    #root
-      div(style='position: relative')
-        img(
-          src='/img/loading.svg',
-          height=300, width=350,
-          style='position: absolute; top: 50%; left: 50%; margin-top: -175px; margin-left: -175px;'
-        )
-    script(src='/window.bundle.js')
+doctype html
+
+html
+  head
+    meta(charset='UTF-8')
+  title Redux DevTools
+  include ../../style.pug
+
+  body
+    #root
+      div(style='position: relative')
+        img(
+          src='/img/loading.svg',
+          height=300, width=350,
+          style='position: absolute; top: 50%; left: 50%; margin-top: -175px; margin-left: -175px;'
+        )
+    script(src='/window.bundle.js')

extension/src/devpanel/devpanel.pug

@@ -1,15 +1,15 @@
-doctype html
-
-html
-  head
-    meta(charset='UTF-8')
-  title Redux DevTools
-  include ./includes/style.pug
-  style.
-    body {
-      min-height: 100px;
-    }
-
-  body
-    #root
-    script(src='/devpanel.bundle.js')
+doctype html
+
+html
+  head
+    meta(charset='UTF-8')
+  title Redux DevTools
+  include ../style.pug
+  style.
+    body {
+      min-height: 100px;
+    }
+
+  body
+    #root
+    script(src='/devpanel.bundle.js')

extension/src/devpanel/index.tsx

@@ -3,13 +3,13 @@ import { createRoot, Root } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { Persistor } from 'redux-persist';
 import { REMOVE_INSTANCE, StoreAction } from '@redux-devtools/app';
-import App from '../../../app/containers/App';
-import configureStore from '../../../app/stores/panelStore';
+import App from '../app/containers/App';
+import configureStore from './store/panelStore';
 
 import '../../views/devpanel.pug';
 import { Action, Store } from 'redux';
-import type { PanelMessage } from '../../../background/store/apiMiddleware';
-import { StoreStateWithoutSocket } from '../../../app/reducers/panel';
+import type { PanelMessage } from '../background/store/apiMiddleware';
+import type { StoreStateWithoutSocket } from './store/panelReducer';
 import { PersistGate } from 'redux-persist/integration/react';
 
 const position = location.hash;

extension/src/devpanel/store/panelStore.ts

@@ -2,8 +2,8 @@ import { createStore, applyMiddleware, Reducer } from 'redux';
 import localForage from 'localforage';
 import { persistReducer, persistStore } from 'redux-persist';
 import { exportStateMiddleware, StoreAction } from '@redux-devtools/app';
-import panelDispatcher from '../middlewares/panelSync';
-import rootReducer, { StoreStateWithoutSocket } from '../reducers/panel';
+import panelDispatcher from './panelSyncMiddleware';
+import rootReducer, { StoreStateWithoutSocket } from './panelReducer';
 
 const persistConfig = {
   key: 'redux-devtools',

extension/webpack/base.config.js

@@ -14,7 +14,7 @@ const baseConfig = (params) => ({
     options: [mock, `${extpath}options/index`],
     window: [`${extpath}window/index`],
     remote: [`${extpath}window/remote`],
-    devpanel: [mock, `${extpath}devpanel/index`],
+    devpanel: [mock, '../src/devpanel/index'],
     devtools: [`${extpath}devtools/index`],
     content: [mock, `${extpath}inject/contentScript`],
     pagewrap: [`${extpath}inject/pageScriptWrap`],