@lowdefy/server-dev 3.23.0-alpha.0 → 4.0.0-alpha.6

package/.eslintrc.yaml

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

package/README.md

@@ -1,29 +1,5 @@
 # @lowdefy/server-dev
 
-A Lowdefy server for local development.
-
-The server consists of a Lowdefy Graphql server, and a static file server to serve the web client shell. The web shell is a minimal react app, that loads a Lowdefy renderer using [webpack module federation](https://webpack.js.org/concepts/module-federation/).
-
-> If you wish to develop a Lowdefy app, use the development server in the [CLI](https://docs.lowdefy.com/cli). The code for the CLI can be found [here](https://github.com/lowdefy/lowdefy/tree/main/packages/cli)
-
-## Running a development server
-
-- Build the repository in development mode by running `yarn build:dev` at the root of the repository.
-- Create a `lowdefy.yaml` file in the root of the package directory, and build this configuration with the cli using `lowdefy build`.
-- Build the dev server using `yarn build`.
-- Run the dev server using `yarn start`.
-- Run a [`@lowdefy/renderer`](https://github.com/lowdefy/lowdefy/tree/main/packages/renderer) server at port 3001 using `yarn start` or `yarn serve`.
-
-To make changes to the server, you need to run `yarn build` in dependencies that have changed (like `@lowdefy/graphql`), and then run `yarn build`.
-
-## More Lowdefy resources
-
-- Getting started with Lowdefy - https://docs.lowdefy.com/tutorial-start
-- Lowdefy docs - https://docs.lowdefy.com
-- Lowdefy website - https://lowdefy.com
-- Community forum - https://github.com/lowdefy/lowdefy/discussions
-- Bug reports and feature requests - https://github.com/lowdefy/lowdefy/issues
-
 ## Licence
 
 [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: false,
+        util: false,
+      };
+    }
+    return config;
+  },
+  poweredByHeader: false,
+  // productionBrowserSourceMaps: true
+  // experimental: {
+  //   concurrentFeatures: true,
+  // },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-dev",
-  "version": "3.23.0-alpha.0",
+  "version": "4.0.0-alpha.6",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -26,47 +26,59 @@
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
   "files": [
-    "dist/*"
+    "src/*",
+    "public/*",
+    "next.config.js",
+    ".eslintrc.yaml"
   ],
   "scripts": {
-    "babel": "babel src --out-dir dist",
-    "build": "yarn babel",
-    "clean": "rm -rf dist && rm -rf .lowdefy",
-    "prepare": "yarn build",
-    "start": "nodemon dist/server.js"
+    "build:lowdefy": "lowdefy-build",
+    "build:next": "next build",
+    "dev": "next dev",
+    "start": "node src/manager/run.mjs",
+    "lint": "next lint",
+    "next": "next"
   },
   "dependencies": {
-    "@lowdefy/graphql": "3.23.0-alpha.0",
-    "@lowdefy/node-utils": "3.23.0-alpha.0",
-    "@lowdefy/server": "3.23.0-alpha.0",
-    "@lowdefy/shell": "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.6",
+    "@lowdefy/block-utils": "4.0.0-alpha.6",
+    "@lowdefy/blocks-antd": "4.0.0-alpha.6",
+    "@lowdefy/blocks-basic": "4.0.0-alpha.6",
+    "@lowdefy/blocks-color-selectors": "4.0.0-alpha.6",
+    "@lowdefy/blocks-echarts": "4.0.0-alpha.6",
+    "@lowdefy/blocks-loaders": "4.0.0-alpha.6",
+    "@lowdefy/blocks-markdown": "4.0.0-alpha.6",
+    "@lowdefy/build": "4.0.0-alpha.6",
+    "@lowdefy/connection-axios-http": "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-change-case": "4.0.0-alpha.6",
+    "@lowdefy/operators-diff": "4.0.0-alpha.6",
+    "@lowdefy/operators-js": "4.0.0-alpha.6",
+    "@lowdefy/operators-mql": "4.0.0-alpha.6",
+    "@lowdefy/operators-nunjucks": "4.0.0-alpha.6",
+    "@lowdefy/operators-uuid": "4.0.0-alpha.6",
+    "@lowdefy/operators-yaml": "4.0.0-alpha.6",
+    "chokidar": "3.5.2",
+    "next": "12.0.3",
+    "next-auth": "4.0.0-beta.6",
+    "opener": "1.5.2",
+    "react": "18.0.0-alpha-327d5c484-20211106",
+    "react-dom": "18.0.0-alpha-327d5c484-20211106",
+    "react-icons": "4.3.1",
+    "swr": "1.0.1",
+    "yargs": "17.3.0"
   },
   "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",
-    "clean-webpack-plugin": "3.0.0",
-    "copy-webpack-plugin": "9.0.0",
-    "css-loader": "5.2.6",
-    "html-webpack-plugin": "5.3.1",
-    "jest": "26.6.3",
-    "nodemon": "2.0.7",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "style-loader": "2.0.0",
-    "webpack": "5.38.1",
-    "webpack-cli": "4.7.0"
+    "@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": "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/App.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 React from 'react';
+
+import { useRouter } from 'next/router';
+
+import Page from './Page.js';
+import Reload from './Reload.js';
+import setPageId from '../utils/setPageId.js';
+import setupLink from '../utils/setupLink.js';
+import useRootConfig from '../utils/useRootConfig.js';
+
+const App = ({ lowdefy }) => {
+  const router = useRouter();
+  const { data: rootConfig } = useRootConfig();
+
+  window.lowdefy = lowdefy;
+
+  lowdefy.home = rootConfig.home;
+  lowdefy.lowdefyGlobal = rootConfig.lowdefyGlobal;
+  lowdefy.menus = rootConfig.menus;
+
+  lowdefy._internal.basePath = router.basePath;
+  lowdefy._internal.pathname = router.pathname;
+  lowdefy._internal.query = router.query;
+  lowdefy._internal.router = router;
+  lowdefy._internal.link = setupLink({ lowdefy });
+
+  const redirect = setPageId(lowdefy);
+  if (redirect) {
+    lowdefy._internal.router.push(`/${lowdefy.pageId}`);
+  }
+
+  return (
+    <Reload lowdefy={lowdefy}>
+      <Page lowdefy={lowdefy} />
+    </Reload>
+  );
+};
+
+export default App;

package/src/components/Context.js

@@ -0,0 +1,62 @@
+/*
+  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,
+        development: true,
+      });
+      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,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 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,54 @@
+/*
+  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 Block from './block/Block.js';
+import Context from './Context.js';
+import Head from './Head.js';
+import usePageConfig from '../utils/usePageConfig.js';
+
+const LoadingBlock = () => <div>Loading...</div>;
+
+const Page = ({ lowdefy }) => {
+  const { data: pageConfig } = usePageConfig(lowdefy.pageId);
+  if (!pageConfig) {
+    lowdefy._internal.router.push(`/404`);
+    return <LoadingBlock />;
+  }
+  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/Reload.js

@@ -0,0 +1,43 @@
+/*
+  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 } from 'react';
+
+import useMutateCache from '../utils/useMutateCache.js';
+import waitForRestartedServer from '../utils/waitForRestartedServer.js';
+
+const Reload = ({ children, lowdefy }) => {
+  const mutateCache = useMutateCache();
+  useEffect(() => {
+    const sse = new EventSource('/api/reload');
+
+    sse.addEventListener('reload', () => {
+      mutateCache();
+      console.log('Reloaded config.');
+    });
+
+    sse.onerror = () => {
+      sse.close();
+      waitForRestartedServer(lowdefy);
+    };
+    return () => {
+      sse.close();
+    };
+  }, []);
+  return <>{children}</>;
+};
+
+export default Reload;

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;