mirror of
https://github.com/lowdefy/lowdefy.git
synced 2025-04-06 15:30:30 +08:00
feat(server): User Client in server.
This commit is contained in:
Gervwyk
parent
bb7931d0da
commit
31de543757
50
packages/server/lib/Page.js
Normal file
50
packages/server/lib/Page.js
Normal file
@ -0,0 +1,50 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 Client from '@lowdefy/client';
|
||||
import Head from 'next/head';
|
||||
import Link from 'next/link';
|
||||
|
||||
import actions from '../build/plugins/actions.js';
|
||||
import blocks from '../build/plugins/blocks.js';
|
||||
import icons from '../build/plugins/icons.js';
|
||||
import operators from '../build/plugins/operatorsClient.js';
|
||||
|
||||
const Page = ({ pageConfig, rootConfig }) => {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<Client
|
||||
Components={{ Head, Link }}
|
||||
config={{
|
||||
pageConfig,
|
||||
rootConfig,
|
||||
}}
|
||||
router={router}
|
||||
types={{
|
||||
actions,
|
||||
blocks,
|
||||
icons,
|
||||
operators,
|
||||
}}
|
||||
window={window}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default Page;
|
||||
@ -1,50 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 getContext from '@lowdefy/engine';
|
||||
|
||||
import MountEvents from './MountEvents.js';
|
||||
|
||||
const Context = ({ children, config, lowdefy, progress }) => {
|
||||
const context = getContext({ config, lowdefy });
|
||||
return (
|
||||
<MountEvents
|
||||
context={context}
|
||||
triggerEvent={async () => {
|
||||
await context._internal.runOnInit(() => {
|
||||
progress.dispatch({
|
||||
type: 'increment',
|
||||
});
|
||||
});
|
||||
}}
|
||||
triggerEventAsync={() => {
|
||||
context._internal.runOnInitAsync(() => {
|
||||
progress.dispatch({
|
||||
type: 'increment',
|
||||
});
|
||||
});
|
||||
}}
|
||||
>
|
||||
{(loadingOnInit) => {
|
||||
if (loadingOnInit) return '';
|
||||
return children(context);
|
||||
}}
|
||||
</MountEvents>
|
||||
);
|
||||
};
|
||||
|
||||
export default Context;
|
||||
@ -1,28 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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;
|
||||
@ -1,46 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 = ({ children, context, triggerEvent, triggerEventAsync }) => {
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState(null);
|
||||
useEffect(() => {
|
||||
let mounted = true;
|
||||
const mount = async () => {
|
||||
try {
|
||||
await triggerEvent();
|
||||
if (mounted) {
|
||||
triggerEventAsync();
|
||||
setLoading(false);
|
||||
}
|
||||
} catch (err) {
|
||||
setError(err);
|
||||
}
|
||||
};
|
||||
mount(); // TODO: check only run once.
|
||||
return () => {
|
||||
mounted = false;
|
||||
};
|
||||
}, [context]);
|
||||
|
||||
if (error) throw error;
|
||||
|
||||
return <>{children(loading)}</>;
|
||||
};
|
||||
|
||||
export default MountEvents;
|
||||
@ -1,77 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 { urlQuery } from '@lowdefy/helpers';
|
||||
import { useRouter } from 'next/router';
|
||||
|
||||
import Context from './Context.js';
|
||||
import Head from './Head.js';
|
||||
import ProgressBarController from './ProgressBarController.js';
|
||||
import Block from './block/Block.js';
|
||||
import setupLink from '../utils/setupLink.js';
|
||||
import createComponents from './createComponents.js';
|
||||
|
||||
const Page = ({ lowdefy, pageConfig, rootConfig }) => {
|
||||
const router = useRouter();
|
||||
lowdefy._internal.window = window;
|
||||
lowdefy._internal.document = document;
|
||||
lowdefy._internal.router = router;
|
||||
lowdefy._internal.link = setupLink(lowdefy);
|
||||
lowdefy._internal.components = createComponents(lowdefy);
|
||||
|
||||
lowdefy.basePath = lowdefy._internal.router.basePath;
|
||||
lowdefy.home = rootConfig.home;
|
||||
lowdefy.lowdefyGlobal = rootConfig.lowdefyGlobal;
|
||||
lowdefy.menus = rootConfig.menus;
|
||||
lowdefy.pageId = pageConfig.pageId;
|
||||
lowdefy.urlQuery = urlQuery.parse(window.location.search.slice(1));
|
||||
|
||||
return (
|
||||
<ProgressBarController
|
||||
id="page-loader"
|
||||
key={pageConfig.id}
|
||||
ProgressBar={lowdefy._internal.blockComponents.ProgressBar}
|
||||
lowdefy={lowdefy}
|
||||
content={{
|
||||
content: (progress) => (
|
||||
<Context config={pageConfig} lowdefy={lowdefy} progress={progress}>
|
||||
{(context) => {
|
||||
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}
|
||||
progress={progress}
|
||||
parentLoading={false}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}}
|
||||
</Context>
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default Page;
|
||||
@ -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, { useReducer, useEffect } from 'react';
|
||||
import { makeCssClass } from '@lowdefy/block-utils';
|
||||
|
||||
const initialState = {
|
||||
progress: 0,
|
||||
};
|
||||
|
||||
function reducer(state, action) {
|
||||
switch (action.type) {
|
||||
case 'increment':
|
||||
return { progress: state.progress + (100 - state.progress) / 3 };
|
||||
case 'auto-increment':
|
||||
return { progress: state.progress + (100 - state.progress) / 200 };
|
||||
case 'done':
|
||||
return { progress: 100 };
|
||||
default:
|
||||
throw new Error('Invalid action type for ProgressBarController reducer.');
|
||||
}
|
||||
}
|
||||
|
||||
const ProgressBarController = ({ id, ProgressBar, content, lowdefy }) => {
|
||||
const [state, dispatch] = useReducer(reducer, initialState);
|
||||
useEffect(() => {
|
||||
const timer =
|
||||
state.progress < 95 && setInterval(() => dispatch({ type: 'auto-increment' }), 500);
|
||||
return () => clearInterval(timer);
|
||||
}, [state]);
|
||||
return (
|
||||
<ProgressBar
|
||||
basePath={lowdefy.basePath}
|
||||
blockId={id}
|
||||
components={lowdefy._internal.components}
|
||||
menus={lowdefy.menus}
|
||||
methods={{ makeCssClass }}
|
||||
pageId={lowdefy.pageId}
|
||||
properties={state}
|
||||
user={lowdefy.user}
|
||||
content={{
|
||||
content: () => content.content({ state, dispatch }),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProgressBarController;
|
||||
@ -1,78 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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, { useState } from 'react';
|
||||
|
||||
import { ErrorBoundary } from '@lowdefy/block-utils';
|
||||
|
||||
import CategorySwitch from './CategorySwitch.js';
|
||||
import MountEvents from '../MountEvents.js';
|
||||
|
||||
const Block = ({
|
||||
block,
|
||||
Blocks,
|
||||
context,
|
||||
lowdefy,
|
||||
parentLoading,
|
||||
progress = { dispatch: () => {} },
|
||||
}) => {
|
||||
const [updates, setUpdate] = useState(0);
|
||||
lowdefy._internal.updaters[block.id] = () => setUpdate(updates + 1);
|
||||
|
||||
return (
|
||||
<ErrorBoundary>
|
||||
<MountEvents
|
||||
context={context}
|
||||
triggerEvent={async () => {
|
||||
await block.triggerEvent({
|
||||
name: 'onMount',
|
||||
progress: () => {
|
||||
progress.dispatch({
|
||||
type: 'increment',
|
||||
});
|
||||
},
|
||||
});
|
||||
}}
|
||||
triggerEventAsync={() => {
|
||||
block.triggerEvent({
|
||||
name: 'onMountAsync',
|
||||
progress: () => {
|
||||
progress.dispatch({
|
||||
type: 'increment',
|
||||
});
|
||||
},
|
||||
});
|
||||
progress.dispatch({
|
||||
type: 'done',
|
||||
});
|
||||
}}
|
||||
>
|
||||
{(eventLoading) => (
|
||||
<CategorySwitch
|
||||
block={block}
|
||||
Blocks={Blocks}
|
||||
context={context}
|
||||
loading={eventLoading || parentLoading || block.eval.loading}
|
||||
lowdefy={lowdefy}
|
||||
updates={updates}
|
||||
/>
|
||||
)}
|
||||
</MountEvents>
|
||||
</ErrorBoundary>
|
||||
);
|
||||
};
|
||||
|
||||
export default Block;
|
||||
@ -1,133 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 { type } from '@lowdefy/helpers';
|
||||
|
||||
import Container from './Container.js';
|
||||
import List from './List.js';
|
||||
import LoadingBlock from './LoadingBlock.js';
|
||||
|
||||
const CategorySwitch = ({ block, Blocks, context, loading, lowdefy }) => {
|
||||
if (!block.eval) return null; // TODO: check 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];
|
||||
|
||||
if (loading && type.isObject(block.eval.skeleton)) {
|
||||
return (
|
||||
<LoadingBlock
|
||||
blockLayout={block.eval.layout}
|
||||
context={context}
|
||||
lowdefy={lowdefy}
|
||||
skeleton={block.eval.skeleton}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
switch (Component.meta.category) {
|
||||
case 'list':
|
||||
return (
|
||||
<List
|
||||
block={block}
|
||||
Blocks={Blocks}
|
||||
Component={Component}
|
||||
context={context}
|
||||
loading={loading}
|
||||
lowdefy={lowdefy}
|
||||
/>
|
||||
);
|
||||
case 'container':
|
||||
return (
|
||||
<Container
|
||||
block={block}
|
||||
Blocks={Blocks}
|
||||
Component={Component}
|
||||
context={context}
|
||||
loading={loading}
|
||||
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={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={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;
|
||||
@ -1,87 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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, loading, lowdefy }) => {
|
||||
const content = {};
|
||||
// eslint-disable-next-line prefer-destructuring
|
||||
const areas = Blocks.subBlocks[block.id][0].areas;
|
||||
Object.keys(areas).forEach((areaKey, i) => {
|
||||
content[areaKey] = (areaStyle) => (
|
||||
<Area
|
||||
id={`ar-${block.blockId}-${areaKey}`}
|
||||
key={`ar-${block.blockId}-${areaKey}-${i}`}
|
||||
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, k) => (
|
||||
<Block
|
||||
key={`co-${bl.blockId}-${k}`}
|
||||
Blocks={Blocks.subBlocks[block.id][0]}
|
||||
block={bl}
|
||||
context={context}
|
||||
parentLoading={loading}
|
||||
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={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;
|
||||
@ -1,94 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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, loading, 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}
|
||||
parentLoading={loading}
|
||||
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={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;
|
||||
@ -1,99 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 { BlockLayout } from '@lowdefy/layout';
|
||||
import { makeCssClass } from '@lowdefy/block-utils';
|
||||
|
||||
import LoadingContainer from './LoadingContainer.js';
|
||||
import LoadingList from './LoadingList.js';
|
||||
|
||||
const blockMethods = {
|
||||
makeCssClass,
|
||||
moveItemDown: () => {},
|
||||
moveItemUp: () => {},
|
||||
pushItem: () => {},
|
||||
registerEvent: () => {},
|
||||
registerMethod: () => {},
|
||||
removeItem: () => {},
|
||||
setValue: () => {},
|
||||
triggerEvent: () => {},
|
||||
unshiftItem: () => {},
|
||||
};
|
||||
|
||||
const LoadingBlock = ({ blockLayout, blockId, context, lowdefy, skeleton }) => {
|
||||
let Component = lowdefy._internal.blockComponents[skeleton.type];
|
||||
useEffect(() => {
|
||||
if (!lowdefy._internal.blockComponents[skeleton.type]) {
|
||||
console.warn(
|
||||
`Skeleton block type not found for ${skeleton.type} in ${blockId}. Only '@lowdefy/blocks-basic' and '@lowdefy/blocks-loaders' block types are supported for skeletons.`
|
||||
);
|
||||
}
|
||||
return;
|
||||
}, []);
|
||||
if (!Component) {
|
||||
// default to box when a skeleton block is not found - should be a basic or loader block.
|
||||
Component = lowdefy._internal.blockComponents.Box;
|
||||
}
|
||||
const layout = skeleton.layout || blockLayout || {};
|
||||
switch (Component.meta.category) {
|
||||
case 'list':
|
||||
return (
|
||||
<LoadingList
|
||||
blockId={blockId}
|
||||
Component={Component}
|
||||
context={context}
|
||||
layout={layout}
|
||||
lowdefy={lowdefy}
|
||||
skeleton={skeleton}
|
||||
/>
|
||||
);
|
||||
case 'container':
|
||||
return (
|
||||
<LoadingContainer
|
||||
blockId={blockId}
|
||||
Component={Component}
|
||||
context={context}
|
||||
layout={layout}
|
||||
lowdefy={lowdefy}
|
||||
skeleton={skeleton}
|
||||
/>
|
||||
);
|
||||
default:
|
||||
return (
|
||||
<BlockLayout
|
||||
blockStyle={skeleton.style}
|
||||
highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
|
||||
id={`s-bl-${blockId}-${skeleton.id}`}
|
||||
layout={layout}
|
||||
makeCssClass={makeCssClass}
|
||||
>
|
||||
<Component
|
||||
basePath={lowdefy.basePath}
|
||||
blockId={blockId}
|
||||
components={lowdefy._internal.components}
|
||||
key={`s-${blockId}-${skeleton.id}`}
|
||||
menus={lowdefy.menus}
|
||||
methods={blockMethods}
|
||||
pageId={lowdefy.pageId}
|
||||
properties={skeleton.properties}
|
||||
user={lowdefy.user}
|
||||
/>
|
||||
</BlockLayout>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default LoadingBlock;
|
||||
@ -1,76 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 LoadingBlock from './LoadingBlock.js';
|
||||
|
||||
const LoadingContainer = ({ blockId, Component, context, layout, lowdefy, skeleton }) => {
|
||||
const content = {};
|
||||
// eslint-disable-next-line prefer-destructuring
|
||||
Object.keys(skeleton.areas).forEach((areaKey, i) => {
|
||||
content[areaKey] = (areaStyle) => (
|
||||
<Area
|
||||
area={layoutParamsToArea({
|
||||
area: skeleton.areas[areaKey] || {},
|
||||
areaKey,
|
||||
layout,
|
||||
})}
|
||||
areaStyle={[areaStyle, skeleton.areas[areaKey] && skeleton.areas[areaKey].style]}
|
||||
highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
|
||||
id={`s-ar-${blockId}-${skeleton.id}-${areaKey}`}
|
||||
key={`s-ar-${blockId}-${skeleton.id}-${areaKey}-${i}`}
|
||||
makeCssClass={makeCssClass}
|
||||
>
|
||||
{skeleton.areas[areaKey].blocks.map((skl, k) => (
|
||||
<LoadingBlock
|
||||
blockId={blockId}
|
||||
context={context}
|
||||
key={`s-co-${skl.id}-${k}`}
|
||||
lowdefy={lowdefy}
|
||||
skeleton={skl}
|
||||
/>
|
||||
))}
|
||||
</Area>
|
||||
);
|
||||
});
|
||||
return (
|
||||
<BlockLayout
|
||||
blockStyle={skeleton.style}
|
||||
highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
|
||||
id={`s-bl-${blockId}-${skeleton.id}`}
|
||||
layout={layout}
|
||||
makeCssClass={makeCssClass}
|
||||
>
|
||||
<Component
|
||||
basePath={lowdefy.basePath}
|
||||
blockId={blockId}
|
||||
components={lowdefy._internal.components}
|
||||
content={content}
|
||||
key={skeleton.id}
|
||||
menus={lowdefy.menus}
|
||||
methods={{ makeCssClass }}
|
||||
pageId={lowdefy.pageId}
|
||||
properties={skeleton.properties}
|
||||
user={lowdefy.user}
|
||||
/>
|
||||
</BlockLayout>
|
||||
);
|
||||
};
|
||||
|
||||
export default LoadingContainer;
|
||||
@ -1,78 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 LoadingBlock from './LoadingBlock.js';
|
||||
|
||||
const LoadingList = ({ blockId, Component, context, layout, lowdefy, skeleton }) => {
|
||||
const content = {};
|
||||
const contentList = [];
|
||||
new Array(3).forEach(() => {
|
||||
Object.keys(skeleton.areas).forEach((areaKey, i) => {
|
||||
content[areaKey] = (areaStyle) => (
|
||||
<Area
|
||||
area={layoutParamsToArea({
|
||||
area: skeleton.areas[areaKey] || {},
|
||||
areaKey,
|
||||
layout,
|
||||
})}
|
||||
areaStyle={[areaStyle, skeleton.areas[areaKey] && skeleton.areas[areaKey].style]}
|
||||
highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
|
||||
id={`s-ar-${blockId}-${skeleton.id}-${areaKey}`}
|
||||
key={`s-ar-${blockId}-${skeleton.id}-${areaKey}-${i}`}
|
||||
makeCssClass={makeCssClass}
|
||||
>
|
||||
{skeleton.areas[areaKey].blocks.map((skl, k) => (
|
||||
<LoadingBlock
|
||||
blockId={blockId}
|
||||
context={context}
|
||||
key={`s-co-${skl.id}-${k}`}
|
||||
lowdefy={lowdefy}
|
||||
skeleton={skl}
|
||||
/>
|
||||
))}
|
||||
</Area>
|
||||
);
|
||||
});
|
||||
contentList.push({ ...content });
|
||||
});
|
||||
return (
|
||||
<BlockLayout
|
||||
blockStyle={skeleton.style}
|
||||
highlightBorders={lowdefy.lowdefyGlobal.highlightBorders}
|
||||
id={`s-bl-${blockId}-${skeleton.id}`}
|
||||
layout={layout}
|
||||
makeCssClass={makeCssClass}
|
||||
>
|
||||
<Component
|
||||
basePath={lowdefy.basePath}
|
||||
blockId={blockId}
|
||||
components={lowdefy._internal.components}
|
||||
list={contentList}
|
||||
menus={lowdefy.menus}
|
||||
methods={{ makeCssClass }}
|
||||
pageId={lowdefy.pageId}
|
||||
properties={skeleton.properties}
|
||||
user={lowdefy.user}
|
||||
/>
|
||||
</BlockLayout>
|
||||
);
|
||||
};
|
||||
|
||||
export default LoadingList;
|
||||
@ -1,29 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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;
|
||||
@ -1,97 +0,0 @@
|
||||
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;
|
||||
@ -1,27 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 request from './request.js';
|
||||
|
||||
function callRequest({ pageId, payload, requestId }) {
|
||||
return request({
|
||||
url: `/api/request/${pageId}/${requestId}`,
|
||||
method: 'POST',
|
||||
body: { payload },
|
||||
});
|
||||
}
|
||||
|
||||
export default callRequest;
|
||||
@ -1,46 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 actions from '../../build/plugins/actions.js';
|
||||
import callRequest from '../utils/callRequest.js';
|
||||
import blockComponents from '../../build/plugins/blocks.js';
|
||||
import operators from '../../build/plugins/operatorsClient.js';
|
||||
|
||||
function initLowdefyContext() {
|
||||
const lowdefy = {
|
||||
_internal: {
|
||||
actions,
|
||||
blockComponents,
|
||||
callRequest,
|
||||
components: {},
|
||||
operators,
|
||||
updaters: {},
|
||||
displayMessage: ({ content }) => {
|
||||
console.log(content);
|
||||
return () => undefined;
|
||||
},
|
||||
link: () => undefined,
|
||||
},
|
||||
contexts: {},
|
||||
inputs: {},
|
||||
lowdefyGlobal: {},
|
||||
};
|
||||
lowdefy._internal.updateBlock = (blockId) =>
|
||||
lowdefy._internal.updaters[blockId] && lowdefy._internal.updaters[blockId]();
|
||||
return lowdefy;
|
||||
}
|
||||
|
||||
export default initLowdefyContext;
|
||||
@ -1,35 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 request({ url, method = 'GET', body }) {
|
||||
const res = await fetch(url, {
|
||||
method,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
if (!res.ok) {
|
||||
// TODO: check
|
||||
const body = await res.json();
|
||||
console.log(res);
|
||||
console.log(body);
|
||||
throw new Error(body.message || 'Request error');
|
||||
}
|
||||
return res.json();
|
||||
}
|
||||
|
||||
export default request;
|
||||
@ -1,52 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2022 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 { createLink } from '@lowdefy/engine';
|
||||
|
||||
function setupLink(lowdefy) {
|
||||
const { router, window } = lowdefy._internal;
|
||||
const backLink = () => router.back();
|
||||
const disabledLink = () => {};
|
||||
const newOriginLink = ({ url, query, newTab }) => {
|
||||
if (newTab) {
|
||||
return window.open(`${url}${query ? `?${query}` : ''}`, '_blank').focus();
|
||||
} else {
|
||||
return window.location.assign(`${url}${query ? `?${query}` : ''}`);
|
||||
}
|
||||
};
|
||||
const sameOriginLink = ({ newTab, pathname, query, setInput }) => {
|
||||
if (newTab) {
|
||||
return window
|
||||
.open(
|
||||
`${window.location.origin}${lowdefy.basePath}${pathname}${query ? `?${query}` : ''}`,
|
||||
'_blank'
|
||||
)
|
||||
.focus();
|
||||
} else {
|
||||
setInput();
|
||||
return router.push({
|
||||
pathname,
|
||||
query,
|
||||
});
|
||||
}
|
||||
};
|
||||
const noLink = () => {
|
||||
throw new Error(`Invalid Link.`);
|
||||
};
|
||||
return createLink({ backLink, disabledLink, lowdefy, newOriginLink, noLink, sameOriginLink });
|
||||
}
|
||||
|
||||
export default setupLink;
|
||||
@ -42,15 +42,23 @@
|
||||
"dependencies": {
|
||||
"@lowdefy/actions-core": "4.0.0-alpha.8",
|
||||
"@lowdefy/api": "4.0.0-alpha.8",
|
||||
"@lowdefy/block-utils": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-antd": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-basic": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-color-selectors": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-echarts": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-loaders": "4.0.0-alpha.8",
|
||||
"@lowdefy/engine": "4.0.0-alpha.8",
|
||||
"@lowdefy/blocks-markdown": "4.0.0-alpha.8",
|
||||
"@lowdefy/client": "4.0.0-alpha.8",
|
||||
"@lowdefy/connection-axios-http": "4.0.0-alpha.8",
|
||||
"@lowdefy/connection-mongodb": "4.0.0-alpha.8",
|
||||
"@lowdefy/docs": "4.0.0-alpha.8",
|
||||
"@lowdefy/helpers": "4.0.0-alpha.8",
|
||||
"@lowdefy/layout": "4.0.0-alpha.8",
|
||||
"@lowdefy/node-utils": "4.0.0-alpha.8",
|
||||
"@lowdefy/operators-js": "4.0.0-alpha.8",
|
||||
"@lowdefy/operators-mql": "4.0.0-alpha.8",
|
||||
"@lowdefy/operators-nunjucks": "4.0.0-alpha.8",
|
||||
"@lowdefy/operators-yaml": "4.0.0-alpha.8",
|
||||
"next": "12.0.10",
|
||||
"next-auth": "4.1.2",
|
||||
"process": "0.11.10",
|
||||
@ -60,6 +68,7 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@lowdefy/build": "4.0.0-alpha.8",
|
||||
"@lowdefy/docs": "4.0.0-alpha.8",
|
||||
"@next/eslint-plugin-next": "12.0.10",
|
||||
"less": "4.1.2",
|
||||
"less-loader": "10.2.0",
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
|
||||
|
||||
import Page from '../lib/components/Page.js';
|
||||
import Page from '../lib/Page.js';
|
||||
|
||||
export async function getStaticProps() {
|
||||
// TODO: get the right api context options
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
|
||||
|
||||
import Page from '../lib/components/Page.js';
|
||||
import Page from '../lib/Page.js';
|
||||
|
||||
export async function getServerSideProps(context) {
|
||||
const { pageId } = context.params;
|
||||
|
||||
@ -16,20 +16,12 @@
|
||||
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
import { ErrorBoundary } from '@lowdefy/block-utils';
|
||||
|
||||
import initLowdefyContext from '../lib/utils/initLowdefyContext.js';
|
||||
|
||||
// Must be in _app due to next specifications.
|
||||
import '../build/plugins/styles.less';
|
||||
|
||||
const lowdefy = initLowdefyContext();
|
||||
|
||||
function App({ Component, pageProps }) {
|
||||
return (
|
||||
<ErrorBoundary>
|
||||
<Component lowdefy={lowdefy} {...pageProps} />
|
||||
</ErrorBoundary>
|
||||
);
|
||||
return <Component {...pageProps} />;
|
||||
}
|
||||
|
||||
const DynamicApp = dynamic(() => Promise.resolve(App), {
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
import { createApiContext, getPageConfig, getRootConfig } from '@lowdefy/api';
|
||||
|
||||
import Page from '../lib/components/Page.js';
|
||||
import Page from '../lib/Page.js';
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// TODO: is this build directory configurable from the cli?
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user