Rewrite selection reducer in RTK

Author: shepmaster

ui/frontend/.eslintrc.js

@@ -92,6 +92,7 @@ module.exports = {
         'reducers/output/wasm.ts',
         'reducers/page.ts',
         'reducers/position.ts',
+        'reducers/selection.ts',
         'reducers/versions.ts',
         'reducers/websocket.ts',
         'websocketActions.ts',

ui/frontend/.prettierignore

@@ -43,6 +43,7 @@ node_modules
 !reducers/output/wasm.ts
 !reducers/page.ts
 !reducers/position.ts
+!reducers/selection.ts
 !reducers/versions.ts
 !reducers/websocket.ts
 !websocketActions.ts

ui/frontend/actions.ts

@@ -20,7 +20,6 @@ import {
   PrimaryActionAuto,
   PrimaryActionCore,
   ProcessAssembly,
-  Position,
 } from './types';
 
 import { performCommonExecute, wsExecuteRequest } from './reducers/output/execute';
@@ -56,7 +55,6 @@ export enum ActionType {
   ChangeMode = 'CHANGE_MODE',
   ChangeEdition = 'CHANGE_EDITION',
   ChangeBacktrace = 'CHANGE_BACKTRACE',
-  SelectText = 'SELECT_TEXT',
 }
 
 export const initializeApplication = () => createAction(ActionType.InitializeApplication);
@@ -189,9 +187,6 @@ export const performCompileToNightlyHir =
 export const performCompileToWasm =
   performAndSwitchPrimaryAction(performCompileToCdylibWasmOnly, PrimaryActionCore.Wasm);
 
-export const selectText = (start: Position, end: Position) =>
-  createAction(ActionType.SelectText, { start, end });
-
 function parseChannel(s?: string): Channel | null {
   switch (s) {
     case 'stable':
@@ -293,7 +288,6 @@ export type Action =
   | ReturnType<typeof changeProcessAssembly>
   | ReturnType<typeof changeAceTheme>
   | ReturnType<typeof changeMonacoTheme>
-  | ReturnType<typeof selectText>
   | ReturnType<typeof editCode>
   | ReturnType<typeof addCrateType>
   | ReturnType<typeof navigateToIndex>

ui/frontend/index.tsx

@@ -9,7 +9,6 @@ import { Provider } from 'react-redux';
 import { v4 } from 'uuid';
 
 import {
-  selectText,
   reExecuteWithBacktrace,
 } from './actions';
 import { configureRustErrors } from './highlighting';
@@ -25,6 +24,7 @@ import { performCratesLoad } from './reducers/crates';
 import { gotoPosition } from './reducers/position';
 import { addImport, editCode, enableFeatureGate } from './reducers/code';
 import { browserWidthChanged } from './reducers/browser';
+import { selectText } from './reducers/selection';
 
 const store = configureStore(window);
 

ui/frontend/reducers/selection.ts

@@ -1,16 +1,21 @@
-import { Action, ActionType } from '../actions';
-import { Selection } from '../types';
+import { PayloadAction, createSlice } from '@reduxjs/toolkit';
 
-const DEFAULT: Selection = {
-};
+import { Position, Selection } from '../types';
 
-export default function position(state = DEFAULT, action: Action) {
-  switch (action.type) {
-    case ActionType.SelectText: {
-      const { start, end } = action;
-      return { ...state, start, end };
-    }
-    default:
-      return state;
-  }
-}
+const initialState: Selection = {};
+
+const slice = createSlice({
+  name: 'selection',
+  initialState,
+  reducers: {
+    selectText: {
+      reducer: (_state, action: PayloadAction<Selection>) => action.payload,
+
+      prepare: (start: Position, end: Position) => ({ payload: { start, end } }),
+    },
+  },
+});
+
+export const { selectText } = slice.actions;
+
+export default slice.reducer;