@lowdefy/server-dev 3.23.0 → 4.0.0-alpha.7

package/src/components/block/CategorySwitch.js

@@ -0,0 +1,117 @@
+/*
+  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,
+            })}
+            basePath={lowdefy.basePath}
+            blockId={block.blockId}
+            components={lowdefy._internal.components}
+            events={block.eval.events}
+            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.basePath}
+            blockId={block.blockId}
+            components={lowdefy._internal.components}
+            events={block.eval.events}
+            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,86 @@
+/*
+  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.basePath}
+        blockId={block.blockId}
+        components={lowdefy._internal.components}
+        content={content}
+        events={block.eval.events}
+        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,93 @@
+/*
+  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.basePath}
+        blockId={block.blockId}
+        components={lowdefy._internal.components}
+        events={block.eval.events}
+        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/createComponents.js

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

package/src/components/createLinkComponent.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import NextLink from 'next/link';
+import { createLink } from '@lowdefy/engine';
+import { type } from '@lowdefy/helpers';
+
+const createLinkComponent = (lowdefy) => {
+  const backLink = ({ ariaLabel, children, className, id, rel }) => (
+    <a
+      id={id}
+      onClick={() => lowdefy._internal.router.back()}
+      className={className}
+      rel={rel}
+      aria-label={ariaLabel || 'back'}
+    >
+      {type.isFunction(children) ? children(id) : children}
+    </a>
+  );
+  const newOriginLink = ({
+    ariaLabel,
+    children,
+    className,
+    id,
+    newTab,
+    pageId,
+    query,
+    rel,
+    url,
+  }) => {
+    return (
+      <a
+        id={id}
+        aria-label={ariaLabel}
+        className={className}
+        href={`${url}${query ? `?${query}` : ''}`}
+        rel={rel || (newTab && 'noopener noreferrer')}
+        target={newTab && '_blank'}
+      >
+        {type.isFunction(children) ? children(pageId || url || id) : children}
+      </a>
+    );
+  };
+  const sameOriginLink = ({
+    ariaLabel,
+    children,
+    className,
+    id,
+    newTab,
+    pageId,
+    pathname,
+    query,
+    rel,
+    replace,
+    scroll,
+    setInput,
+    url,
+  }) => {
+    if (newTab) {
+      return (
+        // eslint-disable-next-line react/jsx-no-target-blank
+        <a
+          id={id}
+          aria-label={ariaLabel}
+          className={className}
+          href={`${window.location.origin}${lowdefy.basePath}${pathname}${
+            query ? `?${query}` : ''
+          }`}
+          rel={rel || 'noopener noreferrer'}
+          target="_blank"
+        >
+          {type.isFunction(children) ? children(pageId || url || id) : children}
+        </a>
+      );
+    }
+    return (
+      <NextLink href={{ pathname, query }} replace={replace} scroll={scroll}>
+        <a id={id} aria-label={ariaLabel} className={className} rel={rel} onClick={setInput}>
+          {type.isFunction(children) ? children(pageId || url || id) : children}
+        </a>
+      </NextLink>
+    );
+  };
+  const noLink = ({ className, children, id }) => (
+    <span id={id} className={className}>
+      {type.isFunction(children) ? children(id) : children}
+    </span>
+  );
+  return createLink({
+    backLink,
+    lowdefy,
+    newOriginLink,
+    sameOriginLink,
+    noLink,
+    disabledLink: noLink,
+  });
+};
+
+export default createLinkComponent;

package/src/manager/getContext.mjs

@@ -0,0 +1,79 @@
+/*
+  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 { createRequire } from 'module';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+
+import initialBuild from './processes/initialBuild.mjs';
+import installPlugins from './processes/installPlugins.mjs';
+import lowdefyBuild from './processes/lowdefyBuild.mjs';
+import nextBuild from './processes/nextBuild.mjs';
+import readDotEnv from './processes/readDotEnv.mjs';
+import reloadClients from './processes/reloadClients.mjs';
+import restartServer from './processes/restartServer.mjs';
+import shutdownServer from './processes/shutdownServer.mjs';
+import startWatchers from './processes/startWatchers.mjs';
+
+const argv = yargs(hideBin(process.argv)).array('watch').array('watchIgnore').argv;
+const require = createRequire(import.meta.url);
+
+async function getContext() {
+  const env = process.env;
+
+  const context = {
+    bin: {
+      // TODO: The string replace is a little hacky and will fail if the location of the bin changes,
+      lowdefyBuild: require.resolve('@lowdefy/build').replace('index.js', 'scripts/run.js'),
+      next: require.resolve('next').replace('server/next.js', 'bin/next'),
+    },
+    directories: {
+      build: path.resolve(process.cwd(), './build'),
+      config: path.resolve(argv.configDirectory || env.LOWDEFY_DIRECTORY_CONFIG || process.cwd()),
+      server: process.cwd(),
+    },
+    options: {
+      port: argv.port || env.PORT || 3000,
+      refResolver: argv.refResolver || env.LOWDEFY_BUILD_REF_RESOLVER,
+      watch:
+        argv.watch || env.LOWDEFY_SERVER_DEV_WATCH ? JSON.parse(env.LOWDEFY_SERVER_DEV_WATCH) : [],
+      watchIgnore:
+        argv.watchIgnore || env.LOWDEFY_SERVER_DEV_WATCH_IGNORE
+          ? JSON.parse(env.LOWDEFY_SERVER_DEV_WATCH_IGNORE)
+          : [],
+      // TODO: read option from from env
+      verbose: argv.verbose || false,
+    },
+    packageManager: argv.packageManager || env.LOWDEFY_PACKAGE_MANAGER || 'npm',
+    version: env.npm_package_version,
+  };
+
+  context.initialBuild = initialBuild(context);
+  context.installPlugins = installPlugins(context);
+  context.lowdefyBuild = lowdefyBuild(context);
+  context.nextBuild = nextBuild(context);
+  context.readDotEnv = readDotEnv(context);
+  context.reloadClients = reloadClients(context);
+  context.restartServer = restartServer(context);
+  context.shutdownServer = shutdownServer(context);
+  context.startWatchers = startWatchers(context);
+
+  return context;
+}
+
+export default getContext;

package/src/manager/processes/initialBuild.mjs

@@ -0,0 +1,27 @@
+#!/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.
+*/
+
+function initialBuild(context) {
+  return async () => {
+    await context.lowdefyBuild();
+    await context.installPlugins();
+    await context.nextBuild();
+    await context.readDotEnv();
+  };
+}
+
+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, options }) {
+  return async () => {
+    console.log('Installing plugins...');
+    await spawnProcess({
+      logger: console,
+      command: packageManager, // npm or yarn
+      args: args[packageManager],
+      silent: !options.verbose,
+    });
+  };
+}
+
+export default installPlugins;

package/src/manager/processes/lowdefyBuild.mjs

@@ -0,0 +1,39 @@
+/*
+  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({ bin, directories, options }) {
+  return async () => {
+    await spawnProcess({
+      command: 'node',
+      args: [bin.lowdefyBuild],
+      logger: console,
+      processOptions: {
+        env: {
+          ...process.env,
+          LOWDEFY_BUILD_REF_RESOLVER: options.refResolver,
+          LOWDEFY_DIRECTORY_BUILD: directories.build,
+          LOWDEFY_DIRECTORY_CONFIG: directories.config,
+          LOWDEFY_DIRECTORY_SERVER: process.cwd(),
+        },
+      },
+      silent: false,
+    });
+  };
+}
+
+export default lowdefyBuild;