dbm 1.2.6 → 1.2.8

package/commands/CommandBaseObject.js

@@ -33,4 +33,8 @@ export default class CommandBaseObject extends Dbm.core.BaseObject {
     getInput(aName) {
         return this._resolveSource(this.item[aName]);
     }
+
+    getInputFrom(aName, aFromObject = null, aData = null) {
+        return this._resolveSource(this.item[aName], aFromObject, aData);
+    }
 }

package/commands/SetProperty.js

@@ -11,8 +11,8 @@ export default class SetProperty extends CommandBaseObject {
 
     perform(aFromObject, aData) {
 		
-        let value = this.getInput("value");
+        let value = this.getInputFrom("value", aFromObject, aData);
         
-        this._resolveSourceWithoutFlow(this.item.property, aFromObject, aData).value = value;
+        this._resolveSourceWithoutFlow(this.item.property, aFromObject, aData).getMostUpstreamProperty().value = value;
     }
 }

package/commands/index.js

@@ -52,6 +52,11 @@ export const performCommands = function(aCommands, aFromObject = null, aEventDat
     let currentArrayLength = currentArray.length;
     for(let i = 0; i < currentArrayLength; i++) {
         let currentCommand = currentArray[i];
-        currentCommand.perform(aFromObject, aEventData);
+        try {
+            currentCommand.perform(aFromObject, aEventData);
+        }
+        catch(theError) {
+            console.error("Error while running command", theError, currentCommand);
+        }
     }
 }

package/ecommerce/CartLineItem.js

