feat(web): add /machinery/logout (#177)

packages/web/src/app-router/AppRouter.tsx

@@ -7,6 +7,7 @@ const PickerPage = React.lazy(() => import('../pages/picker'));
 
 const AuthLogin = React.lazy(() => import('../pages/auth/login'));
 const MachineryNewSession = React.lazy(() => import('../pages/machinery/new-session'));
+const MachineryLogout = React.lazy(() => import('../pages/machinery/logout'));
 
 const DevToolsSetApi = React.lazy(() => import('../pages/dev-tools/set-api'));
 const DevToolsSessionDebug = React.lazy(() => import('../pages/dev-tools/session-debug'));
@@ -29,6 +30,7 @@ export const AppRouter = () => {
       <RouteWrapper component={PickerPage} path="/s/:serverID" />
 
       <RouteWrapper component={MachineryNewSession} path="/machinery/new-session" />
+      <RouteWrapper component={MachineryLogout} path="/machinery/logout" />
       <RouteWrapper component={AuthLogin} path="/auth/login" />
 
       <RouteWrapper component={DevToolsSetApi} path="/x/dev-tools/set-api" />

packages/web/src/pages/machinery/logout.spec.tsx

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react';
+import Logout from './logout';
+
+it('removes session state from storage', () => {
+  localStorage.setItem('rp_session_key', 'sessionKey');
+  sessionStorage.setItem(
+    'rp_session_data',
+    JSON.stringify({ user: { name: 'okano', discriminator: '0001' }, guilds: [] })
+  );
+
+  render(<Logout />);
+
+  expect(localStorage.getItem('rp_session_key')).toBeNull();
+  expect(sessionStorage.getItem('rp_session_data')).toBeNull();
+});

packages/web/src/pages/machinery/logout.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const Logout = () => {
+  React.useEffect(() => {
+    localStorage.removeItem('rp_session_key');
+    sessionStorage.clear();
+    window.location.href = '/';
+  }, []);
+
+  return <div>Logging you out...</div>;
+};
+
+export default Logout;