Upgrade dev dependencies

.github/workflows/main.yml

@@ -10,10 +10,11 @@ jobs:
   build-test-linux:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3.7.0
         with:
-          node-version: 16.x
+          node-version: 18.x
+          cache: 'yarn'
       - name: Setup
         run: sudo apt-get install -y libgbm-dev
       - name: Test
@@ -26,10 +27,11 @@ jobs:
   build-test-macos:
     runs-on: macOS-latest
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3.7.0
         with:
-          node-version: 16.x
+          node-version: 18.x
+          cache: 'yarn'
       - name: Test
         run: |
           yarn
@@ -40,10 +42,11 @@ jobs:
   build-test-windows:
     runs-on: windows-2022
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3.7.0
         with:
-          node-version: 16.x
+          node-version: 18.x
+          cache: 'yarn'
       - name: Test
         shell: bash
         run: |

.github/workflows/release.yml

@@ -6,10 +6,11 @@ jobs:
   release-linux:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3.7.0
         with:
-          node-version: 16.x
+          node-version: 18.x
+          cache: 'yarn'
       - name: Package
         run: |
           yarn
@@ -24,10 +25,11 @@ jobs:
   release-windows:
     runs-on: windows-2022
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3.7.0
         with:
-          node-version: 16.x
+          node-version: 18.x
+          cache: 'yarn'
       - name: Package
         shell: bash
         run: |

__e2e__/app.spec.js

@@ -10,8 +10,7 @@ import createMockRNServer from './mockRNServer';
 
 const delay = (time) => new Promise((resolve) => setTimeout(resolve, time));
 
