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

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;

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/manager/BatchChanges.mjs

@@ -0,0 +1,66 @@
+/*
+  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.
+*/
+
+class BatchChanges {
+  constructor({ fn, minDelay }) {
+    this._call = this._call.bind(this);
+    this.args = [];
+    this.delay = minDelay || 500;
+    this.fn = fn;
+    this.minDelay = minDelay || 500;
+    this.repeat = false;
+    this.running = false;
+  }
+
+  newChange(...args) {
+    this.args.push(args);
+    this.delay = this.minDelay;
+    this._startTimer();
+  }
+
+  _startTimer() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+    if (this.running) {
+      this.repeat = true;
+    } else {
+      this.timer = setTimeout(this._call, this.delay);
+    }
+  }
+
+  async _call() {
+    this.running = true;
+    try {
+      const args = this.args;
+      this.args = [];
+      await this.fn(args);
+      this.running = false;
+      if (this.repeat) {
+        this.repeat = false;
+        this._call();
+      }
+    } catch (error) {
+      this.running = false;
+      console.error(error);
+      this.delay *= 2;
+      console.warn(`Retrying in ${this.delay / 1000}s.`);
+      this._startTimer();
+    }
+  }
+}
+
+export default BatchChanges;

package/src/manager/getContext.mjs

@@ -0,0 +1,64 @@
+/*
+  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.
+*/
+/* eslint-disable no-console */
+
+import path from 'path';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+
+import lowdefyBuild from './processes/lowdefyBuild.mjs';
+import nextBuild from './processes/nextBuild.mjs';
+import installPlugins from './processes/installPlugins.mjs';
+import startServerProcess from './processes/startServerProcess.mjs';
+import reloadClients from './processes/reloadClients.mjs';
+
+const argv = yargs(hideBin(process.argv)).argv;
+
+async function getContext() {
+  const { packageManager = 'npm', verbose = false } = argv;
+  const context = {
+    directories: {
+      build: path.resolve(process.cwd(), './build'),
+      config: path.resolve(
+        argv.configDirectory || process.env.LOWDEFY_DIRECTORY_CONFIG || process.cwd()
+      ),
+      server: process.cwd(),
+    },
+    packageManager,
+    restartServer: () => {
+      if (context.serverProcess) {
+        console.log('Restarting server...');
+        context.serverProcess.kill();
+        startServerProcess(context);
+      }
+    },
+    shutdownServer: () => {
+      if (context.serverProcess) {
+        console.log('Shutting down server...');
+        context.serverProcess.kill();
+      }
+    },
+    verbose,
+  };
+  context.installPlugins = installPlugins(context);
+  context.lowdefyBuild = lowdefyBuild(context);
+  context.nextBuild = nextBuild(context);
+  context.reloadClients = reloadClients(context);
+
+  return context;
+}
+
+export default getContext;

package/src/manager/initialBuild.mjs

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+/*
+  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 initialBuild(context) {
+  await context.lowdefyBuild();
+  await context.installPlugins();
+  await context.nextBuild();
+}
+
+export default initialBuild;

package/src/manager/processes/installPlugins.mjs

@@ -0,0 +1,36 @@
+/*
+  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 { spawnProcess } from '@lowdefy/node-utils';
+
+const args = {
+  npm: ['install', '--legacy-peer-deps'],
+  yarn: ['install'],
+};
+
+function installPlugins({ packageManager, verbose }) {
+  return async () => {
+    console.log('Installing plugins...');
+    await spawnProcess({
+      logger: console,
+      command: packageManager, // npm or yarn
+      args: args[packageManager],
+      silent: !verbose,
+    });
+  };
+}
+
+export default installPlugins;

package/src/manager/processes/lowdefyBuild.mjs

@@ -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 { spawnProcess } from '@lowdefy/node-utils';
+
+function lowdefyBuild({ packageManager, directories }) {
+  return async () => {
+    await spawnProcess({
+      logger: console,
+      args: ['run', 'build:lowdefy'],
+      command: packageManager,
+      processOptions: {
+        env: {
+          ...process.env,
+          LOWDEFY_DIRECTORY_BUILD: directories.build,
+          LOWDEFY_DIRECTORY_CONFIG: directories.config,
+          LOWDEFY_DIRECTORY_SERVER: process.cwd(),
+        },
+      },
+      silent: false,
+    });
+  };
+}
+
+export default lowdefyBuild;

package/src/manager/processes/nextBuild.mjs

@@ -0,0 +1,31 @@
+/*
+  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 { spawnProcess } from '@lowdefy/node-utils';
+
+function nextBuild({ packageManager, verbose }) {
+  return async () => {
+    console.log('Building app...');
+    await spawnProcess({
+      logger: console,
+      args: ['run', 'build:next'],
+      command: packageManager,
+      silent: !verbose,
+    });
+  };
+}
+
+export default nextBuild;

package/src/manager/processes/reloadClients.mjs

@@ -0,0 +1,26 @@
+/*
+  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 path from 'path';
+import { writeFile } from '@lowdefy/node-utils';
+
+function reloadClients({ directories }) {
+  return async () => {
+    await writeFile({ filePath: path.join(directories.build, 'reload'), content: `${Date.now()}` });
+  };
+}
+
+export default reloadClients;