[next] Cookie Support (#2339)

* feat: added cookie support to coral

* feat: adapt client to use cookies

* fix: safari input styles

* fix: lint

* fix: linting

* fix: support clearing cookies properly, oauth

* feat: support cookies for websocket upgrade requests

* fix: lint

* fix: tests

src/core/client/admin/test/auth/__snapshots__/signInWithEmail.spec.tsx.snap

@@ -764,4 +764,4 @@ exports[`shows server error 1`] = `
 </form>
 `;
 
-exports[`submits form successfully 1`] = `"http://localhost/admin/login#accessToken=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzMWIyNjU5MS00ZTlhLTQzODgtYTdmZi1lMWJkYzVkOTdjY2UifQ=="`;
+exports[`submits form successfully 1`] = `"http://localhost/admin/login"`;

src/core/client/admin/test/auth/accountCompletion.spec.tsx

@@ -2,7 +2,6 @@ import { pureMerge } from "coral-common/utils";
 import { GQLResolver } from "coral-framework/schema";
 import {
   act,
-  createAccessToken,
   createResolversStub,
   CreateTestRendererParams,
   replaceHistoryLocation,
@@ -40,8 +39,6 @@ async function createTestRenderer(
     ),
     initLocalState: (localRecord, source, environment) => {
       localRecord.setValue("SIGN_IN", "authView");
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/auth/addEmailAddress.spec.tsx

@@ -1,7 +1,6 @@
 import { pureMerge } from "coral-common/utils";
 import { GQLResolver } from "coral-framework/schema";
 import {
-  createAccessToken,
   createResolversStub,
   CreateTestRendererParams,
   replaceHistoryLocation,
@@ -37,8 +36,6 @@ async function createTestRenderer(
     ),
     initLocalState: (localRecord, source, environment) => {
       localRecord.setValue("ADD_EMAIL_ADDRESS", "authView");
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/auth/createPassword.spec.tsx

@@ -1,7 +1,6 @@
 import { pureMerge } from "coral-common/utils";
 import { GQLResolver } from "coral-framework/schema";
 import {
-  createAccessToken,
   createResolversStub,
   CreateTestRendererParams,
   replaceHistoryLocation,
@@ -37,8 +36,6 @@ async function createTestRenderer(
     ),
     initLocalState: (localRecord, source, environment) => {
       localRecord.setValue("CREATE_PASSWORD", "authView");
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/auth/createUsername.spec.tsx

@@ -1,7 +1,6 @@
 import { pureMerge } from "coral-common/utils";
 import { GQLResolver } from "coral-framework/schema";
 import {
-  createAccessToken,
   createResolversStub,
   CreateTestRendererParams,
   replaceHistoryLocation,
@@ -31,8 +30,6 @@ async function createTestRenderer(
     ),
     initLocalState: (localRecord, source, environment) => {
       localRecord.setValue("CREATE_USERNAME", "authView");
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/auth/redirectLoggedIn.spec.tsx

@@ -4,7 +4,6 @@ import {
 } from "coral-framework/schema";
 import {
   act,
-  createAccessToken,
   createQueryResolverStub,
   createResolversStub,
   CreateTestRendererParams,
@@ -43,8 +42,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       localRecord.setValue("SIGN_IN", "authView");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);

src/core/client/admin/test/auth/redirectLoggedOut.spec.tsx

@@ -39,7 +39,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(false, "loggedIn");
       localRecord.setValue("SIGN_IN", "authView");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);

src/core/client/admin/test/auth/restricted.spec.tsx

@@ -4,7 +4,6 @@ import { pureMerge } from "coral-common/utils";
 import { LOCAL_ID, lookup } from "coral-framework/lib/relay";
 import { GQLResolver, GQLUSER_ROLE } from "coral-framework/schema";
 import {
-  createAccessToken,
   createResolversStub,
   CreateTestRendererParams,
   replaceHistoryLocation,
@@ -41,8 +40,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
-      localRecord.setValue(createAccessToken(), "accessToken");
       localRecord.setValue("SIGN_IN", "authView");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
@@ -105,6 +102,5 @@ it("sign out when clicking on sign in as", async () => {
       "/admin/moderate/reported"
     );
   });
-
-  expect(lookup(context.relayEnvironment, LOCAL_ID)!.loggedIn).toBeFalsy();
+  restMock.verify();
 });

src/core/client/admin/test/auth/signInWithEmail.spec.tsx

@@ -41,7 +41,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(false, "loggedIn");
       localRecord.setValue("SIGN_IN", "authView");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);

src/core/client/admin/test/auth/signOut.spec.tsx

@@ -1,7 +1,6 @@
-import sinon from "sinon";
+import sinon, { SinonStub } from "sinon";
 
 import { pureMerge } from "coral-common/utils";
-import { LOCAL_ID, lookup } from "coral-framework/lib/relay";
 import { GQLResolver } from "coral-framework/schema";
 import {
   createResolversStub,
@@ -40,7 +39,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }
@@ -77,6 +75,8 @@ it("logs out", async () => {
   signOutButton.props.onClick();
 
   await wait(() => {
-    expect(lookup(context.relayEnvironment, LOCAL_ID)!.loggedIn).toBeFalsy();
+    restMock.verify();
+    // Wait for new session to start.
+    expect((context.clearSession as SinonStub).called).toBe(true);
   });
 });

src/core/client/admin/test/community/community.spec.tsx

@@ -52,7 +52,6 @@ const createTestRenderer = async (
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/advanced.spec.tsx

@@ -33,7 +33,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/auth.spec.tsx

@@ -51,7 +51,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/general.spec.tsx

@@ -35,7 +35,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/moderation.spec.tsx

@@ -33,7 +33,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/organization.spec.tsx

@@ -33,7 +33,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/permission.spec.tsx

@@ -32,7 +32,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/configure/wordList.spec.tsx

@@ -33,7 +33,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/decisionHistory/decisionHistory.spec.tsx

@@ -78,7 +78,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }

src/core/client/admin/test/stories/stories.spec.tsx

@@ -53,7 +53,6 @@ async function createTestRenderer(
       params.resolvers
     ),
     initLocalState: (localRecord, source, environment) => {
-      localRecord.setValue(true, "loggedIn");
       if (params.initLocalState) {
         params.initLocalState(localRecord, source, environment);
       }