-// eslint-disable-next-line
-jasmine.DEFAULT_TIMEOUT_INTERVAL = 6e4;
+jest.setTimeout(6e4);
 
 describe('Application launch', () => {
   let electronApp;
@@ -108,7 +107,7 @@ describe('Application launch', () => {
     const rndPort = fs.readFileSync(portFile, 'utf-8');
 
     const sendSuccess = await new Promise((resolve) => {
-      const socket = net.createConnection({ port: rndPort }, () => {
+      const socket = net.createConnection({ host: '127.0.0.1', port: rndPort }, () => {
         let pass;
         socket.setEncoding('utf-8');
         socket.write(JSON.stringify({ path: rndPath }));

app/containers/App.js

@@ -44,19 +44,7 @@
 
 const shortcutPrefix = process.platform === 'darwin' ? '⌥⌘' : 'Ctrl+Alt+';
 
-@connect(
-  state => ({
-    debugger: state.debugger,
-    setting: state.setting,
-  }),
-  dispatch => ({
-    actions: {
-      debugger: bindActionCreators(debuggerActions, dispatch),
-      setting: bindActionCreators(settingActions, dispatch),
-    },
-  })
-)
-export default class App extends Component {
+class App extends Component {
   static propTypes = {
     setting: PropTypes.object.isRequired,
     debugger: PropTypes.object.isRequired,
@@ -145,7 +133,7 @@
   handlePortOnSubmit = (evt, port) => {
     ipcRenderer.once('check-port-available-reply', (event, available) => {
       if (!available) {
         alert(`The port ${port} is already used by another window.`);
         return;
       }
       const { setDebuggerLocation } = this.props.actions.debugger;
@@ -207,3 +195,16 @@
     );
   }
 }
+
+export default connect(
+  state => ({
+    debugger: state.debugger,
+    setting: state.setting,
+  }),
+  dispatch => ({
+    actions: {
+      debugger: bindActionCreators(debuggerActions, dispatch),
+      setting: bindActionCreators(settingActions, dispatch),
+    },
+  })
+)(App);

app/containers/ReactInspector.js

@@ -41,14 +41,7 @@ const styles = {
 
 const isReactPanelOpen = props => props.setting.react;
 
-@connect(
-  state => ({
-    debugger: state.debugger,
-    setting: state.setting,
-  }),
-  dispatch => ({ dispatch })
-)
-export default class ReactInspector extends Component {
+class ReactInspector extends Component {
   static propTypes = {
     debugger: PropTypes.object,
     setting: PropTypes.object,
@@ -159,3 +152,12 @@ export default class ReactInspector extends Component {
     );
   }
 }
+
+
+export default connect(
+  state => ({
+    debugger: state.debugger,
+    setting: state.setting,
+  }),
+  dispatch => ({ dispatch })
+)(ReactInspector);

app/containers/ReduxDevTools.js

@@ -45,27 +45,7 @@ const devtoolsStyle = {
   height: '100%', overflow: 'auto',
 };
 
-@enhance
-@connect(
-  state => {
-    const instances = state.instances;
-    const id = getActiveInstance(instances);
-    return {
-      selected: instances.selected,
-      liftedState: instances.states[id],
-      monitorState: state.monitor.monitorState,
-      options: instances.options[id],
-      monitor: state.monitor.selected,
-      dispatcherIsOpen: state.monitor.dispatcherIsOpen,
-      sliderIsOpen: state.monitor.sliderIsOpen,
-    };
-  },
-  dispatch => ({
-    liftedDispatch: bindActionCreators(liftedDispatchAction, dispatch),
-    dispatch,
-  })
-)
-export default class ReduxDevTools extends Component {
+class ReduxDevTools extends Component {
   static propTypes = {
     style: PropTypes.object,
     debugger: PropTypes.object,
@@ -141,3 +121,23 @@ export default class ReduxDevTools extends Component {
     );
   }
 }
+
+export default connect(
+  state => {
+    const instances = state.instances;
+    const id = getActiveInstance(instances);
+    return {
+      selected: instances.selected,
+      liftedState: instances.states[id],
+      monitorState: state.monitor.monitorState,
+      options: instances.options[id],
+      monitor: state.monitor.selected,
+      dispatcherIsOpen: state.monitor.dispatcherIsOpen,
+      sliderIsOpen: state.monitor.sliderIsOpen,
+    };
+  },
+  dispatch => ({
+    liftedDispatch: bindActionCreators(liftedDispatchAction, dispatch),
+    dispatch,
+  })
+)(enhance(ReduxDevTools));

app/worker/asyncStorage.js

@@ -3,7 +3,7 @@ export const getClearAsyncStorageFn = AsyncStorage => {
   return () => AsyncStorage.clear().catch(f => f);
 };
 
-function convertError(error): ?Error {
+function convertError(error) {
   if (!error) {
     return null;
   }

babel.config.js

@@ -0,0 +1,17 @@
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: [['@babel/preset-env', { targets: { node: '18.5' } }], '@babel/preset-react'],
+    plugins: [],
+    env: {
+      production: {
+        plugins: [
+          '@babel/plugin-transform-react-inline-elements',
+          '@babel/plugin-transform-react-constant-elements',
+          'transform-react-remove-prop-types',
+          'closure-elimination',
+        ],
+      },
+    },
+  };
+};

electron/config/__tests__/__snapshots__/index.test.js.snap

@@ -1,64 +1,64 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`openConfigFile 1`] = `
-Object {
-  "config": Object {
+{
+  "config": {
     "autoUpdate": true,
     "defaultNetworkInspect": false,
-    "defaultRNPackagerPorts": Array [
+    "defaultRNPackagerPorts": [
       8081,
     ],
     "defaultReactDevToolsPort": 19567,
     "defaultReactDevToolsTheme": "RNDebugger",
     "editor": "",
     "timesJSLoadToRefreshDevTools": -1,
-    "windowBounds": Object {
+    "windowBounds": {
       "frame": true,
     },
   },
 }
 `;
 
 exports[`readConfig 1`] = `
-Object {
-  "config": Object {
+{
+  "config": {
     "autoUpdate": true,
     "defaultNetworkInspect": false,
-    "defaultRNPackagerPorts": Array [
+    "defaultRNPackagerPorts": [
       8081,
     ],
     "defaultReactDevToolsPort": 19567,
     "defaultReactDevToolsTheme": "RNDebugger",
     "editor": "",
     "timesJSLoadToRefreshDevTools": -1,
-    "windowBounds": Object {
+    "windowBounds": {
       "frame": true,
     },
   },
 }
 `;
 
 exports[`readConfig 2`] = `
-Object {
-  "config": Object {
+{
+  "config": {
     "autoUpdate": false,
   },
 }
 `;
 
 exports[`readConfig 3`] = `
-Object {
-  "config": Object {
+{
+  "config": {
     "autoUpdate": true,
     "defaultNetworkInspect": false,
-    "defaultRNPackagerPorts": Array [
+    "defaultRNPackagerPorts": [
       8081,
     ],
     "defaultReactDevToolsPort": 19567,
     "defaultReactDevToolsTheme": "RNDebugger",
     "editor": "",
     "timesJSLoadToRefreshDevTools": -1,
-    "windowBounds": Object {
+    "windowBounds": {
       "frame": true,
     },
   },

npm-package/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: [['env', { targets: { node: '12' } }]],
+  };
+};