-
Notifications
You must be signed in to change notification settings - Fork 310
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* fix(preview): fix missing handle `Block` in Toolbar * feat: add `codesandbox` plugin * feat: add `pageid` to url when app init * feat(codesandbox): support preview both `Block` and `Page` * fix: fix missing change generating
- Loading branch information
Showing
29 changed files
with
1,197 additions
and
395 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| /** | ||
| * Copyright (c) 2023 - present TinyEngine Authors. | ||
| * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd. | ||
| * | ||
| * Use of this source code is governed by an MIT-style license. | ||
| * | ||
| * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, | ||
| * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR | ||
| * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. | ||
| * | ||
| */ | ||
|
|
||
| import { useHttp } from '@opentiny/tiny-engine-http' | ||
|
|
||
| const http = useHttp() | ||
|
|
||
| const HEADER_LOWCODE_ORG = 'x-lowcode-org' | ||
|
|
||
| // 获取页面/区块预览的代码 | ||
| export const fetchCode = async ({ platform, app, pageInfo, tenant } = {}) => | ||
| http.post( | ||
| '/app-center/api/schema2code', | ||
| { platform, app, pageInfo }, | ||
| { | ||
| headers: { [HEADER_LOWCODE_ORG]: tenant } | ||
| } | ||
| ) | ||
|
|
||
| // 获取页面依赖的关联应用数据: i18n/dataSource等 | ||
| export const fetchMetaData = async ({ platform, app, type, id, history, tenant } = {}) => | ||
| id | ||
| ? http.get('/app-center/api/preview/metadata', { | ||
| headers: { [HEADER_LOWCODE_ORG]: tenant }, | ||
| params: { platform, app, type, id, history } | ||
| }) | ||
| : {} | ||
|
|
||
| // 获取页面列表 | ||
| export const fetchPageList = (appId) => http.get(`/app-center/api/pages/list/${appId}`) | ||
|
|
||
| export const fetchBlockSchema = async (blockName) => http.get(`/material-center/api/block?label=${blockName}`) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,177 @@ | ||
| /** | ||
| * Copyright (c) 2023 - present TinyEngine Authors. | ||
| * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd. | ||
| * | ||
| * Use of this source code is governed by an MIT-style license. | ||
| * | ||
| * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, | ||
| * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR | ||
| * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. | ||
| * | ||
| */ | ||
|
|
||
| import { constants } from '@opentiny/tiny-engine-utils' | ||
| import { useHttp } from '@opentiny/tiny-engine-http' | ||
| import useCanvas from '../../src/useCanvas' | ||
| import useBlock from '../../src/useBlock' | ||
| import useLayout from '../../src/useLayout' | ||
| import useEditorInfo from '../../src/useEditorInfo' | ||
| import { parseRequiredBlocks } from '../block' | ||
| import { getGlobalConfig } from '../../src/globalConfig' | ||
| import { fetchMetaData, fetchPageList, fetchBlockSchema } from './http' | ||
|
|
||
| const { PREVIEW_SANDBOX } = constants | ||
|
|
||
| const getBlocksSchema = async (pageSchema, blockSet = new Set()) => { | ||
| let res = [] | ||
|
|
||
| const blockNames = parseRequiredBlocks(pageSchema) | ||
| const promiseList = blockNames | ||
| .filter((name) => { | ||
| if (blockSet.has(name)) { | ||
| return false | ||
| } | ||
|
|
||
| blockSet.add(name) | ||
|
|
||
| return true | ||
| }) | ||
| .map((name) => fetchBlockSchema(name)) | ||
| const schemaList = await Promise.allSettled(promiseList) | ||
| const extraList = [] | ||
|
|
||
| schemaList.forEach((item) => { | ||
| if (item.status === 'fulfilled' && item.value?.[0]?.content) { | ||
| res.push(item.value[0].content) | ||
| extraList.push(getBlocksSchema(item.value[0].content, blockSet)) | ||
| } | ||
| }) | ||
| ;(await Promise.allSettled(extraList)).forEach((item) => { | ||
| if (item.status === 'fulfilled' && item.value) { | ||
| res.push(...item.value) | ||
| } | ||
| }) | ||
|
|
||
| return res | ||
| } | ||
|
|
||
| const getAllPageDetails = async (pageList) => { | ||
| const detailPromise = pageList.map(({ id }) => useLayout().getPluginApi('AppManage').getPageById(id)) | ||
| const detailList = await Promise.allSettled(detailPromise) | ||
|
|
||
| return detailList | ||
| .map((item) => { | ||
| if (item.status === 'fulfilled' && item.value) { | ||
| return item.value | ||
| } | ||
| }) | ||
| .filter((item) => Boolean(item)) | ||
| } | ||
|
|
||
| const getParams = () => { | ||
| const { isBlock, getCurrentPage, canvasApi } = useCanvas() | ||
| const { getCurrentBlock } = useBlock() | ||
|
|
||
| const { getSchema } = canvasApi.value | ||
| const params = { | ||
| framework: getGlobalConfig()?.dslMode, | ||
| platform: getGlobalConfig()?.platformId, | ||
| pageInfo: { | ||
| schema: getSchema() | ||
| } | ||
| } | ||
| const paramsMap = new URLSearchParams(location.search) | ||
| params.app = paramsMap.get('id') | ||
| params.tenant = paramsMap.get('tenant') | ||
|
|
||
| if (isBlock()) { | ||
| const block = getCurrentBlock() | ||
| params.id = block?.id | ||
| params.pageInfo.name = block?.label | ||
| params.type = 'Block' | ||
| } else { | ||
| const page = getCurrentPage() | ||
| params.id = page?.id | ||
| params.pageInfo.name = page?.name | ||
| params.type = 'Page' | ||
| } | ||
|
|
||
| return params | ||
| } | ||
|
|
||
| export const getPreGenerateInfo = async (instance, sandbox = PREVIEW_SANDBOX.Web) => { | ||
| const params = getParams() | ||
| const { id, pageId } = useEditorInfo().useInfo() | ||
| const currentPage = await useLayout().getPluginApi('AppManage').getPageById(pageId) | ||
| const promises = [ | ||
| useHttp().get(`/app-center/v1/api/apps/schema/${id}`), | ||
| fetchMetaData(params), | ||
| fetchPageList(params.app) | ||
| ] | ||
|
|
||
| const [appData, metaData, pageList] = await Promise.all(promises) | ||
| const pageDetailList = await getAllPageDetails(pageList) | ||
|
|
||
| const blockSet = new Set() | ||
| const list = pageDetailList.map((page) => getBlocksSchema(page.page_content, blockSet)) | ||
| const blocks = await Promise.allSettled(list) | ||
|
|
||
| const blockSchema = [] | ||
| blocks.forEach((item) => { | ||
| if (item.status === 'fulfilled' && Array.isArray(item.value)) { | ||
| blockSchema.push(...item.value) | ||
| } | ||
| }) | ||
|
|
||
| const appSchema = { | ||
| // metaData 包含dataSource、utils、i18n、globalState | ||
| ...metaData, | ||
| // 页面 schema | ||
| pageSchema: pageDetailList.map((item) => { | ||
| const { page_content, ...meta } = item | ||
| return { | ||
| ...page_content, | ||
| meta: { | ||
| ...meta, | ||
| isHome: sandbox === PREVIEW_SANDBOX.Web ? meta.isHome : meta.id === currentPage?.id, | ||
| router: meta.route | ||
| } | ||
| } | ||
| }), | ||
| blockSchema, | ||
| // 物料数据 | ||
| componentsMap: [...(appData.componentsMap || [])], | ||
|
|
||
| meta: { | ||
| ...(appData.meta || {}) | ||
| } | ||
| } | ||
|
|
||
| const res = await instance.generate(appSchema) | ||
|
|
||
| const { genResult = [] } = res || {} | ||
| const fileRes = genResult.map(({ fileContent, fileName, path, fileType }) => { | ||
| const slash = path.endsWith('/') || path === '.' ? '' : '/' | ||
| let filePath = `${path}${slash}` | ||
| if (filePath.startsWith('./')) { | ||
| filePath = filePath.slice(2) | ||
| } | ||
| if (filePath.startsWith('.')) { | ||
| filePath = filePath.slice(1) | ||
| } | ||
|
|
||
| if (filePath.startsWith('/')) { | ||
| filePath = filePath.slice(1) | ||
| } | ||
|
|
||
| return { | ||
| fileContent, | ||
| filePath: `${filePath}${fileName}`, | ||
| fileType | ||
| } | ||
| }) | ||
|
|
||
| return fileRes | ||
| } | ||
|
|
||
| export default getPreGenerateInfo |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.