diff --git a/packages/builder/src/builderStore/store/frontend.js b/packages/builder/src/builderStore/store/frontend.js
index 7c6d15da9..cde89707d 100644
--- a/packages/builder/src/builderStore/store/frontend.js
+++ b/packages/builder/src/builderStore/store/frontend.js
@@ -107,7 +107,7 @@ export const getFrontendStore = () => {
state.currentAssetId = screenId
state.currentView = "detail"
- promise = store.actions.screens.regenerateCssForCurrentScreen()
+ promise = store.actions.screens.regenerateCss(screen)
const safeProps = makePropsSafe(
state.components[screen.props._component],
screen.props
@@ -119,30 +119,19 @@ export const getFrontendStore = () => {
await promise
},
create: async screen => {
- let promises = []
+ screen = await store.actions.screens.save(screen)
store.update(state => {
state.currentPreviewItem = screen
state.currentComponentInfo = screen.props
state.currentFrontEndType = FrontendTypes.SCREEN
-
- if (state.currentPreviewItem) {
- promises.push(
- store.actions.screens.regenerateCss(state.currentPreviewItem)
- )
- }
-
- promises.push(store.actions.screens.save(screen))
return state
})
-
- await Promise.all(promises)
+ return screen
},
save: async screen => {
const creatingNewScreen = screen._id === undefined
const response = await api.post(`/api/screens`, screen)
- const json = await response.json()
- screen._rev = json.rev
- screen._id = json.id
+ screen = await response.json()
store.update(state => {
const foundScreen = state.screens.findIndex(
@@ -164,6 +153,8 @@ export const getFrontendStore = () => {
}
return state
})
+ console.log(screen)
+ return screen
},
regenerateCss: async asset => {
const response = await api.post("/api/css/generate", asset)
diff --git a/packages/builder/src/components/userInterface/ComponentNavigationTree/ComponentTree.svelte b/packages/builder/src/components/userInterface/ComponentNavigationTree/ComponentTree.svelte
index d858394d8..e11008b29 100644
--- a/packages/builder/src/components/userInterface/ComponentNavigationTree/ComponentTree.svelte
+++ b/packages/builder/src/components/userInterface/ComponentNavigationTree/ComponentTree.svelte
@@ -11,7 +11,7 @@
export let currentComponent
export let onSelect = () => {}
export let level = 0
- export let dragDropStore
+ export let dragDropStore
const isScreenslot = name => name === "##builtin/screenslot"
diff --git a/packages/builder/src/components/userInterface/ComponentNavigationTree/PathTree.svelte b/packages/builder/src/components/userInterface/ComponentNavigationTree/PathTree.svelte
index 8f5872b31..cac25c303 100644
--- a/packages/builder/src/components/userInterface/ComponentNavigationTree/PathTree.svelte
+++ b/packages/builder/src/components/userInterface/ComponentNavigationTree/PathTree.svelte
@@ -8,7 +8,7 @@
import NavItem from "components/common/NavItem.svelte"
import ScreenDropdownMenu from "./ScreenDropdownMenu.svelte"
- const dragDropStore = instantiateStore();
+ const dragDropStore = instantiateStore()
export let route
export let path
@@ -45,8 +45,7 @@
+ {dragDropStore} />
{/if}
{/each}
{/each}
diff --git a/packages/builder/src/components/userInterface/ComponentSelectionList.svelte b/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
index b7d0fd1f1..b3d123832 100644
--- a/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
+++ b/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
@@ -40,13 +40,9 @@
class="category"
on:click={() => onCategoryChosen(category, idx)}
class:active={idx === selectedIndex}>
- {#if category.icon}
-
- {/if}
+ {#if category.icon}{/if}
{category.name}
- {#if category.isCategory}
-
- {/if}
+ {#if category.isCategory}{/if}
{/each}
diff --git a/packages/builder/src/components/userInterface/FrontendNavigatePane.svelte b/packages/builder/src/components/userInterface/FrontendNavigatePane.svelte
index c53694c1b..ee61d82c6 100644
--- a/packages/builder/src/components/userInterface/FrontendNavigatePane.svelte
+++ b/packages/builder/src/components/userInterface/FrontendNavigatePane.svelte
@@ -70,7 +70,6 @@
-