@lowdefy/server 3.23.0-alpha.0 → 4.0.0-alpha.4

package/.eslintrc.yaml

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

package/next.config.js

@@ -0,0 +1,32 @@
+const withLess = require('next-with-less');
+
+module.exports = withLess({
+  lessLoaderOptions: {
+    lessOptions: {
+      modifyVars: {
+        'primary-color': '#9900FF',
+      },
+    },
+  },
+  reactStrictMode: true,
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      config.resolve.fallback = {
+        assert: false,
+        buffer: false,
+        crypto: false,
+        events: false,
+        fs: false,
+        path: false,
+        process: false,
+        util: false,
+      };
+    }
+    return config;
+  },
+  poweredByHeader: false,
+  // productionBrowserSourceMaps: true
+  // experimental: {
+  //   concurrentFeatures: true,
+  // },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server",
-  "version": "3.23.0-alpha.0",
+  "version": "4.0.0-alpha.4",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -25,39 +25,44 @@
     "type": "git",
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
-  "main": "dist/index.js",
   "files": [
-    "dist/*"
+    "src/*",
+    "next.config.js",
+    ".eslintrc.yaml"
   ],
   "scripts": {
-    "babel": "babel src --out-dir dist",
-    "build": "rm -rf dist && babel src --out-dir dist",
-    "clean": "rm -rf dist && rm -rf .lowdefy",
-    "prepare": "yarn build",
-    "start": "nodemon dist/server.js"
+    "build": "lowdefy-build && next build",
+    "build:lowdefy": "lowdefy-build",
+    "build:next": "next build",
+    "dev": "next dev",
+    "start": "next start",
+    "lint": "next lint",
+    "next": "next"
   },
   "dependencies": {
-    "@lowdefy/graphql": "3.23.0-alpha.0",
-    "@lowdefy/helpers": "3.23.0-alpha.0",
-    "@lowdefy/node-utils": "3.23.0-alpha.0",
-    "apollo-server-express": "2.25.0",
-    "dotenv": "10.0.0",
-    "express": "4.17.1",
-    "graphql": "15.5.0"
+    "@lowdefy/api": "4.0.0-alpha.4",
+    "@lowdefy/block-utils": "4.0.0-alpha.4",
+    "@lowdefy/blocks-antd": "4.0.0-alpha.4",
+    "@lowdefy/blocks-basic": "4.0.0-alpha.4",
+    "@lowdefy/connection-axios-http": "4.0.0-alpha.4",
+    "@lowdefy/engine": "4.0.0-alpha.4",
+    "@lowdefy/helpers": "4.0.0-alpha.4",
+    "@lowdefy/layout": "4.0.0-alpha.4",
+    "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",
+    "react-icons": "4.3.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@lowdefy/block-tools": "3.23.0-alpha.0",
-    "babel-jest": "26.6.3",
-    "babel-loader": "8.2.2",
-    "jest": "26.6.3",
-    "nodemon": "2.0.7"
+    "@lowdefy/build": "4.0.0-alpha.4",
+    "@next/eslint-plugin-next": "12.0.4",
+    "less": "4.1.2",
+    "less-loader": "10.2.0",
+    "next-with-less": "2.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8a2b43f5906ff3fbe50237f706c0daec3a480fca"
+  "gitHead": "537d166ba3f6e017b8a61c2a7e5c12fd0a48bf67"
 }

package/src/components/Context.js