@@ -22,8 +22,8 @@ export default class CartLineItem extends Dbm.core.BaseObject {
     }
 
     setQuantity(aQuantity) {
-        console.log("setQuantity");
-        console.log(aQuantity);
+        //console.log("setQuantity");
+        //console.log(aQuantity);
 
         this.item.quantity = aQuantity;
 

package/ecommerce/LocalStorageCartLoader.js

@@ -28,13 +28,11 @@ export default class LocalStorageCartLoader extends Dbm.core.BaseObject {
             let cartDataString = localStorage.getItem(this.item.storageKey);
             if(cartDataString) {
                 let cartData = JSON.parse(cartDataString);
-                console.log(cartData);
                 let currentArray = cartData.lineItems;
                 let currentArrayLength = currentArray.length;
                 for(let i = 0; i < currentArrayLength; i++) {
                     let currentData = currentArray[i];
 
-                    console.log(">>>>>>>>", currentData["quantity"]);
                     this.item.cart.controller.addProduct(repository.getItem(currentData["product"]), currentData["quantity"]);
                 }
             }

package/flow/updatefunctions/dom/ElementPosition.js

@@ -12,6 +12,9 @@ export default class ElementPosition extends Dbm.flow.FlowUpdateFunction {
 		this.output.register("screenX", NaN);
 		this.output.register("screenY", NaN);
 
+		this.output.register("pageX", NaN);
+		this.output.register("pageY", NaN);
+
 		this.output.register("parameterX", NaN);
 		this.output.register("parameterY", NaN);
 		
@@ -22,6 +25,7 @@ export default class ElementPosition extends Dbm.flow.FlowUpdateFunction {
     }
 
     start() {
+		//console.log("start");
 		window.addEventListener("resize", this._callback_scrollBound, false);
 		window.addEventListener("scroll", this._callback_scrollBound, false);
 		this.output.properties.prepare.startUpdating();
@@ -47,7 +51,6 @@ export default class ElementPosition extends Dbm.flow.FlowUpdateFunction {
 			//console.log(theInnerWidth, theInnerHeight);
 			
 			let rect = element.getBoundingClientRect();
-			//console.log(rect);
 			
 			let prepareX = this.input.prepareX;
 			let prepareY = this.input.prepareY;
@@ -66,6 +69,9 @@ export default class ElementPosition extends Dbm.flow.FlowUpdateFunction {
 			
 			this.output.screenX = screenX;
 			this.output.screenY = screenY;
+
+			this.output.pageX = screenX-window.scrollX;
+			this.output.pageY = screenY-window.scrollY;
 			
 			this.output.parameterX = parameterX;
 			this.output.parameterY = parameterY;
@@ -116,6 +122,9 @@ export default class ElementPosition extends Dbm.flow.FlowUpdateFunction {
 			
 			this.output.properties.screenX._internal_setValueInFlowOutsideOfUpdate(screenX);
 			this.output.properties.screenY._internal_setValueInFlowOutsideOfUpdate(screenY);
+
+			this.output.properties.pageX._internal_setValueInFlowOutsideOfUpdate(screenX+window.scrollX);
+			this.output.properties.pageY._internal_setValueInFlowOutsideOfUpdate(screenY+window.scrollY);
 			
 			this.output.properties.parameterX._internal_setValueInFlowOutsideOfUpdate(parameterX);
 			this.output.properties.parameterY._internal_setValueInFlowOutsideOfUpdate(parameterY);

package/flow/updatefunctions/thirdparty/google/maps/AutoComplete.js

@@ -26,7 +26,7 @@ export default class AutoComplete extends Dbm.flow.FlowUpdateFunction {
     }
 
     _scriptLoaded() {
-        console.log("_scriptLoaded");
+        //console.log("_scriptLoaded");
         if(!this._loadedScript) {
             this._loadedScript = true;
             this._update();
@@ -46,7 +46,7 @@ export default class AutoComplete extends Dbm.flow.FlowUpdateFunction {
     }
 
     _update() {
-        console.log("_update");
+        //console.log("_update");
 
         let text = this.input.text;
         this._currentText = text;

package/graphapi/index.js

@@ -1,2 +1 @@
-export * as webclient from "./webclient/index.js";
-export * as admin from "./admin/index.js";
+export * as webclient from "./webclient/index.js";

package/graphapi/webclient/WebSocketConnection.js

@@ -300,6 +300,7 @@ export default class WebSocketConnection extends Dbm.core.BaseObject {
                         item.setValue("user", null);
                     }
                     repository.getItem("site").currentUser = item.user;
+                    repository.getItem("site").checkedUser = true;
                     item.setValue("status", Dbm.loading.LoadingStatus.LOADED);
                 }
                 break;
@@ -311,6 +312,7 @@ export default class WebSocketConnection extends Dbm.core.BaseObject {
                     else {
                         repository.getItem("site").currentUser = null;
                     }
+                    repository.getItem("site").checkedUser = true;
                     this._connectionReady();
                 }
                 break;

package/graphapi/webclient/admin/ItemEditor.js

@@ -42,6 +42,15 @@ export default class ItemEditor extends Dbm.core.BaseObject {
         return this.addEditor(aField, aInitialValue, Dbm.graphapi.webclient.admin.SaveFunctions.setField, aUpdateEncoding);
     }
 
+    getAdminFieldEditor(aField) {
+        let item = this.item.editedItem;
+        
+        let initialDataPath = "fields." + aField;
+        let initialData = Dbm.objectPath(item, initialDataPath);
+
+        return this.addFieldEditor(aField, initialData);
+    }
+
     addFieldTranslationEditor(aField, aLanguage, aInitialValue, aUpdateEncoding = null) {
         let name = "translation_" + aField + "_" + aLanguage;
         let valueEditor = this.item["editor_" + name];
@@ -80,11 +89,29 @@ export default class ItemEditor extends Dbm.core.BaseObject {
         return this._addRelationEditor(name, aType, aObjectType, aInitialValue, Dbm.graphapi.webclient.admin.SaveFunctions.incomingRelation, aUpdateEncoding);
     }
 
+    getDefaultIncomingRelationEditor(aType, aObjectType) {
+        let item = this.item.editedItem;
+        
+        let relations = Dbm.utils.ArrayFunctions.filterByField(Dbm.objectPath(item, "relations/in." + aType + ".objects"), "objectTypes", aObjectType, "arrayContains");
+        let relation = (relations && relations.length) ? relations[0].id : null;
+        
+        return this.addIncomingRelationEditor(aType, aObjectType, relation, ["relations"]);     
+    }
+
     addOutgoingRelationEditor(aType, aObjectType, aInitialValue, aUpdateEncoding = null) {
         let name = "out_" + aType + "_" + aObjectType;
         return this._addRelationEditor(name, aType, aObjectType, aInitialValue, Dbm.graphapi.webclient.admin.SaveFunctions.outgoingRelation, aUpdateEncoding);
     }
 
+    getDefaultOutgoingRelationEditor(aType, aObjectType) {
+        let item = this.item.editedItem;
+        
+        let relations = Dbm.utils.ArrayFunctions.filterByField(Dbm.objectPath(item, "relations/out." + aType + ".objects"), "objectTypes", aObjectType, "arrayContains");
+        let relation = (relations && relations.length) ? relations[0].id : null;
+        
+        return this.addOutgoingRelationEditor(aType, aObjectType, relation, ["relations"]);     
+    }
+
     _addMultipleRelationsEditor(aName, aType, aObjectType, aInitialValue, aSaveFunction, aUpdateEncoding = null) {
         let valueEditor = this.item["editor_relation_" + aName];
         if(!valueEditor) {
@@ -183,6 +210,33 @@ export default class ItemEditor extends Dbm.core.BaseObject {
         return valueEditor;
     }
 
+    getUrlEditor(aInitialValue) {
+        let name = "url";
+        let valueEditor = this.item["url"];
+        if(!valueEditor) {
+            valueEditor = new Dbm.graphapi.webclient.admin.ValueEditor();
+            valueEditor.item.editValue.setInitialValue(aInitialValue);
+
+            valueEditor.item.setValue("itemEditor", this.item);
+            valueEditor.item.setValue("updateEncoding", "url");
+
+            this.item.anyChange.addCheck(valueEditor.item.properties.changed);
+            this.item.setValue(name, valueEditor); 
+            this.item.editors = [].concat(this.item.editors, valueEditor);
+            
+            valueEditor.addSaveFunction(Dbm.graphapi.webclient.admin.SaveFunctions.setUrl);
+        }
+
+        return valueEditor;
+    }
+
+    getAdminUrlEditor() {
+        let item = this.item.editedItem;
+        let value = Dbm.objectPath(item, "url");
+        
+        return this.getUrlEditor(value);     
+    }
+
     addCommandsToSaveData(aSaveData) {
 
         let editedItemId = Dbm.objectPath(this.item, "editedItem.id");

package/graphapi/webclient/decode/index.js

@@ -216,4 +216,13 @@ export const fullSetup = function() {
 
     setupDefaultDecoder("name_translations", ["name/translations"], [], [], [Dbm.commands.callFunction(connectTranslations, [Dbm.core.source.event("item"), "name/translations", "name/translated", "name"])]);
     setupDefaultDecoder("title_translations", ["title/translations"], [], [], [Dbm.commands.callFunction(connectTranslations, [Dbm.core.source.event("item"), "title/translations", "title/translated", "title"])]);
+
+    let linkUpMenu = function(aItem) {
+        console.log("linkUpMenu");
+        console.log(aItem);
+    }
+
+    setupDefaultDecoder("menuLocation", ["identifier"], ["menu"], []);
+    setupDefaultDecoder("menu", ["order"], [], ["menuItems"], [Dbm.commands.callFunction(linkUpMenu, [Dbm.core.source.event("item")])]);
+    setupDefaultDecoder("menuItem", ["label", "link"], [], []);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dbm",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "main": "index.js",
   "type": "module",
   "scripts": {},

package/react/AddProps.js

@@ -0,0 +1,127 @@
+import React from "react";
+import Dbm from "../index.js";
+
+export default class AddProps extends Dbm.react.BaseObject {
+
+	_construct() {
+		super._construct();
+		
+		this._clonedElement = null;
+	}
+	
+	_getMainElementProps() {
+		//console.log("wprr/manipulation/ManipulationBaseObject::_getMainElementProps");
+		let returnObject = {};
+
+		for(let objectName in this.props) {
+			if(objectName === "children") {
+				//MENOTE: children should not be passed on
+				continue;
+			}
+			returnObject[objectName] = this.props[objectName];
+		}
+		
+		return returnObject;
+	}
+	
+	_performCloneWithNewChildren(aChild, aProps, aChildren) {
+		var callArray = [aChild, aProps];
+		
+		callArray = callArray.concat(aChildren);
+		
+		return React.cloneElement.apply(React, callArray);
+	}
+	
+	_performClone(aChild, aProps) {
+		
+		if(aChild instanceof Array) {
+			let returnArray = [];
+			
+			let currentArray = aChild;
+			let currentArrayLength = currentArray.length;
+			for(let i = 0; i < currentArrayLength; i++) {
+				let currentChild = currentArray[i];
+				returnArray.push(this._performClone(currentChild, aProps));
+			}
+			
+			return returnArray;
+		}
+		
+		let newProps = aProps;
+		if(aChild && aChild.props && aChild.props.className) {
+			newProps = {};
+			for(let objectName in aProps) {
+				newProps[objectName] = aProps[objectName];
+			}
+			if(aProps.className) {
+				newProps.className = aProps.className + " " + aChild.props.className;
+			} 
+			else {
+				newProps.className = aChild.props.className;
+			}
+		}
+		
+		let callArray = [aChild, newProps];
+		
+		if(aChild && aChild.props) {
+			let firstChildChildren = aChild.props.children;
+			if(!firstChildChildren) {
+				callArray.push(null);
+			}
+			else if(firstChildChildren instanceof Array) {
+				callArray = callArray.concat(firstChildChildren);
+			}
+			else {
+				callArray.push(firstChildChildren);
+			}
+		}
+		
+		return React.cloneElement.apply(React, callArray);
+	}
+	
+	_cloneChildrenAndAddProps(aChildren) {
+		//console.log("wprr/manipulation/ManipulationBaseObject::_cloneChildrenAndAddProps");
+		
+		let children = aChildren;
+		
+		if(children.length === 0) {
+			return null;
+		}
+		else if(children.length === 1) {
+			return this._performClone(children[0], this.props);
+		}
+		
+		let returnArray = new Array();
+		
+		let mainElementProps = this.props;
+		
+		let currentArray = children;
+		let currentArrayLength = currentArray.length;
+		for(let i = 0; i < currentArrayLength; i++) {
+			let currentChild = currentArray[i];
+			
+			if(currentChild !== null) {
+				let newChild = this._performClone(currentChild, mainElementProps);
+				returnArray.push(newChild);
+			}
+		}
+		
+		let callArray = [Fragment, {}].concat(returnArray);
+		return React.createElement.apply(React, callArray);
+	}
+	
+	_renderClonedElement() {
+		return this._cloneChildrenAndAddProps(this.getPropValue("children"));
+	}
+	
+	_createClonedElement() {
+		//console.log("wprr/manipulation/ManipulationBaseObject::_createClonedElement");
+		
+		this._clonedElement = this._renderClonedElement();
+	}
+	
+	_renderMainElement() {
+		this._createClonedElement();
+		return this._clonedElement;
+	}
+}

package/react/BaseObject.js

@@ -145,7 +145,7 @@ export default class BaseObject extends Component {
     }
 
     _renderMainElement() {
-        return this._createMainElement("div", {}, this.props.children);
+        return this._createMainElement("div", {ref: this.createRef("mainElement")}, this.props.children);
     }
 
     _mainElement(aReactElement) {

package/react/ChildFunctions.js

@@ -1,4 +1,5 @@
 import Dbm from "../index.js";
+import React from "react";
 
 export const splitIntoSlots = function(aChildren) {
     let returnObject = {};
@@ -24,4 +25,57 @@ export const splitIntoSlots = function(aChildren) {
     
 
     return returnObject;
-}
+}
+
+export const clone = function(aChild, aProps) {
+        
+        if(aChild instanceof Array) {
+            let returnArray = [];
+            
+            let currentArray = aChild;
+            let currentArrayLength = currentArray.length;
+            for(let i = 0; i < currentArrayLength; i++) {
+                let currentChild = currentArray[i];
+                returnArray.push(clone(currentChild, aProps));
+            }
+
+            if(currentArrayLength === 1) {
+                return returnArray[0];
+            }
+            
+            return returnArray;
+        }
+        
+        let newProps = aProps;
+
+        if(aChild && aChild.props && aChild.props.className) {
+            newProps = {...aProps};
+            
+            if(aProps.className) {
+                newProps.className = aProps.className + " " + aChild.props.className;
+            } 
+            else {
+                newProps.className = aChild.props.className;
+            }
+        }
+
+        //METODO: combine styles
+        //METODO: combine listeners
+        
+        let callArray = [aChild, newProps];
+        
+        if(aChild && aChild.props) {
+            let firstChildChildren = aChild.props.children;
+            if(!firstChildChildren) {
+                //MENOTE: do nothing
+            }
+            else if(firstChildChildren instanceof Array) {
+                callArray = callArray.concat(firstChildChildren);
+            }
+            else {
+                callArray.push(firstChildChildren);
+            }
+        }
+        
+        return React.cloneElement.apply(React, callArray);
+    }

package/react/admin/EditLanguage.js

@@ -0,0 +1,91 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class EditLanguage extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        this.item.requireProperty("availableLanguages", []);
+        
+        {
+            let request = Dbm.getGraphApi().requestRange([{"type": "byObjectType", "objectType": "language"}], ["type"]);
+            this.item.propertyInput("languages", request.properties.items);
+            Dbm.flow.runWhenMatched(request.properties.status, Dbm.loading.LoadingStatus.LOADED, Dbm.commands.callFunction(this._languagesLoaded.bind(this), []));
+        }
+    }
+
+    _languagesLoaded() {
+        //console.log("_languagesLoaded");
+        //console.log(this.item.languages);
+
+        let availableLanguageCodes = Dbm.utils.ArrayFunctions.mapField(Dbm.getRepositoryItem("site").availableLanguages, "code");
+
+        let filteredLanguages = Dbm.utils.ArrayFunctions.filterByField(this.item.languages, "identifier", availableLanguageCodes, "inArray");
+        this.item.availableLanguages = filteredLanguages;
+    }
+
+    getFlagUrl(aLanguageCode) {
+
+        let countryCode = aLanguageCode;
+        if(aLanguageCode === "en") {
+            countryCode = "gb";
+        }
+
+        return "https://flagcdn.com/" + countryCode + ".svg";
+    }
+
+    _renderMainElement() {
+
+        return React.createElement("div", {},
+            React.createElement(Dbm.react.admin.editorsgroup.EditRelation, {direction: "in", relationType: "for", objectType: "language"},
+                React.createElement(Dbm.react.context.AddItemByIdToContext, {"id": Dbm.react.source.contextVariable("valueEditor.editValue.value"), "as": "language"},
+                    
+                            React.createElement(Dbm.react.form.Dropdown, {},
+                                React.createElement("div", {"data-slot": "button", "className": "standard-field standard-field-padding"},
+                                    React.createElement("div", {className: "flex-row micro-item-spacing vertically-center-items"},
+                                        React.createElement("div", {className: "flex-row-item flex-no-resize"},
+                                            React.createElement(Dbm.react.area.HasData, {check: Dbm.react.source.contextVariable("language.id")},
+                                                React.createElement("div", {className: "language-circle centered-cell-holder overflow-hidden"},
+                                                    React.createElement(Dbm.react.image.Image, {"src": Dbm.core.source.command(Dbm.commands.callFunction(this.getFlagUrl, [Dbm.react.source.contextVariable("language.identifier")])), "className": "background-cover full-size"})
+                                                )
+                                            ),
+                                            React.createElement(Dbm.react.area.HasData, {check: Dbm.react.source.contextVariable("language.id"), checkType: "invert/default"},
+                                                React.createElement("div", {className: "language-circle centered-cell-holder"},
+
+                                                )
+                                            )
+                                            
+                                        ),
+                                        React.createElement("div", {className: "flex-row-item flex-resize"},
+                                            React.createElement(Dbm.react.area.HasData, {check: Dbm.react.source.contextVariable("language.id")},
+                                                Dbm.react.text.text(Dbm.react.source.contextVariable("language.name"))
+                                            ),
+                                            React.createElement(Dbm.react.area.HasData, {check: Dbm.react.source.contextVariable("language.id"), checkType: "invert/default"},
+                                                "Language"
+                                            )
+                                        ),
+                                        React.createElement("div", {className: "flex-row-item flex-no-resize"},
+                                            "v"
+                                        )
+                                    )
+                                ),
+                                React.createElement("div", {"className": "dropdown-menu-max-height standard-dropdown"},
+                                    React.createElement(Dbm.react.area.List, {items: this.item.properties.availableLanguages, "as": "availableLanguage"},
+                                        React.createElement(Dbm.react.interaction.CommandButton, {"commands": [
+                                            Dbm.commands.setProperty(Dbm.react.source.contextVariable("valueEditor.editValue.value"), Dbm.react.source.contextVariable("availableLanguage.id")),
+                                            Dbm.commands.setProperty(Dbm.react.source.contextVariable("open"), false)
+                                        ]},
+                                            React.createElement("div", {className: "standard-dropdown-row standard-dropdown-row-padding hover-row cursor-pointer"},
+                                                Dbm.react.text.text(Dbm.react.source.contextVariable("availableLanguage.name"))
+                                            )
+                                        ),
+                                    )
+                                )
+                            )
+                        
+                )
+            ),
+        );
+    }
+}
+

package/react/admin/EditObject.js

@@ -26,7 +26,7 @@ export default class EditObject extends Dbm.react.BaseObject {
                     {"type": "includeDraft"},
                     {"type": "idSelection", "ids": [item.id]},
                 ],
-                ["admin_fields", "admin_fieldTranslations", "relations"]
+                ["admin_fields", "admin_fieldTranslations", "relations", "url", "identifier", "visibility"]
             );
             allLoaded.addCheck(request.properties.status);
         }

package/react/admin/EditObjectById.js

@@ -26,7 +26,7 @@ export default class EditObjectById extends Dbm.react.BaseObject {
                     {"type": "includeDraft"},
                     {"type": "idSelection", "ids": [id]},
                 ],
-                ["admin_fields", "admin_fieldTranslations", "relations"]
+                ["admin_fields", "admin_fieldTranslations", "relations", "url", "identifier", "visibility"]
             );
             allLoaded.addCheck(request.properties.status);
         }