Merge pull request #4 from aaronpowell/expose-cookie

feat: added swa cookie to context

Author: aaronpowell

CHANGELOG.md

@@ -1,11 +1,17 @@
 # Changelog for `react-static-web-apps-auth`
 
+## [1.4.0] - unreleased
+
+### Added
+
+- Expose the SWA auth cookie, incase you need it in the browser
+
 ## [1.3.0] - 2022-05-16
 
 ### Changed
 
-* Using React 18
-* Internally using npm workspaces for better dependency management
+- Using React 18
+- Internally using npm workspaces for better dependency management
 
 ## [1.2.0] - 2021-07-12
 

react-static-web-apps-auth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaronpowell/react-static-web-apps-auth",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A library to help creating authenticated React apps on Azure Static Web Apps",
   "main": "build/index.js",
   "types": "build/index.d.ts",

react-static-web-apps-auth/src/ClientPrincipalContext.tsx

@@ -11,23 +11,33 @@ export type ClientPrincipal = {
 export type ClientPrincipalContext = {
   loaded: boolean;
   clientPrincipal: ClientPrincipal | null;
+  swaCookie: string | null;
 };
 
 const ClientPrincipalContext = React.createContext<ClientPrincipalContext>({
   loaded: false,
   clientPrincipal: null,
+  swaCookie: null,
 });
 
+const cookieParser = (cookies: string): Record<string, string> =>
+  cookies.split("; ").reduce(
+    (obj, cookie) => ({
+      ...obj,
+      [cookie.split("=")[0]]: cookie.split("=").slice(1).join("="),
+    }),
+    {}
+  );
+
 const ClientPrincipalContextProvider = ({
   children,
 }: {
   children: JSX.Element;
 }) => {
-  const [
-    clientPrincipal,
-    setClientPrincipal,
-  ] = useState<ClientPrincipal | null>(null);
+  const [clientPrincipal, setClientPrincipal] =
+    useState<ClientPrincipal | null>(null);
   const [loaded, setLoaded] = useState(false);
+  const [swaCookie, setSwaCookie] = useState<string | null>(null);
 
   useEffect(() => {
     const run = async () => {
@@ -50,13 +60,18 @@ const ClientPrincipalContextProvider = ({
       }
 
       setLoaded(true);
+      setSwaCookie(
+        cookieParser(document.cookie)["StaticWebAppsAuthCookie"] || null
+      );
     };
 
     run();
   }, []);
 
   return (
-    <ClientPrincipalContext.Provider value={{ loaded, clientPrincipal }}>
+    <ClientPrincipalContext.Provider
+      value={{ loaded, clientPrincipal, swaCookie }}
+    >
       {children}
     </ClientPrincipalContext.Provider>
   );