MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

backup before blame

This commit is contained in:
michael shanks 2019-08-04 22:21:16 +01:00
parent d27ec9e0a5
commit ca63769204
10 changed files with 224 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/builder/src/userInterface/ComponentsHierarchy.svelte
View File

@ -133,6 +133,7 @@ const isFolderSelected = (current, folder) =>
.hierarchy-item { .hierarchy-item {
cursor: pointer; cursor: pointer;
padding: 5px 0px;
} }
.hierarchy-item:hover { .hierarchy-item:hover {

33
packages/builder/src/userInterface/PropsView.svelte
View File

@ -7,19 +7,50 @@ import {
import { import {
pipe pipe
} from "../common/core"; } from "../common/core";
import {
createPropDefinitionForDerived
} from "./pagesParsing/createProps";
import {
getExactComponent
} from "./pagesParsing/searchComponents";
import Checkbox from "../common/Checkbox";
import Textbox from "../common/Textbox";
export let propsDefinition;
export let props; export let props;
export let allComponents;
let propsDefinition = createPropDefinitionForDerived(allComponents, props._component);
let fields = pipe(propsDefinition,[ let fields = pipe(propsDefinition,[
keys, keys,
map(k => propsDefinition[k]) map(k => propsDefinition[k])
]); ]);
let component = getExactComponent(allComponents, props._component);
</script> </script>
<div class="root">
<div>{props.name}</div>
{#each propsDefinition as propDef}
{#if propDef.type === "bool"}
<Checkbox label={propDef.name} />
{:else if true}
<!-- else if content here -->
{:else}
<!-- else content here -->
{/if}
{/each}
</div>
<style> <style>
.root {
padding: 10px;
}
</style> </style>

29
packages/builder/src/userInterface/UserInterfaceRoot.svelte
View File

@ -3,6 +3,7 @@
import ComponentsHierarchy from "./ComponentsHierarchy.svelte"; import ComponentsHierarchy from "./ComponentsHierarchy.svelte";
import PagesList from "./PagesList.svelte" import PagesList from "./PagesList.svelte"
import { store } from "../builderStore"; import { store } from "../builderStore";
import getIcon from "../common/icon";
</script> </script>
@ -11,12 +12,18 @@ import { store } from "../builderStore";
<div class="ui-nav"> <div class="ui-nav">
<div class="components-list-container"> <div class="components-list-container">
<h3>Components</h3> <h5>
{@html getIcon("sidebar","18")}
<span class="nav-title-inner">COMPONENTS</span>
</h5>
<ComponentsHierarchy components={$store.allComponents}/> <ComponentsHierarchy components={$store.allComponents}/>
</div> </div>
<div class="pages-list-container"> <div class="pages-list-container">
<h3>Pages</h3> <h5>
{@html getIcon("grid","18")}
<span class="nav-title-inner">PAGES</span>
</h5>
<PagesList /> <PagesList />
</div> </div>
@ -44,8 +51,7 @@ import { store } from "../builderStore";
.ui-nav { .ui-nav {
grid-column-start: uiNav; grid-column-start: uiNav;
background-color: var(--primary10); background-color: var(--primary10);
display: grid; height: 100%;
grid-template-rows: [components] 1fr [pages] auto;
} }
.component-preview { .component-preview {
@ -61,15 +67,18 @@ import { store } from "../builderStore";
} }
.pages-list-container { .pages-list-container {
grid-row-start: pages; padding-top: 20px;
} }
.components-list-container {
grid-row-start: components;
h5 {
font-size: 10pt;
padding-left: 10px;
} }
h3 { .nav-title-inner {
padding: 10px; margin-left:5px;
vertical-align: bottom;
} }
</style> </style>

33
packages/builder/src/userInterface/pagesParsing/createProps.js
View File

@ -1,9 +1,40 @@
import { import {
isString, isString,
isUndefined isUndefined,
find,
keys,
uniq,
some,
keyBy
} from "lodash/fp"; } from "lodash/fp";
import { types } from "./types"; import { types } from "./types";
import { assign } from "lodash"; import { assign } from "lodash";
import { pipe } from "../../common/core";
import { isRootComponent } from "./searchComponents";
export const createPropDefinitionForDerived = (allComponents, componentName) => {
const traverseForProps = (cname, derivedProps=[]) => {
const component = find(c => c.name === cname)(allComponents);
if(isRootComponent(component)) return ({propDef:component.props, derivedProps});
return traverseForProps(component.inherits, [component.props, ...derivedProps]);
}
const {propDef, derivedProps} = traverseForProps(componentName);
const hasDerivedProp = k => pipe(derivedProps, [
keys,
uniq,
some(key => key === k)
]);
return pipe(propDef, [
keys,
filter(k => !hasDerivedProp(k)),
reduce((obj, k) => {
obj[k] = propDef[k]
}, {})
])
}
export const createProps = (componentName, propsDefinition, derivedFromProps) => { export const createProps = (componentName, propsDefinition, derivedFromProps) => {

51
packages/builder/src/userInterface/pagesParsing/searchComponents.js
View File

@ -1,3 +1,5 @@
import {pipe} from "../../common/core";
import { import {
find, find,
isUndefined, isUndefined,
@ -6,76 +8,51 @@ import {
includes includes
} from "lodash/fp"; } from "lodash/fp";
import {
common
} from "../../../../core/src";
const pipe = common.$;
const normalString = s => (s||"").trim().toLowerCase(); const normalString = s => (s||"").trim().toLowerCase();
export const isRootComponent = c => isUndefined(c.inherits); export const isRootComponent = c => isUndefined(c.inherits);
export const searchAllComponents = (derivedComponents, rootComponents, phrase) => { export const searchAllComponents = (allComponents, phrase) => {
const hasPhrase = (...vals) => const hasPhrase = (...vals) =>
pipe(vals, [ pipe(vals, [
some(v => includes(normalString(phrase))(normalString(v))) some(v => includes(normalString(phrase))(normalString(v)))
]); ]);
const rootComponentMatches = c => const componentMatches = c => {
hasPhrase(c.name, ...(c.tags || []));
const derivedComponentMatches = c => {
if(hasPhrase(c.name, ...(c.tags || []))) return true; if(hasPhrase(c.name, ...(c.tags || []))) return true;
if(isRootComponent(c)) return false;
const parent = getExactComponent( const parent = getExactComponent(
derivedComponents, allComponents,
rootComponents,
c.inherits); c.inherits);
if(isRootComponent(parent)) return componentMatches(parent);
return rootComponentMatches(parent);
return derivedComponentMatches(parent);
} }
return ([ return filter(componentMatches)(allComponents);
...filter(derivedComponentMatches)(derivedComponents),
...filter(rootComponentMatches)(rootComponents)
]);
} }
export const getExactComponent = (derivedComponents, rootComponents, name) => { export const getExactComponent = (allComponents, name) => {
const stringEquals = (s1, s2) => const stringEquals = (s1, s2) =>
normalString(s1) === normalString(s2); normalString(s1) === normalString(s2);
const derived = pipe(derivedComponents,[ return pipe(allComponents,[
find(c => stringEquals(c.name, name)) find(c => stringEquals(c.name, name))
]); ]);
if(derived) return derived;
const root = pipe(rootComponents,[
find(c => stringEquals(c.name, name))
]);
return root;
} }
export const getAncestorProps = (derivedComponents, rootComponents, name, found=[]) => { export const getAncestorProps = (allComponents, name, found=[]) => {
const thisComponent = getExactComponent( const thisComponent = getExactComponent(
derivedComponents, rootComponents, name); allComponents, name);
if(isRootComponent(thisComponent)) if(isRootComponent(thisComponent))
return [thisComponent.props, ...found]; return [thisComponent.props, ...found];
return getAncestorProps( return getAncestorProps(
derivedComponents, allComponents,
rootComponents,
thisComponent.inherits, thisComponent.inherits,
[{_component:thisComponent.inherits, ...thisComponent.props}, [{_component:thisComponent.inherits, ...thisComponent.props},
...found]); ...found]);

73
packages/builder/tests/searchComponentsProps.spec.js
View File

@ -10,8 +10,7 @@ describe("searchAllComponents", () => {
it("should match derived component by name", () => { it("should match derived component by name", () => {
const results = searchAllComponents( const results = searchAllComponents(
derivedComponents(), components(),
rootComponents(),
"password" "password"
); );
@ -23,8 +22,7 @@ describe("searchAllComponents", () => {
it("should match derived component by tag", () => { it("should match derived component by tag", () => {
const results = searchAllComponents( const results = searchAllComponents(
derivedComponents(), components(),
rootComponents(),
"mask" "mask"
); );
@ -36,8 +34,7 @@ describe("searchAllComponents", () => {
it("should match component if ancestor matches", () => { it("should match component if ancestor matches", () => {
const results = searchAllComponents( const results = searchAllComponents(
derivedComponents(), components(),
rootComponents(),
"smalltext" "smalltext"
); );
@ -50,8 +47,7 @@ describe("searchAllComponents", () => {
describe("getExactComponent", () => { describe("getExactComponent", () => {
it("should get component by name", () => { it("should get component by name", () => {
const result = getExactComponent( const result = getExactComponent(
derivedComponents(), components(),
rootComponents(),
"common/SmallTextbox" "common/SmallTextbox"
) )
@ -61,8 +57,7 @@ describe("getExactComponent", () => {
it("should return nothing when no result (should not fail)", () => { it("should return nothing when no result (should not fail)", () => {
const result = getExactComponent( const result = getExactComponent(
derivedComponents(), components(),
rootComponents(),
"bla/bla/bla" "bla/bla/bla"
) )
@ -76,39 +71,55 @@ describe("getAncestorProps", () => {
it("should return props of root component", () => { it("should return props of root component", () => {
const result = getAncestorProps( const result = getAncestorProps(
derivedComponents(), components(),
rootComponents(),
"budibase-components/TextBox" "budibase-components/TextBox"
); );
expect(result).toEqual([ expect(result).toEqual([
rootComponents()[0].props components()[0].props
]); ]);
}); });
it("should return props of all ancestors and current component, in order", () => { it("should return props of all ancestors and current component, in order", () => {
const derived = derivedComponents(); const components = components();
const root = rootComponents();
const result = getAncestorProps( const result = getAncestorProps(
derived, components,
root,
"common/PasswordBox" "common/PasswordBox"
); );
expect(result).toEqual([ expect(result).toEqual([
root[0].props, root[0].props,
{_component: "budibase-components/TextBox", ...derived[0].props}, {_component: "budibase-components/TextBox", ...components[2].props},
{_component: "common/SmallTextbox", ...derived[1].props} {_component: "common/SmallTextbox", ...components[3].props}
]); ]);
}); });
}) })
const derivedComponents = () => ([ const components = () => ([
{
name: "budibase-components/TextBox",
tags: ["Text", "input"],
props: {
size: {type:"options", options:["small", "medium", "large"]},
isPassword: "boolean",
placeholder: "string",
label:"string"
}
},
{
name: "budibase-components/Button",
tags: ["input"],
props: {
size: {type:"options", options:["small", "medium", "large"]},
css: "string",
content: "component"
}
},
{ {
inherits:"budibase-components/TextBox", inherits:"budibase-components/TextBox",
name: "common/SmallTextbox", name: "common/SmallTextbox",
@ -132,25 +143,3 @@ const derivedComponents = () => ([
} }
} }
]) ])
const rootComponents = () => ([
{
name: "budibase-components/TextBox",
tags: ["Text", "input"],
props: {
size: {type:"options", options:["small", "medium", "large"]},
isPassword: "boolean",
placeholder: "string",
label:"string"
}
},
{
name: "budibase-components/Button",
tags: ["input"],
props: {
size: {type:"options", options:["small", "medium", "large"]},
css: "string",
content: "component"
}
}
])

24
packages/server/builder/bundle.css
View File

@ -1,32 +1,32 @@
main.svelte-j8mzr7{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif} main.svelte-j8mzr7{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif}
.root.svelte-jymnqv{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-jymnqv{display:inline-block;margin:auto}.logo.svelte-jymnqv{width:300px;margin-bottom:40px}.root.svelte-jymnqv .option{width:250px}.app-link.svelte-jymnqv{margin-top:10px;display:block}
.root.svelte-1rxbdcd{height:100%}.content.svelte-1rxbdcd{position:fixed;height:100%;background-color:var(--white);margin:0} .root.svelte-1rxbdcd{height:100%}.content.svelte-1rxbdcd{position:fixed;height:100%;background-color:var(--white);margin:0}
.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)} .root.svelte-jymnqv{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-jymnqv{display:inline-block;margin:auto}.logo.svelte-jymnqv{width:300px;margin-bottom:40px}.root.svelte-jymnqv .option{width:250px}.app-link.svelte-jymnqv{margin-top:10px;display:block}
.nav.svelte-n1ql72{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-n1ql72>img.svelte-n1ql72{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px} .nav.svelte-n1ql72{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-n1ql72>img.svelte-n1ql72{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px}
h4.svelte-o0id5a{margin-top:20px}
.root.svelte-153wzef{display:grid;grid-template-columns:[uiNav] 300px [preview] auto;height:100%;width:100%}.ui-nav.svelte-153wzef{grid-column-start:uiNav;background-color:var(--primary10);display:grid;grid-template-rows:[components] 1fr [pages] auto}.component-preview.svelte-153wzef{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview}.component-container.svelte-153wzef{grid-row-start:middle;grid-column-start:middle}.pages-list-container.svelte-153wzef{grid-row-start:pages}.components-list-container.svelte-153wzef{grid-row-start:components}h3.svelte-153wzef{padding:10px}
.root.svelte-z7gm0t{display:flex;height:100%;position:relative}.hierarchy.svelte-z7gm0t{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-z7gm0t{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-z7gm0t{flex:0 1 auto}.node-view.svelte-z7gm0t{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-z7gm0t{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-z7gm0t{flex:auto 1 1} .root.svelte-z7gm0t{display:flex;height:100%;position:relative}.hierarchy.svelte-z7gm0t{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-z7gm0t{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-z7gm0t{flex:0 1 auto}.node-view.svelte-z7gm0t{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-z7gm0t{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-z7gm0t{flex:auto 1 1}
.root.svelte-1y6dy5x{padding:10px} .root.svelte-1y6dy5x{padding:10px}
h4.svelte-o0id5a{margin-top:20px}
.root.svelte-5zgcq9{display:grid;grid-template-columns:[uiNav] 300px [preview] auto;height:100%;width:100%}.ui-nav.svelte-5zgcq9{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.component-preview.svelte-5zgcq9{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview}.component-container.svelte-5zgcq9{grid-row-start:middle;grid-column-start:middle}.pages-list-container.svelte-5zgcq9{padding-top:20px}h5.svelte-5zgcq9{font-size:10pt;padding-left:10px}.nav-title-inner.svelte-5zgcq9{margin-left:5px;vertical-align:bottom}
.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
.root.svelte-1be865r{padding:10px}.edit-button.svelte-1be865r{cursor:pointer;color:var(--white)}tr.svelte-1be865r:hover .edit-button.svelte-1be865r{color:var(--secondary75)} .root.svelte-1be865r{padding:10px}.edit-button.svelte-1be865r{cursor:pointer;color:var(--white)}tr.svelte-1be865r:hover .edit-button.svelte-1be865r{color:var(--secondary75)}
.nav-item.svelte-td9xyr{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-td9xyr{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-td9xyr:hover{background-color:var(--primary25)}.icon.svelte-td9xyr{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-td9xyr>div.svelte-td9xyr{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-td9xyr>div.svelte-td9xyr:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-td9xyr{background-color:white} .nav-item.svelte-td9xyr{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-td9xyr{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-td9xyr:hover{background-color:var(--primary25)}.icon.svelte-td9xyr{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-td9xyr>div.svelte-td9xyr{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-td9xyr>div.svelte-td9xyr:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-td9xyr{background-color:white}
.root.svelte-1sgefwa{color:var(--secondary50)}.hierarchy-item.svelte-1sgefwa{cursor:pointer}.hierarchy-item.svelte-1sgefwa:hover{color:var(--secondary75)}.component.svelte-1sgefwa{margin-left:5px}.currentfolder.svelte-1sgefwa{color:var(--secondary100)}.selected.svelte-1sgefwa{color:var(--primary100)}.title.svelte-1sgefwa{margin-left:10px}
.root.svelte-1rctf7f{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1rctf7f{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1rctf7f:hover{background-color:var(--secondary10)} .root.svelte-1rctf7f{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1rctf7f{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1rctf7f:hover{background-color:var(--secondary10)}
.root.svelte-gq7l8x{height:100%;padding:15px}.fields-table.svelte-gq7l8x{margin:10px;border-collapse:collapse}.add-field-button.svelte-gq7l8x{margin-left:15px;cursor:pointer}.edit-button.svelte-gq7l8x{cursor:pointer;color:var(--white)}.edit-button.svelte-gq7l8x:hover{color:var(--secondary75)}th.svelte-gq7l8x{text-align:left}td.svelte-gq7l8x{padding:5px 30px 5px 0px;margin:0}thead.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-gq7l8x>tr.svelte-gq7l8x:hover{background-color:var(--primary10)}tbody.svelte-gq7l8x>tr:hover .edit-button.svelte-gq7l8x{color:var(--secondary75)}.index-container.svelte-gq7l8x{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-gq7l8x{color:var(--slate)}.index-name.svelte-gq7l8x{font-weight:bold;color:var(--primary100)}.index-container.svelte-gq7l8x code.svelte-gq7l8x{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-gq7l8x{margin-top:7px} .root.svelte-gq7l8x{height:100%;padding:15px}.fields-table.svelte-gq7l8x{margin:10px;border-collapse:collapse}.add-field-button.svelte-gq7l8x{margin-left:15px;cursor:pointer}.edit-button.svelte-gq7l8x{cursor:pointer;color:var(--white)}.edit-button.svelte-gq7l8x:hover{color:var(--secondary75)}th.svelte-gq7l8x{text-align:left}td.svelte-gq7l8x{padding:5px 30px 5px 0px;margin:0}thead.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-gq7l8x>tr.svelte-gq7l8x{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-gq7l8x>tr.svelte-gq7l8x:hover{background-color:var(--primary10)}tbody.svelte-gq7l8x>tr:hover .edit-button.svelte-gq7l8x{color:var(--secondary75)}.index-container.svelte-gq7l8x{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-gq7l8x{color:var(--slate)}.index-name.svelte-gq7l8x{font-weight:bold;color:var(--primary100)}.index-container.svelte-gq7l8x code.svelte-gq7l8x{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-gq7l8x{margin-top:7px}
.root.svelte-1fkfoam{height:100%;padding:15px}.allowed-records.svelte-1fkfoam{margin:20px 0px}.allowed-records.svelte-1fkfoam>span.svelte-1fkfoam{margin-right:30px} .root.svelte-1fkfoam{height:100%;padding:15px}.allowed-records.svelte-1fkfoam{margin:20px 0px}.allowed-records.svelte-1fkfoam>span.svelte-1fkfoam{margin-right:30px}
.root.svelte-6ej2ac{padding-left:20px;padding-bottom:20px;color:var(--secondary50)}.hierarchy-item.svelte-6ej2ac{cursor:pointer}.hierarchy-item.svelte-6ej2ac:hover{color:var(--secondary75)}.component.svelte-6ej2ac{margin-left:5px}.selected.svelte-6ej2ac{color:var(--primary100)}.title.svelte-6ej2ac{margin-left:10px}
.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
.root.svelte-160njkp{padding:5px;top:0;width:100%}
.edit-button.svelte-12jzg4k{cursor:pointer;color:var(--white)}tr.svelte-12jzg4k:hover .edit-button.svelte-12jzg4k{color:var(--secondary75)}
.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0} .root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
.root.svelte-160njkp{padding:5px;top:0;width:100%}
.edit-button.svelte-1le5bpl{cursor:pointer;color:var(--white)}tr.svelte-1le5bpl:hover .edit-button.svelte-1le5bpl{color:var(--secondary75)} .edit-button.svelte-1le5bpl{cursor:pointer;color:var(--white)}tr.svelte-1le5bpl:hover .edit-button.svelte-1le5bpl{color:var(--secondary75)}
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px} .dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
.root.svelte-1ba51k0{color:var(--secondary50)}.hierarchy-item.svelte-1ba51k0{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1ba51k0:hover{color:var(--secondary75)}.component.svelte-1ba51k0{margin-left:5px}.currentfolder.svelte-1ba51k0{color:var(--secondary100)}.selected.svelte-1ba51k0{color:var(--primary100)}.title.svelte-1ba51k0{margin-left:10px}
.edit-button.svelte-12jzg4k{cursor:pointer;color:var(--white)}tr.svelte-12jzg4k:hover .edit-button.svelte-12jzg4k{color:var(--secondary75)}
.root.svelte-6ej2ac{padding-left:20px;padding-bottom:20px;color:var(--secondary50)}.hierarchy-item.svelte-6ej2ac{cursor:pointer}.hierarchy-item.svelte-6ej2ac:hover{color:var(--secondary75)}.component.svelte-6ej2ac{margin-left:5px}.selected.svelte-6ej2ac{color:var(--primary100)}.title.svelte-6ej2ac{margin-left:10px}
textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px} textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
.container.svelte-bm0783{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-bm0783{grid-column-start:label;align-self:center}.control.svelte-bm0783{grid-column-start:control;align-self:center;margin:0}select.svelte-bm0783{width:300px} .container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px} .error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
.container.svelte-bm0783{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-bm0783{grid-column-start:label;align-self:center}.control.svelte-bm0783{grid-column-start:control;align-self:center;margin:0}select.svelte-bm0783{width:300px}
input.svelte-66516k{margin-right:7px} input.svelte-66516k{margin-right:7px}
.root.svelte-emcy8y{padding:10px}.option-container.svelte-emcy8y{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px} .root.svelte-emcy8y{padding:10px}.option-container.svelte-emcy8y{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px}
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
.container.svelte-1pf9x5k{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-1pf9x5k{grid-column-start:label;align-self:center}.control.svelte-1pf9x5k{grid-column-start:control;align-self:center;margin:0}input.svelte-1pf9x5k{width:300px} .container.svelte-1pf9x5k{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-1pf9x5k{grid-column-start:label;align-self:center}.control.svelte-1pf9x5k{grid-column-start:control;align-self:center;margin:0}input.svelte-1pf9x5k{width:300px}
.container.svelte-umifqh{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-umifqh{grid-column-start:label;align-self:center}.control.svelte-umifqh{grid-column-start:control;align-self:center;margin:0}input.svelte-umifqh{width:300px}
.container.svelte-85b8gk{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-85b8gk{grid-column-start:label;align-self:center}.control.svelte-85b8gk{grid-column-start:control;align-self:center;margin:0}textarea.svelte-85b8gk{width:300px;height:200px} .container.svelte-85b8gk{display:grid;grid-template-columns:[label] 100px [control] auto;margin:20px 0px}.label.svelte-85b8gk{grid-column-start:label;align-self:center}.control.svelte-85b8gk{grid-column-start:control;align-self:center;margin:0}textarea.svelte-85b8gk{width:300px;height:200px}
/*# sourceMappingURL=bundle.css.map */ /*# sourceMappingURL=bundle.css.map */

50
packages/server/builder/bundle.css.map
View File

File diff suppressed because one or more lines are too long

92
packages/server/builder/bundle.js
View File

@ -51922,10 +51922,10 @@
t2 = space(); t2 = space();
if (if_block) if_block.c(); if (if_block) if_block.c();
add_location(span0, file$m, 108, 8, 2787); add_location(span0, file$m, 108, 8, 2787);
attr(span1, "class", "title svelte-1sgefwa"); attr(span1, "class", "title svelte-1ba51k0");
toggle_class(span1, "currentfolder", ctx.$store.currentFrontEndItem && ctx.isInSubfolder(ctx.folder.name, ctx.$store.currentFrontEndItem)); toggle_class(span1, "currentfolder", ctx.$store.currentFrontEndItem && ctx.isInSubfolder(ctx.folder.name, ctx.$store.currentFrontEndItem));
add_location(span1, file$m, 109, 8, 2885); add_location(span1, file$m, 109, 8, 2885);
attr(div, "class", "hierarchy-item folder svelte-1sgefwa"); attr(div, "class", "hierarchy-item folder svelte-1ba51k0");
add_location(div, file$m, 106, 4, 2678); add_location(div, file$m, 106, 4, 2678);
dispose = listen(div, "click", stop_propagation(click_handler)); dispose = listen(div, "click", stop_propagation(click_handler));
}, },
@ -52014,9 +52014,9 @@
t1 = text(t1_value); t1 = text(t1_value);
t2 = space(); t2 = space();
add_location(span0, file$m, 120, 8, 3495); add_location(span0, file$m, 120, 8, 3495);
attr(span1, "class", "title svelte-1sgefwa"); attr(span1, "class", "title svelte-1ba51k0");
add_location(span1, file$m, 121, 8, 3548); add_location(span1, file$m, 121, 8, 3548);
attr(div, "class", "hierarchy-item component svelte-1sgefwa"); attr(div, "class", "hierarchy-item component svelte-1ba51k0");
toggle_class(div, "selected", ctx.isComponentSelected(ctx.$store.currentFrontEndItem, ctx.component.component)); toggle_class(div, "selected", ctx.isComponentSelected(ctx.$store.currentFrontEndItem, ctx.component.component));
add_location(div, file$m, 118, 4, 3271); add_location(div, file$m, 118, 4, 3271);
dispose = listen(div, "click", stop_propagation(click_handler_1)); dispose = listen(div, "click", stop_propagation(click_handler_1));
@ -52085,7 +52085,7 @@
for (var i = 0; i < each_blocks.length; i += 1) { for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c(); each_blocks[i].c();
} }
attr(div, "class", "root svelte-1sgefwa"); attr(div, "class", "root svelte-1ba51k0");
attr(div, "style", div_style_value = `padding-left: calc(10px * ${ctx.pathPartsThisLevel})`); attr(div, "style", div_style_value = `padding-left: calc(10px * ${ctx.pathPartsThisLevel})`);
add_location(div, file$m, 103, 0, 2558); add_location(div, file$m, 103, 0, 2558);
}, },
@ -52431,7 +52431,7 @@
const file$o = "src\\userInterface\\UserInterfaceRoot.svelte"; const file$o = "src\\userInterface\\UserInterfaceRoot.svelte";
// (26:8) {#if $store.currentFrontEndItem} // (33:8) {#if $store.currentFrontEndItem}
function create_if_block$8(ctx) { function create_if_block$8(ctx) {
var div, h1, t_value = ctx.$store.currentFrontEndItem.name, t; var div, h1, t_value = ctx.$store.currentFrontEndItem.name, t;
@ -52440,9 +52440,9 @@
div = element("div"); div = element("div");
h1 = element("h1"); h1 = element("h1");
t = text(t_value); t = text(t_value);
add_location(h1, file$o, 27, 12, 667); add_location(h1, file$o, 34, 12, 939);
attr(div, "class", "component-container svelte-153wzef"); attr(div, "class", "component-container svelte-5zgcq9");
add_location(div, file$o, 26, 8, 620); add_location(div, file$o, 33, 8, 892);
}, },
m: function mount(target, anchor) { m: function mount(target, anchor) {
@ -52466,7 +52466,7 @@
} }
function create_fragment$n(ctx) { function create_fragment$n(ctx) {
var div4, div2, div0, h30, t1, t2, div1, h31, t4, t5, div3, current; var div4, div2, div0, h50, raw0_value = getIcon("sidebar","18"), raw0_after, t0, span0, t2, t3, div1, h51, raw1_value = getIcon("grid","18"), raw1_after, t4, span1, t6, t7, div3, current;
var componentshierarchy = new ComponentsHierarchy({ var componentshierarchy = new ComponentsHierarchy({
props: { components: ctx.$store.allComponents }, props: { components: ctx.$store.allComponents },
@ -52482,33 +52482,43 @@
div4 = element("div"); div4 = element("div");
div2 = element("div"); div2 = element("div");
div0 = element("div"); div0 = element("div");
h30 = element("h3"); h50 = element("h5");
h30.textContent = "Components"; raw0_after = element('noscript');
t1 = space(); t0 = space();
componentshierarchy.$$.fragment.c(); span0 = element("span");
span0.textContent = "COMPONENTS";
t2 = space(); t2 = space();
componentshierarchy.$$.fragment.c();
t3 = space();
div1 = element("div"); div1 = element("div");
h31 = element("h3"); h51 = element("h5");
h31.textContent = "Pages"; raw1_after = element('noscript');
t4 = space(); t4 = space();
span1 = element("span");
span1.textContent = "PAGES";
t6 = space();
pageslist.$$.fragment.c(); pageslist.$$.fragment.c();
t5 = space(); t7 = space();
div3 = element("div"); div3 = element("div");
if (if_block) if_block.c(); if (if_block) if_block.c();
attr(h30, "class", "svelte-153wzef"); attr(span0, "class", "nav-title-inner svelte-5zgcq9");
add_location(h30, file$o, 13, 12, 293); add_location(span0, file$o, 16, 16, 403);
attr(div0, "class", "components-list-container svelte-153wzef"); attr(h50, "class", "svelte-5zgcq9");
add_location(div0, file$o, 12, 8, 240); add_location(h50, file$o, 14, 12, 332);
attr(h31, "class", "svelte-153wzef"); attr(div0, "class", "components-list-container");
add_location(h31, file$o, 18, 12, 458); add_location(div0, file$o, 13, 8, 279);
attr(div1, "class", "pages-list-container svelte-153wzef"); attr(span1, "class", "nav-title-inner svelte-5zgcq9");
add_location(div1, file$o, 17, 8, 410); add_location(span1, file$o, 24, 16, 683);
attr(div2, "class", "ui-nav svelte-153wzef"); attr(h51, "class", "svelte-5zgcq9");
add_location(div2, file$o, 10, 4, 208); add_location(h51, file$o, 22, 12, 615);
attr(div3, "class", "component-preview svelte-153wzef"); attr(div1, "class", "pages-list-container svelte-5zgcq9");
add_location(div3, file$o, 24, 4, 537); add_location(div1, file$o, 21, 8, 567);
attr(div4, "class", "root svelte-153wzef"); attr(div2, "class", "ui-nav svelte-5zgcq9");
add_location(div4, file$o, 8, 0, 178); add_location(div2, file$o, 11, 4, 247);
attr(div3, "class", "component-preview svelte-5zgcq9");
add_location(div3, file$o, 31, 4, 809);
attr(div4, "class", "root svelte-5zgcq9");
add_location(div4, file$o, 9, 0, 217);
}, },
l: function claim(nodes) { l: function claim(nodes) {
@ -52519,15 +52529,23 @@
insert(target, div4, anchor); insert(target, div4, anchor);
append(div4, div2); append(div4, div2);
append(div2, div0); append(div2, div0);
append(div0, h30); append(div0, h50);
append(div0, t1); append(h50, raw0_after);
raw0_after.insertAdjacentHTML("beforebegin", raw0_value);
append(h50, t0);
append(h50, span0);
append(div0, t2);
mount_component(componentshierarchy, div0, null); mount_component(componentshierarchy, div0, null);
append(div2, t2); append(div2, t3);
append(div2, div1); append(div2, div1);
append(div1, h31); append(div1, h51);
append(div1, t4); append(h51, raw1_after);
raw1_after.insertAdjacentHTML("beforebegin", raw1_value);
append(h51, t4);
append(h51, span1);
append(div1, t6);
mount_component(pageslist, div1, null); mount_component(pageslist, div1, null);
append(div4, t5); append(div4, t7);
append(div4, div3); append(div4, div3);
if (if_block) if_block.m(div3, null); if (if_block) if_block.m(div3, null);
current = true; current = true;

2
packages/server/builder/bundle.js.map
View File

File diff suppressed because one or more lines are too long