forked from tsai/budibase
Michael Shanks
7 years ago
87 changed files with 95077 additions and 6229 deletions
@ -0,0 +1,5 @@ |
|||
.DS_Store |
|||
node_modules |
|||
yarn.lock |
|||
package-lock.json |
|||
dist/index.js |
|||
@ -0,0 +1,33 @@ |
|||
*Psst — looking for an app template? Go here --> [sveltejs/template](https://github.com/sveltejs/template)* |
|||
|
|||
--- |
|||
|
|||
# component-template |
|||
|
|||
A base for building shareable Svelte components. Clone it with [degit](https://github.com/Rich-Harris/degit): |
|||
|
|||
```bash |
|||
npx degit sveltejs/component-template my-new-component |
|||
cd my-new-component |
|||
npm install # or yarn |
|||
``` |
|||
|
|||
Your component's source code lives in `src/index.html`. |
|||
|
|||
TODO |
|||
|
|||
* [ ] some firm opinions about the best way to test components |
|||
* [ ] update `degit` so that it automates some of the setup work |
|||
|
|||
|
|||
## Setting up |
|||
|
|||
* Run `npm init` (or `yarn init`) |
|||
* Replace this README with your own |
|||
|
|||
|
|||
## Consuming components |
|||
|
|||
Your package.json has a `"svelte"` field pointing to `src/index.html`, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/rollup/rollup-plugin-svelte) or [svelte-loader](https://github.com/sveltejs/svelte-loader) (where [`resolve.mainFields`](https://webpack.js.org/configuration/resolve/#resolve-mainfields) in your webpack config includes `"svelte"`). **This is recommended.** |
|||
|
|||
For everyone else, `npm run build` will bundle your component's source code into a plain JavaScript module (`index.mjs`) and a UMD script (`index.js`). This will happen automatically when you publish your component to npm, courtesy of the `prepublishOnly` hook in package.json. |
|||
@ -0,0 +1,255 @@ |
|||
{ |
|||
"_lib": "./dist/index.js", |
|||
"_generators": { |
|||
"_lib": "./dist/generators.js", |
|||
"app": { |
|||
"name": "App", |
|||
"description": "Generate app based on your backend" |
|||
}, |
|||
"forms": { |
|||
"name": "Forms", |
|||
"description": "Generate forms, based on your records" |
|||
}, |
|||
"buttons": { |
|||
"name": "Buttons", |
|||
"description": "Generate some styled buttons" |
|||
}, |
|||
"headers": { |
|||
"name": "Headers", |
|||
"description": "Generate some styled headings" |
|||
}, |
|||
"nav": { |
|||
"name": "Nav bar", |
|||
"description": "Generate a nav bar, based n your root records" |
|||
}, |
|||
"indexTables": { |
|||
"name": "Nav bar", |
|||
"description": "Generate a table based on an index" |
|||
} |
|||
}, |
|||
"button" : { |
|||
"importPath": "button", |
|||
"name": "Button", |
|||
"description": "an html <button />", |
|||
"props": { |
|||
"contentText": { "type": "string", "default": "Button" }, |
|||
"contentComponent": "component", |
|||
"className": {"type": "string", "default": "default"}, |
|||
"disabled": "bool", |
|||
"onClick": "event", |
|||
"background": "string", |
|||
"color": "string", |
|||
"border": "string", |
|||
"padding": "string", |
|||
"hoverColor": "string", |
|||
"hoverBackground": "string", |
|||
"hoverBorder": "string" |
|||
}, |
|||
"tags": ["button"] |
|||
}, |
|||
"login" : { |
|||
"importPath": "Login", |
|||
"name": "Login Control", |
|||
"description": "A control that accepts username, password an also handles password resets", |
|||
"props" : { |
|||
"logo": "asset", |
|||
"loginRedirect": "string", |
|||
"usernameLabel": {"type":"string", "default": "Username"}, |
|||
"passwordLabel": {"type":"string", "default": "Password"}, |
|||
"loginButtonLabel": {"type":"string", "default": "Login"}, |
|||
"buttonClass": "string", |
|||
"inputClass": "string" |
|||
}, |
|||
"tags": ["login", "credentials", "password", "logon"] |
|||
}, |
|||
"form" : { |
|||
"importPath": "Form", |
|||
"name": "Form", |
|||
"description": "A form - allgned fields with labels", |
|||
"props" : { |
|||
"containerClass": "string", |
|||
"formControls": { |
|||
"type":"array", |
|||
"elementDefinition": { |
|||
"label": "string", |
|||
"control":"component" |
|||
} |
|||
} |
|||
}, |
|||
"tags": ["form"] |
|||
}, |
|||
"textbox" : { |
|||
"importPath": "Textbox", |
|||
"name": "Textbox", |
|||
"description": "An input type=text or password", |
|||
"props" : { |
|||
"value": "string", |
|||
"hideValue": "bool", |
|||
"className": {"type": "string", "default": "default"} |
|||
}, |
|||
"tags": ["form"] |
|||
}, |
|||
"stackpanel": { |
|||
"importPath": "StackPanel", |
|||
"name": "StackPanel", |
|||
"description": "Layout elements in a stack, either horizontally or vertically", |
|||
"props" : { |
|||
"direction": { |
|||
"type": "options", |
|||
"options": ["horizontal", "vertical"], |
|||
"default":"horizontal" |
|||
}, |
|||
"children": { |
|||
"type":"array", |
|||
"elementDefinition": { |
|||
"control":"component" |
|||
} |
|||
}, |
|||
"width": {"type":"string","default":"auto"}, |
|||
"height": {"type":"string","default":"auto"}, |
|||
"containerClass":"string", |
|||
"itemContainerClass":"string", |
|||
"data": "state", |
|||
"dataItemComponent": "component", |
|||
"onLoad": "event" |
|||
}, |
|||
"tags": ["div", "container", "layout", "panel"] |
|||
}, |
|||
"grid": { |
|||
"importPath": "Grid", |
|||
"name": "Grid", |
|||
"description": "CSS Grid layout ", |
|||
"props" : { |
|||
"gridTemplateRows": "string", |
|||
"gridTemplateColumns": "string", |
|||
"children": { |
|||
"type":"array", |
|||
"elementDefinition": { |
|||
"control":"component", |
|||
"gridColumn":"string", |
|||
"gridRow":"string", |
|||
"gridColumnStart":"string", |
|||
"gridColumnEnd":"string", |
|||
"gridRowStart":"string", |
|||
"gridRowEnd":"string" |
|||
} |
|||
}, |
|||
"width": {"type":"string","default":"auto"}, |
|||
"height": {"type":"string","default":"auto"}, |
|||
"containerClass":"string", |
|||
"itemContainerClass":"string" |
|||
}, |
|||
"tags": ["div", "container", "layout", "panel", "grid"] |
|||
}, |
|||
"text": { |
|||
"importPath": "Text", |
|||
"name": "Text", |
|||
"description": "stylable block of text", |
|||
"props" : { |
|||
"value": "string", |
|||
"containerClass": "string", |
|||
"font": "string", |
|||
"color": "string", |
|||
"textAlign": { |
|||
"type": "options", |
|||
"default":"inline", |
|||
"options": [ |
|||
"left", "center", "right" |
|||
] |
|||
}, |
|||
"verticalAlign": { |
|||
"type": "options", |
|||
"default":"inline", |
|||
"options": [ |
|||
"top", "middle", "bottom" |
|||
] |
|||
}, |
|||
"display": { |
|||
"type": "options", |
|||
"default":"inline", |
|||
"options": [ |
|||
"inline", "block", "inline-block" |
|||
] |
|||
} |
|||
}, |
|||
"tags": ["div", "container"] |
|||
}, |
|||
"panel": { |
|||
"importPath": "Panel", |
|||
"name": "Panel", |
|||
"description": "A stylable div with a component inside", |
|||
"props" : { |
|||
"text": "string", |
|||
"component": "component", |
|||
"containerClass": "string", |
|||
"background": "string", |
|||
"border": "string", |
|||
"borderRadius":"string", |
|||
"font": "string", |
|||
"color": "string", |
|||
"padding": "string", |
|||
"margin": "string", |
|||
"hoverColor": "string", |
|||
"hoverBackground": "string", |
|||
"height":"string", |
|||
"width":"string", |
|||
"onClick": "event", |
|||
"display": { |
|||
"type": "options", |
|||
"default":"inline", |
|||
"options": [ |
|||
"inline", "block", "inline-block" |
|||
] |
|||
} |
|||
}, |
|||
"tags": ["div", "container"] |
|||
}, |
|||
"nav": { |
|||
"importPath": "Nav", |
|||
"name": "Nav", |
|||
"description": "A nav - a side bar of buttons that control the currently active component", |
|||
"props" : { |
|||
"navBarBackground": {"type" :"string", "default":"silver"}, |
|||
"navBarBorder": "string", |
|||
"navBarColor": {"type" :"string", "default":"black"}, |
|||
"selectedItemBackground": {"type" :"string", "default":"white"}, |
|||
"selectedItemColor": {"type" :"string", "default":"black"}, |
|||
"selectedItemBorder": "string", |
|||
"itemHoverBackground": {"type" :"string", "default":"gainsboro"}, |
|||
"itemHoverColor": {"type" :"string", "default":"black"}, |
|||
"items": { |
|||
"type": "array", |
|||
"elementDefinition" : { |
|||
"title": "string", |
|||
"component": "component" |
|||
} |
|||
}, |
|||
"selectedItem":"string", |
|||
"hideNavBar":"bool" |
|||
|
|||
}, |
|||
"tags": ["nav", "navigation", "sidebar"] |
|||
}, |
|||
"table": { |
|||
"importPath": "Table", |
|||
"name": "Table", |
|||
"description": "An HTML table", |
|||
"props" : { |
|||
"data": "state", |
|||
"columns": { |
|||
"type": "array", |
|||
"elementDefinition" : { |
|||
"title": "string", |
|||
"value": "string" |
|||
} |
|||
}, |
|||
"onRowClick":"event", |
|||
"tableClass": {"type":"string", "default":"table-default"}, |
|||
"theadClass": {"type":"string", "default":"thead-default"}, |
|||
"tbodyClass": {"type":"string", "default":"tbody-default"}, |
|||
"trClass": {"type":"string", "default":"tr-default"}, |
|||
"thClass": {"type":"string", "default":"th-default"} |
|||
}, |
|||
"tags": ["table"] |
|||
} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
|
|||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJhdG9ycy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
|||
@ -0,0 +1,36 @@ |
|||
{ |
|||
"name": "@budibase/bootstrap-components", |
|||
"svelte": "src/index.svelte", |
|||
"main": "dist/index.js", |
|||
"module": "dist/index.js", |
|||
"scripts": { |
|||
"build": "rollup -c && rollup -c rollup.generatorsconfig.js", |
|||
"prepublishOnly": "npm run build", |
|||
"testbuild": "rollup -w -c rollup.testconfig.js", |
|||
"dev": "run-p start:dev testbuild", |
|||
"start:dev": "sirv public --single --dev", |
|||
"publishdev": "yarn build && node ./scripts/publishDev.js" |
|||
}, |
|||
"devDependencies": { |
|||
"@budibase/client": "^0.0.11", |
|||
"fs-extra": "^8.1.0", |
|||
"lodash": "^4.17.15", |
|||
"npm-run-all": "^4.1.5", |
|||
"rollup": "^1.11.0", |
|||
"rollup-plugin-commonjs": "^10.0.2", |
|||
"rollup-plugin-json": "^4.0.0", |
|||
"rollup-plugin-livereload": "^1.0.1", |
|||
"rollup-plugin-node-resolve": "^5.0.0", |
|||
"rollup-plugin-svelte": "^5.0.0", |
|||
"rollup-plugin-terser": "^5.1.1", |
|||
"shortid": "^2.2.15", |
|||
"sirv-cli": "^0.4.4", |
|||
"svelte": "^3.12.1" |
|||
}, |
|||
"keywords": [ |
|||
"svelte" |
|||
], |
|||
"version": "0.0.11", |
|||
"license": "MIT", |
|||
"gitHead": "115189f72a850bfb52b65ec61d932531bf327072" |
|||
} |
|||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,13 @@ |
|||
#current_component.svelte-1xqz9vm{height:100%;width:100%} |
|||
.root.svelte-10kw8to{display:grid} |
|||
.root.svelte-crnq0a{height:100%;display:grid;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-template-rows:[top] 1fr [center] auto [bottom] 1fr}.content.svelte-crnq0a{grid-column-start:middle;grid-row-start:center;width:400px}.logo-container.svelte-crnq0a{margin-bottom:20px |
|||
}.logo-container.svelte-crnq0a>img.svelte-crnq0a{max-width:100%}.login-button-container.svelte-crnq0a{text-align:right;margin-top:20px}.incorrect-details-panel.svelte-crnq0a{margin-top:30px;padding:10px;border-style:solid;border-width:1px;border-color:maroon;border-radius:1px;text-align:center;color:maroon;background-color:mistyrose}.form-root.svelte-crnq0a{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-crnq0a{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-crnq0a{grid-column-start:control;padding:5px 10px}.default-input.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default-button.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default-button.svelte-crnq0a:active{background-color:#ddd}.default-button.svelte-crnq0a:focus{border-color:#666} |
|||
.form-root.svelte-m9d6ue{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-m9d6ue{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-m9d6ue{grid-column-start:control;padding:5px 10px}.overflow.svelte-m9d6ue{grid-column-start:overflow}.full-width.svelte-m9d6ue{width:100%} |
|||
.root.svelte-aihwli{height:100%;width:100%;grid-template-columns:[navbar] auto [content] 1fr;display:grid}.navbar.svelte-aihwli{grid-column:navbar;background:var(--navBarBackground);border:var(--navBarBorder);color:var(--navBarColor)}.navitem.svelte-aihwli{padding:10px 17px;cursor:pointer}.navitem.svelte-aihwli:hover{background:var(--itemHoverBackground);color:var(--itemHoverColor)}.navitem.selected.svelte-aihwli{background:var(--selectedItemBackground);border:var(--selectedItemBorder);color:var(--selectedItemColor)}.content.svelte-aihwli{grid-column:content} |
|||
.default.svelte-1ec4wqj{width:100%;font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default.svelte-1ec4wqj:disabled{color:#ccc} |
|||
.panel.svelte-6yfcjx:hover{background:var(--hoverBackground);color:var(--hoverColor)} |
|||
.horizontal.svelte-osi0db{display:inline-block}.vertical.svelte-osi0db{display:block} |
|||
.table-default.svelte-h8rqk6{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.table-default.svelte-h8rqk6 .thead-default .th-default.svelte-h8rqk6{vertical-align:bottom;border-bottom:2px solid #dee2e6;font-weight:bold}.table-default.svelte-h8rqk6 .th-default.svelte-h8rqk6{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;font-weight:normal}.th-default.svelte-h8rqk6{text-align:inherit}.table-default.svelte-h8rqk6 .tbody-default .tr-default.svelte-h8rqk6:hover{color:#212529;background-color:rgba(0,0,0,.075);cursor:pointer} |
|||
.default.svelte-1q8lga0{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default.svelte-1q8lga0:active{background-color:#ddd}.default.svelte-1q8lga0:focus{border-color:#666} |
|||
|
|||
/*# sourceMappingURL=bundle.css.map */ |
|||
@ -0,0 +1,30 @@ |
|||
{ |
|||
"version": 3, |
|||
"file": "bundle.css", |
|||
"sources": [ |
|||
"..\\src\\Test\\TestApp.svelte", |
|||
"..\\src\\Grid.svelte", |
|||
"..\\src\\Login.svelte", |
|||
"..\\src\\Form.svelte", |
|||
"..\\src\\Nav.svelte", |
|||
"..\\src\\Textbox.svelte", |
|||
"..\\src\\Panel.svelte", |
|||
"..\\src\\StackPanel.svelte", |
|||
"..\\src\\Table.svelte", |
|||
"..\\src\\Button.svelte" |
|||
], |
|||
"sourcesContent": [ |
|||
"<script>\nimport createApp from \"./createApp\";\nimport { props } from \"./props\";\n\nlet _bb;\n\nconst _appPromise = createApp();\n_appPromise.then(a => _bb = a);\n\nconst testProps = props.hiddenNav;\n\nlet currentComponent;\n\n$: {\n if(_bb && currentComponent) {\n _bb.initialiseComponent(testProps, currentComponent);\n }\n}\n\n\n\n</script>\n\n{#await _appPromise}\nloading\n{:then _bb}\n\n<div id=\"current_component\" bind:this={currentComponent}>\n</div>\n\n{/await}\n\n\n<style>\n#current_component {\n height: 100%;\n width: 100%;\n}\n</style>\n\n", |
|||
"<script>\r\nimport { onMount } from 'svelte'\r\nimport {buildStyle} from \"./buildStyle\";\r\n\r\nexport let gridTemplateRows =\"\";\r\nexport let gridTemplateColumns =\"\";\r\nexport let children = [];\r\nexport let width = \"auto\";\r\nexport let height = \"auto\";\r\nexport let containerClass=\"\";\r\nexport let itemContainerClass=\"\";\r\n\r\n/*\"gridColumnStart\":\"string\",\r\n\"gridColumnEnd\":\"string\",\r\n\"gridRowStart\":\"string\",\r\n\"gridRowEnd\":\"string\"*/\r\n\r\n\r\nexport let _bb;\r\n\r\nlet style=\"\";\r\nlet htmlElements = {};\r\n\r\n$ : {\r\n if(_bb && htmlElements) {\r\n for(let el in htmlElements) {\r\n _bb.initialiseComponent(\r\n children[el].control,\r\n htmlElements[el]\r\n );\r\n }\r\n }\r\n}\r\n\r\nconst childStyle = child => \r\n buildStyle({\r\n \"grid-column-start\": child.gridColumnStart,\r\n \"grid-column-end\": child.gridColumnEnd,\r\n \"grid-column\": child.gridColumn,\r\n \"grid-row-start\": child.gridRowStart,\r\n \"grid-row-end\": child.gridRowStart,\r\n \"grid-row\": child.gridRow,\r\n });\r\n\r\n</script>\r\n\r\n<div class=\"root {containerClass}\"\r\n style=\"width: {width}; height: {height}; grid-template-columns: {gridTemplateColumns}; grid-template-rows: {gridTemplateRows};\">\r\n {#each children as child, index}\r\n <div class=\"{itemContainerClass}\"\r\n style={childStyle(child)}\r\n bind:this={htmlElements[index]}>\r\n </div>\r\n {/each}\r\n</div>\r\n\r\n<style>\r\n\r\n.root {\r\n display: grid;\r\n}\r\n\r\n</style>", |
|||
"<script>\n\nimport Textbox from \"./Textbox.svelte\";\nimport Form from \"./Form.svelte\";\nimport Button from \"./Button.svelte\";\n\nexport let usernameLabel = \"Username\";\nexport let passwordLabel = \"Password\";\nexport let loginButtonLabel = \"Login\";\nexport let loginRedirect = \"\";\nexport let logo = \"\";\nexport let buttonClass = \"\";\nexport let inputClass=\"\"\n\nexport let _bb;\n\nlet username = \"\";\nlet password = \"\";\nlet busy = false;\nlet incorrect = false;\nlet _logo = \"\";\nlet _buttonClass = \"\";\nlet _inputClass = \"\";\n\n$: {\n _logo = _bb.relativeUrl(logo);\n _buttonClass = buttonClass || \"default-button\";\n _inputClass = inputClass || \"default-input\";\n}\n\nconst login = () => {\n busy = true;\n _bb.api.post(\"/api/authenticate\", {username, password})\n .then(r => {\n busy = false;\n if(r.status === 200) {\n return r.json();\n } else {\n incorrect = true;\n return;\n }\n })\n .then(user => {\n if(user) {\n localStorage.setItem(\"budibase:user\", user);\n location.reload();\n }\n })\n}\n\n</script>\n\n<div class=\"root\">\n\n <div class=\"content\">\n\n {#if _logo}\n <div class=\"logo-container\">\n <img src={_logo} alt=\"logo\"/>\n </div>\n {/if}\n\n <div class=\"form-root\">\n <div class=\"label\">\n {usernameLabel}\n </div>\n <div class=\"control\">\n <input bind:value={username} type=\"text\" class={_inputClass}/>\n </div>\n <div class=\"label\">\n {passwordLabel}\n </div>\n <div class=\"control\">\n <input bind:value={password} type=\"password\" class={_inputClass}/>\n </div>\n </div>\n\n <div class=\"login-button-container\">\n <button disabled={busy} \n on:click={login}\n class={_buttonClass}>\n {loginButtonLabel}\n </button>\n </div>\n\n {#if incorrect}\n <div class=\"incorrect-details-panel\">\n Incorrect username or password\n </div>\n {/if}\n\n </div>\n\n</div>\n\n<style>\n\n.root {\n height: 100%;\n display:grid;\n grid-template-columns: [left] 1fr [middle] auto [right] 1fr;\n grid-template-rows: [top] 1fr [center] auto [bottom] 1fr;\n}\n\n.content {\n grid-column-start: middle;\n grid-row-start: center;\n width: 400px;\n}\n\n.logo-container {\n margin-bottom: 20px\n}\n\n.logo-container > img {\n max-width: 100%;\n}\n\n.login-button-container {\n text-align: right;\n margin-top: 20px;\n}\n\n.incorrect-details-panel {\n margin-top: 30px;\n padding: 10px;\n border-style: solid;\n border-width: 1px;\n border-color: maroon;\n border-radius: 1px;\n text-align: center;\n color: maroon;\n background-color: mistyrose;\n}\n\n.form-root {\n display: grid;\n grid-template-columns: [label] auto [control] 1fr; /* [overflow] auto;*/\n}\n\n.label {\n grid-column-start: label;\n padding: 5px 10px;\n vertical-align: middle;\n}\n.control {\n grid-column-start: control;\n padding: 5px 10px;\n}\n\n.default-input {\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tpadding: 0.4em;\n\tmargin: 0 0 0.5em 0;\n\tbox-sizing: border-box;\n\tborder: 1px solid #ccc;\n border-radius: 2px;\n width: 100%;\n}\n\n.default-button {\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tpadding: 0.4em;\n\tmargin: 0 0 0.5em 0;\n\tbox-sizing: border-box;\n\tborder: 1px solid #ccc;\n\tborder-radius: 2px;\n\tcolor: #333;\n\tbackground-color: #f4f4f4;\n\toutline: none;\n}\n\n.default-button:active {\n\tbackground-color: #ddd;\n}\n\n.default-button:focus {\n\tborder-color: #666;\n}\n\n</style>", |
|||
"<script>\nexport let containerClass = \"\";\nexport let formControls = [];\n\nexport let _bb;\n\nlet htmlElements = {};\nlet labels = {};\n\n$ : {\n let cIndex = 0;\n for(let c of formControls) {\n labels[cIndex] = c.label;\n cIndex++;\n }\n\n if(_bb && htmlElements) {\n for(let el in htmlElements) {\n _bb.initialiseComponent(\n formControls[el].control,\n htmlElements[el]\n );\n }\n }\n}\n\n</script>\n\n<div class=\"form-root {containerClass}\">\n {#each formControls as child, index}\n <div class=\"label\">{labels[index]}</div>\n <div class=\"control\"\n bind:this={htmlElements[index]}>\n </div>\n {/each}\n</div>\n\n<style>\n.form-root {\n display: grid;\n grid-template-columns: [label] auto [control] 1fr; /* [overflow] auto;*/\n}\n\n.label {\n grid-column-start: label;\n padding: 5px 10px;\n vertical-align: middle;\n}\n.control {\n grid-column-start: control;\n padding: 5px 10px;\n}\n.overflow {\n grid-column-start: overflow;\n}\n.full-width {\n width: 100%;\n}\n</style>", |
|||
"<script>\r\nimport cssVars from \"./cssVars\";\r\n\r\nexport let navBarBackground = \"\";\r\nexport let navBarBorder=\"\";\r\nexport let navBarColor=\"\";\r\nexport let selectedItemBackground=\"\";\r\nexport let selectedItemColor=\"\";\r\nexport let selectedItemBorder=\"\";\r\nexport let itemHoverBackground=\"\";\r\nexport let itemHoverColor=\"\";\r\nexport let items = [];\r\nexport let hideNavBar=false;\r\nexport let selectedItem=\"\";\r\n\r\nexport let _bb;\r\n\r\nlet selectedIndex = -1;\r\nlet styleVars={};\r\nlet components = {};\r\nlet componentElements = {}\r\n\r\n\r\nconst hasComponentElements = () => \r\n Object.getOwnPropertyNames(componentElements).length > 0;\r\n\r\n$: {\r\n styleVars = {\r\n navBarBackground, navBarBorder,\r\n navBarColor, selectedItemBackground,\r\n selectedItemColor, selectedItemBorder,\r\n itemHoverBackground, itemHoverColor\r\n };\r\n\r\n if(items && items.length > 0 && hasComponentElements()) {\r\n const currentSelectedItem = selectedIndex > 0\r\n ? items[selectedIndex].title\r\n : \"\";\r\n if(selectedItem && currentSelectedItem !== selectedItem) {\r\n let i=0;\r\n for(let item of items) {\r\n if(item.title === selectedItem) {\r\n onSelectItem(i)();\r\n }\r\n i++;\r\n }\r\n } else if(!currentSelectedItem) {\r\n onSelectItem(0);\r\n }\r\n }\r\n}\r\n\r\nconst onSelectItem = (index) => () => {\r\n selectedIndex = index;\r\n if(!components[index]) {\r\n const comp = _bb.initialiseComponent(\r\n items[index].component, componentElements[index]);\r\n components[index] = comp; \r\n }\r\n}\r\n\r\n\r\n</script>\r\n\r\n<div class=\"root\" use:cssVars={styleVars}>\r\n {#if !hideNavBar}\r\n <div class=\"navbar\">\r\n {#each items as navItem, index}\r\n <div class=\"navitem\"\r\n on:click={onSelectItem(index)}\r\n class:selected={selectedIndex === index}>\r\n {navItem.title}\r\n </div>\r\n {/each}\r\n </div>\r\n {/if}\r\n {#each items as navItem, index}\r\n\r\n <div class=\"content\"\r\n bind:this={componentElements[index]}>\r\n </div>\r\n {/each}\r\n</div>\r\n\r\n<style>\r\n\r\n.root {\r\n height: 100%;\r\n width:100%;\r\n grid-template-columns: [navbar] auto [content] 1fr;\r\n display: grid;\r\n}\r\n\r\n.navbar {\r\n grid-column: navbar;\r\n background: var(--navBarBackground);\r\n border: var(--navBarBorder);\r\n color: var(--navBarColor);\r\n}\r\n\r\n.navitem {\r\n padding: 10px 17px;\r\n cursor: pointer;\r\n}\r\n\r\n.navitem:hover {\r\n background: var(--itemHoverBackground);\r\n color: var(--itemHoverColor);\r\n}\r\n\r\n.navitem.selected {\r\n background: var(--selectedItemBackground);\r\n border: var(--selectedItemBorder);\r\n color: var(--selectedItemColor);\r\n}\r\n\r\n.content {\r\n grid-column: content;\r\n}\r\n\r\n</style>\r\n\r\n", |
|||
"<script>\n\nexport let value=\"\";\nexport let hideValue = false;\nexport let className = \"default\";\n\nexport let _bb;\n\nlet actualValue = \"\";\n$: {\n\tif(_bb && value._isstate) {\n\t\t_bb.store.subscribe(s => {\n\t\t\tactualValue = _bb.store.getValue(s, value);\n\t\t});\n\t}\n}\n\nconst onchange = (ev) => {\n\tif(_bb && value._isstate) {\n\t\t_bb.store.setValue(value, ev.target.value);\n\t} else if(!value._isstate) {\n\t\tactualValue = ev.target.value;\n\t}\n}\n\n</script>\n\n{#if hideValue}\n<input class={className} \n\t type=\"password\" \n\t value={actualValue} on:change/>\n{:else}\n<input class={className} type=\"text\" value={actualValue}/>\n{/if}\n\n<style>\n.default {\n width: 100%;\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tpadding: 0.4em;\n\tmargin: 0 0 0.5em 0;\n\tbox-sizing: border-box;\n\tborder: 1px solid #ccc;\n border-radius: 2px;\n width: 100%;\n}\n\n.default:disabled {\n\tcolor: #ccc;\n}\n\n</style>", |
|||
"<script>\r\nimport {buildStyle} from \"./buildStyle\";\r\nimport cssVars from \"./cssVars\";\r\n\r\nexport let component=\"\";\r\nexport let text=\"\";\r\nexport let containerClass=\"\";\r\nexport let background=\"\";\r\nexport let border=\"\";\r\nexport let borderRadius=\"\";\r\nexport let font=\"\";\r\nexport let display=\"\";\r\nexport let textAlign=\"\";\r\nexport let color=\"\";\r\nexport let padding=\"\";\r\nexport let margin=\"\";\r\nexport let hoverBackground=\"\";\r\nexport let hoverColor=\"\";\r\nexport let onClick;\r\nexport let height;\r\nexport let width;\r\n\r\nexport let _bb;\r\n\r\nlet styleVars;\r\nlet style=\"\";\r\nlet componentElement;\r\n\r\n$: {\r\n style=buildStyle({\r\n border, background, font, margin,\r\n padding, display, color, height, width,\r\n \"text-align\": textAlign,\r\n \"border-radius\":borderRadius,\r\n cursor: onClick ? \"pointer\" : \"none\"\r\n });\r\n\r\n if(_bb && component) {\r\n _bb.initialiseComponent(component, componentElement);\r\n }\r\n\r\n styleVars = {\r\n hoverBackground:hoverBackground || background, \r\n hoverColor:hoverColor || color\r\n }\r\n}\r\n\r\nconst clickHandler = () => {\r\n if(onClick) onClick();\r\n}\r\n\r\n</script>\r\n\r\n<div class=\"{containerClass} panel\" \r\n style={style}\r\n use:cssVars={styleVars}\r\n this:bind={componentElement}\r\n on:click={clickHandler}>\r\n {component && component._component ? \"\" : text}\r\n</div>\r\n\r\n<style>\r\n\r\n.panel:hover {\r\n background: var(--hoverBackground);\r\n color: var(--hoverColor);\r\n\r\n}\r\n\r\n</style>\r\n", |
|||
"<script>\n\nimport { emptyProps } from \"./emptyProps\";\n\nexport let direction = \"horizontal\";\nexport let children = [];\nexport let width = \"auto\";\nexport let height = \"auto\";\nexport let containerClass=\"\";\nexport let itemContainerClass=\"\";\nexport let onLoad;\n\nexport let data=[];\nexport let dataItemComponent;\n\nexport let _bb;\n\nlet staticHtmlElements = {};\nlet staticComponents = {};\nlet dataBoundElements = {};\nlet dataBoundComponents = {};\n\nlet onLoadCalled = false;\n\nconst hasDataBoundComponents = () => \n Object.getOwnPropertyNames(dataBoundComponents).length > 0;\n\nconst hasData = () => \n Array.isArray(data) && data.length > 0;\n\nconst hasStaticComponents = () => {\n return Object.getOwnPropertyNames(staticComponents).length > 0;\n}\n\n$: {\n\n if(staticHtmlElements) {\n if(hasStaticComponents()) {\n for(let c in staticComponents) {\n staticComponents[c].$destroy();\n }\n staticComponents = {};\n }\n\n for(let el in staticHtmlElements) {\n staticComponents[el] = _bb.initialiseComponent(\n children[el].control,\n staticHtmlElements[el]\n );\n }\n }\n \n\n if(hasDataBoundComponents()) {\n for(let c in dataBoundComponents) {\n dataBoundComponents[c].$destroy();\n }\n dataBoundComponents = {};\n }\n\n if(hasData()) {\n let index = 0;\n for(let d in dataBoundElements) {\n _bb.initialiseComponent(\n dataItemComponent,\n dataBoundElements[d],\n data[parseInt(d)]\n );\n }\n }\n\n if(!onLoadCalled && onLoad && !onLoad.isPlaceholder) {\n onLoad();\n onLoadCalled = true;\n }\n}\n\n\n</script>\n\n<div class=\"root {containerClass}\"\n style=\"width: {width}; height: {height}\">\n\n {#if children}\n {#each children as child, index}\n <div class={direction}>\n <div class=\"{itemContainerClass}\"\n bind:this={staticHtmlElements[index]}>\n </div>\n </div>\n {/each}\n {/if}\n\n {#if data && data.length > 0}\n {#each data as child, index}\n <div class={direction}>\n <div class=\"{itemContainerClass}\"\n bind:this={dataBoundElements[index]}>\n </div>\n </div>\n {/each}\n {/if}\n</div>\n\n<style>\n\n.horizontal {\n display:inline-block;\n}\n\n.vertical {\n display: block;\n}\n\n</style>", |
|||
"<script>\r\n\r\nexport let columns=[];\r\nexport let data=\"\";\r\nexport let tableClass=\"\";\r\nexport let theadClass=\"\";\r\nexport let tbodyClass=\"\";\r\nexport let trClass=\"\";\r\nexport let thClass=\"\";\r\nexport let onRowClick;\r\n\r\nexport let _bb;\r\n\r\nconst rowClickHandler = (row) => () => {\r\n onRowClick(row);\r\n}\r\n\r\n</script>\r\n\r\n <table class={tableClass}>\r\n <thead class={theadClass}>\r\n <tr class={trClass}>\r\n {#each columns as col}\r\n <th class={thClass}>{col.title}</th>\r\n {/each}\r\n </tr>\r\n </thead>\r\n <tbody class={tbodyClass}>\r\n {#each data as row}\r\n <tr class={trClass}\r\n on:click={rowClickHandler(row)} >\r\n {#each columns as col}\r\n <th class={thClass}>{_bb.getStateOrValue(col.value, row)}</th>\r\n {/each}\r\n </tr>\r\n {/each}\r\n </tbody>\r\n</table> \r\n\r\n<style>\r\n\r\n.table-default {\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n color: #212529;\r\n border-collapse: collapse;\r\n}\r\n\r\n.table-default .thead-default .th-default {\r\n vertical-align: bottom;\r\n border-bottom: 2px solid #dee2e6;\r\n font-weight: bold;\r\n}\r\n\r\n.table-default .th-default {\r\n padding: .75rem;\r\n vertical-align: top;\r\n border-top: 1px solid #dee2e6;\r\n font-weight: normal;\r\n}\r\n\r\n.th-default {\r\n text-align: inherit;\r\n}\r\n\r\n.table-default .tbody-default .tr-default:hover {\r\n color: #212529;\r\n background-color: rgba(0,0,0,.075);\r\n cursor: pointer;\r\n}\r\n\r\n</style>", |
|||
"<script>\nexport let className = \"default\";\nexport let disabled = false;\nexport let contentText;\nexport let contentComponent;\nexport let onClick = () => {};\n\nexport let _bb;\nlet contentComponentContainer;\n\n$:{\n\tif(_bb && contentComponentContainer && contentComponent._component)\n\t\t_bb.initialiseComponent(contentComponent, contentComponentContainer);\n}\n\n\nconst clickHandler = () => {\n\tif(onClick) onClick();\n}\n\n</script>\n\n\n<button class={className} {disabled} on:click={clickHandler}>\n {#if contentComponent && contentComponent._component}\n\t<div bind:this={contentComponentContainer}>\n\t</div>\n {:else if contentText}\n {contentText}\n {:else}\n <slot />\n {/if}\n</button>\n\n\n<style>\n\n.default {\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tpadding: 0.4em;\n\tmargin: 0 0 0.5em 0;\n\tbox-sizing: border-box;\n\tborder: 1px solid #ccc;\n\tborder-radius: 2px;\n\tcolor: #333;\n\tbackground-color: #f4f4f4;\n\toutline: none;\n}\n\n.default:active {\n\tbackground-color: #ddd;\n}\n\n.default:focus {\n\tborder-color: #666;\n}\n\n</style>" |
|||
], |
|||
"names": [], |
|||
"mappings": "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" |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":["budibase-standard-components"],"appRootPath":"/testApp2","props":{}} |
|||
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,62 @@ |
|||
html, body { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
body { |
|||
color: #333; |
|||
margin: 0; |
|||
padding: 0; |
|||
box-sizing: border-box; |
|||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|||
} |
|||
|
|||
a { |
|||
color: rgb(0,100,200); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
a:visited { |
|||
color: rgb(0,80,160); |
|||
} |
|||
|
|||
label { |
|||
display: block; |
|||
} |
|||
|
|||
input, button, select, textarea { |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
padding: 0.4em; |
|||
margin: 0 0 0.5em 0; |
|||
box-sizing: border-box; |
|||
border: 1px solid #ccc; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
input:disabled { |
|||
color: #ccc; |
|||
} |
|||
|
|||
input[type="range"] { |
|||
height: 0; |
|||
} |
|||
|
|||
button { |
|||
color: #333; |
|||
background-color: #f4f4f4; |
|||
outline: none; |
|||
} |
|||
|
|||
button:active { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
button:focus { |
|||
border-color: #666; |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<!doctype html> |
|||
<html> |
|||
<head> |
|||
<meta charset='utf8'> |
|||
<meta name='viewport' content='width=device-width'> |
|||
|
|||
<title>Svelte app</title> |
|||
|
|||
<link rel='icon' type='image/png' href='/favicon.png'> |
|||
<link rel='stylesheet' href='/global.css'> |
|||
<link rel='stylesheet' href='/bundle.css'> |
|||
|
|||
</head> |
|||
|
|||
<body> |
|||
<script src='/bundle.js'></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,20 @@ |
|||
import svelte from 'rollup-plugin-svelte'; |
|||
import resolve from 'rollup-plugin-node-resolve'; |
|||
|
|||
export default { |
|||
input: 'src/index.js', |
|||
output: [ |
|||
{ |
|||
file: "dist/index.js", |
|||
format: 'esm', |
|||
name:"budibaseStandardComponents", |
|||
sourcemap: "inline" |
|||
} |
|||
], |
|||
plugins: [ |
|||
svelte({ |
|||
hydratable:true |
|||
}), |
|||
resolve() |
|||
] |
|||
}; |
|||
@ -0,0 +1,16 @@ |
|||
import resolve from 'rollup-plugin-node-resolve'; |
|||
|
|||
export default { |
|||
input: 'src/generators.js', |
|||
output: [ |
|||
{ |
|||
file: "dist/generators.js", |
|||
format: 'esm', |
|||
name:"budibaseStandardComponents", |
|||
sourcemap: "inline" |
|||
} |
|||
], |
|||
plugins: [ |
|||
resolve() |
|||
] |
|||
}; |
|||
@ -0,0 +1,89 @@ |
|||
import svelte from 'rollup-plugin-svelte'; |
|||
import resolve from 'rollup-plugin-node-resolve'; |
|||
import commonjs from 'rollup-plugin-commonjs'; |
|||
import livereload from 'rollup-plugin-livereload'; |
|||
import { terser } from 'rollup-plugin-terser'; |
|||
import json from 'rollup-plugin-json'; |
|||
|
|||
const production = !process.env.ROLLUP_WATCH; |
|||
|
|||
const lodash_fp_exports = [ |
|||
"find", "isUndefined", "split", |
|||
"last", "union", "reduce", "isObject", |
|||
"cloneDeep", "some", "isArray", "map", |
|||
"filter", "keys", "isFunction", "isEmpty", |
|||
"countBy", "join", "includes", "flatten", |
|||
"constant", "first", "intersection", "take", |
|||
"has", "mapValues", "isString", "isBoolean", |
|||
"isNull", "isNumber", "isObjectLike", "isDate", |
|||
"clone", "values", "keyBy", "isNaN", |
|||
"isInteger", "toNumber"]; |
|||
|
|||
const lodash_exports = [ |
|||
"flow", "head", |
|||
"tail", "findIndex", "startsWith", |
|||
"dropRight", "takeRight", |
|||
"trim", "split", "replace", |
|||
"merge", "assign"]; |
|||
|
|||
const coreExternal = [ |
|||
"lodash", "lodash/fp", "date-fns", |
|||
"lunr", "safe-buffer", "shortid", |
|||
"@nx-js/compiler-util" |
|||
]; |
|||
|
|||
export default { |
|||
input: 'src/Test/testMain.js', |
|||
output: { |
|||
sourcemap: true, |
|||
format: 'iife', |
|||
name: 'app', |
|||
file: 'public/bundle.js' |
|||
}, |
|||
plugins: [ |
|||
svelte({ |
|||
// enable run-time checks when not in production
|
|||
dev: !production, |
|||
// we'll extract any component CSS out into
|
|||
// a separate file — better for performance
|
|||
css: css => { |
|||
css.write('public/bundle.css'); |
|||
}, |
|||
|
|||
hydratable:true |
|||
}), |
|||
|
|||
// If you have external dependencies installed from
|
|||
// npm, you'll most likely need these plugins. In
|
|||
// some cases you'll need additional configuration —
|
|||
// consult the documentation for details:
|
|||
// https://github.com/rollup/rollup-plugin-commonjs
|
|||
resolve({ |
|||
browser: true, |
|||
dedupe: importee => { |
|||
return importee === 'svelte' |
|||
|| importee.startsWith('svelte/') |
|||
|| coreExternal.includes(importee); |
|||
} |
|||
}), |
|||
commonjs({ |
|||
namedExports: { |
|||
"lodash/fp": lodash_fp_exports, |
|||
"lodash":lodash_exports, |
|||
"shortid": ["generate"] |
|||
} |
|||
}), |
|||
json(), |
|||
|
|||
// Watch the `public` directory and refresh the
|
|||
// browser on changes when not in production
|
|||
!production && livereload('public'), |
|||
|
|||
// If we're building for production (npm run build
|
|||
// instead of npm run dev), minify
|
|||
production && terser() |
|||
], |
|||
watch: { |
|||
clearScreen: false |
|||
} |
|||
}; |
|||
@ -0,0 +1,61 @@ |
|||
const { readdir, stat, copyFile } = require("fs-extra"); |
|||
const { constants } = require("fs"); |
|||
const { join, basename } = require("path"); |
|||
|
|||
const packagesFolder = ".."; |
|||
|
|||
const jsFile = dir => join(dir, "index.js"); |
|||
const generatorsFile = dir => join(dir, "generators.js"); |
|||
const jsMapFile = dir => join(dir, "index.js.map"); |
|||
const sourceJs = jsFile("dist"); |
|||
const sourceJsMap = jsMapFile("dist"); |
|||
const componentsFile = "components.json"; |
|||
const sourceGenerators = generatorsFile("dist"); |
|||
|
|||
const appPackages = join(packagesFolder, "server", "appPackages"); |
|||
|
|||
const publicMain = appName => join(appPackages, appName, "public", "main", "lib", "node_modules", "@budibase", "bootstrap-components"); |
|||
const publicUnauth = appName => join(appPackages, appName, "public", "unauthenticated", "lib", "node_modules", "@budibase", "bootstrap-components"); |
|||
const nodeModulesDist = appName => join(appPackages, appName, "node_modules", "@budibase", "bootstrap-components", "dist"); |
|||
const nodeModules = appName => join(appPackages, appName, "node_modules", "@budibase", "bootstrap-components"); |
|||
|
|||
(async () => { |
|||
|
|||
const apps = await readdir(appPackages); |
|||
|
|||
const copySource = file => async toDir => { |
|||
const dest = join(toDir, basename(file)); |
|||
try { |
|||
await copyFile(file, dest, constants.COPYFILE_FICLONE); |
|||
console.log(`COPIED ${file} to ${dest}`); |
|||
} catch(e) { |
|||
console.log(`COPY FAILED ${file} to ${dest}: ${e}`); |
|||
} |
|||
} |
|||
|
|||
const copySourceJs = copySource(sourceJs); |
|||
const copySourceJsMap = copySource(sourceJsMap); |
|||
const copyGenerators = copySource(sourceGenerators); |
|||
const copyComponentsJson = copySource(componentsFile); |
|||
|
|||
|
|||
for(let app of apps) { |
|||
if(!(await stat(join(appPackages, app))).isDirectory()) continue; |
|||
|
|||
await copySourceJs(nodeModulesDist(app)); |
|||
await copySourceJsMap(nodeModulesDist(app)); |
|||
await copyGenerators(nodeModulesDist(app)); |
|||
|
|||
await copyComponentsJson(nodeModules(app)); |
|||
|
|||
await copySourceJs(join(publicMain(app), "dist")); |
|||
await copySourceJsMap(join(publicMain(app), "dist")); |
|||
await copyGenerators(join(publicMain(app), "dist")); |
|||
|
|||
|
|||
await copySourceJs(join(publicUnauth(app), "dist")); |
|||
await copySourceJsMap(join(publicUnauth(app), "dist")); |
|||
await copyGenerators(join(publicUnauth(app), "dist")); |
|||
} |
|||
|
|||
})(); |
|||
@ -0,0 +1,128 @@ |
|||
<script> |
|||
|
|||
export let items = []; |
|||
export let hideNavBar=false; |
|||
export let selectedItem=""; |
|||
export let orientation="horizontal"; // horizontal, verical |
|||
export let alignment="left"; // start, center, end |
|||
export let pills=false; |
|||
export let fill=false; |
|||
export let _bb; |
|||
|
|||
let selectedIndex = -1; |
|||
let styleVars={}; |
|||
let components = {}; |
|||
let componentElements = {} |
|||
let orientationClass=""; |
|||
let navClasses=""; |
|||
|
|||
const hasComponentElements = () => |
|||
Object.getOwnPropertyNames(componentElements).length > 0; |
|||
|
|||
$: { |
|||
|
|||
let _navClasses = ""; |
|||
|
|||
if(orientation === "vertical") { |
|||
_navClasses += " flex-column"; |
|||
} else { |
|||
_navClasses += ` justify-content-${alignment}`; |
|||
} |
|||
|
|||
if(pills) |
|||
_navClasses += " nav-pills"; |
|||
|
|||
if(fill) |
|||
_navClasses += " nav-fill nav-justified"; |
|||
|
|||
navClasses = _navClasses; |
|||
|
|||
if(items && items.length > 0 && hasComponentElements()) { |
|||
const currentSelectedItem = selectedIndex > 0 |
|||
? items[selectedIndex].title |
|||
: ""; |
|||
if(selectedItem && currentSelectedItem !== selectedItem) { |
|||
let i=0; |
|||
for(let item of items) { |
|||
if(item.title === selectedItem) { |
|||
onSelectItem(i)(); |
|||
} |
|||
i++; |
|||
} |
|||
} else if(!currentSelectedItem) { |
|||
onSelectItem(0); |
|||
} |
|||
} |
|||
} |
|||
|
|||
const onSelectItem = (index) => () => { |
|||
selectedIndex = index; |
|||
if(!components[index]) { |
|||
const comp = _bb.initialiseComponent( |
|||
items[index].component, componentElements[index]); |
|||
components[index] = comp; |
|||
} |
|||
} |
|||
|
|||
|
|||
</script> |
|||
|
|||
<div class="root"> |
|||
{#if !hideNavBar} |
|||
<nav class="nav {navClasses}"> |
|||
{#each items as navItem, index} |
|||
<div class="nav-item" |
|||
on:click={onSelectItem(index)} |
|||
class:disabled={navItem.disabled} |
|||
class:active={selectedIndex === index}> |
|||
{navItem.title} |
|||
</div> |
|||
{/each} |
|||
</nav> |
|||
{/if} |
|||
{#each items as navItem, index} |
|||
|
|||
<div class="content" |
|||
bind:this={componentElements[index]}> |
|||
</div> |
|||
{/each} |
|||
</div> |
|||
|
|||
<style> |
|||
|
|||
.root { |
|||
height: 100%; |
|||
width:100%; |
|||
grid-template-columns: [navbar] auto [content] 1fr; |
|||
display: grid; |
|||
} |
|||
|
|||
.navbar { |
|||
grid-column: navbar; |
|||
background: var(--navBarBackground); |
|||
border: var(--navBarBorder); |
|||
color: var(--navBarColor); |
|||
} |
|||
|
|||
.navitem { |
|||
padding: 10px 17px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.navitem:hover { |
|||
background: var(--itemHoverBackground); |
|||
color: var(--itemHoverColor); |
|||
} |
|||
|
|||
.navitem.selected { |
|||
background: var(--selectedItemBackground); |
|||
border: var(--selectedItemBorder); |
|||
color: var(--selectedItemColor); |
|||
} |
|||
|
|||
.content { |
|||
grid-column: content; |
|||
} |
|||
|
|||
</style> |
|||
|
|||
@ -0,0 +1,40 @@ |
|||
<script> |
|||
import createApp from "./createApp"; |
|||
import { props } from "./props"; |
|||
|
|||
let _bb; |
|||
|
|||
const _appPromise = createApp(); |
|||
_appPromise.then(a => _bb = a); |
|||
|
|||
const testProps = props.hiddenNav; |
|||
|
|||
let currentComponent; |
|||
|
|||
$: { |
|||
if(_bb && currentComponent) { |
|||
_bb.initialiseComponent(testProps, currentComponent); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
</script> |
|||
|
|||
{#await _appPromise} |
|||
loading |
|||
{:then _bb} |
|||
|
|||
<div id="current_component" bind:this={currentComponent}> |
|||
</div> |
|||
|
|||
{/await} |
|||
|
|||
|
|||
<style> |
|||
#current_component { |
|||
height: 100%; |
|||
width: 100%; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,46 @@ |
|||
import { writable } from "svelte/store"; |
|||
import Login from "../Login.svelte"; |
|||
import Grid from "../Grid.svelte"; |
|||
import Form from "../Form.svelte"; |
|||
import Textbox from "../Textbox.svelte"; |
|||
import Text from "../Text.svelte"; |
|||
import Nav from "../Nav.svelte"; |
|||
import Panel from "../Panel.svelte"; |
|||
import StackPanel from "../StackPanel.svelte"; |
|||
import Table from "../Table.svelte"; |
|||
import Button from "../Button.svelte"; |
|||
import { createApp } from "@budibase/client/src/createApp"; |
|||
|
|||
export default async () => { |
|||
|
|||
const componentLibraries = { |
|||
components : { |
|||
login : Login, |
|||
grid : Grid, |
|||
form : Form, |
|||
textbox : Textbox, |
|||
text: Text, |
|||
nav: Nav, |
|||
panel: Panel, |
|||
table: Table, |
|||
stackpanel: StackPanel, |
|||
button: Button |
|||
} |
|||
} |
|||
|
|||
const appDef = {hierarchy:{}, actions:{}}; |
|||
const user = {name:"yeo", permissions:[]}; |
|||
|
|||
var app = createApp(componentLibraries, appDef, user); |
|||
app.store.update(s => { |
|||
s.people = [ |
|||
{name:"bob", address: "123 Main Street", status: "Open"}, |
|||
{name:"poppy", address: "456 Side Road", status: "Closed"}, |
|||
{name:"Oscar", address: "678 Dodgy Alley", status: "Open"}, |
|||
]; |
|||
return s; |
|||
}) |
|||
|
|||
return app; |
|||
|
|||
} |
|||
@ -0,0 +1,253 @@ |
|||
|
|||
export const props = { |
|||
|
|||
login: { _component:"components/login" }, |
|||
|
|||
form: { |
|||
_component: "components/form", |
|||
formControls: [ |
|||
{ |
|||
control: { |
|||
_component: "components/textbox" |
|||
}, |
|||
label:"First Name" |
|||
}, |
|||
{ |
|||
control: { |
|||
_component: "components/textbox" |
|||
}, |
|||
label:"Last Name" |
|||
} |
|||
] |
|||
}, |
|||
|
|||
nav: { |
|||
_component: "components/nav", |
|||
navBarBackground: "red", |
|||
navBarBorder: "1px solid maroon", |
|||
navBarColor: "black", |
|||
selectedItemBackground: "maroon", |
|||
selectedItemColor: "white", |
|||
selectedItemBorder: "green", |
|||
itemHoverBackground: "yellow", |
|||
itemHoverColor: "pink", |
|||
items: [ |
|||
{ |
|||
title: "People", |
|||
component: { |
|||
_component: "components/panel", |
|||
text:"People Panel", |
|||
padding: "40px", |
|||
border: "2px solid pink", |
|||
background: "mistyrose" |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
title: "Animals", |
|||
component: { |
|||
_component: "components/panel", |
|||
text:"Animals Panel", |
|||
padding: "40px", |
|||
border: "2px solid green", |
|||
background: "azure" |
|||
} |
|||
} |
|||
] |
|||
}, |
|||
|
|||
table: { |
|||
_component:"components/table", |
|||
columns: [ |
|||
{ |
|||
title: { |
|||
"##bbstate":"NameColumnName", |
|||
"##bbsource":"store", |
|||
"##bbstatefallback": "Name" |
|||
}, |
|||
value: { |
|||
"##bbstate":"name", |
|||
"##bbsource":"context" |
|||
} |
|||
}, |
|||
{ |
|||
title: "Address", |
|||
value: { |
|||
"##bbstate":"address", |
|||
"##bbsource":"context" |
|||
} |
|||
}, |
|||
{ |
|||
title: "Status", |
|||
value: { |
|||
"##bbstate":"status", |
|||
"##bbsource":"context" |
|||
} |
|||
} |
|||
], |
|||
data: { |
|||
"##bbstate":"people" |
|||
}, |
|||
onRowClick: [ |
|||
{ |
|||
"##eventHandlerType": "Set State", |
|||
parameters: { |
|||
path: "NameColumnName", |
|||
value: { |
|||
"##bbstate":"name", |
|||
"##bbsource":"context", |
|||
"##bbstatefallback": "balls to that" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
tableClass: "table-default", |
|||
theadClass: "thead-default", |
|||
tbodyClass: "tbody-default", |
|||
trClass: "tr-default", |
|||
thClass: "th-default" |
|||
|
|||
}, |
|||
|
|||
grid: { |
|||
_component: "components/grid", |
|||
gridTemplateColumns: "[left] auto [center] auto [right] auto", |
|||
gridTemplateRows: "[top] auto [middle] auto [bottom] auto", |
|||
children : [ |
|||
{ |
|||
control: { |
|||
_component: "components/text", |
|||
value: "1", |
|||
background: "blue", |
|||
textAlign:"center", |
|||
color: "white" |
|||
}, |
|||
gridColumn: "left", |
|||
gridRow: "top" |
|||
}, |
|||
{ |
|||
control: { |
|||
_component: "components/text", |
|||
value: "2", |
|||
background: "red", |
|||
textAlign:"center", |
|||
color: "white", |
|||
padding: "10px" |
|||
}, |
|||
gridColumn: "center", |
|||
gridRow: "middle" |
|||
}, |
|||
{ |
|||
control: { |
|||
_component: "components/text", |
|||
value: "3", |
|||
background: "yellow", |
|||
textAlign:"center", |
|||
color: "black" |
|||
}, |
|||
gridColumn: "right", |
|||
gridRow: "bottom" |
|||
} |
|||
] |
|||
}, |
|||
boundStackPanel: { |
|||
_component: "components/stackpanel", |
|||
direction: "horizontal", |
|||
children: [ |
|||
{ |
|||
control: { |
|||
_component: "components/text", |
|||
value: "STATIC" |
|||
} |
|||
} |
|||
], |
|||
data: { |
|||
"##bbstate":"people" |
|||
}, |
|||
dataItemComponent: { |
|||
_component: "components/panel", |
|||
text: { |
|||
"##bbstate":"name", |
|||
"##bbsource":"context", |
|||
"##bbstatefallback": "balls to that" |
|||
}, |
|||
padding: "10px", |
|||
border: "5px solid black", |
|||
margin: "10px", |
|||
hoverColor: "white", |
|||
hoverBackground: "black", |
|||
height:"200px", |
|||
weight:"200px" |
|||
} |
|||
}, |
|||
hiddenNav: { |
|||
_component: "components/stackpanel", |
|||
children: [ |
|||
{ |
|||
control:{ |
|||
_component: "components/button", |
|||
contentText: "Peep", |
|||
onClick: [ |
|||
{ |
|||
"##eventHandlerType": "Set State", |
|||
parameters: { |
|||
path: "selected", |
|||
value: "People" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
control:{ |
|||
_component: "components/button", |
|||
contentText: "Ani", |
|||
onClick: [ |
|||
{ |
|||
"##eventHandlerType": "Set State", |
|||
parameters: { |
|||
path: "selected", |
|||
value: "Animals" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
control: { |
|||
_component: "components/nav", |
|||
hideNavBar: true, |
|||
selectedItem: { |
|||
"##bbstate":"selected", |
|||
"##bbsource":"store", |
|||
"##bbstatefallback": "Animals" |
|||
}, |
|||
items: [ |
|||
{ |
|||
title: "People", |
|||
component: { |
|||
_component: "components/panel", |
|||
text:"People Panel", |
|||
padding: "40px", |
|||
border: "2px solid pink", |
|||
background: "mistyrose" |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
title: "Animals", |
|||
component: { |
|||
_component: "components/panel", |
|||
text:"Animals Panel", |
|||
padding: "40px", |
|||
border: "2px solid green", |
|||
background: "azure" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
import App from './TestApp.svelte'; |
|||
|
|||
const app = new App({ |
|||
target: document.body, |
|||
}); |
|||
|
|||
export default app; |
|||
@ -0,0 +1,9 @@ |
|||
export const buildStyle = (styles) => { |
|||
let str = ""; |
|||
for(let s in styles) { |
|||
if(styles[s]) { |
|||
str += `${s}: ${styles[s]}; ` |
|||
} |
|||
} |
|||
return str; |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
// https://github.com/kaisermann/svelte-css-vars
|
|||
|
|||
export default (node, props) => { |
|||
Object.entries(props).forEach(([key, value]) => { |
|||
node.style.setProperty(`--${key}`, value); |
|||
}); |
|||
|
|||
return { |
|||
update(new_props) { |
|||
Object.entries(new_props).forEach(([key, value]) => { |
|||
node.style.setProperty(`--${key}`, value); |
|||
delete props[key]; |
|||
}); |
|||
|
|||
Object.keys(props).forEach(name => |
|||
node.style.removeProperty(`--${name}`), |
|||
); |
|||
props = new_props; |
|||
}, |
|||
}; |
|||
}; |
|||
@ -0,0 +1 @@ |
|||
export const emptyProps = () => ({_component:""}); |
|||
@ -0,0 +1 @@ |
|||
/*export { app } from "./generators/appGenerator";*/ |
|||
@ -0,0 +1,18 @@ |
|||
export const buttons = () => [ |
|||
{ |
|||
name: "common/Primary Button", |
|||
description: "Bootstrap primary button ", |
|||
inherits: "@budibase/standard-components/button", |
|||
props: { |
|||
className: "btn btn-primary" |
|||
} |
|||
}, |
|||
{ |
|||
name: "common/Secondary Button", |
|||
description: "Bootstrap primary button", |
|||
inherits: "@budibase/standard-components/button", |
|||
props: { |
|||
className: "btn btn-primary" |
|||
} |
|||
} |
|||
] |
|||
@ -0,0 +1,15 @@ |
|||
export const getRecordPath = (record) => { |
|||
|
|||
const parts = []; |
|||
|
|||
const add = (current) => { |
|||
parts.push(current.name); |
|||
if(current.parent().type === "root") { |
|||
return; |
|||
} |
|||
|
|||
add(current.parent()); |
|||
} |
|||
|
|||
return parts.reverse().join("/"); |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
import { getRecordPath } from "./getRecordPath"; |
|||
|
|||
export const indexTables = ({indexes, helpers}) => |
|||
indexes.map(i => indexTable(i, helpers)); |
|||
|
|||
export const indexTableProps = (index, helpers) => ({ |
|||
data: { |
|||
"##bbstate":index.nodeKey(), |
|||
"##bbsource":"store" |
|||
}, |
|||
tableClass: "table table-hover", |
|||
theadClass: "thead-dark", |
|||
columns: helpers.indexSchema(index).map(column) |
|||
}); |
|||
|
|||
export const getIndexTableName = (index) => |
|||
`${getRecordPath}/${index.name} Table` |
|||
|
|||
const indexTable = (index, helpers) => ({ |
|||
name: getIndexTableName(index), |
|||
inherits: "@budibase/standard-components/table", |
|||
props: indexTableProps(index, helpers) |
|||
}); |
|||
|
|||
const column = (col) => ({ |
|||
title: col.name, |
|||
value: { |
|||
"##bbstate": col.name, |
|||
"##bbsource":"context" |
|||
} |
|||
}) |
|||
@ -0,0 +1,27 @@ |
|||
import {indexTables, getIndexTableName} from "./indexTablesGenerator"; |
|||
|
|||
export const nav = ({records, indexes, helpers}) => [ |
|||
{ |
|||
name: "Application Root", |
|||
inherits: "@budibase/bootstrap-components/nav", |
|||
props: { |
|||
items: indexes |
|||
.filter(i => i.parent().type === "root") |
|||
.map(navItem), |
|||
orientation: "horizontal", |
|||
alignment: "center", |
|||
fill: true, |
|||
pills: false |
|||
} |
|||
}, |
|||
...indexTables({records, indexes, helpers}) |
|||
] |
|||
|
|||
|
|||
export const navItem = (index) => ({ |
|||
title: index.name, |
|||
component : { |
|||
_component: getIndexTableName(index) |
|||
} |
|||
}) |
|||
|
|||
@ -0,0 +1,24 @@ |
|||
import {getIndexTableName} from "./indexTablesGenerator"; |
|||
|
|||
export const rootContent = ({indexes, records, helpers}) => |
|||
record.filter(r => r.parent().type === "root") |
|||
.map(r =>({ |
|||
record, |
|||
index:findIndexForRecord(indexes, r) |
|||
})) |
|||
.filter(r => r.index) |
|||
.map(component) |
|||
|
|||
|
|||
const findIndexForRecord = (indexes, record) => { |
|||
const forRecord = indexes.filter(i => i.allowedRecordNodeIds.includes(record.nodeId)); |
|||
if(forRecord.length === 0) return; |
|||
if(forRecord.length === 1) return forRecord[0]; |
|||
const noMap = forRecord.filter(i => !i.filter || !i.filter.trim()); |
|||
if(noMap.length === 0) forRecord[0]; |
|||
return noMap[0]; |
|||
} |
|||
|
|||
const component = (recordAndIndex) => { |
|||
_component: "" |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
/*export {default as button} from "./Button.svelte";*/ |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,78 +0,0 @@ |
|||
builder/* |
|||
.data/ |
|||
.temp/ |
|||
packages/server/runtime_apps/ |
|||
|
|||
# Logs |
|||
logs |
|||
*.log |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Runtime data |
|||
pids |
|||
*.pid |
|||
*.seed |
|||
*.pid.lock |
|||
|
|||
# Directory for instrumented libs generated by jscoverage/JSCover |
|||
lib-cov |
|||
|
|||
# Coverage directory used by tools like istanbul |
|||
coverage |
|||
|
|||
# nyc test coverage |
|||
.nyc_output |
|||
|
|||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) |
|||
.grunt |
|||
|
|||
# Bower dependency directory (https://bower.io/) |
|||
bower_components |
|||
|
|||
# node-waf configuration |
|||
.lock-wscript |
|||
|
|||
# Compiled binary addons (https://nodejs.org/api/addons.html) |
|||
build/Release |
|||
|
|||
# Dependency directories |
|||
node_modules/ |
|||
jspm_packages/ |
|||
|
|||
# TypeScript v1 declaration files |
|||
typings/ |
|||
|
|||
# Optional npm cache directory |
|||
.npm |
|||
|
|||
# Optional eslint cache |
|||
.eslintcache |
|||
|
|||
# Optional REPL history |
|||
.node_repl_history |
|||
|
|||
# Output of 'npm pack' |
|||
*.tgz |
|||
|
|||
# Yarn Integrity file |
|||
.yarn-integrity |
|||
|
|||
# dotenv environment variables file |
|||
.env |
|||
|
|||
# parcel-bundler cache (https://parceljs.org/) |
|||
.cache |
|||
|
|||
# next.js build output |
|||
.next |
|||
|
|||
# nuxt.js build output |
|||
.nuxt |
|||
|
|||
# vuepress build output |
|||
.vuepress/dist |
|||
|
|||
# Serverless directories |
|||
.serverless |
|||
@ -1,20 +0,0 @@ |
|||
{ |
|||
"name": "Application Root", |
|||
"inherits": "@budibase/standard-components/nav", |
|||
"props": { |
|||
"items": [ |
|||
{ |
|||
"title": "Yeo index", |
|||
"component": { |
|||
"_component": "tables/Yeo index Table" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "everyones_invoices", |
|||
"component": { |
|||
"_component": "tables/everyones_invoices Table" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,16 +0,0 @@ |
|||
{ |
|||
"name": "Yeo button", |
|||
"description": "aye so it it", |
|||
"inherits": "@budibase/standard-components/button", |
|||
"props": { |
|||
"background": "red", |
|||
"hoverBackground": "blue", |
|||
"color": "white", |
|||
"border": "solid 5px green", |
|||
"hoverBorder": "solid 10px yellow", |
|||
"hoverColor": "purple" |
|||
}, |
|||
"tags": [ |
|||
"button" |
|||
] |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
{ |
|||
"name": "common/H1", |
|||
"description": "Header 1", |
|||
"inherits": "@budibase/standard-components/text", |
|||
"props": { |
|||
"font": "20pt" |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
{ |
|||
"name": "common/H2", |
|||
"description": "Header 2", |
|||
"inherits": "@budibase/standard-components/text", |
|||
"props": { |
|||
"font": "15pt" |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
{ |
|||
"name": "common/H3", |
|||
"description": "Header 3", |
|||
"inherits": "@budibase/standard-components/text", |
|||
"props": { |
|||
"font": "12pt bold" |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
{ |
|||
"name": "common/H4", |
|||
"description": "Header 4", |
|||
"inherits": "@budibase/standard-components/text", |
|||
"props": { |
|||
"font": "10pt bold" |
|||
} |
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
{ |
|||
"name": "customer Form", |
|||
"description": "All fields on record '/customers/1-{id}' ", |
|||
"inherits": "@budibase/standard-components/stackpanel", |
|||
"props": { |
|||
"direction": "vertical", |
|||
"children": [ |
|||
{ |
|||
"control": { |
|||
"_component": "common/H1", |
|||
"value": "Edit customer" |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/form", |
|||
"formControls": [ |
|||
{ |
|||
"label": "name", |
|||
"control": { |
|||
"_component": "@budibase/standard-components/textbox", |
|||
"value": { |
|||
"##bbstate": "currentcustomer.name", |
|||
"##bbsource": "store" |
|||
} |
|||
} |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/stackpanel", |
|||
"direction": "horizontal", |
|||
"children": [ |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/panel", |
|||
"padding": "20px", |
|||
"component": { |
|||
"_component": "common/Primary Button", |
|||
"contentText": "Save customer", |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Save Record", |
|||
"parameters": { |
|||
"statePath": "currentcustomer" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/panel", |
|||
"padding": "20px", |
|||
"component": { |
|||
"_component": "common/Secondary Button", |
|||
"contentText": "Cancel", |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Save Record", |
|||
"parameters": { |
|||
"statePath": "currentcustomer" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
{ |
|||
"name": "invoiceyooo Form", |
|||
"description": "All fields on record '/customers/1-{id}/invoices/2-{id}' ", |
|||
"inherits": "@budibase/standard-components/stackpanel", |
|||
"props": { |
|||
"direction": "vertical", |
|||
"children": [ |
|||
{ |
|||
"control": { |
|||
"_component": "common/H1", |
|||
"value": "Edit invoiceyooo" |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/form", |
|||
"formControls": [ |
|||
{ |
|||
"label": "amount", |
|||
"control": { |
|||
"_component": "@budibase/standard-components/textbox", |
|||
"value": { |
|||
"##bbstate": "currentinvoiceyooo.amount", |
|||
"##bbsource": "store" |
|||
} |
|||
} |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/stackpanel", |
|||
"direction": "horizontal", |
|||
"children": [ |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/panel", |
|||
"padding": "20px", |
|||
"component": { |
|||
"_component": "common/Primary Button", |
|||
"contentText": "Save invoiceyooo", |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Save Record", |
|||
"parameters": { |
|||
"statePath": "currentinvoiceyooo" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"control": { |
|||
"_component": "@budibase/standard-components/panel", |
|||
"padding": "20px", |
|||
"component": { |
|||
"_component": "common/Secondary Button", |
|||
"contentText": "Cancel", |
|||
"onClick": [ |
|||
{ |
|||
"##eventHandlerType": "Save Record", |
|||
"parameters": { |
|||
"statePath": "currentinvoiceyooo" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,54 +0,0 @@ |
|||
{ |
|||
"name": "tables/Yeo index Table", |
|||
"inherits": "@budibase/standard-components/table", |
|||
"props": { |
|||
"data": { |
|||
"##bbstate": "/Yeo index", |
|||
"##bbsource": "store" |
|||
}, |
|||
"columns": [ |
|||
{ |
|||
"title": "id", |
|||
"value": { |
|||
"##bbstate": "id", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "isNew", |
|||
"value": { |
|||
"##bbstate": "isNew", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "key", |
|||
"value": { |
|||
"##bbstate": "key", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "name", |
|||
"value": { |
|||
"##bbstate": "name", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "type", |
|||
"value": { |
|||
"##bbstate": "type", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "sortKey", |
|||
"value": { |
|||
"##bbstate": "sortKey", |
|||
"##bbsource": "context" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,54 +0,0 @@ |
|||
{ |
|||
"name": "tables/everyones_invoices Table", |
|||
"inherits": "@budibase/standard-components/table", |
|||
"props": { |
|||
"data": { |
|||
"##bbstate": "/everyones_invoices", |
|||
"##bbsource": "store" |
|||
}, |
|||
"columns": [ |
|||
{ |
|||
"title": "amount", |
|||
"value": { |
|||
"##bbstate": "amount", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "id", |
|||
"value": { |
|||
"##bbstate": "id", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "isNew", |
|||
"value": { |
|||
"##bbstate": "isNew", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "key", |
|||
"value": { |
|||
"##bbstate": "key", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "type", |
|||
"value": { |
|||
"##bbstate": "type", |
|||
"##bbsource": "context" |
|||
} |
|||
}, |
|||
{ |
|||
"title": "sortKey", |
|||
"value": { |
|||
"##bbstate": "sortKey", |
|||
"##bbsource": "context" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,23 +0,0 @@ |
|||
{ |
|||
"textbox" : { |
|||
"path": "./textbox", |
|||
"name": "Textbox", |
|||
"description": "A text input, with a label", |
|||
"props": { |
|||
"label": "string", |
|||
"content": "component" |
|||
}, |
|||
"tags": ["textbox", "input", "text"] |
|||
}, |
|||
"button" : { |
|||
"path": "./button", |
|||
"name": "Button", |
|||
"description": "a button", |
|||
"props": { |
|||
"contentText": "string", |
|||
"contentComponent": "component", |
|||
"class": "string" |
|||
}, |
|||
"tags": ["button"] |
|||
} |
|||
} |
|||
Binary file not shown.
@ -1,11 +0,0 @@ |
|||
{ |
|||
"textbox" : { |
|||
"path": "./textbox", |
|||
"name": "Textbox", |
|||
"description": "A text input, with a label", |
|||
"props": { |
|||
"label": "string" |
|||
}, |
|||
"tags": ["textboxt", "input", "text"] |
|||
} |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
{ |
|||
"name": "testApp2", |
|||
"version": "1.0.0", |
|||
"lockfileVersion": 1, |
|||
"requires": true, |
|||
"dependencies": { |
|||
"@budibase/standard-components": { |
|||
"version": "0.0.10", |
|||
"resolved": "https://registry.npmjs.org/@budibase/standard-components/-/standard-components-0.0.10.tgz", |
|||
"integrity": "sha512-MoM01oGpzA4ipTbJkGMSoqe3cBWv9R28zvLOU+0XxQJrLGOFz6DH/5f0gC0s70wXGSGEoEeLXulUqsp1LgeReA==" |
|||
} |
|||
} |
|||
} |
|||
@ -1,15 +1,13 @@ |
|||
{ |
|||
"name": "testapp2", |
|||
"name": "testApp2", |
|||
"version": "1.0.0", |
|||
"description": "", |
|||
"main": "plugins.js", |
|||
"scripts": { |
|||
"test": "echo \"Error: no test specified\" && exit 1" |
|||
}, |
|||
"author": "", |
|||
"license": "ISC", |
|||
"dependencies": { |
|||
"@budibase/client": "file:../../../client", |
|||
"@budibase/standard-components": "file:../../../standard-components" |
|||
"@budibase/standard-components": "^0.0.10" |
|||
} |
|||
} |
|||
|
|||
@ -1,18 +1,16 @@ |
|||
{ |
|||
"main": { |
|||
"index": { |
|||
"title": "main yeo" |
|||
}, |
|||
"appBody": "common/Prim Button" |
|||
"index": {}, |
|||
"appBody": "" |
|||
}, |
|||
"unauthenticated": { |
|||
"index": { |
|||
"title": "main" |
|||
}, |
|||
"appBody": "common/Secondary Button" |
|||
"index": {}, |
|||
"appBody": "" |
|||
}, |
|||
"componentLibraries": [ |
|||
"@budibase/standard-components" |
|||
], |
|||
"stylesheets": [] |
|||
"stylesheets": [ |
|||
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" |
|||
] |
|||
} |
|||
|
|||
@ -1,14 +1,2 @@ |
|||
const fs = require("fs"); |
|||
|
|||
module.exports = (config) => ({ |
|||
main: { |
|||
outputToFile : async ({filename, content}) => { |
|||
await new Promise((resolve,reject) => { |
|||
fs.writeFile(`./tests/.data/${filename}`, content, {encoding:"utf8"}, err => { |
|||
if(err) reject(); |
|||
else resolve(err); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
module.exports = (config) => ({}) |
|||
@ -0,0 +1 @@ |
|||
whats the craic big lawd ? |
|||
@ -1 +0,0 @@ |
|||
console.log("test app 1 - main"); |
|||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{"_component":"@budibase/standard-components/button","contentText":"Button","contentComponent":{"_component":""},"className":"default","disabled":false,"onClick":[],"background":"##f2f2f2","color":"#5F6368","border":"1px solid #EEE","padding":"5px 7px","hoverColor":"black","hoverBackground":"#cccccc","hoverBorder":""}} |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":null,"values":null,"allowDeclaredValuesOnly":false},"label":"Name","getInitialValue":"default","getUndefinedValue":"default"},{"name":"enquiry","type":"string","typeOptions":{"maxLength":null,"values":["Google","Facebook","Word of Mouth"],"allowDeclaredValuesOnly":true},"label":"Enquiry Source","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":1,"indexes":[],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"all_customers","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":2}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{}} |
|||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
console.log("test app 1 - unauthenticated"); |
|||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":1000,"values":null,"allowDeclaredValuesOnly":false},"label":"name","getInitialValue":"default","getUndefinedValue":"default"}],"children":[{"name":"invoiceyooo","type":"record","fields":[{"name":"amount","type":"number","typeOptions":{"minValue":99999999999,"maxValue":99999999999,"decimalPlaces":2},"label":"amount","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":2,"indexes":[],"allidsShardFactor":1,"collectionName":"invoices","isSingle":false}],"validationRules":[],"nodeId":1,"indexes":[{"name":"customer_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":5}],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"Yeo index","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":4},{"name":"everyones_invoices","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[2],"nodeId":6}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{"_component":"@budibase/standard-components/button","contentText":"Button","contentComponent":{"_component":""},"className":"default","disabled":false,"onClick":[],"background":"##f2f2f2","color":"#5F6368","border":"1px solid #EEE","padding":"5px 7px","hoverColor":"black","hoverBackground":"#cccccc","hoverBorder":""}} |
|||
window['##BUDIBASE_APPDEFINITION##'] = {"hierarchy":{"name":"root","type":"root","children":[{"name":"customer","type":"record","fields":[{"name":"name","type":"string","typeOptions":{"maxLength":null,"values":null,"allowDeclaredValuesOnly":false},"label":"Name","getInitialValue":"default","getUndefinedValue":"default"},{"name":"enquiry","type":"string","typeOptions":{"maxLength":null,"values":["Google","Facebook","Word of Mouth"],"allowDeclaredValuesOnly":true},"label":"Enquiry Source","getInitialValue":"default","getUndefinedValue":"default"}],"children":[],"validationRules":[],"nodeId":1,"indexes":[],"allidsShardFactor":64,"collectionName":"customers","isSingle":false}],"pathMaps":[],"indexes":[{"name":"all_customers","type":"index","map":"return {...record};","filter":"","indexType":"ancestor","getShardName":"","getSortKey":"record.id","aggregateGroups":[],"allowedRecordNodeIds":[1],"nodeId":2}],"nodeId":0},"componentLibraries":[{"importPath":"/lib/node_modules/@budibase/standard-components/dist/index.js","libName":"@budibase/standard-components"}],"appRootPath":"/testApp2","props":{}} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,53 +0,0 @@ |
|||
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. |
|||
# yarn lockfile v1 |
|||
|
|||
|
|||
"@budibase/client@file:../../../client": |
|||
version "0.0.3" |
|||
dependencies: |
|||
"@nx-js/compiler-util" "^2.0.0" |
|||
date-fns "^1.29.0" |
|||
lodash "^4.17.15" |
|||
lunr "^2.3.5" |
|||
shortid "^2.2.8" |
|||
svelte "^3.9.2" |
|||
|
|||
"@budibase/standard-components@file:../../../standard-components": |
|||
version "0.0.5" |
|||
|
|||
"@nx-js/compiler-util@^2.0.0": |
|||
version "2.0.0" |
|||
resolved "https://registry.yarnpkg.com/@nx-js/compiler-util/-/compiler-util-2.0.0.tgz#c74c12165fa2f017a292bb79af007e8fce0af297" |
|||
integrity sha512-AxSQbwj9zqt8DYPZ6LwZdytqnwfiOEdcFdq4l8sdjkZmU2clTht7RDLCI8xvkp7KqgcNaOGlTeCM55TULWruyQ== |
|||
|
|||
date-fns@^1.29.0: |
|||
version "1.30.1" |
|||
resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.30.1.tgz#2e71bf0b119153dbb4cc4e88d9ea5acfb50dc05c" |
|||
integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw== |
|||
|
|||
lodash@^4.17.15: |
|||
version "4.17.15" |
|||
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548" |
|||
integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A== |
|||
|
|||
lunr@^2.3.5: |
|||
version "2.3.6" |
|||
resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.6.tgz#f278beee7ffd56ad86e6e478ce02ab2b98c78dd5" |
|||
integrity sha512-swStvEyDqQ85MGpABCMBclZcLI/pBIlu8FFDtmX197+oEgKloJ67QnB+Tidh0340HmLMs39c4GrkPY3cmkXp6Q== |
|||
|
|||
nanoid@^2.1.0: |
|||
version "2.1.0" |
|||
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-2.1.0.tgz#3de3dbd68cfb2f3bd52550e2bfd439cf75040eb2" |
|||
integrity sha512-g5WwS+p6Cm+zQhO2YOpRbQThZVnNb7DDq74h8YDCLfAGynrEOrbx2E16dc8ciENiP1va5sqaAruqn2sN+xpkWg== |
|||
|
|||
shortid@^2.2.8: |
|||
version "2.2.15" |
|||
resolved "https://registry.yarnpkg.com/shortid/-/shortid-2.2.15.tgz#2b902eaa93a69b11120373cd42a1f1fe4437c122" |
|||
integrity sha512-5EaCy2mx2Jgc/Fdn9uuDuNIIfWBpzY4XIlhoqtXF6qsf+/+SGZ+FxDdX/ZsMZiWupIWNqAEmiNY4RC+LSmCeOw== |
|||
dependencies: |
|||
nanoid "^2.1.0" |
|||
|
|||
svelte@^3.9.2: |
|||
version "3.12.1" |
|||
resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.12.1.tgz#ddfacd43272ac3255907c682b74ee7d3d8b06b0c" |
|||
integrity sha512-t29WJNjHIqfrdMcVXqIyRfgLEaNz7MihKXTpb8qHlbzvf0WyOOIhIlwIGvl6ahJ9+9CLJwz0sjhFNAmPgo8BHg== |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,62 @@ |
|||
<script> |
|||
|
|||
export let children = []; |
|||
export let className=""; |
|||
export let data=[]; |
|||
export let dataItemComponent; |
|||
export let onLoad; |
|||
|
|||
export let _bb; |
|||
|
|||
let rootDiv; |
|||
let staticComponentsApplied=false; |
|||
let dataBoundComponents = []; |
|||
let previousData; |
|||
let onLoadCalled = false; |
|||
|
|||
const hasData = () => |
|||
Array.isArray(data) && data.length > 0; |
|||
|
|||
$: { |
|||
|
|||
if(children && children.length > 0 && !staticComponentsApplied) { |
|||
for(let child of children) { |
|||
_bb.appendComponent( |
|||
child.control, |
|||
rootDiv); |
|||
} |
|||
} |
|||
|
|||
|
|||
if(previousData !== data) { |
|||
|
|||
for(let c of dataBoundComponents) { |
|||
dataBoundComponents[c].$destroy(); |
|||
} |
|||
dataBoundComponents = []; |
|||
|
|||
|
|||
if(hasData()) { |
|||
let index = 0; |
|||
for(let dataItem of data) { |
|||
_bb.appendComponent( |
|||
dataItemComponent, |
|||
rootDiv, |
|||
dataItem |
|||
); |
|||
} |
|||
} |
|||
} |
|||
|
|||
if(!onLoadCalled && onLoad && !onLoad.isPlaceholder) { |
|||
_bb.call(onLoad); |
|||
onLoadCalled = true; |
|||
} |
|||
} |
|||
|
|||
|
|||
</script> |
|||
|
|||
<div class="{className}" bind:this={rootDiv}> |
|||
</div> |
|||
|
|||
Loading…
Reference in new issue