forked from tsai/budibase
michael shanks
7 years ago
6 changed files with 37 additions and 635 deletions
@ -1,22 +1,18 @@ |
|||
import { isUndefined } from "lodash/fp"; |
|||
|
|||
const apiCall = (method, returnJson) => (url, body, returnJsonOverride) => |
|||
const apiCall = (method) => (url, body) => |
|||
fetch(url, { |
|||
method: method, |
|||
headers: { |
|||
'Content-Type': 'application/json', |
|||
}, |
|||
body: body && JSON.stringify(body), |
|||
}).then(r => { |
|||
if(!isUndefined(returnJsonOverride)) |
|||
returnJson = returnJsonOverride; |
|||
return returnJson ? r.json() : r |
|||
}); |
|||
|
|||
const post = apiCall("POST", true); |
|||
const get = apiCall("GET", true); |
|||
const patch = apiCall("PATCH", true); |
|||
const del = apiCall("DELETE", false); |
|||
const post = apiCall("POST"); |
|||
const get = apiCall("GET"); |
|||
const patch = apiCall("PATCH"); |
|||
const del = apiCall("DELETE"); |
|||
|
|||
export default { |
|||
post, get, patch, delete:del |
|||
|
|||
@ -1,614 +0,0 @@ |
|||
import { |
|||
hierarchy as hierarchyFunctions, |
|||
common |
|||
} from "../../../core/src"; |
|||
import { |
|||
filter, |
|||
cloneDeep, |
|||
sortBy, |
|||
map, |
|||
last, |
|||
keys, |
|||
concat, |
|||
find, |
|||
isEmpty, |
|||
groupBy, |
|||
reduce |
|||
} from "lodash/fp"; |
|||
import { |
|||
pipe, |
|||
getNode, |
|||
validate, |
|||
constructHierarchy, |
|||
templateApi |
|||
} from "../common/core"; |
|||
import {writable} from "svelte/store"; |
|||
import { defaultPagesObject } from "../userInterface/pagesParsing/defaultPagesObject" |
|||
import api from "./api"; |
|||
import { isRootComponent } from "../userInterface/pagesParsing/searchComponents"; |
|||
import { |
|||
getComponentInfo, |
|||
getNewComponentInfo |
|||
} from "../userInterface/pagesParsing/createProps"; |
|||
import { loadLibs } from "./loadComponentLibraries"; |
|||
|
|||
export const getStore = () => { |
|||
|
|||
const initial = { |
|||
apps:[], |
|||
appname:"", |
|||
hierarchy: {}, |
|||
actions: [], |
|||
triggers: [], |
|||
pages:defaultPagesObject(), |
|||
mainUi:{}, |
|||
unauthenticatedUi:{}, |
|||
allComponents:[], |
|||
currentFrontEndItem:null, |
|||
currentComponentInfo:null, |
|||
currentComponentIsNew:false, |
|||
currentPageName: "", |
|||
currentNodeIsNew: false, |
|||
errors: [], |
|||
activeNav: "database", |
|||
isBackend:true, |
|||
hasAppPackage: false, |
|||
accessLevels: [], |
|||
currentNode: null, |
|||
libraries:null, |
|||
}; |
|||
|
|||
const store = writable(initial); |
|||
|
|||
store.initialise = initialise(store, initial); |
|||
store.newChildRecord = newRecord(store, false); |
|||
store.newRootRecord = newRecord(store, true); |
|||
store.selectExistingNode = selectExistingNode(store); |
|||
store.newChildIndex = newIndex(store, false); |
|||
store.newRootIndex = newIndex(store, true); |
|||
store.saveCurrentNode = saveCurrentNode(store); |
|||
store.importAppDefinition = importAppDefinition(store); |
|||
store.deleteCurrentNode = deleteCurrentNode(store); |
|||
store.saveField = saveField(store); |
|||
store.deleteField = deleteField(store); |
|||
store.saveAction = saveAction(store); |
|||
store.deleteAction = deleteAction(store); |
|||
store.saveTrigger = saveTrigger(store); |
|||
store.deleteTrigger = deleteTrigger(store); |
|||
store.saveLevel = saveLevel(store); |
|||
store.deleteLevel = deleteLevel(store); |
|||
store.setActiveNav = setActiveNav(store); |
|||
store.saveDerivedComponent = saveDerivedComponent(store); |
|||
store.refreshComponents = refreshComponents(store); |
|||
store.addComponentLibrary = addComponentLibrary(store); |
|||
store.renameDerivedComponent = renameDerivedComponent(store); |
|||
store.deleteDerivedComponent = deleteDerivedComponent(store); |
|||
store.setCurrentComponent = setCurrentComponent(store); |
|||
store.setCurrentPage = setCurrentPage(store); |
|||
store.createDerivedComponent = createDerivedComponent(store); |
|||
store.removeComponentLibrary =removeComponentLibrary(store); |
|||
store.addStylesheet = addStylesheet(store); |
|||
store.removeStylesheet = removeStylesheet(store); |
|||
<<<<<<< HEAD |
|||
store.showFrontend = showFrontend(store); |
|||
store.showBackend = showBackend(store); |
|||
======= |
|||
store.savePage = savePage(store); |
|||
>>>>>>> master |
|||
return store; |
|||
} |
|||
|
|||
export default getStore; |
|||
|
|||
const initialise = (store, initial) => async () => { |
|||
|
|||
const appname = window.location.hash |
|||
? last(window.location.hash.substr(1).split("/")) |
|||
: ""; |
|||
|
|||
if(!appname) { |
|||
initial.apps = await api.get(`/_builder/api/apps`); |
|||
initial.hasAppPackage = false; |
|||
store.set(initial); |
|||
return initial; |
|||
} |
|||
|
|||
const pkg = await api.get(`/_builder/api/${appname}/appPackage`); |
|||
|
|||
initial.libraries = await loadLibs(appname, pkg); |
|||
initial.appname = appname; |
|||
initial.pages = pkg.pages; |
|||
initial.hasAppPackage = true; |
|||
initial.hierarchy = pkg.appDefinition.hierarchy; |
|||
initial.accessLevels = pkg.accessLevels; |
|||
initial.derivedComponents = pkg.derivedComponents; |
|||
initial.allComponents = combineComponents( |
|||
pkg.derivedComponents, pkg.rootComponents); |
|||
initial.actions = reduce((arr, action) => { |
|||
arr.push(action); |
|||
return arr; |
|||
})(pkg.appDefinition.actions, []); |
|||
initial.triggers = pkg.appDefinition.triggers; |
|||
|
|||
if(!!initial.hierarchy && !isEmpty(initial.hierarchy)) { |
|||
initial.hierarchy = constructHierarchy(initial.hierarchy); |
|||
const shadowHierarchy = createShadowHierarchy(initial.hierarchy); |
|||
if(initial.currentNode !== null) |
|||
initial.currentNode = getNode( |
|||
shadowHierarchy, initial.currentNode.nodeId |
|||
); |
|||
} |
|||
store.set(initial); |
|||
return initial; |
|||
} |
|||
|
|||
const showBackend = store => () => { |
|||
store.update(s => { |
|||
s.isBackend = true; |
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const showFrontend = store => () => { |
|||
store.update(s => { |
|||
s.isBackend = false; |
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const combineComponents = (root, derived) => { |
|||
const all = [] |
|||
for(let r in root) { |
|||
all.push(root[r]); |
|||
} |
|||
for(let d in derived) { |
|||
all.push(derived[d]); |
|||
} |
|||
return all; |
|||
} |
|||
|
|||
const newRecord = (store, useRoot) => () => { |
|||
store.update(s => { |
|||
s.currentNodeIsNew = true; |
|||
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
|||
parent = useRoot ? shadowHierarchy |
|||
: getNode( |
|||
shadowHierarchy, |
|||
s.currentNode.nodeId); |
|||
s.errors = []; |
|||
s.currentNode = templateApi(shadowHierarchy) |
|||
.getNewRecordTemplate(parent, "", true); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
|
|||
const selectExistingNode = (store) => (nodeId) => { |
|||
store.update(s => { |
|||
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
|||
s.currentNode = getNode( |
|||
shadowHierarchy, nodeId |
|||
); |
|||
s.currentNodeIsNew = false; |
|||
s.errors = []; |
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const newIndex = (store, useRoot) => () => { |
|||
store.update(s => { |
|||
s.currentNodeIsNew = true; |
|||
s.errors = []; |
|||
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
|||
parent = useRoot ? shadowHierarchy |
|||
: getNode( |
|||
shadowHierarchy, |
|||
s.currentNode.nodeId); |
|||
|
|||
s.currentNode = templateApi(shadowHierarchy) |
|||
.getNewIndexTemplate(parent); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const saveCurrentNode = (store) => () => { |
|||
store.update(s => { |
|||
|
|||
const errors = validate.node(s.currentNode); |
|||
s.errors = errors; |
|||
if(errors.length > 0) { |
|||
return s; |
|||
} |
|||
|
|||
const parentNode = getNode( |
|||
s.hierarchy, s.currentNode.parent().nodeId); |
|||
|
|||
const existingNode = getNode( |
|||
s.hierarchy, s.currentNode.nodeId); |
|||
|
|||
let index = parentNode.children.length; |
|||
if(!!existingNode) { |
|||
// remove existing
|
|||
index = existingNode.parent().children.indexOf(existingNode); |
|||
existingNode.parent().children = pipe(existingNode.parent().children, [ |
|||
filter(c => c.nodeId !== existingNode.nodeId) |
|||
]); |
|||
} |
|||
|
|||
// should add node into existing hierarchy
|
|||
const cloned = cloneDeep(s.currentNode); |
|||
templateApi(s.hierarchy).constructNode( |
|||
parentNode, |
|||
cloned |
|||
); |
|||
|
|||
const newIndexOfchild = child => { |
|||
if(child === cloned) return index; |
|||
const currentIndex = parentNode.children.indexOf(child); |
|||
return currentIndex >= index ? currentIndex + 1 : currentIndex; |
|||
} |
|||
|
|||
parentNode.children = pipe(parentNode.children, [ |
|||
sortBy(newIndexOfchild) |
|||
]); |
|||
|
|||
s.currentNodeIsNew = false; |
|||
|
|||
savePackage(store, s); |
|||
|
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const importAppDefinition = store => appDefinition => { |
|||
store.update(s => { |
|||
s.hierarchy = appDefinition.hierarchy; |
|||
s.currentNode = appDefinition.hierarchy.children.length > 0 |
|||
? appDefinition.hierarchy.children[0] |
|||
: null; |
|||
s.actions = appDefinition.actions; |
|||
s.triggers = appDefinition.triggers; |
|||
s.currentNodeIsNew = false; |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const deleteCurrentNode = store => () => { |
|||
store.update(s => { |
|||
const nodeToDelete = getNode(s.hierarchy, s.currentNode.nodeId); |
|||
s.currentNode = hierarchyFunctions.isRoot(nodeToDelete.parent()) |
|||
? find(n => n != s.currentNode) |
|||
(s.hierarchy.children) |
|||
: nodeToDelete.parent(); |
|||
if(hierarchyFunctions.isRecord(nodeToDelete)) { |
|||
nodeToDelete.parent().children = filter(c => c.nodeId !== nodeToDelete.nodeId) |
|||
(nodeToDelete.parent().children); |
|||
} else { |
|||
nodeToDelete.parent().indexes = filter(c => c.nodeId !== nodeToDelete.nodeId) |
|||
(nodeToDelete.parent().indexes); |
|||
} |
|||
s.errors = []; |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const saveField = databaseStore => (field) => { |
|||
databaseStore.update(db => { |
|||
db.currentNode.fields = filter(f => f.name !== field.name) |
|||
(db.currentNode.fields); |
|||
|
|||
templateApi(db.hierarchy).addField(db.currentNode, field); |
|||
return db; |
|||
}); |
|||
} |
|||
|
|||
|
|||
const deleteField = databaseStore => field => { |
|||
databaseStore.update(db => { |
|||
db.currentNode.fields = filter(f => f.name !== field.name) |
|||
(db.currentNode.fields); |
|||
|
|||
return db; |
|||
}); |
|||
} |
|||
|
|||
|
|||
const saveAction = store => (newAction, isNew, oldAction=null) => { |
|||
store.update(s => { |
|||
|
|||
const existingAction = isNew |
|||
? null |
|||
: find(a => a.name === oldAction.name)(s.actions); |
|||
|
|||
if(existingAction) { |
|||
s.actions = pipe(s.actions, [ |
|||
map(a => a === existingAction ? newAction : a) |
|||
]); |
|||
} else { |
|||
s.actions.push(newAction); |
|||
} |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const deleteAction = store => action => { |
|||
store.update(s => { |
|||
s.actions = filter(a => a.name !== action.name)(s.actions); |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const saveTrigger = store => (newTrigger, isNew, oldTrigger=null) => { |
|||
store.update(s => { |
|||
|
|||
const existingTrigger = isNew |
|||
? null |
|||
: find(a => a.name === oldTrigger.name)(s.triggers); |
|||
|
|||
if(existingTrigger) { |
|||
s.triggers = pipe(s.triggers, [ |
|||
map(a => a === existingTrigger ? newTrigger : a) |
|||
]); |
|||
} else { |
|||
s.triggers.push(newTrigger); |
|||
} |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const deleteTrigger = store => trigger => { |
|||
store.update(s => { |
|||
s.triggers = filter(t => t.name !== trigger.name)(s.triggers); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const saveLevel = store => (newLevel, isNew, oldLevel=null) => { |
|||
store.update(s => { |
|||
|
|||
const existingLevel = isNew |
|||
? null |
|||
: find(a => a.name === oldLevel.name)(s.accessLevels); |
|||
|
|||
if(existingLevel) { |
|||
s.accessLevels = pipe(s.accessLevels, [ |
|||
map(a => a === existingLevel ? newLevel : a) |
|||
]); |
|||
} else { |
|||
s.accessLevels.push(newLevel); |
|||
} |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const deleteLevel = store => level => { |
|||
store.update(s => { |
|||
s.accessLevels = filter(t => t.name !== level.name)(s.accessLevels); |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const setActiveNav = store => navName => { |
|||
store.update(s => { |
|||
s.activeNav = navName; |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const createShadowHierarchy = hierarchy => |
|||
constructHierarchy(JSON.parse(JSON.stringify(hierarchy))); |
|||
|
|||
const saveDerivedComponent = store => (derivedComponent) => { |
|||
|
|||
store.update(s => { |
|||
|
|||
const components = pipe(s.allComponents, [ |
|||
filter(c => c.name !== derivedComponent.name), |
|||
concat([derivedComponent]) |
|||
]); |
|||
|
|||
s.allComponents = components; |
|||
s.currentFrontEndItem = derivedComponent; |
|||
s.currentComponentInfo = getNewComponentInfo( |
|||
s.allComponents, derivedComponent.name); |
|||
s.currentComponentIsNew = false; |
|||
|
|||
api.post(`/_builder/api/${s.appname}/derivedcomponent`, derivedComponent); |
|||
|
|||
return s; |
|||
}) |
|||
}; |
|||
|
|||
const createDerivedComponent = store => (componentName) => { |
|||
store.update(s => { |
|||
const newComponentInfo = getNewComponentInfo( |
|||
s.allComponents, componentName); |
|||
|
|||
s.currentFrontEndItem = newComponentInfo.component; |
|||
s.currentComponentInfo = newComponentInfo; |
|||
s.currentComponentIsNew = true; |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const deleteDerivedComponent = store => name => { |
|||
store.update(s => { |
|||
|
|||
const allComponents = pipe(s.allComponents, [ |
|||
filter(c => c.name !== name) |
|||
]); |
|||
|
|||
s.allComponents = allComponents; |
|||
if(s.currentFrontEndItem.name === name) { |
|||
s.currentFrontEndItem = null; |
|||
} |
|||
|
|||
api.delete(`/_builder/api/${s.appname}/derivedcomponent/${name}`); |
|||
|
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const renameDerivedComponent = store => (oldname, newname) => { |
|||
store.update(s => { |
|||
|
|||
const component = pipe(s.allComponents, [ |
|||
find(c => c.name === name) |
|||
]); |
|||
|
|||
component.name = newname; |
|||
|
|||
const allComponents = pipe(s.allComponents, [ |
|||
filter(c => c.name !== name), |
|||
concat([component]) |
|||
]); |
|||
|
|||
s.allComponents = allComponents; |
|||
|
|||
api.patch(`/_builder/api/${s.appname}/derivedcomponent`, { |
|||
oldname, newname |
|||
}); |
|||
|
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const savePage = store => async page => { |
|||
store.update(s => { |
|||
if(s.currentFrontEndIsComponent || !s.currentFrontEndItem) { |
|||
return; |
|||
} |
|||
|
|||
s.pages[currentPageName] = page; |
|||
savePackage(); |
|||
|
|||
}); |
|||
} |
|||
|
|||
const addComponentLibrary = store => async lib => { |
|||
|
|||
const response = |
|||
await api.get(`/_builder/api/${db.appname}/components?${encodeURI(lib)}`,undefined, false); |
|||
|
|||
const success = response.status === 200; |
|||
|
|||
const error = response.status === 404 |
|||
? `Could not find library ${lib}` |
|||
: success |
|||
? "" |
|||
: response.statusText; |
|||
|
|||
const components = success |
|||
? await response.json() |
|||
: []; |
|||
|
|||
store.update(s => { |
|||
s.componentsErrors.addComponent = error; |
|||
if(success) { |
|||
|
|||
s.allComponents = pipe(s.allComponents, [ |
|||
filter(c => !isRootComponent(c)), |
|||
concat(components) |
|||
]); |
|||
|
|||
s.pages.componentLibraries.push(lib); |
|||
savePackage(store, s); |
|||
} |
|||
|
|||
return s; |
|||
}) |
|||
|
|||
|
|||
} |
|||
|
|||
const removeComponentLibrary = store => lib => { |
|||
store.update(s => { |
|||
|
|||
|
|||
s.pages.componentLibraries = filter(l => l !== lib)( |
|||
s.pages.componentLibraries); |
|||
savePackage(store, s); |
|||
|
|||
|
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const addStylesheet = store => stylesheet => { |
|||
store.update(s => { |
|||
s.pages.stylesheets.push(stylesheet); |
|||
savePackage(store, s); |
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const removeStylesheet = store => stylesheet => { |
|||
store.update(s => { |
|||
s.pages.stylesheets = filter(s => s !== stylesheet)(s.pages.stylesheets); |
|||
savePackage(store, s); |
|||
return s; |
|||
}); |
|||
} |
|||
|
|||
const refreshComponents = store => async () => { |
|||
|
|||
const components = |
|||
await api.get(`/_builder/api/${db.appname}/components`); |
|||
|
|||
const rootComponents = pipe(components, [ |
|||
keys, |
|||
map(k => ({...components[k], name:k})) |
|||
]); |
|||
|
|||
store.update(s => { |
|||
s.allComponents = pipe(s.allComponents, [ |
|||
filter(c => !isRootComponent(c)), |
|||
concat(rootComponents) |
|||
]); |
|||
return s; |
|||
}); |
|||
}; |
|||
|
|||
const savePackage = (store, s) => { |
|||
|
|||
const appDefinition = { |
|||
hierarchy:s.hierarchy, |
|||
triggers:s.triggers, |
|||
actions: groupBy("name")(s.actions), |
|||
mainUi: s.mainUi, |
|||
unauthenticatedUi: s.unauthenticatedUi |
|||
}; |
|||
|
|||
const data = { |
|||
appDefinition, |
|||
accessLevels:s.accessLevels, |
|||
pages:s.pages, |
|||
} |
|||
|
|||
api.post(`/_builder/api/${s.appname}/appPackage`, data); |
|||
} |
|||
|
|||
const setCurrentComponent = store => component => { |
|||
store.update(s => { |
|||
s.currentFrontEndItem = component; |
|||
s.currentFrontEndIsComponent = true; |
|||
s.currentComponentIsNew = false; |
|||
s.currentComponentInfo = getComponentInfo(s.allComponents, component.name); |
|||
return s; |
|||
}) |
|||
} |
|||
|
|||
const setCurrentPage = store => pageName => { |
|||
store.update(s => { |
|||
s.currentFrontEndItem = s.pages[pageName]; |
|||
s.currentFrontEndIsComponent = false; |
|||
s.currentPageName = pageName; |
|||
return s; |
|||
}) |
|||
} |
|||
Loading…
Reference in new issue