@lowdefy/server-dev 4.0.0-alpha.10 → 4.0.0-alpha.13

package/lib/App.js

@@ -29,9 +29,9 @@ import useRootConfig from './utils/useRootConfig.js';
 import actions from '../build/plugins/actions.js';
 import blocks from '../build/plugins/blocks.js';
 import icons from '../build/plugins/icons.js';
-import operators from '../build/plugins/operatorsClient.js';
+import operators from '../build/plugins/operators/client.js';
 
-const App = () => {
+const App = ({ auth }) => {
   const router = useRouter();
   const { data: rootConfig } = useRootConfig(router.basePath);
 
@@ -44,6 +44,7 @@ const App = () => {
     <Reload basePath={router.basePath}>
       {(resetContext) => (
         <Page
+          auth={auth}
           Components={{ Head, Link }}
           config={{
             rootConfig,

package/lib/Page.js

@@ -20,8 +20,9 @@ import Client from '@lowdefy/client';
 import RestartingPage from './RestartingPage.js';
 import usePageConfig from './utils/usePageConfig.js';
 
-const Page = ({ Components, config, pageId, resetContext, router, types }) => {
+const Page = ({ auth, Components, config, pageId, resetContext, router, types }) => {
   const { data: pageConfig } = usePageConfig(pageId, router.basePath);
+
   if (!pageConfig) {
     router.replace(`/404`);
     return '';
@@ -31,6 +32,7 @@ const Page = ({ Components, config, pageId, resetContext, router, types }) => {
   }
   return (
     <Client
+      auth={auth}
       Components={Components}
       config={{
         ...config,

package/lib/auth/Auth.js

@@ -0,0 +1,35 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+/* eslint-disable react/jsx-props-no-spreading */
+
+import React from 'react';
+import AuthConfigured from './AuthConfigured.js';
+import AuthNotConfigured from './AuthNotConfigured.js';
+
+import authConfig from '../../build/auth.json';
+
+function Auth({ children, session }) {
+  if (authConfig.configured === true) {
+    return (
+      <AuthConfigured session={session} authConfig={authConfig}>
+        {(auth) => children(auth)}
+      </AuthConfigured>
+    );
+  }
+  return <AuthNotConfigured authConfig={authConfig}>{(auth) => children(auth)}</AuthNotConfigured>;
+}
+
+export default Auth;

package/lib/auth/AuthConfigured.js

@@ -0,0 +1,47 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+/* eslint-disable react/jsx-props-no-spreading */
+
+import React from 'react';
+import { SessionProvider, signIn, signOut, useSession } from 'next-auth/react';
+
+function Session({ children }) {
+  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 children(session);
+}
+
+function AuthConfigured({ authConfig, children, serverSession }) {
+  const auth = { signIn, signOut, authConfig };
+
+  return (
+    <SessionProvider session={serverSession}>
+      <Session>
+        {(session) => {
+          auth.session = session;
+          return children(auth);
+        }}
+      </Session>
+    </SessionProvider>
+  );
+}
+
+export default AuthConfigured;

package/lib/auth/AuthNotConfigured.js

@@ -0,0 +1,32 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+/* eslint-disable react/jsx-props-no-spreading */
+
+function authNotConfigured() {
+  throw new Error('Auth not configured.');
+}
+
+function AuthNotConfigured({ authConfig, children }) {
+  const auth = {
+    authConfig,
+    signIn: authNotConfigured,
+    signOut: authNotConfigured,
+  };
+
+  return children(auth);
+}
+
+export default AuthNotConfigured;

package/lib/auth/getServerSession.js

@@ -0,0 +1,27 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import { getSession } from 'next-auth/react';
+import authJson from '../../build/auth.json';
+
+async function getServerSession(context) {
+  if (authJson.configured === true) {
+    return await getSession(context);
+  }
+  return undefined;
+}
+
+export default getServerSession;

package/lib/utils/usePageConfig.js

@@ -15,8 +15,6 @@ import useSWR from 'swr';
 
 import request from './request.js';
 
-// TODO: Handle TokenExpiredError
-
 function fetchPageConfig(url) {
   return request({ url });
 }

package/lib/utils/useRootConfig.js

@@ -12,11 +12,8 @@
 */
 
 import useSWR from 'swr';
-
 import request from './request.js';
 
-// TODO: Handle TokenExpiredError
-
 function fetchRootConfig(url) {
   return request({ url });
 }

package/manager/getContext.mjs

@@ -16,7 +16,7 @@
 /* eslint-disable no-console */
 
 import path from 'path';
-import { createRequire } from 'module';
+
 import yargs from 'yargs';
 import { hideBin } from 'yargs/helpers';
 
@@ -30,19 +30,16 @@ import restartServer from './processes/restartServer.mjs';
 import shutdownServer from './processes/shutdownServer.mjs';
 import startWatchers from './processes/startWatchers.mjs';
 
+import getNextBin from './utils/getNextBin.mjs';
+
 const argv = yargs(hideBin(process.argv)).array('watch').array('watchIgnore').argv;
-const require = createRequire(import.meta.url);
 
 async function getContext() {
   const env = process.env;
 
-  const nextPageJson = require('next/package.json');
   const context = {
     bin: {
-      next: path.join(
-        require.resolve('next').replace(nextPageJson.main.substring(1), ''),
-        nextPageJson.bin.next
-      ),
+      next: getNextBin(),
     },
     directories: {
       build: path.resolve(process.cwd(), './build'),
@@ -65,6 +62,8 @@ async function getContext() {
     version: env.npm_package_version,
   };
 
+  context.packageManagerCmd =
+    process.platform === 'win32' ? `${context.packageManager}.cmd` : context.packageManager;
   context.initialBuild = initialBuild(context);
   context.installPlugins = installPlugins(context);
   context.lowdefyBuild = lowdefyBuild(context);

package/manager/processes/initialBuild.mjs

@@ -17,10 +17,10 @@
 
 function initialBuild(context) {
   return async () => {
+    context.readDotEnv();
     await context.lowdefyBuild();
     await context.installPlugins();
     await context.nextBuild();
-    await context.readDotEnv();
   };
 }
 

package/manager/processes/installPlugins.mjs

@@ -21,12 +21,12 @@ const args = {
   yarn: ['install'],
 };
 
-function installPlugins({ packageManager, options }) {
+function installPlugins({ packageManager, packageManagerCmd, options }) {
   return async () => {
     console.log('Installing plugins...');
     await spawnProcess({
       logger: console,
-      command: packageManager, // npm or yarn
+      command: packageManagerCmd,
       args: args[packageManager],
       silent: !options.verbose,
     });

package/manager/processes/lowdefyBuild.mjs

@@ -25,6 +25,7 @@ function lowdefyBuild({ directories, options }) {
       directories,
       logger: console,
       refResolver: options.refResolver,
+      stage: 'dev',
     });
   };
 }

package/manager/processes/readDotEnv.mjs

@@ -16,12 +16,10 @@
 
 import path from 'path';
 import dotenv from 'dotenv';
-import { readFile } from '@lowdefy/node-utils';
 
 function readDotEnv(context) {
-  return async () => {
-    const dotEnv = await readFile(path.join(context.directories.config, '.env'));
-    context.serverEnv = dotenv.parse(dotEnv || '');
+  return () => {
+    dotenv.config({ path: path.join(context.directories.config, '.env'), silent: true });
   };
 }
 

package/manager/processes/startNextServer.mjs

@@ -27,7 +27,6 @@ function startServerProcess(context) {
     processOptions: {
       env: {
         ...process.env,
-        ...context.serverEnv,
         PORT: context.options.port,
       },
     },

package/manager/run.mjs

@@ -80,7 +80,9 @@ async function run() {
   try {
     const serverPromise = startServer(context);
     await wait(800);
-    opener(`http://localhost:${context.options.port}`);
+    if (process.env.LOWDEFY_SERVER_DEV_OPEN_BROWSER === 'true') {
+      opener(`http://localhost:${context.options.port}`);
+    }
     await serverPromise;
   } catch (error) {
     console.log(error);

package/manager/utils/createCustomPluginTypesMap.mjs

@@ -33,6 +33,11 @@ async function getPluginDefinitions({ directories }) {
 async function createCustomPluginTypesMap({ directories }) {
   const customTypesMap = {
     actions: {},
+    auth: {
+      callbacks: {},
+      events: {},
+      providers: {},
+    },
     blocks: {},
     connections: {},
     icons: {},

package/manager/utils/getNextBin.mjs

@@ -0,0 +1,36 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+import path from 'path';
+import { createRequire } from 'module';
+
+function getNextBin() {
+  const require = createRequire(import.meta.url);
+  const nextPackageJson = require('next/package.json');
+
+  const nextPath = require.resolve('next');
+  let nextMainFragment = nextPackageJson.main.substring(1);
+  let nextBinFragment = nextPackageJson.bin.next;
+
+  if (process.platform === 'win32') {
+    nextMainFragment = nextMainFragment.replaceAll('/', '\\');
+    nextBinFragment = nextBinFragment.replaceAll('/', '\\');
+  }
+
+  return path.join(nextPath.replace(nextMainFragment, ''), nextBinFragment);
+}
+
+export default getNextBin;

package/manager/watchers/envWatcher.mjs

@@ -21,13 +21,14 @@ import setupWatcher from '../utils/setupWatcher.mjs';
 function envWatcher(context) {
   const callback = async () => {
     console.warn('.env file changed.');
-    await context.readDotEnv();
+    context.readDotEnv();
+    await context.lowdefyBuild();
     context.restartServer();
   };
   return setupWatcher({
     callback,
-    watchPaths: [path.join(context.directories.config, '.env')],
     watchDotfiles: true,
+    watchPaths: [path.join(context.directories.config, '.env')],
   });
 }
 

package/manager/watchers/nextBuildWatcher.mjs

@@ -23,13 +23,17 @@ import setupWatcher from '../utils/setupWatcher.mjs';
 const hashes = {};
 
 const watchedFiles = [
+  'build/auth.json',
   'build/config.json',
   'build/plugins/actions.js',
+  'build/plugins/auth/callbacks.js',
+  'build/plugins/auth/events.js',
+  'build/plugins/auth/providers.js',
   'build/plugins/blocks.js',
   'build/plugins/connections.js',
   'build/plugins/icons.js',
-  'build/plugins/operatorsClient.js',
-  'build/plugins/operatorsServer.js',
+  'build/plugins/operators/client.js',
+  'build/plugins/operators/server.js',
   'build/plugins/styles.less',
   'package.json',
 ];
@@ -83,8 +87,10 @@ async function nextBuildWatcher(context) {
 
   return setupWatcher({
     callback,
+    watchDotfiles: true,
     watchPaths: [
       path.join(context.directories.build, 'plugins'),
+      path.join(context.directories.build, 'auth.json'),
       path.join(context.directories.build, 'config.json'),
       path.join(context.directories.server, 'package.json'),
     ],

package/next.config.js

@@ -18,7 +18,7 @@ module.exports = withLess({
         events: false,
         fs: false,
         path: false,
-        process: false,
+        process: require.resolve('process/browser'),
         util: false,
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-dev",
-  "version": "4.0.0-alpha.10",
+  "version": "4.0.0-alpha.13",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -39,48 +39,50 @@
     "next": "next"
   },
   "dependencies": {
-    "@lowdefy/actions-core": "4.0.0-alpha.10",
-    "@lowdefy/api": "4.0.0-alpha.10",
-    "@lowdefy/blocks-antd": "4.0.0-alpha.10",
-    "@lowdefy/blocks-basic": "4.0.0-alpha.10",
-    "@lowdefy/blocks-color-selectors": "4.0.0-alpha.10",
-    "@lowdefy/blocks-echarts": "4.0.0-alpha.10",
-    "@lowdefy/blocks-loaders": "4.0.0-alpha.10",
-    "@lowdefy/blocks-markdown": "4.0.0-alpha.10",
-    "@lowdefy/build": "4.0.0-alpha.10",
-    "@lowdefy/client": "4.0.0-alpha.10",
-    "@lowdefy/connection-axios-http": "4.0.0-alpha.10",
-    "@lowdefy/engine": "4.0.0-alpha.10",
-    "@lowdefy/helpers": "4.0.0-alpha.10",
-    "@lowdefy/layout": "4.0.0-alpha.10",
-    "@lowdefy/node-utils": "4.0.0-alpha.10",
-    "@lowdefy/operators-change-case": "4.0.0-alpha.10",
-    "@lowdefy/operators-diff": "4.0.0-alpha.10",
-    "@lowdefy/operators-js": "4.0.0-alpha.10",
-    "@lowdefy/operators-mql": "4.0.0-alpha.10",
-    "@lowdefy/operators-nunjucks": "4.0.0-alpha.10",
-    "@lowdefy/operators-uuid": "4.0.0-alpha.10",
-    "@lowdefy/operators-yaml": "4.0.0-alpha.10",
+    "@lowdefy/actions-core": "4.0.0-alpha.13",
+    "@lowdefy/api": "4.0.0-alpha.13",
+    "@lowdefy/blocks-antd": "4.0.0-alpha.13",
+    "@lowdefy/blocks-basic": "4.0.0-alpha.13",
+    "@lowdefy/blocks-color-selectors": "4.0.0-alpha.13",
+    "@lowdefy/blocks-echarts": "4.0.0-alpha.13",
+    "@lowdefy/blocks-loaders": "4.0.0-alpha.13",
+    "@lowdefy/blocks-markdown": "4.0.0-alpha.13",
+    "@lowdefy/build": "4.0.0-alpha.13",
+    "@lowdefy/client": "4.0.0-alpha.13",
+    "@lowdefy/connection-axios-http": "4.0.0-alpha.13",
+    "@lowdefy/engine": "4.0.0-alpha.13",
+    "@lowdefy/helpers": "4.0.0-alpha.13",
+    "@lowdefy/layout": "4.0.0-alpha.13",
+    "@lowdefy/node-utils": "4.0.0-alpha.13",
+    "@lowdefy/operators-change-case": "4.0.0-alpha.13",
+    "@lowdefy/operators-diff": "4.0.0-alpha.13",
+    "@lowdefy/operators-js": "4.0.0-alpha.13",
+    "@lowdefy/operators-mql": "4.0.0-alpha.13",
+    "@lowdefy/operators-nunjucks": "4.0.0-alpha.13",
+    "@lowdefy/operators-uuid": "4.0.0-alpha.13",
+    "@lowdefy/operators-yaml": "4.0.0-alpha.13",
+    "@lowdefy/plugin-next-auth": "4.0.0-alpha.13",
     "chokidar": "3.5.3",
-    "dotenv": "15.0.0",
-    "next": "12.0.10",
-    "next-auth": "4.1.2",
+    "dotenv": "16.0.1",
+    "next": "12.1.6",
+    "next-auth": "4.3.4",
     "opener": "1.5.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "process": "0.11.10",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-icons": "4.3.1",
-    "swr": "1.1.2",
-    "yaml": "2.0.0-10",
-    "yargs": "17.3.1"
+    "swr": "1.3.0",
+    "yaml": "2.1.1",
+    "yargs": "17.5.1"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "12.0.10",
+    "@next/eslint-plugin-next": "12.1.6",
     "less": "4.1.2",
-    "less-loader": "10.2.0",
-    "next-with-less": "2.0.4"
+    "less-loader": "11.0.0",
+    "next-with-less": "2.0.5"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d697b4b5f354697d9481a371b90a00ca0944f486"
+  "gitHead": "e99b4b6c1f59804982fc148c0fe39dcf13b35d77"
 }

package/pages/_app.js

@@ -17,13 +17,15 @@
 import React, { Suspense } from 'react';
 import dynamic from 'next/dynamic';
 
+import Auth from '../lib/auth/Auth.js';
+
 // Must be in _app due to next specifications.
 import '../build/plugins/styles.less';
 
-function App({ Component, pageProps }) {
+function App({ Component }) {
   return (
     <Suspense fallback="">
-      <Component {...pageProps} />
+      <Auth>{(auth) => <Component auth={auth} />}</Auth>
     </Suspense>
   );
 }

package/pages/api/auth/[...nextauth].js

@@ -15,14 +15,11 @@
 */
 
 import NextAuth from 'next-auth';
-import Auth0Provider from 'next-auth/providers/auth0';
+import { getNextAuthConfig } from '@lowdefy/api';
 
-export default NextAuth({
-  providers: [
-    Auth0Provider({
-      clientId: process.env.AUTH0_CLIENT_ID,
-      clientSecret: process.env.AUTH0_CLIENT_SECRET,
-      issuer: process.env.AUTH0_ISSUER,
-    }),
-  ],
-});
+import authJson from '../../../build/auth.json';
+import callbacks from '../../../build/plugins/auth/callbacks.js';
+import events from '../../../build/plugins/auth/events.js';
+import providers from '../../../build/plugins/auth/providers.js';
+
+export default NextAuth(getNextAuthConfig({ authJson, plugins: { callbacks, events, providers } }));

package/pages/api/page/[pageId].js

@@ -15,11 +15,17 @@
 */
 
 import { createApiContext, getPageConfig } from '@lowdefy/api';
+import getServerSession from '../../../lib/auth/getServerSession.js';
 
 export default async function handler(req, res) {
+  const session = await getServerSession({ req });
+  const apiContext = await createApiContext({
+    buildDirectory: './build',
+    logger: console,
+    session,
+  });
+
   const { pageId } = req.query;
-  // TODO: get the right api context options
-  const apiContext = await createApiContext({ buildDirectory: './build' });
   const pageConfig = await getPageConfig(apiContext, { pageId });
   if (pageConfig === null) {
     res.status(404).send('Page not found.');

package/pages/api/request/[pageId]/[requestId].js

@@ -16,28 +16,29 @@
 
 import { callRequest, createApiContext } from '@lowdefy/api';
 import { getSecretsFromEnv } from '@lowdefy/node-utils';
+
 import connections from '../../../../build/plugins/connections.js';
-import operators from '../../../../build/plugins/operatorsServer.js';
+import getServerSession from '../../../../lib/auth/getServerSession.js';
+import operators from '../../../../build/plugins/operators/server.js';
 
 export default async function handler(req, res) {
   try {
     if (req.method !== 'POST') {
       throw new Error('Only POST requests are supported.');
     }
-    // TODO: configure API context
-    // TODO: configure build directory?
+    const session = await getServerSession({ req });
     const apiContext = await createApiContext({
       buildDirectory: './build',
       connections,
-      // TODO: use a logger like pino
       logger: console,
       operators,
       secrets: getSecretsFromEnv(),
+      session,
     });
-    const { pageId, requestId } = req.query;
-    const { payload } = req.body;
 
-    const response = await callRequest(apiContext, { pageId, payload, requestId });
+    const { blockId, pageId, requestId } = req.query;
+    const { payload } = req.body;
+    const response = await callRequest(apiContext, { blockId, pageId, payload, requestId });
     res.status(200).json(response);
   } catch (error) {
     res.status(500).json({ name: error.name, message: error.message });

package/pages/api/root.js

@@ -16,9 +16,15 @@
 
 import { createApiContext, getRootConfig } from '@lowdefy/api';
 
+import getServerSession from '../../lib/auth/getServerSession.js';
+
 export default async function handler(req, res) {
-  // TODO: get the right api context options
-  const apiContext = await createApiContext({ buildDirectory: './build' });
+  const session = await getServerSession({ req });
+  const apiContext = await createApiContext({
+    buildDirectory: './build',
+    logger: console,
+    session,
+  });
   const rootConfig = await getRootConfig(apiContext);
 
   res.status(200).json(rootConfig);