@lowdefy/server 4.0.0-alpha.1 → 4.0.0-alpha.10

package/.eslintrc.yaml

@@ -0,0 +1 @@
+extends: 'plugin:@next/next/core-web-vitals'

package/README.md

@@ -1,5 +1,21 @@
 # @lowdefy/server
 
+## Development
+
+To run the server in locally as a development server, run the following:
+
+- Run `yarn && yarn build` at the root of the repository.
+- Add a `lowdefy.yaml` file in the server directory (`packages/server`).
+- run `yarn dev` in the server directory.
+
+To run the server in locally as a development server, with a next production build, run the following:
+
+- Run `yarn && yarn build` at the root of the repository.
+- Add a `lowdefy.yaml` file in the server directory (`packages/server`).
+- run `yarn dev:prod` in the server directory.
+
+> When running a development server, the `package.json` file is updated with the plugins used in the Lowdefy app. Please do not commit the changes made to the `package.json`, `.pnp.cjs` and `yarn.lock` files.
+
 ## Licence
 
-[Apache-2.0](https://github.com/lowdefy/lowdefy/blob/main/LICENSE)
+[Apache-2.0](https://github.com/lowdefy/lowdefy/blob/main/LICENSE)

package/lib/Page.js

@@ -0,0 +1,50 @@
+/*
+  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 React from 'react';
+
+import { useRouter } from 'next/router';
+import Client from '@lowdefy/client';
+import Head from 'next/head';
+import Link from 'next/link';
+
+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';
+
+const Page = ({ pageConfig, rootConfig }) => {
+  const router = useRouter();
+  return (
+    <Client
+      Components={{ Head, Link }}
+      config={{
+        pageConfig,
+        rootConfig,
+      }}
+      router={router}
+      types={{
+        actions,
+        blocks,
+        icons,
+        operators,
+      }}
+      window={window}
+    />
+  );
+};
+
+export default Page;

package/lowdefy/build.mjs

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+/*
+  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 yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+
+import build from '@lowdefy/build';
+import createCustomPluginTypesMap from './createCustomPluginTypesMap.mjs';
+
+const argv = yargs(hideBin(process.argv)).argv;
+
+async function run() {
+  const directories = {
+    build: path.resolve(
+      argv.buildDirectory ||
+        process.env.LOWDEFY_DIRECTORY_BUILD ||
+        path.join(process.cwd(), 'build')
+    ),
+    config: path.resolve(
+      argv.configDirectory || process.env.LOWDEFY_DIRECTORY_CONFIG || process.cwd()
+    ),
+    server: path.resolve(
+      argv.serverDirectory || process.env.LOWDEFY_DIRECTORY_SERVER || process.cwd()
+    ),
+  };
+
+  const customTypesMap = await createCustomPluginTypesMap({ directories });
+  await build({
+    customTypesMap,
+    directories,
+    logger: console,
+    refResolver: argv.refResolver || process.env.LOWDEFY_BUILD_REF_RESOLVER,
+  });
+}
+
+run();

package/lowdefy/createCustomPluginTypesMap.mjs

@@ -0,0 +1,66 @@
+#!/usr/bin/env node
+/*
+  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 { get } from '@lowdefy/helpers';
+import { readFile } from '@lowdefy/node-utils';
+import { createPluginTypesMap } from '@lowdefy/build';
+import YAML from 'yaml';
+
+async function getPluginDefinitions({ directories }) {
+  let lowdefyYaml = await readFile(path.join(directories.config, 'lowdefy.yaml'));
+  if (!lowdefyYaml) {
+    lowdefyYaml = await readFile(path.join(directories.config, 'lowdefy.yml'));
+  }
+  const lowdefy = YAML.parse(lowdefyYaml);
+  return get(lowdefy, 'plugins', { default: [] });
+}
+
+async function createCustomPluginTypesMap({ directories }) {
+  const customTypesMap = {
+    actions: {},
+    blocks: {},
+    connections: {},
+    icons: {},
+    operators: {
+      client: {},
+      server: {},
+    },
+    requests: {},
+    styles: {
+      packages: {},
+      blocks: {},
+    },
+  };
+
+  const pluginDefinitions = await getPluginDefinitions({ directories });
+
+  for (const plugin of pluginDefinitions) {
+    const { default: types } = await import(`${plugin.name}/types`);
+    createPluginTypesMap({
+      packageTypes: types,
+      typesMap: customTypesMap,
+      packageName: plugin.name,
+      version: plugin.version,
+      typePrefix: plugin.typePrefix,
+    });
+  }
+
+  return customTypesMap;
+}
+
+export default createCustomPluginTypesMap;

package/next.config.js

@@ -0,0 +1,36 @@
+const withLess = require('next-with-less');
+const lowdefyConfig = require('./build/config.json');
+
+// TODO: Trace env and args from cli that is required on the server.
+module.exports = withLess({
+  basePath: process.env.LOWDEFY_BASE_PATH || lowdefyConfig.basePath,
+  lessLoaderOptions: {
+    lessOptions: {
+      modifyVars: lowdefyConfig.theme.lessVariables,
+    },
+  },
+  reactStrictMode: true,
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      config.resolve.fallback = {
+        assert: false,
+        buffer: false,
+        crypto: false,
+        events: false,
+        fs: false,
+        path: false,
+        process: require.resolve('process/browser'),
+        util: false,
+      };
+    }
+    return config;
+  },
+  poweredByHeader: false,
+  // productionBrowserSourceMaps: true
+  // experimental: {
+  //   concurrentFeatures: true,
+  // },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.10",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -26,11 +26,15 @@
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
   "files": [
-    "src/*"
+    "lib/*",
+    "lowdefy/*",
+    "pages/*",
+    "public/*",
+    "next.config.js",
+    ".eslintrc.yaml"
   ],
   "scripts": {
-    "build": "yarn build:lowdefy && yarn build:next",
-    "build:lowdefy": "lowdefy-build",
+    "build:lowdefy": "node lowdefy/build.mjs",
     "build:next": "next build",
     "dev": "next dev",
     "start": "next start",
@@ -38,29 +42,34 @@
     "next": "next"
   },
   "dependencies": {
-    "@lowdefy/api": "4.0.0-alpha.1",
-    "@lowdefy/block-utils": "4.0.0-alpha.1",
-    "@lowdefy/blocks-antd": "4.0.0-alpha.1",
-    "@lowdefy/blocks-basic": "4.0.0-alpha.1",
-    "@lowdefy/connection-axios-http": "4.0.0-alpha.1",
-    "@lowdefy/engine": "4.0.0-alpha.1",
-    "@lowdefy/helpers": "4.0.0-alpha.1",
-    "@lowdefy/layout": "4.0.0-alpha.1",
-    "next": "12.0.3",
-    "next-auth": "4.0.0-beta.6",
-    "react": "18.0.0-alpha-327d5c484-20211106",
-    "react-dom": "18.0.0-alpha-327d5c484-20211106",
+    "@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-loaders": "4.0.0-alpha.10",
+    "@lowdefy/client": "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-js": "4.0.0-alpha.10",
+    "next": "12.0.10",
+    "next-auth": "4.1.2",
+    "process": "0.11.10",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-icons": "4.3.1"
   },
   "devDependencies": {
-    "@lowdefy/build": "4.0.0-alpha.1",
-    "@next/eslint-plugin-next": "12.0.4",
+    "@lowdefy/build": "4.0.0-alpha.10",
+    "@next/eslint-plugin-next": "12.0.10",
     "less": "4.1.2",
     "less-loader": "10.2.0",
-    "next-with-less": "2.0.2"
+    "next-with-less": "2.0.4",
+    "yaml": "1.10.2",
+    "yargs": "17.3.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c97a8fa6b5a641e7d50df09f5601a9c586eeb65a"
+  "gitHead": "d697b4b5f354697d9481a371b90a00ca0944f486"
 }

package/{src/utils/request.js → pages/404.js}

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.
@@ -14,22 +14,25 @@
   limitations under the License.
 */
 
-async function request({ url, method = 'GET', body }) {
-  const res = await fetch(url, {
-    method,
-    headers: {
-      'Content-Type': 'application/json',
+import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
+
+import Page from '../lib/Page.js';
+
+export async function getStaticProps() {
+  // TODO: get the right api context options
+  const apiContext = await createApiContext({ buildDirectory: './build' });
+
+  const [rootConfig, pageConfig] = await Promise.all([
+    getRootConfig(apiContext),
+    getPageConfig(apiContext, { pageId: '404' }),
+  ]);
+
+  return {
+    props: {
+      pageConfig,
+      rootConfig,
     },
-    body: JSON.stringify(body),
-  });
-  if (!res.ok) {
-    // TODO: check
-    const body = await res.json();
-    console.log(res);
-    console.log(body);
-    throw new Error(body.message || 'Request error');
-  }
-  return res.json();
+  };
 }
 
-export default request;
+export default Page;

package/{src/pages → pages}/[pageId].js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.
@@ -16,14 +16,13 @@
 
 import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
 
-import Page from '../components/Page.js';
+import Page from '../lib/Page.js';
 
 export async function getServerSideProps(context) {
   const { pageId } = context.params;
-  const apiContext = await createApiContext({ buildDirectory: './.lowdefy/build' });
+  // TODO: get the right api context options
+  const apiContext = await createApiContext({ buildDirectory: './build' });
 
-  // TODO: Maybe we can only get rootConfig once?
-  // We can't do getServerSideProps on _app :(
   const [rootConfig, pageConfig] = await Promise.all([
     getRootConfig(apiContext),
     getPageConfig(apiContext, { pageId }),

package/{src/components/Head.js → pages/_app.js}

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.
@@ -15,14 +15,17 @@
 */
 
 import React from 'react';
-import Head from 'next/head';
+import dynamic from 'next/dynamic';
 
-const BindHead = ({ properties }) => {
-  return (
-    <Head>
-      <title>{properties.title}</title>
-    </Head>
-  );
-};
+// Must be in _app due to next specifications.
+import '../build/plugins/styles.less';
 
-export default BindHead;
+function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+const DynamicApp = dynamic(() => Promise.resolve(App), {
+  ssr: false,
+});
+
+export default DynamicApp;

package/pages/_document.js

@@ -0,0 +1,38 @@
+/*
+  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 React from 'react';
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+
+class LowdefyDocument extends Document {
+  render() {
+    return (
+      <Html>
+        <Head>
+          <link rel="manifest" href="/manifest.webmanifest" />
+          <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+          <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default LowdefyDocument;

package/{src/pages → pages}/api/auth/[...nextauth].js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.

package/{src/pages → pages}/api/request/[pageId]/[requestId].js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.
@@ -15,20 +15,23 @@
 */
 
 import { callRequest, createApiContext } from '@lowdefy/api';
-import connections from '../../../../../.lowdefy/build/plugins/connections.js';
+import { getSecretsFromEnv } from '@lowdefy/node-utils';
+import connections from '../../../../build/plugins/connections.js';
+import operators from '../../../../build/plugins/operatorsServer.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
     const apiContext = await createApiContext({
-      buildDirectory: './.lowdefy/build',
+      buildDirectory: './build',
       connections,
-      // TODO
+      // TODO: use a logger like pino
       logger: console,
-      // TODO
-      secrets: {},
+      operators,
+      secrets: getSecretsFromEnv(),
     });
     const { pageId, requestId } = req.query;
     const { payload } = req.body;

package/{src/pages → pages}/index.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  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.
@@ -14,13 +14,15 @@
   limitations under the License.
 */
 
-import { createApiContext, getHome, getPageConfig, getRootConfig } from '@lowdefy/api';
+import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
 
-import Page from '../components/Page.js';
+import Page from '../lib/Page.js';
 
 export async function getServerSideProps() {
-  const apiContext = await createApiContext({ buildDirectory: './.lowdefy/build' });
-  const home = await getHome(apiContext);
+  // TODO: is this build directory configurable from the cli?
+  const apiContext = await createApiContext({ buildDirectory: './build' });
+  const rootConfig = await getRootConfig(apiContext);
+  const { home } = rootConfig;
   if (home.configured === false) {
     return {
       redirect: {
@@ -29,12 +31,7 @@ export async function getServerSideProps() {
       },
     };
   }
-
-  const [rootConfig, pageConfig] = await Promise.all([
-    getRootConfig(apiContext),
-    getPageConfig(apiContext, { pageId: home.pageId }),
-  ]);
-
+  const pageConfig = await getPageConfig(apiContext, { pageId: home.pageId });
   if (!pageConfig) {
     return {
       redirect: {
@@ -43,7 +40,6 @@ export async function getServerSideProps() {
       },
     };
   }
-
   return {
     props: {
       pageConfig,

package/src/components/Context.js

@@ -1,61 +0,0 @@
-/*
-  Copyright 2020-2021 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 React, { useEffect, useState } from 'react';
-import getContext from '@lowdefy/engine';
-
-import MountEvents from './block/MountEvents.js';
-
-const Context = ({ children, lowdefy, config }) => {
-  const [context, setContext] = useState({});
-
-  useEffect(() => {
-    let mounted = true;
-    const mount = async () => {
-      const ctx = await getContext({
-        config,
-        lowdefy,
-      });
-      if (mounted) {
-        setContext(ctx);
-      }
-    };
-    mount();
-    return () => {
-      mounted = false;
-    };
-  }, [config, lowdefy]);
-  const loadingPage = context.id !== config.id;
-
-  if (loadingPage) {
-    return children(context, loadingPage, 'pager');
-  }
-
-  return (
-    <MountEvents
-      asyncEventName="onEnterAsync"
-      context={context}
-      eventName="onEnter"
-      triggerEvent={({ name, context }) =>
-        context._internal.RootBlocks.areas.root.blocks[0].triggerEvent({ name })
-      }
-    >
-      {(loading) => children(context, loading, 'mounter')}
-    </MountEvents>
-  );
-};
-
-export default Context;