@lowdefy/server 4.0.0-alpha.1 → 4.0.0-alpha.12

package/src/components/Context.js

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

@@ -1,47 +0,0 @@
-/*
-  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 '../../.lowdefy/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

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

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

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

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

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

@@ -1,22 +0,0 @@
-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

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

@@ -1,25 +0,0 @@
-/*
-  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 '../plugins/icons.js';
-
-export default {
-  Link,
-  Icon: createIcon(icons),
-};

package/src/pages/_app.js

@@ -1,37 +0,0 @@
-/*
-  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 '../plugins/style.less';
-
-function App({ Component, pageProps }) {
-  return (
-    <ErrorBoundary>
-      <Suspense>
-        <LowdefyContext>
-          {(lowdefy) => <Component lowdefy={lowdefy} {...pageProps} />}
-        </LowdefyContext>
-      </Suspense>
-    </ErrorBoundary>
-  );
-}
-
-export default App;