@lowdefy/server 3.23.2 → 4.0.0-alpha.6

package/src/components/block/List.js

@@ -0,0 +1,94 @@
+/*
+  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 from 'react';
+import { Area, BlockLayout, layoutParamsToArea } from '@lowdefy/layout';
+import { makeCssClass } from '@lowdefy/block-utils';
+
+import Block from './Block.js';
+
+const List = ({ block, Blocks, Component, context, lowdefy }) => {
+  const content = {};
+  const contentList = [];
+  Blocks.subBlocks[block.id].forEach((SBlock) => {
+    Object.keys(SBlock.areas).forEach((areaKey) => {
+      content[areaKey] = (areaStyle) => (
+        <Area
+          id={`ar-${block.blockId}-${SBlock.id}-${areaKey}`}
+          key={`ar-${block.blockId}-${SBlock.id}-${areaKey}`}
+          area={layoutParamsToArea({
+            area: block.eval.areas[areaKey] || {},
+            areaKey,
+            layout: block.eval.layout || {},
+          })}
+          areaStyle={[areaStyle, block.eval.areas[areaKey] && block.eval.areas[areaKey].style]}
+          highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
+          makeCssClass={makeCssClass}
+        >
+          {SBlock.areas[areaKey].blocks.map((bl) => (
+            <Block
+              key={`ls-${bl.blockId}`}
+              Blocks={SBlock}
+              block={bl}
+              context={context}
+              lowdefy={lowdefy}
+            />
+          ))}
+        </Area>
+      );
+    });
+    contentList.push({ ...content });
+  });
+  return (
+    <BlockLayout
+      id={`bl-${block.blockId}`}
+      blockStyle={block.eval.style}
+      highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
+      layout={block.eval.layout || {}}
+      makeCssClass={makeCssClass}
+    >
+      <Component
+        methods={Object.assign(block.methods, {
+          makeCssClass,
+          moveItemDown: block.moveItemDown,
+          moveItemUp: block.moveItemUp,
+          pushItem: block.pushItem,
+          registerEvent: block.registerEvent,
+          registerMethod: block.registerMethod,
+          removeItem: block.removeItem,
+          triggerEvent: block.triggerEvent,
+          unshiftItem: block.unshiftItem,
+        })}
+        basePath={lowdefy._internal.basePath}
+        blockId={block.blockId}
+        components={lowdefy._internal.components}
+        events={block.eval.events}
+        homePageId={lowdefy.home.pageId}
+        key={block.blockId}
+        list={contentList}
+        loading={block.loading}
+        menus={lowdefy.menus}
+        pageId={lowdefy.pageId}
+        properties={block.eval.properties}
+        required={block.eval.required}
+        user={lowdefy.user}
+        validation={block.eval.validation}
+      />
+    </BlockLayout>
+  );
+};
+
+export default List;

package/src/components/block/LoadingBlock.js

@@ -0,0 +1,22 @@
+import React from 'react';
+// import { Loading, makeCssClass } from '@lowdefy/block-utils';
+// import { get } from '@lowdefy/helpers';
+// import { BlockLayout } from '@lowdefy/layout';
+
+const LoadingBlock = ({ block, lowdefy }) => (
+  <div>LoadingBlock</div>
+  // <BlockLayout
+  //   id={`bl-loading-${block.blockId}`}
+  //   blockStyle={get(block, 'eval.style') || get(block, 'meta.loading.style', { default: {} })}
+  //   highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
+  //   layout={get(block, 'eval.layout') || get(block, 'meta.loading.layout', { default: {} })}
+  //   makeCssClass={makeCssClass}
+  // >
+  //   <Loading
+  //     properties={get(block, 'meta.loading.properties')}
+  //     type={get(block, 'meta.loading.type')}
+  //   />
+  // </BlockLayout>
+);
+
+export default LoadingBlock;

package/src/components/block/MountEvents.js

@@ -0,0 +1,46 @@
+/*
+  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';
+
+const MountEvents = ({ asyncEventName, context, eventName, triggerEvent, children }) => {
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let mounted = true;
+    const mount = async () => {
+      try {
+        await triggerEvent({ name: eventName, context });
+        if (mounted) {
+          triggerEvent({ name: asyncEventName, context });
+          setLoading(false);
+        }
+      } catch (err) {
+        setError(err);
+      }
+    };
+    mount();
+    return () => {
+      mounted = false;
+    };
+  }, [context]);
+
+  if (error) throw error;
+
+  return <>{children(loading)}</>;
+};
+
+export default MountEvents;

package/src/components/components.js

@@ -0,0 +1,25 @@
+/*
+  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 Link from 'next/link';
+import { createIcon } from '@lowdefy/block-utils';
+
+import icons from '../../build/plugins/icons.js';
+
+export default {
+  Link,
+  Icon: createIcon(icons),
+};

package/src/pages/404.js

@@ -0,0 +1,38 @@
+/*
+  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 { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
+
+import Page from '../components/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,
+    },
+  };
+}
+
+export default Page;

package/src/pages/[pageId].js

@@ -0,0 +1,50 @@
+/*
+  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 { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
+
+import Page from '../components/Page.js';
+
+export async function getServerSideProps(context) {
+  const { pageId } = context.params;
+  // 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 }),
+  ]);
+
+  if (!pageConfig) {
+    return {
+      redirect: {
+        destination: '/404',
+        permanent: false,
+      },
+    };
+  }
+
+  return {
+    props: {
+      pageConfig,
+      rootConfig,
+    },
+  };
+}
+
+export default Page;

package/src/pages/_app.js

@@ -0,0 +1,37 @@
+/*
+  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, { Suspense } from 'react';
+
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
+import LowdefyContext from '../components/LowdefyContext.js';
+
+import '../../build/plugins/styles.less';
+
+function App({ Component, pageProps }) {
+  return (
+    <ErrorBoundary>
+      <Suspense>
+        <LowdefyContext>
+          {(lowdefy) => <Component lowdefy={lowdefy} {...pageProps} />}
+        </LowdefyContext>
+      </Suspense>
+    </ErrorBoundary>
+  );
+}
+
+export default App;

package/src/pages/_document.js

@@ -0,0 +1,38 @@
+/*
+  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 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/api/auth/[...nextauth].js

@@ -0,0 +1,28 @@
+/*
+  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 NextAuth from 'next-auth';
+import Auth0Provider from 'next-auth/providers/auth0';
+
+export default NextAuth({
+  providers: [
+    Auth0Provider({
+      clientId: process.env.AUTH0_CLIENT_ID,
+      clientSecret: process.env.AUTH0_CLIENT_SECRET,
+      issuer: process.env.AUTH0_ISSUER,
+    }),
+  ],
+});

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

@@ -0,0 +1,44 @@
+/*
+  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 { 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';
+
+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: './build',
+      connections,
+      // TODO: use a logger like pino
+      logger: console,
+      operators,
+      secrets: getSecretsFromEnv(),
+    });
+    const { pageId, requestId } = req.query;
+    const { payload } = req.body;
+
+    const response = await callRequest(apiContext, { pageId, payload, requestId });
+    res.status(200).json(response);
+  } catch (error) {
+    res.status(500).json({ name: error.name, message: error.message });
+  }
+}

package/src/pages/index.js

@@ -0,0 +1,50 @@
+/*
+  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 { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
+
+import Page from '../components/Page.js';
+
+export async function getServerSideProps() {
+  const apiContext = await createApiContext({ buildDirectory: './build' });
+  const rootConfig = await getRootConfig(apiContext);
+  const { home } = rootConfig;
+  if (home.configured === false) {
+    return {
+      redirect: {
+        destination: `/${home.pageId}`,
+        permanent: false,
+      },
+    };
+  }
+  const pageConfig = await getPageConfig(apiContext, { pageId: home.pageId });
+  if (!pageConfig) {
+    return {
+      redirect: {
+        destination: '/404',
+        permanent: false,
+      },
+    };
+  }
+  return {
+    props: {
+      pageConfig,
+      rootConfig,
+    },
+  };
+}
+
+export default Page;

package/src/utils/callRequest.js

@@ -0,0 +1,27 @@
+/*
+  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 request from './request.js';
+
+function callRequest({ pageId, payload, requestId }) {
+  return request({
+    url: `/api/request/${pageId}/${requestId}`,
+    method: 'POST',
+    body: { payload },
+  });
+}
+
+export default callRequest;

package/src/utils/request.js

@@ -0,0 +1,35 @@
+/*
+  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.
+*/
+
+async function request({ url, method = 'GET', body }) {
+  const res = await fetch(url, {
+    method,
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    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;

package/src/utils/setupLink.js

@@ -0,0 +1,44 @@
+/*
+  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 { createLink } from '@lowdefy/engine';
+
+function setupLink({ lowdefy }) {
+  const { router, window } = lowdefy._internal;
+  const sameOriginLink = (path, newTab) => {
+    if (newTab) {
+      return window.open(`${window.location.origin}${lowdefy.basePath}${path}`, '_blank').focus();
+    } else {
+      // Next handles the basePath here.
+      return router.push({
+        pathname: path,
+        // TODO: Do we handle urlQuery as a param here?
+        // query: {},
+      });
+    }
+  };
+  const newOriginLink = (path, newTab) => {
+    if (newTab) {
+      return window.open(path, '_blank').focus();
+    } else {
+      return (window.location.href = path);
+    }
+  };
+  const backLink = () => window.history.back();
+  return createLink({ backLink, lowdefy, newOriginLink, sameOriginLink });
+}
+
+export default setupLink;