mirror of https://github.com/Budibase/budibase.git
Michael Drury
6 years ago
committed by
GitHub
GitHub
66 changed files with 1288 additions and 1660 deletions
@ -1,33 +0,0 @@ |
|||
const buildCodeForSingleScreen = screen => { |
|||
let code = "" |
|||
const walkProps = props => { |
|||
if (props._code && props._code.trim().length > 0) { |
|||
code += buildComponentCode(props) |
|||
} |
|||
|
|||
if (!props._children) return |
|||
|
|||
for (let child of props._children) { |
|||
walkProps(child) |
|||
} |
|||
} |
|||
|
|||
walkProps(screen.props) |
|||
|
|||
return code |
|||
} |
|||
|
|||
export const buildCodeForScreens = screens => { |
|||
let allfunctions = "" |
|||
for (let screen of screens) { |
|||
allfunctions += buildCodeForSingleScreen(screen) |
|||
} |
|||
|
|||
return `({ ${allfunctions} });` |
|||
} |
|||
|
|||
const buildComponentCode = componentProps => |
|||
`"${componentProps._id}" : (render, context, state, route) => {
|
|||
${componentProps._code} |
|||
}, |
|||
` |
|||
@ -1,17 +0,0 @@ |
|||
export const insertCodeMetadata = props => { |
|||
if (props._code && props._code.length > 0) { |
|||
props._codeMeta = codeMetaData(props._code) |
|||
} |
|||
|
|||
if (!props._children || props._children.length === 0) return |
|||
|
|||
for (let child of props._children) { |
|||
insertCodeMetadata(child) |
|||
} |
|||
} |
|||
|
|||
const codeMetaData = code => { |
|||
return { |
|||
dependsOnStore: RegExp(/(state.)/g).test(code), |
|||
} |
|||
} |
|||
@ -0,0 +1,529 @@ |
|||
import { get, writable } from "svelte/store" |
|||
import { cloneDeep } from "lodash/fp" |
|||
import { |
|||
createProps, |
|||
getBuiltin, |
|||
makePropsSafe, |
|||
} from "components/userInterface/pagesParsing/createProps" |
|||
import { getExactComponent } from "components/userInterface/pagesParsing/searchComponents" |
|||
import { allScreens, backendUiStore } from "builderStore" |
|||
import { generate_screen_css } from "../generate_css" |
|||
import { fetchComponentLibDefinitions } from "../loadComponentLibraries" |
|||
import api from "../api" |
|||
import { DEFAULT_PAGES_OBJECT } from "../../constants" |
|||
import getNewComponentName from "../getNewComponentName" |
|||
import analytics from "analytics" |
|||
import { |
|||
findChildComponentType, |
|||
generateNewIdsForComponent, |
|||
getComponentDefinition, |
|||
getParent, |
|||
} from "../storeUtils" |
|||
|
|||
const INITIAL_FRONTEND_STATE = { |
|||
apps: [], |
|||
name: "", |
|||
description: "", |
|||
pages: DEFAULT_PAGES_OBJECT, |
|||
mainUi: {}, |
|||
unauthenticatedUi: {}, |
|||
components: [], |
|||
currentPreviewItem: null, |
|||
currentComponentInfo: null, |
|||
currentFrontEndType: "none", |
|||
currentPageName: "", |
|||
currentComponentProps: null, |
|||
errors: [], |
|||
hasAppPackage: false, |
|||
libraries: null, |
|||
appId: "", |
|||
} |
|||
|
|||
export const getFrontendStore = () => { |
|||
const store = writable({ ...INITIAL_FRONTEND_STATE }) |
|||
|
|||
store.actions = { |
|||
// TODO: REFACTOR
|
|||
initialise: async pkg => { |
|||
store.update(state => { |
|||
state.appId = pkg.application._id |
|||
return state |
|||
}) |
|||
const screens = await api.get("/api/screens").then(r => r.json()) |
|||
|
|||
const mainScreens = screens.filter(screen => |
|||
screen._id.includes(pkg.pages.main._id) |
|||
), |
|||
unauthScreens = screens.filter(screen => |
|||
screen._id.includes(pkg.pages.unauthenticated._id) |
|||
) |
|||
pkg.pages = { |
|||
main: { |
|||
...pkg.pages.main, |
|||
_screens: mainScreens, |
|||
}, |
|||
unauthenticated: { |
|||
...pkg.pages.unauthenticated, |
|||
_screens: unauthScreens, |
|||
}, |
|||
} |
|||
|
|||
// if the app has just been created
|
|||
// we need to build the CSS and save
|
|||
if (pkg.justCreated) { |
|||
for (let pageName of ["main", "unauthenticated"]) { |
|||
const page = pkg.pages[pageName] |
|||
store.actions.screens.regenerateCss(page) |
|||
for (let screen of page._screens) { |
|||
store.actions.screens.regenerateCss(screen) |
|||
} |
|||
|
|||
await api.post(`/api/pages/${page._id}`, { |
|||
page: { |
|||
componentLibraries: pkg.application.componentLibraries, |
|||
...page, |
|||
}, |
|||
screens: page._screens, |
|||
}) |
|||
} |
|||
} |
|||
|
|||
pkg.justCreated = false |
|||
|
|||
const components = await fetchComponentLibDefinitions(pkg.application._id) |
|||
|
|||
store.update(state => ({ |
|||
...state, |
|||
libraries: pkg.application.componentLibraries, |
|||
components, |
|||
name: pkg.application.name, |
|||
description: pkg.application.description, |
|||
appId: pkg.application._id, |
|||
pages: pkg.pages, |
|||
hasAppPackage: true, |
|||
currentScreens: [], |
|||
builtins: [getBuiltin("##builtin/screenslot")], |
|||
appInstance: pkg.application.instance, |
|||
})) |
|||
|
|||
await backendUiStore.actions.database.select(pkg.application.instance) |
|||
}, |
|||
selectPageOrScreen: type => { |
|||
store.update(state => { |
|||
state.currentFrontEndType = type |
|||
|
|||
const pageOrScreen = |
|||
type === "page" |
|||
? state.pages[state.currentPageName] |
|||
: state.pages[state.currentPageName]._screens[0] |
|||
|
|||
state.currentComponentInfo = pageOrScreen ? pageOrScreen.props : null |
|||
state.currentPreviewItem = pageOrScreen |
|||
state.currentView = "detail" |
|||
return state |
|||
}) |
|||
}, |
|||
screens: { |
|||
select: screenName => { |
|||
store.update(state => { |
|||
const screen = getExactComponent(get(allScreens), screenName, true) |
|||
state.currentPreviewItem = screen |
|||
state.currentFrontEndType = "screen" |
|||
state.currentView = "detail" |
|||
|
|||
store.actions.screens.regenerateCssForCurrentScreen() |
|||
// this.regenerateCssForCurrentScreen()
|
|||
// regenerateCssForCurrentScreen(s)
|
|||
const safeProps = makePropsSafe( |
|||
state.components[screen.props._component], |
|||
screen.props |
|||
) |
|||
screen.props = safeProps |
|||
state.currentComponentInfo = safeProps |
|||
return state |
|||
}) |
|||
}, |
|||
create: async screen => { |
|||
let savePromise |
|||
store.update(state => { |
|||
state.currentPreviewItem = screen |
|||
state.currentComponentInfo = screen.props |
|||
state.currentFrontEndType = "screen" |
|||
|
|||
if (state.currentPreviewItem) { |
|||
store.actions.screens.regenerateCss(state.currentPreviewItem) |
|||
} |
|||
|
|||
savePromise = store.actions.screens.save(screen) |
|||
return state |
|||
}) |
|||
|
|||
await savePromise |
|||
}, |
|||
save: async screen => { |
|||
const storeContents = get(store) |
|||
const pageName = storeContents.currentPageName || "main" |
|||
const currentPage = storeContents.pages[pageName] |
|||
const currentPageScreens = currentPage._screens |
|||
|
|||
let savePromise |
|||
const response = await api.post( |
|||
`/api/screens/${currentPage._id}`, |
|||
screen |
|||
) |
|||
const json = await response.json() |
|||
screen._rev = json.rev |
|||
screen._id = json.id |
|||
const foundScreen = currentPageScreens.findIndex( |
|||
el => el._id === screen._id |
|||
) |
|||
if (currentPageScreens !== -1) { |
|||
currentPageScreens.splice(foundScreen, 1) |
|||
} |
|||
currentPageScreens.push(screen) |
|||
|
|||
// TODO: should carry out all server updates to screen in a single call
|
|||
store.update(state => { |
|||
state.pages[pageName]._screens = currentPageScreens |
|||
state.currentPreviewItem = screen |
|||
const safeProps = makePropsSafe( |
|||
state.components[screen.props._component], |
|||
screen.props |
|||
) |
|||
state.currentComponentInfo = safeProps |
|||
screen.props = safeProps |
|||
savePromise = store.actions.pages.save() |
|||
return state |
|||
}) |
|||
await savePromise |
|||
}, |
|||
regenerateCss: screen => { |
|||
screen._css = generate_screen_css([screen.props]) |
|||
}, |
|||
regenerateCssForCurrentScreen: () => { |
|||
const { currentPreviewItem } = get(store) |
|||
if (currentPreviewItem) { |
|||
store.actions.screens.regenerateCss(currentPreviewItem) |
|||
} |
|||
}, |
|||
delete: async (screensToDelete, pageName) => { |
|||
let deletePromise |
|||
|
|||
store.update(state => { |
|||
if (pageName == null) { |
|||
pageName = state.pages.main.name |
|||
} |
|||
for (let screenToDelete of Array.isArray(screenToDelete) |
|||
? screenToDelete |
|||
: [screenToDelete]) { |
|||
// Remove screen from current page as well
|
|||
// TODO: Should be done server side
|
|||
state.pages[pageName]._screens = state.pages[ |
|||
pageName |
|||
]._screens.filter(scr => scr.name !== screenToDelete.name) |
|||
deletePromise = api.delete( |
|||
`/api/screens/${screenToDelete._id}/${screenToDelete._rev}` |
|||
) |
|||
} |
|||
return state |
|||
}) |
|||
await deletePromise |
|||
}, |
|||
}, |
|||
preview: { |
|||
// _saveCurrentPreviewItem
|
|||
saveSelected: () => { |
|||
const state = get(store) |
|||
state.currentFrontEndType === "page" |
|||
? store.actions.pages.save() |
|||
: store.actions.screens.save(state.currentPreviewItem) |
|||
}, |
|||
}, |
|||
pages: { |
|||
select: pageName => { |
|||
store.update(state => { |
|||
const currentPage = state.pages[pageName] |
|||
|
|||
state.currentScreens = currentPage._screens |
|||
state.currentFrontEndType = "page" |
|||
state.currentView = "detail" |
|||
state.currentPageName = pageName |
|||
|
|||
// This is the root of many problems.
|
|||
// Uncaught (in promise) TypeError: Cannot read property '_component' of undefined
|
|||
// it appears that the currentPage sometimes has _props instead of props
|
|||
// why
|
|||
const safeProps = makePropsSafe( |
|||
state.components[currentPage.props._component], |
|||
currentPage.props |
|||
) |
|||
state.currentComponentInfo = safeProps |
|||
currentPage.props = safeProps |
|||
state.currentPreviewItem = state.pages[pageName] |
|||
store.actions.screens.regenerateCssForCurrentScreen() |
|||
|
|||
for (let screen of get(allScreens)) { |
|||
screen._css = generate_screen_css([screen.props]) |
|||
} |
|||
|
|||
return state |
|||
}) |
|||
}, |
|||
save: async page => { |
|||
const storeContents = get(store) |
|||
const pageName = storeContents.currentPageName || "main" |
|||
const pageToSave = page || storeContents.pages[pageName] |
|||
|
|||
// TODO: revisit. This sends down a very weird payload
|
|||
const response = await api |
|||
.post(`/api/pages/${pageToSave._id}`, { |
|||
page: { |
|||
componentLibraries: storeContents.pages.componentLibraries, |
|||
...pageToSave, |
|||
}, |
|||
screens: pageToSave._screens, |
|||
}) |
|||
.then(response => response.json()) |
|||
|
|||
store.update(state => { |
|||
state.pages[pageName]._rev = response.rev |
|||
return state |
|||
}) |
|||
}, |
|||
}, |
|||
components: { |
|||
select: component => { |
|||
store.update(state => { |
|||
const componentDef = component._component.startsWith("##") |
|||
? component |
|||
: state.components[component._component] |
|||
state.currentComponentInfo = makePropsSafe(componentDef, component) |
|||
state.currentView = "component" |
|||
return state |
|||
}) |
|||
}, |
|||
// addChildComponent
|
|||
create: (componentToAdd, presetProps) => { |
|||
store.update(state => { |
|||
function findSlot(component_array) { |
|||
for (let i = 0; i < component_array.length; i += 1) { |
|||
if (component_array[i]._component === "##builtin/screenslot") { |
|||
return true |
|||
} |
|||
|
|||
if (component_array[i]._children) findSlot(component_array[i]) |
|||
} |
|||
|
|||
return false |
|||
} |
|||
|
|||
if ( |
|||
componentToAdd.startsWith("##") && |
|||
findSlot(state.pages[state.currentPageName].props._children) |
|||
) { |
|||
return state |
|||
} |
|||
|
|||
const component = getComponentDefinition(state, componentToAdd) |
|||
|
|||
const instanceId = get(backendUiStore).selectedDatabase._id |
|||
const instanceName = getNewComponentName(component, state) |
|||
|
|||
const newComponent = createProps(component, { |
|||
...presetProps, |
|||
_instanceId: instanceId, |
|||
_instanceName: instanceName, |
|||
}) |
|||
|
|||
const currentComponent = |
|||
state.components[state.currentComponentInfo._component] |
|||
|
|||
const targetParent = currentComponent.children |
|||
? state.currentComponentInfo |
|||
: getParent( |
|||
state.currentPreviewItem.props, |
|||
state.currentComponentInfo |
|||
) |
|||
|
|||
// Don't continue if there's no parent
|
|||
if (!targetParent) { |
|||
return state |
|||
} |
|||
|
|||
targetParent._children = targetParent._children.concat( |
|||
newComponent.props |
|||
) |
|||
|
|||
store.actions.preview.saveSelected() |
|||
|
|||
state.currentView = "component" |
|||
state.currentComponentInfo = newComponent.props |
|||
analytics.captureEvent("Added Component", { |
|||
name: newComponent.props._component, |
|||
}) |
|||
return state |
|||
}) |
|||
}, |
|||
copy: (component, cut = false) => { |
|||
store.update(state => { |
|||
state.componentToPaste = cloneDeep(component) |
|||
state.componentToPaste.isCut = cut |
|||
if (cut) { |
|||
const parent = getParent( |
|||
state.currentPreviewItem.props, |
|||
component._id |
|||
) |
|||
parent._children = parent._children.filter( |
|||
c => c._id !== component._id |
|||
) |
|||
store.actions.components.select(parent) |
|||
} |
|||
|
|||
return state |
|||
}) |
|||
}, |
|||
paste: (targetComponent, mode) => { |
|||
store.update(state => { |
|||
if (!state.componentToPaste) return state |
|||
|
|||
const componentToPaste = cloneDeep(state.componentToPaste) |
|||
// retain the same ids as things may be referencing this component
|
|||
if (componentToPaste.isCut) { |
|||
// in case we paste a second time
|
|||
state.componentToPaste.isCut = false |
|||
} else { |
|||
generateNewIdsForComponent(componentToPaste, state) |
|||
} |
|||
delete componentToPaste.isCut |
|||
|
|||
if (mode === "inside") { |
|||
targetComponent._children.push(componentToPaste) |
|||
return state |
|||
} |
|||
|
|||
const parent = getParent( |
|||
state.currentPreviewItem.props, |
|||
targetComponent |
|||
) |
|||
|
|||
const targetIndex = parent._children.indexOf(targetComponent) |
|||
const index = mode === "above" ? targetIndex : targetIndex + 1 |
|||
parent._children.splice(index, 0, cloneDeep(componentToPaste)) |
|||
|
|||
store.actions.screens.regenerateCssForCurrentScreen() |
|||
store.actions.preview.saveSelected() |
|||
store.actions.components.select(componentToPaste) |
|||
|
|||
return state |
|||
}) |
|||
}, |
|||
updateStyle: (type, name, value) => { |
|||
store.update(state => { |
|||
if (!state.currentComponentInfo._styles) { |
|||
state.currentComponentInfo._styles = {} |
|||
} |
|||
state.currentComponentInfo._styles[type][name] = value |
|||
|
|||
store.actions.screens.regenerateCssForCurrentScreen() |
|||
|
|||
// save without messing with the store
|
|||
store.actions.preview.saveSelected() |
|||
return state |
|||
}) |
|||
}, |
|||
updateProp: (name, value) => { |
|||
store.update(state => { |
|||
let current_component = state.currentComponentInfo |
|||
current_component[name] = value |
|||
|
|||
state.currentComponentInfo = current_component |
|||
store.actions.preview.saveSelected() |
|||
return state |
|||
}) |
|||
}, |
|||
findRoute: component => { |
|||
// Gets all the components to needed to construct a path.
|
|||
const tempStore = get(store) |
|||
let pathComponents = [] |
|||
let parent = component |
|||
let root = false |
|||
while (!root) { |
|||
parent = getParent(tempStore.currentPreviewItem.props, parent) |
|||
if (!parent) { |
|||
root = true |
|||
} else { |
|||
pathComponents.push(parent) |
|||
} |
|||
} |
|||
|
|||
// Remove root entry since it's the screen or page layout.
|
|||
// Reverse array since we need the correct order of the IDs
|
|||
const reversedComponents = pathComponents.reverse().slice(1) |
|||
|
|||
// Add component
|
|||
const allComponents = [...reversedComponents, component] |
|||
|
|||
// Map IDs
|
|||
const IdList = allComponents.map(c => c._id) |
|||
|
|||
// Construct ID Path:
|
|||
return IdList.join("/") |
|||
}, |
|||
links: { |
|||
save: async (url, title) => { |
|||
let savePromise |
|||
store.update(state => { |
|||
// Try to extract a nav component from the master screen
|
|||
const nav = findChildComponentType( |
|||
state.pages.main, |
|||
"@budibase/standard-components/Navigation" |
|||
) |
|||
if (nav) { |
|||
let newLink |
|||
|
|||
// Clone an existing link if one exists
|
|||
if (nav._children && nav._children.length) { |
|||
// Clone existing link style
|
|||
newLink = cloneDeep(nav._children[0]) |
|||
|
|||
// Manipulate IDs to ensure uniqueness
|
|||
generateNewIdsForComponent(newLink, state, false) |
|||
|
|||
// Set our new props
|
|||
newLink._instanceName = `${title} Link` |
|||
newLink.url = url |
|||
newLink.text = title |
|||
} else { |
|||
// Otherwise create vanilla new link
|
|||
const component = getComponentDefinition( |
|||
state, |
|||
"@budibase/standard-components/link" |
|||
) |
|||
const instanceId = get(backendUiStore).selectedDatabase._id |
|||
newLink = createProps(component, { |
|||
url, |
|||
text: title, |
|||
_instanceName: `${title} Link`, |
|||
_instanceId: instanceId, |
|||
}).props |
|||
} |
|||
|
|||
// Save page and regenerate all CSS because otherwise weird things happen
|
|||
nav._children = [...nav._children, newLink] |
|||
state.currentPageName = "main" |
|||
store.actions.screens.regenerateCss(state.pages.main) |
|||
for (let screen of state.pages.main._screens) { |
|||
store.actions.screens.regenerateCss(screen) |
|||
} |
|||
savePromise = store.actions.pages.save() |
|||
} |
|||
return state |
|||
}) |
|||
await savePromise |
|||
}, |
|||
}, |
|||
}, |
|||
} |
|||
|
|||
return store |
|||
} |
|||
@ -1,607 +0,0 @@ |
|||
import { cloneDeep } from "lodash/fp" |
|||
import getNewComponentName from "../getNewComponentName" |
|||
import { backendUiStore } from "builderStore" |
|||
import { writable, get } from "svelte/store" |
|||
import api from "../api" |
|||
import { DEFAULT_PAGES_OBJECT } from "../../constants" |
|||
import { getExactComponent } from "components/userInterface/pagesParsing/searchComponents" |
|||
import { |
|||
createProps, |
|||
makePropsSafe, |
|||
getBuiltin, |
|||
} from "components/userInterface/pagesParsing/createProps" |
|||
import { fetchComponentLibDefinitions } from "../loadComponentLibraries" |
|||
import { buildCodeForScreens } from "../buildCodeForScreens" |
|||
import { generate_screen_css } from "../generate_css" |
|||
import { insertCodeMetadata } from "../insertCodeMetadata" |
|||
import analytics from "analytics" |
|||
import { uuid } from "../uuid" |
|||
import { |
|||
selectComponent as _selectComponent, |
|||
getParent, |
|||
walkProps, |
|||
savePage as _savePage, |
|||
saveCurrentPreviewItem as _saveCurrentPreviewItem, |
|||
saveScreenApi as _saveScreenApi, |
|||
regenerateCssForCurrentScreen, |
|||
regenerateCssForScreen, |
|||
generateNewIdsForComponent, |
|||
getComponentDefinition, |
|||
findChildComponentType, |
|||
} from "../storeUtils" |
|||
|
|||
export const getStore = () => { |
|||
const initial = { |
|||
apps: [], |
|||
name: "", |
|||
description: "", |
|||
pages: DEFAULT_PAGES_OBJECT, |
|||
mainUi: {}, |
|||
unauthenticatedUi: {}, |
|||
components: [], |
|||
currentPreviewItem: null, |
|||
currentComponentInfo: null, |
|||
currentFrontEndType: "none", |
|||
currentPageName: "", |
|||
currentComponentProps: null, |
|||
errors: [], |
|||
hasAppPackage: false, |
|||
libraries: null, |
|||
appId: "", |
|||
} |
|||
|
|||
const store = writable(initial) |
|||
|
|||
store.setPackage = setPackage(store, initial) |
|||
|
|||
store.saveScreen = saveScreen(store) |
|||
store.setCurrentScreen = setCurrentScreen(store) |
|||
store.deleteScreens = deleteScreens(store) |
|||
store.setCurrentPage = setCurrentPage(store) |
|||
store.createLink = createLink(store) |
|||
store.createScreen = createScreen(store) |
|||
store.addStylesheet = addStylesheet(store) |
|||
store.removeStylesheet = removeStylesheet(store) |
|||
store.savePage = savePage(store) |
|||
store.addChildComponent = addChildComponent(store) |
|||
store.selectComponent = selectComponent(store) |
|||
store.setComponentProp = setComponentProp(store) |
|||
store.setPageOrScreenProp = setPageOrScreenProp(store) |
|||
store.setComponentStyle = setComponentStyle(store) |
|||
store.setComponentCode = setComponentCode(store) |
|||
store.setScreenType = setScreenType(store) |
|||
store.getPathToComponent = getPathToComponent(store) |
|||
store.addTemplatedComponent = addTemplatedComponent(store) |
|||
store.setMetadataProp = setMetadataProp(store) |
|||
store.editPageOrScreen = editPageOrScreen(store) |
|||
store.pasteComponent = pasteComponent(store) |
|||
store.storeComponentForCopy = storeComponentForCopy(store) |
|||
return store |
|||
} |
|||
|
|||
export default getStore |
|||
|
|||
const setPackage = (store, initial) => async pkg => { |
|||
const [main_screens, unauth_screens] = await Promise.all([ |
|||
api |
|||
.get(`/_builder/api/${pkg.application._id}/pages/main/screens`) |
|||
.then(r => r.json()), |
|||
api |
|||
.get(`/_builder/api/${pkg.application._id}/pages/unauthenticated/screens`) |
|||
.then(r => r.json()), |
|||
]) |
|||
|
|||
pkg.pages = { |
|||
main: { |
|||
...pkg.pages.main, |
|||
_screens: Object.values(main_screens), |
|||
}, |
|||
unauthenticated: { |
|||
...pkg.pages.unauthenticated, |
|||
_screens: Object.values(unauth_screens), |
|||
}, |
|||
} |
|||
|
|||
// if the app has just been created
|
|||
// we need to build the CSS and save
|
|||
if (pkg.justCreated) { |
|||
const generateInitialPageCss = async name => { |
|||
const page = pkg.pages[name] |
|||
regenerateCssForScreen(page) |
|||
for (let screen of page._screens) { |
|||
regenerateCssForScreen(screen) |
|||
} |
|||
|
|||
await api.post(`/_builder/api/${pkg.application._id}/pages/${name}`, { |
|||
page: { |
|||
componentLibraries: pkg.application.componentLibraries, |
|||
...page, |
|||
}, |
|||
screens: page._screens, |
|||
}) |
|||
} |
|||
generateInitialPageCss("main") |
|||
generateInitialPageCss("unauthenticated") |
|||
pkg.justCreated = false |
|||
} |
|||
|
|||
initial.libraries = pkg.application.componentLibraries |
|||
initial.components = await fetchComponentLibDefinitions(pkg.application._id) |
|||
initial.name = pkg.application.name |
|||
initial.description = pkg.application.description |
|||
initial.appId = pkg.application._id |
|||
initial.pages = pkg.pages |
|||
initial.hasAppPackage = true |
|||
initial.screens = [ |
|||
...Object.values(main_screens), |
|||
...Object.values(unauth_screens), |
|||
] |
|||
initial.builtins = [getBuiltin("##builtin/screenslot")] |
|||
initial.appInstance = pkg.application.instance |
|||
initial.appId = pkg.application._id |
|||
store.set(initial) |
|||
await backendUiStore.actions.database.select(initial.appInstance) |
|||
return initial |
|||
} |
|||
|
|||
const saveScreen = store => screen => { |
|||
store.update(state => { |
|||
return _saveScreen(store, state, screen) |
|||
}) |
|||
} |
|||
|
|||
const _saveScreen = async (store, s, screen) => { |
|||
const pageName = s.currentPageName || "main" |
|||
const currentPageScreens = s.pages[pageName]._screens |
|||
|
|||
await api |
|||
.post(`/_builder/api/${s.appId}/pages/${pageName}/screen`, screen) |
|||
.then(() => { |
|||
if (currentPageScreens.includes(screen)) return |
|||
|
|||
const screens = [...currentPageScreens, screen] |
|||
|
|||
store.update(innerState => { |
|||
innerState.pages[pageName]._screens = screens |
|||
innerState.screens = screens |
|||
innerState.currentPreviewItem = screen |
|||
const safeProps = makePropsSafe( |
|||
innerState.components[screen.props._component], |
|||
screen.props |
|||
) |
|||
innerState.currentComponentInfo = safeProps |
|||
screen.props = safeProps |
|||
|
|||
_savePage(innerState) |
|||
return innerState |
|||
}) |
|||
}) |
|||
|
|||
return s |
|||
} |
|||
|
|||
const createScreen = store => async screen => { |
|||
let savePromise |
|||
store.update(state => { |
|||
state.currentPreviewItem = screen |
|||
state.currentComponentInfo = screen.props |
|||
state.currentFrontEndType = "screen" |
|||
regenerateCssForCurrentScreen(state) |
|||
savePromise = _saveScreen(store, state, screen) |
|||
return state |
|||
}) |
|||
await savePromise |
|||
} |
|||
|
|||
const createLink = store => async (url, title) => { |
|||
let savePromise |
|||
store.update(state => { |
|||
// Try to extract a nav component from the master screen
|
|||
const nav = findChildComponentType( |
|||
state.pages.main, |
|||
"@budibase/standard-components/Navigation" |
|||
) |
|||
if (nav) { |
|||
let newLink |
|||
|
|||
// Clone an existing link if one exists
|
|||
if (nav._children && nav._children.length) { |
|||
// Clone existing link style
|
|||
newLink = cloneDeep(nav._children[0]) |
|||
|
|||
// Manipulate IDs to ensure uniqueness
|
|||
generateNewIdsForComponent(newLink, state, false) |
|||
|
|||
// Set our new props
|
|||
newLink._instanceName = `${title} Link` |
|||
newLink.url = url |
|||
newLink.text = title |
|||
} else { |
|||
// Otherwise create vanilla new link
|
|||
const component = getComponentDefinition( |
|||
state, |
|||
"@budibase/standard-components/link" |
|||
) |
|||
const instanceId = get(backendUiStore).selectedDatabase._id |
|||
newLink = createProps(component, { |
|||
url, |
|||
text: title, |
|||
_instanceName: `${title} Link`, |
|||
_instanceId: instanceId, |
|||
}).props |
|||
} |
|||
|
|||
// Save page and regenerate all CSS because otherwise weird things happen
|
|||
nav._children = [...nav._children, newLink] |
|||
state.currentPageName = "main" |
|||
regenerateCssForScreen(state.pages.main) |
|||
for (let screen of state.pages.main._screens) { |
|||
regenerateCssForScreen(screen) |
|||
} |
|||
savePromise = _savePage(state) |
|||
} |
|||
return state |
|||
}) |
|||
await savePromise |
|||
} |
|||
|
|||
const setCurrentScreen = store => screenName => { |
|||
store.update(s => { |
|||
const screen = getExactComponent(s.screens, screenName, true) |
|||
s.currentPreviewItem = screen |
|||
s.currentFrontEndType = "screen" |
|||
s.currentView = "detail" |
|||
regenerateCssForCurrentScreen(s) |
|||
const safeProps = makePropsSafe( |
|||
s.components[screen.props._component], |
|||
screen.props |
|||
) |
|||
screen.props = safeProps |
|||
s.currentComponentInfo = safeProps |
|||
setCurrentPageFunctions(s) |
|||
return s |
|||
}) |
|||
} |
|||
|
|||
const deleteScreens = store => (screens, pageName = null) => { |
|||
if (!(screens instanceof Array)) { |
|||
screens = [screens] |
|||
} |
|||
store.update(state => { |
|||
if (pageName == null) { |
|||
pageName = state.pages.main.name |
|||
} |
|||
for (let screen of screens) { |
|||
state.screens = state.screens.filter(c => c.name !== screen.name) |
|||
// Remove screen from current page as well
|
|||
state.pages[pageName]._screens = state.pages[pageName]._screens.filter( |
|||
scr => scr.name !== screen.name |
|||
) |
|||
api.delete(`/_builder/api/pages/${pageName}/screens/${screen.name}`) |
|||
} |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const savePage = store => async page => { |
|||
store.update(state => { |
|||
if (state.currentFrontEndType !== "page" || !state.currentPageName) { |
|||
return state |
|||
} |
|||
|
|||
state.pages[state.currentPageName] = page |
|||
_savePage(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const addStylesheet = store => stylesheet => { |
|||
store.update(s => { |
|||
s.pages.stylesheets.push(stylesheet) |
|||
_savePage(s) |
|||
return s |
|||
}) |
|||
} |
|||
|
|||
const removeStylesheet = store => stylesheet => { |
|||
store.update(state => { |
|||
state.pages.stylesheets = state.pages.stylesheets.filter( |
|||
s => s !== stylesheet |
|||
) |
|||
_savePage(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const setCurrentPage = store => pageName => { |
|||
store.update(state => { |
|||
const current_screens = state.pages[pageName]._screens |
|||
|
|||
const currentPage = state.pages[pageName] |
|||
|
|||
state.currentFrontEndType = "page" |
|||
state.currentView = "detail" |
|||
state.currentPageName = pageName |
|||
state.screens = Array.isArray(current_screens) |
|||
? current_screens |
|||
: Object.values(current_screens) |
|||
const safeProps = makePropsSafe( |
|||
state.components[currentPage.props._component], |
|||
currentPage.props |
|||
) |
|||
state.currentComponentInfo = safeProps |
|||
currentPage.props = safeProps |
|||
state.currentPreviewItem = state.pages[pageName] |
|||
regenerateCssForCurrentScreen(state) |
|||
|
|||
for (let screen of state.screens) { |
|||
screen._css = generate_screen_css([screen.props]) |
|||
} |
|||
|
|||
setCurrentPageFunctions(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* @param {string} componentToAdd - name of the component to add to the application |
|||
* @param {string} presetName - name of the component preset if defined |
|||
*/ |
|||
const addChildComponent = store => (componentToAdd, presetProps = {}) => { |
|||
store.update(state => { |
|||
function findSlot(component_array) { |
|||
for (let i = 0; i < component_array.length; i += 1) { |
|||
if (component_array[i]._component === "##builtin/screenslot") { |
|||
return true |
|||
} |
|||
|
|||
if (component_array[i]._children) findSlot(component_array[i]) |
|||
} |
|||
|
|||
return false |
|||
} |
|||
|
|||
if ( |
|||
componentToAdd.startsWith("##") && |
|||
findSlot(state.pages[state.currentPageName].props._children) |
|||
) { |
|||
return state |
|||
} |
|||
|
|||
const component = getComponentDefinition(state, componentToAdd) |
|||
|
|||
const instanceId = get(backendUiStore).selectedDatabase._id |
|||
const instanceName = getNewComponentName(component, state) |
|||
|
|||
const newComponent = createProps( |
|||
component, |
|||
{ |
|||
...presetProps, |
|||
_instanceId: instanceId, |
|||
_instanceName: instanceName, |
|||
}, |
|||
state |
|||
) |
|||
|
|||
const currentComponent = |
|||
state.components[state.currentComponentInfo._component] |
|||
|
|||
const targetParent = currentComponent.children |
|||
? state.currentComponentInfo |
|||
: getParent(state.currentPreviewItem.props, state.currentComponentInfo) |
|||
|
|||
// Don't continue if there's no parent
|
|||
if (!targetParent) { |
|||
return state |
|||
} |
|||
|
|||
targetParent._children = targetParent._children.concat(newComponent.props) |
|||
|
|||
state.currentFrontEndType === "page" |
|||
? _savePage(state) |
|||
: _saveScreenApi(state.currentPreviewItem, state) |
|||
|
|||
state.currentView = "component" |
|||
state.currentComponentInfo = newComponent.props |
|||
analytics.captureEvent("Added Component", { |
|||
name: newComponent.props._component, |
|||
}) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* @param {string} props - props to add, as child of current component |
|||
*/ |
|||
|
|||
const addTemplatedComponent = store => props => { |
|||
store.update(state => { |
|||
walkProps(props, p => { |
|||
p._id = uuid() |
|||
}) |
|||
state.currentComponentInfo._children = state.currentComponentInfo._children.concat( |
|||
props |
|||
) |
|||
regenerateCssForCurrentScreen(state) |
|||
|
|||
setCurrentPageFunctions(state) |
|||
_saveCurrentPreviewItem(state) |
|||
|
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const selectComponent = store => component => { |
|||
store.update(state => { |
|||
return _selectComponent(state, component) |
|||
}) |
|||
} |
|||
|
|||
const setComponentProp = store => (name, value) => { |
|||
store.update(state => { |
|||
let current_component = state.currentComponentInfo |
|||
current_component[name] = value |
|||
|
|||
state.currentComponentInfo = current_component |
|||
_saveCurrentPreviewItem(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const setPageOrScreenProp = store => (name, value) => { |
|||
store.update(state => { |
|||
if (name === "_instanceName" && state.currentFrontEndType === "screen") { |
|||
state.currentPreviewItem.props[name] = value |
|||
} else { |
|||
state.currentPreviewItem[name] = value |
|||
} |
|||
_saveCurrentPreviewItem(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const setComponentStyle = store => (type, name, value) => { |
|||
store.update(state => { |
|||
if (!state.currentComponentInfo._styles) { |
|||
state.currentComponentInfo._styles = {} |
|||
} |
|||
state.currentComponentInfo._styles[type][name] = value |
|||
|
|||
regenerateCssForCurrentScreen(state) |
|||
|
|||
// save without messing with the store
|
|||
_saveCurrentPreviewItem(state) |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const setComponentCode = store => code => { |
|||
store.update(state => { |
|||
state.currentComponentInfo._code = code |
|||
|
|||
setCurrentPageFunctions(state) |
|||
// save without messing with the store
|
|||
_saveScreenApi(state.currentPreviewItem, state) |
|||
|
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const setCurrentPageFunctions = s => { |
|||
s.currentPageFunctions = buildPageCode(s.screens, s.pages[s.currentPageName]) |
|||
insertCodeMetadata(s.currentPreviewItem.props) |
|||
} |
|||
|
|||
const buildPageCode = (screens, page) => buildCodeForScreens([page, ...screens]) |
|||
|
|||
const setScreenType = store => type => { |
|||
store.update(state => { |
|||
state.currentFrontEndType = type |
|||
|
|||
const pageOrScreen = |
|||
type === "page" |
|||
? state.pages[state.currentPageName] |
|||
: state.pages[state.currentPageName]._screens[0] |
|||
|
|||
state.currentComponentInfo = pageOrScreen ? pageOrScreen.props : null |
|||
state.currentPreviewItem = pageOrScreen |
|||
state.currentView = "detail" |
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const editPageOrScreen = store => (key, value, setOnComponent = false) => { |
|||
store.update(state => { |
|||
setOnComponent |
|||
? (state.currentPreviewItem.props[key] = value) |
|||
: (state.currentPreviewItem[key] = value) |
|||
_saveCurrentPreviewItem(state) |
|||
|
|||
return state |
|||
}) |
|||
} |
|||
|
|||
const getPathToComponent = store => component => { |
|||
// Gets all the components to needed to construct a path.
|
|||
const tempStore = get(store) |
|||
let pathComponents = [] |
|||
let parent = component |
|||
let root = false |
|||
while (!root) { |
|||
parent = getParent(tempStore.currentPreviewItem.props, parent) |
|||
if (!parent) { |
|||
root = true |
|||
} else { |
|||
pathComponents.push(parent) |
|||
} |
|||
} |
|||
|
|||
// Remove root entry since it's the screen or page layout.
|
|||
// Reverse array since we need the correct order of the IDs
|
|||
const reversedComponents = pathComponents.reverse().slice(1) |
|||
|
|||
// Add component
|
|||
const allComponents = [...reversedComponents, component] |
|||
|
|||
// Map IDs
|
|||
const IdList = allComponents.map(c => c._id) |
|||
|
|||
// Construct ID Path:
|
|||
const path = IdList.join("/") |
|||
|
|||
return path |
|||
} |
|||
|
|||
const setMetadataProp = store => (name, prop) => { |
|||
store.update(s => { |
|||
s.currentPreviewItem[name] = prop |
|||
return s |
|||
}) |
|||
} |
|||
|
|||
const storeComponentForCopy = store => (component, cut = false) => { |
|||
store.update(s => { |
|||
const copiedComponent = cloneDeep(component) |
|||
s.componentToPaste = copiedComponent |
|||
s.componentToPaste.isCut = cut |
|||
if (cut) { |
|||
const parent = getParent(s.currentPreviewItem.props, component._id) |
|||
parent._children = parent._children.filter(c => c._id !== component._id) |
|||
selectComponent(s, parent) |
|||
} |
|||
|
|||
return s |
|||
}) |
|||
} |
|||
|
|||
const pasteComponent = store => (targetComponent, mode) => { |
|||
store.update(s => { |
|||
if (!s.componentToPaste) return s |
|||
|
|||
const componentToPaste = cloneDeep(s.componentToPaste) |
|||
// retain the same ids as things may be referencing this component
|
|||
if (componentToPaste.isCut) { |
|||
// in case we paste a second time
|
|||
s.componentToPaste.isCut = false |
|||
} else { |
|||
generateNewIdsForComponent(componentToPaste, s) |
|||
} |
|||
delete componentToPaste.isCut |
|||
|
|||
if (mode === "inside") { |
|||
targetComponent._children.push(componentToPaste) |
|||
return s |
|||
} |
|||
|
|||
const parent = getParent(s.currentPreviewItem.props, targetComponent) |
|||
|
|||
const targetIndex = parent._children.indexOf(targetComponent) |
|||
const index = mode === "above" ? targetIndex : targetIndex + 1 |
|||
parent._children.splice(index, 0, cloneDeep(componentToPaste)) |
|||
regenerateCssForCurrentScreen(s) |
|||
_saveCurrentPreviewItem(s) |
|||
selectComponent(s, componentToPaste) |
|||
|
|||
return s |
|||
}) |
|||
} |
|||
@ -1,4 +1,4 @@ |
|||
<script> |
|||
import { params } from "@sveltech/routify" |
|||
store.setCurrentPage($params.page) |
|||
store.actions.pages.select($params.page) |
|||
</script> |
|||
|
|||
@ -1,63 +0,0 @@ |
|||
import { buildCodeForScreens } from "../src/builderStore/buildCodeForScreens" |
|||
|
|||
describe("buildCodeForScreen", () => { |
|||
it("should package _code into runnable function, for simple screen props", () => { |
|||
const screen = { |
|||
props: { |
|||
_id: "1234", |
|||
_code: "render('render argument');", |
|||
}, |
|||
} |
|||
|
|||
let renderArg |
|||
const render = arg => { |
|||
renderArg = arg |
|||
} |
|||
const uiFunctions = getFunctions(screen) |
|||
|
|||
const targetfunction = uiFunctions[screen.props._id] |
|||
expect(targetfunction).toBeDefined() |
|||
|
|||
targetfunction(render) |
|||
|
|||
expect(renderArg).toBe("render argument") |
|||
}) |
|||
|
|||
it("should package _code into runnable function, for _children ", () => { |
|||
const screen = { |
|||
props: { |
|||
_id: "parent", |
|||
_code: "render('parent argument');", |
|||
_children: [ |
|||
{ |
|||
_id: "child1", |
|||
_code: "render('child 1 argument');", |
|||
}, |
|||
{ |
|||
_id: "child2", |
|||
_code: "render('child 2 argument');", |
|||
}, |
|||
], |
|||
}, |
|||
} |
|||
|
|||
let renderArg |
|||
const render = arg => { |
|||
renderArg = arg |
|||
} |
|||
const uiFunctions = getFunctions(screen) |
|||
|
|||
const targetfunction = uiFunctions["child2"] |
|||
expect(targetfunction).toBeDefined() |
|||
|
|||
targetfunction(render) |
|||
|
|||
expect(renderArg).toBe("child 2 argument") |
|||
}) |
|||
}) |
|||
|
|||
const getFunctions = screen => { |
|||
const code = buildCodeForScreens([screen]) |
|||
const func = new Function(`return ${code}`)() |
|||
return func |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
const CouchDB = require("../../db/client") |
|||
const { generatePageID } = require("../../db/utils") |
|||
const compileStaticAssetsForPage = require("../../utilities/builder/compileStaticAssetsForPage") |
|||
|
|||
exports.save = async function(ctx) { |
|||
const db = new CouchDB(ctx.user.appId) |
|||
|
|||
const appPackage = ctx.request.body |
|||
|
|||
const page = await db.get(ctx.params.pageId) |
|||
await compileStaticAssetsForPage(ctx.user.appId, page.name, ctx.request.body) |
|||
|
|||
// remove special doc props which couch will complain about
|
|||
delete appPackage.page._css |
|||
delete appPackage.page._screens |
|||
appPackage.page._id = appPackage.page._id || generatePageID() |
|||
ctx.body = await db.put(appPackage.page) |
|||
ctx.status = 200 |
|||
} |
|||
@ -1,17 +1,48 @@ |
|||
/** |
|||
* This controller is not currently fully implemented. Screens are |
|||
* currently managed as part of the pages API, please look in api/routes/page.js |
|||
* for routes and controllers. |
|||
*/ |
|||
const CouchDB = require("../../db") |
|||
const { getScreenParams, generateScreenID } = require("../../db/utils") |
|||
|
|||
exports.fetch = async ctx => { |
|||
ctx.throw(501) |
|||
const db = new CouchDB(ctx.user.appId) |
|||
|
|||
const screens = await db.allDocs( |
|||
getScreenParams(null, { |
|||
include_docs: true, |
|||
}) |
|||
) |
|||
|
|||
ctx.body = screens.rows.map(element => element.doc) |
|||
} |
|||
|
|||
exports.find = async ctx => { |
|||
const db = new CouchDB(ctx.user.appId) |
|||
|
|||
const screens = await db.allDocs( |
|||
getScreenParams(ctx.params.pageId, { |
|||
include_docs: true, |
|||
}) |
|||
) |
|||
|
|||
ctx.body = screens.response.rows |
|||
} |
|||
|
|||
exports.save = async ctx => { |
|||
ctx.throw(501) |
|||
const appId = ctx.user.appId |
|||
const db = new CouchDB(appId) |
|||
const screen = ctx.request.body |
|||
|
|||
if (!screen._id) { |
|||
screen._id = generateScreenID(ctx.params.pageId) |
|||
} |
|||
delete screen._css |
|||
const response = await db.put(screen) |
|||
|
|||
ctx.message = `Screen ${screen.name} saved.` |
|||
ctx.body = response |
|||
} |
|||
|
|||
exports.destroy = async ctx => { |
|||
ctx.throw(501) |
|||
const db = new CouchDB(ctx.user.appId) |
|||
await db.remove(ctx.params.screenId, ctx.params.revId) |
|||
ctx.message = "Screen deleted successfully" |
|||
ctx.status = 200 |
|||
} |
|||
|
|||
@ -1,117 +1,10 @@ |
|||
const Router = require("@koa/router") |
|||
const StatusCodes = require("../../utilities/statusCodes") |
|||
const joiValidator = require("../../middleware/joi-validator") |
|||
const Joi = require("joi") |
|||
const { |
|||
listScreens, |
|||
saveScreen, |
|||
buildPage, |
|||
renameScreen, |
|||
deleteScreen, |
|||
} = require("../../utilities/builder") |
|||
const authorized = require("../../middleware/authorized") |
|||
const { BUILDER } = require("../../utilities/accessLevels") |
|||
const controller = require("../controllers/page") |
|||
|
|||
const router = Router() |
|||
|
|||
function generateSaveValidation() { |
|||
// prettier-ignore
|
|||
return joiValidator.body(Joi.object({ |
|||
_css: Joi.string().allow(""), |
|||
name: Joi.string().required(), |
|||
route: Joi.string().required(), |
|||
props: Joi.object({ |
|||
_id: Joi.string().required(), |
|||
_component: Joi.string().required(), |
|||
_children: Joi.array().required(), |
|||
_instanceName: Joi.string().required(), |
|||
_styles: Joi.object().required(), |
|||
type: Joi.string().optional(), |
|||
table: Joi.string().optional(), |
|||
}).required().unknown(true), |
|||
}).unknown(true)) |
|||
} |
|||
|
|||
function generatePatchValidation() { |
|||
return joiValidator.body( |
|||
Joi.object({ |
|||
oldname: Joi.string().required(), |
|||
newname: Joi.string().required(), |
|||
}).unknown(true) |
|||
) |
|||
} |
|||
|
|||
router.post( |
|||
"/_builder/api/:appId/pages/:pageName", |
|||
authorized(BUILDER), |
|||
async ctx => { |
|||
await buildPage( |
|||
ctx.config, |
|||
ctx.params.appId, |
|||
ctx.params.pageName, |
|||
ctx.request.body |
|||
) |
|||
ctx.response.status = StatusCodes.OK |
|||
} |
|||
) |
|||
|
|||
router.get( |
|||
"/_builder/api/:appId/pages/:pagename/screens", |
|||
authorized(BUILDER), |
|||
async ctx => { |
|||
ctx.body = await listScreens( |
|||
ctx.config, |
|||
ctx.params.appId, |
|||
ctx.params.pagename |
|||
) |
|||
ctx.response.status = StatusCodes.OK |
|||
} |
|||
) |
|||
|
|||
router.post( |
|||
"/_builder/api/:appId/pages/:pagename/screen", |
|||
authorized(BUILDER), |
|||
generateSaveValidation(), |
|||
async ctx => { |
|||
ctx.body = await saveScreen( |
|||
ctx.config, |
|||
ctx.params.appId, |
|||
ctx.params.pagename, |
|||
ctx.request.body |
|||
) |
|||
ctx.response.status = StatusCodes.OK |
|||
} |
|||
) |
|||
|
|||
router.patch( |
|||
"/_builder/api/:appname/pages/:pagename/screen", |
|||
authorized(BUILDER), |
|||
generatePatchValidation(), |
|||
async ctx => { |
|||
await renameScreen( |
|||
ctx.config, |
|||
ctx.params.appname, |
|||
ctx.params.pagename, |
|||
ctx.request.body.oldname, |
|||
ctx.request.body.newname |
|||
) |
|||
ctx.response.status = StatusCodes.OK |
|||
} |
|||
) |
|||
|
|||
router.delete( |
|||
"/_builder/api/pages/:pagename/screens/:id", |
|||
authorized(BUILDER), |
|||
async ctx => { |
|||
await deleteScreen( |
|||
ctx.config, |
|||
ctx.user.appId, |
|||
ctx.params.pagename, |
|||
ctx.params.id |
|||
) |
|||
|
|||
ctx.response.status = StatusCodes.OK |
|||
} |
|||
) |
|||
router.post("/api/pages/:pageId", authorized(BUILDER), controller.save) |
|||
|
|||
module.exports = router |
|||
|
|||
@ -0,0 +1,221 @@ |
|||
const PageTypes = { |
|||
MAIN: "main", |
|||
UNAUTHENTICATED: "unauthenticated", |
|||
} |
|||
|
|||
const MAIN = { |
|||
componentLibraries: ["@budibase/standard-components"], |
|||
title: "{{ name }}", |
|||
favicon: "./_shared/favicon.png", |
|||
stylesheets: [], |
|||
name: PageTypes.MAIN, |
|||
props: { |
|||
_id: "private-master-root", |
|||
_component: "@budibase/standard-components/container", |
|||
_children: [ |
|||
{ |
|||
_id: "c74f07266980c4b6eafc33e2a6caa783d", |
|||
_component: "@budibase/standard-components/container", |
|||
_styles: { |
|||
normal: { |
|||
display: "flex", |
|||
"flex-direction": "row", |
|||
"justify-content": "flex-start", |
|||
"align-items": "flex-start", |
|||
background: "#fff", |
|||
width: "100%", |
|||
"box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
onLoad: [], |
|||
type: "div", |
|||
_appId: "inst_app_80b_f158d4057d2c4bedb0042d42fda8abaf", |
|||
_instanceName: "Header", |
|||
_children: [ |
|||
{ |
|||
_id: "49e0e519-9e5e-4127-885a-ee6a0a49e2c1", |
|||
_component: "@budibase/standard-components/Navigation", |
|||
_styles: { |
|||
normal: { |
|||
"max-width": "1400px", |
|||
"margin-left": "auto", |
|||
"margin-right": "auto", |
|||
padding: "20px", |
|||
color: "#757575", |
|||
"font-weight": "400", |
|||
"font-size": "16px", |
|||
flex: "1 1 auto", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
logoUrl: |
|||
"https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg", |
|||
title: "", |
|||
backgroundColor: "", |
|||
color: "", |
|||
borderWidth: "", |
|||
borderColor: "", |
|||
borderStyle: "", |
|||
_appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
_instanceName: "Navigation", |
|||
_children: [ |
|||
{ |
|||
_id: "48b35328-4c91-4343-a6a3-1a1fd77b3386", |
|||
_component: "@budibase/standard-components/link", |
|||
_styles: { |
|||
normal: { |
|||
"font-family": "Inter", |
|||
"font-weight": "500", |
|||
color: "#000000", |
|||
"text-decoration-line": "none", |
|||
"font-size": "16px", |
|||
}, |
|||
hover: { |
|||
color: "#4285f4", |
|||
}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
url: "/", |
|||
openInNewTab: false, |
|||
text: "Home", |
|||
color: "", |
|||
hoverColor: "", |
|||
underline: false, |
|||
fontSize: "", |
|||
fontFamily: "initial", |
|||
_appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
_instanceName: "Home Link", |
|||
_children: [], |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
_id: "7fcf11e4-6f5b-4085-8e0d-9f3d44c98967", |
|||
_component: "##builtin/screenslot", |
|||
_styles: { |
|||
normal: { |
|||
flex: "1 1 auto", |
|||
display: "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "flex-start", |
|||
"align-items": "stretch", |
|||
"max-width": "100%", |
|||
"margin-left": "20px", |
|||
"margin-right": "20px", |
|||
width: "1400px", |
|||
padding: "20px", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
_children: [], |
|||
}, |
|||
], |
|||
type: "div", |
|||
_styles: { |
|||
active: {}, |
|||
hover: {}, |
|||
normal: { |
|||
display: "flex", |
|||
"flex-direction": "column", |
|||
"align-items": "center", |
|||
"justify-content": "flex-start", |
|||
"margin-right": "auto", |
|||
"margin-left": "auto", |
|||
"min-height": "100%", |
|||
"background-image": |
|||
"linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);", |
|||
}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
onLoad: [], |
|||
}, |
|||
} |
|||
|
|||
const UNAUTHENTICATED = { |
|||
componentLibraries: ["@budibase/standard-components"], |
|||
title: "{{ name }}", |
|||
favicon: "./_shared/favicon.png", |
|||
stylesheets: [], |
|||
name: PageTypes.UNAUTHENTICATED, |
|||
props: { |
|||
_id: "public-master-root", |
|||
_component: "@budibase/standard-components/container", |
|||
_children: [ |
|||
{ |
|||
_id: "686c252d-dbf2-4e28-9078-414ba4719759", |
|||
_component: "@budibase/standard-components/login", |
|||
_styles: { |
|||
normal: { |
|||
padding: "64px", |
|||
background: "rgba(255, 255, 255, 0.4)", |
|||
"border-radius": "0.5rem", |
|||
"margin-top": "0px", |
|||
margin: "0px", |
|||
"line-height": "1", |
|||
"box-shadow": |
|||
"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", |
|||
"font-size": "16px", |
|||
"font-family": "Inter", |
|||
flex: "0 1 auto", |
|||
transform: "0", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
loginRedirect: "", |
|||
usernameLabel: "Username", |
|||
passwordLabel: "Password", |
|||
loginButtonLabel: "Login", |
|||
buttonClass: "", |
|||
_instanceName: "Login", |
|||
inputClass: "", |
|||
_children: [], |
|||
title: "Log in to {{ name }}", |
|||
buttonText: "Log In", |
|||
logo: |
|||
"https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg", |
|||
}, |
|||
], |
|||
type: "div", |
|||
_styles: { |
|||
active: {}, |
|||
hover: {}, |
|||
normal: { |
|||
display: "flex", |
|||
"flex-direction": "column", |
|||
"align-items": "center", |
|||
"justify-content": "center", |
|||
"margin-right": "auto", |
|||
"margin-left": "auto", |
|||
"min-height": "100%", |
|||
"background-image": |
|||
"linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);", |
|||
}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
onLoad: [], |
|||
}, |
|||
} |
|||
|
|||
module.exports = { MAIN, UNAUTHENTICATED, PageTypes } |
|||
@ -0,0 +1,103 @@ |
|||
exports.HOME_SCREEN = { |
|||
description: "", |
|||
url: "", |
|||
props: { |
|||
_id: "d834fea2-1b3e-4320-ab34-f9009f5ecc59", |
|||
_component: "@budibase/standard-components/container", |
|||
_styles: { |
|||
normal: { |
|||
flex: "1 1 auto", |
|||
display: "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "flex-start", |
|||
"align-items": "stretch", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
onLoad: [], |
|||
type: "div", |
|||
_children: [ |
|||
{ |
|||
_id: "ef60083f-4a02-4df3-80f3-a0d3d16847e7", |
|||
_component: "@budibase/standard-components/heading", |
|||
_styles: { |
|||
normal: { |
|||
"text-align": "left", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
text: "Welcome to your Budibase App 👋", |
|||
type: "h2", |
|||
_appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
_instanceName: "Heading", |
|||
_children: [], |
|||
}, |
|||
{ |
|||
_id: "cbbf41b27c2b44d1abba38bb694880c6a", |
|||
_component: "@budibase/standard-components/container", |
|||
_styles: { |
|||
normal: { |
|||
display: "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "center", |
|||
"align-items": "stretch", |
|||
flex: "1 1 auto", |
|||
"border-width": "4px", |
|||
"border-style": "Dashed", |
|||
"margin-bottom": "32px", |
|||
}, |
|||
hover: {}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
className: "", |
|||
onLoad: [], |
|||
type: "div", |
|||
_appId: "inst_app_2cc_ca3383f896034e9295345c05f7dfca0c", |
|||
_instanceName: "Video Container", |
|||
_children: [ |
|||
{ |
|||
_id: "c07d752cb3e544b418088fa9be84ba2e4", |
|||
_component: "@budibase/standard-components/embed", |
|||
_styles: { |
|||
normal: { |
|||
width: "100%", |
|||
flex: "1 1 auto", |
|||
opacity: "0", |
|||
"transition-property": "Opacity", |
|||
"transition-duration": "1s", |
|||
"transition-timing-function:": "ease-in", |
|||
}, |
|||
hover: { |
|||
"transition-property": "Opacity", |
|||
"transition-duration": "1s", |
|||
"transition-timing-function:": "ease-out", |
|||
opacity: "1", |
|||
}, |
|||
active: {}, |
|||
selected: {}, |
|||
}, |
|||
_code: "", |
|||
embed: |
|||
'<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>', |
|||
_appId: "inst_app_2cc_ca3383f896034e9295345c05f7dfca0c", |
|||
_instanceName: "Rick Astley Video", |
|||
_children: [], |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
_instanceName: "Home", |
|||
}, |
|||
route: "/", |
|||
name: "d834fea2-1b3e-4320-ab34-f9009f5ecc59", |
|||
} |
|||
@ -1,144 +0,0 @@ |
|||
{ |
|||
"componentLibraries": [ |
|||
"@budibase/standard-components" |
|||
], |
|||
"title": "{{ name }}", |
|||
"favicon": "./_shared/favicon.png", |
|||
"stylesheets": [], |
|||
"props": { |
|||
"_id": "private-master-root", |
|||
"_component": "@budibase/standard-components/container", |
|||
"_children": [ |
|||
{ |
|||
"_id": "c74f07266980c4b6eafc33e2a6caa783d", |
|||
"_component": "@budibase/standard-components/container", |
|||
"_styles": { |
|||
"normal": { |
|||
"display": "flex", |
|||
"flex-direction": "row", |
|||
"justify-content": "flex-start", |
|||
"align-items": "flex-start", |
|||
"background": "#fff", |
|||
"width": "100%", |
|||
"box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"onLoad": [], |
|||
"type": "div", |
|||
"_appId": "inst_app_80b_f158d4057d2c4bedb0042d42fda8abaf", |
|||
"_instanceName": "Header", |
|||
"_children": [ |
|||
{ |
|||
"_id": "49e0e519-9e5e-4127-885a-ee6a0a49e2c1", |
|||
"_component": "@budibase/standard-components/Navigation", |
|||
"_styles": { |
|||
"normal": { |
|||
"max-width": "1400px", |
|||
"margin-left": "auto", |
|||
"margin-right": "auto", |
|||
"padding": "20px", |
|||
"color": "#757575", |
|||
"font-weight": "400", |
|||
"font-size": "16px", |
|||
"flex": "1 1 auto" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"logoUrl": "https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg", |
|||
"title": "", |
|||
"backgroundColor": "", |
|||
"color": "", |
|||
"borderWidth": "", |
|||
"borderColor": "", |
|||
"borderStyle": "", |
|||
"_appId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
"_instanceName": "Navigation", |
|||
"_children": [ |
|||
{ |
|||
"_id": "48b35328-4c91-4343-a6a3-1a1fd77b3386", |
|||
"_component": "@budibase/standard-components/link", |
|||
"_styles": { |
|||
"normal": { |
|||
"font-family": "Inter", |
|||
"font-weight": "500", |
|||
"color": "#000000", |
|||
"text-decoration-line": "none", |
|||
"font-size": "16px" |
|||
}, |
|||
"hover": { |
|||
"color": "#4285f4" |
|||
}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"url": "/", |
|||
"openInNewTab": false, |
|||
"text": "Home", |
|||
"color": "", |
|||
"hoverColor": "", |
|||
"underline": false, |
|||
"fontSize": "", |
|||
"fontFamily": "initial", |
|||
"_appId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
"_instanceName": "Home Link", |
|||
"_children": [] |
|||
} |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
{ |
|||
"_id": "7fcf11e4-6f5b-4085-8e0d-9f3d44c98967", |
|||
"_component": "##builtin/screenslot", |
|||
"_styles": { |
|||
"normal": { |
|||
"flex": "1 1 auto", |
|||
"display": "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "flex-start", |
|||
"align-items": "stretch", |
|||
"max-width": "100%", |
|||
"margin-left": "20px", |
|||
"margin-right": "20px", |
|||
"width": "1400px", |
|||
"padding": "20px" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"_children": [] |
|||
} |
|||
], |
|||
"type": "div", |
|||
"_styles": { |
|||
"active": {}, |
|||
"hover": {}, |
|||
"normal": { |
|||
"display": "flex", |
|||
"flex-direction": "column", |
|||
"align-items": "center", |
|||
"justify-content": "flex-start", |
|||
"margin-right": "auto", |
|||
"margin-left": "auto", |
|||
"min-height": "100%", |
|||
"background-image": "linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);" |
|||
}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"onLoad": [] |
|||
}, |
|||
"uiFunctions": "" |
|||
} |
|||
@ -1,102 +0,0 @@ |
|||
{ |
|||
"description": "", |
|||
"url": "", |
|||
"props": { |
|||
"_id": "d834fea2-1b3e-4320-ab34-f9009f5ecc59", |
|||
"_component": "@budibase/standard-components/container", |
|||
"_styles": { |
|||
"normal": { |
|||
"flex": "1 1 auto", |
|||
"display": "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "flex-start", |
|||
"align-items": "stretch" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"onLoad": [], |
|||
"type": "div", |
|||
"_children": [ |
|||
{ |
|||
"_id": "ef60083f-4a02-4df3-80f3-a0d3d16847e7", |
|||
"_component": "@budibase/standard-components/heading", |
|||
"_styles": { |
|||
"normal": { |
|||
"text-align": "left" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"text": "Welcome to your Budibase App 👋", |
|||
"type": "h2", |
|||
"_appId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394", |
|||
"_instanceName": "Heading", |
|||
"_children": [] |
|||
}, |
|||
{ |
|||
"_id": "cbbf41b27c2b44d1abba38bb694880c6a", |
|||
"_component": "@budibase/standard-components/container", |
|||
"_styles": { |
|||
"normal": { |
|||
"display": "flex", |
|||
"flex-direction": "column", |
|||
"justify-content": "center", |
|||
"align-items": "stretch", |
|||
"flex": "1 1 auto", |
|||
"border-width": "4px", |
|||
"border-style": "Dashed", |
|||
"margin-bottom": "32px" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"onLoad": [], |
|||
"type": "div", |
|||
"_appId": "inst_app_2cc_ca3383f896034e9295345c05f7dfca0c", |
|||
"_instanceName": "Video Container", |
|||
"_children": [ |
|||
{ |
|||
"_id": "c07d752cb3e544b418088fa9be84ba2e4", |
|||
"_component": "@budibase/standard-components/embed", |
|||
"_styles": { |
|||
"normal": { |
|||
"width": "100%", |
|||
"flex": "1 1 auto", |
|||
"opacity": "0", |
|||
"transition-property": "Opacity", |
|||
"transition-duration": "1s", |
|||
"transition-timing-function:": "ease-in" |
|||
}, |
|||
"hover": { |
|||
"transition-property": "Opacity", |
|||
"transition-duration": "1s", |
|||
"transition-timing-function:": "ease-out", |
|||
"opacity": "1" |
|||
}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"embed": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/dQw4w9WgXcQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>", |
|||
"_appId": "inst_app_2cc_ca3383f896034e9295345c05f7dfca0c", |
|||
"_instanceName": "Rick Astley Video", |
|||
"_children": [] |
|||
} |
|||
] |
|||
} |
|||
], |
|||
"_instanceName": "Home" |
|||
}, |
|||
"route": "/", |
|||
"name": "d834fea2-1b3e-4320-ab34-f9009f5ecc59" |
|||
} |
|||
@ -1,68 +0,0 @@ |
|||
{ |
|||
"componentLibraries": [ |
|||
"@budibase/standard-components" |
|||
], |
|||
"title": "{{ name }}", |
|||
"favicon": "./_shared/favicon.png", |
|||
"stylesheets": [], |
|||
"props": { |
|||
"_id": "public-master-root", |
|||
"_component": "@budibase/standard-components/container", |
|||
"_children": [ |
|||
{ |
|||
"_id": "686c252d-dbf2-4e28-9078-414ba4719759", |
|||
"_component": "@budibase/standard-components/login", |
|||
"_styles": { |
|||
"normal": { |
|||
"padding": "64px", |
|||
"background": "rgba(255, 255, 255, 0.4)", |
|||
"border-radius": "0.5rem", |
|||
"margin-top": "0px", |
|||
"margin": "0px", |
|||
"line-height": "1", |
|||
"box-shadow": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", |
|||
"font-size": "16px", |
|||
"font-family": "Inter", |
|||
"flex": "0 1 auto", |
|||
"transform": "0" |
|||
}, |
|||
"hover": {}, |
|||
"active": {}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"loginRedirect": "", |
|||
"usernameLabel": "Username", |
|||
"passwordLabel": "Password", |
|||
"loginButtonLabel": "Login", |
|||
"buttonClass": "", |
|||
"_instanceName": "Login", |
|||
"inputClass": "", |
|||
"_children": [], |
|||
"title": "Log in to {{ name }}", |
|||
"buttonText": "Log In", |
|||
"logo": "https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg" |
|||
} |
|||
], |
|||
"type": "div", |
|||
"_styles": { |
|||
"active": {}, |
|||
"hover": {}, |
|||
"normal": { |
|||
"display": "flex", |
|||
"flex-direction": "column", |
|||
"align-items": "center", |
|||
"justify-content": "center", |
|||
"margin-right": "auto", |
|||
"margin-left": "auto", |
|||
"min-height": "100%", |
|||
"background-image": "linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);" |
|||
}, |
|||
"selected": {} |
|||
}, |
|||
"_code": "", |
|||
"className": "", |
|||
"onLoad": [] |
|||
}, |
|||
"uiFunctions": "" |
|||
} |
|||
@ -1 +0,0 @@ |
|||
module.exports = () => ({}) |
|||
@ -1,9 +0,0 @@ |
|||
module.exports = props => { |
|||
if (props._codeMeta) { |
|||
delete props._codeMeta |
|||
} |
|||
|
|||
for (let child of props._children || []) { |
|||
module.exports(child) |
|||
} |
|||
} |
|||
@ -1,20 +0,0 @@ |
|||
const { readJSON, readdir } = require("fs-extra") |
|||
const { join } = require("../centralPath") |
|||
|
|||
module.exports = async appPath => { |
|||
const pages = {} |
|||
|
|||
const pageFolders = await readdir(join(appPath, "pages")) |
|||
for (let pageFolder of pageFolders) { |
|||
try { |
|||
pages[pageFolder] = await readJSON( |
|||
join(appPath, "pages", pageFolder, "page.json") |
|||
) |
|||
pages[pageFolder].name = pageFolder |
|||
} catch (_) { |
|||
// ignore error
|
|||
} |
|||
} |
|||
|
|||
return pages |
|||
} |
|||
@ -1,98 +0,0 @@ |
|||
const { appPackageFolder } = require("../createAppPackage") |
|||
const { |
|||
readJSON, |
|||
writeJSON, |
|||
readdir, |
|||
ensureDir, |
|||
rename, |
|||
unlink, |
|||
rmdir, |
|||
} = require("fs-extra") |
|||
const { join, resolve } = require("../centralPath") |
|||
const { dirname } = require("path") |
|||
|
|||
const buildPage = require("./buildPage") |
|||
const getPages = require("./getPages") |
|||
const listScreens = require("./listScreens") |
|||
const deleteCodeMeta = require("./deleteCodeMeta") |
|||
|
|||
module.exports.buildPage = buildPage |
|||
module.exports.listScreens = listScreens |
|||
|
|||
const getAppDefinition = async appPath => |
|||
await readJSON(`${appPath}/appDefinition.json`) |
|||
|
|||
module.exports.getPackageForBuilder = async (config, application) => { |
|||
const appPath = resolve(config.latestPackagesFolder, application._id) |
|||
|
|||
const pages = await getPages(appPath) |
|||
|
|||
return { |
|||
pages, |
|||
application, |
|||
} |
|||
} |
|||
|
|||
const screenPath = (appPath, pageName, name) => |
|||
join(appPath, "pages", pageName, "screens", name + ".json") |
|||
|
|||
module.exports.saveScreen = async (config, appname, pagename, screen) => { |
|||
const appPath = appPackageFolder(config, appname) |
|||
const compPath = screenPath(appPath, pagename, screen.props._id) |
|||
|
|||
await ensureDir(dirname(compPath)) |
|||
if (screen._css) { |
|||
delete screen._css |
|||
} |
|||
|
|||
deleteCodeMeta(screen.props) |
|||
|
|||
await writeJSON(compPath, screen, { |
|||
encoding: "utf8", |
|||
flag: "w", |
|||
spaces: 2, |
|||
}) |
|||
return screen |
|||
} |
|||
|
|||
module.exports.renameScreen = async ( |
|||
config, |
|||
appname, |
|||
pagename, |
|||
oldName, |
|||
newName |
|||
) => { |
|||
const appPath = appPackageFolder(config, appname) |
|||
|
|||
const oldComponentPath = screenPath(appPath, pagename, oldName) |
|||
|
|||
const newComponentPath = screenPath(appPath, pagename, newName) |
|||
|
|||
await ensureDir(dirname(newComponentPath)) |
|||
await rename(oldComponentPath, newComponentPath) |
|||
} |
|||
|
|||
module.exports.deleteScreen = async (config, appId, pagename, name) => { |
|||
const appPath = appPackageFolder(config, appId) |
|||
const componentFile = screenPath(appPath, pagename, name) |
|||
await unlink(componentFile) |
|||
|
|||
const dir = dirname(componentFile) |
|||
if ((await readdir(dir)).length === 0) { |
|||
await rmdir(dir) |
|||
} |
|||
} |
|||
|
|||
module.exports.savePage = async (config, appname, pagename, page) => { |
|||
const appPath = appPackageFolder(config, appname) |
|||
const pageDir = join(appPath, "pages", pagename) |
|||
|
|||
await ensureDir(pageDir) |
|||
await writeJSON(join(pageDir, "page.json"), page, { |
|||
encoding: "utf8", |
|||
flag: "w", |
|||
space: 2, |
|||
}) |
|||
const appDefinition = await getAppDefinition(appPath) |
|||
await buildPage(config, appname, appDefinition, pagename, page) |
|||
} |
|||
@ -1,48 +0,0 @@ |
|||
const { appPackageFolder } = require("../createAppPackage") |
|||
const { readJSON, readdir, stat } = require("fs-extra") |
|||
const { join } = require("../centralPath") |
|||
const { keyBy } = require("lodash/fp") |
|||
|
|||
module.exports = async (config, appname, pagename) => { |
|||
const appPath = appPackageFolder(config, appname) |
|||
return keyBy("name")(await fetchscreens(appPath, pagename)) |
|||
} |
|||
|
|||
const fetchscreens = async (appPath, pagename, relativePath = "") => { |
|||
const currentDir = join(appPath, "pages", pagename, "screens", relativePath) |
|||
|
|||
const contents = await readdir(currentDir) |
|||
|
|||
const screens = [] |
|||
|
|||
for (let item of contents) { |
|||
const itemRelativePath = join(relativePath, item) |
|||
const itemFullPath = join(currentDir, item) |
|||
const stats = await stat(itemFullPath) |
|||
|
|||
if (stats.isFile()) { |
|||
if (!item.endsWith(".json")) continue |
|||
|
|||
const component = await readJSON(itemFullPath) |
|||
|
|||
component.name = itemRelativePath |
|||
.substring(0, itemRelativePath.length - 5) |
|||
.replace(/\\/g, "/") |
|||
|
|||
component.props = component.props || {} |
|||
|
|||
screens.push(component) |
|||
} else { |
|||
const childComponents = await fetchscreens( |
|||
appPath, |
|||
join(relativePath, item) |
|||
) |
|||
|
|||
for (let c of childComponents) { |
|||
screens.push(c) |
|||
} |
|||
} |
|||
} |
|||
|
|||
return screens |
|||
} |
|||
Loading…
Reference in new issue