Move window to top-level

extension/src/remote/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Root } from '@redux-devtools/app';
 
-import '../../views/remote.pug';
+import './remote.pug';
 
 chrome.storage.local.get(
   {

extension/src/remote/remote.pug

@@ -4,7 +4,7 @@ html
   head
     meta(charset='UTF-8')
   title RemoteDev
-  include ../../style.pug
+  include ../style.pug
 
   body
     #root

extension/src/window/index.tsx

@@ -3,11 +3,11 @@ import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
 import { UPDATE_STATE } from '@redux-devtools/app';
-import App from '../../../app/containers/App';
-import configureStore from '../../../app/stores/windowStore';
-import type { MonitorMessage } from '../../../background/store/apiMiddleware';
+import App from '../app/containers/App';
+import configureStore from './store/windowStore';
+import type { MonitorMessage } from '../background/store/apiMiddleware';
 
-import '../../views/window.pug';
+import './window.pug';
 
 const position = location.hash;
 

extension/src/window/store/instancesReducer.ts

@@ -6,10 +6,10 @@ import {
   LIFTED_ACTION,
   SET_PERSIST,
 } from '@redux-devtools/app';
-import {
+import type {
   ExpandedUpdateStateAction,
   WindowStoreAction,
-} from '../../stores/windowStore';
+} from './windowStore';
 
 export default function instances(
   state = instancesInitialState,

extension/src/window/store/windowReducer.ts

@@ -9,8 +9,8 @@ import {
   theme,
   StoreState,
 } from '@redux-devtools/app';
-import instances from './instances';
-import { WindowStoreAction } from '../../stores/windowStore';
+import instances from './instancesReducer';
+import type { WindowStoreAction } from './windowStore';
 
 const rootReducer: Reducer<StoreState, WindowStoreAction> =
   combineReducers<StoreState>({

extension/src/window/store/windowStore.ts

@@ -17,9 +17,9 @@ import {
   StoreState,
   UpdateStateAction,
 } from '@redux-devtools/app';
-import syncStores from '../middlewares/windowSync';
-import instanceSelector from '../middlewares/instanceSelector';
-import rootReducer from '../reducers/window';
+import syncStores from './windowSyncMiddleware';
+import instanceSelector from './instanceSelectorMiddleware';
+import rootReducer from './windowReducer';
 import type { BackgroundState } from '../../background/store/backgroundReducer';
 import type { BackgroundAction } from '../../background/store/backgroundStore';
 import type {

extension/src/window/store/windowSyncMiddleware.ts

@@ -8,7 +8,7 @@ import {
 } from '@redux-devtools/app';
 import { Dispatch, MiddlewareAPI, Store } from 'redux';
 import type { BackgroundState } from '../../background/store/backgroundReducer';
-import { WindowStoreAction } from '../stores/windowStore';
+import type { WindowStoreAction } from './windowStore';
 import type { BackgroundAction } from '../../background/store/backgroundStore';
 
 const syncStores =

extension/src/window/window.pug

@@ -4,7 +4,7 @@ html
   head
     meta(charset='UTF-8')
   title Redux DevTools
-  include ../../style.pug
+  include ../style.pug
 
   body
     #root

extension/webpack/base.config.js

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