feat(server): Add read user object from next-auth session.

packages/build/src/build/buildAuth/buildAuthPlugins.js

@@ -19,7 +19,7 @@ function buildAuthPlugins({ components, context }) {
   if (type.isArray(components.auth.providers)) {
     components.auth.providers.forEach((provider) => {
       if (type.isUndefined(provider.id)) {
-        throw new Error(`Connection id missing.`);
+        throw new Error(`Auth provider id missing.`);
       }
       if (!type.isString(provider.id)) {
         throw new Error(

packages/client/src/Client.js

@@ -23,8 +23,17 @@ import ProgressBarController from './ProgressBarController.js';
 
 import initLowdefyContext from './initLowdefyContext.js';
 
-const Client = ({ auth, Components, config, router, stage, types, window }) => {
-  const lowdefy = initLowdefyContext({ auth, Components, config, router, types, stage, window });
+const Client = ({ auth, Components, config, router, session, stage, types, window }) => {
+  const lowdefy = initLowdefyContext({
+    auth,
+    Components,
+    config,
+    router,
+    types,
+    session,
+    stage,
+    window,
+  });
 
   return (
     <ProgressBarController

packages/client/src/initLowdefyContext.js

@@ -38,7 +38,7 @@ const lowdefy = {
   lowdefyGlobal: {},
 };
 
-function initLowdefyContext({ auth, Components, config, router, stage, types, window }) {
+function initLowdefyContext({ auth, Components, config, router, session, stage, types, window }) {
   if (stage === 'dev') {
     window.lowdefy = lowdefy;
   }
@@ -48,6 +48,7 @@ function initLowdefyContext({ auth, Components, config, router, stage, types, wi
   lowdefy.menus = config.rootConfig.menus;
   lowdefy.pageId = config.pageConfig.pageId;
   lowdefy.urlQuery = urlQuery.parse(window.location.search.slice(1));
+  lowdefy.user = session?.user ?? null;
 
   lowdefy._internal.window = window;
   lowdefy._internal.document = window.document;

packages/server/lib/Page.js

@@ -20,7 +20,7 @@ import { useRouter } from 'next/router';
 import Client from '@lowdefy/client';
 import Head from 'next/head';
 import Link from 'next/link';
-import { signIn, signOut } from 'next-auth/react';
+import { signIn, signOut, useSession } from 'next-auth/react';
 
 import actions from '../build/plugins/actions.js';
 import blocks from '../build/plugins/blocks.js';
@@ -29,6 +29,15 @@ import operators from '../build/plugins/operators/client.js';
 
 const Page = ({ pageConfig, rootConfig }) => {
   const router = useRouter();
+  const { data: session, status } = useSession();
+
+  // If session is passed to SessionProvider from getServerSideProps
+  // we won't have a loading state here.
+  // But 404 uses getStaticProps so we have this for 404.
+  if (status === 'loading') {
+    return '';
+  }
+
   return (
     <Client
       auth={{ signIn, signOut }}
@@ -38,6 +47,7 @@ const Page = ({ pageConfig, rootConfig }) => {
         rootConfig,
       }}
       router={router}
+      session={session}
       types={{
         actions,
         blocks,

packages/server/pages/[pageId].js

@@ -46,6 +46,7 @@ export async function getServerSideProps(context) {
     props: {
       pageConfig,
       rootConfig,
+      session,
     },
   };
 }

packages/server/pages/_app.js

@@ -16,12 +16,18 @@
 
 import React from 'react';
 import dynamic from 'next/dynamic';
+import { SessionProvider } from 'next-auth/react';
 
 // Must be in _app due to next specifications.
 import '../build/plugins/styles.less';
 
-function App({ Component, pageProps }) {
-  return <Component {...pageProps} />;
+// TODO: SessionProvider requires basebath
+function App({ Component, pageProps: { session, ...pageProps } }) {
+  return (
+    <SessionProvider session={session}>
+      <Component {...pageProps} />
+    </SessionProvider>
+  );
 }
 
 const DynamicApp = dynamic(() => Promise.resolve(App), {

packages/server/pages/index.js

@@ -49,6 +49,7 @@ export async function getServerSideProps(context) {
     props: {
       pageConfig,
       rootConfig,
+      session,
     },
   };
 }