@@ -0,0 +1,61 @@
+/*
+  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;

package/src/components/Head.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 React from 'react';
+import Head from 'next/head';
+
+const BindHead = ({ properties }) => {
+  return (
+    <Head>
+      <title>{properties.title}</title>
+    </Head>
+  );
+};
+
+export default BindHead;

package/src/components/LowdefyContext.js

@@ -0,0 +1,47 @@
+/*
+  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 callRequest from '../utils/callRequest.js';
+import blockComponents from '../../build/plugins/blocks.js';
+import components from './components.js';
+
+const LowdefyContext = ({ children }) => {
+  const lowdefy = {
+    _internal: {
+      blockComponents,
+      callRequest,
+      components,
+      document,
+      updaters: {},
+      window,
+      displayMessage: ({ content }) => {
+        alert(content);
+        return () => undefined;
+      },
+      link: () => undefined,
+    },
+    contexts: {},
+    inputs: {},
+    lowdefyGlobal: {},
+  };
+  lowdefy._internal.updateBlock = (blockId) =>
+    lowdefy._internal.updaters[blockId] && lowdefy._internal.updaters[blockId]();
+  return <>{children(lowdefy)}</>;
+};
+
+export default LowdefyContext;

package/src/components/Page.js

@@ -0,0 +1,60 @@
+/*
+  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 { useRouter } from 'next/router';
+
+import Context from './Context.js';
+import Head from './Head.js';
+import Block from './block/Block.js';
+import setupLink from '../utils/setupLink.js';
+
+const LoadingBlock = () => <div>Loading...</div>;
+
+const Page = ({ lowdefy, pageConfig, rootConfig }) => {
+  const router = useRouter();
+  lowdefy._internal.basePath = router.basePath;
+  lowdefy._internal.pathname = router.pathname;
+  lowdefy._internal.query = router.query;
+  lowdefy._internal.router = router;
+  lowdefy._internal.link = setupLink({ lowdefy });
+  lowdefy.home = rootConfig.home;
+  lowdefy.lowdefyGlobal = rootConfig.lowdefyGlobal;
+  lowdefy.menus = rootConfig.menus;
+  return (
+    <Context config={pageConfig} lowdefy={lowdefy}>
+      {(context, loading) => {
+        if (loading) {
+          return <LoadingBlock />;
+        }
+        return (
+          <>
+            <Head properties={context._internal.RootBlocks.map[pageConfig.id].eval.properties} />
+            <Block
+              block={context._internal.RootBlocks.map[pageConfig.id]}
+              Blocks={context._internal.RootBlocks}
+              context={context}
+              lowdefy={lowdefy}
+            />
+          </>
+        );
+      }}
+    </Context>
+  );
+};
+
+export default Page;

package/src/components/block/Block.js

@@ -0,0 +1,57 @@
+/*
+  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, useState } from 'react';
+
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
+import CategorySwitch from './CategorySwitch.js';
+import LoadingBlock from './LoadingBlock.js';
+import MountEvents from './MountEvents.js';
+
+const Block = ({ block, Blocks, context, isRoot, lowdefy }) => {
+  const [updates, setUpdate] = useState(0);
+  lowdefy._internal.updaters[block.id] = () => setUpdate(updates + 1);
+  return (
+    <ErrorBoundary>
+      <Suspense fallback={<LoadingBlock block={block} lowdefy={lowdefy} />}>
+        <MountEvents
+          asyncEventName="onMountAsync"
+          context={context}
+          eventName="onMount"
+          triggerEvent={block.triggerEvent}
+        >
+          {(loading) =>
+            loading ? (
+              <LoadingBlock block={block} lowdefy={lowdefy} />
+            ) : (
+              <CategorySwitch
+                block={block}
+                Blocks={Blocks}
+                context={context}
+                isRoot={isRoot}
+                lowdefy={lowdefy}
+                updates={updates}
+              />
+            )
+          }
+        </MountEvents>
+      </Suspense>
+    </ErrorBoundary>
+  );
+};
+
+export default Block;

package/src/components/block/CategorySwitch.js

@@ -0,0 +1,120 @@
+/*
+  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 { BlockLayout } from '@lowdefy/layout';
+import { makeCssClass } from '@lowdefy/block-utils';
+
+import Container from './Container.js';
+import List from './List.js';
+
+const CategorySwitch = ({ block, Blocks, context, lowdefy }) => {
+  if (!block.eval) return null; // Renderer updates before eval is executed for the first time on lists. See #520
+  if (block.eval.visible === false)
+    return <div id={`vs-${block.blockId}`} style={{ display: 'none' }} />;
+  const Component = lowdefy._internal.blockComponents[block.type];
+  switch (Component.meta.category) {
+    case 'list':
+      return (
+        <List
+          block={block}
+          Blocks={Blocks}
+          Component={Component}
+          context={context}
+          lowdefy={lowdefy}
+        />
+      );
+    case 'container':
+      return (
+        <Container
+          block={block}
+          Blocks={Blocks}
+          Component={Component}
+          context={context}
+          lowdefy={lowdefy}
+        />
+      );
+    case 'input':
+      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,
+              registerEvent: block.registerEvent,
+              registerMethod: block.registerMethod,
+              setValue: block.setValue,
+              triggerEvent: block.triggerEvent,
+            })}
+            // TODO: React throws a  basePath warning
+            basePath={lowdefy._internal.basePath}
+            blockId={block.blockId}
+            components={lowdefy._internal.components}
+            events={block.eval.events}
+            homePageId={lowdefy.homePageId}
+            key={block.blockId}
+            loading={block.loading}
+            menus={lowdefy.menus}
+            pageId={lowdefy.pageId}
+            properties={block.eval.properties}
+            required={block.eval.required}
+            user={lowdefy.user}
+            validation={block.eval.validation}
+            value={block.value}
+          />
+        </BlockLayout>
+      );
+    default:
+      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,
+              registerEvent: block.registerEvent,
+              registerMethod: block.registerMethod,
+              triggerEvent: block.triggerEvent,
+            })}
+            basePath={lowdefy._internal.basePath}
+            blockId={block.blockId}
+            components={lowdefy._internal.components}
+            events={block.eval.events}
+            homePageId={lowdefy.homePageId}
+            key={block.blockId}
+            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 CategorySwitch;

package/src/components/block/Container.js

@@ -0,0 +1,87 @@
+/*
+  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 Container = ({ block, Blocks, Component, context, lowdefy }) => {
+  const content = {};
+  // eslint-disable-next-line prefer-destructuring
+  const areas = Blocks.subBlocks[block.id][0].areas;
+  Object.keys(areas).forEach((areaKey) => {
+    content[areaKey] = (areaStyle) => (
+      <Area
+        id={`ar-${block.blockId}-${areaKey}`}
+        key={`ar-${block.blockId}-${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}
+      >
+        {areas[areaKey].blocks.map((bl) => (
+          <Block
+            key={`co-${bl.blockId}`}
+            Blocks={Blocks.subBlocks[block.id][0]}
+            block={bl}
+            context={context}
+            lowdefy={lowdefy}
+          />
+        ))}
+      </Area>
+    );
+  });
+  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,
+          registerEvent: block.registerEvent,
+          registerMethod: block.registerMethod,
+          triggerEvent: block.triggerEvent,
+        })}
+        basePath={lowdefy._internal.basePath}
+        blockId={block.blockId}
+        components={lowdefy._internal.components}
+        content={content}
+        events={block.eval.events}
+        homePageId={lowdefy.homePageId}
+        key={block.blockId}
+        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 Container;

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.homePageId}
+        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/[pageId].js

@@ -0,0 +1,49 @@
+/*
+  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;
+  const apiContext = await createApiContext({ buildDirectory: './.lowdefy/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/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,41 @@
+/*
+  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 connections from '../../../../../build/plugins/connections.js';
+
+export default async function handler(req, res) {
+  try {
+    if (req.method !== 'POST') {
+      throw new Error('Only POST requests are supported.');
+    }
+    const apiContext = await createApiContext({
+      buildDirectory: './.lowdefy/build',
+      connections,
+      // TODO
+      logger: console,
+      // TODO
+      secrets: {},
+    });
+    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,55 @@
+/*
+  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, getHome, getPageConfig, getRootConfig } from '@lowdefy/api';
+
+import Page from '../components/Page.js';
+
+export async function getServerSideProps() {
+  const apiContext = await createApiContext({ buildDirectory: './.lowdefy/build' });
+  const home = await getHome(apiContext);
+  if (home.configured === false) {
+    return {
+      redirect: {
+        destination: `/${home.pageId}`,
+        permanent: false,
+      },
+    };
+  }
+
+  const [rootConfig, pageConfig] = await Promise.all([
+    getRootConfig(apiContext),
+    getPageConfig(apiContext, { pageId: home.pageId }),
+  ]);
+
+  if (!pageConfig) {
+    return {
+      redirect: {
+        destination: '/404',
+        permanent: false,
+      },
+    };
+  }
+
+  return {
+    props: {
+      pageConfig,
+      rootConfig,
+    },
+  };
+}
+
+export default Page;

package/src/public/icon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 94 94" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-979.672,-59.6924)">
+        <g transform="matrix(1,0,0,1.03297,-38.3284,-294.615)">
+            <g transform="matrix(1,0,0,1,952,232)">
+                <path d="M160,129.634C160,119.35 151.375,111 140.751,111L85.249,111C74.625,111 66,119.35 66,129.634L66,183.366C66,193.65 74.625,202 85.249,202L140.751,202C151.375,202 160,193.65 160,183.366L160,129.634Z"/>
+            </g>
+            <g transform="matrix(0.872141,0,0,1,1002.6,346)">
+                <rect x="36" y="12" width="36" height="59" style="fill:white;"/>
+            </g>
+            <g transform="matrix(0.78125,0,0,0.862069,1010.84,356.663)">
+                <rect x="77" y="41" width="32" height="29" style="fill:rgb(24,144,255);"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/public/manifest.webmanifest

@@ -0,0 +1,16 @@
+{
+  "short_name": "Lowdefy App",
+  "name": "Lowdefy App",
+  "description": "Lowdefy App",
+  "icons": [
+    {
+      "src": "/public/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/",
+  "background_color": "#FFFFFF",
+  "display": "browser",
+  "scope": "/"
+}

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;

package/dist/index.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _express = _interopRequireDefault(require("express"));
-
-var _apolloServerExpress = require("apollo-server-express");
-
-var _graphql = require("@lowdefy/graphql");
-
-var _helpers = require("@lowdefy/helpers");
-
-var _nodeUtils = require("@lowdefy/node-utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function getServer(_ref) {
-  var {
-    buildDirectory,
-    development = false,
-    getSecrets,
-    gqlExpressPath,
-    gqlUri,
-    logger,
-    publicDirectory,
-    serverBasePath = '',
-    serveStaticFiles = true,
-    shellDirectory
-  } = _ref;
-  var context = (0, _graphql.createContext)({
-    CONFIGURATION_BASE_PATH: buildDirectory,
-    development,
-    getSecrets,
-    gqlUri,
-    logger
-  });
-  var gqlServer = new _apolloServerExpress.ApolloServer({
-    typeDefs: _graphql.typeDefs,
-    resolvers: _graphql.resolvers,
-    context
-  });
-  var indexHtml = null;
-
-  if (serverBasePath !== '') {
-    serverBasePath = "/".concat(serverBasePath);
-  }
-
-  var serveIndex = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* (req, res) {
-      // TODO: can do better here?
-      if (!indexHtml || development) {
-        indexHtml = yield (0, _nodeUtils.readFile)(_path.default.resolve(shellDirectory, 'index.html'));
-        var appConfig = yield (0, _nodeUtils.readFile)(_path.default.resolve(buildDirectory, 'app.json'));
-        appConfig = JSON.parse(appConfig);
-        indexHtml = indexHtml.replace('<!-- __LOWDEFY_APP_HEAD_HTML__ -->', (0, _helpers.get)(appConfig, 'html.appendHead', {
-          default: ''
-        }));
-        indexHtml = indexHtml.replace('<!-- __LOWDEFY_APP_BODY_HTML__ -->', (0, _helpers.get)(appConfig, 'html.appendBody', {
-          default: ''
-        }));
-        indexHtml = indexHtml.replace(/__LOWDEFY_SERVER_BASE_PATH__/g, serverBasePath);
-      }
-
-      res.send(indexHtml);
-    });
-
-    return function serveIndex(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var server = (0, _express.default)();
-  gqlServer.applyMiddleware({
-    app: server,
-    path: gqlExpressPath || "".concat(serverBasePath, "/api/graphql"),
-    bodyParserConfig: {
-      limit: '5mb'
-    }
-  });
-
-  if (serveStaticFiles) {
-    // serve index.html with appended html
-    // else static server serves without appended html
-    server.get("".concat(serverBasePath, "/"), serveIndex);
-    server.use("".concat(serverBasePath, "/shell"), _express.default.static(_path.default.resolve(shellDirectory))); // serve public files
-
-    server.use("".concat(serverBasePath, "/public"), _express.default.static(_path.default.resolve(publicDirectory))); // Redirect all 404 to index.html with status 200
-    // This should always be the last route
-
-    server.use("".concat(serverBasePath, "/*"), serveIndex);
-  }
-
-  return server;
-}
-
-var _default = getServer;
-exports.default = _default;