@lowdefy/server 3.23.2 → 4.0.0-alpha.6

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/next.config.js

@@ -0,0 +1,34 @@
+const withLess = require('next-with-less');
+const lowdefyConfig = require('./build/config.json');
+
+module.exports = withLess({
+  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": "3.23.2",
+  "version": "4.0.0-alpha.6",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -25,39 +25,45 @@
     "type": "git",
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
-  "main": "dist/index.js",
   "files": [
-    "dist/*"
+    "src/*",
+    "public/*",
+    "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": "lowdefy-build",
+    "build:next": "next build",
+    "dev": "yarn build:lowdefy && yarn && next dev",
+    "dev:prod": "yarn build:lowdefy && yarn && yarn build:next && next start",
+    "start": "next start",
+    "lint": "next lint",
+    "next": "next"
   },
   "dependencies": {
-    "@lowdefy/graphql": "3.23.2",
-    "@lowdefy/helpers": "3.23.2",
-    "@lowdefy/node-utils": "3.23.2",
-    "apollo-server-express": "2.25.0",
-    "dotenv": "10.0.0",
-    "express": "4.17.1",
-    "graphql": "15.5.0"
+    "@lowdefy/api": "4.0.0-alpha.6",
+    "@lowdefy/block-utils": "4.0.0-alpha.6",
+    "@lowdefy/engine": "4.0.0-alpha.6",
+    "@lowdefy/helpers": "4.0.0-alpha.6",
+    "@lowdefy/layout": "4.0.0-alpha.6",
+    "@lowdefy/node-utils": "4.0.0-alpha.6",
+    "@lowdefy/operators-js": "4.0.0-alpha.6",
+    "next": "12.0.3",
+    "next-auth": "4.0.0-beta.6",
+    "process": "0.11.10",
+    "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.2",
-    "babel-jest": "26.6.3",
-    "babel-loader": "8.2.2",
-    "jest": "26.6.3",
-    "nodemon": "2.0.7"
+    "@lowdefy/build": "4.0.0-alpha.6",
+    "@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": "4c30d3cdfa99ae4e90fc891825938c28bad45760"
+  "gitHead": "2530e31af795b6a3c75ac8f72c8dbe0ab5d1251b"
 }

package/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/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/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,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 React from 'react';
+
+import callRequest from '../utils/callRequest.js';
+import blockComponents from '../../build/plugins/blocks.js';
+import operators from '../../build/plugins/operatorsClient.js';
+import components from './components.js';
+
+const LowdefyContext = ({ children }) => {
+  const lowdefy = {
+    _internal: {
+      blockComponents,
+      callRequest,
+      components,
+      document,
+      operators,
+      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.home.pageId}
+            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.home.pageId}
+            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.home.pageId}
+        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;