Function updateState

web/src/js/ducks/modes/reverse.ts:59–110

(
            state: ReverseState[],
            action: PayloadAction<Partial<BackendState>>,
        )

        builder.addCase(STATE_RECEIVE, updateState);
        builder.addCase(STATE_UPDATE, updateState);
        function updateState(
            state: ReverseState[],
            action: PayloadAction<Partial<BackendState>>,
        ) {
            if (action.payload.servers) {
                // action.data.servers does not include servers that are currently inactive,
                // but we want to keep them in the UI. So we need to merge UI state with what we got from the server.

                const activeServers = Object.fromEntries(
                    Object.entries(action.payload.servers)
                        .filter(([_, info]) => info.type === "reverse")
                        .map(([spec, _]) => [spec, parseSpec(spec)]),
                );

                const nextState: ReverseState[] = [];

                // keep current UI state as is, but correct `active` bit.
                for (const server of state) {
                    const spec = getSpec(server);
                    const active = spec in activeServers;
                    delete activeServers[spec];
                    nextState.push({
                        ...server,
                        active,
                    });
                }

                // add all new specs
                for (const x of Object.values(activeServers)) {
                    nextState.push(parseRaw(x));
                }

                // remove default config if still present.
                if (
                    nextState.length > 1 &&
                    shallowEqual(
                        {
                            ...nextState[0],
                            ui_id: undefined,
                        } as ReverseState,
                        {
                            ...defaultReverseState(),
                            ui_id: undefined,
                        } as ReverseState,
                    )
                ) {
                    nextState.shift();
                }

                return nextState;
            }
        }
    },
});
export const { addServer, removeServer } = reverseSlice.actions;